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








@font-face {
  font-family: 'OSans';
  font-style: normal;
  font-weight: normal;
  src: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/fonts/opensansregular.woff') format('woff');
}

@font-face {
  font-family: 'OSans';
  font-style: normal;
  font-weight: 600;
  src: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/fonts/opensanssemibold.woff') format('woff');
}

@font-face {
  font-family: 'OSans';
  font-style: normal;
  font-weight: 700;
  src: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/fonts/opensansbold.woff') format('woff');
}

@font-face {
  font-family: 'iconGlyph';
  font-style: normal;
  font-weight:normal;
  src: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/fonts/cianywhere-regular.woff') format('woff');
}



html
{
    height:100%;
}

body
{
    margin:0 auto;
    padding:0;
    font-size:0.75em;
    color:#000;
    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, body *
{
    font-family:Osans, Arial, Verdana, sans-serif;
}

body.hidePageHeader > #MainContainer > #GlobalHeader,
body.hidePageFooter > #MainContainer > #GlobalFooter {
    display: none;
}

#MainContainer {
    background: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac50.png');
}

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

.highlightElement {
    background-color: #FFEEDD !important;
    border: solid 1px red;
}

/* Footer */

body.screenLoading > #MainContainer > #GlobalFooter {
    position: absolute;
    bottom: 0;
}

footer
{
    clear:both;
    font-size:0.9em;
    width:100%;
    max-width:inherit;
    text-align:center;
}

 footer.stickToBottom
 {
     position:fixed;
     bottom:0;
 }

 /*--Generic horizontal layout class (selector to turns child elements into inline block elements)--*/

.horizLayout > * {
    display: inline-block;
    vertical-align: top;
}

.fieldsContainer .horizLayout > * {
    margin-right: 5px;
}

.sideBySideContainer > .stackedStyle, .sideBySideContainer > .sideBySide {
    margin-right: 5px;
}

.sideBySideContainer.columns7 > .stackedStyle {
    margin-right: 0;
}

*:focus, .focus {
    outline-color: transparent;
    outline-style: solid;
    outline-width: 1px;
}

*:hover, [tabindex="-1"]:focus {
    outline: none;
}

/*--Various column layouts--*/

.columns {
    display: table;
    width: 100%;
}

.columns > * {
    display:table-cell;
    vertical-align:top;
}

.hidden {   display: none; }

.height100pc { height: 100%; }









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



/*--Generic Padding classes--*/

.padding0, .cPadding0 > *       {  padding:0; }
.paddingT0, .cPaddingT0         {  padding-top:0; }
.paddingB0, .cPaddingB0         {  padding-bottom:0; }
.paddingTB0, .cPaddingTB0 > *   {  padding-top:0;    padding-bottom:0; }
.paddingL0, .cPaddingL0 > *     {  padding-left:0; }
.paddingR0, .cPaddingR0 > *     {  padding-right:0; }
.paddingLR0, .cPaddingLR0 > *   {  padding-left:0;    padding-right:0; }
.padding5, .cPadding5 > *       {  padding:5px; }
.paddingT5, .cPaddingT5         {  padding-top:5px; }
.paddingB5, .cPaddingB5         {  padding-bottom:5px; }
.paddingTB5, .cPaddingTB5 > *   {  padding-top:5px;    padding-bottom:5px; }
.paddingL5, .cPaddingL5 > *     {  padding-left:5px; }
.paddingR5, .cPaddingR5 > *     {  padding-right:5px; }
.paddingLR5, .cPaddingLR5 > *   {  padding-left:5px;    padding-right:5px;}
.padding10, .cPadding10 > *     {  padding:10px; }
.paddingT10, .cPaddingT10       {  padding-top:10px; }
.paddingB10, .cPaddingB10       {  padding-bottom:10px; }
.paddingTB10, .cPaddingTB10 > * {  padding-top:10px;    padding-bottom:10px; }
.paddingL10, .cPaddingL10 > *   {  padding-left:10px; }
.paddingR10, .cPaddingR10 > *   {  padding-right:10px; }
.paddingLR10, .cPaddingLR10 > * {  padding-left:10px;     padding-right:10px; }
.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, .pointerArrow .bg, .pointerArrow .fg {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 0;
    width: 0;
}

.tArw:before, .tArw:after, .pointerArrow .bg, .pointerArrow .fg {
	left: 50%
}

.lArw:before, .lArw:after {
	top: 50%;
	left:0;
}


.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: 6px;
}

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

 .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 {
    width: 850px;
}
.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 */

/* 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;
}
.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 }
.vAlignTop { vertical-align: top; }
.vAlignMiddle { vertical-align: middle; }


/* Text sizes */

.smallText  { font-size: 0.9em !important; }
.mediumText { font-size: 1.2em; }
.largeText  { font-size: 1.5em; }
.largerText { font-size: 2em;   }

.zIndex1 { z-index: 1; }
.noWrap { white-space: nowrap; }
.ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.floatLeft, .cFloatLeft > *     { float:left; }
.floatLeftImportant, .cFloatLeftImportant > *     { float:left !important; }
.floatRight, .cFloatRight > *    { float:right; }
.floatNone, .cFloatNone > * { float: none; }

.pAbsolute { position: absolute; }
.pRelative { position: relative; }

.left0 { left: 0; }
.left5 { left: 5px; }
.left10 { left: 10px; }
.left15 { left: 15px; }
.left20 { left: 20px; }
.left25 { left: 25px; }
.left30 { left: 30px; }

.right0 { right: 0; }
.right5 { right: 5px; }
.right10 { right: 10px; }
.right15 { right: 15px; }
.right20 { right: 20px; }
.right25 { right: 25px; }
.right30 { right: 30px; }

.top0 { top: 0; }
.top5 { top: 5px; }
.top10 { top: 10px; }
.top15 { top: 15px; }
.top20 { top: 20px; }
.top25 { top: 25px; }
.top30 { top: 30px; }

.bottom0 { bottom: 0; }
.bottom5 { bottom: 5px; }
.bottom10 { bottom: 10px; }
.bottom15 { bottom: 15px; }
.bottom20 { bottom: 20px; }
.bottom25 { bottom: 25px; }
.bottom30 { bottom: 30px; }



.block, .cBlock > * { display: block;}
.blockImportant, .cBlockImportant > *, .controlBlockImportant .textBoxControl, .contolBlockImportant .tbcEditorField { display:block !important; }
.inlineBlock, .cInlineBlock > * { display: inline-block; }
.inlineBlockImportant { display: inline-block !important; }
.table { display: table; }
.table-cell, .cTable-Cell > * { display: table-cell; }
.flex { display:flex; }

.center > .flex, .center > .flex0 { 
    align-items: center;    
    justify-content: center;
}

.flex > * { float:left; flex:1; }
.flex0 { flex: 0; }

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




.opac1  { opacity: 1;  }
.opac0  { opacity: 0;  }
.opac03 { opacity: 0.3;}
.opac05 { opacity: 0.5;}
.opac07 { opacity: 0.7;}
.opac09 { opacity: 0.9;}


.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; }
.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; }
.marginT20, .cMarginT20 > *     { margin-top: 20px; }
.marginB20, .cMarginB20 > *     { margin-bottom: 20px; }
.marginL20, .cMarginL20 > *     { margin-left: 20px; }
.marginR20, .cMarginR20 > *     { 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; }








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

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

/*font colour overrides - for card layouts*/

.dataFontLightRed .iconLabel, .dataFontLightRed .editorLabel, .dataFontLightRed .editorField { color: #eccdca !important;}
.dataFontLightGreen .iconLabel, .dataFontLightGreen .editorLabel, .dataFontLightGreen .editorField { color: #e2ead1 !important;}
.dataFontLightYellow .iconLabel, .dataFontYellow .editorLabel, .dataFontLightYellow .editorField { color: #ffe398 !important;}
.dataFontLightBlue .iconLabel, .dataFontLightBlue .editorLabel, .dataFontLightBlue .editorField { color: #c6dae8 !important;}
.dataFontLightGray .iconLabel, .dataFontLightGray .editorLabel, .dataFontLightGray .editorField { color: #ececec !important;}
.dataFontLightPurple .iconLabel, .dataFontLightPurple .editorLabel, .dataFontLightPurple .editorField { color: #d7bdd7 !important;}
.dataFontLightDarkBlue .iconLabel, .dataFontLightDarkBlue .editorLabel, .dataFontLightDarkBlue .editorField { color: #C3C3DA !important;}
.dataFontLightTeal .iconLabel, .dataFontLightTeal .editorLabel, .dataFontLightTeal .editorField { color: #C9D9DD !important;}
.dataFontLightDarkGreen .iconLabel, .dataFontLightDarkGreen .editorLabel, .dataFontLightDarkGreen .editorField { color: #96C09E !important;}
.dataFontLightOrange .iconLabel, .dataFontLightOrange .editorLabel, .dataFontLightOrange .editorField { color: #fce2ce !important;}

.dataFontWhite .iconLabel, .dataFontWhite .editorLabel, .dataFontWhite .editorField  { color: #fff !important;}
.dataFontRed .iconLabel, .dataFontRed .editorLabel, .dataFontRed .editorField { color: #E53327 !important;}
.dataFontGreen .iconLabel, .dataFontGreen .editorLabel, .dataFontGreen .editorField { color: #74bd00 !important;}
.dataFontYellow .iconLabel, .dataFontYellow .editorLabel, .dataFontYellow .editorField { color: #ffc853 !important;}
.dataFontBlue .iconLabel, .dataFontBlue .editorLabel, .dataFontBlue .editorField { color: #325ea1 !important;}
.dataFontGray .iconLabel, .dataFontGray .editorLabel, .dataFontGray .editorField { color: #4b4b4b !important;}
.dataFontPurple .iconLabel, .dataFontPurple .editorLabel, .dataFontPurple .editorField { color: #660066 !important;}
.dataFontDarkBlue .iconLabel, .dataFontDarkBlue .editorLabel, .dataFontDarkBlue .editorField { color: #000060 !important;}
.dataFontTeal .iconLabel, .dataFontTeal .editorLabel, .dataFontTeal .editorField { color: #1E5E6D !important;}
.dataFontDarkGreen .iconLabel, .dataFontDarkGreen .editorLabel, .dataFontDarkGreen .editorField { color: #00661A !important;}
.dataFontOrange .iconLabel, .dataFontOrange .editorLabel, .dataFontOrange .editorField { color: #f2661f !important;}

/* this is in the case the icons should have a different colour from the value*/
.colWhite, .dataIconFontWhite .iconLabel  { color: #fff !important;}
.colRed, .dataIconFontRed .iconLabel { color: #E53327 !important;}
.colGreen, .dataIconFontGreen .iconLabel { color: #74bd00 !important;}
.colYellow, .dataIconFontYellow .iconLabel { color: #ffc853 !important;}
.colBlue, .dataIconFontBlue .iconLabel { color: #325ea1 !important;}
.colGray, .dataIconFontGray .iconLabel { color: #4b4b4b !important;}
.colPurple, .dataIconFontPurple .iconLabel { color: #660066 !important;}
.colDarkBlue, .dataIconFontDarkBlue .iconLabel { color: #000060 !important;}
.colTeal, .dataIconFontTeal .iconLabel { color: #1E5E6D !important;}
.colDarkGreen, .dataIconFontDarkGreen .iconLabel { color: #00661A !important;}
.colOrange, .dataIconFontOrange .iconLabel { color: #F2661F !important;}
.colBrown, .dataIconFontBrown .iconLabel { color: #8a6d3b !important;}

.bgColWhite { background-color: white; }
.bgColLightRed, .dataBgLightRed .iconLabel, .dataBgLightRed .editorLabel, .dataBgLightRed .editorField { background-color: #eccdca;}
.bgColLightGreen, .dataBgLightGreen .iconLabel, .dataBgLightGreen .editorLabel, .dataBgLightGreen .editorField { background-color: #e2ead1;}
.bgColLightYellow, .dataBgLightYellow .iconLabel, .dataBgLightYellow .editorLabel, .dataBgLightYellow .editorField { background-color: #ffe398;}
.bgColLightBlue, .dataBgLightBlue .iconLabel, .dataBgLightBlue .editorLabel, .dataBgLightBlue .editorField { background-color: #c6dae8;}
.bgColLightGray, .dataBgLightGray .iconLabel, .dataBgLightGray .editorLabel, .dataBgLightGray .editorField { background-color: #c7c7c7;}
.bgColLightPurple, .dataBgLightPurple .iconLabel, .dataBgLightPurple .editorLabel, .dataBgLightPurple .editorField { background-color: #d7bdd7;}
.bgColLightDarkBlue, .dataBgLightDarkBlue .iconLabel, .dataBgLightDarkBlue .editorLabel, .dataBgLightDarkBlue .editorField { background-color: #C3C3DA;}
.bgColLightTeal, .dataBgLightTeal .iconLabel, .dataBgLightTeal .editorLabel, .dataBgLightTeal .editorField { background-color: #C9D9DD;}
.bgColLightDarkGreen, .dataBgLightDarkGreen .iconLabel, .dataBgLightDarkGreen .editorLabel, .dataBgLightDarkGreen .editorField { background-color: #96C09E;}
.bgColLightOrange, .dataBgLightOrange .iconLabel, .dataBgLightOrange .editorLabel, .dataBgLightOrange .editorField { background-color: #fce2ce;}

.bgColRed, .dataBgRed .iconLabel, .dataBgRed .editorLabel, .dataBgRed .editorField { background-color: #E53327;}
.bgColGreen, .dataBgGreen .iconLabel, .dataBgGreen .editorLabel, .dataBgGreen .editorField { background-color: #74bd00;}
.bgColYellow, .dataBgYellow .iconLabel, .dataBgYellow .editorLabel, .dataBgYellow .editorField { background-color: #ffc853;}
.bgColBlue, .dataBgBlue .iconLabel, .dataBgBlue .editorLabel, .dataBgBlue .editorField { background-color: #325ea1;}
.bgColGray, .dataBgGray .iconLabel, .dataBgGray .editorLabel, .dataBgGray .editorField { background-color: #4b4b4b;}
.bgColPurple, .dataBgPurple .iconLabel, .dataBgPurple .editorLabel, .dataBgPurple .editorField { background-color: #660066;}
.bgColDarkBlue, .dataBgDarkBlue .iconLabel, .dataBgDarkBlue .editorLabel, .dataBgDarkBlue .editorField { background-color: #000060;}
.bgColTeal, .dataBgTeal .iconLabel, .dataBgTeal .editorLabel, .dataBgTeal .editorField { background-color: #1E5E6D;}
.bgColDarkGreen, .dataBgDarkGreen .iconLabel, .dataBgDarkGreen .editorLabel, .dataBgDarkGreen .editorField { background-color: #00661A;}
.bgColOrange, .dataBgOrange .iconLabel, .dataBgOrange .editorLabel, .dataBgOrange .editorField { background-color: #F2661F;}
.bgColBrown { background-color: #CEAE0A; }

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

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


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



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

}

.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";
}
.screensaver {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 100000;
    display: none;
}

.screensaver .innerBox 
{
    position: fixed;
    width: 205px;
    height: 32px;
    left: 50%;
    margin-left: -103px;
    top: 50%;
    margin-top: -16px;
    background-image:url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/t1logo.png);
    border-radius: 10px;
}

.screensaver .innerBox {
    background-repeat: no-repeat;
    background-position: center;
}
div.olMap {
    z-index: 0;
    padding: 0 !important;
    margin: 0 !important;
    cursor: default;
    /*making touch drag and pinch zoom work on IE11 and edge*/
    -ms-touch-action: none;
    touch-action: none;
}

div.olMapViewport {
    text-align: left;
    /*making touch drag and pinch zoom work on IE11 and edge*/
    -ms-touch-action: none;
   touch-action: none;
}

div.olLayerDiv {
   -moz-user-select: none;
   -khtml-user-select: none;
}

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;
}
.olLayerGoogleV3.olLayerGoogleCopyright {
    right: auto !important;
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;
}
.olLayerGoogleV3.olLayerGooglePoweredBy {
    bottom: 15px !important;
}
.olControlAttribution {
    font-size: smaller;
    right: 3px;
    bottom: 4.5em;
    position: absolute;
    display: block;
}
.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}
.olControlScaleLine {
   display: block;
   position: absolute;
   left: 10px;
   bottom: 15px;
   font-size: xx-small;
}
.olControlScaleLineBottom {
   border: solid 2px black;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
.olControlScaleLineTop {
   border: solid 2px black;
   border-top: none;
   text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
}

div.olControlMousePosition {
    bottom: 0;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
}

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0;
    right: 0;
}

.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #00008B;
    -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton,
.olControlOverviewMapMaximizeButton {
    height: 18px;
    width: 18px;
    right: 0;
    bottom: 80px;
    cursor: pointer;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url("/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/img/blank.gif");
    cursor: move;
    border: 2px dotted red;
}
.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    background-image: url("/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/img/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.olLayerGeoRSSDescription {
    float:left;
    width:100%;
    overflow:auto;
    font-size:1.0em;
}
.olLayerGeoRSSClose {
    float:right;
    color:gray;
    font-size:1.2em;
    margin-right:6px;
    font-family:sans-serif;
}
.olLayerGeoRSSTitle {
    float:left;font-size:1.2em;
}

.olPopupContent {
    padding:5px;
    overflow: auto;
}

.olControlNavigationHistory {
   background-image: url("/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/img/navigation_history.png");
   background-repeat: no-repeat;
   width:  24px;
   height: 24px;

}
.olControlNavigationHistoryPreviousItemActive {
  background-position: 0 0;
}
.olControlNavigationHistoryPreviousItemInactive {
   background-position: 0 -24px;
}
.olControlNavigationHistoryNextItemActive {
   background-position: -24px 0;
}
.olControlNavigationHistoryNextItemInactive {
   background-position: -24px -24px;
}

div.olControlSaveFeaturesItemActive {
    background-image: url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/img/save_features_on.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}
div.olControlSaveFeaturesItemInactive {
    background-image: url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/img/save_features_off.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}

.olControlPanPanel {
    top: 10px;
    left: 5px;
}

.olControlPanPanel div {
    background-image: url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/img/pan-panel.png);
    height: 18px;
    width: 18px;
    cursor: pointer;
    position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
    top: 0;
    left: 9px;
    background-position: 0 0;
}
.olControlPanPanel .olControlPanSouthItemInactive {
    top: 36px;
    left: 9px;
    background-position: 18px 0;
}
.olControlPanPanel .olControlPanWestItemInactive {
    position: absolute;
    top: 18px;
    left: 0;
    background-position: 0 18px;
}
.olControlPanPanel .olControlPanEastItemInactive {
    top: 18px;
    left: 18px;
    background-position: 18px 18px;
}

.olControlZoomPanel {
    top: 71px;
    left: 14px;
}

.olControlZoomPanel div {
    background-image: url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/img/zoom-panel.png);
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
    top: 0;
    left: 0;
    background-position: 0 0;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 18px;
    left: 0;
    background-position: 0 -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
    top: 36px;
    left: 0;
    background-position: 0 18px;
}

/*
 * When a potential text is bigger than the image it move the image
 * with some headers (closes #3154)
 */
.olControlPanZoomBar div {
    font-size: 1px;
}

.olPopupCloseBox {
  background: url("/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/img/close.gif") no-repeat;
  cursor: pointer;
}

.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNoSelect {
 -moz-user-select: none;
 -khtml-user-select: none;
}

.olImageLoadError {
    background-color: pink;
    opacity: 0.5;
    filter: alpha(opacity=50); /* IE */
}

/**
 * Cursor styles
 */

.olCursorWait {
    cursor: wait;
}
.olDragDown {
    cursor: default;
}
.olDrawBox {
    cursor: crosshair;
}
.olControlDragFeatureOver {
    cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    cursor: -moz-grabbing;
}

/**
 * Layer switcher
 */
.olControlLayerSwitcher {
    position: absolute;
    top: 25px;
    right: 0;
    width: 20em;
    font-family: sans-serif;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: smaller;
    color: white;
    background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    background-color: darkblue;
}

.olControlLayerSwitcher .layersDiv .baseLbl,
.olControlLayerSwitcher .layersDiv .dataLbl {
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,
.olControlLayerSwitcher .layersDiv .dataLayersDiv {
    padding-left: 10px;
}

.olControlLayerSwitcher .maximizeDiv,
.olControlLayerSwitcher .minimizeDiv {
    width: 18px;
    height: 18px;
    top: 5px;
    right: 0;
    cursor: pointer;
}

.olBingAttribution {
    color: #DDD;
}
.olBingAttribution.road {
    color: #333;
}

.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
    color: #EEE;
}
.olGoogleAttribution {
    color: #333;
}
span.olGoogleAttribution a {
    color: #77C;
}
span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
    color: #EEE;
}

/**
 * Editing and navigation icons.
 * (using the editing_tool_bar.png sprint image)
 */
.olControlNavToolbar ,
.olControlEditingToolbar {
    margin: 5px 5px 0 0;
}
.olControlNavToolbar div,
.olControlEditingToolbar div {
    background-image: url("/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/img/editing_tool_bar.png");
    background-repeat: no-repeat;
    margin: 0 0 5px 5px;
    width: 24px;
    height: 22px;
    cursor: pointer
}
/* positions */
.olControlEditingToolbar {
    right: 0;
    top: 0;
}
.olControlNavToolbar {
    top: 295px;
    left: 9px;
}
/* layouts */
.olControlEditingToolbar div {
    float: right;
}
/* individual controls */
.olControlNavToolbar .olControlNavigationItemInactive,
.olControlEditingToolbar .olControlNavigationItemInactive {
    background-position: -103px -1px;
}
.olControlNavToolbar .olControlNavigationItemActive ,
.olControlEditingToolbar .olControlNavigationItemActive  {
    background-position: -103px -24px;
}
.olControlNavToolbar .olControlZoomBoxItemInactive {
    background-position: -128px -1px;
}
.olControlNavToolbar .olControlZoomBoxItemActive  {
    background-position: -128px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
    background-position: -77px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
    background-position: -77px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
    background-position: -51px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
    background-position: -51px -24px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{
    background-position: -26px -1px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
    background-position: -26px -24px;
}

div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255,255,255,0.4);
    border-radius: 4px;
    padding: 2px;
}
div.olControlZoom a {
    display: block;
    margin: 1px;
    padding: 0;
    color: white;
    font-size: 18px;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 22px;
    width:22px;
    line-height: 19px;
    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 60, 136, 0.5);
    filter: alpha(opacity=80);
}
div.olControlZoom a:hover {
    background: #130085; /* fallback for IE */
    background: rgba(0, 60, 136, 0.7);
    filter: alpha(opacity=100);
}
@media only screen and (max-width: 600px) {
    div.olControlZoom a:hover {
        background: rgba(0, 60, 136, 0.5);
    }
}
a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}
a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}


/**
 * Animations
 */

/*
 *  Layer Fade Animation for single-tile only ( .olLayerDiv.olLayerGridSingleTile > img.olTileImage ),
 *  .olLayerDiv.olLayerGridSingleTile is set on containing div,
 *  olTileImage is set on img tag
 */
/*.olLayerDiv.olLayerGridSingleTile > img.olTileImage {*/
    /*-webkit-transition: opacity 0.2s linear;*/
    /*-moz-transition: opacity 0.2s linear;*/
    /*-o-transition: opacity 0.2s linear;*/
    /*transition: opacity 0.2s linear;*/
/*}*/

/* OverviewMap overrides ------------------- */
/* Suffixed with 2 ie the original is olControlOverviewMapElement and the overriden one is olControlOverviewMapElement2
   The suffix is a workaround for async loading of CSS where openlayers-override.css is BEFORE openlayers style.css is loaded
*/
.olControlOverviewMapElement_intramaps {
    background-color: #E5E5E5;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border: 1px solid #333;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.olControlOverviewMapMaximizeButton_intramaps, .olControlOverviewMapMinimizeButton_intramaps {
    height: 88px;
    width: 16px;
    top: 1px;
    right: 1px;
    cursor: pointer;
    display: block;
    z-index: 1;
    font-family: 'intramaps';
    z-index: 1;
    text-align: center;
    color: #6c6c6c;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.4);
}

.olControlOverviewMapMaximizeButton_intramaps:hover, .olControlOverviewMapMinimizeButton_intramaps:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.olControlOverviewMapMinimizeButton_intramaps .olControlOverviewMapMinimizeButton_intramaps {
    display: none;
}

.olControlOverviewMapMinimizeButton_intramaps:before {
    content: "\e041";
    display: block;
    height: 90px;
    line-height: 90px;
    width: 16px;
    font-size: 10px;
}

.olControlOverviewMapMaximizeButton_intramaps:before {
    content: "\e040";
    display: block;
    height: 90px;
    line-height: 90px;
    width: 16px;
    font-size: 10px;
}

.olControlOverviewMapContainer_intramaps {
    position: absolute;
    bottom: 0px;
    left: 3px;
    height: 90px;
    min-width: 16px;
}

.olControlOverviewMapExtentRectangle_intramaps {
    background-color: rgba(0, 0, 0, 0.2);
    padding-right: 2px;
    padding-bottom: 2px;
}

.olControlOverviewMapRectReplacement {
    background-color: rgba(0, 0, 0, 0.2);
    background-image: none !important;
}



/* End OverviewMap overrides ------------------*/
.layersDiv,
.maximizeDiv {
    background-color: #333 !important;
    border-radius: 0;
}

div.olControlZoom {
    border-radius: 0;
    background-color: transparent;
    padding: 0;
    left: 12px;
    top: 8px;
}

div.olControlZoom a {
    border-radius: 0;
    /*color: #5a94c5;*//*Remove*/
    color: #373a3f;
    background-color: #fff;
    font-family: 'proximanova-bold';
    font-weight: bold;
    font-size: 24px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.19);
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.19);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.19);
    overflow: hidden;
    filter: none;
    text-align: center;
}

html.intramapstouch div.olControlZoom a {
    width: 44px;
    height: 44px;
    line-height: 44px;
}

div.olControlZoom a:before {
    display: block;
    font-family: 'intramaps';
    font-size: 16px;
    width: 26px;
    height: 26px;
    line-height: 26px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
    text-align: center;
}

html.intramapstouch div.olControlZoom a:before {
    width: 44px;
    height: 44px;
    line-height: 44px;
}

div.olControlZoom a.olControlZoomIn:before {
    content: "\e01c";
}

div.olControlZoom a.olControlZoomOut:before {
    content: "\e01f";
}

div.olControlZoom a:hover {
    background-color: #f2f3f4;
}

.olPopup {
    padding: 0;
    background-color: #fff;
    color: #343434;
    border: 1px solid #a5c8e7 !important;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    overflow: visible !important;
}

.olPopup.br {
    margin-top: -11px;
    margin-left: 11px;
}

.olPopup.bl {
    margin-top: -11px;
    margin-left: -11px;
}

.olPopup.tr {
    margin-top: 11px;
    margin-left: 11px;
}

.olPopup.tl {
    margin-top: 11px;
    margin-left: -11px;
}

.olPopup .olPopupContent {
    position: relative;
    width: auto !important;
    right: 0;
    margin: 0;
    padding: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.olPopup .olPopupContent .table {
  position: absolute;
  padding: 0;
  overflow: auto;
  top: 24px;
  bottom: 0;
}

.olPopup .olPopupContent .content {
    position: absolute;
    padding: 11px;
    overflow: auto;
    top: 24px;
    bottom: 0;
    left: 0;
    right: 0;
}

.olPopup .olPopupCloseBox {
    background-image: none;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    height: 24px !important;
    width: auto !important;
    background-color: #efefef;
    text-align: right;
    position: relative;
}

.olPopup .olPopupCloseBox:before {
    display: block;
    font-family: 'intramaps';
    font-size: 13px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: "\e035";
    color: #343434;
    position: absolute;
    right: 5px;
}

.olPopup:before {
    position: absolute;
    display: block;
    width: 11px;
    height: 11px;
    z-index: 752;
}

.olPopup.br:before {
    left: -11px;
    top: 6px;
    content: url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/openlayers-popup-pointer-br.svg);
}

.olPopup.bl:before {
    right: -11px;
    top: 6px;
    content: url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/openlayers-popup-pointer-bl.svg);
}

.olPopup.tr:before {
    left: -11px;
    bottom: 6px;
    content: url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/openlayers-popup-pointer-tr.svg);
}

.olPopup.tl:before {
    right: -11px;
    bottom: 6px;
    content: url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/openlayers-popup-pointer-tl.svg);
}

.olImageLoadError {
    /* when OL encounters a 404, don't display the pink image */
    display: none !important;
}

.olHandlerBoxZoomBox {
    border: 2px solid #086EC4 !important;
}

.gridHoverStyle,.gridSelection,.timelineSelection{background-color:#fff3a1}.gantt_grid_scale .gantt_grid_head_cell{color:#a6a6a6;border-top:none!important;border-right:none!important}.gantt_grid_data .gantt_cell{border-right:none;color:#454545}.gantt_task_link .gantt_link_arrow_right{border-width:6px;margin-top:-3px}.gantt_task_link .gantt_link_arrow_left{border-width:6px;margin-left:-6px;margin-top:-3px}.gantt_task_link .gantt_link_arrow_down,.gantt_task_link .gantt_link_arrow_up{border-width:6px}.gantt_task_line .gantt_task_progress_drag{bottom:-4px;height:10px;margin-left:-8px;width:16px}.chartHeaderBg{background-color:#fff}.gantt_task .gantt_task_scale .gantt_scale_cell{color:#a6a6a6;border-right:1px solid #ebebeb}.gantt_row.gantt_project,.gantt_row.odd.gantt_project{background-color:#edffef}.gantt_task_row.gantt_project,.gantt_task_row.odd.gantt_project{background-color:#f5fff6}.gantt_task_line.gantt_project{background-color:#65c16f;border:1px solid #3c9445}.gantt_task_line.gantt_project .gantt_task_progress{background-color:#46ad51}.buttonBg{background:#fff}.gantt_cal_light .gantt_btn_set{margin:5px 10px}.gantt_btn_set.gantt_cancel_btn_set{background:#fff;color:#454545;border:1px solid #cecece}.gantt_btn_set.gantt_save_btn_set{background:#3db9d3;text-shadow:0 -1px 0 #248a9f;color:#fff}.gantt_btn_set.gantt_delete_btn_set{text-shadow:0 -1px 0 #6f6f6f;background:#ec8e00;text-shadow:0 -1px 0 #a60;color:#fff}.gantt_cal_light_wide{padding-left:0!important;padding-right:0!important}.gantt_cal_light_wide .gantt_cal_larea{border-left:none!important;border-right:none!important}.gantt_popup_button.gantt_ok_button{background:#3db9d3;text-shadow:0 -1px 0 #248a9f;color:#fff;font-weight:700;border-width:0}.gantt_popup_button.gantt_cancel_button{font-weight:700;color:#454544}.gantt_popup_title{background-color:#fff}.gantt_popup_shadow{box-shadow:3px 3px 3px rgba(0,0,0,.07)}.gantt_qi_big_icon.icon_edit{color:#454545;background:#fff}.gantt_qi_big_icon.icon_delete{text-shadow:0 -1px 0 #a60;background:#ec8e00;color:#fff;border-width:0}.gantt_tooltip{box-shadow:3px 3px 3px rgba(0,0,0,.07);border-left:1px solid rgba(0,0,0,.07);border-top:1px solid rgba(0,0,0,.07);font-size:8pt;color:#454545}.gantt_container,.gantt_tooltip{background-color:#fff;font-family:Arial}.gantt_container{font-size:13px;border:1px solid #cecece;position:relative;white-space:nowrap;overflow-x:hidden;overflow-y:hidden}.gantt_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_drag_marker.gantt_grid_resize_area{background-color:hsla(0,0%,91%,.5);border-left:1px solid #cecece;border-right:1px solid #cecece;height:100%;width:100%;box-sizing:border-box}.gantt_cell{display:inline-block;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_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_indent{width:15px;height:100%;display:inline-block}.gantt_tree_content,.gantt_tree_icon{vertical-align:top}.gantt_tree_icon{width:28px;background-repeat:no-repeat;background-position:50%}.gantt_tree_content,.gantt_tree_icon{height:100%;display:inline-block}.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_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;margin-top:-1px}.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{opacity:.1;pointer-events: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:absolute;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_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_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_drag_marker{position:absolute;top:-1000px;left:-1000px;font-family:Arial;font-size:13px}.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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/dropdown.png');
}

.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;
}
.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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac35.png');
    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%;
}

.olControlLayerSwitcher {
    display: none;
}

.olControlZoom {
    display: none;
}

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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/core/map/mapsprite64.png');
    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";
}


.attachments {
    position: relative;
    min-height: 230px;
    font-size: 12px;
    white-space: normal;
    overflow: auto;
    height: inherit;
}

.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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/64/ecm/doc1.png');

}

#FileDropTargetImage2 {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/64/ecm/doc2.png');

}

#FileDropTargetImage3 {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/64/ecm/doc3.png');

}

.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 .dropdownControlButton .icon16:before {
    content: "\E002";
}

.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(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/no_image.png);
    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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/blackopac3.png');
}

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

.attItems.attCardView > .item.notNoteOrUrl > .audit {
    margin-left: 95px;
}

.attachments .attItems.attCardView .extract {
    height: 48px;
    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 .ecmDocSetId {
    top: 40px;
    right: 5px;
    font-size: 0.9em;
}

.attachments .attItems.attCardView .ecmDocSetId:before {
    content: "Document Set ID";
    position: absolute;
    top: -1.1em;
    right: 0;
    white-space: nowrap;
    font-size: 0.9em;
    font-weight: bold;
}

.attachments .attItems.attCardView .ecmVersion {
    top: 60px;
    right: 5px;
    font-size: 0.9em;
}

.attachments .attItems.attCardView .ecmVersion:before {
    content: "Version";
    margin-right: 3px;
    font-size: 0.9em;
}


.attachments .attItems.attCardView > .item.notNoteOrUrl > .actionBox {
    bottom: 5px;
    right: 5px;
    top: inherit;
}

.attItems.attCardView > .item.noteOrUrl > .actionBox {
    top: 5px;
    right: 5px;
}


/*---Global Action Buttons - may not be contained within the Attachments control---*/
.attachmentsActionsContainer {
    height: 40px;
    box-sizing: border-box;
    border-bottom: solid 1px #e6e6e6;
}


.tabsContainer .attachmentsActionsContainer {
    border-style: solid;
    border-width: 1px;
}

.attachmentsActionsContainer > .viewActions {
    float: right;
    margin: 4px 5px 0 5px;
}

.attachmentsActionsContainer > .addActions {
    float: right;
    margin: 4px 5px 0 5px;
}

.attachments.securestoredisabled .attachmentsActionsContainer > .addActions .ecmAttachAction {
    display: none;
}


.attachments .addActions .chooser {
    z-index: 2; /*iPad hack to ensure the dropdown items show over any attachment items*/
}

.attachments .attachmentsActionsContainer .viewSelector .dropdownControlButton.handle {
    /*outline-color: transparent;*/
    padding-left: 0;
    padding-right: 0;
}

.attachments .attachmentsActionsContainer .viewSelector .dropdownControlButton.handle > .glyph {
    width: 28px;
}

.viewSelector .handle > .icon16.glyph:before {
    content: "\E226";
}

.attachments .attachmentsActionsContainer .viewSelector .toggleView.listView.icon16:before,
.attachments .attachmentsActionsContainer .viewSelector .toggleView.listView .icon16:before {
    content: "\E123";
}

.attachments .attachmentsActionsContainer .viewSelector .toggleView.gridView.icon16:before,
.attachments .attachmentsActionsContainer .viewSelector .toggleView.gridView .icon16:before {
    content: "\E122";
}

.attachments .attachmentsActionsContainer .viewSelector .toggleView.tileView.icon16:before,
.attachments .attachmentsActionsContainer .viewSelector .toggleView.tileView .icon16:before {
    content: "\E125";
}

.attachments .attachmentsActionsContainer .viewSelector .toggleView.attCardView.icon16:before,
.attachments .attachmentsActionsContainer .viewSelector .toggleView.attCardView .icon16:before {
    content: "\E121";
}


.attachments .attachmentsActionsContainer .addActions .dropdownControl .dropdownPanel {
    min-width: inherit;
}

.attachments > .attachmentsActionsContainer > .addActions > .dropdownControl > .dropdownControlButton.primary > .icon16:before {
    content: "\E146";
}

.attachments > .attachmentsActionsContainer > .addActions > .dropdownControl > .dropdownControlButton.primary > .buttonLabel {
    min-width: 0;
}

.attachments .attachmentsActionsContainer .addActions .attachAction.addFile.icon16:before {
    content: "\E091";
}

.attachments .attachmentsActionsContainer .addActions .attachAction.addCloudFile.office.icon16:before {
    content: "\E517";
}

.attachments .attachmentsActionsContainer .addActions .attachAction.attachFromMyEcm.icon16:before {
    content: "\E162";
}

.attachments .attachmentsActionsContainer .addActions .attachAction.attachFromEcmSearch.icon16:before {
    content: "\E162";
}

.attachments .attachmentsActionsContainer .addActions .attachAction.addNote.icon16:before {
    content: "\E116";
}

.attachments .attachmentsActionsContainer .addActions .attachAction.addUrl.icon16:before {
    content: "\E081";
}


.attachments .viewInEcmActionsContainer {
    float: right;
    margin: 3px 5px;
}

.attachments .viewInEcmActionsContainer .viewInEcmActions {
    display: inline-block;
}

.attachments .viewInEcmActionsContainer .viewInEcmActions button.handle {
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    outline-color: transparent;
}

.attachments .viewInEcmActionsContainer .moreCount {
    border-radius: 4px;
    padding: 1px 6px;
    color: white;
    background-color: gray;
    font-size: 0.9em;
    opacity: 0;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -webkit-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.attachments .viewInEcmActionsContainer .moreCount.moreCountSet {
    opacity: 1;
}

.attFileSelector.fileSelector > .fileList {
    max-height: none;
    overflow-y: visible;
}


/*---Attachments Popups---*/
.attachmentsPopup {
    width: 500px;
    padding: 8px 8px 0 8px;
}

.attachmentsPopup .stackedContainer > .controlContainer {
    display: block;
}

.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(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loadersml.gif);
    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%;
}

.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;
}
/*************************************************
************** Attachments preview *****************
 */
.attachmentsPreviewer{
    visibility: hidden;
    position: absolute;
    left:0;
    right:0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 9001;
    opacity: 0;
}
.attachmentsPreviewer.shown{
    visibility: visible;
    opacity: 1;
}

.attachmentsPreviewer .title{
    vertical-align: top;
    line-height: 45px;
}

.attachmentsPreviewer .btn {
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    opacity: 0.7;
}

.attachmentsPreviewer .btn:hover{
    opacity: 1;
}

.attachmentsPreviewer .header .btn{
    float: right;
}

.attachmentsPreviewer .btn.navigation {
    position: absolute;
    top: 50%;
    padding: 30px 15px;
    margin-top: -50px;
    z-index: 1;
    background: rgba(0,0,0,0.5);
}

.attachmentsPreviewer .btn.disabled{
    cursor: default;
    opacity: 0.3;
    background: transparent;
}
;
.attachmentsPreviewer .btn.prev {    left: 0; }
.attachmentsPreviewer .btn.next {    right: 0; }

.attachmentsPreviewer .mediaContainer{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}
.attachmentsPreviewer .mediaContainer.scroll{
    display: block;
    overflow: auto;
}
.attachmentsPreviewer .mediaItem{
    box-shadow: 0 0px 50px black;    
}
.attachmentsPreviewer .mediaItem.video {
    max-height: 90%;
    max-width: 90%;
}

.attachmentsPreviewer .mediaItem.pdf{
    width: 90%;
    height: 95%;
}

.attachmentsPreviewer .noPreview {
    height: 200px;
    width: 300px;
    position: relative;
}

.attachmentsPreviewer .noPreview a {
    display: block;
    width: 100%;    
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.attachmentsPreviewer .controlPanel {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
}

.attachmentsPreviewer.hasControlPanel .controlPanel{
    display: block;
}

.attachmentsPreviewer .controlPanel > div{
    background: rgba(0,0,0,0.5);
}

.attachmentsPreviewer .controlPanel > div > div{
    padding: 10px;
    border-right: solid 1px rgba(0,0,0,0.2);
    background: rgba(255,255,255,0.1);
}
.attachmentsPreviewer .controlPanel > div > div:last-child{
    border-right: none;
}
.attachmentsPreviewer .controlPanel > div > div:hover{
    background: rgba(255,255,255,0.2);
}
.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);
    z-index:1000;
    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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/uploadoverlay.png');
}

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

.app-container {
    position: relative;
    overflow: visible;
    height: 100%;
}

.blockly-main {
    top: 8px;
    bottom: 8px;
}

.blockly-panel {
    left: 8px;
    right: 8px;
    height: 100%;
    width: 100%;
}

.businessProcessViewDescription {
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.businessProcessTask {
    margin-bottom: 3px;
    padding: 2px;
    border-radius: 3px;
    margin-left: 5px;
    margin-right: 5px;
}

.businessProcessTask.isClickable {
    cursor: pointer;
}

.businessProcessTask.current {
    margin-left: 0;
    margin-right: 0;
}

.businessProcessTaskHeader {
    padding: 7px;
    line-height: 16px;
}

.businessProcessTask.isClickable .businessProcessTaskHeader:before {
    content: "\E063";
    font-family: iconGlyph;
    margin-right: 5px;
    opacity: 0.5;
}

.businessProcessTask.isClickable[aria-expanded="false"] .businessProcessTaskHeader:before {
    content: "\E064";
}

.businessProcessTask.future .businessProcessTaskHeader:before {
    display: none;
}

.businessProcessTaskDescription {
    display: inline-block;
    font-weight: 600;
    font-size: 1.1em;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.businessProcessTaskAssignee {
    display: inline-block;
    float: right;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.businessProcessEventCommentImg {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/32/bpm/comment.png');
    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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/split.png');
    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;
}

/* 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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/new.png'); }
button.formActionButton.newChild .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/newchild.png'); }
button.formActionButton.Save .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/save.png'); }
button.formActionButton.Clear .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/clear.png'); }
button.formActionButton.SaveClear .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/saveclear.png'); }
button.formActionButton.SaveAs .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/saveas.png'); }
button.formActionButton.SaveClose .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/saveclose.png'); }
button.formActionButton.Retrieve .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/retrieve.png'); }
button.formActionButton.copy .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/copy.png'); }
button.formActionButton.Delete .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/delete.png'); }
button.formActionButton.print .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/print.png'); }
button.formActionButton.saveDocFile .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/savedocfile.png'); }
button.formActionButton.submit .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/submitarrow.png'); }
button.formActionButton.approve .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/approve.png'); }
button.formActionButton.accept .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/24/tick.png'); }

span.icon16.excelIcon {background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/excel.png');}
span.icon16.drilldownIcon {background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/timeline.png');}
span.icon16.criteriaIcon {background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/search.png');}
span.icon16.saveIcon {background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/edit.png');}
span.icon16.saveAsIcon {background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/edit.png');}
span.icon16.deleteIcon {background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/delete.png');}
span.icon16.colCustIcon {background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/grid.png');}

.formHeader button.formActionButton.newChild .icon24 { background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/newchild.png'); }





.buttonOnHover, button.buttonOnHover, a.buttonStyle.buttonOnHover /*,
.naturalLanguageSearch .naturalLanguageSearchBuilder .naturalLanguageSearchBuilderResizer .nlsadd button,
.naturalLanguageSearch .naturalLanguageSearchBuilder .naturalLanguageSearchBuilderResizer .nlsclose button*/
 {
    background-image: none;
    background-color: transparent;
    border-color:transparent;
    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);*/
}

button, a.buttonStyle
/*.gridColumnGroupingPanel div.header, .header.dragging*/
 {
    padding:6px;
    border-radius:3px;
    cursor: pointer;
    border-style:solid;
    border-width:1px;
}

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

button, .buttonOnHover:hover, .touch .buttonOnHover:active, button.highlight, a.highlight, a.buttonStyle, a.buttonStyle:hover,.touch a.buttonStyle:active, a.current.buttonStyle
{
    border-radius:3px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    line-height: 16px;
    font-size: 1em;
}

button.searchBtn {
    border-radius: 0 3px 3px 0;
    background: transparent;
    position: relative;
    border: solid 1px transparent;
    margin-left: -50px;
    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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac35.png');
    background-repeat: repeat;
}

button.primary:hover, button.searchBtn:hover, button.secondary:hover {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac10.png');
    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 .icon16, .dropdownControl > .handle.more .icon16:before {
    content: "\E002";
}

.hasSubMenu.more.primary .icon16, .dropdownControl > .handle.more.primary .icon16 {
    margin: 0 5px;
}

.hasSubMenu.more.primary .icon16, .dropdownControl > .handle.more.primary .icon16:before {
    content: "\E002";
}


.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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/tickwhite.png') 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, a.buttonStyle.primary, button.primary.buttonOnHover, .chooser.droppedDown button.primary.buttonOnHover, button.primary, button.primary.buttonOnHover,
button.secondary, button.secondary.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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/plusgreendark.png') 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;
}
.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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/buttonbg.png') 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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/buttonbg.png') 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);
}

.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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/blackopac75.png') 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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac80.png');
	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: 1px;
    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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loadersml.gif') no-repeat top center;
    z-index: 2;
    margin-top: 10px;
    right: 2px;
}



/* Stacked Control Styles */

.stackedStyle > .checkBoxControl {
    display: inline-block;
    padding: 0;
    border: solid 1px transparent;
    background: transparent;
    outline: none;
    margin-bottom: 8px;
}

.stackedStyle > .checkBoxControl.hasSpinner {
    padding-right: 20px;
}

.stackedStyle > .checkBoxControl > .cbcEditorField {
    display: block;
    float: left;
}

.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorField {
    float: none;
}

.stackedStyle > .checkBoxControl > .cbcEditorField:before {
    font-family: iconGlyph;
    font-size: 15px;
    background-image: none;
    width: 16px;
    height: 16px;
    display: block;
    border: solid 1px #c4c4c4;
    background-image: none;
    background-color: #fff;
    border-radius: 2px;
    content: "";
    margin: 10px 4px;

    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(245,245,245,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
    box-sizing: border-box;
}

.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorField:before {
    margin: 4px auto;
}

.stackedStyle > .checkBoxControl.slimCheckBox > .cbcEditorField:before {
    margin: 1px 4px 10px 4px;
}

.stackedStyle > .checkBoxControl.checked > .cbcEditorField:before {
    content: "\E066";
    border-color: #656565;
}

.stackedStyle > .checkBoxControl.editable:hover > .cbcEditorField:before,
.stackedStyle > .checkBoxControl.editable.active > .cbcEditorField:before {
    border-color: #656565;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

.stackedStyle > .checkBoxControl.readonly > .cbcEditorField:before,
.stackedStyle > .checkBoxControl.disabled > .cbcEditorField:before,
.stackedStyle > .checkBoxControl.disabled > .cbcEditorLabel,
.stackedStyle > .checkBoxControl.disabled > .cbcEditorLabelAutoWidth {
    opacity: 0.35;
}

.stackedStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput:focus {
    border: none;
    outline: none;
}

.stackedStyle > .checkBoxControl > .cbcEditorLabel,
.stackedStyle > .checkBoxControl > .cbcEditorLabelAutoWidth {
    display: block;
    vertical-align: top;
    margin-left: 23px;
}

.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabel,
.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabelAutoWidth {
    margin-left: 0;
}

.stackedStyle > .checkBoxControl > .cbcEditorLabel > label,
.stackedStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label {
    line-height: 34px;
    font-size: 0.9em;
    font-weight: 600;
    position:relative;
    border: solid 1px transparent;
    display: block;
    padding: 0 4px;
}

.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabel > label,
.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabelAutoWidth > label {
    line-height: 18px;
}

.stackedStyle > .checkBoxControl.slimCheckBox > .cbcEditorLabel > label,
.stackedStyle > .checkBoxControl.slimCheckBox > .cbcEditorLabelAutoWidth > label {
    line-height: 14px;
}

.stackedStyle > .checkBoxControl > .cbcEditorLabel > label > .labelInnerContainer,
.stackedStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label > .labelInnerContainer {
    display: block;
    overflow: hidden;
}



/* Engaging Control Styles */

.engagingStyle > .checkBoxControl {
    display: block;
    box-sizing: border-box;
    position: relative;
    margin-top: 2px;
    padding-bottom: 20px;
    border: none;
}

.engagingStyle > .checkBoxControl.slimCheckBox {
    padding-bottom: 0;
}

.engagingStyle > .checkBoxControl.hasSpinner {
    padding-right: 20px;
}

.engagingStyle > .checkBoxControl > .cbcEditorField {
    display: block;
    float: left;
    transition: transform 0.1s ease;
}

.engagingStyle > .checkBoxControl.checked > .cbcEditorField {
    transform: scale(1.2);
}

.engagingStyle > .checkBoxControl > .cbcEditorField:before {
    display: block;
    content: "\E066";
    font-family: iconGlyph;
    font-size: 0;
    text-align: center;
    line-height: 16px;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #8f8f8f;
    border-radius: 2px;
    margin: 8px 8px 8px 4px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
    box-sizing: border-box;
    transition: font-size, color, 0.1s ease;
}

.engagingStyle > .checkBoxControl.editable:hover > .cbcEditorField:before {
    border-color: #333;
}

.engagingStyle > .checkBoxControl.checked > .cbcEditorField:before {
    content: "\E066";
    font-size: 16px;
}

.engagingStyle > .checkBoxControl.readonly > .cbcEditorField:before,
.engagingStyle > .checkBoxControl.disabled > .cbcEditorField:before,
.engagingStyle > .checkBoxControl.disabled > .cbcEditorLabel,
.engagingStyle > .checkBoxControl.disabled > .cbcEditorLabelAutoWidth {
    opacity: 0.35;
}

.engagingStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.engagingStyle > .checkBoxControl > .cbcEditorLabel,
.engagingStyle > .checkBoxControl > .cbcEditorLabelAutoWidth {
    display: block;
    padding: 8px 4px;
    font-size: 1.4em;
}

.engagingStyle > .checkBoxControl > .cbcEditorLabel > label,
.engagingStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label {
    display: block;
    line-height: 20px;
    font-weight: 500;
    position: relative;
    color: #333;
}

.engagingStyle > .checkBoxControl > .cbcEditorLabel > label > .labelInnerContainer,
.engagingStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label > .labelInnerContainer {
    display: block;
    overflow: hidden;
}





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



#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("/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/buttonbgprimary.png");
    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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/virtualdoc-48.png');
}

#cloudFilePickerCloudItems .cloudItemFile.doc:before {
    content: "\E116";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/docx-48b.png');
}

#cloudFilePickerCloudItems .cloudItemFile.docx:before {
    content: "\E116";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/docx-48a.png');
}

#cloudFilePickerCloudItems .cloudItemFile.dot:before {
    content: "\E116";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/dot-48b.png');
}

#cloudFilePickerCloudItems .cloudItemFile.dotx:before {
    content: "\E116";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/dot-48a.png');
}

#cloudFilePickerCloudItems .cloudItemFile.txt:before {
    content: "\E116";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/txt-48a.png');
}

#cloudFilePickerCloudItems .cloudItemFile.odt:before {
    content: "\E116";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/doc.png');
}

#cloudFilePickerCloudItems .cloudItemFile.csv:before {
    content: "\E116";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/xl.png');
}

#cloudFilePickerCloudItems .cloudItemFile.xls:before,
#cloudFilePickerCloudItems .cloudItemFile.ods:before {
    content: "\E026";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/xls-48b.png');
}

#cloudFilePickerCloudItems .cloudItemFile.xlsx:before {
    content: "\E026";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/xls-48a.png');
}

#cloudFilePickerCloudItems .cloudItemFile.xlt:before,
#cloudFilePickerCloudItems .cloudItemFile.xltx:before {
    content: "\E026";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/xlt-48a.png');
}

#cloudFilePickerCloudItems .cloudItemFile.ppt:before {
    content: "\E026";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/ppt-48b.png');
}

#cloudFilePickerCloudItems .cloudItemFile.pptx:before {
    content: "\E026";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/ppt-48a.png');
}

#cloudFilePickerCloudItems .cloudItemFile.pot:before {
    content: "\E026";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/pot-48b.png');
}

#cloudFilePickerCloudItems .cloudItemFile.potx:before {
    content: "\E026";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/pot-48a.png');
}

#cloudFilePickerCloudItems .cloudItemFile.pdf:before {
    content: "\E001";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/pdf-48b.png');
}

#cloudFilePickerCloudItems .cloudItemFile.bmp:before,
#cloudFilePickerCloudItems .cloudItemFile.jpeg:before,
#cloudFilePickerCloudItems .cloudItemFile.jpg:before,
#cloudFilePickerCloudItems .cloudItemFile.png:before {
    content: "\E134";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/image-48.png');
}

#cloudFilePickerCloudItems .cloudItemFile.avi:before,
#cloudFilePickerCloudItems .cloudItemFile.mpg:before,
#cloudFilePickerCloudItems .cloudItemFile.mpeg:before,
#cloudFilePickerCloudItems .cloudItemFile.mkv:before {
    content: "\E479";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/video.png');
}

#cloudFilePickerCloudItems .cloudItemFile.msg:before,
#cloudFilePickerCloudItems .cloudItemFile.eml:before {
    content: "\E182";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/email.png');
}

#cloudFilePickerCloudItems .cloudItemFolder:before {
    content: "\E056";

    content: "";
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/filetype/folder.png');
}

#cloudFilePickerCloudItems .cloudItemFile:after {
    font-family: 'iconGlyph';
    font-size: 16px;
    content: "\E066";
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 3px;
    border: solid 1px transparent;
    opacity: 0;
}

#cloudFilePickerCloudItems .cloudItemFile:hover:after {
    opacity: 0.25;
}

#cloudFilePickerCloudItems .cloudItemFile.selected:after {
    opacity: 1;
}

#cloudFilePickerCloudItems .folderChevron {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto;
    border: none;
    border-radius: 0;
    background: none;
    opacity: 0.35;
}

#cloudFilePickerCloudItems .folderChevron:hover {
    opacity: 1;
}

#cloudFilePickerCloudItems .glyph.folderChevron:before {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -8px;
}

#cloudFilePickerCloudItems .cloudItem.selected {
    background-color: rgba(0, 0, 0, 0.02);
}

#cloudFilePickerDetails {
    overflow-y: auto;
    min-height: 150px;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 130px;
    bottom: 50px;
}

#cloudFilePickerNavigation {
    padding: 5px 0;
    margin-top: 10px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: solid 1px #e6e6e6;
}

#cloudFilePickerNavigation .breadcrumb {
    display: none;
    padding: 7px;
    cursor: pointer;
    max-width: 20%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}

#cloudFilePickerNavigation .breadcrumb:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

#cloudFilePickerNavigation .breadcrumb.home {

}

#cloudFilePickerNavigation .breadcrumb:not(.home):before {
    content: "\E061";
    padding-right: 5px;
    margin-left: -5px;
}

#cloudFilePickerNavigation .breadcrumb:nth-last-child(-n+5) {
    display: inline-block;
}

#cloudFilePickerNavigation .breadcrumb:not(.home):nth-last-child(n+6) {
    display: none;
}

#cloudFilePickerNavigation .breadcrumb:last-of-type span  {
    font-weight: 600;
}

#cloudFilePickerHeader.noSearch {
    height: 58px;
}

#cloudFilePickerDetails.noSearch {
    top: 58px;
}
#ContextualPanelsContainer {
    min-width: 500px;
    right: 0;
    left: auto !important;
    z-index:9;
}

#ContextualKeysParent
{
    position: relative;
    max-width: 450px;
}

#ContextualKeysParent.shown #ContextualKeysButton {
	background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/buttonbg.png');
    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:solid 1px;    
}

#ContextualActionsPanel {
    border-top: solid 1px rgba(255,255,255,0.75);
}

#ContextualsKeysPanel {
    border-bottom: solid 1px;
}

#ContextualKeysButton {
    font-size: 0.9em;
    max-width: 450px;
    float: right;
}

body.tablet #ContextualKeysButton {
    max-width: 240px;
}

#ContextualActionsPanel button {
    min-width: 60px;
    text-align: center;
    margin-right:5px;
    float: left;
}

.goBack {
    display: none;
}

#ContextualKeysPanel > .styleContainer > .textBoxControl > .tbcEditorLabel,
#ContextualParametersPanel > .styleContainer > .textBoxControl > .tbcEditorLabel,
#ContextualKeysPanel > .styleContainer > .checkBoxControl > .cbcEditorLabel,
#ContextualParametersPanel > .styleContainer > .checkBoxControl > .cbcEditorLabel {
    width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#ContextualKeysPanel > .styleContainer > .textBoxControl.fillWidth > .tbcEditorField,
#ContextualParametersPanel  > .styleContainer > .textBoxControl.fillWidth > .tbcEditorField {
    width: calc(100% - 165px);
}

#ContextualKeysButton .buttonLabel.empty {
    margin: 0;
    display: none;
}

#ContextualKeysButton .textWrapper {
    max-width: 420px;
    display: block;
}

.minScreen .noFormTitle.noFormActions #ContextualKeysButton .textWrapper {
    max-width: 350px;
}

#ContextualKeysButton .icon16 {
    float: right;
    background: none;
}

#ContextualKeysButton .icon16:before {
    content: "\E006";
}

#ContextualKeysParent.shown .contextualOverlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.15);
    z-index: 9;
}

@media \0screen {
    #ContextualKeysParent.shown .contextualOverlay {
         background: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/blackopac5.png') repeat;
    }
}

/* Fix - Contextual panel height beyonds screen height */
.scrollContent #ContextualKeysPanel, .scrollContent #ContextualParametersPanel{
    max-height: 60vh;
    overflow: auto;
}
.customParameters .customDisplayParameterRemove{
	background: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/remove.png') no-repeat center; 
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	width:18px;
}

.customParameters .customDisplayParameterLabel {
	font-weight: bold;
}

.customParameters .customDisplayParameter {
	background: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/enquirycatline.png') no-repeat center right; 
	padding-right:5px;
	margin-right:5px;
}

.customParameters .customEditParameterLabel {
    width: 150px;
    float:left;
}

.customParameters .customEditParameterInput {
    width: 200px;
    margin-bottom : 5px;
    font-size:1em;
}

.customParameters {
    color:#0f3367;
    display: inline-block;
}

.customParameters .customDisplayParameterRemove:hover {
    border: 1px solid #0f3367;
}

#CustomParametersOkButton {
	background-color:#d3f6d4;
	border-color:#70c172;
}

.detailLines {
    /*margin-bottom:5px; */
    font-size:0.9em;
    padding:3px 0;  
}

.detailLines .lineKey{
    font-weight: bold;
}

.detailLines .lineKey.showColon:after
{
    content: ":";
    font-weight: bold;
    margin-right:3px;
}

.detailLines .lineKey.hideColon:after
{
    font-weight: bold;
    margin-right:3px;
}
.detailsPanel .editablePanel > .content > .sectionNotReady {
	top: 30%;
    left: 50%;
    margin-left: -79px;
    position: absolute;
    display:block;
    height: 128px;
    width: 128px;
    padding: 15px;
    border-radius: 10px;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
}

.detailsPanel .sectionNotReady > .processSpinner {
    border-radius: 32px;
    margin: 10px auto;
    padding: 0;
}

.detailsPanel .sectionNotReady .literalText {
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.detailsPanel .sectionNotReady .literalText .editorField{
    width: 100%;
    padding:0;
}

.detailsPanel .sectionNotReady .literalText .plainText{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*Favourites*/
.detailsPanel .favouriteButton {
    float: right;
    margin-top: 4px;
    margin-right: 10px;
}
.detailsPanel {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: none;
    background-color: #fff;
}

#DETAILS_DefaultContents {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

#DETAILS_DefaultContents:before {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, 0.1);
    width: 1px;
    top: 40px;
    bottom: 0;
    left: 0;
    position: absolute;
}

#DETAILS_DataContents{
    height: 100%;
}

.detailsPanelSectionsActions {
    /*border-bottom: solid 1px;*/
    height: 40px;
    box-sizing: border-box;
    border-left: solid 1px;

    border-left: solid 1px rgba(0, 0, 0, 0.1);
}

.detailsPanel .formActionButton {
    float: none !important;
}

.detailsPanel .sectionChangeButtons button.hidden{
    display: none;
}

.detailsPanelSectionsActions .buttonGroup > .sectionChange > img {
    width: 16px;
}

.detailsPanelSectionsActions .moreSections {
    float: left;
}

.detailsPanelSectionsActions .moreSections > .chooser > button > .icon16 {
  width: 28px;
}

.detailsPanelSectionsActions .moreSections .chooser .downFill > .glyph:before {
  content: "\E226";
}

.detailsPanelSectionsActions .moreSections button.sectionChange {
    float: none;
    min-width: 100%;
    border-radius: 0;
    border-color: transparent;
    background: none;
    box-shadow: none;
    padding-left: 5px!important;
    padding-right: 20px!important;
}

.detailsPanelSectionsActions .moreSections button.sectionChange.highlight {
    border: none;
}

.detailsPanelSectionsActions .moreSections button.sectionChange.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;
}

.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 > .handle > .icon16:before {
    content: "\E002";
}

.detailsPanel .detailsPanelHeader > .itemActions .dropdownControl button {
    border-radius: 3px;
}

.detailsPanel .detailsPanelHeader > .itemActions .dropdownControl button.handle {
    margin-left: 5px;
}

.detailsPanel .detailsPanelHeader > .itemActions .dropdownControl.hasDefaultAction > .dropdownPanel:first-child .dropdownPanelListItem:first-child {
    display: none !important;
}

.detailsPanel > .overlay .durationSpinner,
.detailsPanel > .overlay .durationSpinner .spinner {
    display: block;
}

.detailsPanel .detailsPanelHeader {
    overflow: visible;
    height: 40px;
    border-bottom: solid 1px rgba(0,0,0,0.02);
    box-sizing: border-box;
}

.detailsPanel .detailsPanelHeader .header {
    width: auto;
    display: block;
    font-size: 1.4em !important;
    font-weight: normal;
    line-height: 38px;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}

.detailsPanel .inlineTabContainer > .inlineTabControl {
    display: block;
    visibility: visible;
}

.detailsPanel .editablePanel.scrollContent > .content {
    border-top: none;
    padding: 10px;
}
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;
}

.dropdownPanel.droppedDown.scrollingDropdown {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dropdownPanelItemHeader
{
    font-size:1em;
    padding:6px 10px;
    line-height:16px;
    border-bottom:solid 1px;
}

.dropdownPanel > .menuLinks16
{
    vertical-align: top;
    float: left;
    width: 100%;
}

.dropdownPanelListItem {
    border-radius: 0;
    display:block;
    font-size:0.9em;
    white-space: nowrap;
    position: relative;

    border-color: transparent !important;
}

.dropdownPanelListItem.hidden {
    display: none!important;
}

.dropdownPanelListItem.itemDisabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.dropdownPanelListItem.itemDisabled:hover {
    background-image: none;
    cursor: default;
}

.dropdownPanelListItem.itemDisabled a{
    cursor: default;
}

.dropdownPanelListItem > .icon16 {
    position: absolute;
    top: 7px;
    left: 5px;
}

.dropdownPanelListItem > a, .dropdownPanelListItem > label {
    position: relative;
    display: block;
    line-height: 16px;
    padding: 7px 5px 7px 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
}

.dropdownPanelListItem.dropdownControlSubMenu > a {
    padding-right: 30px;
}

.dropdownPanelListItem > a:hover {
    color: inherit;
    text-decoration: none;
}

.dropdownPanelListItem:hover, .dropdownPanelListItem.dropdownControlSubMenu.droppedDown
{
    background-color: rgba(0, 0, 0, 0.03);
}

.topBar .dropdownPanelListItem:hover {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac5.png');
}

.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
{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    
    position:relative;
    float:left;
    min-height: 16px;
}

.dropDownControlContainer > .hasDefaultAction > .defaultAction:hover {
    z-index:1;
}

.dropDownControlContainer > .hasDefaultAction > .defaultAction:before {
    content:"";
    width:1px;
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    background-color:#fff;
}

.dropDownControlContainer > .hasDefaultAction > .defaultAction.primary:before {
    background: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac50.png') repeat top left;
}

.dropDownControlContainer > .hasDefaultAction > .defaultAction.primary.editAction > .icon16:before {
    content: "\E078";
}


.dropDownControlContainer > .hasDefaultAction > .defaultAction.primary.addAction > .icon16:before {
    content: "\E146";
}


.dropDownControlContainer > .hasDefaultAction > .handle
{
    position:relative;
    overflow:visible;
    line-height: 16px;
}

.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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac50.png');
}

.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;
}
/* 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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loaderspritepage.png');
    animation-duration: 1.6s;
    animation-timing-function: steps(29, end);
}

.pageSpinner.dark {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loaderspritepagedark.png');
}

.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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loadersprite.png');
    animation-duration: 0.8s;
    animation-timing-function: steps(12, end);
}

.itemSpinner.dark {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loaderspritedark.png');
}

.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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loaderspriteprocess.png');
    animation-duration: 1.8s;
    animation-timing-function: steps(61, end);
}

.processSpinner.dark {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loaderspriteprocess.png');
}

.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%;
    margin-top: -48px;
    margin-left: -48px;
    z-index: 9999;
}

body.screenLoading > #MainContainer> .durationSpinner {
    display: block;
}

.durationSpinner.drkBGCol2 {
    vertical-align: middle;
    padding: 10px;
    margin-top: -34px;
    margin-left: -34px;
    background-color: transparent !important;
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/blackopac75.png');
    border-radius: 3px;
    color: #fff;
}

.modalLayout .durationSpinner {
    top: -73px;
}

.modalLayout .overlay > .durationSpinner {
    top: 50%;
}

.bannerMiddle > .durationSpinner {
    top: -6px;
}


.overlay > .durationSpinner {
    display: block;
    margin-left: -24px;
    margin-top: -24px;
}
/* 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;
}

.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;
}
.editablePanel {
    padding-top: 10px;
    padding-bottom: 10px;
}

.detailsPanel .editablePanel {
    padding: 0;
}


/* Header */
.editablePanel > .header,
.editablePanel > .splitheader > div {
    font-size: 1.4em !important;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
    padding-bottom:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px 5px 10px;
}

.editablePanel > .splitheader > div {
    display: inline-block;
}

.editablePanel > .splitheader {
    display: block;
    margin-right: 190px;
}

.editablePanel > .splitheader > div.labelText {
    max-width: 100%;
}

.editablePanel > .splitheader > div.secondaryLabelText {
    float: right;
    margin-right: -190px;
    width: 190px;
    text-align: center;
}


/* Breadcrumb */
.editablePanel > .breadcrumbContainer {
    list-style: none;
	overflow: hidden;
    padding: 5px 0;
}

.editablePanel > .breadcrumbContainer > .breadcrumb {
    float: left;
    height: 20px;
    position: relative;
}

.editablePanel > .breadcrumbContainer > .breadcrumb > .breadcrumbText {
    color: #fff;
	text-decoration: none;
	padding: 5px;
	position: relative;
	display: block;
	float: left;
    line-height: 10px;
}

.editablePanel > .breadcrumbContainer > .breadcrumbLevel > .breadcrumbText {
    margin-left: 10px;
}

.editablePanel > .breadcrumbContainer > .breadcrumb:after,
.editablePanel > .breadcrumbContainer > .breadcrumb:before {
    content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right:0;
    margin-right: -10px;
	z-index: 2;
}

.editablePanel > .breadcrumbContainer > .breadcrumb:before {
    margin-right: -11px;
    z-index: 1;
    color: #fff;
}


/* Top Action Pane & Bottom Action Pane */
.editablePanel > .topActionPane {
    position: relative;
    display: inline-block;
    float: right;
    padding: 0 10px 4px 0;
}

.editablePanel > .content{
    width:100%;
}

.editablePanel > .topActionPane > .formActions,
.editablePanel > .topActionPane > .formActionButton,
.editablePanel > .topActionPane > .sectionActionButton,
.editablePanel > .topActionPane > .actionsMenu {
    float:left;
    height: 30px;
    margin-right: 0;
}

.editablePanel > .topActionPane > .formActions ~ *,
.editablePanel > .topActionPane > .formActionButton ~ *,
.editablePanel > .topActionPane > .sectionActionButton ~ .sectionActionButton,
.editablePanel > .topActionPane > .sectionActionButton ~ .actionsMenu,
.editablePanel > .topActionPane > .sectionActionButton ~ .formActionButton,
.editablePanel > .topActionPane > .sectionActionButton ~ .formActions,
.editablePanel > .topActionPane > .formActionButton ~ .actionsMenu {
    margin-left: 5px;
}

.editablePanel > .topActionPane > .formActionButton.remove {
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 15px;
    min-width: 0 !important;
}

.editablePanel > .topActionPane > .formActionButton.remove:hover {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/blackopac5.png');
}

.editablePanel > .bottomActionPane {
    padding: 10px 0;
    display:inline-block;
}

.editablePanel > .topActionPane > .save > .buttonLabel,
.editablePanel > .bottomActionPane > .save > .buttonLabel,
.editablePanel > .topActionPane > .formActionButton.noLabel.showIcon {
    text-align: center;
}

.editablePanel > .bottomActionPane > button,
.editablePanel > .bottomActionPane > .formActions,
.editablePanel > .bottomActionPane > .formActionButton {
    float:left;
    margin-right:5px;
}


/* Content */
.editablePanel .content > header h1 {
    padding-left: 0;
}

.repeatableEditablePanel .content .fieldsContainer {
    padding: 0;
}

.editablePanel.scrollContent > .content {
    position: relative;
}

.detailsPanel .contentContainer .contentLayoutContainer > .form > .editablePanel > .content,
.tabControl > .editablePanel > .content {
    padding: 0 10px;
    box-sizing: border-box;
}

.inlineTabControl > .editablePanel > .content {
    padding: 0;
}

.detailsPanel .contentContainer .contentLayoutContainer > .form > .editablePanel > .content {
    clear: right;
}

/* Tabbed content */

.mainEditablePanel.displayContentsAsTabs .buttonGroup .flatStyle {
    padding: 14px 10px 6px 10px;
    border-style: none;
    background-color: transparent;
    float: left;
    box-shadow: none;
}

.mainEditablePanel.displayContentsAsTabs .buttonGroup button.flatStyle.highlight{
    opacity: 1;
    border-radius:0;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.mainEditablePanel.displayContentsAsTabs .contentChangeButtons .buttonGroup button.flatStyle.highlight, .editablePanel .contentChangeButtons .buttonGroup .moreSections:hover {
    background-image: none;
}

.mainEditablePanel.displayContentsAsTabs .contentChangeButtons .buttonGroup .more {
    padding: 4px 10px 0 10px;
    float: left;
}

.mainEditablePanel.displayContentsAsTabs .contentChangeButtons .buttonGroup .more .chooser .downFill > .glyph:before {
    content: "\E226";
}

.mainEditablePanel.displayContentsAsTabs .contentChangeButtons .buttonGroup .more > .chooser > button.downFill {
    padding: 6px 0;
    width: 28px;
    text-align: center;
}

.mainEditablePanel.displayContentsAsTabs  > .content .tabbedContent{
    display: none;
}

.mainEditablePanel.displayContentsAsTabs  > .content .tabbedContent.selected{
    display: block;
}

.mainEditablePanel.displayContentsAsTabs  > .content > .tabbedContent > .header{
    display: none;
}


.mainEditablePanel.displayContentsAsTabs  > .content .tabbedContent.inlineTabContainerPanel.hasHeader > .inlineTabContainer > .inlineTabControl > .editablePanel > .topActionPane{
    margin-top:0;
    z-index:1;
}

    /*favourites*/
.fltrItem .favouriteFilter.e180 {
    color: gold;
    float: right;
}
.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(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/branding/logo-small.jpg);
    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 {
    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;
}

.expressionBuilderCancelButton {
    float: none !important;
}

.expressionBuilderOkButton {
    float: none !important;
}

.expressionBuilderValidIndicator {
    color: green;
    line-height: 30px;
}

.expressionBuilderInvalidIndicator {
    color: red;
    line-height: 30px;
}

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

@media screen and (min-width: 768px){
    .expressionBuilderPopup {
        width: 1000px;
        min-width: 1000px;
    }

    .ipad.portraitMode .expressionBuilderPopup {
        width: 660px;
        min-width: 660px;
    }
}
.fileSelector {
    position: relative;
    /*padding: 2px;*/
}

.fileSelector [disabled] {
    opacity: 0.5;
}

.fileSelector .statushint
{
    padding: 6px 0;
    line-height: 16px;
    display: inline-block;
}

.fileSelector .inputContainer
{
    overflow: hidden;
    position: relative;
    float: right;
    height: 30px;
    /*padding: 2px;*/
    /*margin-bottom: 3px;*/
}

.fileSelector .inputContainer > input[type="file"] {
    position: absolute;
    font-size: 2em;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fileSelector .inputContainer > button.addFiles {
    /*margin-top: 1px;*/ /*Required for IE9 only, otherwise top of the button is missing*/
}

.fileSelector .inputContainer > button.addFiles > .icon16 {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/white/plus.png');
    margin: 0 4px;
}

.fileSelector .fileList
{
    clear: both;
    margin: 5px 0;
    max-height: 200px;
    overflow-y: auto;
    padding-bottom: 2px; /*to stop ie showing scrollbars when not required*/
}

.fileSelector .fileList > li
{
    clear: both;
    padding: 3px 0 0 0;
    display: table
}

.fileSelector .fileList > li > span
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: table-cell;
    padding-right: 5px;
}

.fileSelector .fileList > li > .label
{
    font-weight: bold;
    width: 99%;
}

.fileSelector .fileList > li > .size
{
    min-width: 60px;
    text-align: right;
}

.fileSelector .fileList > li > .removeFile
{
    /*padding: 3px;*/
    display: table-cell;
    border: solid 1px transparent;
    border-radius: 15px;
    margin-right: 3px;
}

.fileSelector .fileList > li > .removeFile:hover {
    background-color: rgba(0, 0, 0, 0.05);
    background-image: none;
}

.fileSelector .fileList > li > .removeFile:active {
    background-image: none;
}

/*.fileSelector .fileList > li > .removeFile span
{
    background-image: url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/close.png);
}*/

.fileSelector .fileList > li > .removeFile .icon16:before {
    content:"\E058";
    color: #d50000;
}

/*--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('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/64/ecm/doc1.png');
}

.fileUploadDropTargetImage2 {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/64/ecm/doc2.png');
    
}

.fileUploadDropTargetImage3 {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/64/ecm/doc3.png');
    
}

.fileUploadDropContainer.dragOver .fileUploadDropTargetImage1 {
    -webkit-transform: translate(30px, 0) rotate(15deg);
    -ms-transform: translate(30px, 0) rotate(15deg);
    -moz-transform: translate(30px, 0) rotate(15deg);
    transform: translate(30px, 0) rotate(15deg);
}

.fileUploadDropContainer.dragOver .fileUploadDropTargetImage2 {
    -webkit-transform: translate(-30px, 0) rotate(-15deg);
    -ms-transform: translate(-30px, 0) rotate(-15deg);
    -moz-transform: translate(-30px, 0) rotate(-15deg);
    -o-transform: translate(-30px, 0) rotate(-15deg);
    transform: translate(-30px, 0) rotate(-15deg);
}

/*---FileUploadControl Popups---*/
.fileUploadPopupContainer {
    width: 500px;
}

div.enquiryfilters
{
    overflow: hidden;
}

.filterContent
{
    overflow-x: auto;
    position:absolute;
    left:0;
    right:0;
    top: 0;
    bottom:0;
    top: 40px;
    border-right: solid 1px rgba(0, 0, 0, 0.1);
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac30.png');

}

.detailsPanel .filterContent,
.tabControl .filterContent {
    background: none;
}

.filterContent > div {
    position: relative;
    min-height: 100%;
}

.fltrCntr .shdwRight, .shdwRight {
    position: absolute;
    width: 5px;
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/blackgradrlopac15.png');
    background-repeat: repeat-y;
    top: 0;
    bottom: 0;
    right: 0;
}

.fltrCntr .shdwRight {
    top: 40px;
}

.fltrCntr h2 {
	font-weight:normal!important;
	font-size:1.2em!important;
    padding: 0!important;
}

.fltrMainHd {
	padding:5px 0 5px 10px;
}

.enquiryfilters .fltrMainHd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    border-top: solid 1px transparent;
    border-bottom: solid 1px rgba(0,0,0,0.02);
    box-sizing: border-box;
}

.detailsPanel .enquiryfilters .fltrMainHd,
.tabControl .enquiryfilters .fltrMainHd {
    background: none;
    border-bottom: solid 1px #e6e6e6;
}

.enquiryfilters .fltrMainHd:before {
    content: "";
    display: block;
    width: 1px;
    height: 18px;
    float:right;
    margin-top: 5px;

    background-color: rgba(0, 0, 0, 0.1);
}

.fltrMainHd h2 {
	line-height:26px;
}

.worklistFilterSet {
	padding:0;
}

.filterActionBar {
	float:right;
	margin-top:-26px;
	margin-right:5px;
}

.fltrSet .fltrItem > .fltrSet {
	margin-left:-10px;
	margin-right:-10px;
}


.fltrSet {
    position: relative;
}

.filterContent > div > .fltrSet:first-child:before {
    background: none;
    background: rgba(255, 255, 255, 0.5);
}

.fltrSet:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
}

.fltrSet > .fltrHeading {
	padding:10px;
	text-shadow: 0 1px rgba(255,255,255,1);
}

.fltrSet > .fltrHeading.expandable:hover {
    background-image:url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac35.png);
}

.fltrSet .fltrSet > .fltrHeading {
	display: none;
}

.fltrHeading.expandable:hover {
    cursor: pointer;
}

.fltrHeading .expando {
    float: left;
	border:none;
	padding:0;
}

.fltrSet > .fltrHeading h3 {
	line-height:18px;
	font-size:inherit;
	font-weight:normal;
	font-size: 0.9em;
	font-family: Osans, Arial, sans-serif;
	text-transform: uppercase;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.fltrClr {
	float:right;
	display:block;
	padding: 2px;
	margin-top:8px;
	margin-right:5px;
	font-size: 0.9em;
	display:none;
}

.fltrMainHd > .fltrClr {
    margin-top: 4px;
}

.fltrSet.notEmpty > .fltrClr, .fltrMainHd.notEmpty > .fltrClr {
	display:block;
}

.fltrItem .fltrClr {
	line-height:normal;
}

.fltrClr.buttonOnHover:hover {
    font-size: 0.9em;
}

.fltrItems {

}

.fltrItem {
	position: relative;
	line-height:26px;
	padding:5px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fltrItem.pointer {
    color: inherit;
}

.hasChld > .fltrItem.active > .fltrItem.active {
	border-top-color:transparent;
}

.fltrItem:hover, .fltrItem.active, .hasChld > .fltrItem.active .fltrSet .fltrItem:hover {
	background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac35.png');
	background-repeat:repeat;
}

.fltrItem:hover, .fltrItem label {
    cursor: pointer;
}

.hasChld > .fltrItem.active > .fltrSet.singleSelect.notEmpty > .fltrHeading,
.hasChld > .fltrItem.active > .fltrSet.notEmpty > .fltrClr {
	display:none;
}

.hasChld > .fltrItem.active > .fltrSet {
    padding-left: 16px;
}

.fltrSet.singleSelect > .hasChld > .fltrItem.active, .fltrSet.singleSelect > .hasChld > .fltrItem.active:hover {
	background-image:none;
	border-top-color:transparent;
	line-height:16px;
	padding-bottom:0;
	border-bottom:none;
}

.filterContent > .fltrSet.singleSelect > .hasChld > .fltrItem.active {
	background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac35.png');
	background-repeat:repeat;
}



.hasChld > .fltrItem.active > .fltrSet.singleSelect.notEmpty > .fltrItems > .fltrItem.active > label {
	background-image: none;
	background:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/childnode.png') no-repeat center left;
    padding-left: 16px;
}


.hasChld .multiselect .fltrItem.active label {
	padding-left:0;
	background:none;
}

.hasChld > .fltrItem.active {
	padding-bottom:0;
	border-bottom:none;
	line-height:16px;
}

.fltrLbl .chkbx {
	float:left;
	margin-top:5px;
	margin-right:10px;
}

.fltrItem label {
	display:block;
}

.hasChld > .fltrItem.active > label {
	margin-bottom:5px;
    line-height: 26px;
}

.fltrItem label span {
	min-height:16px;
	border:solid 1px transparent;
}

/*.fltrItem label.wChkbx:before,*/ .addSelCont label:before {
	content:"";
	width:20px;
	height:20px;
	display:block;
	float:left;
	margin-top:3px;
	margin-right:5px;
	background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/chkbx.png');
	background-position:top left;
	background-repeat:no-repeat;
}

/*.fltrItem:hover > label.wChkbx:before,*/ .addSelCont label:hover:before {
	background-position:0 -20px;
    content:"  ";
}

/*.fltrItem.active > label.wChkbx:before,*/ .addSelCont label.checked:before {
	background-position:0 -40px;
    content:"   ";
}

/*.fltrItem.active:hover > label.wChkbx:before,*/ .addSelCont label.checked:hover:before {
	background-position:0 -60px;
    content:"    ";
}

.fltrItem label .chkbx {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}


/*--Filter tags--*/

.fltrSet .fltrHeading .filterTag,
.fltrItem .filterTag {
    color: #fff;
    float: left;
    padding: 0;
    margin-top:4px;
    margin-right: 5px;
    width: 16px;
    text-align: center;
    font-size: 0.9em;
}

.fltrSet .fltrHeading .filterSetTag{
    margin-top: 0;
}

.fltrItem .remove {
	float:right;
	display:none;
}

.fltrSet.singleSelect > .hasChld > .fltrItem.active > .remove {
	display:block;
    margin-top: 4px;
}

.fltrItem .remove .icon16 {
	display:block;
	background:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/clearinput16.png') no-repeat center top;
}

.fltrItem .remove:hover .icon16 {
	background-position:0 -16px;
}

.fltrItemTtl {
	float: right;
	text-align: right;
	border-radius:3px;
	text-align:right;
	padding:0 5px;
    line-height: normal;
    margin-top: 5px;
}

.fltrItem.active > .fltrItemTtl {
    color: #fff;
}

.fltrSet.singleSelect.notEmpty > .hasChld > .fltrItem.active > .fltrItemTtl {
	display:none;
}

.fltrItemLbl {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fltrSet .moreorlessbutton {
    line-height: 26px;
    padding: 0 10px 10px 10px;
    font-size: 0.9em;
}

.fltrSet .moreorlessbutton:hover {
    cursor: pointer;
    background-image:url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac35.png);
	background-repeat:repeat;
}

.fltrSetCategory > .fltrHeading {
	padding:5px 10px;

	text-shadow: 0 1px rgba(255,255,255,1);
}

.fltrSetCategory.expandable:hover {
    cursor: pointer;
}

.fltrSetCategory > .fltrHeading h3 {
	line-height:18px;
	font-size:inherit;
	font-weight:normal;
	font-size: 0.9em;
	font-family: Osans, Arial, sans-serif;
	text-transform: uppercase;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.fltrSet > .fltrHeading > .spinner {
    display: none;
}

.fltrSet.readingData > .fltrHeading .spinner16 {
    display: block;
    float: right;
}


.fltrItem label.wChkbx:before {
    font-family: iconGlyph;
    font-size: 15px;
    background-image: none;
    width: 16px;
    height: 16px;
    display: block;
    border: solid 1px #c4c4c4;
    background-image: none;
    background-color: #fff;
    border-radius: 3px;
    content: "";
    margin: 8px 0;

    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(245,245,245,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
    -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
    box-sizing: border-box;
}

.fltrItem > label.wChkbx:before {
     float: left;
     margin: 5px 5px 0  0;
     line-height: 15px;
 }

.fltrItem:hover > label.wChkbx:before  {
    border-color: #656565;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

}

 .fltrItem.active > label.wChkbx:before {
    content: "\E066";
    border-color: #656565;
}

.fltrItem.active:hover > label.wChkbx:before {
    content: "\E066";
    border-color: #656565;

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

}

.fltrSet .expandable + *.collapsed ,
.fltrSetCategory .expandable + *.collapsed {
    height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: none !important;
}


/* Splash Screen */

.splashScreenContainer {
    padding-top: 20px;
    text-align: center;
}

.splashScreenContainer > .splashScreenIcon {
    color: #72bf00;
    display: inline;
}

.splashScreenContainer > .splashScreenStatusText {
    font-size: 1.3em;
    color: #72bf00;
    padding: 0;
    margin: 10px 0 20px 0;
}

.splashScreenStatusMessageContainer > .splashScreenStatusMessagePart {
    padding: 0;
    line-height: 20px;
    display: inline;
}

.splashScreenPrimaryLink {
    margin: 10px 0 0 0;
}

.mainActionBar {
    padding: 4px 10px;
}

.form > section:first-child,
.form > .ie8section:first-child {
    border-top: none;
}

/* Control Container */

.controlContainer {
    padding: 4px 0;
    vertical-align: top;
    position: relative;
}

.stackedContainer > .controlContainer {
    padding: 0;
    display: inline-block;
    margin-bottom: 8px;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #afafaf;
    border-radius: 2px;
}

.stackedContainer > .controlContainer.relatedField {
    margin-bottom: 0;
    border-bottom: solid 1px transparent;
}

.stackedContainer > .controlContainer.active {
    border-color: #9c9c9c;
}

.stackedContainer > .controlContainer.readonly {
    background-color: transparent;
    border: solid 1px #e6e6e6;
}

.controlContainer:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.editablePanel.editMode .stackedContainer > .controlContainer.readonly {
    background-color: rgba(0, 0, 0, 0.03);
}

.controlContainer > .editorField > a {
    display: inline-block;
}

/* Text box input */
.editorField
{
    display:inline-block;
    vertical-align:top;
}

.editorField.stacked
{
    display:inline-block;
    vertical-align:top;
    width:200px;
    padding:4px 5px 4px 0;
}

/* Stacked editorFields */



/* input, text area */

.widthAuto
{
    width: auto;
}

input[readonly] , .editablePanel textarea[readonly], .editablePanel select[readonly], .editorField > .readonlyTextBoxSpan
{
    border : transparent ;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

textarea.disabled
{
    color: rgb(160,160,160);
}

.readonly, .editorField .readonlyTextBoxSpan
{
    background:transparent;
    /* dont use [word-wrap: break-word;] here as this causes in supergrid text ellipsis in IE10 */
}

.editorField .readonlyTextBoxSpan {
    word-wrap: break-word;
}

.editorField input, .editorField select, .editorField textarea {
    margin-right:5px;
}

.mandatory {
    color: red;
}

.decimal, .long, .currency
{
    text-align: right;
}

.validationMessage
{
    padding: 3px;
    background: white;
    border: solid 1px #D00;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    font-size: 0.9em;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
}

.stackedContainer .validationMessage {
    border: none;
    box-shadow: none;
    color: #d00;
    display: block;
}

.editorField select {
    -webkit-border-radius:0;
    height: 30px;
}

.stackedContainer > .controlContainer > .editorField select {
    height: 18px;
    box-sizing: content-box;
    padding: 0;
}

.comboBoxControl.readonly select {
    background-color: white;
    border: none;
    color: #000;
    -webkit-appearance: none;
}


/*--Subsequent controls--*/

.firstControl.sideBySide, .subsequentControl.sideBySide {
    display: inline-block;
}

/*--Form Field Info--*/

.frmFldInfo {
    font-size: 0.9em;
    color: #bbb;
}



/* This is fix for IE & FF. Hides the dropdown button in readonly mode. */
.comboBoxControl.readonly select
{
    width: 200%;
}

.comboBoxControl.readonly .editorField
{
    overflow: hidden;
}

.invalid
{
    background-color: #FCC1B8;
}


input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="datetime-local"], select, textarea, .editorField .readonlyTextBoxSpan {
    padding:4px;
    border:solid 1px #c4c4c4;
    font-family:Osans, Arial, sans-serif;
    font-size:1.1em;
    color: #656565;
}

.stackedContainer input[type="text"], .stackedContainer input[type="number"], .stackedContainer input[type="password"], .stackedContainer input[type="date"], .stackedContainer input[type="datetime-local"], .stackedContainer select, .stackedContainer textarea, .stackedContainer .editorField .readonlyTextBoxSpan {
    border-color: transparent;
}


input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="datetime-local"] {
    min-height: 15px;
}

.stackedContainer input[type="text"]:disabled {
    background-color: #fff;
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}


input, textarea, .editorField .readonlyTextBoxSpan {
    -webkit-appearance:none;
    -webkit-border-radius:0;
}

input[type="radio"] {
    -webkit-appearance: radio;
    width: 20px !important;
    display: inline-block;
}

/*--Various widths for labels and fields--*/

.lblWidth120 .editorLabel, .fldWidth120 .editorField
{
    width: 120px;
}

.lblWidth200 .editorLabel, .fldWidth200 .editorField input
{
    width: 200px;
}


.gridActions a
{
    clear:none;
    width:16px;
    height:16px;
    padding:2px;
    margin:0 3px;
    border:solid 1px #a9c1de;
}

table tbody .formActions
{
    float: right;
    margin-top:-3px;
}

table .formActions, .table .formActions li
{
    margin: 0;
    padding: 0;
}

/*.formActions, */.formFilters
{
    display: inline-block;
    padding: 5px;
}


table .formActions li, table .formActions li:hover
{
    background:none;
}

#GoBack:focus, #GoToWorkplace:focus, #ShowFlow:focus,  #GlobalHeader .userNavigation > button:focus, #ScreenResize:focus, #T1UniHelp:focus, #flow #CloseFlow:focus /* Focus styles for header bar and flow blind. */
 {
    outline: none;
    box-shadow: none;
    background: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac5.png') repeat top left;
    background-color: rgba(255, 255, 255, 0.05);

}

 #GlobalHeader .viewSelectorControl > button:focus {
     outline: none;
     box-shadow: none;
 }

.notificationHeaderButton:focus {
    outline: none;
    box-shadow: none;
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac20.png');
    background-repeat: repeat;
    border-color: rgba(255,255,255, 0.5);
}

.stackedContainer > .dataLinkControl > .editorField {
    padding: 0;
}

.controlContainer .textBoxControlInput:focus {
    outline: none !important;
}

.stackedContainer > .controlContainer input:focus, .stackedContainer > .controlContainer textarea:focus, .stackedContainer > .controlContainer button:focus, .stackedContainer > .controlContainer select:focus {
    box-shadow: none;
    outline: none !important;
    border-color: transparent;
}

.textWrapper
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.inputClearButton {
    cursor: pointer;
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 2;
    display: none;
    opacity: 0.4;
    right: 0;
    font-family: 'iconGlyph';
}

.inputClearButton:hover {
    opacity: 1;
}

.inputClearButton:before {
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    content: "\E003";
}




/*--OAuth--*/

#TabSummaryPanel_GoogleSection:before, #TabSummaryPanel_FacebookSection:before, #TabSummaryPanel_MicrosoftSection:before, #TabSummaryPanel_OneloginSection:before,
#IntroTextPlatformGoogle:before, #IntroTextPlatformFacebook:before, #IntroTextPlatformMicrosoft:before, #IntroTextPlatformFed:before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/logon/loginusing.png') no-repeat top left;
}

#TabSummaryPanel_GoogleSection:before, #TabSummaryPanel_FacebookSection:before, #TabSummaryPanel_MicrosoftSection:before, #TabSummaryPanel_OneloginSection:before {
    float: left;
    margin-right: 5px;
}

#IntroTextPlatformGoogle:before, #IntroTextPlatformFacebook:before, #IntroTextPlatformMicrosoft:before, #IntroTextPlatformFed:before {
    margin: 0 auto 10px auto;
}

#IntroTextPlatformGoogle, #IntroTextPlatformFacebook, #IntroTextPlatformMicrosoft, #IntroTextPlatformFed {
    float: left;
    text-align: center;
    width: 100px;
    height: 80px;
    font-family: Osans, Arial, sans-serif;
    font-size: 1.2em;
    border: solid 1px #f3f3f3;
    margin: 10px 10px 10px 0;
}

#TabSummaryPanel_FacebookSection:before, #IntroTextPlatformFacebook:before {
    background-position: -36px 0;
}

#TabSummaryPanel_MicrosoftSection:before, #IntroTextPlatformMicrosoft:before {
    background-position: -72px 0;
}

#TabSummaryPanel_OneloginSection:before, #IntroTextPlatformFed:before {
    background-position: -108px 0;
}


#IntroTextEnd {
    clear: both;
    font-size: 0.9em;
}

.ToDisableInstructions {
    font-size: 0.9em;
    margin-bottom: 10px;
}

.stackedContainer > .controlContainer.validationWarning{
    border-color: #CEAE0A;
}

/*----------- End of Forms.css ----------------*/
.form .formHeader
{
    height: 64px;
    position: relative;
}
.form .formHeader > *
{
    display: inline-block;
}

#KeysPanel {
    border:none;
}

#KeysPanel .fieldsContainer {
    padding:10px 0;
}

.actionCtnr {
    float:left;
}

.actionCtnr ~ .actionCtnr {
    margin-left: 5px;
}
/* Styling for Forms, based on LiteralText.css*/

.formsSection .plainText,
.formsSection .htmlText,
.formsSection .paraText,
.formsPage .editorLabel > label {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.formsSection .plainText,
.formsSection .htmlText,
.formsSection .paraText
{
    padding: 5px 0;
    text-align: justify;
}

.formsSection .htmlText p,
.formsSection .htmlText ul,
.formsSection .htmlText ol {
    margin: 1em 0;
    line-height: 1.5em;
}

.formsSection .htmlText ul,
.formsSection .htmlText ol {
    padding: 0 0 0 20px;
}

.formsSection .htmlText ul li,
.formsSection .htmlText ol li{
    padding-bottom: 5px;
}

.formsSection .htmlText ul ul,
.formsSection .htmlText ol ol,
.formsSection .htmlText ul ol,
.formsSection .htmlText ol ul  {
    margin: 0;
}

.formsSection .htmlText ul {
    list-style-type: disc;
    list-style-position: inside;
}

.formsSection .htmlText ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.formsSection .htmlText ol ul,
.formsSection .htmlText ul ul {
    list-style-type:circle;
}

.formsSection .htmlText ol ol ul,
.formsSection .htmlText ol ul ul,
.formsSection .htmlText ul ol ul,
.formsSection .htmlText ul ul ul{
    list-style-type: square;
}

.formsSection .engagingStyle .plainText,
.formsSection .engagingStyle .htmlText,
.formsSection .engagingStyle .paraText {
    font-size: 1.15em !important;
    line-height: 1.5em;
}

.formsSection .htmlText td {
    border: none;
}

.formsSection .htmlText tr:hover {
    background-color: transparent;
}

.formsLoadingWrapper {
    position: relative;
    min-height: 200px;
}

.formsLoading {
    text-align: center;
    left: 10px;
    right: 10px;
    font-size: 1.7em;
    top: 50%;
    position: absolute;
    height: 20px;
    margin-top: -10px;
}

#FormsLoadingSpinner
{
    background: url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loadersml.gif) no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.formsContent > section {
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border: none;
}

.formsPage > button, .formsPage > .breadcrumbContainer {
    display: none;
}

.sectionSwitcher > .sectionSwitcherTabsContainer > .tabControl.formSection > .editablePanel > .content {
    background-color: #fff;
    box-shadow: 0 1px 5px 1px #ccc;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
}

.sectionSwitcher > .sectionSwitcherTabsContainer > .tabControl.formSection > .editablePanel > .content > .fieldSet:first-of-type {
    border-top: solid 1px transparent;
}

.formsPage > .topActionPane > .workflowLinkDetails {
    float:left;
    margin-right: 10px;
}

.formsSubmitPanel{
    text-align: center;
}

.formsSubmitPanel .formsSubmitHeader {
    font-size:1.4em !important;
    font-weight:normal;
    line-height:30px;
    margin-bottom:5px;
    color: #2dc146
}

.formsSubmitPanel .formsSubmitDoneButton {
    margin-top: 10px;
}

.formsChildItemSection .breadcrumbContainer {
    display: none;
}

.formsPage .editablePanel > .content > .noBorder {
    border: none;
}

.formsSection .editablePanel > .content > .noBorder {
    border: none;
}

.formsSection .editablePanel > .content > .noBorder > .fieldsContainer{
    padding-bottom: 0;
}

.formsPage .formsPageCounter {
    line-height: 30px;
    padding: 0;
    margin-right: 5px;
}

.formsTable .formsTableDesc {
    margin-right: 120px;
    padding: 0;
    margin-bottom: 5px;
}

.formsSection .formsTable .formsTableDesc {
    margin-right: 0;
}

.formsPage > .content > .formsTable.panel.fieldSet > .fieldsContainer {
    margin-top: 0;
}

.formsSection > .content > .formsTable.panel.fieldSet > .fieldsContainer {
    margin-top: 0;
}

.formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet {
    padding-left: 0;
}

.formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet > .header {
    margin: 0;
    background: none;
    border: none;
    padding: 0;
}

.formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet > .header > .headerTextContainer > .headerText {
    font-size: 1.2em;
    font-weight: normal;
    opacity: 0.75;
    color: #656565;
}

.formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet .attachmentsCtrlLabel {
    display: none;
}

.formTitleControl {
    height: 58px;/*formTitle control must have a fix height otherwise in enquiry the RDP views (grid) will have a wrong height*/
    position: relative;
}

.formTitleControlLeftColumn  {
    overflow: hidden;
    padding: 5px 10px;
}

.formTitleControlRightColumn {
    float: right;
    padding: 5px 10px;
}

.formTitleControlActionButton {
    height: 58px;
    width: 70px;
    float: left;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: -5px;
    border-right-style: solid;
    border-right-width: 1px;
    cursor: pointer;
}

.formTitleControlOverlay {
    position: absolute;
    left: 70px;
    right: 0;
    top: -1px;
    bottom: -1px;
    display: block;
    z-index: 9999;
    opacity: 0.45;
    background-color: #000;
}

.formTitleControlLeftColumn > .attachmentsImagePanel {
    float: left;
    border: none;
    padding: 0;
    text-align: center;
    margin-right: 10px;
}

.formTitleControlLeftColumn > .attachmentsImagePanel > img {
    display: block;
    height: 48px;
    max-width: 96px;
}

.formTitleControlHeadingContainer {
    overflow: hidden;
}

.formTitleControlHeading.noSearchField {
    padding-left: 10px;
}

.formTitleControlHeadingInnerContainer {
    display: inline-block;
}

.formTitleControlHeadingLabel {
    font-size: 1.2em;
    line-height: 28px;
    font-weight: bold;    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Osans, Arial, sans-serif;
    display: inline-block;
    max-width: 100%;
}

.formTitleControlSubHeading {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    padding-left: 10px;
    white-space: nowrap;
}

.formTitleControlHeading {
    white-space: nowrap;
}

.formTitleControlSharingButton {
    position: relative;
    border: solid 1px transparent;
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    cursor: pointer;
}

.formTitleControlSharingButton > .icon16 {
    opacity: 0.5;
}

.formTitleControlSharingButton:hover > .icon16 {
    opacity: 1;
}

.favouriteButton ~ .formTitleControlSharingButton:before {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
}

.formTitleControlHeading, .formTitleControlSubHeading {
    display: block;
}

.formTitleControlSubHeadingDropDownControl {
    display: inline-block;
}

.formTitleControlSubHeadingDropDownControlButton {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    background: transparent;
    color: inherit;
}

.formTitleControlSubHeadingDropDownControlButton > .buttonLabel {
    margin-left: 0;
    margin-top: 1px;
    font-size: 12px;
}

.formTitleControlRightColumn > #ContextualKeysParent {
    width: 100%;
    margin: 0;
}

.formTitleControlRightColumn > #AuditSummarySection {
    max-width: none;
    white-space:nowrap;
    overflow:hidden;
}


.formTitleControlRightColumn #AuditSummarySection > *{
    margin-right: 5px;
    padding:0;
}

.formTitleControlRightHeadingContainer, .formTitleControlRightSubHeadingContainer {
    text-align:right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.formTitleControlRightHeadingContainer {
    font-size: 1.4em;
    line-height: 32px;
}

.formTitleControlRightSubHeadingContainer {
    line-height: 16px;
}

.formTitleControlSubHeading .ratingControl{
    padding: 0 10px;
    display: inline-block;
}

.formTitleControlSubHeading .ratingControl .editorLabel {
    display: inline-block;
    width: auto;
    padding: 0 5px 0 0;
}

.ganttChartViewer {
    overflow: hidden !important;
    padding: 0;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ganttChartViewContainer,
.mainGanttChartContent{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    overflow: hidden !important;
}

.mainGanttChartContent{
    top: 40px;
}

.relatedDataPortletSection .mainGanttChartHeader{
    display: none;
}

.gantt-actions-column-1{
    min-width: 140px;
    border-right: 1px solid #cecece;
}

.gantt-actions-column-1,
.gantt-actions-column-2{
    display: inline-block;
    padding: 5px 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
}

.gantt-actions-column-2{
    position: absolute;
    padding: 5px 10px;
    top: 0;
    right: 0;
    left: 160px;
}

.ganttViewActions .topActionPane,
.ganttViewActions .otherGanttActionButtons{
    display: block !important;
    position: absolute;
    padding: 6px;
    right: 0;
    top: 0;
}

.otherGanttActionButton{
    float: left;
    margin-left: 5px;
}

.otherGanttActionButton.gridExportSelector .chooser .downFill > .glyph:before {
    content: "\E219";
}

.otherGanttActionButton.optionsSelector .chooser .downFill > .glyph:before {
    content: "\E226";
}

.ganttChartViewer .gantt_selected .weekend {
    background-color: #f7eb91;
}

.ganttChartViewer .holiday{
    background: #ffb9cf !important;
    opacity: 0.3;
    pointer-events: none;
}

/*--Add to selection for checkbox--*/

.ganttChartViewer label.addSelCont input,
.ganttChartViewer .chkBselAll {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.ganttChartViewer .lblSelAll:before {
    float: left;
    margin: 20px 5px 7px 0;
    line-height: 15px;
}

.ganttChartViewer .addSelCont,
.ganttChartViewer .addRemoveItem {
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: 1;
}

.ganttChartViewer .addSelCont:before {
    line-height: 12px;
    margin: 0;
    vertical-align: top;
    display: inline-block;
}

.ganttChartViewer .gantt_grid_head_cell{
    padding-left: 6px;
    padding-right: 6px;
    text-align: right;
}

.ganttChartViewer .gantt-tree-column{
    padding-left: 25px;
}

.ganttChartViewer .gantt-column-name{
    display: block;
}

.ganttChartViewer .gantt-sortable .gantt-column-name{
    text-overflow: ellipsis;
    overflow: hidden;
}

.ganttChartViewer .sort-ascending .gantt-column-name,
.ganttChartViewer .sort-descending .gantt-column-name{
    padding-right: 16px;
}

.ganttChartViewer .gantt-sort-indicator{
    float: right;
    position: absolute;
    top: 0;
    right: 6px;
}

.ganttChartViewer .gantt-col-align-left {
    text-align: left;
}

.ganttChartViewer .gantt-col-align-center {
    text-align: center;
}

.ganttChartViewer .gantt-col-align-right {
    text-align: right;
}

.ganttChartViewer .ganttToggleGridCollapse > .glyph:after {
    content: "\E237";
}

.ganttChartViewer.ganttGridCollapsed .ganttToggleGridCollapse > .glyph:after {
    content: "\E122";
}

.ganttChartViewer .gantt-sort-indicator:after{
    font-family: 'iconGlyph';
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

button.ganttToggleCriticalPath,
button.ganttToggleAutoScheduling{
    border: none;
    background-color: transparent;
    box-shadow: none;
}

.ganttToggleCriticalPath.menu-item-active > .e145:before,
.ganttToggleAutoScheduling.menu-item-active > .e145:before{
    content: "\E140";
}

.ganttChartViewer .sort-ascending .gantt-sort-indicator:after {
    content: "\E019";
}

.ganttChartViewer .sort-descending .gantt-sort-indicator:after {
    content: "\E020";
}

.ganttChartViewer .gantt_cell {
    position: relative;
}

.ganttChartViewer .ganttRowActions.rowActions{
    padding: 0;
    width: 32px!important;
    height: 34px!important;
    position: relative;
    opacity: 0.4;
    float: left;
    text-align: center;
    display: block;
}

.ganttChartViewer.has-baseline .ganttRowActions.rowActions{
    height: 44px!important;
}

.ganttChartViewer .ganttRowActions.rowActions.add{
    color: green;
}
.ganttChartViewer .ganttRowActions.rowActions.edit{
    color: #ffa011;
}

.ganttChartViewer .ganttRowActions.rowActions:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.03);
}

.ganttChartViewer .ganttRowActions{
    position: relative;
    display: inline-block;
}

.gantt_drag_marker .ganttRowActions{
    display: none;
}

.gantt_drag_marker.gantt_grid_dnd_marker{
    width: auto!important;
    right: 10px;
}

.ganttActions{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
}

.ganttActionSeparator {
    display: inline-block;
    width: 20px;
    position: relative;
}

.ganttActionSeparator:after {
    content: " ";
    position: absolute;
    top: -16px;
    left: 10px;
    background: #e2e2e2;
    width: 1px;
    height: 24px;
}

.relatedDataPortlet .ganttChartViewer .autoScheduleActions{
    display: inline-block;
}

.relatedDataPortlet .ganttChartViewer .optionsSelector button.toggleView, 
.relatedDataPortlet .ganttChartViewer .optionsSelector button.configAction,
.relatedDataPortlet .ganttChartViewer .autoScheduleActions .dropdownPanelListItem button{
    float: none;
    padding-left: 24px;
    min-width: 100%;
    border-radius: 0;
    border-color: transparent;
    background: none;
    box-shadow: none;
}

.relatedDataPortlet .ganttChartViewer .optionsSelector button.toggleView,
.relatedDataPortlet .ganttChartViewer .autoScheduleActions .dropdownPanelListItem button{
    padding-right: 30px;
}

.relatedDataPortlet .ganttChartViewer .optionsSelector .dropdownPanel .dropdownPanelListItem.highlight:after,
.relatedDataPortlet .ganttChartViewer .autoScheduleActions .dropdownPanel .dropdownPanelListItem.highlight:after {
    content: "\E066";
    font-family: 'iconGlyph';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    opacity: 0.5;
}

.relatedDataPortlet .ganttChartViewer .autoSchedulingMode{
    border: 1px dashed #dd0000;
}

.relatedDataPortlet .ganttChartViewer .flatStyle {
    border-radius: 0;
    border-top: none;
    border-bottom: none;
    box-shadow: none;
    border: solid 1px transparent;
    background-image: none;
    background-color: transparent;
}

.ganttChartViewContainer .bulkActionContainer .expandCollapse{
    padding-left: 3px;
    padding-right: 3px;
}

.ganttChartViewContainer .bulkActionContainer .selectionSummary{
    padding: 0 10px 0 0;
}

.ganttChartViewer .gantt_tree_content{
    padding-left: 5px;
}

.gantt_tree_icon.gantt_open,
.gantt_tree_icon.gantt_close {
    background-image: none;
    opacity: 0.5;
    width: 18px;
    padding: 0 1px;
    text-align: center;
    box-sizing: border-box;
}

.gantt_tree_icon.gantt_open:hover,
.gantt_tree_icon.gantt_close:hover{
    opacity: 1;
}

.gantt_tree_icon.gantt_open,
.gantt_tree_icon.gantt_close {
    background-image: none;
    font-family: 'iconGlyph';
}

.gantt_tree_icon.gantt_open .glyph:before {
    content: "\E064";
}

.gantt_tree_icon.gantt_close .glyph:before {
    content: "\E063";
}

.ganttChartViewer .gantt_grid_scale .gantt_grid_head_cell,
.ganttChartViewer .gantt_task .gantt_task_scale .gantt_scale_cell {
    color: inherit;
}

.ganttChartViewer .gantt_task_line{
    border: none;
    min-width: 1px!important;
    box-sizing: border-box;
}

.ganttChartViewer .gantt_row {
    border-bottom-width: 0;
}

.ganttChartViewer .gantt_row:hover .ganttActions,
.ganttChartViewer .gantt_row.gantt_selected .ganttActions{
    background-color: transparent;
}

.ganttChartViewer .gantt_row.task-parent.gantt_row_project {
    border-bottom-width: 1px;
}

/* ---- BEGIN: Styling for collapsed tasks*/

.ganttChartViewer .gantt_split_parent.gantt_task_line.task-collapsed {
    display: none;
}

/* ---- END: Styling for collapsed tasks*/

.gantt_task_content{
    text-overflow: ellipsis;
    padding: 0 2px;
    box-sizing: border-box;
}

.ganttChartViewer .gantt_task_line:not(.overdue) .gantt_side_content.gantt_left,
.ganttChartViewer .gantt_task_line:not(.overdue) .gantt_side_content.gantt_right{
    display: none;
}

.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_left{
    margin-right: 25px;
}

.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_right{
    margin-left: 25px;
}

.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_left,
.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_right{
    z-index: 1;
    display: block;
    background-color: #555;
    border-radius: 4px;
    padding: 5px 10px;
    margin-top: -5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    border: 1px solid #efefef;
    overflow: visible;
    color: #fff;
    top: 0;
}

.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_left::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_right::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #555 transparent transparent;
}

.ganttChartViewer .gantt_project {
    background-color: rgba(101, 193, 111, 0.75);
    border-bottom: none;
}

.gantt_task_line .gantt_task_progress {
    background: rgba(0, 0, 0, .15)!important;
}

.ganttChartViewer .gantt_project .gantt_task_content {
    box-shadow: inset 0 15px 0 0 #3c9445;
    line-height: 1.3;
}

.ganttChartViewer .gantt_project .gantt_task_content:after,
.ganttChartViewer .gantt_project .gantt_task_content:before {
    max-width: 100%;
    content: "";
    display: block;
    width: 0;
    height: 0;
    bottom: 0;
    position: absolute;
    border-style: solid;
}

.ganttChartViewer .gantt_project .gantt_task_content:before {
    right: 0;
    border-width: 0 10px 13px 0;
    border-color: transparent #3c9445 transparent transparent;
}

.ganttChartViewer .gantt_project .gantt_task_content:after {
    left: 0;
    border-width: 13px 10px 0 0;
    border-color: #3c9445 transparent transparent;
}

.ganttChartViewer .gantt_grid_column_resize_wrap{
    z-index: 2;
}


 /*---- BEGIN: Baseline rendering styles*/

.ganttChartViewer.has-baseline .baseline {
    position: absolute;
    border-radius: 2px;
    opacity: 0.6;
    margin-top: -7px;
    height: 12px;
    background: #ffd180;
    border: 1px solid rgb(255, 153, 0);
    box-sizing: border-box;
}

 /*move task lines upper */
.ganttChartViewer.has-baseline .gantt_task_line, 
.ganttChartViewer.has-baseline .gantt_line_wrapper {
    margin-top: -9px;
}

.ganttChartViewer.has-baseline .gantt_side_content {
    margin-bottom: 7px;
}

.ganttChartViewer.has-baseline .gantt_task_link .gantt_link_arrow {
    margin-top: -12px
}

.ganttChartViewer.has-baseline .gantt_side_content.gantt_right {
    bottom: 0;
}

/*---- END: Baseline rendering styles*/

.enquiryForm.maximizeRdp #FormTitleContainer{
    display: none;
}


.ganttChartViewer .textBoxControl {
    background-color: #fff;
}

.gantt_task_link.finish_to_start .gantt_line_wrapper div {
    background-color: #7576ba;
}

.gantt_task_link.finish_to_start:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px 0 #7576ba;
}

.gantt_task_link.finish_to_start .gantt_link_arrow_right {
    border-left-color: #7576ba;
}

.gantt_task_link.finish_to_finish .gantt_line_wrapper div {
    background-color: #55d822;
}

.gantt_task_link.finish_to_finish:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px 0 #55d822;
}

.gantt_task_link.finish_to_finish .gantt_link_arrow_left {
    border-right-color: #55d822;
}

.gantt_task_link.danger .gantt_line_wrapper div {
    box-shadow: 0 0 5px 0 #ff0000;
    background-color: #ff0000;
}

.gantt_task_link.danger .gantt_link_arrow_left{
    border-right-color: #ff0000;
}
.gantt_task_link.danger .gantt_link_arrow_right{
    border-left-color: #ff0000;
}

.gantt_task_link.danger .gantt_link_arrow_up{
    border-bottom-color: #ff0000;
}

.gantt_task_link.danger .gantt_link_arrow_down{
    border-top-color: #ff0000;
}

.gantt-overlay{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    visibility: hidden;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.35);
}

.gantt-overlay.visible,
.gantt-overlay.visible .durationSpinner{
    visibility: visible;
    display: block;
}

.gantt_tooltip {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.gantt_tooltip .h3{
    background-color: rgba(0,0,0,0.05);
}

.gantt_tooltip .label {
    font-weight: 600;
}

.ganttSlack {
    position: absolute;
    border-radius: 0;
    opacity: 0.7;

    border: none;
    border-right: 1px solid #ddd;
    margin-left: -2px;
    background: #ccc;
    background: repeating-linear-gradient(
            45deg, #fff,
            #fff 5px,
            #ddd 5px,
            #ddd 10px
    );
}
.ganttChartViewer .gantt_tooltip{
    padding: 0;
}

.ganttChartViewer .gantt_tooltip .content .label{
    min-width: 100px;
    padding-right: 20px;
    display: inline-block;
}

.ganttChartViewer .gantt_tooltip .h3,
.ganttChartViewer .gantt_tooltip .content .value{
    font-weight: 700;
}

.gantt_grid_editor_placeholder .standardStyle.calendarContainer{
    position: fixed;
}

input.ganttTextSearch {
    position: absolute;
    top: 18px;
    right: 25px;
    display: none;
}

.relatedDataPortlet .ganttChartViewer .optionsSelector .icon16.separator {
    display: none;
}

.relatedDataPortlet .ganttChartViewer .optionsSelector .separator {
    padding: 0;
    height: 1px;
    margin-top: -1px;
    background-color: rgba(0, 0, 0, 0.05);
}
/*--Header--*/
#GlobalHeader > .topBar > div > * {
	display: inline-block;
	vertical-align:top;
}

.bannerRight {
	float: right;
}

.bannerMiddle .bannerTitle {
    left: 30%;
    right: 30%;
    position: absolute;
    text-align: center;
    margin: 0 5px;
}

.bannerMiddle h1, #GoBack > h1 {
    font-weight:normal;
    display:inline-block;
    font-size: 1.2em;
    line-height:30px;
    padding: 0 5px;
}

.bannerMiddle #PageTitle, #GoBack > h1 {
    vertical-align: top;
    display:inline-block;
}

#GoBack > h1 {
    line-height: 24px;
}

.bannerLeft {
    float: left;
}

.bannerLeft.modalLayout > .functionSearch {
    display: none;
}

/*--Top bar--*/

.topBar {
    min-height: 40px;
	width: 100%;
    /* Environment colour: border-style defined in colours.cshtml */
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-color: transparent;
}

.topBar > div {
    min-height: 40px;
}

.topBar > div > .bannerRight, .topBar > div > .bannerMiddle {
    margin: 5px 10px 0 5px;
}

#GlobalHeader > .topBar ul > li {
	position:relative;
	float:left;

}

.userNavigation {
    z-index: 9005;
}

.userNavigation .dropdownPanel {
    border-color: #555;
    border-color: rgba(0, 0, 0, 0.35);
    background-color: #fff;
}

.userNavigation > button {
    padding: 2px 5px;
}

.userNavigation .loggedUser .name {
    line-height: 24px;
}

.userNavigation .hasPosition .loggedUser > * {
    line-height: 1em;
    margin-bottom: 2px;
}

.userNavigation .hasPosition .position {
    text-transform: uppercase;
    font-size: 0.8em;
}

.userNavigation .loggedUserImage {
    height: 24px;
    min-height: 24px;
    width: 24px;
    min-width: 24px;
    box-sizing: border-box;
}

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


#GlobalHeader .dropdownPanelListItem {
    float: none !important;
}

#GlobalHeader .userNavigation li:hover {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac50.png');
    background-repeat: repeat;
}

.profileWrapper {
    position: relative;
}

.userNavigation .userInfo .lnkMyDetails {
    position: absolute;
    z-index: 1;
    top: 85px;
    right: 15px;
    width: 95px;
    text-align: center;
    line-height: 16px;
    text-transform: uppercase;
    opacity: 0.75;
}

.userNavigation .lnkMyDetails > .icon16 {
    display: none;
}

.userNavigation .lnkMyDetails:hover {
    opacity: 1;
}

.profileWrapper.hasEditLink .details.user > .container {
    min-height: 95px;
}

.userNavigation .logoff .left {
    width: 50%;
}

.userNavigation .logoff a {
    display: inline-block;
    width: 80%;
}

#GlobalHeader a:hover {
	text-decoration: none;
}

.topBar .dropdownPanel ul {
    min-width:150px;
}

.dropDownControl.userNavigation  > .handle > .icon16 {
    background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/dropdownwhite.png');
}

/** Regional preference */

#ddHdrRegList li.selected:after {
    content: "\E066";
    right: 5px;
    top: 50%;
    margin-top: -8px;
    font-family: iconGlyph;
    font-size: 16px;
    position: absolute;
    opacity: 0.5;
}
#ddHdrRegList li.selected {
    background-color: rgba(0, 0, 0, 0.02); 
}
#ddHdrRegList li {
    border-bottom: solid 1px rgba(0, 0, 0, 0.01) !important;
}

.userPositions {
    background-color: white;
    padding: 5px 10px;
    padding-left: 32px;
    position: relative;
    border-top-style: solid;
    border-top-width: 1px;
}

.userPositions > .icon16.glyph {
    position: absolute;
    left: 10px;
    top: 10px;
}

.userPositions .otherPositions, .userPositions .less, .userPositions.more .more {
    display: none;
}

.userPositions.more .otherPositions, .userPositions.more .less {
    display: block;
}

.otherPositions {
    max-height: 100px;
    overflow: auto;
}

.otherPositions > :last-child {
    margin-bottom: 0;
}

.userPosition {
    text-transform: uppercase;
    display: block;
    line-height: 16px;
}

.userPosition.selected > .icon16.glyph {
    float: right;
    color: green;
    margin:4px 5px 0 2px;
}


#GlobalHeader .userNavigation .userPosition:hover > a {
    background-color: rgba(255, 255, 255, 0.25);
}

.userPosition > .label, .userPosition > a {
    padding: 5px 7px;
    display: block;
}

.userPosition.selected > .label {
    padding-right: 2px;
}

#GlobalHeader .buttonOnHover:hover,
#GlobalHeader .chooser.droppedDown button.handle.buttonOnHover {
    background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac10.png');
	background-position:0 0;
	background-repeat:repeat;
    background-color: transparent;
}

#GlobalHeader .chooser.droppedDown button.handle.buttonOnHover {
    background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac10.png');
	background-position:0 0;
	background-repeat:repeat;
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.35);

}

#GlobalHeader .topBar .buttonOnHover:hover {
    border-color: transparent;
}

#GlobalHeader .userNavigation.chooser.droppedDown button.handle.buttonOnHover {
    border-color: rgba(0, 0, 0, 0.35);
}

#GlobalHeader button.fav.isFavourite:hover
{
    cursor: default;
}

/*--Icons--*/

#GlobalHeader .icon16, #GlobalHeader .icon24,
.exceptionContent .icon16
 {
    speak: none;
}

.userNavigation li > .glyph {
    left: 10px;
}

.userNavigation li > a {
    padding-left: 34px;
}

#GoToWorkplace, #GoBack {
    padding: 7px;
    vertical-align: top;
    float: left;
    border-radius: 0;
}

#ShowFlow {
    padding: 11px;
    border-radius: 0;
}

#ShowFlow + .functionSearch {
    margin-top: 5px;
    margin-left: 2px;
}


.topBar .bannerLeft > a, .topBar .bannerLeft > button {
    margin-right: 5px;
}

#GoBack > .icon16 {
    margin: 4px;
}

#GoBack.disabled {
    cursor: default !important;
    background: transparent !important;
}

#GoToWorkplace > .icon24:before {
    content: "\E041";
    font-size: 16px;
    line-height: 24px;
}

.maximise > .icon16:before
{
    content: "\E04D";
}

.minimise > .icon16:before
{
    content: "\E047";
}

/* Logging enabled*/

#LoggingIndicator {
    padding: 4px;
    margin-top: 3px;
    position: relative;
}


@-webkit-keyframes changescale {
  from {
    -webkit-transform: scale(0.7);
  }

  to {
    -webkit-transform: scale(1);
  }
}


#LoggingIndicator > .icon16 {
   display: block;
   background:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/white/diagnostics.png');
   -webkit-animation-duration: 0.5s;
   -webkit-animation-name: changescale;
   -webkit-animation-iteration-count: 9;
   -webkit-animation-direction: alternate;
   -webkit-animation-timing-function:linear;
}

.themedSmallLogo .logo{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;    
}

.simple.themedSmallLogo .logo{
    min-height: 40px;
}

/*--Function Search--*/

#ShowFlow + .functionSearch {
    margin-top: 5px;
    margin-left: 2px;
}

.functionSearch input:focus::-webkit-input-placeholder {color: #656565;}
.functionSearch input:focus:-moz-placeholder { /* Firefox 18- */color: #656565;}
.functionSearch input:focus::-moz-placeholder { /* Firefox 19+ */color: #656565;}
.functionSearch input:focus:-ms-input-placeholder { /* IE 10+ */color: #656565;}
.functionSearch input:focus::-ms-input-placeholder { /* Edge */color: #656565;}
.functionSearch input:focus:placeholder-shown { /* Standard one last! */color: #656565;}

 .phone  .functionSearch .suggestionPane,  .easy  .functionSearch .suggestionPane {
    background-color: transparent !important;
 }

.functionSearch .suggestionPane > .funcs {
    border-bottom: solid 4px rgba(0, 0, 0, 0.1) !important;
}

.functionSearch .suggestionPane .entSearchItem {
    border-bottom: solid 1px #e6e6e6 !important;
    background-color: transparent !important;
}

.functionSearch .suggestionPane .entSearchItem:hover, .functionSearch .entSearchItem.selected {
    background-color: rgba(0, 0, 0, 0.05) !important;
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac50.png') !important;
}



/****************** FOOTER *********************/

#GlobalFooter {
    position: relative;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
    height: 25px;
    line-height: 25px;
}

.deepLink #GlobalHeader {
    display: none;
}

#GlobalFooter > .fixedWidth{
    display: flex;    
    align-items: center;
    justify-content: center;
}

#GlobalFooter .portalLabels {
    display: flex;
    overflow: hidden;
}

#GlobalFooter .noWrap {
    overflow: visible;
}

#GlobalFooter .bar.separator { display: none; } /* Version compatibility, Workplace App 1905 or older */
.hierarchicalList {
    position: relative;
}

.hierarchicalListActionBar{
    position: relative;
    height: 22px;
    padding: 10px 10px;
}

.hierarchicalListActionBar .selectorContainer 
{
    width: 20px;
}

.hierarchicalListActionBar .selectorContainer, 
.hierarchicalListActionBar .actionsContainer
{
    display: inline-block;
    padding-left: 10px;
}

.hierarchicalListActionBar .actionsContainer button 
{
    line-height: normal;
}

.hierarchicalListActionBar .summaryContainer
{
    float: right;
}

.hierarchicalListActionBar .summaryContainer label
{
    float: right;
}

.hierarchicalListContents {
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0px;
    right: 0px;    
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow: auto;
} 

.hierarchicalListContents table {
    table-layout: fixed;   
}
/*
    For touch-enabled devices we need to hide the horizontal scroll otherwise both the standard scroll and native scroll will show. The vertical scroll works fine - strange indeed. 
*/
.hierarchicalListContents.touch {
    overflow-x: hidden;
}
.hierarchicalListItem {
    padding: 10px;
    min-height: 24px;
    border-bottom: solid 1px #e6e6e6;
}

.hierarchicalListItem:hover 
{
    cursor: pointer;
}

.hierarchicalListContents .spacer{
    float: left;
    height: 32px;
}

.hierarchicalListContents .addToSelection 
{
    display: block;
    float: left;
    margin-right: 5px;
}


.hierarchicalListContents .addToSelection:before {
    margin: 0;
}

.hierarchicalListContents .addToSelection input {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.hierarchicalListItem .action {
    float: right;
}

.hierarchicalListContents .action .dropdownControl {
    position: relative;
}  

.hierarchicalListContents .action .dropdownPanel  
{
    /*make sure the drop-down menu will be right-aligned*/
    /*right: 5px!important;*/
    right: 0;
}



/********************************************************************
        Levels styling
********************************************************************/
.hasPrnt .spacer {
    background: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/childnode.png') no-repeat top right;
}

.hierarchicalListContents .itemDataContainer div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
}

.hierarchicalListItem {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac50.png');
    background-repeat: repeat;
}

.hierarchicalListContents .hierarchicalListItem:not(.selected):hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.hierarchicalListContents .hierarchicalListItem.hBGCol:hover {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac60.png');
}

.hierarchicalListContents .topItem .importantItem {
    line-height: 24px;
    text-transform: uppercase;
    font-size: 1.2em;
}

.hierarchicalListItem.hasPrnt .hrchHd 
{
    
    font-size: 1.1em;
    
}

.hierarchicalListItem .hrchHd {
    font-family: Osans, Arial, sans-serif;
    padding-bottom: 2px;
}

.hierarchicalListItem .itemDataContainer {
    margin-right: 30px;
}


.hierarchicalListItem .breadcrumbs 
{
    text-transform: uppercase!important;
    font-size: 0.9em;
    color: #656565;
}

.hierarchicalListItem td.action {
    width: 20px;
}

.hierarchicalListItem .action .dropdownControl > .handle > .icon16:before {
    content: "\E002";
}
.hierarchyViewAutoComplete {
    border: solid 1px;
    border-color: #15181e;
    background-color: #fff;
    width: 409px!important;
    display:table;
    border-collapse: collapse; 
    overflow: auto;
    max-height: 400px;
}
.hierarchyViewAutoComplete.nonHierarchyView {
    border: none;
}
.hierarchyViewAutoComplete table thead tr:hover {
    background-color: transparent;
}
.hierarchyViewAutoComplete .hierarchyViewAutoCompleteRow {
    display:table-row;
    border-color: #d6dbdd;
    border-bottom: solid 1px;
    height: 20px;
}
.hierarchyViewAutoComplete .hierarchyViewAutoCompleteCell {
    display:table-cell;
    color: #373a3f;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    padding: 5px;
}

.hierarchyViewAutoComplete li {
    font-family: Osans, Arial, sans-serif;
    font-size: 1.1em;
}

.hierarchyViewAutoComplete li:hover {
    cursor:pointer;
}

span.toggleView.hierarchy-view::before {
    content: "\E229";
}

.hierarchyView {
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hierarchyView .hierarchyViewContainer {
    height: 100%;
    overflow: hidden;
    text-align: center
}

.hierarchyView .draggableHierarchyViewTree {
    display: inline-block;
    font-size:12px;
    margin: 0 auto;
    width: 100%;
}

@-moz-document url-prefix() {
    .hierarchyView .draggableHierarchyViewTree {
        width: initial;
    }
}

.hierarchyView .hierarchyViewTree {
    height: 100%;
    display: table;
    margin: 0 auto;
    position: relative;
}

.hierarchyView .hierarchyViewTree > div {
    height: 100%;
}

.hierarchyView .hierarchyViewTree .navigatorContainer {
    display: none;
}

.hierarchyView ul.hierarchyViewNodes {
    padding-top: 1.6em;
    padding-bottom: 1.6em;
    position: relative;

       
}

.hierarchyView .hierarchyViewTree > div > .hierarchyViewNodes {
    height: 100%;
}

.hierarchyView li.hierarchyViewNode {
    display: table-cell;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding-top: 1.4em;
}

.hierarchyView li.hierarchyViewNode.topLevelNode {
    
}

.hierarchyView li.hierarchyViewNode .hierarchyViewNodeContainer {
        white-space: nowrap;
}

/*Tree connectors using ::before and ::after*/

.hierarchyView li.hierarchyViewNode:not(:only-of-type)::before, .hierarchyView li.hierarchyViewNode:not(:only-of-type)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 1.4em;
}

.hierarchyView li.hierarchyViewNode.topLevelNode::before, .hierarchyView li.hierarchyViewNode.topLevelNode::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: none;
}

.hierarchyView li.hierarchyViewNode:not(:only-of-type):last-of-type::before {
    left: 0;
}

.hierarchyView li.hierarchyViewNode::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}

.hierarchyView > div > ul > li.hierarchyViewNode {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
} 

 /*Remove left connector from first child and right connector from last child*/
.hierarchyView li.hierarchyViewNode:first-child::before, .hierarchyView li.hierarchyViewNode:last-child::after {
    border: 0 none;
}

/*Adding back the vertical connector to the last nodes*/
.hierarchyView li.hierarchyViewNode:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 0.5em 0 0;
    -webkit-border-radius: 0 0.5em 0 0;
    -moz-border-radius: 0 0.5em 0 0;
}

.hierarchyView li.hierarchyViewNode:first-child::after {
    border-radius: 0.5em 0 0 0;
    -webkit-border-radius: 0.5em 0 0 0;
    -moz-border-radius: 0.5em 0 0 0;
}

.hierarchyView li.hierarchyViewNode.topLevelNode:last-child::before {
    border-right: none;
}


.hierarchyView li.hierarchyViewNode:only-of-type:after {
    content: '';
    position: absolute;
    top: 0;
    height: 1.5em;
    border-left: 1px solid #ccc;
    -webkit-border-radius: 0!important;
}

.hierarchyView li.hierarchyViewNode.topLevelNode:after {
    border: none;
}

.hierarchyView .hierarchyViewBaseActionForNew ul ul.hierarchyViewNodes::before {
    border: none;
}

/*Time to add downward connectors from parents*/
.hierarchyView ul ul.hierarchyViewNodes::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 1.6em;
}

.hierarchyView ul.hierarchyViewNodes:empty {
    display: none;
}

.hierarchyViewNodeContainer {
    box-shadow:0 1px 2px rgba(0,0,0,0.2);
    position:relative;
    width:20em;
    padding:0.5em;
    padding-bottom: 4.3em;
    text-align:left;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 1em;
    z-index: 1;
}

.hierarchyViewNodeContainer.noNodeActions.noNodePopup {
    padding-bottom: 0;
}

.hierarchyViewNodeContainer:not(.noNodeActions), .hierarchyViewNodeContainer.dummyActions  {
    border-style: dashed;
    padding-top: 2.05em;
}



.hierarchyView li.hierarchyViewNode .hierarchyViewNodeContainer.locatorHighlight {
    z-index: 2;
}

.hierarchyViewNodeContainer {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.35);
}

/*--node card styles--*/

.hierarchyView .hierarchyViewNodeContainer:before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    opacity:0.65;
}

.hierarchyViewNodeContainer .thumbnailItem {
    background-color:transparent;
    position:relative;
}

.hierarchyViewNodeContainer .thumbnailItem .gripper {
    display: none;
}

.hierarchyViewNodeContainer .imageSection .thumbnailImg {
    float:right;
    /*max-width:3.7em;
    max-height:3.7em;*/
    /*border: solid 1px #fff;
    overflow: visible;
    background: none;
    border: none;*/
}

.hierarchyViewNodeContainer .imageSection .thumbnailImg .sharedRole {
    max-width: none;
    line-height: 1.2em;
    min-height:0;
    background-color: rgba(0, 0, 0, 0.5);
    position:absolute;
    bottom:0.1em;
    left: -1px;
    right: -1px;
}

.hierarchyViewNodeContainer .imageSection .thumbnailImg .imageText {
    max-width: none;
    min-height: 0;
    position: absolute;
    bottom: 2em;
    left: -1px;
    right: -1px;
    text-transform: uppercase;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.75);
}
.hierarchyViewNodeContainer .thumbnailImg img {
    box-sizing:border-box;
    display:inline-block;
    max-width: 7em!important;
    max-height: 7em!important;
    /*border-radius: 50%;
    background-color: #fff !important;
    border: solid 1px #fff;
    overflow: hidden;*/
}

/*.hierarchyViewNodeContainer .thumbnailItem .headingField {
    width: 80%
}*/

.hierarchyViewNodeContainer .thumbnailItem .headingField, 
.hierarchyViewPopup .stackedContainer > .controlContainer.headingField .editorField {
    font-weight:600;
    overflow: hidden;
    white-space: normal;
}

.hierarchyViewNodeContainer .thumbnailItem .identSection {
    font-size:0.9em;
    margin-bottom:0.5em;
}

.hierarchyViewNodeContainer .thumbnailItem .identSection.groupWithImageSection {
    padding-bottom:0.5em;
}

.hierarchyViewNodeContainer .thumbnailItem .identSection .editorLabel {
    color:#656565;
    padding-right:0;
}

.hierarchyViewNodeContainer .thumbnailItem .thumbnailSection {
    overflow: hidden;
}

.hierarchyViewNodeContainer .thumbnailItem .thumbnailSection.hidden {
    display: none;
}

.hierarchyViewNodeContainer .thumbnailItem .thumbnailSection.tagActionsSection {
    padding-top: 0.5em;
}

.hierarchyViewNodeContainer .thumbnailSection.mainSection > .thumbnailSection:not(.identSection) {
    margin-top: 0.1em;
}

.hierarchyViewNodeContainer .thumbnailSection.mainSection > .thumbnailSection:not(.identSection).groupWithImageSection {
    margin-top: 0;
}

.hierarchyViewNodeContainer .thumbnailItem .thumbnailSection.imageSection {
    overflow: visible;
}

.hierarchyViewNodeContainer .thumbnailItem .dataFieldContainer {
    line-height:1.6em;
    min-height:1.6em;
    overflow:hidden;
    float:left;
    max-width:100%;
    box-sizing: border-box;
}
.hierarchyViewNodeContainer .thumbnailItem .dataFieldContainer.hidden {
    display: none!important;
}

.hierarchyViewNodeContainer .dataFieldContainer.statusField {
    padding: 0 0.3em;
    margin-right: 0.1em;
}

.hierarchyViewNodeContainer .dataFieldContainer.statusField:first-child {
    margin-left: 0;
}

.hierarchyViewNodeContainer .thumbnailItem .mainSection .dataFieldContainer {
    padding:0.1em 0;
}

.hierarchyViewNodeContainer .thumbnailItem .mainSection .thumbnailSection.stacked > .dataFieldContainer{
   float:none;
}

.hierarchyViewNodeContainer .thumbnailItem .dataFieldContainer.paddingT5 {
    padding-top:0.5em;
}

.hierarchyViewNodeContainer .thumbnailItem .dataFieldContainer.paddingB5 {
    padding-bottom:0.5em;
}

.hierarchyViewNodeContainer .thumbnailItem .dataFieldContainer.paddingTB5 {
    padding-top:0.5em;
    padding-bottom:0.5em;
}

/*.hierarchyViewNodeContainer .thumbnailItem .dataFieldContainer.hierarchyStatus {
    font-size:0.9em;
}*/

.hierarchyViewNodeContainer .thumbnailItem .thumbnailSection.showFieldsSeparator > .dataFieldContainer:first-child {
    border-left: none;
    padding-left: 0;
}

.hierarchyViewNodeContainer .thumbnailItem .thumbnailSection.showFieldsSeparator .dataFieldContainer {
    border-left: 1px solid #ccc;
    padding: 0 5px;
}

.hierarchyViewNodeContainer .thumbnailItem  .dataFieldContainer .editorLabel {
    padding:0;
    padding-right:0.5em;
    width:auto;
    float:left;
    overflow:hidden;
}

.hierarchyViewNodeContainer .thumbnailItem  .dataFieldContainer .editorLabel label {
    line-height: normal;
}

.hierarchyViewNodeContainer .thumbnailItem .editorField {
    color:#656565;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height: normal;
}

.hierarchyViewNodeContainer .thumbnailItem .dataFieldContainer.doubleHeight {
    height:2em;
}

.hierarchyViewNodeContainer .thumbnailItem .dataFieldContainer.doubleHeight .editorField {
    white-space:normal;
}

.hierarchyViewNodeContainer .thumbnailItem .hierarchyViewImageCountValueItem .editorField {
    color:#fff;
}
.hierarchyViewNodeContainer .thumbnailItem .hierarchyViewImageTextValueItem .editorField {
    color: #000;
}

.hierarchyViewNodeContainer .thumbnailItem .stacked > .editorLabel {
    float:none;
}

.hierarchyViewNodeContainer .thumbnailItem .headingField .editorField, 
.hierarchyViewPopup .stackedContainer > .controlContainer.headingField .editorField {
    color:initial;
}

.hierarchyViewNodeContainer.selected .thumbnailItem .headingField .editorField {
    color: inherit;
}

.hierarchyView .treeUpNavigator {
    z-index: 999;
    left: 50%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-left: -10em;
    border-radius: 0 0 50px 50px;
    width: 20em;
    position: relative;
}

.hierarchyView .treeUpNavigator:hover {
    background-color: #ebedee;
}


.hierarchyView .treeUpNavigator .label {
    font-size:1.2em;
    display:block;
}

.hierarchyViewNode .treeDownNavigator {
   background-color:#fff;
}

.hierarchyView .hierarchyViewNode .treeDownNavigator {
    border: 1px solid #ccc;
    margin:0 auto;
    display:block;
    padding: 0.55em;
    line-height:1em;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.hierarchyView .treeDownNavigator .icon16 {
    width:1em;
    height:1em;
    line-height:1em;
    font-size:1em;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.hierarchyView .treeDownNavigator.extraNodeLevelButton:hover {
    cursor: inherit;
    background: transparent;
}

.hierarchyView .treeDownNavigator .icon16:before {
    content:"\E064";
    font-size:1em;
    line-height:1em;
}

.hierarchyView .treeDownNavigator.expanded .icon16:before {
    content:"\E063";
}

.hierarchyView .hierarchyViewTree .nodeActionsContainer {
    /*position:absolute;*/
    left:0.5em;
    bottom:0.5em;
}

.nodeActionsContainer .gripper, .nodeActionsContainer .hierarchyViewNodeDetailsLink {
    float: left;
}

.nodeActionsContainer .gripper {
    /*font-size: 1.4em;
    padding: 0.2em;*/
    /*margin-right: 1em;*/
    line-height: normal;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 7px;
    z-index: 1;
    opacity: 0.5;
}

.nodeActionsContainer .gripper:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.05);
}


.nodeActionsContainer .gripper .gripperDots {
    width: 30px;
    margin: 0 auto;
}

.nodeActionsContainer .gripper .dots {
    float: left;
    margin: 0 2px;
}

.nodeActionsContainer .gripper .dots:before, .nodeActionsContainer .gripper .dots:after {
    content: "";
    display: block;
    border: solid 1px;
}

.nodeActionsContainer .gripper .dots:before {
    margin-bottom: 3px;
}

/*.nodeActionsContainer .gripper.icon16:before {
    font-size: inherit;
    line-height: normal;
}*/

/*.nodeActionsContainer .gripper .lines {
    content: "";
    display: block;
    margin: 0.3em auto;
    padding: 0.3em;
    width: 64px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    opacity: 0.5;
}*/

/*.nodeActionsContainer .gripper:hover .lines {
    opacity: 0.85;
}*/

.hierarchyViewNodeContainer.extraNodeLevel .nodeActionsContainer .gripper, .hierarchyViewNodeContainer.noNodeActions .gripper {
    visibility: hidden;
}
.hierarchyView .hierarchyViewTree .hierarchyViewNodeDetailsLinkLink {
    
    display:block;
    text-decoration: none;
    opacity: 0.75;
    position: absolute;
    bottom: 0.5em;
}

.hierarchyView .hierarchyViewTree .hierarchyViewNodeDetailsLinkLink:hover {
    opacity: 1;
}

.hierarchyView .hierarchyViewTree .hierarchyViewNodeDetailsLinkLink .icon16 {
    /*font-size:1.6em;
    width: 1.6em;
    height: 1.6em;
    line-height: 1em;*/
    font-size: 1.8em;
    display: block;
    width: auto;
    height: auto;
    line-height: normal;
}

.hierarchyView .hierarchyViewTree .hierarchyViewNodeDetailsLinkLink > .icon16:before {
    content: "\E084";
}

/* Empty Hierarchy View */
.hierarchyView .hierarchyViewTree .hierarchyViewBaseActionForNew, .hierarchyView .hierarchyViewTree .hierarchyViewEmpty {
    top: 50%;
    position: absolute;
    margin-left: -10em;
    width: 44em;
    margin-left: -21.5em;
    margin-top: 21.5em;
}

#hierarchyViewBaseActionForNewMenu {
    float: left;
    margin: 0 1em;
}

.hierarchyView .hierarchyViewTree .hierarchyViewBaseActionForNew .menuContainerH > ul > .dropDownControlContainer {
    margin: 0;
}

.hierarchyView .hierarchyViewTree .hierarchyViewBaseActionForNew button {
    width: 20em;
    min-height: 15em;
    border-radius: 0;
    background-color: transparent;
    text-align: center;
    line-height: normal;
}

.hierarchyView .hierarchyViewTree .hierarchyViewBaseActionForNew button img {
    display: block;
    margin: 0 auto;
    max-width: 5.5em;
    max-height: 5.5em;
}

.hierarchyView .hierarchyViewTree .hierarchyViewBaseActionForNew button .buttonLabel {
    display: block;
    text-transform: uppercase;
    color: #656565;
    margin: 1em 0;
    line-height: normal;
} 

.hierarchyView .hierarchyViewTree .hierarchyViewBaseActionForNew button:after {
    content: "\E147";
    font-size: 2.2em;
    display: block;
    font-family: iconGlyph;
    opacity: 0.35;
}

.hierarchyView .hierarchyViewTree .hierarchyViewBaseActionForNew button:hover:after {
    opacity: 0.75;
}


.hierarchyView .hierarchyViewTree .hierarchyViewEmpty .hierarchyViewEmptyGlyph {
    width: 100%;
    margin-bottom: 10px;
}

.hierarchyView .hierarchyViewTree .hierarchyViewEmpty .hierarchyViewEmptyMessage, .hierarchyView .hierarchyViewTree .hierarchyViewEmpty .hierarchyViewEmptyGlyph  {
    opacity: 0.35;
}

.hierarchyView .hierarchyViewTree .hierarchyViewEmpty .hierarchyViewEmptyMessage {
    line-height: 16px;
    font-size: 12px;
    text-align: center;
}

/*Hierarchy View node thumbs*/
.hierarchyView .hierarchyViewTree.nodeThumbs .hierarchyViewNodeContainer .thumbnailItem {
    padding-right:0;
}

.hierarchyViewNodeContainer .thumbnailItem .itemWrapper, .hierarchyViewNodeContainer:hover .thumbnailItem .itemWrapper {
    background: none;
}



.groupWithImageSection > .dataFieldContainer, 
.hierarchyView .hierarchyViewTree.nodeThumbs .hierarchyViewNodeContainer .thumbnailItem .headingField {
    width: 100%;
    box-sizing: border-box;
}

.nodeThumbs .secondarySection {
    position:absolute;
    /*border: solid 1px rgba(0, 0, 0, 0.05);*/
    /*padding: 0 0.5em;*/
    top: 0.5em;
    right: 0.5em;
    /*background-color: #fff;*/
}

.nodeThumbs .imageSection {
   padding:0.5em 0;
   position: relative;
}

.nodeThumbs .imageSection , .nodeThumbs .groupWithImageSection {
   background-color:rgba(0,0,0,0.05);
}

.nodeThumbs .groupWithImageSection .editorField, .nodeThumbs .groupWithImageSection .editorLabel, .nodeThumbs .headingField .editorField, 
.nodeThumbs .identSection {
   text-align:center;
   float:none;
}

.nodeThumbs .alignCenter .editorField, .nodeThumbs .alignCenter .editorLabel {
    float:none;
}

.nodeThumbs .identSection .editorField, .nodeThumbs .identSection .editorLabel {
    display:inline-block;
}

/*--Status Fields-*/



/*.dataFieldContainer.statusField .editorField, .dataFieldContainer.statusField .editorLabel {
    color: inherit;
}*/

.hierarchyViewTree .imageSection .thumbnailImg {
    border-radius: 50%;
    border: solid 1px #fff;
    position:relative;
}

.nodeThumbs .imageSection .thumbnailImg {
    float:none;
    display: block;
    top:0;
    right:0;
    margin:0 auto;
    max-width:7em;
    max-height:7em;
    overflow:visible;
    text-align: center;
    line-height:7em;
    overflow: hidden;
}

.nodeThumbs .summaryContainer .thumbnailAction {
    height: auto;
}



/*Hierarchy View Popup*/
.hierarchyViewPopup {
    z-index: 99999;
}

#HierarchyNodePopupRecordNavigator {
    /*z-index: 99999;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    text-align: center;*/
    float: none;
}

.hierarchyViewPopup .popup header {
    min-height: 20px;
    background: transparent;
}




/*-- HierarchyView Popup record navigator --*/

.hierarchyViewPopup .popup {
    position:relative;
    padding: 10px;
    padding-bottom: 50px;
}

.hierarchyViewPopup #HierarchyNodePopupRecordNavigator > span {
    line-height: 30px;
    color: #656565;
    font-weight: normal;
    border: solid 1px transparent;
}

.hierarchyViewPopup #HierarchyNodePopupRecordNavigator .recordSelectorBtn {
    visibility: hidden;
}

.hierarchyViewPopup #HierarchyNodePopupRecordNavigator > div {
    /*display: block;
    margin-top: -30px;
    line-height: 30px;*/
    overflow: hidden;
    /*padding: 1px;*/
    /*float: left;*/
    margin-right: -15px;
}

.hierarchyViewPopup #HierarchyNodePopupRecordNavigator .prev, .hierarchyViewPopup #HierarchyNodePopupRecordNavigator .next {
    padding: 3px 6px;
    background: none;
    border: none;
    box-shadow: none;
    opacity: 0.65;
}

.hierarchyViewPopup #HierarchyNodePopupRecordNavigator .prev:hover, .hierarchyViewPopup #HierarchyNodePopupRecordNavigator .next:hover {
    opacity: 1;
}


.hierarchyViewPopup #HierarchyNodePopupRecordNavigator .prev[disabled], .hierarchyViewPopup #HierarchyNodePopupRecordNavigator .next[disabled],
.hierarchyViewPopup #HierarchyNodePopupRecordNavigator .prev[disabled]:hover, .hierarchyViewPopup #HierarchyNodePopupRecordNavigator .next[disabled]:hover {
    opacity: 0.15;
}

.hierarchyViewPopup #HierarchyNodePopupRecordNavigator .next {
    float: right;
}

.hierarchyViewPopup #HierarchyNodePopupRecordNavigator .prev .icon16, .hierarchyViewPopup #HierarchyNodePopupRecordNavigator .next .icon16 {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
}

    
.hierarchyViewPopup .popup:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    opacity:0.75;
}

.hierarchyViewPopup .popupClose {
    box-shadow:none;
    opacity: 0.65;
}

.hierarchyViewPopup .popupClose > span:before {
    color:initial;
}

.hierarchyViewPopup .popup > header, .hierarchyViewPopup .popup > div {
    position:relative;
}

.hierarchyViewPopup .popup > header {
    margin-bottom: 10px !important;
}

.hierarchyViewPopup .popup .popupImage {
    float: right;
    padding: 10px;
    
}

.hierarchyViewPopup .popup .popupImage img {
    display:inline-block;
    vertical-align: top;
    /*border: solid 1px rgba(0,0,0,0.15);*/
}

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

.hierarchyViewPopup .suggestionPanePageHeading {
    text-align: left;
}

.hierarchyViewPopup .suggestionPanePageHeading .readonlyTextBoxSpan {
    color: inherit !important;
    padding-left: 0 !important;
}

.hierarchyViewPopup .fldTxtAlignLeft .readonlyTextBoxSpan {
    text-align: left !important;
}

.hierarchyViewPopup .controlContainer {
    padding: 0;
}

.hierarchyViewPopup .popup > footer button {
    position: relative;
}

.hierarchyViewPopup .popup > footer button, .hierarchyViewPopup .popup > footer a {
    min-width: initial;
    margin-right: 0;
    float: inherit;
}

.hierarchyView .hierarchyViewTree .treeUpNavigator:hover {
    cursor:pointer;
}

.hierarchyView .hierarchyViewTree li.hierarchyViewNode .hierarchyViewNodeContainer:not(.extraNodeLevel):hover {
    cursor:pointer;
}

.hierarchyView .hierarchyViewTree.passedKey li.hierarchyViewNode .hierarchyViewNodeContainer:not(.extraNodeLevel):hover {
    cursor:default;
}

.enquiryForm .detailsPanel .hierarchyView .hierarchyViewTree li.hierarchyViewNode .hierarchyViewNodeContainer:not(.extraNodeLevel):hover {
    cursor:default;
}

.relatedDataPortlet > .contents.maximisedHierarchyView, .detailsPanel.hasSectionsChange .contentContainer.maximisedHierarchyView {
    top: 0!important;
}

.relatedDataPortlet .views.maximisedHierarchyView {
    top: 0 !important;
}

.relatedDataPortlet.hasHeaderBar.headerBarVisible > .contents.maximisedHierarchyView {
    top: 0 !important;
}

.relatedDataPortlet .headerBar.maximisedHierarchyView {
    display: none;
}

.hierarchyView .hierarchyViewTree .dropZone {
    background: #5eb342!important;
    opacity: 0.5!important;
}

.hierarchyView #blockerContainer {
    position: absolute;
    top: -93px;
    width: 100%;
}

.hierarchyView #blockerMain {
    position: absolute;
    top: 62px;
    height: 30px;
    width: 100%;
    z-index: 1;
    padding: 6px;
    box-sizing: border-box;
}

.hierarchyView #blockerMain .watermark {
    display: block;
    text-align: center;
    bottom: 10px;
    position: absolute;
    width: 100%;
    color: rgba(255, 255, 255, 0.6);
    font-style: italic;
}

.hierarchyView #blockerContainer #blockerButtons .popupClose {
    float: right;
    position: relative;
    z-index: 99999;
    top: -17px;
}

.hierarchyView.blockerShown .hierarchyViewTree .hierarchyViewNodeContainer:hover {
    background-color: rgb(252, 219, 154)!important;
    opacity: 0.5!important;
}

.hierarchyView .hierarchyViewToolbar {
    z-index: 3;
}

.hierarchyView .hierarchyViewToolbar .toolbarButtons {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 5px;
    padding: 4px;
    border-radius: 3px;
    z-index: 3;
}

.hierarchyView .hierarchyViewToolbar .viewButtons {
    border-top: solid 1px rgba(0,0,0,0.1);
}

.hierarchyView .hierarchyViewToolbar .viewButtons:before {
    content: "";
    display: block;
    border-top: solid 1px rgba(255, 255, 255, 0.1);
}

.hierarchyView .hierarchyViewToolbar button {
    float:none;
    display:block;
    text-align:center;
    background:none;
    border: solid 1px transparent;
    box-shadow: none;
    color: #fff;
} 

.hierarchyView .hierarchyViewToolbar button:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.hierarchyViewFullScreen.viewFullScreen .glyph:before {
    content: "\E095";
}

.hierarchyViewFullScreen {
    margin-top: 4px;
    margin-bottom: 4px;
}

.hierarchyViewZoomIn {
    border-radius:3px 3px 0 0;
}

.hierarchyViewZoomOut {
    border-radius:0 0 3px 3px;
    margin-bottom: 4px;
}

.hierarchyViewZoomIn:hover, .hierarchyViewZoomOut:hover  {
    position:relative;
    z-index:1;
}

.hierarchyView .hierarchyViewToolbar .hierarchyViewZoomNavigator  {
    border-color: rgba(0,0,0,0.2);
}

.hierarchyView .hierarchyViewToolbar .hierarchyViewZoomNavigator.navigatorClosed {
    border-color: transparent;
}

/* Zoom Styling */
.hierarchyView .hierarchyViewTree.x1 { font-size:15%; }
.hierarchyView .hierarchyViewTree.x2 { font-size:30%; }
.hierarchyView .hierarchyViewTree.x3 { font-size:45%; }
.hierarchyView .hierarchyViewTree.x4 { font-size:60%; }
.hierarchyView .hierarchyViewTree.x5 { font-size:75%; }
.hierarchyView .hierarchyViewTree.x6 { font-size:90%; }
.hierarchyView .hierarchyViewTree.x7 { font-size:105%; }
.hierarchyView .hierarchyViewTree.x8 { font-size:120%; }
.hierarchyView .hierarchyViewTree.x9 { font-size:135%; }

.hierarchyView .hierarchyViewTree.x1 .treeDownNavigator .icon16, .hierarchyView .hierarchyViewTree.x1 .treeUpNavigator .icon16 { font-size:8em; }
.hierarchyView .hierarchyViewTree.x2 .treeDownNavigator .icon16, .hierarchyView .hierarchyViewTree.x2 .treeUpNavigator .icon16 { font-size:4em; }
.hierarchyView .hierarchyViewTree.x3 .treeDownNavigator .icon16, .hierarchyView .hierarchyViewTree.x3 .treeUpNavigator .icon16 { font-size:3em; }
.hierarchyView .hierarchyViewTree.x4 .treeDownNavigator .icon16, .hierarchyView .hierarchyViewTree.x4 .treeUpNavigator .icon16 { font-size:2em; }
.hierarchyView .hierarchyViewTree.x5 .treeDownNavigator .icon16, .hierarchyView .hierarchyViewTree.x5 .treeUpNavigator .icon16 { font-size:1.6em; }
.hierarchyView .hierarchyViewTree.x6 .treeDownNavigator .icon16, .hierarchyView .hierarchyViewTree.x6 .treeUpNavigator .icon16 { font-size:1.3em; }
.hierarchyView .hierarchyViewTree.x7 .treeDownNavigator .icon16, .hierarchyView .hierarchyViewTree.x7 .treeUpNavigator .icon16 { font-size:1.2em; }
.hierarchyView .hierarchyViewTree.x8 .treeDownNavigator .icon16, .hierarchyView .hierarchyViewTree.x8 .treeUpNavigator .icon16 { font-size:1.1em; }
.hierarchyView .hierarchyViewTree.x9 .treeDownNavigator .icon16, .hierarchyView .hierarchyViewTree.x9 .treeUpNavigator .icon16 { font-size:1.0em; }

/*.hierarchyView .hierarchyViewTree.x1 .hierarchyViewNodeContainer { padding-bottom: 8.2em; }*/
.hierarchyView .hierarchyViewTree.x1 .hierarchyViewNodeContainer button.primary { padding: 0; line-height: normal; }
.hierarchyView .hierarchyViewTree.x1 .hierarchyViewNodeContainer button.primary .icon16 { font-size: 5em;width: auto;height: auto;line-height: normal;margin: 0 0.1em; }

/*.hierarchyView .hierarchyViewTree.x2 .hierarchyViewNodeContainer { padding-bottom: 6em; }*/
.hierarchyView .hierarchyViewTree.x2 .hierarchyViewNodeContainer button.primary { padding: 0; }
.hierarchyView .hierarchyViewTree.x2 .hierarchyViewNodeContainer button.primary .icon16 { font-size: 2em; }

/*.hierarchyView .hierarchyViewTree.x2 .hierarchyViewNodeContainer { padding-bottom: 6em; }*/
.hierarchyView .hierarchyViewTree.x2 .hierarchyViewNodeContainer button.primary { padding: 0; }
.hierarchyView .hierarchyViewTree.x2 .hierarchyViewNodeContainer button.primary .icon16 { font-size: 3em; }

/*.hierarchyView .hierarchyViewTree.x3 .hierarchyViewNodeContainer { padding-bottom: 4.8em; }*/
.hierarchyView .hierarchyViewTree.x3 .hierarchyViewNodeContainer button.primary { padding: 0.2em; }

/*.hierarchyView .hierarchyViewTree.x4 .hierarchyViewNodeContainer { padding-bottom: 4em; }*/
.hierarchyView .hierarchyViewTree.x4 .hierarchyViewNodeContainer button.primary { padding: 0.2em; }


.hierarchyView .hierarchyViewTree.x1 .nodeActionsContainer .gripper { margin-right: 0;}
.hierarchyView .hierarchyViewTree.x2 .nodeActionsContainer .gripper { margin-right: 0.4em;}


.hierarchyView .hierarchyViewTree.x1 .nodeActionsContainer .icon16 { font-size: 6.5em; }
.hierarchyView .hierarchyViewTree.x2 .nodeActionsContainer .icon16 { font-size: 4em;  }
.hierarchyView .hierarchyViewTree.x3 .nodeActionsContainer .icon16 { font-size: 2.9em; }
.hierarchyView .hierarchyViewTree.x4 .nodeActionsContainer .icon16 { font-size: 2.7em; }
.hierarchyView .hierarchyViewTree.x5 .nodeActionsContainer .icon16 { font-size: 2.2em;padding: 0.15em; }
.hierarchyView .hierarchyViewTree.x6 .nodeActionsContainer .icon16 { font-size: 1.55em;padding: 0.3em; }
.hierarchyView .hierarchyViewTree.x7 .nodeActionsContainer .icon16 { font-size: 1.35em;padding: 0.3em; }
.hierarchyView .hierarchyViewTree.x8 .nodeActionsContainer .icon16 { font-size: 1.2em;padding: 0.3em; }
.hierarchyView .hierarchyViewTree.x9 .nodeActionsContainer .icon16 { font-size: 1.2em;padding: 0.19em; }


.hierarchyView .hierarchyViewTree.x1 .hierarchyViewNodeContainer:not(.noNodeActions),.hierarchyView .hierarchyViewTree.x1 .hierarchyViewNodeContainer.dummyActions { padding-top: 7em; }
.hierarchyView .hierarchyViewTree.x1 .nodeActionsContainer .gripper { padding: 2px; }
.hierarchyView .hierarchyViewTree.x1 .nodeActionsContainer .gripperDots { width: 20px; }
.hierarchyView .hierarchyViewTree.x1 .nodeActionsContainer .gripper .dots { margin: 0 1px; }
.hierarchyView .hierarchyViewTree.x2 .hierarchyViewNodeContainer:not(.noNodeActions), .hierarchyView .hierarchyViewTree.x2 .hierarchyViewNodeContainer.dummyActions { padding-top: 4em; }
.hierarchyView .hierarchyViewTree.x2 .nodeActionsContainer .gripper { padding: 2px; }
.hierarchyView .hierarchyViewTree.x2 .nodeActionsContainer .gripperDots { width: 20px; }
.hierarchyView .hierarchyViewTree.x2 .nodeActionsContainer .gripper .dots { margin: 0 1px; }
.hierarchyView .hierarchyViewTree.x3 .hierarchyViewNodeContainer:not(.noNodeActions), .hierarchyView .hierarchyViewTree.x3 .hierarchyViewNodeContainer.dummyActions { padding-top: 3.5em; }
.hierarchyView .hierarchyViewTree.x3 .nodeActionsContainer .gripper { padding: 5px; }
.hierarchyView .hierarchyViewTree.x4 .hierarchyViewNodeContainer:not(.noNodeActions), .hierarchyView .hierarchyViewTree.x4 .hierarchyViewNodeContainer.dummyActions { padding-top: 3.1em; }
.hierarchyView .hierarchyViewTree.x5 .hierarchyViewNodeContainer:not(.noNodeActions), .hierarchyView .hierarchyViewTree.x5 .hierarchyViewNodeContainer.dummyActions { padding-top: 2.4em; }

.x1 .x1Hide, .x2 .x2Hide { display: none !important; }
.x1 .imageSection, .x1 .headingField { font-size: 2em; }
.x2 .imageSection, .x2 .headingField { font-size: 1.5em; }

.hierarchyViewTree.x1 .hierarchyViewNodeContainer {
    padding-bottom: 7.3em;
}

.hierarchyView .extraNodeLevel .hierarchyViewNodeDetailsLink, .hierarchyView .extraNodeLevel .thumbnailItem {
    visibility: hidden;
}

.hierarchyView li.hierarchyViewNode .hierarchyViewNodeContainer.extraNodeLevel:after {
    content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    height: 110%;
}

.hierarchyView li.hierarchyViewNode .hierarchyViewNodeContainer.extraNodeLevel {
    border-color: #fff;
    box-shadow: none;
    position:relative;
    text-align: center;
    margin-bottom: 0.1em;
    background: none;
    border: solid 1px transparent;
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNodeContainer.extraNodeLevel {
    border: none !important;
}

.hierarchyView .hierarchyViewNodeContainer.extraNodeLevel ul.dropDownControlContainer {
    visibility: hidden;
}

/* Hierarchy View Navigator */
.hierarchyView .outerHierarchyViewNavigatorContainer {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 5px;
    border: 1px solid #bbc3c6;
    background-color: #fff;
    z-index: 3;
}

.hierarchyView .hierarchyViewNavigatorContainer {
    position: relative;
    overflow: hidden;
    font-size: 12px;
}

.hierarchyView .hierarchyViewNavigatorContainer .zoomViewArea {
    border: 1px solid #373a3f;
    z-index: 3;
    position: absolute;
}

.hierarchyView .hierarchyViewNavigatorContainer .zoomViewArea:hover {
    cursor:pointer;
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNavigator {
    display: table;
    margin: 0 auto;
    font-size: 0.03em;
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNodes {
    display: table;
    margin: 0 auto;
}

.hierarchyView .hierarchyViewNavigatorContainer .topLevelNode {
    display: block;
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNavigator .treeDownNavigator {
    visibility: hidden;
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNavigator .extraNodeLevel {
    opacity: 0
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNavigator .hierarchyViewNodeContainer {
    background-color: #50535a;
    border: none;
    box-shadow: none;
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNavigator .hierarchyViewNodeContainer.selected {
    background-color: #df6c00;
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNavigator li.hierarchyViewNode:not(:only-of-type)::before, .hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNavigator li.hierarchyViewNode:not(:only-of-type)::after {
    border: none;    
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNavigator li.hierarchyViewNode::after {
    border: none;
}

.hierarchyView  .hierarchyViewNavigatorContainer .hierarchyViewNavigator li.hierarchyViewNode:last-child::before {
    border: none;
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNavigator li.hierarchyViewNode:only-of-type:after {
    border: none;
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNavigator ul ul.hierarchyViewNodes::before {
    border: none;
}

.hierarchyView .hierarchyViewNavigatorContainer .hierarchyViewNavigator li.hierarchyViewNode .hierarchyViewNodeContainer.extraNodeLevel:after {
    border: none;
}

/* Hierarchy Node Action DropDown */
.hierarchyView .hierarchyViewNodeContainer ul.dropDownControlContainer {
    float: right;
    display: block;
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
}

.hierarchyView .hierarchyViewNodeContainer ul.dropDownControlContainer button.handle.more.primary {
    /*width: 1.6em;
    height: 1.6em;
    line-height: 1.6em;
    padding: 0;*/
}

.hierarchyView .hierarchyViewNodeContainer ul.dropDownControlContainer button.handle.more.primary span.icon16 {
    /*font-size: 1em;
    margin: 0;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em;*/
    position: relative;
}

.hierarchyView .hierarchyViewNodeContainer.dragHierarchyViewDragAndDropActionInProgress {
    z-index: 99999;
}

/*---Hierarchy Progress bar---*/
.relatedDataPortlet > .hierarchyProgessOverlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.05);
    z-index: 1;
    width: 100%;
}

.relatedDataPortlet .hierarchyProgessOverlay .hierarchyDurationSpinner,
.relatedDataPortlet .hierarchyProgessOverlay .hierarchyDurationSpinner .hierarchySpinner {
    display: block;
}

.hierarchyDurationSpinner {
    display: none;
    vertical-align: middle;
    font-size: 0.9em;
    position: absolute;
    padding: 10px;
    top: 25%;
    left: 7%;
    background-color: transparent !important;
    border-radius: 3px;
    color: #fff;
    z-index: 9999;
}

.hierarchySpinner 
{
    display: none;
    height: 48px;
    width:48px;
    margin: 0 auto;
    background: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loaderlrg.gif') no-repeat;
    background: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loaderspritedark.png') top left / 100% 100% no-repeat;
    background-size: 576px 48px;
    -webkit-animation: play48 .8s steps(12) infinite;
    -moz-animation: play48 .8s steps(12) infinite;
    -ms-animation: play48 .8s steps(12) infinite;
    -o-animation: play48 .8s steps(12) infinite;
    animation: play48 .8s steps(12) infinite;
}

.relatedDataPortlet  .hierarchyProgressContainer {
    width: 75%;
    height: 100%;
}

.relatedDataPortlet .hierarchyProgressContainerInner
{
    display: inherit;
    position: relative;
    left: 10%;
    bottom: 0;
    z-index: 0;
    top: 25%;
    border: 1px solid;
    border-color: #d6dbdd;
}

.relatedDataPortlet .hierarchyProgress
{
    width: 0;
    background-color: rgba(200,255,200,0.8);
    border-radius: 3px;
    z-index: 0;
    height: 66px;
}

.relatedDataPortlet .hierarchyProgressActionContainer
{
    left: 10%;
    bottom: 0;
    top: 27%;
    display: inherit;
    position: relative;
    text-align: center;
    z-index: 999999;
}

.relatedDataPortlet .hierarchyProgressCount
{
    color: #0f3367;
    font-size: medium;
}

.rdpActionBar .gridExportSelector .hierarchyViewPrint.icon16:before {
    content: "\E231";
}

.rdpActionBar .gridExportSelector .expHtmlHierarchyView.icon16:not(.expCloud):not(.expDownload):before {
    content: "\E347";
}

.rdpActionBar .gridExportSelector .expHtmlHierarchyView {
    left: 5px;
}
/** --- Icon.css - Used in summary form **/
.iconControl {
    margin: 5px 0;
    font-size: 1em;
    line-height:initial;
    color: initial;
    text-align: center;
    background-color: white;
    border: solid 1px rgba(0,0,0,0.05);
    box-shadow: 0px 1px 2px rgba(0,1,0,0.2);
    border-radius: 3px;
    position: relative;
}

.iconControl .text{ overflow: hidden; }

.iconControl .bannerTop, .iconControl .bottomLabel {
    position: absolute;    
    left: 0;
    right: 0;
    line-height: 1.5em;
}

.iconControl .bannerTop{
    top: 0;
    margin: -1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;        
}

.iconControl .bottomLabel{
    bottom: 0;
}

.iconControl.icon24 .text {  margin-top: 4px; }
.iconControl.icon16 .bannerTop, .iconControl.icon16 .bottomLabel,
.iconControl.icon24 .bannerTop, .iconControl.icon24 .bottomLabel{ display: none; }

.iconControl.icon32 .text {  margin-top: 8px; }
.iconControl.icon32 .bannerTop, .iconControl.icon32 .bottomLabel {  font-size: 0.5em; }

.iconControl.icon64 .text, .iconControl.auto .text {  font-size: 2em; margin-top: 15px; }
.iconControl.icon64.noBanner .text, .iconControl.auto.noBanner .text  {    margin-top: 10px; }
.iconControl.icon64.noBottom .text, .iconControl.auto.noBottom .text {    margin-top: 20px; }

.iconControl.icon64{
    width: 52px;
    min-width: 52px;
}

.iconControl.auto{
    min-width: 64px;
    min-height: 64px;
}
.iconControl.auto .text{ padding: 0 5px;}

.iconControl.icon96 .text {  font-size: 3em; margin-top: 20px; }
.iconControl.icon96.noBanner .text{    margin-top: 10px; }
.iconControl.icon96.noBottom .text{    margin-top: 20px; }
.iconControl.icon96 .bannerTop, .iconControl.icon96 .bottomLabel { line-height: 2em; }

.iconControl.image > div{
    width: 100%;
    height: 100%;    
    background-size: cover;
    background-position: center;    
}

/*colours - Todo - use css class */


.iconControl.date .bannerTop { background: #37bcee; }
.iconControl.week .bannerTop { background: #ae0000; }

.iFrameContainer {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.iFrameContainer.contentDownloadable {
    top: 35px;
}

.iFrameContainer iframe {
    width: 100%;
    height: 100%;
    border: none;
    min-height: 700px;
    display: block;
}

.iFrameContainer .iFrameOverlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
}

.relatedDataPortlet.resizingInProgress .iFrameContainer .iFrameOverlay {
    display: block;
}

.iframePopOut {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/48/popout.png');
    width: 48px;
    height: 48px;
    display: none;
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
}

.dwldContent > .icon16{
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/download.png');
}

/* Natural View */

.naturalViewSectionContainer
{
    height:100%;
    box-sizing: border-box;
}

.naturalViewSectionContainer.editablePanel.scrollContent > .content {
    border-top: none;
}

.naturalViewMenuActionsContainer {
    float: left;
    margin-left: 5px;
}

.naturalViewMenuActionsContainer.empty {
    display: none;
}

.naturalViewMenu > .icon16 {
    margin: 0 5px;
}

.naturalView {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
}

.naturalViewScaleWrapper {
    overflow: hidden;
    width: auto;
}

.naturalViewScaleWrapper > iframe
{
    -webkit-appearance: none;
    visibility: hidden;
    position: relative;
}

/* RDP Section Styling */

.relatedDataPortlet .documentPreview {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.relatedDataPortlet .documentPreview .content {
    position: absolute;
    top: 40px; /*leave space for the header*/
    bottom: 5px;
    left: 0px;
    right: 0px;
}

.relatedDataPortlet .documentPreview.noHeader .content,
.relatedDataPortlet .documentPreview.contentDownloadable .content
 {
    top: 10px;
}

.relatedDataPortlet .documentPreview .iFrameContainer .dwldContent {
    margin-top: -35px;
    margin-bottom: 5px;
    margin-right: 10px;
}


/* My Maintenance Styling */

.previewSection > .documentPreview, .previewSection > .documentPreview > .content {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.previewSection > .documentPreview > .content > .iFrameContainer {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: 100%;
}

.previewSection > .documentPreview > .content > .iFrameContainer > iframe {
    position: relative;
    height: calc(100% - 4px); /* For some reason the iframe needs to be 4px less than its parent to not cause a scrollbar */
    min-height: initial;
}

.ifake {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.iframeLoadingLabelContainer{
    top: 50%;
    right: 50%;    
    position: absolute;
}

.immediateUploadPanel:hover {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac35.png');
    background-repeat: repeat;
}

.immediateUploadPanel {
    overflow: hidden;
    display: inline-block;
    position: relative;
    /*float: right;*/
    width: auto;
    margin-right: 5px;
    /*border-left-style: solid;*/
    border-left-width: 1px;
}

.immediateUploadPanel button .icon16 {
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/import.png');
    float: left;
}

.immediateUploadPanel button .textWrapper {
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
    height: 16px;
}

.immediateUploadPanel button .textWrapper span {
    font-size: 0.8em;
}

.immediateUploadPanelInput {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.0;
    filter: alpha(opacity=0);
}

.itemChooser {
    border-style: solid  !important;
    border-width: 1px !important;
    border-color: transparent  !important;
}

.itemChooser.validationError {
    border-color: #d00  !important;
}

.itemChooserList {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.itemChooser.readonly > .itemChooserList {
    width: 100%;
}

.itemChooserHeaderLabel {
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
    font-size: 0.9em;
    font-weight: 600;
}

.itemChooserHeaderLabel > .validationMessage {
    border: none;
    box-shadow: none;
    color: #d00;
    padding: 0 3px;
    line-height: 20px;
}

.itemChooserAvailableList {
    padding-right: 5px;
}

.itemChooser.readonly > .itemChooserAvailableList {
    display: none;
}

.itemChooserSelectedList {
    padding-left: 5px;
}

.itemChooser.readonly > .itemChooserSelectedList {
    padding-left: 0;
}

.itemChooserListHeader {
    vertical-align: middle;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-style: solid;
    border-width: 1px;
    background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whitegrad35opac.png');
    background-repeat:repeat-x, repeat-y;
    background-position:top left, -19px 0;
    font-size: 0.9em;
    font-weight: 600;
}

.itemChooserListItemContainer {
    overflow:auto;
    max-height: 300px;
}

.itemChooserItem {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    height: 30px;
    line-height: 30px;
    padding: 1px 0;
    background-color: #fff;
}

.itemChooser.readonly .itemChooserItem {
    background-color: transparent;
    background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac50.png');
    background-repeat: repeat;
}

.itemChooserItemLine {
    padding: 0 5px;
}

.engagingStyle .itemChooser {
    padding-bottom: 25px;
}

.engagingStyle .itemChooser .itemChooserHeaderLabel {
    font-size: 1.2em;
    font-weight: normal;
    color: #656565;
    opacity: 0.75;
    cursor: text;
}

/* Label */

.editorLabel, .editorLabelAutoWidth {
    display: block;
    vertical-align:top;
    padding: 4px 0;
}

.editorLabel {
    width:150px;
}

.editorLabelAutoWidth {
    width: auto;
}

.fullEnquiryLink .editorLabel {
    width: auto;
}

.controlContainer > .editorLabel, .controlContainer > .editorLabelAutoWidth {
    display:inline-block;
    padding: 0 5px 0 0;
}

.controlContainer > .editorLabel > label, .controlContainer > .editorLabelAutoWidth > label,
.controlContainer > .editorField > a {
    display: block;
    line-height: 20px;
    padding: 4px 0;
    border: solid 1px transparent;
    font-size: 0.9em;
    font-weight: 600;
}

.stackedContainer > .controlContainer > .editorLabel > label, .stackedContainer > .controlContainer > .editorLabelAutoWidth > label,
.stackedContainer > .controlContainer > .editorField > a {
    display: block;
    line-height: 14px;
    padding: 0 4px;
}

.stackedContainer > .controlContainer > .editorLabel > label, .stackedContainer > .controlContainer > .editorLabelAutoWidth > label {
    font-size: 0.9em;
    font-weight: 600;
    position: relative;
}

.controlContainer > .editorLabel > label > .labelInnerContainer {
    display: block;
    overflow: hidden;
    padding: 0;
}

.stackedContainer > .controlContainer > .editorField > a {
    font-size: 1.1em;
    padding-bottom: 2px;
}

.stackedContainer > .controlContainer.readonly > .editorLabel, .stackedContainer > .controlContainer.readonly > .editorLabelAutoWidth {
    cursor: default;
}

.editorLabel span, .checkBoxLabel
{
    padding-right:5px;
}

.editorLabel span.fieldRequired
{
    font-weight:bold;
    vertical-align:middle;
    line-height:8px;
}

.stackedContainer > .controlContainer > .editorLabel, .stackedContainer > .controlContainer > .editorLabelAutoWidth {
    display: block;
    padding: 0;
    cursor: text;
    width: auto;
}

.controlContainer.stacked > .editorLabel {
    display: block;
    width: auto;
}

.controlContainer.stacked > .editorLabel > label {
    display: inline-block;
    padding: 0;
    line-height: 16px;
}
/* Summary form styles override */

.summaryItem .controlContainer > .editorLabel > label, .summaryItem  .controlContainer > .editorLabelAutoWidth > label, .summaryItem  .controlContainer > .editorField > a {    
    padding: 2px 0;    
    line-height: normal;
}
.linkIcon {
    background-repeat: no-repeat;
    background-size: cover;
}

.serverActionLinkRedirectLink {
    display: none;
}
a {
    cursor:pointer;
    text-decoration:none;
}

a:hover, button.linkStyle:hover, .showPanelButton:hover, button.linkStyle .span:hover, .linkCol:hover {
    text-decoration:underline;
}

.link {
    word-break: break-all;
}

.horizLayout > .syncLink, .horizLayout > .wizardLink, .horizLayout > .dataLink
{
    line-height:22px;
}

.horizLayout > a.serverActionLink
{
    line-height: 30px;
}

.horizLayout > .editorLabelAutoWidth > .syncLink, .horizLayout > .editorLabel > .syncLink
{
    line-height:20px;
    padding: 4px 0;
    display: inline-block;
    border: solid 1px transparent;
}
/* Tab Handle Classes  */
.tabHandle_LinkedTab.enabled:hover {
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.tabHandle_LinkedTab > .summary > .summaryHeading {
    font-size: 1.1em;
    font-weight: 600;
    font-family: Osans, Arial, sans-serif;
    line-height: 16px;
    vertical-align: top;
}

.tabHandle_LinkedTab > .summary > .summaryHeading > .summaryHeadingLabel {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* Horizontal Tab Handle Classes */
.tabHandlesOuterContainer_LinkedTab.horiz {
    padding: 0;
    position:relative;
}

.tabHandlesOuterContainer_LinkedTab.horiz > .tabHandlesInnerContainer_LinkedTab {
    height: 45px;
    position:relative;
    overflow: hidden;
}

.tabHandle_LinkedTab.horiz {
    padding: 13px 10px;
    margin: 0;
    float: left;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: transparent;
    text-align: center;
    min-width: 60px;
}

.tabHandle_LinkedTab.horiz > .summary {
    height: 16px;
}

.tabHandle_LinkedTab.horiz > .summary > .summaryImage {
    width: 16px;
    height: 16px;
}

.tabHandle_LinkedTab.horiz > .summary > .summaryImage ~ .summaryHeading {
    display: inline-block;
}

.tabHandle_LinkedTab.horiz > .summary > .summaryHeading > .summaryHeadingLabel {
    color: #000;
}


/* Vertical Tab Handle Classes */
.tabHandle_LinkedTab.vert {
    display: none;
    position: relative;
    text-align: left;
    background-image: none;
    background-repeat: repeat-x;
    background-position: 0 -30px;
    font-size: 1em;
    font-weight: normal;
    border-radius: 0;
    min-height: 40px;
    padding: 15px;

    border-right: solid 3px transparent;
}

.tabHandle_LinkedTab.vert:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
}

.tabHandle_LinkedTab.vert:first-child:before {
    display: none;
}

.tabHandle_LinkedTab.vert.visible {
    display: block;
}

.tabHandle_LinkedTab.vert.selected,
.tabHandle_LinkedTab.vert.selected:hover {
    background-image: none;
    background-color: #fff;
}

.tabHandle_LinkedTab.vert.disabled {
    opacity: 0.35;
}

.tabHandle_LinkedTab.vert > .summary > .summaryImage {
    float:left;
    margin-right:5px;
    width: 24px;
    height: 24px;
}

.tabHandle_LinkedTab.vert > .summary > .summaryHeading > .summaryHeadingLabel > .mandatory {
    font-size: 0.7em;
    top: -5px;
    position: relative;
}

.tabHandle_LinkedTab.vert > .summary > .summaryHeading > .summaryHeadingIcon {
    margin-left:3px;
    position: relative;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLine {
    font-size: 0.9em;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineLabel.indentLevel1 {
    padding-left: 10px;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineLabel.indentLevel2 {
    padding-left: 20px;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineLabel.indentLevel3 {
    padding-left: 30px;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineValue {
    color: #656565;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineValue.floatRight {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineValue.floatRight.isRating {
    max-width: initial;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLineColoured > .summaryLineLabel {
    padding: 0 5px;
    text-transform: capitalize;
    color: #fff;
    display: inline-block;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLineColoured,
.tabHandle_LinkedTab.vert > .summary > .summaryLineTag {
    padding: 3px 0;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLineColoured ~ .summaryLineTag,
.tabHandle_LinkedTab.vert > .summary > .summaryLineTag ~ .summaryLineColoured {
    padding: 1px 0 3px 0;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLine > .tagCode {
    color: #fff;
    text-transform: uppercase;
    display:block;
    float:left;
    padding: 0 5px;
}

.tabHandle_LinkedTab.vert > .summary > .summaryLine > .tagDesc {
    border-width: 1px;
    border-style: solid;
    border-left: none;
    background-color: #fff;
    display:block;
    float:left;
    padding: 0 5px;
}

.tabHandle_LinkedTab.vert > .summary > .summaryImage ~ .summaryHeading,
.tabHandle_LinkedTab.vert > .summary > .summaryImage ~ .summaryLine {
    margin-left: 29px;
}


/* Section Not Ready */
.tabControl > .editablePanel > .content > .sectionNotReady {
	top: 30%;
    left: 50%;
    margin-left: -79px;
    position: absolute;
    display:block;
    height: 128px;
    width: 128px;
    padding: 15px;
    border-radius: 10px;
}

.tabControl > .editablePanel > .content > .sectionNotReady > .processSpinner {
    border-radius: 32px;
    margin: 10px auto;
    padding: 0;
}

.tabControl > .editablePanel > .content > .sectionNotReady .literalText {
    color: #00A7FF;
    font-weight: 600;
    text-align: center;
}

.tabControl > .editablePanel > .content > .sectionNotReady .literalText .editorField{
    width: 100%;
}

.tabControl > .editablePanel > .content > .sectionNotReady .literalText .plainText{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sectionNotReadyProcessingText {
    font-size: 1.2em;
}

.sectionNotReadyProcessingSubText {
    font-size: 0.9em;
}


/* Worksheet Process Section */
.worksheetProcessSection > .editablePanel.scrollContent > .content {
    border-top: none;
}

.worksheetProcessSection > .editablePanel > .content > .worksheetProcess {
    padding: 0 10px;
}


/* Links Section */
.linksSection > .editablePanel > .content {
    padding-left: 10px;
    padding-right: 10px;
}

.linksSection > .editablePanel > .content > .link:hover, .linksSection > .editablePanel > .content > .panel > .fieldsContainer > .link:hover {
    background-color: #F3F3F3;
}

.linksSection > .editablePanel > .content > .link, .linksSection > .editablePanel > .content > .panel > .fieldsContainer > .link {
    line-height: 48px;
    height: 48px;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: inherit;
    display:block;
    padding: 10px;
}

.linksSection > .editablePanel > .content > .link > .icon48, .linksSection > .editablePanel > .content > .panel > .fieldsContainer > .link > .icon48 {
    float: left;
    margin-right: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
}

/* Charts Section */
.chartsSection.inlineTabControl > .editablePanel > .content > .chartContainer.singleChart > .chartTitle {
    display: none;
}

.linkedTabbedControl, .tabsContainer_LinkedTab {
    overflow: hidden;
    height: 100%;
    position: relative;
}

.tabHandlesOuterContainer_LinkedTab {
    display: none;
}

.tabHandlesOuterContainer_LinkedTab.visible {
    display: block;
}

.tabHandlesOuterContainer_LinkedTab.vert {
    width: 250px;
    vertical-align: top;
    padding: 0;
    height: 100%;
    border-top: none;
    border-left: none;
    border-bottom: none;
    position:relative;
    border-right: solid 1px rgba(0, 0, 0, 0.1);
    float:left;
}

@media (max-width: 800px) {
    .tabHandlesOuterContainer_LinkedTab.vert {
        width: 200px;  
    } 
}

.tabHandlesOuterContainer_LinkedTab.vert > .tabHandlesInnerContainer_LinkedTab {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: rgba(255,255,255,0.3);
}

.tabControlsOuterContainer_LinkedTab {
    position:relative;
    padding:0;
    overflow: hidden;
    background-color: #FFF;
}

.tabHandlesOuterContainer_LinkedTab.vert ~ .tabControlsOuterContainer_LinkedTab,
.tabHandlesOuterContainer_LinkedTab.horiz.hidden ~ .tabControlsOuterContainer_LinkedTab,
.popupContainer_LinkedTab > .popup > .content > .popupContentInnerContainer {
    height: 100%;
}

.tabControlsInnerContainer_LinkedTab,
.popupContainer_LinkedTab > .popup > .content > .popupContentInnerContainer {
    overflow: hidden;
    height: 100%;
}

.tabControlsInnerContainer_LinkedTab > .tabControl,
.linkedTabControlsContainer > .tabControl {
    width: 100%;
    display: none;
    position: relative;
}

.ipad.safari .tabControlsInnerContainer_LinkedTab,
.ipad.safari .popupContainer_LinkedTab > .popup > .content > .popupContentInnerContainer,
.ipad.safari .tabControlsInnerContainer_LinkedTab > .tabControl,
.ipad.safari .linkedTabControlsContainer > .tabControl {
    -webkit-transform: translate3d(0, 0, 0);
}

.tabControlsInnerContainer_LinkedTab > .tabControl.selected,
.linkedTabControlsContainer > .tabControl.selected {
    display: block;
}

.linkedTabControlsContainer > .tabControl {
    float: left;
}

.linkedTabControlsContainer > .tabControl.active {
    display: block;
}

.linkedTabNavigationButton {
    margin-left: 10px;
}

.linkedTabNavigationButton.floatRight {
    margin-right: 10px;
}

.linkedTabControl .thumbnailItem.selected .headCol {
    color: #b65819;
    font-weight: bold;
}

.linkedTabControl.leftTabControl {
    padding-right: 5px;
    box-sizing: border-box;
}

.linkedTabControl.rightTabControl {
    padding-left: 5px;
    box-sizing: border-box;
}

.mainTabControl > .editablePanel > .content {
    overflow-x: hidden;
}

.tabControl > .editablePanel > .topActionPane > .previous > .buttonLabel, .tabControl > .editablePanel > .topActionPane > .next > .buttonLabel {
    min-width: 50px;
}

.tabControl.maximizedTab > .editablePanel > .linkedTabNavigationButton {
    display: none;
}


.tabHandlesMoreButton_LinkedTab {
    position: relative;
    float: right;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: transparent;
}

.tabHandlesMoreButton_LinkedTab:hover {
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.tabHandlesMoreButton_LinkedTab > .dropdownControl > .dropdownControlButton {
    border: none;
    background: none;
    box-shadow: none;
    padding: 13px;
}

.associatedDropDownItemTabHandle_LinkedTab {
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: transparent;
}


/*  Inline Tabs */
.inlineTabContainerPanel > header > .linkedTabNavigationButton {
    padding: 1px;
    border: none;
    background: none;
    box-shadow: none;
    opacity: 0.5;
    margin-left: 0;
}

.inlineTabContainerPanel > header > .back.linkedTabNavigationButton {
    margin-left: -25px;
}

.inlineTabContainerPanel > header:hover > .linkedTabNavigationButton {
    opacity: 1;
}

.inlineTabContainerPanel > .expandable.collapsed > .expando {
    display: block !important;
}

.inlineTabContainerPanel > .expandable.collapsed > .linkedTabNavigationButton {
    display: none;
}

.inlineTabContainer::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.inlineTabContainer > .inlineTabControl {
    display: none;
    float: left;
    width: 100%;
    visibility: hidden;
    position: relative;
}

.inlineTabContainerPanel > .inlineTabContainer.hasTransition{
    position: relative;
    z-index: 1;
}

.inlineTabControl > .editablePanel {
    padding-top: 0;
    padding-bottom: 0;
}

.inlineTabControl > .editablePanel > .header {
    display: none;
}

.inlineTabControl > .editablePanel.noHeader.hasTopActions > .content {
    margin-top: 0;
}

.inlineTabControl > .editablePanel > .topActionPane {
    padding: 0;
}

.inlineTabContainerPanel.hasHeader > .inlineTabContainer > .inlineTabControl > .editablePanel > .topActionPane {
    margin-top: -44px;
}

.inlineTabContainerPanel.noHeader > .inlineTabContainer > .inlineTabControl > .editablePanel.hasHeader.hasTopActions > .header {
    display:block;
    visibility: hidden;
}

.inlineTabControl.active {
    display: block;
}

.inlineTabContainer > .inlineTabControl.displayedLinkedTabControl {
    visibility: visible;
}

.inlineTabControl > .editablePanel > .content > .fieldSet:first-child {
    margin-top: 0;
}

.inlineTabControl > .editablePanel > .topActionPane > .dropDownControlContainer > .dropdownControl > .dropdownControlButton > .glyph:before {
    font-size: 12px;
    line-height: 12px;
}

.inlineTabControl > .editablePanel > .topActionPane > .dropDownControlContainer:hover > .dropdownControl > .dropdownControlButton {
    opacity: 1;
}

.inlineTabContainer.performingTransition > .inlineTabControl > .editablePanel > .topActionPane {
    display:none;
}

.inlineTabContainerPanel > .overlay {
    opacity: 1;
    background: transparent;
}

.inlineTabContainerPanel > .overlay > .durationSpinner {
    margin-top: -34px;
    background-image: none;
    opacity: 0.25;
}


/* Section Not Ready */
.tabHandle_LinkedTab.vert.sectionNotReady {
    padding-right: 52px;
}

.tabHandle_LinkedTab.sectionNotReady > .processSpinner {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 20px;
    border-radius: 12px;
}


/* Side Bar Section */
.linkedTabbedControl.showSideBar.hasSideBar > .tabsContainer_LinkedTab {
    float: left;
    width: 100%;
}

.linkedTabbedControl.vert.showSideBar.hasSideBar > .tabsContainer_LinkedTab > .tabControlsOuterContainer_LinkedTab > .tabControlsInnerContainer_LinkedTab > .tabControl > .editablePanel > .topActionPane,
.linkedTabbedControl.vert.showSideBar.hasSideBar > .tabsContainer_LinkedTab > .tabControlsOuterContainer_LinkedTab > .tabControlsInnerContainer_LinkedTab > .linkedTabControlsContainer > .tabControl.linkedTabControlFullSize > .editablePanel > .topActionPane,
.linkedTabbedControl.vert.showSideBar.hasSideBar > .tabsContainer_LinkedTab > .tabControlsOuterContainer_LinkedTab > .tabControlsInnerContainer_LinkedTab > .linkedTabControlsContainer > .rightTabControl > .editablePanel > .topActionPane,
.linkedTabbedControl.vert.showSideBar.hasSideBar > .tabsContainer_LinkedTab > .tabControlsOuterContainer_LinkedTab > .tabControlsInnerContainer_LinkedTab > .linkedTabControlsContainer > .tabControl > .editablePanel > .linkedTabNavigationButton.floatRight {
    margin-right: 30px;
    transition: margin 0.1s ease-in-out;
}

.linkedTabbedControl.vert.showSideBar.hasSideBar > .tabsContainer_LinkedTab > .tabControlsOuterContainer_LinkedTab > .tabControlsInnerContainer_LinkedTab > .linkedTabControlsContainer > .tabControl > .editablePanel > .linkedTabNavigationButton.floatRight {
    margin-right: 40px;
}

.linkedTabbedControl.vert.showSideBar.hasSideBar.sideBarExpanded > .tabsContainer_LinkedTab > .tabControlsOuterContainer_LinkedTab > .tabControlsInnerContainer_LinkedTab > .tabControl > .editablePanel > .topActionPane,
.linkedTabbedControl.vert.showSideBar.hasSideBar.sideBarExpanded > .tabsContainer_LinkedTab > .tabControlsOuterContainer_LinkedTab > .tabControlsInnerContainer_LinkedTab > .linkedTabControlsContainer > .tabControl > .editablePanel > .topActionPane,
.linkedTabbedControl.vert.showSideBar.hasSideBar.maximized > .tabsContainer_LinkedTab > .tabControlsOuterContainer_LinkedTab > .tabControlsInnerContainer_LinkedTab > .tabControl > .editablePanel > .topActionPane,
.linkedTabbedControl.vert.showSideBar.hasSideBar.maximized > .tabsContainer_LinkedTab > .tabControlsOuterContainer_LinkedTab > .tabControlsInnerContainer_LinkedTab > .linkedTabControlsContainer > .tabControl > .editablePanel > .topActionPane,
.linkedTabbedControl.vert.showSideBar.hasSideBar.maximized > .tabsContainer_LinkedTab > .tabControlsOuterContainer_LinkedTab > .tabControlsInnerContainer_LinkedTab > .linkedTabControlsContainer > .tabControl > .editablePanel > .linkedTabNavigationButton.floatRight {
    margin-right: 0;
}

.waitingForSideBarToLoad {
    display:none !important;
}

.sideBarOuterContainer_LinkedTab {
    height:100%;
    display: none;
    position: relative;
}

.linkedTabbedControl.showSideBar.hasSideBar > .sideBarOuterContainer_LinkedTab {
    display: block;
    float: left;
    width: 0;
    box-sizing: border-box;
}

.linkedTabbedControl.showSideBar.hasSideBar > .sideBarOuterContainer_LinkedTab .sideBarSectionSwitcherContainer_LinkedTab {
    border-left: solid 1px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.sideBarOuterContainer_LinkedTab > .sideBarSectionSwitcherContainer_LinkedTab {
    display: none;
    height: 100%;
    position: relative;
}
.linkedTabbedControl.showSideBar.hasSideBar.sideBarExpanded > .sideBarOuterContainer_LinkedTab > .sideBarSectionSwitcherContainer_LinkedTab {
    display: block;
}

.sideBarSectionSwitcherContainer_LinkedTab > .overlay > .durationSpinner {
    background: none;
    opacity: 0.5;
}

.sideBarSectionSwitcherContainer_LinkedTab > .sectionSwitcher > .sectionSwitcherTabsContainer > .sectionSwitcherTabControl > .editablePanel {
    padding-left: 10px;
    padding-right: 10px;
}

.sideBarSectionSwitcherContainer_LinkedTab > .sectionSwitcher > .sectionSwitcherTabsContainer > .sectionSwitcherTabControl > .editablePanel > .topActionPane {
    margin-right: 25px;
}

.sideBarSectionSwitcherContainer_LinkedTab > .sectionSwitcher > .sectionSwitcherTabsContainer > .sectionSwitcherTabControl > .editablePanel > .header {
    margin-right: 35px;
    display: block;
    height: 30px;
}

.sideBarSectionSwitcherContainer_LinkedTab.loading ~ .sideBarExpandCollapseButton_LinkedTab.collapse {
    z-index: 9005;
}

.sideBarExpandCollapseButton_LinkedTab {
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 10px;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0,0,0,0.1);
}

.sideBarExpandCollapseButton_LinkedTab:before {
    font-family: iconGlyph;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
}

.sideBarExpandCollapseButton_LinkedTab.collapse {
    right: 10px;
    z-index: 1;
    border-radius: 3px;
}

.sideBarExpandCollapseButton_LinkedTab.collapse:hover {
    background-color: rgba(0,0,0,0.2);
}

.sideBarExpandCollapseButton_LinkedTab.collapse:before {
    content: "\E246";
}

.sideBarExpandCollapseButton_LinkedTab.expand {
    left: -30px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.sideBarExpandCollapseButton_LinkedTab.expand:before {
    content: "\E247";
}

.linkedTabbedControl.maximized > .sideBarOuterContainer_LinkedTab > .sideBarExpandCollapseButton_LinkedTab {
    display: none;
}

.sideBarSectionSwitcherContainer_LinkedTab > .sectionSwitcher div::-webkit-scrollbar-thumb:vertical,
.sideBarSectionSwitcherContainer_LinkedTab > .sectionSwitcher div::-webkit-scrollbar-thumb:horizontal {
    background-color: rgba(0,0,0,0.25);
}

.sideBarSectionSwitcherContainer_LinkedTab > .sectionSwitcher div::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.35);
}

.sideBarSectionSwitcherContainer_LinkedTab > .sectionSwitcher div::-webkit-scrollbar-track {
    background-color: transparent;
    box-shadow: none;
}

/* Linked Section Popup */
.popupContainer_LinkedTab > .popup > .content {
    padding: 0;
}

.popupContainer_LinkedTab > .popup > .content > .popupContentInnerContainer {
    width:100%;
    height:700px;
}

.popupContentInnerContainer > .linkedTabControlsContainer {
    height:100%;
    width:100%;
}

.popupContentInnerContainer > .linkedTabControlsContainer > .tabControl {
    height:100%;
}

.popupContentInnerContainer > .linkedTabControlsContainer > .tabControl > .editablePanel {
    padding: 0;
}



.edit.showIcon > .buttonLabel {
    min-width: 0;
}

.maximizeSection > .icon16:before {
    content: "\E096";
}

.minimizeSection > .icon16:before {
    content: "\E095";
}

.attachmentsSection .attachments {
    min-height: 0;
    overflow: visible;
}

.naturalViewSection, .previewSection, .documentPreviewSection {
    height: 100%;
}


/* Related Data Portlet Section */
.relatedDataPortletSection > .editablePanel > .content{
    border-top: none;
}


/* Natural View Section */
.naturalViewSection.inlineTabControl, .previewSection.inlineTabControl, .documentPreviewSection.inlineTabControl {
    height: auto;
}

.naturalViewSection > .editablePanel > .topActionPane > .contentNavigator {
    float: left;
}

.naturalViewSection.inlineTabControl > .naturalViewSectionContainer, .naturalViewSection.rightTabControl > .naturalViewSectionContainer, .linkedTabControlFullSize ~ .naturalViewSection > .naturalViewSectionContainer {
    background: transparent;
}

.naturalViewSection.inlineTabControl > .editablePanel > .content > .naturalViewContainer > .iFrameContainer > .naturalViewScaleWrapper > .iFrame {
    min-height: 0;
    height: 70px;
}

.naturalViewSection.inlineTabControl > .editablePanel > .content > .naturalViewContainer > .iFrameContainer > .naturalViewScaleWrapper > .iFrame.loaded {
    height: auto;
}


/* Document Preview Section */
.documentPreviewSection > .editablePanel.image > .content {
    text-align: center;
}

.documentPreviewSection > .editablePanel.image > .content > img {
    max-width: 100%;
}

.pdfJsNotSupportedMessage {
    text-align:center;
    font-size: 1.1em;
    margin-top: 100px;
}

.sectionSwitcherSelected > .editablePanel > .content > .pdfJsNotSupportedMessage {
    color: #FFF;
}


/* Charts Section */
.chartsSection > .editablePanel > .content > .chartContainer {
    margin-top: 5px;
}

.chartsSection > .editablePanel > .content > .chartContainer:first-child {
    margin-top: 0;
}


/* Forms Section */
.formSection.mainTabControl > .editablePanel > .topActionPane > .formsPageCounter {
    line-height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    padding: 0;
}


/* Analytics Section */
.analyticsSection > .editablePanel > .content > .iFrameContainer > .iFrame {
    min-height: 0;
}

.analyticsSection > .editablePanel > .content > .iFrameContainer {
    overflow: auto;
}

.analyticsSection > .editablePanel > .content > .iFrameContainer.autoWidth {
    width: 100% !important;
}
.linkItem {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

.linkItem.enabled {
    cursor: pointer;
}

.linkItemOuterContainer {
    position: relative;
    padding: 10px;
}

.linkItemOuterContainer:focus {
    outline: none;
}

.linkItem.enabled:hover > .linkItemOuterContainer {
    background-color: #F3F3F3;
}

.linkItemInnerContainer {
    height: 48px;
    line-height: 48px;
}

.linkItem.hasJobId > .linkItemOuterContainer > .linkItemInnerContainer {
    margin-right: 58px;
}

.linkItemImageContainer {
    position: relative;
    float: left;
    display: block;
    z-index: 1;
    margin-right: 10px;
}

.linkItemImage {
    padding: 0;
    display: block;
    border-radius: 4px;
    background-size: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.35);
    width: 48px;
    height: 48px;
}

.linkItemHeading {
    display:  block;
    vertical-align: top;
    font-size: 1.2em;
    font-weight: 600;
    overflow:hidden;
    text-overflow: ellipsis;
}

.linkItem.disabled > .linkItemOuterContainer > .linkItemInnerContainer > .linkItemImageContainer > .linkItemImage,
.linkItem.disabled > .linkItemOuterContainer > .linkItemInnerContainer > .linkItemHeading {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
}

.linkItem.disabled > .linkItemOuterContainer > .linkItemInnerContainer > .linkItemImageContainer > .linkItemImage {
    filter: gray; /* IE6-9 */ 
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ 
}

.linkItemJobSpinner {
    position: absolute;
	top: 50%;
    margin-top: -16px;
    opacity: 0.5;
    right: 26px;
}
.linksToFunctionsContainer {
    position: relative;
    overflow: hidden;
    background-color: rgba(255,255,255,0.1);
}

.linkToFunction {    
    padding: 4px 10px;
    margin: 0;
    float: left;
    text-align: center;
    min-width: 60px;
    color: #fff;
}

.linkToFunction.mainBGCol5 {
    color: #000;
}

.linkToFunction:hover:not(.mainBGCol5) {
    cursor: pointer;
}

.linkToFunctionImage {
    height:32px;
    width:32px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);
}

.linkToFunctionHeading {
    font-size: 1.1em;
    line-height: 32px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gridColumnChooser {
    padding: 0 10px;   
}
   
   .listItemChooser > .header {
       line-height: 30px;
   }
   
    .listItemChooser > * {
        
        padding:5px 0;
    }
    
    .listItemChooser > .content {
        padding: 5px 10px;
        position: absolute;
        top: 45px;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    /*--------------- Header -----------------------*/
    .listItemChooser .header {
        /*border-bottom: solid 1px;*/
    }
    
    .listItemChooser .header h1 {
        font-size:1.2em;
        font-weight:normal;
        line-height:26px;
    }
    
    .listItemChooser .header > * {
        display: inline-block;
    }
    
    .listItemChooser .header button {
        float: right;
        margin-left: 5px;
        min-width:60px;
    }
  
   /*--------------- Content -----------------------*/
   .listItemChooser > .content > * {
       position: relative;
        display: inline-block;
        width: 50%;
        box-sizing: border-box;
        padding:0 20px;
        vertical-align:top;
       height: 100%;
    }
    
    .listItemChooser .selectedItems {
        float: right;
    }
    
   .listItemChooser button.columnChooserSearch {
        margin-right: 5px;
        display: inline-block;
   }
    
    /*------------ All Columns-------------*/
        
    /*.listItemChooser .allItems
    {
        width: 48%;
        vertical-align: top;
    } */ 
        
    /*-- Search Panel --*/
    .listItemChooser .searchPanel
    {
        position: relative;
        margin-bottom: 5px;
    }

    .listItemChooser button.expando {
        position: absolute;
        top: 0px;
    }
    .listItemChooser .searchPanel button.expando {
         display: none;
    }
    
    .listItemChooser .categorise .searchPanel button.expando {
        display: block;
        margin-left:9px;
        padding: 2px;
        margin-top: 5px;
    }
    
    .listItemChooser .categorise .searchPanel button.expando .icon16:before {
        vertical-align: top;
    }

    .listItemChooser div.searchPanel div.searchInput {
        position: relative;
        display: inline-block;
        width: 30%;
    } 
    
    .listItemChooser .categorise div.searchInput {
        margin-left: 41px;
    }
    
    .listItemChooser .searchInput input {
        width: 100%;
        height: 30px;
        padding-right: 30px;
        border-radius: 3px;
        box-sizing: border-box;
    }

    .listItemChooser .searchInput .icon16 {
        position: absolute;
        top: 7px;
        right: 7px;
        opacity: 0.75;
    }

    .listItemChooser .searchInput .icon16:before {
        content: "\E044";
    }

    .listItemChooser .setSortOrder .icon16:before {
        content: "\E126";
    }
  
    .listItemChooser .searchPanel .searchInput input:focus {
        border-color: #939393;
    }
    
    
    .listItemChooser .actionButtons {
         position:relative;
        display: inline-block;
    }
    
    .listItemChooser button.categorise {
         border-bottom-right-radius: 0px;
         border-top-right-radius: 0px;
         margin-right: 0px;
    }
    
    .listItemChooser button.sort {
        margin-left: -2px;
        border-bottom-left-radius:0;
        border-top-left-radius:0;
        margin-right:5px;
    }
    

      .listItemChooser button.categorise, .listItemChooser button.categorise:hover,
      .listItemChooser button.sort, .listItemChooser button.sort:hover {
        border: solid 1px transparent;
    }

    .listItemChooser button.categorise:hover, .listItemChooser button.sort:hover, 
    .listItemChooser .actionButtons button.selected {
        background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac60.png');
        opacity: 1;
    }

     /* Item and Category Label Text */
     
     .listItemChooser .itemsList.draggableList .item {
        cursor:move;
     }
     
     
     .listItemChooser .itemsList .item > span{
        margin-left: 35px;
        line-height:30px;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        overflow: hidden;
     }
     
     .listItemChooser .itemsList.draggableList .item > span {
        margin:0;

        
     }
     
     .listItemChooser .itemsList.draggableList .item:before {
        content:"";
        display:inline-block;
        float:left;
        width:30px;
        height:30px;
        margin-right: 5px;
        background:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/icons/16/actions/gripper.png') no-repeat center;
     }

     .listItemChooser .itemsList.draggableList .item.frozenSeparator:before {
        height:20px;
     }

     #frozenLine {
        text-align: center;
        position: absolute;
        left: 30px;
        right: 10px;
        display: inline-block;
        border-bottom: 3px solid #ddd;
        box-shadow: 0 1px 0 0px #ccc;
     }
     
     .listItemChooser .categoryHeader {
         padding: 2px 4px;
         border-bottom: solid 1px rgba(0, 0, 0, 0.1);
         /*border-top:solid 1px #fff;
         border-bottom:solid 1px;*/
     }
     
     .listItemChooser .categoryHeader span {
         font-weight: 600;
         text-overflow: ellipsis;
         white-space: nowrap;
         display: block;
         overflow: hidden;
         /*line-height: 30px;
         margin-left: 35px;*/
     }

     .listItemChooser .categoryHeader .icon16 {
         font-weight: normal;
     }


     
     .listItemChooser .allItems .itemsList button.addItem,
     .listItemChooser .itemsList.draggableList .item > button.delete {
         /*background-image: none;
         border: none;
         border-radius: 50%;
         background-color: rgba(0, 0, 0, 0.35);
         padding: 0;
         margin: 7px 7px 0 14px;
         opacity: 0.35;*/
         margin-top: 4px;
         margin-right: 5px;
         padding: 2px;
     }

     .listItemChooser .itemsList.draggableList .item > button.delete .icon16 {
         /*color: #fff;
         font-size: 12px;*/
     }

     .listItemChooser .itemsList.draggableList .item > button.delete:hover {
         /*opacity: 1;*/
     }
     
     
     /* Item Category */
    
     
     .listItemChooser .allItems .itemsList button.addItem, 
     .listItemChooser .itemsList.draggableList .item > button.delete {
         
     }
     
     .listItemChooser .allItems .itemsList button.addItem:hover, 
     .listItemChooser .itemsList.draggableList .item > button.delete:hover {
         background-color: rgba(0, 0, 0, 0.35);
         color: #fff;
     }


     /*.listItemChooser .allItems .itemsList .item button.addItem {
        opacity:0.7;
     }
     
     .listItemChooser .allItems .itemsList .item:hover button.addItem {
        opacity:1;
     }*/
     
     .categoryHeaderLabel {
         margin-right: 30px;
     }


     .listItemChooser .itemCategory button.expando {
         position: relative;
         float: none;
         width: 100%;
         text-align: left;
         margin-top: 0;
         padding: 6px;
         border: solid 1px transparent;
     }

     .listItemChooser .itemCategory button.expando .icon16 {
         float: left;
         margin-right: 12px;
     }
     
     /*------------------ Selected Columns -------------------*/
     
     .listItemChooser .itemsList button,
     .listItemChooser .selectedItems .listHeader button.delete,
     .listItemChooser .selectedItems .setSortOrder  {
         float: right;
     }


     .listItemChooser .selectedItems .item.sortDesc .setSortOrder {
        background-image: none;
        background-color: #fff;     
     }

     .listItemChooser .item.move {
        box-shadow: 0 5px 10px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5);
     }
     
     .listItemChooser .selectedItems .itemsList button.move.down {
         margin-right: 15px;
     }
     
     /*----------------------- List Items ----------------------*/
     
     .listItemChooser .itemsList {
         overflow-y: scroll;
         border: solid 1px;
          position: absolute;
          left: 20px;
          right: 20px;
          top: 40px;
          bottom: 10px;
          height: auto;
     }


    .listItemChooser .itemsList .noItems {
        position: absolute;
        top: 45%;
        width: 98%;
        text-align: center;
        min-height: 100px;
    }
    
    .listItemChooser .item {
        /*border-top:solid 1px #fff;*/
        border-bottom: solid 1px rgba(0,0,0,0.1);
        padding:2px 4px;
    }
    
    .listItemChooser .item:hover, .itemChooser .item:hover {
        /*background-image:url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/whiteopac50.png');*/
        background-color: rgba(0, 0, 0, 0.03);
    }
    
    .listItemChooser .allItems .item {
        cursor:pointer;
    }
    
    .listItemChooser .allItems .item.restricted {
/*
        opacity:0.2;
        cursor: default;
*/
        display: none;
    }

    .listItemChooser .item.actionButton .icon16,
    .listItemChooser .itemCategory .categoryHeader .icon16 {
        margin: 0;
        vertical-align: top;
        line-height: 16px;
    }  
    
    .listItemChooser .selectedItems .listHeader {
        position: relative;
        min-height: 30px;
        margin-bottom: 5px;
    }

    .listItemChooser .selectedItems .listHeader .title {
        padding-right: 30px;
    }

    .listItemChooser .selectedItems .title {
        padding: 7px 0 7px 0;
        line-height: 16px;
        text-overflow: ellipsis;
        margin-right: 116px;
        overflow: hidden;
        white-space: nowrap;
        font-weight: 600;
    }

     .listItemChooser .selectedItems .title > .smallText {
         font-weight: normal;
     }
    
     
     .listItemChooser .allItems .searchPanel button.addItem,
     .listItemChooser .selectedItems .listHeader button.delete {

        padding: 2px;
        right:10px;
        top:6px;
        font-size: 0.9em;
        /*border: none;
        border-radius: 10px;*/
        opacity: 0.75;
    }

    .listItemChooser .selectedItems .listHeader button.delete {
        position: absolute;
    }
    
    .listItemChooser .categorise .searchPanel button.expando:hover,
    .listItemChooser .allItems .searchPanel button.addItem:hover,
    .listItemChooser .selectedItems .listHeader button.delete:hover {
        opacity: 1;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.35);
    }


    .listItemChooser .hasRestrictCheckbox .itemsList {
        bottom: 40px;
    }

    .listItemChooser .restrictCheckbox {
        position:absolute;
        bottom:0px;
    }
    
    
    @media only screen and (device-width: 768px) and (orientation: landscape)
    {
       
      .listItemChooser .actionButtons {
          right:4px;
      }
      
      .listItemChooser .selectedItems .listHeader button.delete {
          right: 5px;
      }
        
    }

.plainText, .htmlText, .paraText
{
    padding: 5px 0;
    word-break: break-word;
}

.sideBySideContainer .styleContainer + .paraText {
    line-height: 20px;
    padding: 4px 0;
    border: solid 1px transparent;
    margin-top: 4px;
}

.htmlText p, .htmlText ul, .htmlText ol {
    margin: 1em 0;
    line-height: 1.5em;
}

.htmlText ul, .htmlText ol {
    padding: 0 0 0 40px;
}

.htmlText ul ul, .htmlText ol ol, .htmlText ul ol, .htmlText ol ul  {
    margin: 0;
}

.htmlText ul {
    list-style-type: disc;
    list-style-position: inside;
}

.htmlText ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.htmlText ol ul, .htmlText ul ul {
   list-style-type:circle;
}

.htmlText ol ol ul, .htmlText ol ul ul, .htmlText ul ol ul, .htmlText ul ul ul{
    list-style-type: square;
}

.literalText.controlContainer{
    padding: 0;
}
.literalText .editorLabelAutoWidth {
    display: inline-block;
}
.literalText.controlContainer.stackedStyle > .editorField{
    display: block;
}

.literalText.controlContainer > .editorField{
    padding: 4px 0;
    display: inline-block;
}

.literalText.controlContainer > .glyph{
    top:5px;
    position: relative;
    margin-right: 5px;
}

.literalText.controlContainer.dataFldPadding0 > .glyph{
    top: 0;
}

/* Summary form override */
.summaryForm .literalText.controlContainer > .editorField { padding: 2px 0; }
.summaryItem .rightContent .literalText .glyph { margin-right:0; }
.summaryItem .rightContent .literalText { margin-bottom:0; }


.map-control-toolbar-row > a {
    width: 26px;
    height: 26px;
    display: inline-block;
}

.leaflet-container a.map-control-tool-button {
    opacity: 0.85;
    color: black;
}

a.map-control-tool-button.map-control-toolbar-enabled {
    color: orangered;
    outline-style: none;
    opacity: 1;
    /*background-color: rgba(0, 0, 0, 0.15);*/
    /*border-radius: 4px;*/
}

a.map-control-tool-button {
    text-align: center;
    text-decoration: none;
    color: black;
    font-size: 16px;
    font-family: 'iconGlyph';
    text-indent: 1px;
    background-image: none;
    padding-top: 0px;
    height: 24px;
}

.map-control-fullscreen > a::after {
    content: "\E039";
}

a.map-control-nav-rectangle::after {
    content: '\E302';
}


.map-control-selection-toggle-plus::after {
    content: '\E566';
    /*float: left;*/
    /*border-right:1px solid #ababab;*/
    /*opacity: 0.85;*/
}

.map-control-selection-toggle-minus::after {
    content: '\E567';
    /*opacity: 0.85;*/
}

.leaflet-bar {
    boarder: none;
}

.leaflet-bar > a.leaflet-control-zoom-fullscreen,
.leaflet-bar > a.map-control-zoom-rectangle-button,
.map-control-gps.leaflet-bar.leaflet-control > a,
.leaflet-control-layers.leaflet-control > a,
.map-control-entity-actions.leaflet-bar > a,
.map-control-layer-switcher-buttons.leaflet-bar > a,
.map-control-toolbar-row > a,
.map-control-selection-toggle > div {
    font-family: 'iconGlyph';
    background-size: auto 26px;
}

.map-control-nav-zoom-in::after {
    content: '\E146';
}

.map-control-nav-zoom-extent::after {
    content: '\F055' ;
}

.map-control-nav-zoom-out::after {
    content: '\2212';
}

div.map-controls-layer-switcher-menu-container {
    position: absolute;
    right: 40px;
}

div.map-controls-layer-switcher-menu-list {
    display: flex;
    flex-direction: column;
}

div.map-controls-layer-switcher-menu > form > div > label {
    display: flex;
    flex-direction: row;
}

.map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-base-maps-button::after {
    content: '\E591';
}

.map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-overlays-button::after {
    content: '\E255';
}

.map-control-fullscreen {
    float: right;
    border: none !important;
    background-clip: padding-box;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35) !important; 
}

.map-control-linktoenterprise {
    float: right;
    border: none !important;
    background-clip: padding-box;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}

.map-control-toolbar-row > a.map-control-selection-clear::after {
    content: "\E572";
}

.map-control-fullscreen.map-control-fullscreen-shrink > a::after {
    content: "\F039";
}

.map-control-nav-gps-tracking::after {
    content: '\E581';
    color: dodgerblue;
}

.map-control-nav-gps-shown::after {
    content: '\E565';
    color: dodgerblue;
}

.map-control-nav-gps-off::after {
    content: '\E565';
    color: lightgray;
}

.leaflet-retina a.map-control-selection-point::after,
a.map-control-selection-point::after {
    content: '\E575';
}

.leaflet-retina a.map-control-selection-rectangle::after,
a.map-control-selection-rectangle::after {
    content: '\E577';
}

.leaflet-retina a.map-control-selection-freeform::after,
a.map-control-selection-freeform::after {
    content: '\E578';
}

a.map-control-draw-polyline::after {
    content: '\E573';
}
a.map-control-draw-polygon::after {
    content: '\E574';
}
a.map-control-draw-rectangle::after {
    content: '\E558';
}
a.map-control-draw-marker::after {
    content: '\E215';
}

a.map-control-draw-remove.leaflet-disabled::after {
    content: '\E057';
    color: lightgray;
}

a.map-control-draw-remove::after,
a.map-control-entity-actions-remove::after {
    content: '\E057';
}

a.map-control-entity-actions-pin-location::after {
    content: '\E596';
}

a.map-control-entity-actions-pin-center::after {
    content: '\E597';
}

.map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-base-maps-button::after {
    content: '\E591';
}

.map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-overlays-button::after {
    content: '\E255';
}

.map-marker-bulb.map-marker-selected {
    border: solid orange;
}

.map-marker-bulb.map-marker-active {
    border: dashed orange;
}

.map-marker-bulb.map-marker-info {
    border: dashed lightblue;
}

.map-marker-tail-border.map-marker-info {
    border-color: lightblue transparent transparent transparent;
}

.map-marker-tail-border.map-marker-active {
    border-color: orange transparent transparent transparent;
}

.map-marker-tail-border.map-marker-selected {
    border-color: orange transparent transparent transparent;
}

.map {
    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 .leaflet-control-container .leaflet-bar {
    border: none;
}

.leaflet-control 
{
    z-index: auto !important;
}



.mapContainerInner {
    position: relative;
    width: auto;
    height: 100%;
}

/* Gutter region on the right for tablet devices */
.tablet .fieldsContainer .map {
    margin-right: 25px;
}

.pinCurrent {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    background-color: #fff;
    padding: 4px;
}

.fullscreen > .pinCurrent {
    z-index: 999999;
}

.map-cluster-tiny {
    background-color: rgba(75, 190, 65, 0.8);
    margin-left: 0px;
    margin-top: 0px;
    width: 10px;
    height: 10px;
}

.map-cluster-small {
    background-color: rgba(180, 255, 160, 0.6);
}
.map-cluster-small div {
    background-color: rgba(75, 190, 65, 0.6);
    width: 20px;
    height: 20px;
}
.map-cluster-small span {
    line-height: 20px;
}

.map-cluster-medium {
    background-color: rgba(255, 220, 90, 0.6);
}
.map-cluster-medium div {
    background-color: rgba(230, 185, 15, 0.6);
    width: 28px;
    height: 28px;
}
.map-cluster-medium span {
    line-height: 28px;
}

.map-cluster-large {
    background-color: rgba(240, 110, 60, 0.6);
}
.map-cluster-large div {
    background-color: rgba(220, 95, 70, 0.8);
    width: 35px;
    height: 35px;
}
.map-cluster-large span {
    line-height: 35px;
}

.map-cluster-white {
    background-color: rgba(240, 240, 240, 0.6);
}

.map-cluster {
    background-clip: padding-box;
    border-radius: 30px;
}
.map-cluster div {
    margin-left: 5px;
    margin-top: 5px;

    text-align: center;
    border-radius: 25px;
    font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.map-marker-bulb-outerborder {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 35px;
    top: -2px;
    left: 0;
    box-sizing: border-box;
}

.map-marker-tail-outerborder {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 13px 0 13px;
    top: 25px;
    left: 5px;
}

.map-marker-bulb {
    position: absolute;
    width: 32px;
    height: 32px;
    border: 4px solid;
    border-color: white;
    border-radius: 32px;
    top: 0;
    left: 2px;
    box-sizing: border-box;
}


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

/*.leaflet-top, .leaflet-bottom, .leaflet-control-layers.leaflet-control {*/
    /*z-index: auto !important;*/
/*}*/

div.map-selection-toolbar-top {
    margin-top: 0;
}

.map-spinner {
    float: left;
    display: block;
    background: url(/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/loaderlbg.gif) no-repeat;
    height: 16px;
    width: 16px;
    margin-top: 10px;
}

.map-control-toolbar-section:last-child {
    border-bottom: none;
}
.map-control-toolbar-section {
    border-top: 1px solid #d6dbdd;
    padding: 3px 7px 0px 5px;
}

.map-control-toolbar-content-expander {
    border-bottom: none;
    background-color: #e6e6e6;
}
.map-control-toolbar-content {
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

.map-control-toolbar-header {
    font: normal 9px 'Open Sans', Monaco, monospace;
    padding-bottom: 2px;
    color: #888888;
}


.map-control-toolbar-content-expander {
    height: 20px;
    width: 64px;
}
.map-control-toolbar-content-expander a {
    float: right;
    width: 16px;
    height: 16px;
    font-family: 'iconGlyph';
    opacity: 0.75;
}

.map-control-toolbar-content-expander a:hover {
    text-decoration: none;
    opacity: 1;
}

.map-control-toolbar-content-expander a:before {
    content: "\E063";
    font-size: 10px;
    color: #919187;
}

.map-control-toolbar-content-expander.map-controls-toolbar-content-expander-collapsed  a:before {
    content: "\E064";
    font-size: 10px;
    color: #919187;
}


.map-control-toolbar > .map-control-toolbar-actions {
    display: block;
    position: absolute;
    left: 64px;
    background-color: #919187;
    border-radius: 0 4px 4px 0;
}

.map-control-toolbar > div.map-control-toolbar-actions > a:first-child {
    border-left: none;
}

.map-control-toolbar > .map-control-toolbar-actions > a {
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #AAA;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    color: #FFF;
    white-space: nowrap;
}

.map-control-fullscreen {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35);
    border-radius: 4px;
}

/*--Custom Sprite images--*/

.mapContainerInner .leaflet-control-container .leaflet-bar {
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35);
    background-clip: padding-box;
}

.leaflet-bar.leaflet-control > a, .leaflet-bar.leaflet-control > a:hover, .leaflet-draw-toolbar.leaflet-bar > a,
 .leaflet-draw-toolbar.leaflet-bar > a:hover, .leaflet-control-layers.leaflet-control > a, .leaflet-control-layers.leaflet-control > a:hover,
  .map-control-entity-actions.leaflet-bar > a,  .map-control-entity-actions.leaflet-bar > a:hover  {
    /*width: 26px;*/
    /*height: 26px;*/
    /*line-height: 26px;*/
}


.map-control-selection-toggle {
    text-align: center;
    border: 1px solid #ababab;
    border-radius: 4px;
    height: 21px;
    width: 49px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.map-control-selection-toggle > div {
    width: 24px;
    height: 22px;
    display: inline-block;
}

.leaflet-touch .leaflet-control-layers.leaflet-control > a.leaflet-control-layers-toggle {
    
}

.leaflet-touch .leaflet-retina a.map-control-selection-point, a.map-control-selection-point::after {
}

.leaflet-touch .leaflet-retina a.map-control-selection-rectangle, a.map-control-selection-rectangle::after {
}

.leaflet-touch .leaflet-retina a.map-control-selection-freeform, a.map-control-selection-freeform::after {
}

.leaflet-touch a.map-control-draw-polyline::after {
}
.leaflet-touch a.map-control-draw-polygon::after {
}
.leaflet-touch a.map-control-draw-rectangle::after {
}
.leaflet-touch a.map-control-draw-marker::after {
}
.leaflet-touch a.map-control-draw-remove.leaflet-disabled::after {
}
.leaflet-touch a.map-control-draw-remove::after {
}

.leaflet-touch a.map-control-entity-actions-pin-location::after {
}
.leaflet-touch a.map-control-entity-actions-pin-center::after {
}

.leaflet-control-layers.leaflet-control > a.leaflet-control-layers-toggle {
}
.map-control-fullscreen > a {
}
a.map-control-nav-rectangle {
}


.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-actions-icon:before {
    content: '\E002';
    color: grey;
}

.map-popup-right-button:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.map-popup-right-button:last-child:hover {
    cursor: pointer;
    background-color: rgb(245, 245, 245);
}

.map-popup-details-icon {
    margin: auto;
    line-height: 60px;
}

.map-popup-details-icon:before {
    content: '\E061';
    color: grey;
    font-weight: bold;
}

/* 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-list-popup-info-highlighted {
    border-right-width: 2px;
    border-right-style :solid;
    width: 219px;
}
.map-text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.map-list-popup-buttons {
    float: right;
    height: 100%;
}
.map-list-popup-button {
    border-left: 1px solid lightgrey;
    height: 100%;
    float: left;
 }
.map-list-popup-button:hover {
    cursor: pointer;
    background-color: rgb(245, 245, 245);
 }
.map-list-popup-button > div {
    width: 30px;
    padding-top: 12px;
 }
 .map-list-popup-button-actions:before {
     content: '\E002';
     color: grey;
 }
 .map-list-popup-button-actions .handle {
     padding: 0px;
 }
 .map-list-popup-button-details:before {
     content: '\E061';
     color: grey;
     font-weight: bold;
 }

/* Sometimes the 'actions' for LeafletDraw buttons wrap in a very ugly way. */
ul.leaflet-draw-actions {
    white-space: nowrap;
}

/* Styles for the 'map messages' message */
div.map-control-map-messages {
    margin: auto;
    width: 60%;
    background: white;
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px 6px;
    text-align: center;
    border: 1px solid lightgrey;
    display: none;
    float: none;
}

/* Styles for the 'too many features' message */
div.map-control-too-many-features {
    margin: auto;
    width: 60%;
    background: white;
    border-radius: 4px;
    margin-top: 10px;
    padding: 10px 6px;
    text-align: center;
    border: 1px solid lightgrey;
    display: block;
    float: none;
    z-index: 1000 !important;
}

/* Styles for the layer switcher */

.map-control-layer-switcher-buttons.leaflet-bar {
    float: right;
   }

/*.leaflet-touch .map-control-layer-switcher-buttons.leaflet-bar > a, .leaflet-touch .map-control-layer-switcher-buttons.leaflet-bar > a:hover, */
/*.map-control-layer-switcher-buttons.leaflet-bar > a, .map-control-layer-switcher-buttons.leaflet-bar > a:hover,*/
/*.map-control-fullscreen > a {*/
    /*width: 34px;*/
    /*height: 34px;*/
    /*line-height: 34px;*/
    /*background-image: url('/T1PROD/CiAnywhere/Web/PROD/Workplace/v-12.0.1540.0/t/$Base/images/core/map/mapsprite64.png');*/
    /*background-size: auto 32px;*/
    /*display: block;*/
/*}*/


div.map-controls-layer-switcher-menu-header {
    text-align: center;
    color: black;
    font-weight: bold;
    cursor: default;
    padding-top: 7px;
}

div.map-controls-layer-switcher-menu > form > div > label > span {
    white-space: nowrap;
    vertical-align: bottom;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    display: inline-block;
    width: 130px;
}

div.map-controls-layer-switcher-menu-close {
    position: absolute;
    top: 7px;
    right: 7px;
}

div.map-controls-layer-switcher-menu-close:before {
    content: '\E058';
}

div.map-controls-layer-switcher-menu {
    position: relative;
    background-color: white;
    border-radius: 4px;
    padding: 0px 20px 8px 5px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-bottom: 1px solid grey;
    min-width: 120px;
}

.map-controls-layer-switcher-layer-colour {
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 1px solid black;
    margin: 3px 0 0 5px;
    float: right;
}

/* Do not remove -- this is to force the map controls to render using the 3d codepath.
 * Without this, on WebKit browsers (which have a known issue with DOM/Canvas interactions) 
 * such as Safari on iOS, will flake out and the controls won't appear unless you wait 
 * ~ 10 seconds or tap on the DOM near the error (ie on the map). */
.leaflet-top, .leaflet-bottom {
    -webkit-transform: translate3d(0, 0, 0);
}