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;
}
.icon10, .icon12, .icon16, .icon20, .icon24, .icon32, .icon48, .icon64,
.attachments .hintContainer .dragDropHint:before {
font-family: iconGlyph;
font-size: 16px;
text-align: center;
line-height: 16px;
-webkit-font-smoothing: antialiased;
}
.icon10 {
width: 10px;
height: 10px;
line-height: 10px;
font-size: 10px;
}
.icon12 {
width: 12px;
height: 12px;
line-height: 12px;
font-size: 12px;
}
.icon16 {
width:16px;
height:16px;
}
.icon18 {
width: 18px;
height: 18px;
line-height: 18px;
font-size: 18px;
}
.icon20 {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 20px;
}
.actionButton .icon16, .actionButton .icon24 {
margin-left: -5px;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
.icon11, .icon16, .icon24 {
background-repeat: no-repeat;
background-position: center;
}
.icon24
{
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
line-height: 24px;
font-size: 24px;
}
.icon32
{
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
line-height: 32px;
font-size: 32px;
}
.icon48 {
width: 48px;
height: 48px;
min-width: 48px;
min-height: 48px;
line-height: 48px;
font-size: 48px;
}
.icon64
{
width: 64px;
height: 64px;
line-height: 64px;
min-width: 64px;
min-height: 64px;
font-size: 64px;
}
.icon96 {
width: 96px;
height: 96px;
line-height: 96px;
min-width: 96px;
min-height: 96px;
font-size: 96px;
}
.icon128 {
width: 128px;
height: 128px;
line-height: 128px;
min-width: 128px;
min-height: 128px;
font-size: 128px;
}
.activeTileBody .icon16:before {
content: "\E104";
}
/*
Size
*/
.iconSizeResponsive{
height: 100%;
width: 100%;
}
.iconSizeSmall{
height: 16px;
width: 16px;
}
.iconSizeDefault{
height: 24px;
width: 24px;
}
.iconSizeLarge{
height: 48px;
width: 48px;
}
.iconComponent.glyph{
text-align: center;
-webkit-font-smoothing: antialiased;
}
.iconComponent.glyph.iconSizeResponsive{
font-size: 1vw; /* adjust according to available width*/
line-height: 100%;
}
.iconComponent.glyph.iconSizeSmall{
font-size: 12px;
line-height: 16px;
}
.iconComponent.glyph.iconSizeDefault{
font-size: 24px;
line-height: 24px;
}
.iconComponent{
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
border-radius: var(--ciaIconBorder-radius);
overflow: hidden;
}
.iconComponent > img{
height: 100%;
width: 100%;
display: block;
}
.missingImagePlaceholder.miGeneric {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/image.png?v=12.0.258.0');
background-size: contain;
height: 100%;
width: 100%;
display: block;
}
/*
Generic icons
*/
@font-face {
font-family: 'OSans';
font-style: normal;
font-weight: normal;
src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/osans.eot?v=12.0.258.0');
src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/opensansregular.woff?v=12.0.258.0') format('woff');
}
@font-face {
font-family: 'OSans';
font-style: normal;
font-weight: 600;
src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/opensanssemibold.woff?v=12.0.258.0') format('woff');
}
@font-face {
font-family: 'OSans';
font-style: normal;
font-weight: 700;
src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/opensansbold.woff?v=12.0.258.0') format('woff');
}
@font-face {
font-family: 'iconGlyph';
font-style: normal;
font-weight:normal;
src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/cianywhere-regular.eot?v=12.0.258.0');
src: url('https://cdn.t1cloud.com/cianywhere/content/base/fonts/cianywhere-regular.woff?v=12.0.258.0') format('woff');
}
html
{
height: 100%;
}
body
{
margin: 0 auto;
padding: 0;
font-size: 0.75em;
height: 100%;
min-height: 100%;
overflow: hidden;
position: relative;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
background-size: cover;
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
body, body *
{
font-family: Osans, Arial, Verdana, sans-serif;
}
h3
{
font-size: 1.4em;
}
#Wrapper
{
position: absolute;
z-index: 1;
width: 100%;
top: 0;
bottom: 0;
overflow: hidden;
}
#ContentContainer
{
width: 100%;
height: 100%;
position: relative;
}
.storedContent, #PageControlTemplates {
display: none;
}
.hidden { display: none; }
.clearFix::after
{
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.smallText { font-size: 0.9em !important; }
.floatLeft { float:left; }
.floatRight { float:right; }
.horizLayout > * {
display: inline-block;
vertical-align: top;
}
/*--Generic Padding classes--*/
.padding0, .cPadding0 > * { padding:0; }
.paddingT0, .cPaddingT0 { padding-top:0; }
.paddingB0, .cPaddingB0 { padding-bottom:0; }
.paddingTB0, .cPaddingTB0 > * { padding-top:0; padding-bottom:0; }
.paddingL0, .cPaddingL0 > * { padding-left:0; }
.paddingR0, .cPaddingR0 > * { padding-right:0; }
.paddingLR0, .cPaddingLR0 > * { padding-left:0; padding-right:0; }
.padding5, .cPadding5 > * { padding:5px; }
.paddingT5, .cPaddingT5 { padding-top:5px; }
.paddingB5, .cPaddingB5 { padding-bottom:5px; }
.paddingTB5, .cPaddingTB5 > * { padding-top:5px; padding-bottom:5px; }
.paddingL5, .cPaddingL5 > * { padding-left:5px; }
.paddingR5, .cPaddingR5 > * { padding-right:5px; }
.paddingLR5, .cPaddingLR5 > * { padding-left:5px; padding-right:5px;}
.padding10, .cPadding10 > * { padding:10px; }
.paddingT10, .cPaddingT10 { padding-top:10px; }
.paddingB10, .cPaddingB10 { padding-bottom:10px; }
.paddingTB10, .cPaddingTB10 > * { padding-top:10px; padding-bottom:10px; }
.paddingL10, .cPaddingL10 > * { padding-left:10px; }
.paddingR10, .cPaddingR10 > * { padding-right:10px; }
.paddingLR10, .cPaddingLR10 > * { padding-left:10px; padding-right:10px; }
.fldWidthAuto .editorField { width:auto; }
.dataFldWidthAuto > .dataFieldContainer { width:auto !important; }
/*--General Margin classes--*/
.margin0, .cMargin0 > * { margin:0; }
.marginT0, .cMarginT0 { margin-top:0; }
.marginB0, .cMarginB0 { margin-bottom:0; }
.marginTB0, .cMarginTB0 > * { margin-top:0; margin-bottom:0; }
.marginL0, .cMarginL0 > * { margin-left:0; }
.marginR0, .cMarginR0 > * { margin-right:0; }
.marginLR0, .cMarginLR0 > * { margin-left:0; margin-right:0; }
.margin5, .cMargin5 > * { margin:5px; }
.marginT5, .cMarginT5 { margin-top:5px; }
.marginB5, .cMarginB5 { margin-bottom:5px; }
.marginTB5, .cMarginTB5 > * { margin-top:5px; margin-bottom:5px; }
.marginL5, .cMarginL5 > * { margin-left:5px; }
.marginR5, .cMarginR5 > * { margin-right:5px; }
.marginLR5, .cMarginLR5 > * { margin-left:5px; margin-right:5px; }
.margin10, .cMargin10 > * { margin:10px; }
.marginT10, .cMarginT10 { margin-top:10px; }
.marginB10, .cMarginB10 { margin-bottom:10px; }
.marginTB10, .cMarginTB10 > * { margin-top:10px; margin-bottom:10px; }
.marginL10, .cMarginL10 > * { margin-left:10px; }
.marginR10, .cMarginR10 > * { margin-right:10px; }
.marginLR10, .cMarginLR10 > * { margin-left:10px; margin-right:10px; }
.marginL6 { margin-left:6px; }
/*--Margin overrides for cards--*/
.dataLblMargin0 .editorLabel, .dataFldMargin0 .editorField { margin: 0 !important; }
.dataLblMargin5 .editorLabel, .dataFldMargin5 .editorField { margin: 5px !important; }
.dataLblMargin10 .editorLabel, .dataFldMargin10 .editorField { margin: 10px !important; }
.dataLblMarginT0 .editorLabel, .dataFldMarginT0 .editorField { margin-top: 0 !important; }
.dataLblMarginB0 .editorLabel, .dataFldMarginB0 .editorField { margin-bottom: 0 !important; }
.dataFldLblMarginL0 .editorLabel, .dataFldMarginL0 .editorField, .imageSection.marginL0 { margin-left: 0 !important; }
.dataFldLblMarginR0 .editorLabel, .dataFldMarginR0 .editorField { margin-right: 0 !important; }
.dataLblMarginT5 .editorLabel, .dataFldMarginT5 .editorField { margin-top: 5px !important; }
.dataLblMarginB5 .editorLabel, .dataFldMarginB5 .editorField { margin-bottom: 5px !important; }
.dataLblMarginL5 .editorLabel, .dataFldMarginL5 .editorField { margin-left: 5px !important; }
.dataLblMarginR5 .editorLabel, .dataFldMarginR5 .editorField { margin-right: 5px !important; }
.dataLblMarginT10 .editorLabel, .dataFldMarginT10 .editorField { margin-top: 10px !important; }
.dataLblMarginTB10 .editorLabel, .dataFldMarginB10 .editorField { margin-bottom: 10px !important; }
.dataLblMarginL10 .editorLabel, .dataFldMarginL10 .editorField { margin-left: 10px !important; }
.dataLblMarginR10 .editorLabel, .dataFldMarginR10 .editorField { margin-right: 10px !important; }
.dataLblMarginT20 .editorLabel, .dataFldMarginT20 .editorField { margin-top: 20px !important; }
.dataLblMarginTB20 .editorLabel, .dataFldMarginB20 .editorField { margin-bottom: 20px !important; }
.dataLblMarginL20 .editorLabel, .dataFldMarginL20 .editorField { margin-left: 20px !important; }
.dataLblMarginR20 .editorLabel, .dataFldMarginR20 .editorField { margin-right: 20px !important; }
.borderRadius0 { border-radius: 0; }
.borderRadiusTL0 { border-top-left-radius: 0; }
.borderRadiusTR0 { border-top-right-radius: 0; }
.borderRadiusBL0 { border-bottom-left-radius: 0; }
.borderRadiusBR0 { border-bottom-right-radius: 0; }
.borderRadius6 { border-radius: 6px; }
.borderRadius12 { border-radius: 12px; }
.fldWidthAuto .editorField { width:auto; }
.dataFldWidthAuto > .dataFieldContainer, .dataLblWidthAuto > .dataFieldContainer > .editorLabel { width:auto !important; }
/*--Generic css attributes--*/
.clearRight { clear: right;}
.uppercase { text-transform: uppercase; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.center {text-align:center }
.imageSection.center { text-align: center !important; }
.zoomable > div { -webkit-transform-origin: 0 0; }
/*--Pressed phone styles--*/
input, button {
-webkit-tap-highlight-color: rgba(0,0,0,0.5);
}
.headerButton:active, .headerButton.button.active {
background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
background-image: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background-image: radial-gradient(ellipse at center, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
}
/**************************/
/** Display mode styles **/
.desktop.easy .pointer {
cursor: pointer;
}
.desktop .worklistFilterItem:hover,
.desktop .vertical .tabHandle.selected:hover
{
background-color: rgba(0, 0, 0, 0.06);
cursor: pointer;
}
.desktop .pageTile.folder.pointer:not(.selected):not(.disabled) .next:hover {
background-color:transparent;
}
.desktop .rowData.pointer:not(.selected):not(.disabled):hover {
background-color: rgba(255, 255, 255, 0.25);
}
.desktop .pageHeaderMenuItem:not(.disabled):hover {
background-color: rgba(0, 0, 0, 0.12);
}
/*--Focus styles for top header--*/
.pageHeaderMenuItem:focus {
background-color: rgba(0, 0, 0, 0.12);
border: dotted 1px rgba(255, 255, 255, 0.15);
}
.pageHeaderMenuItem.actions:not(.disabled):focus {
box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
}
.desktop .rowData.pointer:not(.selected):not(.disabled):focus {
background-color: rgba(255, 255, 255, 0.25);
}
.desktop .disabled.pointer:hover, .desktop .selected.pointer:not(.tabHandle):hover {
cursor: default;
}
/** Display mode scroll bar styles **/
.desktop ::-webkit-scrollbar {
width: 12px;
}
.desktop ::-webkit-scrollbar-button {
display: none;
width: 0;
height: 0;
}
.desktop ::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.3);
}
.desktop ::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.desktop ::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: none;
}
#cookieTermsMsg .content {
font-size: 0.9em;
}
/**** Accessibility styles*********/
.ariaText {
position: absolute;
height: 0;
width: 0;
overflow: hidden;
}
body.easy * {
opacity:1 !important;
}
.easy :focus {
outline:dotted 4px var(--ciaColourBorderHighlight);
outline-offset: -5px;
}
.easy .skipContent {
outline-offset: -2px;
z-index: 9999;
}
/* Offline */
body.offline #DurationSpinner {
display: none !important;
}
/*************************************/
/* TechnologyOne and CiA Branding */
/* must use the default/white T1 logo (container has dark colour background)*/
:root{
--ciaT1LogoUrl: url('https://cdn.t1cloud.com/cianywhere/content/base/images/branding/t1logo.svg?v=12.0.258.0');
}
/* must use the black T1 logo (container has light colour background)*/
.t1LogoContainerBlack{
--ciaT1LogoUrl: url('https://cdn.t1cloud.com/cianywhere/content/base/images/branding/t1logo_black.svg?v=12.0.258.0');
}
/* common CSS definitions */
.t1Logo{
background: var(--ciaT1LogoUrl);
background-size: 100% 100%;
}
/*************************************/
.overflowHidden { overflow: hidden; }
/*--Generic css attributes--*/
.monospace .editorField .readonlyTextBoxSpan { font-family: monospace !important; }
.clearLeft { clear: left;}
.clearRight { clear: right;}
.uppercase { text-transform: uppercase; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.center {text-align:center }
.textAlignLeft {text-align:left }
.textAlignRight {text-align:right }
.textAlignJustify {text-align:justify }
.vAlignTop { vertical-align: top; }
.vAlignMiddle { vertical-align: middle; }
/* Text sizes */
.smallText { font-size: 0.9em !important; }
.mediumText { font-size: 1.2em; }
.largeText { font-size: 1.5em; }
.largerText { font-size: 2em; }
.zIndex1 { z-index: 1; }
.noWrap { white-space: nowrap; }
.ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.floatLeft, .cFloatLeft > * { float:left; }
.floatLeftImportant, .cFloatLeftImportant > * { float:left !important; }
.floatRight, .cFloatRight > * { float:right; }
.floatNone, .cFloatNone > * { float: none; }
.pAbsolute { position: absolute; }
.pRelative { position: relative; }
.left0 { left: 0; }
.left5 { left: 5px; }
.left10 { left: 10px; }
.left15 { left: 15px; }
.left20 { left: 20px; }
.left25 { left: 25px; }
.left30 { left: 30px; }
.right0 { right: 0; }
.right5 { right: 5px; }
.right10 { right: 10px; }
.right15 { right: 15px; }
.right20 { right: 20px; }
.right25 { right: 25px; }
.right30 { right: 30px; }
.top0 { top: 0; }
.top5 { top: 5px; }
.top10 { top: 10px; }
.top15 { top: 15px; }
.top20 { top: 20px; }
.top25 { top: 25px; }
.top30 { top: 30px; }
.bottom0 { bottom: 0; }
.bottom5 { bottom: 5px; }
.bottom10 { bottom: 10px; }
.bottom15 { bottom: 15px; }
.bottom20 { bottom: 20px; }
.bottom25 { bottom: 25px; }
.bottom30 { bottom: 30px; }
.block, .cBlock > * { display: block;}
.blockImportant, .cBlockImportant > *, .controlBlockImportant .textBoxControl, .contolBlockImportant .tbcEditorField { display:block !important; }
.inlineBlock, .cInlineBlock > * { display: inline-block; }
.inlineBlockImportant { display: inline-block !important; }
.table { display: table; }
.table-cell, .cTable-Cell > * { display: table-cell; }
.flex { display:flex; justify-content: space-around; }
.flexBetween { display: flex; justify-content: space-between; }
.center > .flex, .center > .flex0 {
align-items: center;
justify-content: center;
}
.flexCntr { display: flex; align-items: center; }
.flexWrap { display: flex; flex-wrap: wrap; }
.flexGrow1, .flexCol1 { flex-grow:1; }
.flexGrow0, .flexCol0 { flex-grow: 0; }
.flexCntrColumn {
display: flex;
flex-direction: column;
justify-content: center;
}
.border1 { border-style:solid; border-width:1px; }
.borderT1 { border-top-style:solid; border-top-width:1px; }
.borderB1 { border-bottom-style:solid; border-bottom-width:1px; }
.borderBox { box-sizing:border-box; }
.columns2 > * { width: 50% }
.columns3 > * { width: 33.3333333% }
.columns4 > * { width: 25%; }
.columns5 > * { width: 20%; }
.columns6 > * { width: 16.6666667%; }
.columns7 > * { width: 14.2857143%; }
.columns8 > * { width: 12.5% }
.columns9 > * { width: 11.1111111% }
.columns10 > * { width: 10% }
.opac0 { opacity: 0; }
.opac03, .opac03Hvr:hover { opacity: 0.3;}
.opac05, .opac05Hvr:hover { opacity: 0.5;}
.opac07, .opac07Hvr:hover { opacity: 0.7;}
.opac08, .opac08Hvr:hover { opacity: 0.8;}
.opac09, .opac09Hvr:hover { opacity: 0.9;}
.opac1, .opac1Hvr:hover { opacity: 1; }
.dataFieldContainer.clearLeft, .inputFieldContainer.clearLeft { clear:left !important; }
.dataFieldContainer.clearRight, .inputFieldContainer.clearRight { clear:right !important; }
.dataFieldContainer.floatNone, .inputFieldContainer.floatNone, .dataLblFloatNone .editorLabel, .dataFldFloatNone .editorField { float:none !important; }
.dataFieldContainer.floatLeft, .inputFieldContainer.floatLeft, .dataLblFloatLeft .editorLabel, .dataFldFloatLeft .editorField { float: left !important; }
.dataFieldContainer.floatRight, .inputFieldContainer.floatRight, .dataLblFloatRight .editorLabel, .dataFldFloatRight .editorField { float:right !important; }
/*--Various Label and Field dimensions (Used on container elements)--*/
/*--General Margin classes--*/
.marginTNeg5 { margin-top: -5px }
.marginTNeg10 { margin-top: -10px }
.marginTNeg15 { margin-top: -15px }
.marginTNeg20 { margin-top: -20px }
.marginTNeg5Important { margin-top: -5px !important; }
.marginTNeg10Important { margin-top: -10px !important; }
.marginTNeg15Important { margin-top: -15px !important; }
.marginTNeg20Important { margin-top: -20px !important; }
.margin0, .cMargin0 > * { margin:0; }
.marginT0, .cMarginT0 { margin-top:0; }
.marginT0Important, .cMarginT0Important > * { margin-top:0 !important; }
.marginB0, .cMarginB0 { margin-bottom:0; }
.marginTB0, .cMarginTB0 > * { margin-top:0; margin-bottom:0; }
.marginL0, .cMarginL0 > * { margin-left:0; }
.marginR0, .cMarginR0 > * { margin-right:0; }
.marginLR0, .cMarginLR0 > * { margin-left:0; margin-right:0; }
.marginL1 { margin-left: 1px; }
.marginR1 { margin-right: 1px; }
.marginL2 { margin-left: 2px; }
.marginR2 { margin-right: 2px; }
.marginL3 { margin-left: 3px; }
.marginR3 { margin-right: 3px; }
.marginL4 { margin-left: 4px; }
.marginR4 { margin-right: 4px; }
.margin5, .cMargin5 > * { margin:5px; }
.margin6, .cMargin6 > * { margin:6px; }
.marginT5, .cMarginT5 { margin-top:5px; }
.marginT6, .cMarginT6 { margin-top:6px; }
.marginT7, .cMarginT7 { margin-top:7px; }
.marginB5, .cMarginB5 { margin-bottom:5px; }
.marginTB5, .cMarginTB5 > * { margin-top:5px; margin-bottom:5px; }
.marginL5, .cMarginL5 > * { margin-left:5px; }
.marginL6, .cMarginL6 > * { margin-left:6px; }
.marginR5, .cMarginR5 > * { margin-right:5px; }
.marginLR5, .cMarginLR5 > * { margin-left:5px; margin-right:5px; }
.margin10, .cMargin10 > * { margin:10px; }
.marginT10, .cMarginT10 { margin-top:10px; }
.marginT10I { margin-top:10px !important; }
.marginB10, .cMarginB10 > * { margin-bottom:10px; }
.marginTB10, .cMarginTB10 > * { margin-top:10px; margin-bottom:10px; }
.marginL10, .cMarginL10 > * { margin-left:10px; }
.marginR10, .cMarginR10 > * { margin-right:10px; }
.marginLR10, .cMarginLR10 > * { margin-left:10px; margin-right:10px; }
.margin20, .cMargin20 > * { margin: 20px; }
.marginT20, .cMarginT20 > * { margin-top: 20px; }
.marginB20, .cMarginB20 > * { margin-bottom: 20px; }
.marginT16, .cMarginT16 { margin-top:16px; }
.marginT16I { margin-top:16px !important; }
.marginB16, .cMarginB16 > * { margin-bottom:16px; }
.marginTB16, .cMarginTB16 > * { margin-top:16px; margin-bottom:16px; }
.marginL16, .cMarginL16 > * { margin-left: 16px; }
.marginR16, .cMarginR16 > * { margin-right: 16px; }
.marginLR16, .cMarginLR16 > * { margin-left:16px; margin-right:16px; }
.marginL20, .cMarginL20 > * { margin-left: 20px; }
.marginR20, .cMarginR20 > * { margin-right: 20px; }
.marginLR20, .cMarginLR20 > * { margin-left:20px; margin-right:20px; }
.marginT50 { margin-top: 50px; }
.marginL120 { margin-left: 120px; }
.minWidth10, .lblMinWidth10 .editorLabel, .fldMinWidth10 .editorField { min-width:10px; }
.minWidth20, .lblMinWidth20 .editorLabel, .fldMinWidth20 .editorField { min-width:20px; }
.minWidth30, .lblMinWidth30 .editorLabel, .fldMinWidth30 .editorField { min-width:30px; }
.minWidth40, .lblMinWidth40 .editorLabel, .fldMinWidth40 .editorField { min-width:40px; }
.minWidth50, .lblMinWidth50 .editorLabel, .fldMinWidth50 .editorField { min-width:50px; }
.minWidth60, .lblMinWidth60 .editorLabel, .fldMinWidth60 .editorField { min-width:60px; }
.minWidth70, .lblMinWidth70 .editorLabel, .fldMinWidth70 .editorField { min-width:70px; }
.minWidth80, .lblMinWidth80 .editorLabel, .fldMinWidth80 .editorField { min-width:80px; }
.minWidth90, .lblMinWidth90 .editorLabel, .fldMinWidth90 .editorField { min-width:90px; }
.minWidth100, .lblMinWidth100 .editorLabel, .fldMinWidth100 .editorField { min-Width:100px; }
.minWidth110, .lblMinWidth110 .editorLabel, .fldMinWidth110 .editorField { min-Width:110px; }
.minWidth120, .lblMinWidth120 .editorLabel, .fldMinWidth120 .editorField { min-Width:120px; }
.minWidth130, .lblMinWidth130 .editorLabel, .fldMinWidth130 .editorField { min-Width:130px; }
.minWidth140, .lblMinWidth140 .editorLabel, .fldMinWidth140 .editorField { min-Width:140px; }
.minWidth150, .lblMinWidth150 .editorLabel, .fldMinWidth150 .editorField { min-Width:150px; }
.minWidth160, .lblMinWidth160 .editorLabel, .fldMinWidth160 .editorField { min-Width:160px; }
.minWidth170, .lblMinWidth170 .editorLabel, .fldMinWidth170 .editorField { min-Width:170px; }
.minWidth180, .lblMinWidth180 .editorLabel, .fldMinWidth180 .editorField { min-Width:180px; }
.minWidth190, .lblMinWidth190 .editorLabel, .fldMinWidth190 .editorField { min-Width:190px; }
.minWidth200, .lblMinWidth200 .editorLabel, .fldMinWidth200 .editorField { min-Width:200px; }
.minWidth210 { min-Width:210px; }
.minWidth220 { min-Width:220px; }
.minWidth230 { min-Width:230px; }
.minWidth240 { min-Width:240px; }
.minWidth250 { min-Width:250px; }
.minWidth260 { min-Width:260px; }
.minWidth270 { min-Width:270px; }
.minWidth280 { min-Width:280px; }
.minWidth290 { min-Width:290px; }
.minWidth300 { min-Width:300px; }
.minWidth490 { min-width: 490px; }
.minWidth580 { min-width: 580px; }
.minHeight50 { min-height: 50px; }
.minHeight60 { min-height: 60px; }
.minHeight70 { min-height: 70px; }
.minHeight80 { min-height: 80px; }
.minHeight90 { min-height: 90px; }
.minHeight100 { min-height: 100px; }
.minHeight250 { min-height: 250px; }
.minHeight300 { min-height: 300px; }
.maxWidth10, .fldmaxWidth10 .editorField { max-width:10px; }
.maxWidth20, .fldmaxWidth20 .editorField { max-width:20px; }
.maxWidth30, .fldmaxWidth30 .editorField { max-width:30px; }
.maxWidth40, .fldmaxWidth40 .editorField { max-width:40px; }
.maxWidth50, .fldmaxWidth50 .editorField { max-width:50px; }
.maxWidth60, .fldmaxWidth60 .editorField { max-width:60px; }
.maxWidth70, .fldmaxWidth70 .editorField { max-width:70px; }
.maxWidth80, .fldmaxWidth80 .editorField { max-width:80px; }
.maxWidth90, .fldmaxWidth90 .editorField { max-width:90px; }
.maxWidth100, .fldmaxWidth100 .editorField { max-width:100px; }
.maxWidth110, .fldmaxWidth110 .editorField { max-width:110px; }
.maxWidth120, .fldmaxWidth120 .editorField { max-width:120px; }
.maxWidth130, .fldmaxWidth130 .editorField { max-width:130px; }
.maxWidth140, .fldmaxWidth140 .editorField { max-width:140px; }
.maxWidth150, .fldmaxWidth150 .editorField { max-width:150px; }
.maxWidth160, .fldmaxWidth160 .editorField { max-width:160px; }
.maxWidth170, .fldmaxWidth170 .editorField { max-width:170px; }
.maxWidth180, .fldmaxWidth180 .editorField { max-width:180px; }
.maxWidth190, .fldmaxWidth190 .editorField { max-width:190px; }
.maxWidth200, .fldmaxWidth200 .editorField { max-width:200px; }
.maxWidth210, .fldmaxWidth210 .editorField { max-width:210px; }
.maxWidth220, .fldmaxWidth220 .editorField { max-width:220px; }
.maxWidth230, .fldmaxWidth230 .editorField { max-width:230px; }
.maxWidth240, .fldmaxWidth240 .editorField { max-width:240px; }
.maxWidth250, .fldmaxWidth250 .editorField { max-width:250px; }
.maxWidth260, .fldmaxWidth260 .editorField { max-width:260px; }
.maxWidth270, .fldmaxWidth270 .editorField { max-width:270px; }
.maxWidth280, .fldmaxWidth280 .editorField { max-width:280px; }
.maxWidth290, .fldmaxWidth290 .editorField { max-width:290px; }
.maxWidth300, .fldmaxWidth300 .editorField { max-width:300px; }
.maxWidth310, .fldmaxWidth310 .editorField { max-width:310px; }
.maxWidth320, .fldmaxWidth320 .editorField { max-width:320px; }
.maxWidth330, .fldmaxWidth330 .editorField { max-width:330px; }
.maxWidth340, .fldmaxWidth340 .editorField { max-width:340px; }
.maxWidth350, .fldmaxWidth350 .editorField { max-width:350px; }
.maxWidth360, .fldmaxWidth360 .editorField { max-width:360px; }
.maxWidth370, .fldmaxWidth370 .editorField { max-width:370px; }
.maxWidth380, .fldmaxWidth380 .editorField { max-width:380px; }
.maxWidth390, .fldmaxWidth390 .editorField { max-width:390px; }
.maxWidth400, .fldmaxWidth400 .editorField { max-width:400px; }
.maxWidth490, .fldmaxWidth490 .editorField { max-width: 490px; }
.maxWidth530 , .fldmaxWidth530 .editorField { max-width: 530px; }
.maxWidth580 , .fldmaxWidth580 .editorField { max-width: 580px; }
.width30, .lblWidth30 .editorLabel { width:30px; }
.width40, .lblWidth40 .editorLabel { width:40px; }
.width50, .lblWidth50 .editorLabel { width:50px }
.width60, .lblWidth60 .editorLabel { width:60px; }
.width90, .lblWidth90 .editorLabel { width:90px; }
.width100, .lblWidth100 .editorLabel, .fldWidth100 .editorField input, .relatedDataPortlet .dataFieldContainer.lblWidth100 .editorLabel { width:100px; }
.width120, .lblWidth120 .editorLabel, .fldWidth120 .editorField input, .relatedDataPortlet .dataFieldContainer.lblWidth120 .editorLabel { width:120px; }
.width150, .lblWidth150 .editorLabel, .fldWidth150 .editorField input, .relatedDataPortlet .dataFieldContainer.lblWidth150 .editorLabel { width:150px; }
.width160, .lblWidth160 .editorLabel, .fldWidth160 .editorField input, .relatedDataPortlet .dataFieldContainer.lblWidth160 .editorLabel { width:160px; }
.width180, .lblWidth180 .editorLabel, .fldWidth180 .editorField input { width:180px; }
.width200, .lblWidth200 .editorLabel, .fldWidth200 .editorField input { width:200px; }
.fldMargin0 .editorField input, .fldMargin0 .editorField select { margin-right:0; }
/* Border radius styles */
.bTop { border-top-width: 1px;border-top-style: solid;}
.borderRadius0 { border-radius: 0; }
.borderRadiusTL0 { border-top-left-radius: 0; }
.borderRadiusTR0 { border-top-right-radius: 0; }
.borderRadiusBL0 { border-bottom-left-radius: 0; }
.borderRadiusBR0 { border-bottom-right-radius: 0; }
.borderRadius3 { border-radius: 3px; }
.borderRadius6 { border-radius: 6px; }
.borderRadius10 { border-radius: 10px; }
.borderRadius12 { border-radius: 12px; }
.borderRadius20 { border-radius: 20px; }
.borderRadius30 { border-radius: 30px; }
.borderRadius100pc { border-radius: 100%; }
.height40 { height: 40px; }
.height50 { height: 50px; }
.height60 { height: 60px; }
.height70 { height: 70px; }
.height80 { height: 80px; }
.height90 { height: 90px; }
.height100 { height: 100px; }
.height100perc, .height100Perc { height: 100%; }
/*--Generic Padding classes--*/
.padding0I, .cPadding0I > * { padding:0 !important; }
.paddingT0I, .cPaddingT0I { padding-top:0 !important; }
.paddingB0I, .cPaddingB0I { padding-bottom:0 !important; }
.paddingTB0I, .cPaddingTB0I > * { padding-top:0 !important; padding-bottom:0 !important; }
.paddingL0I, .cPaddingL0I > * { padding-left:0 !important; }
.paddingR0I, .cPaddingR0I > * { padding-right:0 !important; }
.paddingLR0I, .cPaddingLR0I > * { padding-left:0 !important; padding-right:0 !important; }
.padding5I, .cPadding5I > * { padding:5px !important; }
.paddingT5I, .cPaddingT5I { padding-top:5px !important; }
.paddingB5I, .cPaddingB5I { padding-bottom:5px !important; }
.paddingTB5I, .cPaddingTB5I > * { padding-top:5px !important; padding-bottom:5px !important; }
.paddingL5I, .cPaddingL5I > * { padding-left:5px !important; }
.paddingR5I, .cPaddingR5I > * { padding-right:5px !important; }
.paddingLR5I, .cPaddingLR5I > * { padding-left:5px !important; padding-right:5px !important;}
.padding10I, .cPadding10I > * { padding:10px !important; }
.paddingT10I, .cPaddingT10I { padding-top:10px !important; }
.paddingB10I, .cPaddingB10I { padding-bottom:10px !important; }
.paddingTB10I, .cPaddingTB10I > * { padding-top:10px !important; padding-bottom:10px !important; }
.paddingL10I, .cPaddingL10I > * { padding-left:10px !important; }
.paddingR10I, .cPaddingR10I > * { padding-right:10px !important; }
.paddingLR10I, .cPaddingLR10I > * { padding-left:10px !important; padding-right:10px !important; }
/*--Percentage widths--*/
.width5Perc, .lblWidth5Perc .editorLabel { width:5%; }
.width10Perc, .lblWidth10Perc .editorLabel { width:10%; }
.width15Perc, .lblWidth15Perc .editorLabel { width:15%; }
.width20Perc, .lblWidth20Perc .editorLabel { width:20%; }
.width25Perc, .lblWidth25Perc .editorLabel { width:25%; }
.width30Perc, .lblWidth30Perc .editorLabel { width:30%; }
.width35Perc, .lblWidth35Perc .editorLabel { width:35%; }
.width40Perc, .lblWidth40Perc .editorLabel { width:40%; }
.width45Perc, .lblWidth45Perc .editorLabel { width:45%; }
.width50Perc, .lblWidth50Perc .editorLabel { width:50% }
.width55Perc, .lblWidth55Perc .editorLabel { width:55% }
.width60Perc, .lblWidth60Perc .editorLabel {width: 47%;}
.width65Perc, .lblWidth65Perc .editorLabel { width:65% }
.width70Perc, .lblWidth70Perc .editorLabel { width:70% }
.width75Perc, .lblWidth75Perc .editorLabel { width:75% }
.width80Perc, .lblWidth80Perc .editorLabel { width:80% }
.width85Perc, .lblWidth85Perc .editorLabel { width:85% }
.width90Perc, .lblWidth90Perc .editorLabel { width:90% }
.width95Perc, .lblWidth95Perc .editorLabel { width:95% }
.width100Perc, .lblWidth100Perc .editorLabel { width:100% }
/*--Percentage widths that are responsive--*/
@media screen and (max-width: 500px) {
.phone .xsm-font70Perc { font-size:70%; }
.phone .xsm-font80Perc { font-size:80%; }
.phone .xsm-font90Perc { font-size:90%; }
.phone .xsm-block { display:block; }
.phone .xsm-floatNone, .xsm-cFloatNone > * { float:none; }
.xsm-margin0Auto { margin:0 auto; }
.phone .xsm-stacked > * { float: none !important; display: block !important; }
.phone .xsm-floatLeft, .phone .thumbnailSection.xsm-floatLeft, .phone .dataFieldContainer.xsm-floatLeft { float: left !important; }
.phone .xsm-floatRight, .phone .thumbnailSection.xsm-floatRight { float: right !important; }
.phone .xsm-clearNone { clear: none !important; }
.phone .xsm-clearLeft { clear: left !important; }
.phone .xsm-clearRight { clear: right !important; }
.phone .xsm-textAlignLeft { text-align: left !important; }
.phone .xsm-textAlignRight { text-align: right !important; }
.phone .xms-pAbsolute { position: absolute; }
.phone .xsm-pRelative { position: relative; }
.phone .xsm.left0 { left: 0; }
.phone .xsm-left5 { left: 5px; }
.phone .xsm-left10 { left: 10px; }
.phone .xsm-left15 { left: 15px; }
.phone .xsm-left20 { left: 20px; }
.phone .xsm-left25 { left: 25px; }
.phone .xsm-left30 { left: 30px; }
.phone .xsm-right0 { right: 0; }
.phone .xsm-right5 { right: 5px; }
.phone .xsm-right10 { right: 10px; }
.phone .xsm-right15 { right: 15px; }
.phone .xsm-right20 { right: 20px; }
.phone .xsm-right25 { right: 25px; }
.phone .xsm-right30 { right: 30px; }
.phone .xsm-top0 { top: 0; }
.phone .xsm-top5 { top: 5px; }
.phone .xsm-top10 { top: 10px; }
.phone .xsm-top15 { top: 15px; }
.phone .xsm-top20 { top: 20px; }
.phone .xsm-top25 { top: 25px; }
.phone .xsm-top30 { top: 30px; }
.phone .xsm-bottom0 { bottom: 0; }
.phone .xsm-bottom5 { bottom: 5px; }
.phone .xsm-bottom10 { bottom: 10px; }
.phone .xsm-bottom15 { bottom: 15px; }
.phone .xsm-bottom20 { bottom: 20px; }
.phone .xsm-bottom25 { bottom: 25px; }
.phone .xsm-bottom30 { bottom: 30px; }
.phone .xsm-marginT5 { margin-top: 5px!important; }
.phone .xsm-marginT10 { margin-top: 10px!important; }
.phone .xsm-marginTB5 { margin-top: 5px!important; margin-bottom: 5px !important; }
.phone .xsm-marginTB10 { margin-top: 10px!important; margin-bottom: 10px !important; }
.phone .xsm-width5Perc, .phone .xsm-lblWidth5Perc .editorLabel { width:5%; }
.phone .xsm-width10Perc, .phone .xsm-lblWidth10Perc .editorLabel { width:10%; }
.phone .xsm-width15Perc, .phone .xsm-lblWidth15Perc .editorLabel { width:15%; }
.phone .xsm-width20Perc, .phone .xsm-lblWidth20Perc .editorLabel { width:20%; }
.phone .xsm-width25Perc, .phone .xsm-lblWidth25Perc .editorLabel { width:25%; }
.phone .xsm-width30Perc, .phone .xsm-lblWidth30Perc .editorLabel { width:30%; }
.phone .xsm-width35Perc, .phone .xsm-lblWidth35Perc .editorLabel { width:35%; }
.phone .xsm-width40Perc, .phone .xsm-lblWidth40Perc .editorLabel { width:40%; }
.phone .xsm-width45Perc, .phone .xsm-lblWidth45Perc .editorLabel { width:45%; }
.phone .xsm-width50Perc, .phone .xsm-lblWidth50Perc .editorLabel { width:50% }
.phone .xsm-width55Perc, .phone .xsm-lblWidth55Perc .editorLabel { width:55% }
.phone .xsm-width60Perc, .phone .xsm-lblWidth60Perc .editorLabel { width:60% }
.phone .xsm-width65Perc, .phone .xsm-lblWidth65Perc .editorLabel { width:65% }
.phone .xsm-width70Perc, .phone .xsm-lblWidth70Perc .xs-editorLabel { width:70% }
.phone .xsm-width75Perc, .phone .xsm-lblWidth75Perc .xs-editorLabel { width:75% }
.phone .xsm-width80Perc, .phone .xsm-lblWidth80Perc .editorLabel { width:80% }
.phone .xsm-width85Perc, .phone .xsm-lblWidth85Perc .editorLabel { width:85% }
.phone .xsm-width90Perc, .phone .xsm-lblWidth90Perc .editorLabel { width:90% }
.phone .xsm-width95Perc, .phone .xsm-lblWidth95Perc .editorLabel { width:95% }
.phone .xsm-width100Perc, .phone .xsm-lblWidth100Perc .editorLabel { width:100% }
}
.mq-xsm .xsm-font70Perc { font-size:70%; }
.mq-xsm .xsm-font80Perc { font-size:80%; }
.mq-xsm .xsm-font90Perc { font-size:90%; }
.mq-xsm .xsm-width5Perc, .mq-xsm .xsm-lblWidth5Perc .editorLabel { width:5%; }
.mq-xsm .xsm-width10Perc, .mq-xsm .xsm-lblWidth10Perc .editorLabel { width:10%; }
.mq-xsm .xsm-width15Perc, .mq-xsm .xsm-lblWidth15Perc .editorLabel { width:15%; }
.mq-xsm .xsm-width20Perc, .mq-xsm .xsm-lblWidth20Perc .editorLabel { width:20%; }
.mq-xsm .xsm-width25Perc, .mq-xsm .xsm-lblWidth25Perc .editorLabel { width:25%; }
.mq-xsm .xsm-width30Perc, .mq-xsm .xsm-lblWidth30Perc .editorLabel { width:30%; }
.mq-xsm .xsm-width35Perc, .mq-xsm .xsm-lblWidth35Perc .editorLabel { width:35%; }
.mq-xsm .xsm-width40Perc, .mq-xsm .xsm-lblWidth40Perc .editorLabel { width:40%; }
.mq-xsm .xsm-width45Perc, .mq-xsm .xsm-lblWidth45Perc .editorLabel { width:40%; }
.mq-xsm .xsm-width50Perc, .mq-xsm .xsm-lblWidth50Perc .editorLabel { width:50% }
.mq-xsm .xsm-width55Perc, .mq-xsm .xsm-lblWidth55Perc .editorLabel { width:55% }
.mq-xsm .xsm-width60Perc, .mq-xsm .xsm-lblWidth60Perc .editorLabel { width:60% }
.mq-xsm .xsm-width65Perc, .mq-xsm .xsm-lblWidth65Perc .editorLabel { width:65% }
.mq-xsm .xsm-width70Perc, .mq-xsm .xsm-lblWidth70Perc .xs-editorLabel { width:70% }
.mq-xsm .xsm-width75Perc, .mq-xsm .xsm-lblWidth75Perc .xs-editorLabel { width:75% }
.mq-xsm .xsm-width80Perc, .mq-xsm .xsm-lblWidth80Perc .editorLabel { width:80% }
.mq-xsm .xsm-width85Perc, .mq-xsm .xsm-lblWidth85Perc .editorLabel { width:85% }
.mq-xsm .xsm-width90Perc, .mq-xsm .xsm-lblWidth90Perc .editorLabel { width:90% }
.mq-xsm .xsm-width95Perc, .mq-xsm .xsm-lblWidth95Perc .editorLabel { width:95% }
.mq-xsm .xsm-width100Perc, .mq-xsm .xsm-lblWidth100Perc .editorLabel { width:100% }
.mq-xsm .xsm-maxWidth200Pix { max-width:200px; }
.mq-xsm .xsm-maxWidth250Pix { max-width:250px; }
.mq-xsm .xsm-maxWidth300Pix { max-width:300px; }
.mq-md .md-floatLeft { float: left; }
.mq-md .md-floatRight { float: right; }
.mq-md .md-textAlignLeft { text-align: left; }
.mq-md .md-textAlignRight { text-align: right; }
/*--Label and width overrides for cards--*/
.dataFldMaxWidth230 .editorField { max-width: 230px !important; }
.dataLblWidth30 .editorLabel, .dataFldWidth30 .editorField { width:30px !important; }
.dataLblWidth40 .editorLabel, .dataFldWidth40 .editorField { width:40px !important; }
.dataLblWidth50 .editorLabel, .dataFldWidth50 .editorField { width:50px !important; }
.dataLblWidth60 .editorLabel, .dataFldWidth60 .editorField { width:60px !important; }
.dataLblWidth70 .editorLabel, .dataFldWidth70 .editorField { width:70px !important; }
.dataLblWidth80 .editorLabel, .dataFldWidth80 .editorField { width:80px !important; }
.dataLblWidth90 .editorLabel, .dataFldWidth90 .editorField { width:90px !important; }
.dataLblWidth100 .editorLabel, .dataFldWidth100 .editorField { width:100px !important; }
.dataLblWidth110 .editorLabel, .dataFldWidth110 .editorField { width:110px !important; }
.dataLblWidth120 .editorLabel, .dataFldWidth120 .editorField { width:120px !important; }
.dataLblWidth130 .editorLabel, .dataFldWidth130 .editorField { width:130px !important; }
.dataLblWidth140 .editorLabel, .dataFldWidth140 .editorField { width:140px !important; }
.dataLblWidth150 .editorLabel, .dataFldWidth150 .editorField { width:150px !important; }
.dataLblWidth160 .editorLabel, .dataFldWidth160 .editorField { width:160px !important; }
.dataLblWidth170 .editorLabel, .dataFldWidth170 .editorField { width:170px !important; }
.dataLblWidth180 .editorLabel, .dataFldWidth180 .editorField { width:180px !important; }
.dataLblWidth190 .editorLabel, .dataFldWidth190 .editorField { width:190px !important; }
.dataLblWidth200 .editorLabel, .dataFldWidth200 .editorField { width:200px !important; }
/* the percent definitions are relative to container */
.controlWidth25Percent,.dataLblWidth25Percent .editorLabel, .dataFldWidth25Percent .editorField { width:25% !important; }
.controlWidth30Percent,.dataLblWidth30Percent .editorLabel, .dataFldWidth30Percent .editorField{ width:30% !important; }
.controlWidth40Percent,.dataLblWidth40Percent .editorLabel, .dataFldWidth40Percent .editorField{ width:40% !important; }
.controlWidth50Percent,.dataLblWidth50Percent .editorLabel, .dataFldWidth50Percent .editorField{ width:50% !important; }
.controlWidth60Percent,.dataLblWidth60Percent .editorLabel, .dataFldWidth60Percent .editorField{ width:60% !important; }
.controlWidth100Percent,.dataLblWidth100Percent .editorLabel, .dataFldWidth100Percent .editorField{ width:100% !important; }
.fldWidthAuto .editorField, .autoWidthForLabels .editorLabel { width:auto; }
.dataFldWidthAuto > .dataFieldContainer, .dataLblWidthAuto > .dataFieldContainer > .editorLabel { width:auto !important; }
/*--Padding overrides for cards--*/
.dataFldPadding0.dataFieldContainer > .editorLabel { padding: 0 !important;}
.thumbnailSection.padding0, .dataLblPadding0 .iconLabel, .dataLblPadding0 .editorLabel, .dataFldPadding0 .editorField { padding: 0 !important; }
.thumbnailSection.padding5, .dataLblPadding5 .iconLabel, .dataLblPadding5 .editorLabel, .dataFldPadding5 .editorField { padding: 5px !important; }
.thumbnailSection.padding10, .dataLblPadding10 .iconLabel, .dataLblPadding10 .editorLabel, .dataFldPadding10 .editorField { padding: 10px !important; }
.dataLblTPadding0 .iconLabel, .dataLblTPadding0 .editorLabel, .dataFldTPadding0 .editorField { padding-top: 0 !important; }
.dataLblBPadding0 .iconLabel, .dataLblBPadding0 .editorLabel, .dataFldBPadding0 .editorField { padding-bottom: 0 !important; }
.dataLblLPadding0 .iconLabel, .dataLblLPadding0 .editorLabel, .dataFldLPadding0 .editorField { padding-left: 0 !important; }
.dataLblRPadding0 .iconLabel, .dataLblRPadding0 .editorLabel, .dataFldRPadding0 .editorField { padding-right: 0 !important; }
.dataLblPaddingT0 .iconLabel, .dataLblPaddingT0 .editorLabel, .dataFldPaddingT0 .editorField { padding-top: 0 !important; }
.dataLblPaddingB0 .iconLabel, .dataLblPaddingB0 .editorLabel, .dataFldPaddingB0 .editorField { padding-bottom: 0 !important; }
.dataLblPaddingL0 .iconLabel, .dataLblPaddingL0 .editorLabel, .dataFldPaddingL0 .editorField { padding-left: 0 !important; }
.dataLblPaddingR0 .iconLabel, .dataLblPaddingR0 .editorLabel, .dataFldPaddingR0 .editorField { padding-right: 0 !important; }
.dataLblTPadding5 .iconLabel, .dataLblTPadding5 .editorLabel, .dataFldTPadding5 .editorField { padding-top: 5px !important; }
.dataLblBPadding5 .iconLabel, .dataLblBPadding5 .editorLabel, .dataFldBPadding5 .editorField { padding-bottom: 5px !important; }
.dataLblLPadding5 .iconLabel, .dataLblLPadding5 .editorLabel, .dataFldLPadding5 .editorField { padding-left: 5px !important; }
.dataLblRPadding5 .iconLabel, .dataLblRPadding5 .editorLabel, .dataFldRPadding5 .editorField { padding-right: 5px !important; }
.dataLblPaddingT5 .iconLabel, .dataLblPaddingT5 .editorLabel, .dataFldPaddingT5 .editorField, .dataFldPaddingTB5 .editorField { padding-top: 5px !important; }
.dataLblPaddingB5 .iconLabel, .dataLblPaddingB5 .editorLabel, .dataFldPaddingB5 .editorField, .dataFldPaddingTB5 .editorField { padding-bottom: 5px !important; }
.thumbnailSection.paddingL5, .dataLblPaddingL5 .iconLabel, .dataLblPaddingL5 .editorLabel, .dataFldPaddingL5 .editorField, .dataFldPaddingLR5 .editorField { padding-left: 5px !important; }
.thumbnailSection.paddingR5, .dataLblPaddingR5 .iconLabel, .dataLblPaddingR5 .editorLabel, .dataFldPaddingR5 .editorField, .dataFldPaddingLR5 .editorField { padding-right: 5px !important; }
.dataLblTPadding10 .iconLabel, .dataLblTPadding10 .editorLabel, .dataFldTPadding10 .editorField { padding-top: 10px !important; }
.dataLblBPadding10 .iconLabel, .dataLblBPadding10 .editorLabel, .dataFldBPadding10 .editorField { padding-bottom: 10px !important; }
.dataLblLPadding10 .iconLabel, .dataLblLPadding10 .editorLabel, .dataFldLPadding10 .editorField { padding-left: 10px !important; }
.dataLblRPadding10 .iconLabel, .dataLblRPadding10 .editorLabel, .dataFldRPadding10 .editorField { padding-right: 10px !important; }
.dataLblPaddingT10 .iconLabel, .dataLblPaddingT10 .editorLabel, .dataFldPaddingT10 .editorField, .dataFldPaddingTB10 .editorField { padding-top: 10px !important; }
.dataLblPaddingB10 .iconLabel, .dataLblPaddingB10 .editorLabel, .dataFldPaddingB10 .editorField, .dataFldPaddingTB10 .editorField { padding-bottom: 10px !important; }
.dataLblPaddingL10 .iconLabel, .dataLblPaddingL10 .editorLabel, .dataFldPaddingL10 .editorField, .dataFldPaddingLR10 .editorField { padding-left: 10px !important; }
.dataLblPaddingR10 .iconLabel, .dataLblPaddingR10 .editorLabel, .dataFldPaddingR10 .editorField, .dataFldPaddingLR10 .editorField { padding-right: 10px !important; }
/*--Margin overrides for cards--*/
.thumbnailSection.margin0, .dataLblMargin0 .iconLabel, .dataLblMargin0 .editorLabel, .dataFldMargin0 .editorField { margin: 0 !important; }
.dataLblMargin5 .iconLabel, .dataLblMargin5 .editorLabel, .dataFldMargin5 .editorField { margin: 5px !important; }
.dataLblMargin10 .iconLabel, .dataLblMargin10 .editorLabel, .dataFldMargin10 .editorField { margin: 10px !important; }
.thumbnailSection.marginT0, .dataLblMarginT0 .iconLabel, .dataLblMarginT0 .editorLabel, .dataFldMarginT0 .editorField { margin-top: 0 !important; }
.dataLblMarginB0 .iconLabel, .dataLblMarginB0 .editorLabel, .dataFldMarginB0 .editorField { margin-bottom: 0 !important; }
.dataLblMarginL0 .iconLabel, .dataFldLblMarginL0 .editorLabel, .dataFldLMargin0 .editorField, .imageSection.marginL0 { margin-left: 0 !important; }
.thumbnailSection.marginR0, .dataLblMarginR0 .iconLabel, .dataFldLblMarginR0 .editorLabel, .dataFldMarginR0 .editorField { margin-right: 0 !important; }
.dataLblMarginT5 .iconLabel, .dataLblMarginT5 .editorLabel, .dataFldMarginT5 .editorField { margin-top: 5px !important; }
.dataLblMarginB5 .iconLabel, .dataLblMarginB5 .editorLabel, .dataFldMarginB5 .editorField { margin-bottom: 5px !important; }
.dataLblMarginL5 .iconLabel, .dataLblMarginL5 .editorLabel, .dataFldMarginL5 .editorField { margin-left: 5px !important; }
.dataLblMarginR5 .iconLabel, .dataLblMarginR5 .editorLabel, .dataFldMarginR5 .editorField { margin-right: 5px !important; }
.dataLblMarginT10 .iconLabel, .dataLblMarginT10 .editorLabel, .dataFldMarginT10 .editorField { margin-top: 10px !important; }
.dataLblMarginB10 .iconLabel, .dataLblMarginB10 .editorLabel, .dataFldMarginB10 .editorField { margin-bottom: 10px !important; }
.thumbnailSection.marginL10, .dataLblMarginL10 .iconLabel, .dataLblMarginL10 .editorLabel, .dataFldMarginL10 .editorField { margin-left: 10px !important; }
.dataLblMarginR10 .iconLabel, .dataLblMarginR10 .editorLabel, .dataFldMarginR10 .editorField { margin-right: 10px !important; }
.dataLblMarginT15 .iconLabel, .dataLblMarginT15 .editorLabel, .dataFldMarginT15 .editorField { margin-top: 15px !important; }
.dataLblMarginB15 .iconLabel, .dataLblMarginB15 .editorLabel, .dataFldMarginB15 .editorField { margin-bottom: 15px !important; }
.dataLblMarginL15 .iconLabel, .dataLblMarginL15 .editorLabel, .dataFldMarginL15 .editorField { margin-left: 15px !important; }
.dataLblMarginR15 .iconLabel, .dataLblMarginR15 .editorLabel, .dataFldMarginR15 .editorField { margin-right: 15px !important; }
.dataLblMarginT20 .iconLabel, .dataLblMarginT20 .editorLabel, .dataFldMarginT20 .editorField { margin-top: 20px !important; }
.dataLblMarginB20 .iconLabel, .dataLblMarginB20 .editorLabel, .dataFldMarginB20 .editorField { margin-bottom: 20px !important; }
.dataLblMarginL20 .iconLabel, .dataLblMarginL20 .editorLabel, .dataFldMarginL20 .editorField { margin-left: 20px !important; }
.dataLblMarginR20 .iconLabel, .dataLblMarginR20 .editorLabel, .dataFldMarginR20 .editorField { margin-right: 20px !important; }
.lblTxtAlignRight .editorLabel, .fldTxtAlignRight .editorField { text-align: right; }
.lblTxtAlignLeft .editorLabel, .fldTxtAlignLeft .editorField { text-align: left; }
.font80Percent, .lblFont80Percent > .dataFieldContainer > .editorLabel, .fldFont80Percent > .dataFieldContainer > .editorField { font-size: 80%; }
.font90Percent, .lblFont90Percent > .dataFieldContainer > .editorLabel, .fldFont90Percent > .dataFieldContainer > .editorField { font-size: 90%; }
.font110Percent, .lblFont110Percent > .dataFieldContainer > .editorLabel, .fldFont110Percent > .dataFieldContainer > .editorField { font-size: 110%; }
.font120Percent, .lblFont120Percent > .dataFieldContainer > .editorLabel, .fldFont120Percent > .dataFieldContainer > .editorField { font-size: 120%; }
.font150Percent, .lblFont150Percent > .dataFieldContainer > .editorLabel, .fldFont150Percent > .dataFieldContainer > .editorField { font-size: 150%; }
.font200Percent, .lblFont200Percent > .dataFieldContainer > .editorLabel, .fldFont200Percent > .dataFieldContainer > .editorField { font-size: 200%; }
.dataLblUppercase .editorLabel > label, .dataFldUppercase .editorField { text-transform: uppercase !important; }
.dataLblTxtAlignLeft .editorLabel > label, .dataFldTxtAlignLeft .editorField { text-align: left !important; }
.dataLblTxtAlignRight .editorLabel > label, .dataFldTxtAlignRight .editorField { text-align: right !important; }
.dataLblTxtAlignCenter .editorLabel > label, .dataFldTxtAlignCenter .editorField { text-align: center !important; }
.dataLblItalic .editorLabel > label, .dataFldItalic .editorField { font-style: italic; }
.dataLblFontBold .iconLabel, .dataLblFontBold label, .dataFldFontBold .editorField { font-weight: bold !important; }
.dataLblFontBold .iconLabel, .dataLblFontNormal label, .dataFldFontNormal .editorField { font-weight: normal !important;}
.font80Percent, .dataLblFont80Percent .iconLabel, .dataLblFont80Percent .editorLabel, .dataFldFont80Percent .editorField { font-size: 80%; }
.font90Percent, .dataLblFont90Percent .iconLabel, .dataLblFont90Percent .editorLabel, .dataFldFont90Percent .editorField { font-size: 90%; }
.font110Percent, .dataLblFont110Percent .iconLabel, .dataLblFont110Percent .editorLabel, .dataFldFont110Percent .editorField { font-size: 110%; }
.font120Percent, .dataLblFont120Percent .iconLabel, .dataLblFont120Percent .editorLabel, .dataFldFont120Percent .editorField { font-size: 120%; }
.font150Percent, .dataLblFont150Percent .iconLabel, .dataLblFont150Percent .editorLabel, .dataFldFont150Percent .editorField { font-size: 150%; }
.font200Percent, .dataLblFont200Percent .iconLabel, .dataLblFont200Percent .editorLabel, .dataFldFont200Percent .editorField { font-size: 200%; }
.bar {
border-left: solid 1px;
height: 1.5em;
display: inline-block;
margin: 0 5px -5px 5px;
}
.bar-separator{
position: relative;
padding-right: 10px;
}
.bar-separator:after{
content: "";
width: 1px;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
background: white;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.28),rgba(255, 255, 255, 0));
}
.bar-separator.dark:after{
background: linear-gradient(to bottom, rgba(0,0,0, 0), rgba(0,0,0, 0.28),rgba(0,0,0, 0));
}
.bar-separator:last-of-type:after, .bar-separator:last-of-type:hover:after{
display: none;
}
.ease3ms {
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-ms-transition: 0.3s ease;
transition: 0.3s ease;
}
.animate-pulse {
display: block;
animation: changescale 1s infinite;
}
#cookieTermsMsg {
visibility: hidden;
position: absolute;
background-color: #fff;
top: -100px;
left: 0;
right: 0;
z-index: 10000;
/*max-width: 1024px;*/
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.2s ease-in-out;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
#cookieTermsMsg.view {
visibility: visible;
top: 0;
}
#cookieTermsMsg .cookieTermsMsgContainer {
color: #656565;
/*text-align: center;*/
padding: 5px;
margin: 0 auto;
max-width: 1024px;
overflow: hidden;
}
#cookieTermsMsg .cookieTermsMsgContainer .icon24 {
margin-top: 2px;
margin-right: 5px;
float: left;
vertical-align: top;
}
#cookieTermsMsg button {
float: right;
padding: 6px 20px;
margin-left: 5px;
}
/*#cookieTermsMsg > .content {
overflow: hidden;
}*/
#cookieTermsMsg .content {
overflow: hidden;
font-size: 1em;
line-height: 1.3em;
margin-top: 6px;
margin-bottom: 6px;
}
/* Offline */
.offlineContainer {
background: rgba(255,255,255,0.75);
z-index: 2147483647;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.offlineSpinnerContainer {
position:absolute;
top: 50%;
left:50%;
margin-top: -48px;
margin-left: -90px;
}
.offlineSpinnerMessage {
text-align: center;
font-size: 1.2em;
line-height: 30px;
font-weight: 600;
}
/* Default list style formatting */
.richText ul, .richText ol {
list-style-position: inside;
}
.richText ul { list-style-type: disc; }
.richText ol { list-style-type: decimal; }
.richText ol > li, .richText ul > li,
.richText li > ul, .richText li > ol { padding-left: 1.5em; }
.addressLookupSideBySideContainer {
padding: 0 !important;
margin-bottom: 4px;
}
.addressLookupSideBySideContainer > .firstControl {
width: calc(100% - 52px);
display: inline-block;
}
.addressLookupSideBySideContainer > .subsequentControl {
display: inline-block;
vertical-align: top;
margin-left: 6px;
}
.addressLookup > .addressLookupButton > .icon24 {
width: 32px;
height: 32px;
line-height: 32px;
}
/*--Consumer styles--*/
.addressLookupSideBySideContainer > .firstControl.consumerStyle .textBoxControl > .tbcEditorField {
width:100%;
}
.addressLookupSideBySideContainer > .consumerStyle + .subsequentControl {
margin-top:36px;
}
.addressLookupSideBySideContainer > .consumerStyle + .subsequentControl.addressLookup > .addressLookupButton {
padding: 10px;
background-color: #fff;
border: 1px solid #cbcbcb;
box-shadow: none;
}
.addressLookupSideBySideContainer > .consumerStyle + .subsequentControl.addressLookup > .addressLookupButton:active {
background-color:#f8f8f8;
}
.addressLookupSideBySideContainer > .consumerStyle + .subsequentControl.addressLookup > .addressLookupButton > .icon24 {
width: 20px;
height: 20px;
min-width: 20px;
min-height: 20px;
line-height: 20px;
margin: 2px;
}
.consumerStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcPicker.address .glyph, button.addressLookupButton > .glyph {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cpath id='search-a' d='M2,8 C2,4.691 4.691,2 8,2 C11.309,2 14,4.691 14,8 C14,11.309 11.309,14 8,14 C4.691,14 2,11.309 2,8 M19.707,18.293 L14.312,12.897 C15.366,11.543 16,9.846 16,8 C16,3.589 12.411,0 8,0 C3.589,0 0,3.589 0,8 C0,12.411 3.589,16 8,16 C9.846,16 11.542,15.365 12.897,14.312 L18.293,19.707 C18.488,19.902 18.744,20 19,20 C19.256,20 19.512,19.902 19.707,19.707 C20.098,19.316 20.098,18.684 19.707,18.293'/%3E%3C/defs%3E%3Cuse fill='%23667895' fill-rule='evenodd' xlink:href='%23search-a'/%3E%3C/svg%3E");
background-position: center;
}
.consumerStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcPicker.address .glyph:before, button.addressLookupButton > .glyph:before {
content:"";
}
.advancedmap.fullscreen {
position: fixed !important;
width: 100% !important;
height: 100% !important;
top: 0px !important;
left: 0px !important;
z-index: 99999;
}
.advancedmap, .im {
position: relative;
width: 100%;
height: 100%;
}
.mapControls {
display: flex;
}
.mapControlAreas {
display: flex;
flex-direction: column;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.mapSelectedRecNavButtons {
display: flex;
}
.mapControlArea {
flex: 1 1 0%;
display: flex;
}
.relatedDataPortlet .views>.mapContainer_intramaps {
border: none;
}
.mapContainer_advancedmaps {
border: solid 1px #e6e6e6;
display: block;
padding: 3px;
background-color: #fff;
box-sizing: border-box;
}
.mapContainerInner_advancedmaps {
border: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-clip: padding-box;
}
/* Gutter region on the right for tablet devices */
.tablet .fieldsContainer .map {
margin-right: 25px;
}
.pinCurrent {
position: absolute;
right: 0;
top: 0;
background-color: #fff;
padding: 4px;
}
.fullscreen>.pinCurrent {
}
.map-marker-bulb-outerborder {
position: absolute;
width: 36px;
height: 36px;
border-radius: 35px;
top: -2px;
left: 0;
box-sizing: border-box;
}
.map-marker-tail-outerborder {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 18px 13px 0 13px;
top: 25px;
left: 5px;
}
.map-marker-bulb {
position: absolute;
width: 32px;
height: 32px;
border: 4px solid;
border-color: white;
border-radius: 32px;
top: 0;
left: 2px;
box-sizing: border-box;
}
.map-marker-bulb.map-marker-selected {
border-color: orange;
}
.map-marker-tail {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 9px 5px 0 5px;
top: 25px;
left: 13px;
}
.map-marker-tail-border {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 10px 0 10px;
border-color: white transparent transparent transparent;
top: 25px;
left: 8px;
}
.map-marker-tail-border.map-marker-selected {
border-color: orange transparent transparent transparent;
}
.map-selection-info {
background-color: rgba(255, 255, 255, 0.8);
}
/* Selection */
/* Based on styles from leaflet & leaflet draw */
.map-selection a {
display: block;
text-align: center;
text-decoration: none;
}
.mapSpinner.pageSpinner {
margin-left: 0px;
margin-right: 0px;
}
.mapToolbarSection:last-child {
border-bottom: none;
}
.mapToolbarSection {
border-top: 1px solid #d6dbdd;
}
.mapToolbarContent {
}
.mapToolbarSectionHeader {
/*font: normal 9px 'Open Sans', Monaco, monospace;*/
padding-bottom: 2px;
color: #888888;
display: inline-block;
}
.mapToolbarSelection {
display: flex;
flex-direction: row;
}
.mapToolbarLayers {
display: flex;
flex-direction: column;
}
.mapToolbarRow a:hover {
opacity: 1;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 4px;
text-decoration: none;
}
.mapTool.mapToolActive {
color: orangered;
outline-style: none;
opacity: 1;
background-color: rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
.mapContentExpander {
height: 20px;
border-bottom: none;
background-color: #e6e6e6;
}
.mapContentExpander a {
float: right;
width: 16px;
height: 16px;
font-family: 'iconGlyph';
opacity: 0.75;
}
.mapContentExpander a:hover {
text-decoration: none;
opacity: 1;
}
.mapContentExpander a:before {
content: "\E063";
font-size: 12px;
color: #919187;
}
.mapLegendChildren.mapLegendClasses {
margin-left: 50px
}
.mapLegendChildren {
margin-left: 10px;
}
.mapLegendChildren.collapsed {
height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: none !important;
}
.mapLegendGroupItem {
padding-bottom: 5px;
font-size: 12px
}
.mapLegendItemHeader {
display: flex;
flex-direction: row;
align-items: center;
}
.mapLegendCollapsible:hover {
cursor: pointer;
}
.mapLegendCollapsible.hidden {
visibility: hidden;
display: inline;
}
.mapLegendItem.collapsed .mapLegendCollapsible:before {
font-family: 'iconGlyph';
content: "\E064";
}
.mapLegendSelectable.hidden {
visibility: hidden;
display: inline;
}
.mapLegendSelectable {
margin-left: auto;
padding-right: 5px;
padding-left: 5px;
}
.mapLegendCollapsible:before {
font-family: 'iconGlyph';
content: "\E063";
padding: 5px;
}
.mapLegendBasemapItem {
display: flex;
flex-direction: row;
align-items: flex-start;
}
.mapLegendLayerItem.mapLegendBasemapItem:before {
content: "";
padding: 0px;
}
.mapLegendSelectable:before {
font-family: 'iconGlyph';
content: "\E575";
color: orangered;
font-size: 16px;
}
.mapLegendItemText {
display: inline-block;
vertical-align: middle;
margin-left: 2px;
}
.mapLegendItemVisible {
display: inline-block;
vertical-align: middle;
}
.mapLegendItemVisible.hidden {
display: none;
}
.mapLegendGroupText:before {
font-family: 'iconGlyph';
content: "\E255";
font-size: 12px;
font-weight: bold;
color: black;
}
.mapFullScreenButton:before {
font-family: 'iconGlyph';
content: "\E039";
}
.mapFullScreenButton.active:before {
font-family: 'iconGlyph';
content: "\F039";
}
.mapLegendItem:hover, .mapLegendItem.active, .hasChld > .mapLegendItem.active .mapLegendItem:hover {
background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac35.png?v=12.0.258.0');
background-repeat:repeat;
}
.mapLegendItem:hover, .mapLegendItem {
cursor: auto;
}
.mapLegendItem.active div.wChkbx:before {
content: "\E066";
border-color: #656565;
}
.mapLegendItem div.wChkbx:before {
float: left;
margin: 0px 5px 0 0;
line-height: 15px;
}
.mapLegendItem div.wChkbx:before {
font-family: iconGlyph;
font-size: 15px;
background-image: none;
width: 16px;
height: 16px;
display: block;
border: solid 1px #c4c4c4;
background-image: none;
background-color: #fff;
border-radius: 3px;
content: "";
margin: 4px 0;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
box-sizing: border-box;
}
.mapLegendItem {
line-height:12px;
padding:0px;
margin-top: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: auto;
width: auto;
display: flex;
flex: 1 1 0%;
flex-direction: column;
}
.selectedFeatureItemColor {
background-color: white;
}
.mapToolbar {
background-color: #FFF;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.mapToolbar.mapSelectedFeaturesToolbar {
box-shadow: none;
}
.mapToolbar-right {
display: flex;
flex-direction: column;
flex: 0 0 auto;
}
.mapTool {
padding: 5px;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
line-height: 16px;
font-size: 16px;
color: black;
font-family: 'iconGlyph';
text-decoration: none;
display: inline-block;
}
.mapTool.hidden {
display: none;
}
.map-popup-left {
height: 100%;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
overflow: hidden;
}
.map-popup-image {
position: absolute;
background-repeat: no-repeat;
width: 28px;
height: 28px;
background-size: 28px;
left: 14px;
top: 18px;
}
.map-popup-image-border {
float: left;
width: 50px;
height: 100%;
border-right-width: 3px;
border-right-style: solid;
background-color: white;
}
.map-popup-main-text {
padding-top: 7px;
margin-left: 70px;
white-space: nowrap;
line-height: 16px;
}
.map-popup-layer-text {
text-transform: uppercase;
}
.map-popup-title-text {
font-size: 120%;
}
.map-popup-title-text,
.map-popup-layer-text,
.map-popup-id-text {
text-overflow: ellipsis;
overflow: hidden;
}
.map-popup-right {
height: 100%;
float: right;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.map-popup-left-rounded-right {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.map-popup-right-button {
float: left;
width: 50px;
height: 100%;
box-sizing: border-box;
border-left: 2px solid rgb(224, 224, 224);
}
.map-popup-right-button:hover {
cursor: pointer;
background-color: rgb(245, 245, 245);
}
.map-popup-actions-icon-wrapper {
text-align: center;
position: relative;
}
/* We use a slightly specific selector due to a really weird issue that iPad has where an unrelated
* selector is sometimes applied in error. This is an issue on iPad. */
body div.leaflet-here .dropdownControl>.handle>.map-popup-actions-icon {
line-height: 60px;
margin: auto;
border-bottom: none;
padding: 0px;
font-size: 16px;
display: block;
}
.map-popup-right-button:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.map-popup-right-button:last-child:hover {
cursor: pointer;
background-color: rgb(245, 245, 245);
}
/* New popup styles */
.map-list-popup-wrapper-single .map-list-popup-info {
height: 47px;
}
.map-list-popup-wrapper-single .map-list-popup {
height: 50px;
}
.map-list-popup-wrapper-single .map-list-popup-button>div {
padding-top: 17px;
}
.map-list-popup-wrapper-single .map-list-popup-image {
margin-top: 11px;
}
.map-list-popup-wrapper {
-ms-overflow-style: scrollbar;
-webkit-overflow-scrolling: touch;
overflow-y: auto;
overflow-x: hidden;
background-color: white;
max-height: 140px;
border-radius: 7px;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
}
.map-list-popup {
padding: 0px 0px 0px 4px;
border-bottom: 1px solid lightgrey;
height: 40px;
}
.map-list-popup-image {
width: 32px;
height: 32px;
float: left;
padding: 0px 6px 0px 0px;
margin-top: 5px;
margin-left: 4px;
background-repeat: no-repeat;
background-color: white;
background-size: 32px 32px;
}
.map-list-popup-colour {
float: left;
height: 100%;
width: 3px;
}
.map-list-popup-info {
padding-left: 5px;
float: left;
width: 220px;
height: 37px;
padding-top: 3px;
overflow: hidden;
white-space: nowrap;
}
.map-text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Styles for the layer switcher */
.map-control-legend-class {
padding-left: 20px;
}
.map-control-legend-hr.hidden {
display: none;
}
.map-control-legend-hr {
margin: 5px;
border: 0;
background-color: darkgray;
height: 0.5px;
display: block;
}
.hidden-before-init {
display: none;
}
.mapcontrol-control {
pointer-events: auto;
margin: 5px;
display: flex;
}
.mapcontrol-topleft {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: row;
flex: 1 1 0%;
}
.mapcontrol-topright {
display: flex;
justify-content: flex-end;
align-items: flex-start;
flex-direction: row;
flex: 1 1 0%;
}
.mapcontrol-bottomleft {
display: flex;
justify-content: flex-start;
align-items: flex-end;
flex-direction: row;
flex: 1 1 0%;
}
.mapcontrol-bottomright {
display: flex;
justify-content: flex-end;
align-items: flex-end;
flex-direction: row;
flex: 1 1 0%;
}
div.mapLayerSwitchHeader {
text-align: center;
color: black;
font-weight: bold;
cursor: default;
padding-top: 7px;
}
div.mapLayerSwitchClose {
position: absolute;
top: 7px;
right: 7px;
}
div.mapLayerSwitchClose:hover {
background-color: #e3e3e3;
border-radius: 4px;
cursor: pointer;
}
.mapSelectBasemapMenu {
padding: 0px 20px 8px 5px;
}
.mapLegendClientLayer .mapLegendCollapsible {
visibility: hidden;
}
.mapHtmlTemplate.hidden {
display: none;
}
div.mapLayerSwitchMenu {
max-height: 150%;
background-color: white;
border-radius: 4px;
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-bottom: 1px solid grey;
overflow-y: auto;
display: flex;
flex-direction: column;
}
.mapLayerSwitchLayerList {
overflow-y: auto;
}
.map-controls-layer-switcher-layer-colour {
width: 10px;
height: 10px;
display: inline-block;
border: 1px solid black;
margin: 3px 0 0 5px;
float: right;
}
div.mapPanel {
background-color: white;
border-radius: 4px;
padding: 0px 3px 3px 3px;
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-bottom: 1px solid grey;
min-width: 120px;
flex-direction: column;
}
/* general toolbar styles */
.mapButtons {
width: auto;
height: auto;
}
.mapButton {
width: 32px;
height: 32px;
border-right: 1px solid #ababab;
}
.mapSelectionModeActive {
background-color: #d1d1e0;
color: orangered;
}
.map-button-bar a,
.map-button-bar {
/*border-radius: 4px;*/
/*box-shadow: 0 1px 5px rgba(0,0,0,0.65);*/
display: block;
text-align: center;
text-decoration: none;
color: black;
width: 34px;
height: 34px;
line-height: 34px;
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/core/map/mapsprite64.png?v=12.0.258.0');
background-color: #fff;
background-size: auto 32px;
}
.map-button-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.map-button-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.map-button-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.map-controls-selection-panel {
background-color: #FFF;
margin-top: 300px;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.map-controls-selection-panel-selection-layers {
max-height: 50vh;
overflow-y: auto;
}
.mapSelectionLayersPanel {
background-color: white;
float: left;
}
.mapSelectionLayerTitle {
float: right;
padding: 5px;
}
.mapSelectionLayerItem {
background-color: white;
width: auto;
border-radius: 1px;
display: flex;
flex-direction: row;
align-items: center;
}
.mapSelectionLayerTitle {
flex: 1 1 0%;
}
.mapSelectionLayerIcon {
width: 16px;
height: 16px;
}
.mapSelectionLayerItem.active {
background-color: #d1d1e0;
}
.selectedFeatureItem {
display: flex;
height: 40px;
flex-direction: row;
}
.mapFeaturePopup {
height: 40px;
width: 300px;
}
.selectedFeatureItem.mapFeaturePopup {
width: 300px
}
.selectedFeatureItemButtonDetails {
margin: auto;
}
.selectedFeatureItemButtonDetails:before {
color: grey;
vertical-align: -50%;
}
.selectedFeatureItemButtonAction {
margin: auto;
}
.selectedFeatureItemButtonAction:before {
color: grey;
vertical-align: -50%;
}
.selectedFeatureItemButtonActions.handle {
padding: 0px;
}
.selectedFeatureItemColor {
float: left;
height: 100%;
width: 3px;
}
.selectedFeatureItemIcon {
width: 32px;
height: 32px;
float: left;
padding: 0px 6px 0px 0px;
margin-top: 5px;
margin-left: 4px;
background-repeat: no-repeat;
background-color: white;
background-size: 32px 32px;
}
.selectedFeatureItemInfo {
display: flex;
flex-direction: column;
padding-left: 5px;
width: 220px;
height: 37px;
padding-top: 3px;
overflow: hidden;
white-space: nowrap;
flex: 1 1 0%;
}
.selectedFeatureItemButtons {
display: flex;
border-left: 1px solid lightgrey;
height: 100%;
}
.selectedFeatureItemButtonAction, .selectedFeatureItemButtonDetails {
display: flex;
font-size: 16px;
line-height: 16px;
}
.selectedFeatureItemButtons .selectedFeatureButton {
border-left: 1px solid lightgrey;
height: 100%;
width: 33px;
display: flex;
justify-content: center;
align-items: center;
}
.selectedFeatureButton:hover {
cursor: pointer;
background-color: rgb(245, 245, 245);
}
.selectedFeatureItem.selectedFeatureItemHighlighed {
border-right-width: 2px;
border-right-style: solid;
width: 219px;
}
.gps-on:before {
content: '\E565';
color: dodgerblue;
}
.gps-off:before {
content: '\E565';
color: lightgray;
}
.gps-tracking:before {
content: '\E581';
color: dodgerblue;
}
.mapLegendItemIcon {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-left: 2px;
}
.mapLegendItemIcon.hidden {
display: none;
}
.mapLegendItemLayerColor.hidden {
display: none;
}
.mapLegendItemLayerColor {
width: 15px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin-left: 2px;
margin-right: 2px;
border: solid 1px black;
}
.mapSelectedFeatureNavControl {
display: flex;
justify-content: flex-end;
align-items: center;
}
.mapSelectedFeatures {
display: flex;
padding-top: 5px;
flex-direction: column;
}
.mapSelectedRecNavCount {
display: flex;
align-items: center;
}
.mapSelectedFeatureLayerName {
flex: 1 1 0%;
}
.mapSelectedRecNavCount div {
padding: 5px;
}
.mapSelectedRecNavCount .current {
font-weight: bold;
}
.mapSelectedRecNavCount .total {
font-weight: bold;
}
.mapSelectedRecordNavigator {
display: flex;
flex: 1 1 0%;
justify-content: flex-end;
}
.flex-row {
display: flex;
flex-direction: row;
}
.flex-column {
display: flex;
flex-direction: column;
}
.mapClearSelection {
margin-left: auto;
}
div.mapPanel.mapSelectedFeaturesPanel {
min-width: 35%;
}
.mapSelectedFeatureBack:before {
font-family: 'iconGlyph';
content: "\E089";
font-size: 16px;
line-height: 16px;
}
.mapSelectedFeatureNext:before {
font-family: 'iconGlyph';
content: "\E090";
font-size: 16px;
line-height: 16px;
}
.mapSelectedLayers {
overflow-y: auto;
}
.advancedmap .olPopup {
border-radius: 7px;
padding: 0;
color: #343434;
border: 1px solid #a5c8e7 !important;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
overflow: visible !important;
background-color: white;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
height: auto;
}
.advancedmap .olPopup .olPopupContent .content {
position: absolute;
padding: 0;
overflow: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mapLoadingOverlay {
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
}
.mapFeatureEditToolbar {
display: none;
}
.mapEditEndButton, .mapEditPointCenter, .mapEditCurrentLocation {
width: 70px;
height: 40px;
}
.mapCrossHair {
display: none;
}
.mapCrossHairH {
border: 0.5px solid #dcdde0;
width: 100px;
height: 2px;
background-color: black;
position: absolute;
right: 50%;
top: 50%;
margin-right: -48.5px;
}
.mapCrossHairV {
border: 0.5px solid #dcdde0;
height: 100px;
width: 2px;
background-color: black;;
position: absolute;
right: 50%;
top: 50%;
margin-top: -48.5px;
}
.advancedmap .olControlOverviewMapMinimizeButton_intramaps:before {
font-family: 'iconGlyph';
content: "\E062";
}
.advancedmap .olControlOverviewMapMaximizeButton_intramaps:before {
font-family: 'iconGlyph';
content: "\E061";
}
.mapTool {
padding: 5px;
width: 24px;
height: 24px;
min-width: 24px;
min-height: 24px;
line-height: 24px;
font-size: 24px;
color: black;
font-family: 'iconGlyph';
text-decoration: none;
display: inline-block;
}
.zoomRectInTool, .zoomRectOutTool,
.homeTool, .rectSelectTool, .freeformSelectTool,
.lineSelectTool, .boundySelectTool, .mapToolbarSectionMeasure,
.mapToolbarSectionHeader,
.mapcontrol-bottomleft {
display: none;
}
.mapcontrol-bottomright {
display: flex;
}
.mapFeatureEditToolbar.hidden {
visibility:hidden;
display: none;
}
.mapFeatureEditToolbar > button {
height: 40px;
border-right-color: white;
}
.mapFeatureEditToolbar {
flex: 1 1 0%;
display: flex;
margin: 0px;
}
.mapEditEndButton, .mapEditPointCenter, .mapEditCurrentLocation {
flex: 1 1 0%;
}
.mapSpinner.pageSpinner {
position: absolute;
top: 0;
right: 50%;
margin-right: -32px;
z-index: 0;
}
.mapCrossHairH {
border: 0.5px solid #dcdde0;
width: 100px;
height: 2px;
background-color: black;
position: absolute;
right: 50%;
top: 50%;
margin-right: -48.5px;
}
.mapCrossHairV {
border: 0.5px solid #dcdde0;
height: 100px;
width: 2px;
background-color: black;;
position: absolute;
right: 50%;
top: 50%;
margin-top: -48.5px;
}
.mapTools.mapToolbarRow {
display: flex;
flex-direction: column;
}
.mapControlAreaBottom {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.mapSelectedFeaturesHeader, .mapSelectedLayersHeader {
display: none;
}
.mapSelectedLayersPanel {
flex: none;
}
.analyserItemNavigator
{
clear: right;
float: right;
}
#ActionPane .analyserItemNavigator
{
clear: none;
}
.analyserItemNavigator + * {
clear: right;
}
.analyserItemNavigator > *
{
vertical-align: middle;
}
.analyserItemNavigator .previous, .analyserItemNavigator .next {
float: left;
position: relative;
}
.analyserItemNavigator .previous:hover, .analyserItemNavigator .next:hover {
z-index: 1;
}
.analyserItemNavigator .next {
margin-left: -1px;
}
.analyserItemNavigator .previous:before {
content: "";
width: 1px;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
background-color: #fff;
}
.analyserItemNavigator .navigatorButtons button:first-child .icon16:before { content: "\E089"; }
.analyserItemNavigator .navigatorButtons button:last-child .icon16:before { content: "\E090"; }
.analyserItemNavigator > .of
{
padding: 0 5px;
}
.analyserItemNavigator .navigatorCount {
float: left;
margin: 0 10px;
}
.navigatorCount > .currentRecord {
font-weight: bold;
}
.navigatorCount > .totalRecords
{
font-weight: bold;
margin-right: 2px;
}
.analyserItemNavigator .navigatorRdpContainer {
overflow: hidden;
min-width: 300px;
max-width: 500px;
z-index: 10000 !important;
right: 80px;
position: absolute;
display: block;
padding-right:0;
padding-bottom:0;
background-color: #fff;
border: solid 1px #fff;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
font-size: 12px;
margin-top: 0;
}
.analyserItemNavigator .navigatorRdpContainer.hidden {
display: none;
}
.analyserItemNavigator .analyserItemNavigatorRdp {
height: 100%;
}
.analyserItemNavigator .analyserItemNavigatorRdp .dataFieldContainer {
max-width: 100%;
}
.analyserItemNavigator .analyserItemNavigatorRdp .thumbnailItem {
max-height: 50px;
cursor: pointer;
}
.analyserItemNavigator .analyserItemNavigatorRdp .thumbnailItem:before,
.analyserItemNavigator .analyserItemNavigatorRdp .thumbnailItem:after {
content: "";
height: 1px;
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
display: block;
}
.analyserItemNavigator .analyserItemNavigatorRdp .thumbnailItemsContainer div.thumbnailItem:hover{
background-color: rgba(0,0,0, 0.05);
}
.analyserItemNavigator .navigatorRdpContainer .compact .itemWrapper{
box-shadow: none;
margin: 0;
}
.analyserItemNavigator .navigatorRdpContainer .compact .thumbnailSection.secondarySection {
background-color: transparent;
}
.analyserItemNavigator .navigatorRdpContainer .thumbnailSection.mainSection > .thumbnailSection:not(.identSection) {
margin-top: unset;
}
.relatedDataPortlet.hasBorder .views,
.relatedDataPortlet.hasBorder .noSearchView,
.relatedDataPortlet.hasBorder .noResultsView{
border: medium grey dashed;
}
.attachmentsPopup .fileSelector .fileList .file .fileNameContainer {
display: none;
}
.uploadEcmPopup .fileSelector .fileList .file .fileNameContainer {
display: revert;
}
.attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileNameStyle,
.attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileSizeStyle,
.attachmentsPopup .fileSelector.revealProgressBar .fileList .file .removeFile {
display: none;
}
.attachmentsPopup .fileSelector.revealProgressBar .fileList .file .label {
width: auto;
}
.editablePanel > .content > .panel > .attachments.formControl {
padding: 0;
}
.attachmentType.empty {
display: none;
}
.attachmentTypeLabel
{
padding: 20px 0;
font-size: 1.2em;
}
.attachments .attachmentsCtrlLabel .mandatory{
margin-left:5px;
}
.attachmentItem
{
position: relative;
min-height: 40px;
border-bottom: solid 1px #e6e6e6;
border-top-color: #fff !important;
padding: 10px 0;
}
.attachmentDetailsPage > .pageContent > .attachmentItems > .attachmentItem {
padding-left: 10px;
padding-right: 10px;
}
.attachmentItemInnerContainer {
position: relative;
}
.attachmentItem.readonly > .attachmentItemInnerContainer > .attachmentItemDetailsContainer, .attachmentItem.add > .attachmentItemInnerContainer > .attachmentItemDetailsContainer {
margin-right: 36px;
}
.attachmentItemLabel {
font-size: 1em;
font-weight: 600;
margin-bottom: 10px;
word-wrap: break-word;
}
.attachmentItemDetailsLine, .attachmentItemNotesLine {
font-size: 0.9em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 16px;
}
.attachmentItemDocumentTypeLine {
font-size: 1em;
font-weight: 600;
line-height: 16px;
padding: 0 2px;
width: fit-content;
}
.attachmentItemDocumentTypeLine.recognitionSuccess {
background-color: var(--ciaColourBackgroundSuccess);
color: var(--ciaColourTextSuccess);
}
.attachmentItemDocumentTypeLine.recognitionFail {
background-color: var(--ciaColourBackgroundFail);
color: var(--ciaColourTextFail);
}
.attachmentItemNotesLine {
margin-top: 5px;
color: #656565;
}
.attachmentItem.noNotes > .attachmentItemInnerContainer > .attachmentItemDetailsContainer > .attachmentItemNotesLine {
display:none;
}
.attachmentItemButtonsContainer {
position: absolute;
top: 50%;
right: 0;
height: 28px;
margin-top: -14px;
}
.attachmentItem.readonly > .attachmentItemInnerContainer > .attachmentItemButtonsContainer, .attachmentItem.add > .attachmentItemInnerContainer > .attachmentItemButtonsContainer {
width: 36px;
}
.attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemButtonsContainer {
width: 72px;
}
.attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemDetailsContainer {
margin-right: 72px;
}
.attachmentItemButton
{
position: absolute;
border: none;
background-color: transparent;
box-shadow: none;
padding: 2px;
margin-left:8px;
}
.attachmentItemButton:focus {
box-shadow: none;
}
.attachmentItemButton.view {
color: rgb(217,217,217);
color: rgba(0, 0, 0, 0.15);
}
.attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.delete {
left: 36px;
}
.attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.view,
.attachmentItem.readonly > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.edit,
.attachmentItem.readonly > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.delete,
.attachmentItem.add > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.view,
.attachmentItem.changefilename > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.edit,
.attachmentItem.changefilename > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.delete {
display:none;
}
.attachmentPreview {
display: block;
margin: 10px auto;
}
.attachmentsAddFilesButton {
display: block;
}
.editablePanel > .content > .attachments > .attachmentsAddDropDownControl {
margin-left: -10px;
margin-right: -10px;
}
.attachmentsAddButton, .attachmentsAddFilesButton {
text-align: center;
padding: 10px;
border:none;
border-radius: 0;
width:100%;
}
.attachmentsAddButton > .dropdownButtonLabel, .attachmentsAddFilesButton > .buttonLabel {
line-height:24px;
}
.attachmentsAddButton > .icon24, .attachmentsAddFilesButton > .icon24 {
background-image: none;
}
.attachmentsAddButton > .icon24:before, .attachmentsAddFilesButton > .icon24:before {
color: #238c00;
}
.attachmentFileInput {
display: none;
}
.attachmentItemUploadingContainer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(255,255,255,0.5);
}
.attachmentProgressIndicator {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50%;
background: rgba(35, 140, 0, 0.20);
}
.attachmentDetailsPage > .pageContent > .editablePanel > .content {
padding-top: 10px;
}
.attachmentDetailsPage > .pageContent > .editablePanel > .content > .panel > .fieldsContainer {
padding: 0;
}
/* Audit Details */
.attachments .audit {
display: block !important;
margin-top: 5px;
}
.attachments .audit > div {
display: inline-block;
font-size: 0.9em;
color: #656565;
line-height: 16px;
}
.attachments .audit label, .attachments .audit span {
padding-right: 3px;
}
.attachments .audit .createdDateTime:before, .attachments .audit .modifiedDateTime:before {
content: "on ";
display: inline-block;
padding-right: 3px;
}
.attachments .audit .createdDateTime label, .attachments .audit .modifiedDateTime label {
display: none;
}
/*--Consumer styles--*/
.consumerStyle.attachments {
color:#3b4e58;
}
.consumerStyle .editablePanel > .content > .attachments > .attachmentsAddDropDownControl {
margin:0;
}
.consumerStyle .attachmentsAddButton, .consumerStyle.page .attachmentsAddFilesButton {
padding:11px;
background-color:#fff;
border:solid 1px #d8d8d8;
border-radius: 2px;
box-shadow:none;
font-size:0.875rem;
margin-top: 12px;
margin-bottom: 12px;
}
.consumerStyle.page .pageContent > .attachmentsAddFilesButton {
/*width: calc(100% - 20px);*/
margin: 12px auto;
}
.consumerStyle.page > .attachmentItems {
padding:10px;
}
.consumerStyle .attachmentsAddButton > .glyph, .consumerStyle .attachmentsAddFilesButton > .glyph {
display:none;
}
.consumerStyle .attachmentTypeLabel {
padding: 24px 0 16px 0;
font-size: 1rem;
font-weight: 400;
color: inherit;
}
.consumerStyle .attachmentTypeLabel:empty {
display:none;
}
.consumerStyle .pageContent > .attachmentItems {
padding:8px 0;
}
.consumerStyle .attachmentItem {
padding: 0;
border: solid 1px #e5e5e5 !important; /*--theme colorGreyWarmLighest--*/
border-radius: 2px;
box-sizing: border-box;
font-size:0.875rem;
}
.consumerStyle .attachmentItemInnerContainer {
padding:8px;
display:flex;
box-sizing: border-box;
}
.consumerStyle .attachmentItemDetailsContainer {
flex:1;
max-width: calc(100% - 36px);
}
.consumerStyle .attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemDetailsContainer > .attachmentItemLabel {
margin-right:36px;
}
.consumerStyle .attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemButtonsContainer {
position:static;
margin: 0;
height: auto;
width: 36px;
}
.consumerStyle .attachmentItemLabel {
color:inherit;
}
.consumerStyle .attachmentItemDetailsLine, .consumerStyle .attachmentItemNotesLine {
color:#667985; /*--theme colorGreyWarmDarker--*/
}
.consumerStyle .attachmentItem.readonly > .attachmentItemInnerContainer > .attachmentItemButtonsContainer, .consumerStyle .attachmentItem.add > .attachmentItemInnerContainer > .attachmentItemButtonsContainer {
width:44px;
height:36px;
margin-top: 0;
top: auto;
}
.consumerStyle .attachmentItemButton {
padding:8px;
}
.consumerStyle .attachmentItemButton.edit {
top:0;
bottom:0;
left:0;
right:0;
width:100%;
max-width:100%;
margin:0;
}
.consumerStyle .attachmentItem.editable > .attachmentItemInnerContainer > .attachmentItemButtonsContainer > .attachmentItemButton.delete {
left:auto;
margin:0;
}
.consumerStyle .attachmentItemButton > .icon24 {
background-position:center;
width: 20px;
height: 20px;
min-width: 20px;
min-height: 20px;
line-height: 20px;
}
.consumerStyle .attachmentItemButton.edit > .icon24 {
position: absolute;
top: 0;
right: 48px;
height: 100%;
background: none;
}
.consumerStyle .attachmentItemButton.edit > .icon24:before {
content:"";
height:100%;
width:20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%233B4E58' d='M14.0256435,3.62967264 L16.4539673,1.21215797 L18.7878802,3.54734 L16.3582764,5.96484375 L14.0256435,3.62967264 Z M16.4275956,4.93735819 L17.7979198,3.54706 L16.4538327,2.20224203 L15.0842285,3.5925293 L16.4275956,4.93735819 Z M3.0180716,14.6490771 L14.0460229,3.62007888 L16.3787519,5.95534629 L5.34975357,16.9832977 L3.0180716,14.6490771 Z M5.35004643,15.9931023 L15.3890481,5.95505371 L14.0457771,4.61032112 L4.0077284,14.6493229 L5.35004643,15.9931023 Z M2.96875,14.4290771 L5.53979492,17.0229492 L1.27809789,18.7233097 L2.96875,14.4290771 Z M2.57370211,17.4270903 L4.20056152,16.6645508 L3.19909668,15.6008301 L2.57370211,17.4270903 Z M2.90748382,14.8031318 L1.54464582,18.1913919 C1.52121362,18.2482986 1.53394834,18.312394 1.57878819,18.3569412 C1.60620542,18.384647 1.64381676,18.4001294 1.68300848,18.4001294 C1.70209888,18.4001294 1.72204575,18.3961556 1.73986816,18.388855 L5.21301516,17.0759952 C5.23446434,17.0663051 5.24983354,17.0556169 5.26269531,17.0427551 L18.6579285,3.65576172 C18.7169825,3.59640487 18.7169825,3.50152455 18.6584635,3.44300551 L16.5595638,1.33451469 C16.530493,1.30575317 16.491709,1.28970741 16.4517242,1.28970741 C16.4120093,1.28970741 16.373899,1.30550729 16.3462115,1.33319479 L2.98745728,14.6900635 C2.95376241,14.7343568 2.95231179,14.7362637 2.93952555,14.7486637 C2.92710394,14.7622929 2.91689279,14.7789339 2.90748382,14.8031318 Z M5.67380618,17.9775002 L1.3236282,19.7860568 C1.22062163,19.8282726 1.11055471,19.8502 0.9999,19.8502 C0.774985665,19.8502 0.557880762,19.7608304 0.400276449,19.6015482 C0.155853512,19.3588226 0.0832111612,18.9932055 0.214655857,18.6739866 L2.01308886,14.3429224 C2.05295391,14.2389266 2.1143278,14.1422954 2.19741263,14.0557126 C2.19239964,14.0604168 6.74439964,9.50808351 15.8534126,0.398712627 C16.0123194,0.239805814 16.2284541,0.1502 16.4539,0.1502 C16.6788096,0.1502 16.8943366,0.23936814 17.0554845,0.398809814 L19.6013874,2.94671263 C19.9329655,3.27829077 19.9329655,3.81541045 19.6013602,4.14871457 L5.95138737,17.7956874 C5.9099235,17.8371513 5.81799522,17.8965094 5.67560255,17.9737617 C5.73195822,17.9522227 5.73635872,17.951222 5.73894823,17.9507956 C5.70583752,17.9636649 5.60353297,18.0017097 5.67380618,17.9775002 Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center 16px;
}
.consumerStyle .attachmentItemButton.delete > .icon24 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' data-enum='Cancel' data-keywords='cancel cross'%3E%3Cpath fill='%233b4e58' fill-rule='evenodd' d='M11.4141,10 L17.7071,3.707 C18.0981,3.316 18.0981,2.684 17.7071,2.293 C17.3161,1.902 16.6841,1.902 16.2931,2.293 L10.0001,8.586 L3.7071,2.293 C3.3161,1.902 2.6841,1.902 2.2931,2.293 C1.9021,2.684 1.9021,3.316 2.2931,3.707 L8.5861,10 L2.2931,16.293 C1.9021,16.684 1.9021,17.316 2.2931,17.707 C2.4881,17.902 2.7441,18 3.0001,18 C3.2561,18 3.5121,17.902 3.7071,17.707 L10.0001,11.414 L16.2931,17.707 C16.4881,17.902 16.7441,18 17.0001,18 C17.2561,18 17.5121,17.902 17.7071,17.707 C18.0981,17.316 18.0981,16.684 17.7071,16.293 L11.4141,10 Z'/%3E%3C/svg%3E");
}
.consumerStyle .attachmentItemButton.delete > .icon24:before {
display:none;
}
.consumerStyle .attachmentPreview {
max-width:100%;
}
/* Attachments Popup */
.maintenancePopupPage.revealProgressBar .ok,
.maintenancePopupPage.revealProgressBar .cancel,
.maintenancePopupPage.revealProgressBar .inputContainer,
.maintenancePopupPage.revealProgressBar .fileList .fileNameStyle {
display: none;
}
.attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileNameContainer {
width: 100%;
}
.attachmentsPopup .fileSelector.revealProgressBar .fileList .file .fileNameContainer .fileSelectorUploadState
{
width: auto;
}
.easy .off-screen{
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.attachmentsImagePanel
{
position: relative;
overflow: hidden;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.attachmentsImagePanelInput {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
color:transparent; /* remove 'No file chosen' label */
}
/* for indicator visibility in easy mode */
.attachmentsImagePanelInput:focus{
border:4px dotted var(--ciaColourBorderHighlight);
}
.attachmentsImagePanel > .icon16 {
display: block;
position: absolute;
right: 0;
bottom: 0;
}
.attachmentsImagePanel > .icon16:before {
content: "\E161";
}
.attTypeSelectorPage .attTypeField {
margin: 10px;
}
.blockly-container {
box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
width: 100%;
height: 100%;
}
.blockly-main {
top: 8px;
bottom: 8px;
}
.blockly-panel {
left: 8px;
box-shadow: 0 1px 4px, rgba(0,0,0,37);
height: 100%;
}
.businessProcessViewDescription {
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
.businessProcessTask {
margin-bottom: 3px;
padding: 2px;
border-radius: 3px;
margin-left: 5px;
margin-right: 5px;
}
.businessProcessTask.isClickable {
cursor: pointer;
}
.businessProcessTask.current {
margin-left: 0;
margin-right: 0;
}
.businessProcessTaskHeader {
padding: 7px;
line-height: 16px;
}
.businessProcessTask.isClickable .businessProcessTaskHeader:before {
content: "\E063";
font-family: iconGlyph;
margin-right: 5px;
opacity: 0.5;
}
.businessProcessTask.isClickable[aria-expanded="false"] .businessProcessTaskHeader:before {
content: "\E064";
}
.businessProcessTask.future .businessProcessTaskHeader:before {
display: none;
}
.businessProcessTaskDescription {
display: inline-block;
font-weight: 600;
font-size: 1.1em;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
}
.businessProcessTaskAssignee {
display: inline-block;
float: right;
max-width: 40%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.businessProcessEventCommentImg {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/32/bpm/comment.png?v=12.0.258.0');
background-size: cover;
background-repeat: no-repeat;
vertical-align: middle;
width: 16px;
height: 16px;
display: inline-block;
margin: 0 3px;
}
.businessProcessTaskHeader .businessProcessEventCommentImg {
position: relative;
top: -2px;
float: right;
margin-left: 5px;
}
.businessProcessEvent .businessProcessEventCommentImg {
height: 1em;
width: 1em;
}
.businessProcessTask[aria-expanded="false"] .businessProcessTaskEvents,
.businessProcessTask[aria-expanded="false"] .businessProcessTaskSplitItemsSection {
display: none;
}
.businessProcessEvent {
margin-top: 2px;
padding: 10px 10px 5px 10px;
background-color: rgba(255,255,255,0.85);
}
.businessProcessEventText {
margin-bottom: 10px;
}
.businessProcessEventTime{
margin-right: 10px;
}
.businessProcessEventTime:before{
content: "\e099";
font-family: iconGlyph;
margin-right: 4px;
}
.businessProcessEventDate:before{
content: "\e014";
font-family: iconGlyph;
margin-right: 4px;
}
.businessProcessEventDescriptionLine,
.businessProcessEventUser,
.businessProcessEventComments,
.businessProcessEventDateTime {
margin-bottom: 5px;
}
.businessProcessEventDateTime{
padding-bottom: 3px;
}
.businessProcessEventUserString {
display: inline-block;
max-width: 65%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-bottom: 3px;
}
.businessProcessEventComments {
background-color: white;
padding: 0.5em;
white-space: pre-wrap;
}
.businessProcessEventDescription {
display: inline-block;
font-weight: 600;
max-width: 65%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-bottom: 3px;
}
.businessProcessTask .businessProcessTaskSplitDecisionIcon {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/split.png?v=12.0.258.0');
background-size: cover;
background-repeat: no-repeat;
width: 16px;
height: 14px;
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.businessProcessTask .businessProcessTaskSplitItemsSection {
background-color: rgba(255, 255, 255, 0.5);
padding: 5px;
margin-top: 8px;
}
.businessProcessTask .businessProcessTaskSplitItem {
padding-top: 6px;
}
/* This file is intentionally left blank -
Platform expects the file for the Phone version when you are using Shared Folder
This comment should be removed once we have required css declaration */
button, a.buttonStyle{
color: var(--ciaColourTextButton);
background-color: var(--ciaColourBackgroundButton);
border: solid 1px var(--ciaColourBorderButton);
box-shadow: var(--ciaBoxStyleButton);
border-radius:var(--ciaBorderRadiusButton);
line-height: 16px;
padding:6px;
cursor: pointer;
}
button.primary, a.buttonStyle.primary {
color: var(--ciaColourTextPrimaryButton);
background-color: var(--ciaColourBackgroundPrimaryButton);
border: solid 1px var(--ciaColourBorderPrimaryButton);
}
button.secondary {
color: var(--ciaColourTextSecondaryButton);
background-color: var(--ciaColourBackgroundSecondaryButton);
border: 1px solid var(--ciaColourBorderSecondaryButton);
}
button, a.buttonStyle {
padding:6px;
border-radius:3px;
border-style:solid;
border-width:1px;
cursor: pointer;
}
button > * {
display: inline-block;
vertical-align: top;
line-height:16px;
}
/*div.addNewItem button, div.primary button, button.primary, .thumbnailAction button
{
background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.258.0');
}*/
button, button.highlight, a.highlight {
/*background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbg.png?v=12.0.258.0');
background-repeat:repeat-x;
background-position:top left;*/
border-radius:3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
line-height: 16px;
font-size: 1em;
}
.contentContainer button.primary, a.buttonStyle.primary {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
button:not(.actionItem):active {
background-position:bottom left !important;
}
.buttonLabel
{
margin: 0 4px;
}
.overwriteHeaderButton > .buttonLabel {
font-size: 1.1em;
}
.pageHeader button, .pageContentHeader button,
.relatedDataPortlet .headerBar button {
border-radius: 3px;
/*background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.258.0');
background-repeat: repeat-x;
background-position: top left;*/
}
.search.picklistSearchButton {
border-radius: 0 3px 3px 0;
width: 45px;
}
.functionActions button {
background-image: none;
border-color: transparent;
}
.pageContentHeader button {
padding: 4px;
color: #fff;
}
.pageHeader .button, .headerButton.button
{
height:24px;
width:24px;
background-image: none;
border: none;
border-radius: 0;
border-right: solid 1px transparent;
padding: 8px;
cursor: pointer;
}
.pageHeader .button.floatRight, .headerButton.button.floatRight {
border: none;
border-left: solid 1px transparent;
}
.button > .icon16
{
height: inherit;
width: inherit;
display: inline-block;
}
.button > .icon24 {
display: inline-block;
}
button.linkStyle {
background: none;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
line-height: normal;
}
button[disabled]
{
opacity: 0.5;
}
.pageContent .icon24, .pageContent .icon16, .wizardNavigationButton > .icon24, .darkIcon > .icon24, .darkIcon > .icon16 {
background-image: url(https://cdn.t1cloud.com/cianywhere/content/base/icons/48/phone/mblspritedark.png?v=12.0.258.0);
background-position: 0 -48px;
background-size:auto 100%;
font-family: iconGlyph;
font-size: 19px;
text-align: center;
line-height: 24px;
display: inline-block;
-webkit-font-smoothing: antialiased;
}
.pageHeader .icon24, .pageContentHeader button .icon24, .headerButton .icon24, .primary > .icon24, .primary > .icon16, .pageHeaderMenuItem > .icon24,
.tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab:after,
.tabbedControl > .previousTab, .tabbedControl > .nextTab,
.fltrItem label.wChkbx:before {
font-family: iconGlyph;
font-size: 19px;
text-align: center;
line-height: 24px;
display: inline-block;
-webkit-font-smoothing: antialiased;
}
.pageContent .icon16 {
font-size: 16px;
line-height: 16px;
}
.icon32:before, .icon24:before, .icon16:before {
display: block;
}
.expando {
padding:4px;
background: none;
border: none;
box-shadow: none;
}
.expandable.collapsed .expando .icon24, .expand .icon24:before
{
content: "\E064";
}
.expandable .expando .icon24
{
content: "\E063";
}
.expandable .expando .icon16:before, .expandable .expando .icon12:before, .expandable .expando .icon10:before {
content: "\E063";
}
.expandable.collapsed .expando .icon16:before, .expandable.collapsed .expando .icon12:before, .expandable.collapsed .expando .icon10:before {
content: "\E064";
}
.expandable .expando .icon10 {
vertical-align: middle;
}
.hierarchicalPicklistContextButton > .icon24:before {
content: "\E258";
}
.picklistContextButton > .icon32:before {
content: "\F047";
}
.dropdownButton .icon24:before {
content: "\E045";
}
.dropdown .icon16:before {
content: "\E045";
}
.editablePanel > .topActionPane > .formActionButton.remove > .icon16 {
background-image:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/removereddark.png?v=12.0.258.0');
background-position: center;
}
.edit > .icon16:before, .edit > .icon24:before {
content: "\E078";
}
.primary.edit > .icon16:before {
color: #fff;
}
.search > .icon16:before, .search > .icon24:before {
content: "\E044";
}
#SearchButton.search > .icon24:before, .search.picklistSearchButton > .icon24:before {
content: "\E044";
}
.headerButton .search > .icon24:before {
content: "\E044";
}
.headerButton .search > .icon16:before {
content: "\E044";
}
.back > .icon24:before {
content: "\E042";
}
.home > .icon24:before {
content: "\E041";
}
.menu > .icon24:before {
content: "\E043";
}
.refresh > .icon24:before
{
content: "\E093";
}
.actions > .icon24:before
{
content: var(--ciaIconDropdownMore);
}
.actions.addAction.hasSubMenu > .icon24:before, .addActions > .icon24:before
{
content: "\E009";
}
.close > .icon16:before, .delete > .icon16:before
{
content: "\E058";
}
.delete > .icon16:before, .delete > .icon24:before {
content: "\E058";
}
.pageHeader .close > .icon24:before {
content: "\E058";
}
.previous > .icon24:before {
content: "\E062";
font-size: 16px;
}
.next > .icon24:before, .tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab:after, .detailsNavigator .icon16:before {
content: "\E061";
font-size: 16px;
opacity: 0.35;
}
.easy .next > .icon24:before, .easy .linkedTabbedControl > .tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab:after, .easy .detailsNavigator .icon16:before, .nextDay > .icon24:before {
opacity: 1;
}
.cancel > .icon24
{
background-position: -312px 0;
}
.finish > .icon24
{
background-position: -1104px 0;
}
.logoff > .icon24
{
background-position: -1176px 0;
}
.add > .icon24:before {
content: "\E146";
}
.editablePanel .new > .icon16 {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/plusgreendark.png?v=12.0.258.0');
background-position: center;
}
.repeatableEditablePanel > .topActionPane .new {
min-width: 44px;
margin: 5px;
}
.button .tick {
display: block;
width: 10px;
height: 10px;
position: absolute;
top: 8px;
right: 8px;
border-radius: 3px;
border: solid 1px;
}
.button .tick:before {
display: block;
content: "\E066";
color: #fff;
font-size: 10px;
}
/*--Workplace icons--*/
.pageHeader .close > .icon24:before {
content: "\E058";
}
.pageHeader .back > .icon24:before {
content: "\E042";
}
.pageHeader .goHome > .icon24:before {
content: "\E041";
}
.pageHeader .optionsButton > .icon24:before {
content: "\E043";
}
.pageHeader .actions.addAction.hasSubMenu > .icon24:before {
content: "\E009";
}
.pageHeader .actions.addAction.hasSubMenu > .icon24:before {
content: "\E009";
}
.pageHeader .edit > .icon24:before {
content: "\E078";
}
.pageHeaderMenuItem.goForward > .icon24:before {
content: "\E021";
}
/*-- Consumer styles --*/
.consumerStyle .pageContentHeader .search.picklistSearchButton .icon24:before {
content:"";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23A6A6A6' d='M2,8 C2,4.691 4.691,2 8,2 C11.309,2 14,4.691 14,8 C14,11.309 11.309,14 8,14 C4.691,14 2,11.309 2,8 M19.707,18.293 L14.312,12.897 C15.366,11.543 16,9.846 16,8 C16,3.589 12.411,0 8,0 C3.589,0 0,3.589 0,8 C0,12.411 3.589,16 8,16 C9.846,16 11.542,15.365 12.897,14.312 L18.293,19.707 C18.488,19.902 18.744,20 19,20 C19.256,20 19.512,19.902 19.707,19.707 C20.098,19.316 20.098,18.684 19.707,18.293'/%3E%3C/svg%3E");
width:20px;
height:20px;
}
.buttonGroup .flatStyle {
padding: 14px 10px 6px 10px;
border-radius: 0;
box-shadow: none;
background-image: none;
background-color: transparent;
border: none;
border-bottom: 3px solid transparent;
opacity: 1;
}
.buttonGroup .flatStyle.highlight,
.buttonGroup .flatStyle.highlight:hover {
border-bottom-color: var(--ciaColourBorderHighlight);
}
.buttonGroup .flatStyle:hover {
border-bottom-color: transparent;
}
.buttonGroup .flatStyle img {
opacity: 0.8;
max-height: 16px;
}
.buttonGroup > .more {
display: inline-block;
padding: 4px 10px 0 10px;
}
.buttonGroup > .more.hidden {
display: none;
}
.buttonGroup > .more > .chooser > button.downFill {
padding: 5px;
}
.buttonGroup > .more > .dropdownControl .flatStyle{
min-width: 100%;
float: none;
background: none;
box-shadow: none;
}
.buttonGroup > .more > .dropdownControl .flatStyle.highlight{
background-color: var(--ciaColourHighlight);
border-bottom-color: transparent;
}
.buttonGroup .more > .dropdownControl .flatStyle.highlight:after {
content: "\E066";
font-family: 'iconGlyph';
position: absolute;
top: 10px;
right: 5px;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
opacity: 0.5;
}
.buttonGroup > .flatStyle.more {
display:none!important; /* on phone we don't have a more dropdown - just scroll across */
}
.calendarContainer {
z-index: 1000;
position:absolute;
min-width: 218px;
display: block;
padding: 5px;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
outline: 0;
width: 100%;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
height: 0;
padding-top: 42px;
background-color: #fff;
}
.stackedContainer .calendarContainer {
margin-top: 1px;
}
.calendarContainer > .header {
text-align: center;
position: absolute;
top: 5px;
left: 5px;
right: 5px;
}
.calendarContainer > .header > .navHeader {
width: 100%;
}
.calendarContainer > .header > .navHeader > * {
box-shadow: none;
border: 1px solid rgba(0,0,0, 0.1);
padding: 10px;
border-radius: 0;
border-top: #000000;
background-color: rgba(0,0,0,0.1);
}
.calendarContainer > .header > .navHeader > .prevAction {
width: 15%;
border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
float: left;
background: none;
border: solid 1px rgba(0, 0, 0, 0.1);
box-shadow: none;
}
.calendarContainer > .header > .navHeader > .viewAction {
line-height:16px;
vertical-align: top;
min-width: 158px;
font-size: 13px;
width: 70%;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
float: left;
vertical-align: top;
min-width: 158px;
background: none;
border: solid 1px rgba(0, 0, 0, 0.1);
box-shadow: none;
}
.calendarContainer > .header > .navHeader > .nextAction {
width: 15%;
border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
float: left;
background: none;
border: solid 1px rgba(0, 0, 0, 0.1);
box-shadow: none;
}
.calendarContainer > .header > .navHeader > .prevAction:before, .calendarContainer > .header > .navHeader > .nextAction:before {
display:inline-block;
vertical-align:top;
width:16px;
height:16px;
line-height:16px;
font-size: 16px;
font-family: iconGlyph;
}
.calendarContainer > .header > .navHeader > .prevAction:before {
content: "\E062";
}
.calendarContainer > .header > .navHeader > .nextAction:before {
content: "\E061";
}
.calendarContainer > .content {
clear:both;
padding-bottom:1px;
width: 100%;
height: 100%;
display: table;
table-layout: auto;
background: rgb(255,255,255);
}
.calendarContainer > .content > .dayRowHeader,
.calendarContainer > .content > .dayRow {
display: table-row;
width: 100%;
}
.calendarContainer > .content > .dayRowHeader .dayHeader {
font-weight: bold;
}
.calendarContainer > .content > .dayRowHeader > .dayHeader {
display: inline-block;
width: 15px;
}
.calendarContainer > .content > .dayRow > .day {
color:#000;
background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbg.png?v=12.0.258.0') repeat-x 0 -10px;
cursor: pointer;
}
.calendarContainer > .content > .dayRowHeader > .dayHeader, .calendarContainer > .content > .dayRow > .day {
display: table-cell;
background: transparent;
font-size: 12px;
text-align: center;
color: rgba(0,0,0,0.8);
vertical-align: middle;
}
.calendarContainer > .content > .yearRow:first-child,
.calendarContainer > .content > .monthRow:first-child {
margin-top: 60px;
}
.calendarContainer > .content > .yearRow, .calendarContainer > .content > .monthRow {
display: block;
font-size: 11px;
table-layout: fixed;
display: table;
width: 100%;
}
.calendarContainer > .content > .yearRow > .year, .calendarContainer > .content > .monthRow > .month {
display: inline-block;
font-size: 13px;
width: 37px;
display: inline-block;
margin-left:-1px;
margin-bottom:-1px;
padding: 25px 18px;
cursor: pointer;
text-align: center;
cursor: pointer;
display: table-cell;
}
.calendarContainer > .content > .dayRow > .day:first-child, .calendarContainer > .content > .dayRowHeader > .dayHeader:first-child, .calendarContainer > .content > .monthRow > .month:first-child, .calendarContainer > .content > .yearRow > .year:first-child {
margin-left: 0;
}
.calendarContainer > .content > .dayRow > .day:last-child, .calendarContainer > .content > .dayRowHeader > .dayHeader:last-child, .calendarContainer > .content > .monthRow > .month:last-child, .calendarContainer > .content > .yearRow > .year:last-child {
margin-right: 0;
}
.calendarContainer > .content > .dayRow:last-child, .calendarContainer > .content > .dayRowHeader:last-child {
margin-bottom: 0;
}
.calendarContainer > .content > .dayRow > .day:hover, .calendarContainer > .content > .monthRow > .month:hover, .calendarContainer > .content > .yearRow > .year:hover {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac50.png?v=12.0.258.0');
background-repeat: repeat;
}
.calendarContainer > .content > .dayRow > .day.inactiveDate:hover, .calendarContainer > .content > .monthRow > .month.inactiveDate:hover, .calendarContainer > .content > .yearRow > .year.inactiveDate:hover {
background: none;
}
.calendarContainer > .content > .dayRow > .day.inactiveDate, .calendarContainer > .content > .monthRow > .month.inactiveDate, .calendarContainer > .content > .yearRow > .year.inactiveDate {
opacity: .4;
cursor: default;
}
.calendarContainer > .content > .dayRow > .day.selectedDate, .calendarContainer > .content > .monthRow > .month.selectedDate, .calendarContainer > .content > .yearRow > .year.selectedDate {
position:relative;
/*background: #FFFFCC;*/
color: #000;
/*border: 1px solid #CB762A;*/
}
.calendarContainer > .content > .dayRow > .day.selectedDate {
font-weight: bold;
}
/*--Consumer styles--*/
.consumerStyle .dateContextButton,
.consumerStyle .dateTimeContextButton {
position: absolute;
top: 0;
right: 0;
padding: 12px;
background: none;
border-radius: 0 2px 2px 0;
border: none;
box-shadow: none;
border-left: solid 1px #e5e5e5;
}
.consumerStyle .dateContextButton > .glyph:before,
.consumerStyle .dateTimeContextButton > .glyph:before {
display:none;
}
.calendarViewer {
height: 100%;
position: relative;
overflow: hidden !important;
padding: 0;
}
.calendarViewer .t1cal-time-grid {
position: relative;
}
.calendarViewer .t1cal-content {
padding: 0 !important;
z-index: 1;
position: relative;
}
.calendarViewer .mainCalContent {
position: absolute;
top: 40px;
left: 0;
right: 0;
bottom: 0;
}
.calendarViewer.month .t1cal-content .week{
height: 16.6666666666%; /*always there will be 6 weeks*/
position: relative;
}
.calendarViewer.month .t1cal-content .t1cal-week-evt{
position: absolute;
top: 26px;
left: 0;
border: 0;
height: auto;
}
.calendarViewer.month tr:hover {
background: none;
}
.calendarViewer.month .t1cal-content .t1cal-week-evt td{
border: none;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0;
padding-right: 1px;
}
.calendarViewer.month .t1cal-row{
margin: 0;
}
.calendarViewer.month .t1cal-day .day{
padding: 10px 0 0 10px;
display: block;
}
.calendarViewer.month .t1cal-day {
border-top: none;
}
.calendarViewer.month .t1cal-day.inactiveDate {
opacity: 0.5;
}
.calendarViewer.month .t1cal-day.selectedDate {
font-weight: bold;
}
.calendarViewer.month .t1cal-day .thumbnailItem .tagActionsSection{
display: none;
}
.calendarViewer.month .thumbnailItem{
box-shadow: none!important;
width: auto;
max-height: 18px;
min-height: 18px;
height: 18px;
border: none;
}
.calendarViewer.month .moreEvents {
position: relative;
}
.calendarViewer .moreEvents .moreEventsCount{
margin: 0 2px;
line-height: 20px;
height: 20px;
display: inline-block;
padding: 0 2px;
}
.calendarViewer .moreEvents .moreEventsCount:hover {
z-index: 100 !important;
cursor: pointer;
}
.calendarViewer.month .moreEvents .moreEventsContainer{
display: none;
position: fixed;
z-index: 1;
background: #fff;
padding: 0 2px 2px 2px;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
min-width: 200px;
max-width: 30vw;
}
.calendarViewer .moreEventsContainer .thumbnailItem{
margin:1px;
}
.calendarViewer.month .moreEvents.showMore .moreEventsContainer {
display: block;
}
/*for calendar view hide the item actions*/
.calendarViewer .thumbnailAction {
display: none;
}
/* Common Styling for multiple elements */
.t1CalView {
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
-webkit-user-select: none;
cursor: default;
margin: 0;
position: absolute;
user-select: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.calendarViewContainer.t1CalView {
overflow: hidden !important;
}
.t1CalView table {
border-collapse: collapse;
border-spacing: 0;
font-size: 1em;
height: 100%;
width: 100%;
table-layout: fixed;
}
.calendarViewer {
height: 100%;
position: relative;
}
.calendarViewer {
bottom: 0;
left: 0;
overflow: hidden !important;
padding: 0;
right: 0;
top: 0;
}
.calendarViewer > table {
height: 100%;
}
.calendarViewer .navigationControl .datePicker {
float: left;
margin-left: 5px;
}
.calendarViewer .navigationControl .dateText .icon16 {
color: rgba(0, 0, 0, 0.7);
}
.calendarViewer .navigationControl .dateText > *,
.calendarViewer .navigationControl > * {
display: inline-block;
}
.calendarViewer .navigationControl .dateText > * {
float: left;
margin: 0 4px;
}
.calendarViewer .navigationControl .action {
float: left;
position: relative;
cursor: pointer;
vertical-align: top;
}
.calendarViewer .navigationControl .action.previous {
border-radius: 3px 0 0 3px;
}
.calendarViewer .navigationControl .action.next {
border-radius: 0 3px 3px 0;
margin-left: -1px;
}
.calendarViewer .navigationControl .action:hover {
z-index: 1;
}
.calendarViewer .navigationControl .previous .arrowIcon:before {
content: "\E062";
}
.calendarViewer .navigationControl .next .arrowIcon:before {
content: "\E061";
}
.calendarViewer .allDayEventsContainerColumn {
padding: 0;
}
.calendarViewer .t1cal-content {
padding: 0 !important;
z-index: 1;
position: relative;
}
.calendarViewer .topShadow {
position: absolute;
width: 100%;
height: 5px;
top: -5px;
box-sizing: border-box;
box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2);
z-index: 600;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.calendarViewer .topShadow.shown {
opacity: 1;
}
.calendarViewer .t1cal-head tr {
background-color: transparent;
}
.calendarViewer .t1cal-head * {
box-sizing: content-box;
}
.calendarViewer .t1cal-header {
padding: 0;
}
.calendarViewer .t1cal-header .allDayEventsBackgroundRow .t1cal-axis {
-webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .1);
font-weight: normal;
border-right: 1px solid rgb(200, 200, 200);
}
.calendarViewer .allDayEventsContainer {
position: relative;
min-height: 25px;
padding-bottom: 2px;
}
.calendarViewer .allDayEventsBackground {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.calendarViewer .t1cal-header .columnTitlesRow th {
border: none;
font-weight: 100;
padding-top: 3px;
}
.calendarViewer .t1cal-header.today {
color: rgb(223, 108, 0);
}
.calendarViewer .t1cal-header th,
.calendarViewer .t1cal-time {
color: rgb(130, 130, 130);
}
.calendarViewer .t1cal-row {
border-right: 1px solid #ddd;
}
.windows0.desktop .calendarViewer .t1cal-row {
margin-right: 9px;
}
.ie.windows0.desktop .calendarViewer .t1cal-row {
margin-right: 17px;
}
.edge.windows0.desktop .calendarViewer .t1cal-row {
margin-right: 12px;
}
.windows0.desktop .calendarViewer.month .t1cal-row {
margin-right: 0px;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
.calendarViewer .t1cal-row {
margin-right: 0;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2)
{
.calendarViewer .t1cal-row {
margin-right: 0;
}
}
.calendarViewer .t1cal-time-grid {
position: relative;
}
.calendarViewer .t1cal-background-columns {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
.calendarViewer .t1cal-body > tr,
.calendarViewer .t1cal-background-columns tbody > tr
{
background-color: rgba(0, 0, 0, 0);
}
.calendarViewer .t1cal-day-header {
font-size: 10px;
text-align: center;
}
.calendarViewer .allDayEventsBackgroundRow .t1cal-axis {
vertical-align: middle;
font-size: 11px;
}
.calendarViewer .allDayEventsBackgroundRow .t1cal-axis,
.calendarViewer .allDayEventsBackgroundRow .t1cal-day-header {
border-bottom: 0;
border-top: 0;
}
.calendarViewer .allDayEventsBackgroundRow .t1cal-day-header:last-child,
.calendarViewer .allDayEventsContents td:last-child {
border-right: 0;
}
.calendarViewer .allDayEventsContents td:not(.t1cal-axis) {
padding: 0;
padding-top: 1px;
}
.calendarViewer .allDayEventsContents td {
background: 0 0;
border-color: transparent;
border-bottom: 0;
}
.calendarViewer .allDayEventsContents .thumbnailItem {
box-shadow: none;
opacity: 1;
width: auto;
height: 30px;
border-radius: 3px;
}
.calendarViewer .allDayEventsContents .thumbnailItem .iconLabel{
display: none;
}
.calendarViewer .allDayEventsContents .thumbnailItem.eventStartedBeforeRange {
margin-left: -1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.calendarViewer .allDayEventsContents .thumbnailItem.eventStartedBeforeRange .editorField{
margin-left: 13px;
}
.calendarViewer .allDayEventsContents .thumbnailItem .thumbnailSection {
padding: 0;
min-height: 0;
}
.calendarViewer .allDayEventsContents .thumbnailItem .thumbnailSection.tagActionsSection{
display: none;
}
.calendarViewer .glyph.eventEndsAfterRange,
.calendarViewer .glyph.eventStartedBeforeRange{
position: absolute;
top: 50%;
opacity: 0.5;
margin-top: -8px;
}
.calendarViewer .glyph.eventEndsAfterRange { right: 0; }
.calendarViewer .glyph.eventStartedBeforeRange { left: 0; }
.calendarViewer .t1cal-day-header.today {
color: rgb(223, 108, 0);
}
.calendarViewer .t1cal-day-header .t1cal-day-header-date {
font-size: 17px;
margin-top: 2px;
}
.calendarViewer .t1cal-day {
padding: 0;
position: relative;
}
.calendarViewer .t1cal-day.today {
background: rgba(0, 0, 0, 0.03);
}
.calendarViewer .mainHeader {
padding-top: 5px;
padding-bottom: 5px;
}
.calendarViewer .mainHeader .t1cal-divider {
background: #eeeeee;
}
.calendarViewer .navigationControl .dateText {
box-sizing: border-box;
cursor: pointer;
font-size: 1.2em;
text-align: center;
width: 100%;
}
.calendarViewer .navigationControl .dateText:hover {
text-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1);
}
.calendarViewer .calendarContainer {
position: absolute;
}
.calendarViewer th,
.calendarViewer td {
border-style: solid;
border-width: 1px;
border-left: none;
}
.t1cal-head /*--IE and Edge don't calculate the proper height of the .t1cal-scroller on the initial load if this isn't set--*/
{
height: 1px;
}
.calendarViewer .t1cal-header tr:first-child,
.calendarViewer .t1cal-background-columns td.t1cal-axis {
background-color: rgba(0, 0, 0, 0.03);
position: relative;
}
.calendarViewer .t1cal-background-columns td.t1cal-axis {
-webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .1);
box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .1);
}
.calendarViewer .t1cal-background-rows td {
height: 19px;
}
.calendarViewer .t1cal-divider {
background: #eee;
border-left: 0;
height: 0;
margin: 0;
padding: 0 0 2px;
display: none;
}
.calendarViewer .t1cal-axis {
text-align: center;
width: 41px;
}
.calendarViewer .t1cal-scroller {
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.calendarViewer .t1cal-background-rows .firstHalfHour .t1cal-cell {
border-bottom-style: dotted;
}
.calendarViewer .t1cal-background-rows .secondHalfHour .t1cal-cell {
border-top-style: dotted;
}
.calendarViewer .t1cal-background-rows .firstHalfHour > td.t1cal-axis {
border-bottom: 0;
}
.calendarViewer .t1cal-background-rows .secondHalfHour > td {
border-top: 0;
}
.calendarViewer .thumbnailItem {
overflow: hidden;
padding: 0;
opacity: 0.8;
position: relative;
min-height: 20px;
background-color: rgba(33, 150, 243, 0.3);
border-color: rgba(33, 150, 243, 0.4);
border-width: 1px;
border-style: solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.calendarViewer .thumbnailItem:hover{
background-color: rgba(33, 150, 243, 0.4);
border-color: rgba(33, 150, 243, 0.5);
}
.calendarViewer .thumbnailItem.showsDetailsPane .itemWrapper {
background: transparent;
height: 100%;
box-sizing: border-box;
overflow: hidden;
}
.calendarViewer .thumbnailItem.showsDetailsPane:not(.selected):hover > .itemWrapper{
background: none;
}
.calendarViewer .moreEventsContainer .itemWrapper {
margin-right: 0;
margin-top: 2px;
}
.calendarViewer .thumbnailSection .dataFieldContainer{
padding: 0;
}
.calendarViewer .thumbnailSection .dataFieldContainer > * {
padding: 0 5px;
margin: 0;
}
.calendarViewer.day .thumbnailSection .dataFieldContainer > *, .calendarViewer.week .thumbnailSection .dataFieldContainer > * {
height: 30px;
line-height: 30px;
}
.calendarViewer .thumbnailSection .dataFieldContainer .iconLabel{
padding-right: 0;
}
.calendarViewer .thumbnailSection .dataFieldContainer .iconLabel:before {
opacity: 0.6;
}
.calendarViewer .thumbnailItem.selected,
.calendarViewer .thumbnailItem:hover{
z-index: 101 !important;
opacity:0.9;
}
.calendarViewer .thumbnailItem .addSelCont,
.calendarViewer .thumbnailItem .navigatorContainer {
display: none;
}
.calendarViewer.agenda .thumbnailItem,
.calendarViewer.day .thumbnailItem {
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.calendarViewer .thumbnailItem .mainSection .editorField {
color: #131313;
text-overflow: ellipsis;
font-weight: 600;
}
.calendarViewer .eventTime {
color: rgba(0, 0, 0, 0.75);
font-size: 9px;
font-weight: 600;
padding: 4px 4px 0;
}
.calendarViewer .nowTimeLine {
border-bottom-style: solid;
border-bottom-width: 1px;
box-shadow: 1px 1px 1px 0px rgba(255, 0, 0, 0.5);
font-weight: bold;
width: 100%;
z-index: 500;
}
.calendarViewer .nowTimeLine .icon16 {
margin-left: -14px;
margin-top: -7px;
position: absolute;
text-shadow: 1px 1px 0px rgba(255, 0, 0, 0.3);
}
.calendarViewer .nowTimeLine .icon16:before {
color: rgba(255, 0, 0, 0.8);
content: "\E099";
}
.calendarViewer .hoveredTimeSlot {
display: none;
margin-left: -5px;
position: absolute;
width: 4px;
}
.calEventHoverPanel {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
max-width: 30vw;
position: absolute;
}
.calendarViewer .calendarContainer > .content > .dayRow > .day.selectedDate {
font-weight: bold;
border: solid 1px rgba(0,0,0,0.05);
}
.calendarViewer .navigationButtonForToday {
float: left;
}
.calendarViewer.week .calendarContainer .selectedDate {
font-weight: normal !important;
}
.calendarViewer .printButton {
position: absolute;
right: 4px;
top: 3px;
}
.calendarViewer .printButton .icon16:before {
content: "\E219";
}
@page
{
size: A4;
margin: 20px;
padding: 0;
}
@media print
{
.calendarPrintMode .contents,
.calendarPrintMode .contents .views,
.calendarPrintMode .t1CalView,
.calendarPrintMode .dataViewsContainer {
position: relative !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
}
.calendarPrintMode .t1CalView,
.calendarPrintMode .t1cal-scroller,
.calendarPrintMode .calendarViewer {
overflow: visible !important;
}
.calendarPrintMode .relatedDataPortlet,
.calendarPrintMode .calendarViewContainer,
.calendarPrintMode .enquiryForm {
height: auto !important;
}
.calendarPrintMode .calendarViewer .t1cal-row {
border-right: 0;
margin-right: 0;
}
.calendarPrintMode .calendarViewer > .t1CalView > table {
border-left: 1px solid rgba(220,220,220,1);
}
.calendarPrintMode .calendarViewer .t1cal-content {
border-bottom: 0;
}
.calendarPrintMode .calendarViewer .navigationControl .dateText .icon16,
.calendarPrintMode .calendarViewer .navigationControl .action,
.calendarPrintMode .calendarViewer .navigationButtonForToday,
.calendarPrintMode .nowTimeLine,
.calendarPrintMode .calendarViewer .printButton,
.calendarPrintMode .rdpActionBar,
#GlobalHeader,
#GlobalFooter {
display: none !important;
}
.calendarPrintMode .calendarViewer .t1cal-background-columns td.t1cal-axis {
box-shadow: none;
}
.calendarPrintMode .calendarViewer .t1cal-day.today {
background: transparent;
}
.calendarPrintMode .calendarViewer .t1cal-day-header.today {
color: rgb(130, 130, 130);
}
.calendarPrintMode .calendarViewer .mainHeader
{
margin-bottom: 27px;
padding-top: 12px;
}
.calendarPrintMode .calendarViewer .dateText > *{
font-size:28px;
}
.calendarPrintMode .calendarViewer .dateText .year {
margin-left: 15px;
}
.calendarPrintMode .calendarViewer .t1cal-content {
padding: 0!important;
}
.calendarPrintMode .t1cal-background-columns .t1cal-day:last-child,
.calendarPrintMode .calendarViewer .t1cal-background-rows tr td.t1cal-cell {
border-right: 0;
}
.calendarPrintMode #MainContainer > .contentContainer {
box-shadow: none;
}
}
.calendarViewer .mainHeader {
padding-left: 5px;
padding-right: 5px;
}
.calendarViewer .calendarContainer {
left: 10px;
right: 10px;
width: auto;
}
.calendarViewer .navigationControl .dateText {
background: none;
border: solid 1px transparent;
box-shadow: none;
}
.chartContainer {
position: relative;
}
.chartTitle {
font-weight: 600;
text-align: center;
line-height: 20px;
}
.chartContainer > .chartDataNotification {
display: none;
text-align: center;
font-size: 1.2em;
font-weight: bold;
line-height: 25px;
background-color: #CEAE0A;
}
.chartContainer.hasNotification > .chartDataNotification {
display: block;
}
.chartNoData {
text-align: center;
font-size: 1.2em;
font-weight: bold;
line-height: 50px;
}
.chartTitle {
font-size: 1.4em;
}
input.checkbox
{
margin: 0;
padding: 0;
text-align: center;
border: none;
background:transparent;
}
input[type="checkbox"] {
-webkit-appearance:checkbox;
padding:0;
}
.editorField input[type="checkbox"] {
height: 30px;
width: 20px;
}
.checkBoxControl.editable,
.checkBoxControl.editable > .cbcEditorLabel > label,
.checkBoxControl.editable > .cbcEditorLabelAutoWidth > label {
cursor: pointer;
}
/* Standard Control Styles */
.standardStyle > .checkBoxControl > .cbcEditorField {
display: inline-block;
vertical-align: top;
}
.standardStyle > .checkBoxControl > .cbcEditorField:before,
.slick-viewport .slick-cell .boolValue:before,
.slick-viewport .slick-cell .rowSelector:before,
.slick-column-name .allRowsSelector:before,
.viewSelectorControl .wChkbx:before,
.thumbnailViewControl.dynamicLayout .actionBar .lblSelAll:before,
.ganttChartViewer .lblSelAll:before,
.hierarchicalListItem .addToSelection:before
{
font-family: iconGlyph;
font-size: 15px;
background-image: none;
width: 16px;
height: 16px;
display: block;
border: solid 1px #c4c4c4;
background-image: none;
background-color: #fff;
border-radius: 2px;
content: "";
margin: 8px 0;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
box-sizing: border-box;
}
.standardStyle > .checkBoxControl.readonly > .cbcEditorField:before,
.standardStyle > .checkBoxControl.disabled > .cbcEditorField:before,
.standardStyle > .checkBoxControl.disabled > .cbcEditorLabel,
.standardStyle > .checkBoxControl.disabled > .cbcEditorLabelAutoWidth {
opacity: 0.35;
}
.standardStyle > .checkBoxControl.checked > .cbcEditorField:before,
.slick-viewport .slick-cell .boolValue.checked:before,
.slick-viewport .slick-cell .rowSelector.checked:before,
.slick-column-name .allRowsSelector.checked:before,
.viewSelectorControl .wChkbx.checked:before,
.thumbnailViewControl.dynamicLayout .actionBar .lblSelAll.checked:before,
.ganttChartViewer .lblSelAll.checked:before,
.hierarchicalListItem .addToSelection.active:before {
content: "\E066";
border-color: #656565;
}
.standardStyle > .checkBoxControl.editable:hover > .cbcEditorField:before,
.standardStyle > .checkBoxControl.editable.active > .cbcEditorField:before,
.slick-viewport .slick-cell .rowSelector:hover:before, .slick-viewport .slick-cell .rowSelector.checked:hover:before,
.slick-column-name .allRowsSelector:hover:before, .slick-column-name .allRowsSelector.checked:hover:before,
.slick-viewport .slick-cell label.boolValue:hover:before, .slick-viewport .slick-cell label.boolValue.checked:hover:before,
.viewSelectorControl .wChkbx:hover:before, #ViewSelector .wChkbx.checked:hover:before,
.ganttChartViewer .addSelCont:hover:before, .ganttChartViewer .lblSelAll.checked:before,
.thumbnailViewControl.dynamicLayout .addSelCont:hover:before, .thumbnailViewControl.dynamicLayout .addSelCont.checked:hover:before,
.thumbnailViewControl.dynamicLayout .actionBar .lblSelAll:hover:before, .thumbnailViewControl.dynamicLayout .actionBar .lblSelAll.checked:hover:before,
.hierarchicalListItem .addToSelection:hover:before, .hierarchicalListItem .addToSelection.active:hover:before {
border-color: #656565;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.standardStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput,
.stackedStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput,
.engagingStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput {
position:absolute;
height: 0;
width: auto;
left: 0;
top: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.standardStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput:focus {
border: none;
outline: none;
}
.firefox .standardStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput,
.firefox .slick-viewport .slick-cell .boolValue > input[type="checkbox"],
.firefox .slick-viewport .slick-cell .rowSelector > input[type="checkbox"],
.firefox .slick-column-name .allRowsSelector > input[type="checkbox"] {
opacity: 0;
}
.standardStyle > .checkBoxControl > .cbcEditorLabel,
.standardStyle > .checkBoxControl > .cbcEditorLabelAutoWidth {
display: inline-block;
}
.standardStyle > .checkBoxControl > .cbcEditorLabel {
width: 150px;
}
.standardStyle > .checkBoxControl > .cbcEditorLabelAutoWidth {
width: auto;
}
.standardStyle > .checkBoxControl.checkAlignRight > .cbcEditorLabel,
.standardStyle > .checkBoxControl.checkAlignRight > .cbcEditorLabelAutoWidth {
padding: 0 5px 0 0;
}
.standardStyle > .checkBoxControl.checkAlignLeft > .cbcEditorLabel,
.standardStyle > .checkBoxControl.checkAlignLeft > .cbcEditorLabelAutoWidth {
padding: 0 0 0 5px;
}
.standardStyle > .checkBoxControl > .cbcEditorLabel > label,
.standardStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label {
line-height: 20px;
font-size: 0.9em;
font-weight: 600;
position:relative;
border: solid 1px transparent;
padding: 4px 0;
display: block;
}
.standardStyle > .checkBoxControl > .cbcEditorLabel > label > .labelInnerContainer,
.standardStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label > .labelInnerContainer {
display: block;
overflow: hidden;
}
.standardStyle > .checkBoxControl > .showSpinner {
width: 18px;
height: 17px;
position: absolute;
background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/loadersml.gif?v=12.0.258.0') no-repeat top center;
z-index: 2;
margin-top: 10px;
right: 2px;
}
/* Stacked Control Styles */
.stackedStyle > .checkBoxControl {
display: inline-block;
padding: 0;
border: solid 1px transparent;
background: transparent;
outline: none;
margin-bottom: 8px;
}
.stackedStyle > .checkBoxControl.hasSpinner {
padding-right: 20px;
}
.stackedStyle > .checkBoxControl > .cbcEditorField {
display: block;
float: left;
}
.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorField {
float: none;
}
.stackedStyle > .checkBoxControl > .cbcEditorField:before {
font-family: iconGlyph;
font-size: 15px;
background-image: none;
width: 16px;
height: 16px;
display: block;
border: solid 1px #c4c4c4;
background-image: none;
background-color: #fff;
border-radius: 2px;
content: "";
margin: 10px 4px;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(245,245,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
box-sizing: border-box;
}
.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorField:before {
margin: 4px auto;
}
.stackedStyle > .checkBoxControl.slimCheckBox > .cbcEditorField:before {
margin: 1px 4px 10px 4px;
}
.stackedStyle > .checkBoxControl.checked > .cbcEditorField:before {
content: "\E066";
border-color: #656565;
}
.stackedStyle > .checkBoxControl.editable:hover > .cbcEditorField:before,
.stackedStyle > .checkBoxControl.editable.active > .cbcEditorField:before {
border-color: #656565;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.stackedStyle > .checkBoxControl.readonly > .cbcEditorField:before,
.stackedStyle > .checkBoxControl.disabled > .cbcEditorField:before,
.stackedStyle > .checkBoxControl.disabled > .cbcEditorLabel,
.stackedStyle > .checkBoxControl.disabled > .cbcEditorLabelAutoWidth {
opacity: 0.35;
}
.stackedStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput:focus {
border: none;
outline: none;
}
.stackedStyle > .checkBoxControl > .cbcEditorLabel,
.stackedStyle > .checkBoxControl > .cbcEditorLabelAutoWidth {
display: block;
vertical-align: top;
margin-left: 23px;
}
.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabel,
.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabelAutoWidth {
margin-left: 0;
}
.stackedStyle > .checkBoxControl > .cbcEditorLabel > label,
.stackedStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label {
line-height: 34px;
font-size: 0.9em;
font-weight: 600;
position:relative;
border: solid 1px transparent;
display: block;
padding: 0 4px;
}
.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabel > label,
.stackedStyle > .checkBoxControl.boxCheckbox > .cbcEditorLabelAutoWidth > label {
line-height: 18px;
}
.stackedStyle > .checkBoxControl.slimCheckBox > .cbcEditorLabel > label,
.stackedStyle > .checkBoxControl.slimCheckBox > .cbcEditorLabelAutoWidth > label {
line-height: 14px;
}
.stackedStyle > .checkBoxControl > .cbcEditorLabel > label > .labelInnerContainer,
.stackedStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label > .labelInnerContainer {
display: block;
overflow: hidden;
}
/* Engaging Control Styles */
.engagingStyle > .checkBoxControl {
display: block;
box-sizing: border-box;
position: relative;
margin-top: 2px;
padding-bottom: 20px;
border: none;
}
.engagingStyle > .checkBoxControl.slimCheckBox {
padding-bottom: 0;
}
.engagingStyle > .checkBoxControl.hasSpinner {
padding-right: 20px;
}
.engagingStyle > .checkBoxControl > .cbcEditorField {
display: block;
float: left;
transition: transform 0.1s ease;
}
.engagingStyle > .checkBoxControl.checked > .cbcEditorField {
transform: scale(1.2);
}
.engagingStyle > .checkBoxControl > .cbcEditorField:before {
display: block;
content: "\E066";
font-family: iconGlyph;
font-size: 0;
text-align: center;
line-height: 16px;
width: 20px;
height: 20px;
border-style: solid;
border-width: 2px;
border-color: #8f8f8f;
border-radius: 2px;
margin: 8px 8px 8px 4px;
background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(245,245,245,1) 100%);
box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
box-sizing: border-box;
transition: font-size, color, 0.1s ease;
}
.engagingStyle > .checkBoxControl.editable:hover > .cbcEditorField:before {
border-color: #333;
}
.engagingStyle > .checkBoxControl.checked > .cbcEditorField:before {
content: "\E066";
font-size: 16px;
}
.engagingStyle > .checkBoxControl.readonly > .cbcEditorField:before,
.engagingStyle > .checkBoxControl.disabled > .cbcEditorField:before,
.engagingStyle > .checkBoxControl.disabled > .cbcEditorLabel,
.engagingStyle > .checkBoxControl.disabled > .cbcEditorLabelAutoWidth {
opacity: 0.35;
}
.engagingStyle > .checkBoxControl > .cbcEditorField > .checkBoxControlInput:focus {
border: none;
outline: none;
box-shadow: none;
}
.engagingStyle > .checkBoxControl > .cbcEditorLabel,
.engagingStyle > .checkBoxControl > .cbcEditorLabelAutoWidth {
display: block;
padding: 8px 4px;
font-size: 1.4em;
}
.engagingStyle > .checkBoxControl > .cbcEditorLabel > label,
.engagingStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label {
display: block;
line-height: 20px;
font-weight: 500;
position: relative;
color: #333;
}
.engagingStyle > .checkBoxControl > .cbcEditorLabel > label > .labelInnerContainer,
.engagingStyle > .checkBoxControl > .cbcEditorLabelAutoWidth > label > .labelInnerContainer {
display: block;
overflow: hidden;
}
/*--Consumer styles--*/
.consumerStyle.cbcStyleContainer > .checkBoxControl {
display: block;
box-sizing: border-box;
position: relative;
margin:0;
padding:8px 0;
border: none;
display:inline-flex;
transition:all 0.2s ease-in-out;
}
.consumerStyle.cbcStyleContainer > .checkBoxControl.slimCheckBox {
padding-bottom: 0;
}
.consumerStyle.cbcStyleContainer > .checkBoxControl.hasSpinner {
padding-right: 20px;
}
.consumerStyle.cbcStyleContainer > .checkBoxControl:not(.readonly):hover .cbcEditorField:before {
border-width: 2px;
border-color: #3b4e58; /*--theme colour--*/
}
.consumerStyle.cbcStyleContainer .checkBoxControlInput {
position: absolute;
height: 0;
width: 1px;
left: 0;
top: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.consumerStyle.cbcStyleContainer .cbcEditorField:before {
content:"";
display:block;
box-sizing: border-box;
background-color: #fff;
border:solid 1px #c4c4c4;
border-radius: 3px;
background: #fff;
color: #fff;
transition: all 0.1s ease-in-out;
}
.consumerStyle.cbcStyleContainer > .checkBoxControl.checked .cbcEditorField:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' id='tick'%3E%3Cg fill='%23fff' fill-rule='nonzero'%3E%3Cpath d='M7.799 14.714l-3.36-3.275a.999.999 0 1 1 1.413-1.414l2.597 2.511 5.824-7.174a.999.999 0 1 1 1.518 1.3l-6.526 7.995a1 1 0 0 1-.721.35h-.038a.997.997 0 0 1-.707-.293z' id='bxa'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.consumerStyle.cbcStyleContainer .cbcEditorLabel,
.consumerStyle.cbcStyleContainer .cbcEditorLabelAutoWidth {
padding-left:8px;
font-size: 0.875rem;
color: #404040;
}
.consumerStyle.cbcStyleContainer > .checkBoxControl.readonly .cbcEditorField:before,
.consumerStyle.cbcStyleContainer > .checkBoxControl.disabled .cbcEditorField:before,
.consumerStyle.cbcStyleContainer > .checkBoxControl.disabled .cbcEditorLabel,
.consumerStyle.cbcStyleContainer > .checkBoxControl.disabled .cbcEditorLabelAutoWidth {
opacity: 0.35;
}
.consumerStyle.cbcStyleContainer .checkBoxControlInput:focus {
border: none;
outline: none;
box-shadow: none;
}
.consumerStyle.cbcStyleContainer > .checkBoxControl.active .cbcEditorField:before {
outline:solid 1px;
outline-offset: 2px;
}
.consumerStyle.cbcStyleContainer label {
display: block;
line-height: 20px;
position: relative;
}
.consumerStyle.cbcStyleContainer .labelInnerContainer {
display: block;
overflow: hidden;
}
/* Related Data Portlet Styles */
.slick-cell > .rowSelector,
.slick-column-name > .allRowsSelector {
display: block;
}
.slick-viewport .slick-cell .boolValue {
opacity: 0.35;
}
.slick-viewport .slick-cell.gridColumnEditable .boolValue {
opacity: 1;
}
.slick-viewport .slick-cell .boolValue > input[type="checkbox"],
.slick-viewport .slick-cell .rowSelector > input[type="checkbox"],
.slick-column-name .allRowsSelector > input[type="checkbox"] {
display:none;
}
.slick-viewport .slick-cell .boolValue:before,
.slick-viewport .slick-cell .rowSelector:before,
.slick-column-name .allRowsSelector:before {
display: block;
margin: 0;
line-height: 16px;
}
.slick-viewport .slick-cell .boolValue,
.slick-viewport .slick-cell .rowSelector,
.slick-column-name .allRowsSelector {
margin: 2px auto 0 auto;
width: 16px;
height: 16px;
display: block;
border-style: solid;
border-width: 1px;
border-color: transparent;
}
.slick-column-name .allRowsSelector {
margin: 0 auto;
}
.stackedStyle > .controlContainer.checkBoxControl {
display: block;
padding: 4px 0;
}
/*--Consumer styles--*/
.consumerStyle.cbcStyleContainer .cbcEditorField:before {
width:24px;
height:24px;
}
.consumerStyle.cbcStyleContainer .cbcEditorLabel {
line-height:24px;
}
.map-control-cia-embedded-map {
display: block;
position: relative;
overflow: hidden;
width: inherit;
height: inherit;
}
.map-control-cia-embedded-map-inline {
min-height: 480px;
}
/* copied from cloudfilepicker.css */
#cloudFile, #cloudFilePickerOverlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
z-index: 9001;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#cloudFilePicker {
display: none;
}
#cloudFilePickerOverlay {
background-color: rgba(255, 255, 255, 0.5);
z-index: 9000;
}
#cloudFilePickerMain {
width: 80%;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
box-shadow: 2px 2px 14px #999;
border: 1px solid #BBB;
position: absolute;
z-index: 9005;
top: 10%;
left: 10%;
right: 10%;
bottom: 10%;
margin-left: auto;
margin-right: auto;
max-width: 800px;
}
#cloudFilePickerHeader {
height: 120px;
position: relative;
}
#cloudFilePickerClose span:before {
content: "\E058";
font-size: 14px;
}
#cloudFilePicker #cloudFilePickerCloseButton.btn {
padding: 0;
background-image:url("https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.258.0");
position: absolute;
border: none;
top: 1px;
right: 1px;
}
#cloudFilePickerActions {
position: absolute;
bottom: 0;
right: 0;
left: 0;
background-color: #FAFAFA;
border-top: 1px solid #F3EFEF;
height: 46px;
padding-right: 2%;
}
#cloudFilePickerSearchControlWrapper:focus {
border-radius: 3px;
border-color: #b65819;
}
#cloudFilePickerSearchText:focus {
outline: none;
}
#cloudFilePickerSearch span:before {
content: "\E044";
}
#cloudFilePicker #cloudFilePickerSearchButton.btn {
margin: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin-left: -1px;
border-radius: 0 5px 5px 0;
padding-left: 10px;
padding-right: 10px;
background-image:url("https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.258.0");
height: 100%;
background-repeat: repeat-x;
background-position: top left;
vertical-align: middle;
}
#cloudFilePicker .btn {
background-repeat: repeat-x;
background-position: top left;
border-radius: 3px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
line-height: 16px;
font-size: 1em;
cursor: pointer;
}
#cloudFilePicker .btn.select {
color: white;
background-color: #df6c00;
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.258.0');
border-color: #8c3800;
margin: 10px;
margin-left: 2%;
}
#cloudFilePickerActions .btn {
width: 60px;
}
#cloudFilePicker .btn.select:hover {
background-position: 0 -60px;
}
#cloudFilePicker .btn:disabled {
opacity: 0.5;
cursor: default;
cursor: not-allowed;
}
#cloudFilePickerCloudItems .cloudItem, #cloudFilePickerCloudItems .noResults {
padding: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
padding-left: 50px;
line-height: 16px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-align: left;
-webkit-transition: background-color 250ms ease-out;
-moz-transition: background-color 250ms ease-out;
-o-transition: background-color 250ms ease-out;
transition: background-color 250ms ease-out;
}
#cloudFilePickerCloudItems .cloudItem .name {
font-size: 1.1em;
font-weight: 600;
}
#cloudFilePickerCloudItems .cloudItem {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-height: 31px;
}
#cloudFilePickerCloudItems .cloudItem:hover {
cursor: pointer;
background-color: rgba(255, 255, 255, 0.25);
}
#cloudFilePickerCloudItems .noResults {
text-align: center;
padding: 15px 10px;
padding-left: 15px;
font-style: italic;
}
#cloudFilePickerCloudItems .cloudItem:before {
position: absolute;
left: 10px;
border-radius: 15px;
cursor: pointer;
line-height: 28px;
font-size: xx-large;
}
#cloudFilePickerCloudItems .cloudItemFile:before {
content: "\E104";
}
#cloudFilePickerCloudItems .cloudItemFile.doc:before,
#cloudFilePickerCloudItems .cloudItemFile.dot:before,
#cloudFilePickerCloudItems .cloudItemFile.dotx:before,
#cloudFilePickerCloudItems .cloudItemFile.docx:before,
#cloudFilePickerCloudItems .cloudItemFile.txt:before,
#cloudFilePickerCloudItems .cloudItemFile.odt:before {
content: "\E116";
}
#cloudFilePickerCloudItems .cloudItemFile.csv:before,
#cloudFilePickerCloudItems .cloudItemFile.xls:before,
#cloudFilePickerCloudItems .cloudItemFile.xlsx:before,
#cloudFilePickerCloudItems .cloudItemFile.ods:before {
content: "\E026";
}
#cloudFilePickerCloudItems .cloudItemFile.pdf:before {
content: "\E001";
}
#cloudFilePickerCloudItems .cloudItemFile.bmp:before,
#cloudFilePickerCloudItems .cloudItemFile.jpeg:before,
#cloudFilePickerCloudItems .cloudItemFile.jpg:before,
#cloudFilePickerCloudItems .cloudItemFile.png:before {
content: "\E134";
}
#cloudFilePickerCloudItems .cloudItemFile.avi:before,
#cloudFilePickerCloudItems .cloudItemFile.mpg:before,
#cloudFilePickerCloudItems .cloudItemFile.mpeg:before,
#cloudFilePickerCloudItems .cloudItemFile.mkv:before {
content: "\E479";
}
#cloudFilePickerCloudItems .cloudItemFile.msg:before,
#cloudFilePickerCloudItems .cloudItemFile.eml:before {
content: "\E182";
}
#cloudFilePickerCloudItems .cloudItemFolder:before {
content: "\E056";
}
#cloudFilePickerCloudItems .folderChevron {
position: absolute;
right: 0;
bottom: 0;
background-color: inherit;
width: 100px;
height: 52px;
}
#cloudFilePickerCloudItems .folderChevron:hover {
color: #b65819;
font-size: medium;
-webkit-transition: font-size 250ms ease-out;
-moz-transition: font-size 250ms ease-out;
-o-transition: font-size 250ms ease-out;
transition: font-size 250ms ease-out;
}
#cloudFilePickerCloudItems .glyph.folderChevron:before {
content: "\E061";
right: 20px;
bottom: 18px;
position: absolute;
}
#cloudFilePickerCloudItems .cloudItem.selected {
background-color: #FFF;
}
#cloudFilePickerDetails {
overflow-y: auto;
min-height: 150px;
position: absolute;
left: 0;
right: 0;
top: 128px;
bottom: 47px;
}
#cloudFilePickerNavigation {
padding-left: 2%;
padding-top: 10px;
height: 25px;
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#cloudFilePickerNavigation .breadcrumb {
display: none;
padding-left: 15px;
cursor: pointer;
max-width: 20%;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 0;
margin-right: 0;
padding-bottom: 0;
overflow: hidden;
vertical-align: middle;
display: inline-block;
}
#cloudFilePickerNavigation .breadcrumb.home {
padding-left: 1px;
vertical-align: middle;
}
#cloudFilePickerNavigation .breadcrumb:not(.home):before {
content: "\E061";
padding-right: 5px;
margin-left: -5px;
}
#cloudFilePickerNavigation .breadcrumb:nth-last-child(-n+5) {
display: inline-block;
}
#cloudFilePickerNavigation .breadcrumb:not(.home):nth-last-child(n+6) {
display: none;
}
#cloudFilePickerNavigation .breadcrumb:last-of-type {
font-weight: bold;
}
#cloudFilePickerHeader.noSearch {
height: 58px;
}
#cloudFilePickerDetails.noSearch {
top: 58px;
}
/* Phone specific styles */
#cloudFilePickerMain {
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: none;
width: auto;
}
#cloudFilePickerHeader {
position: relative;
}
#cloudFilePickerSearchControlWrapper {
text-align: center;
margin: 5px;
}
#cloudFilePickerActions {
text-align: center;
}
#cloudFilePickerActions .btn {
width: 46%;
}
#cloudFilePickerNavigation .breadcrumb:nth-last-child(-n+5) {
display: none;
}
#cloudFilePickerNavigation .breadcrumb:first-of-type {
display: inline-block;
}
#cloudFilePickerNavigation .breadcrumb:nth-last-child(-n+2) {
display: inline-block;
}
#cloudFilePickerNavigation .breadcrumb:last-of-type {
font-weight: bold;
}
#cloudFilePickerNavigation .breadcrumb.home:before {
bottom: 16px;
}
#cloudFilePickerCloudItems .cloudItem .name {
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#cloudFilePickerCloudItems .cloudItem .lastModifiedBy {
display: none;
}
#cloudFilePicker .popupClose {
display: none;
}
#cloudFilePickerMain .title {
margin: 10px;
}
#cloudFilePicker .searchBtn {
border-radius: 0 3px 3px 0;
width: 45px;
height: 34px;
right: 9px;
text-align: center;
position: absolute;
}
#cloudFilePicker .searchBtn .glyph:before {
content: "\E044";
}
#cloudFilePicker #cloudFilePickerSearchTextContainer {
top: 5px;
left: 5px;
right: 50px;
display: inline-block;
width: 84%;
}
#cloudFilePicker #cloudFilePickerSearchText {
border-radius: 3px 0 0 3px;
border: solid 1px rgba(0,0,0,0.5);
max-width: 84%;
margin-right: 40px;
}
#cloudFilePickerDetails {
top: 112px;
}
#ContextualKeysPanel, #ContextualParametersPanel
{
padding: 10px 10px 0 10px;
}
.contexualPanelHeader
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.contexualPanelHeader > .headerLabel {
font-family: Osans, Arial, sans-serif;
text-shadow: 0 1px 5px rgba(0,0,0,0.1);
}
#ContextualPanelPageHeader {
padding: 10px;
}
#ContextualPanelPageHeader > .headerLabel {
font-family: Osans, Arial, sans-serif;
}
.contexualPanelHeader > .headerLabel ~ .headerLabel, #ContextualPanelPageHeader > .headerLabel ~ .headerLabel {
margin-left: 4px;
}
.contexualPanelHeader > .headerLabel.empty {
display: none;
}
.detailsPanel .editablePanel > .content > .sectionNotReady {
top: 30%;
left: 50%;
margin-left: -79px;
position: absolute;
display:block;
height: 128px;
width: 128px;
padding: 15px;
border-radius: 10px;
}
.detailsPanel .editablePanel > .content .inlineTabContainer > .inlineTabControl .content > .sectionNotReady {
position: relative;
top: 5%;
}
.detailsPanel .sectionNotReady > .processSpinner {
border-radius: 32px;
margin: 10px auto;
padding: 0;
}
.detailsPanel .sectionNotReady .literalText {
color: #00A7FF;
font-weight: 600;
text-align: center;
}
.detailsPanel .sectionNotReady .literalText .editorField{
width: 100%;
padding:0;
}
.detailsPanel .sectionNotReady .literalText .plainText{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*Favourites*/
.detailsPanel .favouriteButton {
float: right;
margin-top: 4px;
margin-right: 10px;
}
.detailsPanel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.detailsPanel.panel.simple {
padding: 0!important;
}
.detailsPanel .pageContent {
overflow-y: hidden;
}
.detailsPanel .detailsCloseButton {
display: none;
}
.detailsPanel > .panel.simple {
padding: 0 !important;
}
.detailsPanel.hasHeader .detailsPanelHeader {
display: block;
overflow: visible;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
height: 26px;
padding: 0 !important;
}
.detailsPanel .detailsPanelHeader .header {
width: auto;
display: block;
font-size: 1.4em !important;
font-weight: normal;
line-height: 26px;
height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px!important;
}
.detailsPanel .detailsPanelSectionsActions {
padding: 0!important;
overflow: visible;
}
.detailsPanel .detailsPanelSectionsActions .sectionChangeButtons {
padding: 0;
float: left;
width: 100%;
}
.detailsPanel .detailsPanelSectionsActions .sectionChangeButtons .buttonGroup{
overflow: auto;
white-space: nowrap;
width: 100%;
}
/* on phone, the button group is a scrolling container - it doesn't have a 'more' dropdown button*/
.detailsPanel .sectionChangeButtons .buttonGroup .more.dropDownControlContainer {
display:none;
}
.detailsPanel .sectionChange img {
max-height: 16px;
}
button.flatStyle {
border: transparent;
border-radius: 0;
padding: 10px;
box-shadow: none;
background-image: none;
background-color: transparent;
}
.detailsPanel .relatedDataPortlet {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.detailsPanel .documentPreview {
position: absolute;
width: 100%;
bottom: 0;
top: 36px;
box-sizing: border-box;
}
.detailsPanel .documentPreview .content {
position: absolute;
top: 35px;
bottom: 10px;
left: 10px;
right: 10px;
}
.detailsPanel .contentContainer {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
right: 0;
}
.detailsPanel.hasHeader .contentContainer,
.detailsPanel.hasSectionsChange .contentContainer {
top: 37px;
}
.detailsPanel .detailsPanelHeader {
display: none;
}
.detailsPanel.hasHeader.hasSectionsChange .contentContainer {
top: 82px;
}
.detailsPanel .contentLayoutContainer,
.detailsPanel .contentLayoutContainer > .form > .editablePanel,
.detailsPanel .contentLayoutContainer > .form > .editablePanel > .content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.detailsPanel .contentLayoutContainer > .form > .editablePanel.hasHeader > .header {
padding: 0 10px;
}
.detailsPanel .contentLayoutContainer > .form > .editablePanel.hasHeader > .content {
top: 35px;
}
.detailsPanel .content #Images img {
max-width:100%;
margin-top:10px;
display:block;
margin: 0 auto;
}
.detailsPanel .inlineEditablePanel > .content {
position: relative;
}
.dropdownPanelListItem.itemDisabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
}
.dropdownControl > .handle > .glyph {
width: 19px; /*The current ... icon is 19px wide, while most of the handle buttons have a fixed width of 16px (use icon16 class)*/
}
.hasSubMenu.more .glyph,
.dropdownControl > .handle > .glyph:before {
content: var(--ciaIconDropdownMore);
}
.dropdownPanelContainer {
position: absolute;
width: 100%;
z-index: 9020;
display: none;
}
.dropdownPanelContainer.shown {
display: block;
}
.dropdownPanelContainer.standardStyle .dropdownPanel
{
position: relative;
width: 100%;
-webkit-overflow-scrolling: touch;
}
.dropdownPanelContainer.standardStyle .dropdownItem.hidden {
display: none!important;
}
.dropdownPanelContainer.standardStyle .dropdownItem {
min-height: 42px;
line-height: 20px;
display: block;
padding: 10px 10px 10px 7px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
color: #fff;
border-left-style: solid;
border-left-width: 3px;
border-left-color: transparent;
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.dropdownPanelContainer.standardStyle .dropdownItem, .dropdownPanelContainer.standardStyle .dropdownItem.hghltBColSelected.selected {
border-top-color: rgba(255, 255, 255, 0.1);
border-bottom-color: rgba(0, 0, 0, 0.35);
}
.dropdownPanelContainer.standardStyle .dropdownItem:not(:first-child) {
border-top: solid 1px white;
}
.dropdownPanelContainer.standardStyle .dropdownPanelListItem.disabled > .dropdownItem {
opacity: 0.3;
}
.formActions button.defaultAction .buttonLabel {
float: left;
min-height: 16px;
}
.dropdownControl.standardStyle .dropdownButtonLabel {
margin: 0 4px;
}
.overlay.dropdownControlOverlay {
display: block;
}
.overlay.dropdownControlOverlay.up {
z-index: 9998;
}
.formActions .hasDefaultAction > button.defaultAction {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
position: relative;
float: left;
min-height: 16px;
}
.formActions .hasDefaultAction > button.handle {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
position: relative;
margin-left: -1px;
overflow: visible;
line-height: 16px;
}
.formActions .hasDefaultAction > button.handle .icon16 {
display: block;
}
.formActions .hasDefaultAction > button {
display: inline-block;
vertical-align: top;
}
.dropdownControl.visible {
display: block;
}
.dropdownControl.standardStyle.actions .headerTag
{
border-radius: 3px;
height: 24px;
min-width: 24px;
padding: 0 5px;
text-align: center;
line-height: 24px;
display: inline-block;
vertical-align: top;
margin-top: 8px;
margin-right: 5px;
background-color: rgba(255,255,255,0.25);
}
.dropdownControl.standardStyle.hasHeaderTag > .icon24 {
display: inline-block;
position: relative;
float: none;
vertical-align: top;
margin-top: 8px;
margin-left: 0;
top: 0;
left: 0;
}
.dropdownControl.standardStyle.hasHeaderTag.pageHeaderMenuItem > .buttonLabel {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
max-width: 100px;
margin-top: 10px;
line-height: 16px;
margin-left: 0;
}
.dropdownControl.standardStyle .dropdown.editAction > .icon16:before {
content: "\E078";
}
.dropdownControl.standardStyle .dropdown.addAction > .icon16:before {
content: "\E146";
}
@media screen and (min-width: 360px) {
.dropdownControl.standardStyle.hasHeaderTag.pageHeaderMenuItem > .buttonLabel {
max-width: 125px;
}
}
@media screen and (min-width: 414px) {
.dropdownControl.standardStyle.hasHeaderTag.pageHeaderMenuItem > .buttonLabel {
max-width: 140px;
}
}
@media screen and (min-width: 480px) {
.dropdownControl.standardStyle.hasHeaderTag.pageHeaderMenuItem > .buttonLabel {
max-width: 175px;
}
}
.dropdownControlSubMenu > .dropdownControl {
float: right;
}
.dropdownPanelContainer.standardStyle .dropdownPanel {
display: block;
position: relative;
float: left;
width: 100%;
overflow-y: auto;
}
.dropdownPanelContainer.standardStyle .dropdownPanel .dropdownItem > .icon24 {
display: block;
margin-top: -2px;
}
.dropdownPanelContainer.standardStyle .dropdownPanel .dropdownItem.next > .icon24 {
float: right;
}
.dropdownPanelContainer.standardStyle .dropdownPanel .dropdownItem.back > .icon24 {
float: left;
}
.dropdownPanelContainer.standardStyle .dropdownPanel .dropdownItem.next > .icon24:before { content: "\E061"; }
.dropdownPanelContainer.standardStyle .dropdownPanel .dropdownItem.back > .icon24:before { content: "\E062"; }
.dropdownControlContainer {
display: none;
}
.dropdownPanelContainer.standardStyle .dropdownItem > .icon16, .dropdownPanelContainer.standardStyle .dropdownItem > .icon24 {
float: left;
margin-right: 5px;
}
.dropdownPanelContainer.standardStyle .dropdownItem > .icon16 {
margin-top: 2px;
}
.dropdownPanelContainer.standardStyle .dropdownItem > .icon16 > img, ..dropdownPanelContainer.standardStyle dropdownItem > .icon24 > img {
height: inherit;
width: inherit;
}
/*--Consumer styles--*/
.dropdownPanelContainer.consumerStyle .dropdownPanel {
background-color: transparent;
padding: 8px 12px;
box-sizing: border-box;
}
.dropdownPanelContainer.consumerStyle .dropdownItem {
border: none;
min-height: 48px;
padding: 14px;
text-align: center;
font-size: 0.875rem;
font-weight: 600;
border-radius:2px;
margin-top:1px;
line-height: 20px;
}
.dropdownPanelContainer.consumerStyle .dropdownPanelListItem:not(.close) .dropdownItem {
background-color: #fff;
color: #3b4e58;
display: block;
box-sizing: border-box;
line-height: 20px;
}
.dropdownPanelContainer.consumerStyle .dropdownPanelListItem.close .dropdownItem {
margin-top:2px;
color: #fff;
box-sizing:border-box;
}
/* Spinners */
.newSpinner24 {
width:24px;
height:24px;
}
.newSpinner24.round {
border-radius: 12px;
}
.newSpinner32 {
width:32px;
height:32px;
}
.newSpinner32.round {
border-radius: 16px;
}
.newSpinner48 {
width:48px;
height:48px;
}
.newSpinner48.round {
border-radius: 24px;
}
.newSpinner64 {
width:64px;
height:64px;
}
.newSpinner64.round {
border-radius: 32px;
}
.newSpinner96 {
width:96px;
height:96px;
}
.newSpinner96.round {
border-radius: 48px;
}
.newSpinner128 {
width:128px;
height:128px;
}
.newSpinner128.round {
border-radius: 64px;
}
.pageSpinner, .itemSpinner, .processSpinner {
display: block;
z-index: 1;
background-repeat: no-repeat;
background-position: 0 0;
animation-iteration-count: infinite;
margin: 0 auto;
}
.spinnerMessage {
display: inline;
visibility: hidden;
text-align: center;
font-size: 1.2em;
line-height: 30px;
font-weight: 600;
}
.durationSpinner > .spinnerMessage {
display: block;
visibility: visible;
width: 100%;
}
/* Page Spinner */
.pageSpinner {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspritepage.png?v=12.0.258.0');
animation-duration: 1.6s;
animation-timing-function: steps(29, end);
}
.pageSpinner.dark {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspritepagedark.png?v=12.0.258.0');
}
.pageSpinner.newSpinner24 {
background-size: 696px 24px;
animation-name: pageSpinner24;
}
.pageSpinner.newSpinner32 {
background-size: 928px 32px;
animation-name: pageSpinner32;
}
.pageSpinner.newSpinner48 {
background-size: 1392px 48px;
animation-name: pageSpinner48;
}
.pageSpinner.newSpinner64 {
background-size: 1856px 64px;
animation-name: pageSpinner64;
}
.pageSpinner.newSpinner96 {
background-size: 2784px 96px;
animation-name: pageSpinner96;
}
.pageSpinner.newSpinner128 {
background-size: 3712px 128px;
animation-name: pageSpinner128;
}
@keyframes pageSpinner24 {
from { background-position: 0; }
to { background-position: -696px; }
}
@keyframes pageSpinner32 {
from { background-position: 0; }
to { background-position: -928px; }
}
@keyframes pageSpinner48 {
from { background-position: 0; }
to { background-position: -1392px; }
}
@keyframes pageSpinner64 {
from { background-position: 0; }
to { background-position: -1856px; }
}
@keyframes pageSpinner96 {
from { background-position: 0; }
to { background-position: -2784px; }
}
@keyframes pageSpinner128 {
from { background-position: 0; }
to { background-position: -3712px; }
}
/* Item Spinner */
.itemSpinner {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loadersprite.png?v=12.0.258.0');
animation-duration: 0.8s;
animation-timing-function: steps(12, end);
}
.itemSpinner.dark {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspritedark.png?v=12.0.258.0');
}
.itemSpinner.newSpinner24 {
background-size: 288px 24px;
animation-name: itemSpinner24;
}
.itemSpinner.newSpinner32 {
background-size: 384px 32px;
animation-name: itemSpinner32;
}
.itemSpinner.newSpinner48 {
background-size: 576px 48px;
animation-name: itemSpinner48;
}
.itemSpinner.newSpinner64 {
background-size: 768px 64px;
animation-name: itemSpinner64;
}
.itemSpinner.newSpinner96 {
background-size: 1152px 96px;
animation-name: itemSpinner96;
}
.itemSpinner.newSpinner128 {
background-size: 1536px 128px;
animation-name: itemSpinner128;
}
@keyframes itemSpinner24 {
from { background-position: 0; }
to { background-position: -288px; }
}
@keyframes itemSpinner32 {
from { background-position: 0; }
to { background-position: -384px; }
}
@keyframes itemSpinner48 {
from { background-position: 0; }
to { background-position: -576px; }
}
@keyframes itemSpinner64 {
from { background-position: 0; }
to { background-position: -768px; }
}
@keyframes itemSpinner96 {
from { background-position: 0; }
to { background-position: -1152px; }
}
@keyframes itemSpinner128 {
from { background-position: 0; }
to { background-position: -1536px; }
}
/* Process Spinner */
.processSpinner {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspriteprocess.png?v=12.0.258.0');
animation-duration: 1.8s;
animation-timing-function: steps(61, end);
}
.processSpinner.dark {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderspriteprocess.png?v=12.0.258.0');
}
.processSpinnerMessage {
color: #00A7FF;
}
.processSpinner.newSpinner24 {
background-size: 1464px 24px;
animation-name: processSpinner24;
}
.processSpinner.newSpinner32 {
background-size: 1952px 32px;
animation-name: processSpinner32;
}
.processSpinner.newSpinner48 {
background-size: 2928px 48px;
animation-name: processSpinner48;
}
.processSpinner.newSpinner64 {
background-size: 3904px 64px;
animation-name: processSpinner64;
}
.processSpinner.newSpinner96 {
background-size: 5856px 96px;
animation-name: processSpinner96;
}
.processSpinner.newSpinner128 {
background-size: 7808px 128px;
animation-name: processSpinner128;
}
@keyframes processSpinner24 {
from { background-position: 0; }
to { background-position: -1464px; }
}
@keyframes processSpinner32 {
from { background-position: 0; }
to { background-position: -1952px; }
}
@keyframes processSpinner48 {
from { background-position: 0; }
to { background-position: -2928px; }
}
@keyframes processSpinner64 {
from { background-position: 0; }
to { background-position: -3904px; }
}
@keyframes processSpinner96 {
from { background-position: 0; }
to { background-position: -5856px; }
}
@keyframes processSpinner128 {
from { background-position: 0; }
to { background-position: -7808px; }
}
.durationSpinnerContainer {
position: absolute;
top: 50%;
left: 50%;
display: flex;
flex-flow: column;
gap: 5px;
justify-content: center;
align-items: center;
transform: translate(-50%, -50%);
}
.durationSpinnerContainer.hasCancelButton{
border-radius: 12px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.9);
}
.durationSpinnerContainer.hasCancelButton .cancelAjaxRequest{
color: #FFFF;
font-weight: bold;
}
#DurationSpinnerImageContainer
{
position: relative;
border-radius: 12px;
width: 80px;
height: 80px;
background-color: rgba(0, 0, 0, 0.9);
margin: 0 auto;
}
#DurationSpinnerImageContainer > .newSpinner32 {
top: 50%;
position: absolute;
left: 50%;
margin-top: -16px;
margin-left: -16px;
}
.durationSpinnerMessage {
text-align: center;
font-size: 1.2em;
line-height: 30px;
font-weight: 600;
display: inline-block;
}
body.screenLoading > #pageLayout > #DurationSpinner {
display: block;
}
/** Header definitions **/
.editablePanel > .header{
display: flex;
gap: 10px;
}
.editablePanel > .header.hidden{
display: none;
}
.editablePanel > .header .headerElement{
display: flex;
align-items: center;
}
.editablePanel > .header .headerElement .iconControl.iconComponent.glyph{
margin: 0;
line-height: 24px;
font-size: var(--ciaFontSizeMainPanelHeadingGlyph);
}
.editablePanel > .header,
.editablePanel > .splitheader > div {
font-size: var(--ciaFontSizeMainPanelHeading);
font-weight: normal;
line-height: 30px;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px 5px 10px;
}
.editablePanel > .content {
padding: 0 10px 10px 10px;
}
.repeatableEditablePanel > .content, .repeatableEditablePanel > .content > .editablePanel > .content, .repeatableEditablePanel > .content > .editablePanel > .content > .fieldSet {
border-top: none;
}
.editablePanel > .header.hidden
{
display: none;
}
.editablePanel.hasHeader {
padding-top: 10px;
}
.editablePanel > .header > .headerFirstControl
{
display: block;
padding-top: 10px;
}
.editablePanel > .topActionPane
{
position: relative;
float: right;
margin-right: 10px;
}
.editablePanel > .topActionPane > *
{
display: inline-block;
}
.editablePanel.hasTopActions > .content{
position: relative;
width: 100%;
clear: both;
box-sizing: border-box;
}
.editablePanel > .content > .editablePanel > .content
{
padding: 0;
}
.editablePanel > .topActionPane > button,
.editablePanel > .bottomActionPane > button,
.editablePanel > .topActionPane > .dropdownControl > .dropdown.hasLabelText,
.editablePanel > .bottomActionPane > .dropdownControl > .dropdown.hasLabelText {
min-width: 50px;
}
.editablePanel > .topActionPane > .dropdownControl > .dropdown.noLabelText,
.editablePanel > .bottomActionPane > .dropdownControl > .dropdown.noLabelText {
min-width: 30px;
}
.repeatableEditablePanel > .content > .editablePanel > .topActionPane > button {
height: auto;
padding: 6px;
margin: 0 5px 0 0;
min-width: 44px;
float: left;
}
.editablePanel > .topActionPane > button,
.editablePanel > .bottomActionPane > button,
.editablePanel > .topActionPane > .dropdownControl,
.editablePanel > .bottomActionPane > .dropdownControl {
display: inline-block;
}
.editablePanel > .topActionPane > button,
.editablePanel > .topActionPane > .dropdownControl {
margin-left: 5px;
}
.editablePanel > .topActionPane > .formActionButton.remove {
background: none;
border: none;
box-shadow: none;
border-radius: 15px;
min-width: 0 !important;
margin-left: 5px;
width: 28px;
}
.editablePanel > .topActionPane > .formActionButton.remove:active {
background-color: rgba(0, 0, 0, 0.05);
}
.editablePanel.hasHeader > .content > .panel.standardStyle:first-of-type > .panelHeader {
padding-top: 0;
}
.editablePanel > .content > .panel.engagingStyle > .fieldsContainer {
padding-top: 10px;
}
.repeatableEditablePanel > .content > .editablePanel > .header {
font-size: 1em !important;
font-weight: 600;
padding-left: 10px;
line-height: 20px;
margin-top: 5px;
margin-bottom: 10px;
}
/* Breadcrumb */
.editablePanel > .breadcrumbContainer {
list-style: none;
overflow: hidden;
padding: 5px 10px;
white-space: nowrap;
}
.editablePanel > .breadcrumbContainer > .breadcrumb {
display: inline-block;
height: 20px;
position: relative;
}
.editablePanel > .breadcrumbContainer > .breadcrumb > .breadcrumbText {
color: #fff;
text-decoration: none;
padding: 5px;
position: relative;
display: block;
float: left;
line-height: 10px;
}
.editablePanel > .breadcrumbContainer > .breadcrumbLevel > .breadcrumbText {
margin-left: 10px;
}
.editablePanel > .breadcrumbContainer > .breadcrumb:after,
.editablePanel > .breadcrumbContainer > .breadcrumb:before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid;
position: absolute;
top: 50%;
margin-top: -10px;
right:0;
margin-right: -10px;
z-index: 2;
}
.editablePanel > .breadcrumbContainer > .breadcrumb:before {
margin-right: -11px;
z-index: 1;
color: #fff;
}
/*--Consumer Style--*/
.phone .consumerStyle .formsPage {
padding:0;
}
.consumerStyle .editablePanel > .header {
margin: 8px 0;
}
.phone .consumerStyle .editablePanel > .content {
padding:0;
}
.consumerStyle .editablePanel > .breadcrumbContainer {
display:none;
}
.pageContent .documentPreviewSection.mainTabControl{
position: absolute;
top: 0;
bottom:0;
left:0;
right:0;
}
.pageContent.hasFormTitleContainer .documentPreviewSection.mainTabControl{
top: 58px;
}
.pageContent .documentPreviewSection.mainTabControl .pdf.editablePanel {
padding-top: unset;
height: 100%;
}
.pageContent .documentPreviewSection.mainTabControl .pdf.editablePanel .content {
position: absolute;
top:0;
bottom:0;
left:0;
right:0;
}
.pageContent .documentPreviewSection.mainTabControl .pdf.editablePanel.hasHeader .content {
top:30px;
}
.pageContent .documentPreviewSection.mainTabControl .pdf.editablePanel.hasHeader.hasTopActions .content {
top: 50px;
}
.fltrSet > .fltrHeading h3 {
line-height:18px;
font-size: var(--ciaFontSizePanelHeading);
text-transform: var(--ciaFontTransformPanelHeading);
font-weight: var(--ciaFontWeightPanelHeading);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*favourites*/
.fltrItem .favouriteFilter.e180 {
color: gold;
float: right;
}
.fltrItem.readOnly{
opacity: 0.7;
}
.customFiltersPane{
padding-right: 10px;
}
.enquiryfilters li .fltrSet
{
position: relative;
border-top: solid 1px rgba(255,255,255,0.05);
border-bottom: solid 1px rgba(0,0,0,0.35);
}
.enquiryfilters .fltrSet.chldFltrSet
{
border-top: 0px;
margin-top:-1px;
}
.enquiryfilters .fltrSet h3 .expando,
.enquiryfilters .fltrSetCategory h3 .expando
{
float:left;
border:none;
margin-right: 5px;
color: #ffffff;
}
.enquiryfilters .fltrSet.notEmpty > .fltrSetclear
{
background-color: rgba(0,0,0,0);
cursor: pointer;
display: inline-block;
float:right;
font-size: 0.9em;
font-weight: normal;
line-height: 12px;
padding: 5px;
margin-top: 7px;
margin-right: 5px;
width: 40px;
text-align: center;
border: solid 1px rgba(255, 255, 255, 0.1);
border-radius: 2px;
}
.enquiryfilters .fltrSet > .fltrSetclear
{
display: none;
}
.enquiryfilters .fltrSet li.fltrItem.active {
background-color: rgba(255,255,255,0.05);
}
.enquiryfilters .fltrSet li.fltrItem .filterTag {
height: 16px;
line-height: 16px;
color: #fff;
padding: 4px;
margin-top: -2px;
margin-right: 5px;
float: left;
}
.enquiryfilters .fltrSet li.fltrSet
{
padding:2px 0px 2px 24px;
}
.enquiryfilters .fltrSet li .fltrItemTtl
{
float: right;
}
.enquiryfilters .fltrItem > label
{
vertical-align: top;
}
.enquiryfilters .fltrSet .moreorlessbutton a {
display:block;
margin-top:5px;
padding:5px 10px;
color: #fff;
}
.enquiryfilters .fltrSet.toberevealed {
display:none;
}
.bgException {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.9;
z-index: 0;
}
.exceptionWrapper
{
position: absolute;
word-wrap: break-word;
left: 0;
right: 0;
bottom: 0;
top: 0;
overflow: auto;
}
.exceptionContent {
max-width: 50vw;
min-width: 600px;
margin: 20vh auto;
box-sizing: border-box;
background: white;
}
.exceptionContent > .t1Logo {
background-image: url(https://cdn.t1cloud.com/cianywhere/content/base/images/branding/logo-small.jpg?v=12.0.258.0);
background-size: contain;
background-repeat: no-repeat;
width: 500px;
height: 32px;
display: inline-block;
}
.exceptionContent > .header{
padding: 3vh;
text-align: center;
}
.exceptionContent .content{
font-size: 1.2em;
line-height: 1.7em;
text-align: center;
padding: 5%;
}
.exceptionContent .content > p {
margin-bottom: 10px;
margin-top: 10px;
}
.exceptionContent .content > .notification {
position: inherit;
width: auto;
margin-left: auto;
margin-top: 20px;
}
.exceptionWrapper .statusIcon{
font-size: 30vw;
position: absolute;
right: 5vw;
bottom: 15vh;
opacity: 0.1;
}
.exceptionWrapper ul
{
font-size: 1em;
line-height: 1.5em;
list-style-type:inherit;
padding-left: 20px;
}
#UserAgent
{
display: block;
font-size: 0.8em;
text-align: center;
color: #EFEFEF;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px;
background-color: #184184;
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.exceptionWrapper .footer {
text-align: center;
padding: 5vh;
}
.footer a.buttonStyle:not(.primary) {
background-color: white;
}
.exceptionContent .footer a.buttonStyle:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
border-color: transparent;
}
.exceptionWrapper .footer .buttonStyle{
text-align: center;
padding: 10px;
margin-bottom: 20px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-transform: uppercase;
min-width: 200px;
text-decoration: none;
display: inline-block;
margin-right: 3%;
background-image: none;
}
.statusIcon{
animation: 0.5s ease 0.1s 1 slideInFromRight;
}
@keyframes slideInFromRight {
0% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 0.1;
}
}
@media (max-width: 800px) {
.exceptionContent{
min-width: auto;
margin: 10vh 10px;
max-width: none;
}
.exceptionWrapper .footer .buttonStyle{
display: block;
}
}
@media (max-height: 600px) {
.exceptionContent{
margin: 5vh auto;
}
.exceptionWrapper .footer .buttonStyle{
min-width: 25%;
}
}
.expressionBuilder {
height: 100%;
}
.expressionBuilder textarea {
border-color: white;
}
.expressionBuilderValidatePanel {
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.expressionBuilderValidIndicator {
color: green;
line-height: 30px;
float: right;
}
.expressionBuilderInvalidIndicator {
color: red;
line-height: 30px;
float: right;
}
.filePreviewer{
display: none;
position: absolute;
left:0;
right:0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,0.8);
z-index: 9001;
opacity: 0;
}
.filePreviewer.shown{
display: block;
opacity: 1;
}
.filePreviewer .title{
vertical-align: top;
line-height: 45px;
display: inline-block;
width: 60%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.filePreviewer .btn {
padding: 10px;
cursor: pointer;
text-decoration: none;
opacity: 0.7;
}
.filePreviewer .btn:hover{
opacity: 1;
}
.filePreviewer .header .btn{
float: right;
}
.filePreviewer .btn.navigation {
position: absolute;
top: 50%;
padding: 30px 15px;
margin-top: -50px;
z-index: 1;
background: rgba(0,0,0,0.5);
}
.filePreviewer .btn.disabled{
cursor: default;
opacity: 0.3;
background: transparent;
}
.filePreviewer .btn.prev { left: 0; }
.filePreviewer .btn.next { right: 0; }
.filePreviewer .mediaContainer{
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
}
.filePreviewer .mediaContainer.scroll{
display: block;
overflow: auto;
}
.filePreviewer .mediaItem{
box-shadow: 0 0px 50px black;
}
.filePreviewer .mediaItem.video {
max-height: 90%;
max-width: 90%;
}
.filePreviewer .mediaItem.pdf{
width: 90%;
height: 95%;
}
.filePreviewer .noPreview {
height: 200px;
width: 300px;
position: relative;
}
.filePreviewer .noPreview a {
display: block;
width: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.filePreviewer .controlPanel {
display: none;
position: absolute;
left: 0;
right: 0;
bottom: 30px;
text-align: center;
}
.filePreviewer.hasControlPanel .controlPanel{
display: block;
}
.filePreviewer .controlPanel > div{
background: rgba(0,0,0,0.5);
}
.filePreviewer .controlPanel > div > div{
padding: 10px;
border-right: solid 1px rgba(0,0,0,0.2);
background: rgba(255,255,255,0.1);
}
.filePreviewer .controlPanel > div > div:last-child{
border-right: none;
}
.filePreviewer .controlPanel > div > div:hover{
background: rgba(255,255,255,0.2);
}
.fileSelector [disabled] {
opacity: 0.5;
}
.fileSelector .statushint
{
padding: 6px 0;
line-height: 16px;
display: inline-block;
}
.fileSelector .inputContainer
{
overflow: visible;
position: relative;
float: right;
height: 30px;
}
.popupContentInnerContainer .fileSelector .fileListContainer {
max-height: unset;
min-height: 150px;
}
.fileSelector .inputContainer > input[type="file"] {
position: absolute;
font-size: 2em;
top: 0;
right: 0;
cursor: pointer;
opacity: 0;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fileSelector .fileList
{
clear: both;
margin: 5px 0;
max-height: 200px;
overflow-y: auto;
padding-bottom: 2px; /*to stop ie showing scrollbars when not required*/
table-layout: fixed;
}
.fileSelector .fileList th {
padding-top: 0px;
border-bottom: none;
font-weight: normal;
}
.fileSelector .fileList .fileNameContainer div > span.label
{
font-weight: bold;
margin-right: 10px;
}
.fileSelector .fileList td {
vertical-align: middle;
}
.fileSelector .fileList > tr > td > .removeFile
{
display: table-cell;
border: solid 1px transparent;
border-radius: 15px;
margin-right: 3px;
}
.fileSelector .fileList > tr > td > .removeFile:hover {
background-color: rgba(0, 0, 0, 0.05);
background-image: none;
}
.fileSelector .fileList > tr > td > .removeFile:active {
background-image: none;
}
.fileSelector .fileList > tr > td > .removeFile .icon16:before {
content:"\E058";
color: #d50000;
}
.fileSelector .fileList th:last-child {
width: 7%;
}
.fileList tr:last-child td {
border-bottom: none;
}
.fileSelector.singleFileSelectionMode .inputContainer{
display: block;
}
.fileSelector.singleFileSelectionMode.hasFiles .inputContainer{
display: none;
}
.fileSelector .fileList tr:hover {
background-color: initial !important;
color: initial !important;
}
/*--Upload Progress Bar--*/
.fileSelector.revealProgressBar .fileList .file .fileNameContainer div span {
width: auto;
}
.fileSelector .fileList .fileNameContainer .fileUploadLabels {
display: flex;
}
.fileSelector .fileList .file .fileNameContainer div span {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
padding: 1px 0 1px 0;
}
.fileSelectorUploadProgress {
display: block;
margin-top: 8px;
width: 80%;
height: 10px;
-webkit-appearance: none;
}
.fileSelectorUploadProgress[value]::-webkit-progress-bar {
background-color: #eee;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
border-radius: 4px;
}
.fileSelectorUploadProgress[value]::-webkit-progress-value {
background-image: -webkit-linear-gradient(-45deg,
transparent 33%, rgba(0, 0, 0, .1) 33%,
rgba(0,0, 0, .1) 66%, transparent 66%),
-webkit-linear-gradient(top,
rgba(255, 255, 255, .25),
rgba(0, 0, 0, .25)),
-webkit-linear-gradient(left, #228b22, #0F0);
border-radius: 4px;
background-size: 35px 20px, 100% 100%, 100% 100%;
}
.fileSelector.revealProgressBar .fileList .file .fileNameContainer div .fileSelectorUploadProgress,
.fileSelector.revealProgressBar .fileList .file .fileNameContainer div .fileSelectorUploadState {
display: inline-block;
}
.fileSelector.revealProgressBar .fileList .file .fileNameContainer div .fileSelectorUploadState
{
text-align: right;
}
.fileSelector.revealProgressBar .inputContainer,
.fileSelector.revealProgressBar .fileList .file td:has(.removeFile),
.fileSelector.revealProgressBar .fileList .file td:has(.bulkSelectFileCheckBox) {
display: none;
}
.fileSelector.revealProgressBar .fileList .file .fileNameContainer {
display: table-cell;
}
/*--Consumer style--*/
.consumerStyle .fileSelector .statushint {
font-size:0.875rem;
}
.consumerStyle .fileSelector .fileList tr td {
padding: 0 0 0 12px;
background-color: #f8f8f8;
border-top: solid 1px #FFf;
font-size:0.8745rem;
}
.consumerStyle .fileSelector .fileList td > div > .label {
font-weight:400;
}
.consumerStyle .fileSelector .fileList td .removeFile {
border-radius:2px;
box-shadow:none;
padding:9px;
margin:0;
}
.consumerStyle .fileSelector .fileList > .file td .removeFile .icon16 {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.0005' y='4.58636' width='2' height='13.3108' rx='1' transform='rotate(45 14.0005 4.58636)' fill='%233B4E58'/%3E%3Crect x='15.4147' y='13.9985' width='2' height='13.3108' rx='1' transform='rotate(135 15.4147 13.9985)' fill='%233B4E58'/%3E%3C/svg%3E");
background-size: cover;
}
.consumerStyle .fileSelector .fileList > .file td .removeFile .icon16:before {
display: none;
}
.consumerStyle .fileSelector .fileListControlRow th button.addFiles {
font-size: 0.875rem;
}
.consumerStyle .fileSelector .fileListControlRow th button.addFiles:before {
content:"Add another file";
display:block;
}
.consumerStyle .fileSelector .fileListControlRow th button.addFiles > .icon16 {
display:none;
}
.consumerStyle .fileSelector .fileList th:last-child {
text-align: right;
width: auto;
}
.consumerStyle .fileSelector .fileList td:last-child {
text-align: center;
vertical-align: middle;
}
.consumerStyle .fileSelector .fileList td:last-child {
width: auto;
text-align: center;
vertical-align: middle;
}
.fileSelector {
position: relative;
padding: 10px 16px 10px 16px;
}
.fileSelector .fileListControlRow th button.addFiles > .icon16 {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/white/plus.png?v=12.0.258.0');
margin: 0 4px;
background-position: center;
}
.fileSelector td {
vertical-align: middle;
}
.fileSelector th:last-child {
text-align: right;
}
.fileSelector td:last-child {
text-align: right;
width: 3%;
}
.fileSelector .fileList .file .fileNameContainer div .fileSelectorUploadProgress,
.fileSelector .fileList .file .fileNameContainer div .fileSelectorUploadState {
display: none;
}
.phoneFileUploadSelectorWrapper{
width: 100%;
padding: 10px 0;
font-size: 1.1em;
font-weight: bold;
border-radius: 3px;
background-color: #000;
border-color: rgba(255, 255, 255, 0.15);
}
.phoneFileUploadSelectorWrapper > .icon16.glyph {
color: #fff;
margin-left: 5px;
padding: 5px;
}
.phoneFileUploadSelectorWrapper .fileUploadFileSelector {
display: none
}
.fileUploadFileSelectorLabelWrapper {
margin: 5px;
display: inline-block;
}
.fileUploadFileSelectorLabel,
.fileUploadFileSelectorLabel
{
color: #fff;
width: 100%;
}
/* Splash Screen */
.splashScreenContainer {
padding-top: 20px;
text-align: center;
}
.splashScreenContainer > .splashScreenIcon {
color: #72bf00;
display: inline;
}
.splashScreenContainer > .splashScreenStatusText {
font-size: 1.3em;
color: #72bf00;
padding: 0;
margin: 10px 0 20px 0;
}
.splashScreenStatusMessageContainer > .splashScreenStatusMessagePart {
padding: 0;
line-height: 20px;
display: inline;
}
.splashScreenPrimaryLink {
margin: 10px 0 0 0;
}
/* Consumer Styles */
.splashScreenContainer.consumerStyle {
background-color: #EEF5F7;
font-size: 0.875rem;
min-height: 400px;
}
.phone .splashScreenContainer.consumerStyle {
min-height: calc(100vh - 92px);
}
.splashScreenIcon.consumerStyle {
width: 161px;
height: 150px;
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg width='161' height='160' viewBox='0 0 161 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url({0}/%23successClip0?v={1})'%3E%3Cpath d='M51.5 131.999C51.5 134.208 64.9311 136 81.5 136C98.0689 136 111.5 134.208 111.5 131.999C111.5 129.79 98.0689 128 81.5 128C64.9311 128 51.5 129.79 51.5 131.999Z' fill='%23D0DFE7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M155.5 94.6283C155.5 53.9652 122.592 21 82 21C41.4078 21 8.5 53.9652 8.5 94.6283C8.5 105.461 10.8538 115.738 15.0489 125H148.951C153.146 115.738 155.5 105.461 155.5 94.6283Z' fill='white'/%3E%3Cpath d='M156.5 125.5H160.5M10.5 125.5H153.5H10.5ZM1.5 125.5H5.5H1.5Z' stroke='%23ADC2CD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M109.541 42.2353C109.36 42.2452 109.194 42.3409 109.094 42.493L107.601 44.775L107.456 42.6559C107.431 42.0811 107.129 41.5539 106.647 41.2407L104.896 40.072L107 39.9565C107 39.9565 107.001 39.9564 107.001 39.9564C107.573 39.9265 108.098 39.6271 108.415 39.1495C108.415 39.1492 108.416 39.1489 108.416 39.1487L109.586 37.3961L109.701 39.5019L109.701 39.5019L109.701 39.5048C109.736 40.0738 110.033 40.5944 110.505 40.9133L110.505 40.9133L110.508 40.9149L112.262 42.0859L109.541 42.2353Z' fill='white' stroke='%23D0DFE7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M35.5411 65.2353C35.3597 65.2452 35.1938 65.3409 35.0943 65.493L33.6012 67.775L33.4562 65.6559C33.4309 65.0811 33.1293 64.5539 32.6465 64.2407L30.8959 63.072L33 62.9565C33.0003 62.9565 33.0006 62.9564 33.0009 62.9564C33.5735 62.9265 34.0981 62.6271 34.4152 62.1495C34.4154 62.1492 34.4155 62.1489 34.4157 62.1487L35.5857 60.3961L35.7013 62.5019L35.7013 62.5019L35.7015 62.5048C35.7356 63.0738 36.0327 63.5944 36.5051 63.9133L36.5051 63.9133L36.5076 63.9149L38.2616 65.0859L35.5411 65.2353Z' fill='white' stroke='%23D0DFE7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='29.75' y='108.25' width='0.5' height='4.5' rx='0.25' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Crect x='27.75' y='110.75' width='0.5' height='4.5' rx='0.25' transform='rotate(-90 27.75 110.75)' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Crect x='130.75' y='101.25' width='0.5' height='4.5' rx='0.25' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Crect x='128.75' y='103.75' width='0.5' height='4.5' rx='0.25' transform='rotate(-90 128.75 103.75)' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Crect x='74.75' y='51.25' width='0.5' height='4.5' rx='0.25' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Crect x='72.75' y='53.75' width='0.5' height='4.5' rx='0.25' transform='rotate(-90 72.75 53.75)' fill='%23AFBEF8' stroke='%23D0DFE7' stroke-width='0.5'/%3E%3Cpath d='M72.3476 91.8224L60.082 79.581C58.167 77.6483 55.0605 77.6466 53.1434 79.5771C53.1422 79.5784 53.1409 79.5797 53.1396 79.581L47.9389 84.8237C46.0219 86.7542 46.0201 89.8859 47.9351 91.8185C47.9364 91.8198 47.9377 91.8211 47.9389 91.8224L70.5078 114.549C72.4227 116.482 75.5292 116.484 77.4463 114.553C77.4476 114.552 77.4489 114.551 77.4501 114.549L120.061 71.692C121.978 69.7616 121.98 66.6299 120.065 64.6973C120.064 64.696 120.062 64.6947 120.061 64.6934L114.86 59.4506C112.945 57.518 109.839 57.5162 107.922 59.4467C107.921 59.448 107.919 59.4493 107.918 59.4506L75.8065 91.8224C74.8497 92.7812 73.3044 92.7812 72.3476 91.8224H72.3476Z' fill='%23E7FDBE' stroke='%23A1C75D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='successClip0'%3E%3Crect width='160' height='160' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.splashScreenIcon.consumerStyle:before {
display: none;
}
.splashScreenContainer > .splashScreenStatusText.consumerStyle {
color: inherit;
margin: 16px 0 48px 0;
}
.consumerStyle .splashScreenContainer .splashScreenPrimaryLink {
margin-top: 40px;
}
.phone .consumerStyle .splashScreenContainer .splashScreenPrimaryLink .primary {
padding: 0;
height: 44px;
border-radius: 2px;
margin: 0 auto;
max-width: calc(100vw - 24px);
font-weight: 600;
font-size: 0.875rem;
min-width: 220px;
text-shadow: none;
box-shadow: none;
}
.controlContainer {
position: relative;
margin: 0;
padding: 0;
margin-bottom: 4px;
background-color: #fff;
border: solid 1px #c4c4c4;
}
.controlContainer.active {
border-color: #9c9c9c;
}
.controlContainer.sideBySide {
margin-bottom: 0;
}
.controlContainer.sideBySide + a {
display:inline-block;
margin-bottom: 14px;
}
.editorLabel, .editorLabelAutoWidth {
text-align: left;
}
.editorLabel {
padding: 4px 0;
}
.controlContainer > .editorLabel {
display: block;
padding: 4px 4px 2px 4px;
font-size: 0.9em;
font-weight: 600;
}
.controlContainer > .editorField > a {
word-break: break-all;
}
input, select, textarea {
border-style: solid;
border-width: 1px;
font-family:Osans, Arial, sans-serif;
font-size: 1.1em;
color: #656565;
width: 100%;
padding: 0 4px;
margin: 0;
height: 34px;
min-height: 34px;
line-height: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance:none;
-webkit-border-radius:0;
}
.controlContainer input, .controlContainer select {
height: 24px;
min-height: 24px;
}
textarea
{
overflow-y: hidden;
resize: none;
}
input:focus.readonly, textarea:focus.readonly, input:focus.disabled, textarea:focus.disabled {
outline: none;
}
input.readonly, textarea.readonly
{
border : transparent;
padding: 0;
}
input.disabled, textarea.disabled {
border : transparent;
}
.controlContainer.readonly {
background-color: transparent;
border-color: transparent;
}
.fieldSet .controlContainer > .editorField input:focus, .fieldSet .controlContainer > .editorField button:focus, .fieldSet .controlContainer > .editorField select:focus {
box-shadow: none;
}
.form section.withShadow
{
border-radius: 13px;
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.mandatory { color: #DD0000; }
.controlContainer > .editorField > a
{
display: block;
line-height:16px;
padding: 4px 4px 4px 5px;
box-sizing: border-box;
word-wrap: break-word;
height: auto;
}
.controlContainer.literalText{
border-color: transparent;
background: transparent;
}
/*--Form Field Info--*/
.frmFldInfo {
font-size: 0.9em;
color: #bbb;
}
.plainText, .htmlText, .paraText
{
padding: 5px 0;
}
/*--OAuth--*/
#TabSummaryPanel_GoogleSection:before, #TabSummaryPanel_FacebookSection:before, #TabSummaryPanel_MicrosoftSection:before, #TabSummaryPanel_OneloginSection:before,
#IntroTextPlatformGoogle:before, #IntroTextPlatformFacebook:before, #IntroTextPlatformMicrosoft:before, #IntroTextPlatformFed:before {
content: "";
display: block;
width: 36px;
height: 36px;
background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/logon/loginusing.png?v=12.0.258.0') no-repeat top left;
}
#TabSummaryPanel_GoogleSection:before, #TabSummaryPanel_FacebookSection:before, #TabSummaryPanel_MicrosoftSection:before, #TabSummaryPanel_OneloginSection:before {
float: left;
margin-right: 5px;
}
#IntroTextPlatformGoogle:before, #IntroTextPlatformFacebook:before, #IntroTextPlatformMicrosoft:before, #IntroTextPlatformFed:before {
margin: 0 auto 10px auto;
}
#IntroTextPlatformGoogle, #IntroTextPlatformFacebook, #IntroTextPlatformMicrosoft, #IntroTextPlatformFed {
float: left;
text-align: center;
width: 100px;
height: 80px;
font-family: Osans, Arial, sans-serif;
font-size: 1.2em;
border: solid 1px #f3f3f3;
margin: 10px 10px 10px 0;
}
#TabSummaryPanel_FacebookSection:before, #IntroTextPlatformFacebook:before {
background-position: -36px 0;
}
#TabSummaryPanel_MicrosoftSection:before, #IntroTextPlatformMicrosoft:before {
background-position: -72px 0;
}
#TabSummaryPanel_OneloginSection:before, #IntroTextPlatformFed:before {
background-position: -108px 0;
}
#IntroTextEnd {
clear: both;
font-size: 0.9em;
}
.ToDisableInstructions {
font-size: 0.9em;
}
.oauthInfo, .oauthCreate {
margin-top: 10px;
}
.oauthInfo:before, .oauthCreate:before {
display: block;
float: left;
width: 26px;
height: 26px;
border: solid 3px #c4c4c4;
color: #c4c4c4;
border-radius: 16px;
text-align: center;
line-height: 26px;
font-size: 2em;
font-weight: bold;
margin-right: 10px;
}
.oauthInfo:before {
content: "i";
}
.oauthCreate:before {
content: "+";
}
#GoogleSpecific1, #GoogleSpecific2 {
margin-top: 10px;
}
.wizardLink {
display: block;
padding: 10px 0;
}
/* Custom Checkbox */
.customCheckBox
{
height: 16px;
width: 16px;
margin-left: 4px;
margin-top: 4px;
margin-bottom: 4px;
border: solid 1px #656565;
border-radius: 3px;
background-size:auto 100%;
background-color: #fff;
font-family: iconGlyph;
font-size: 16px;
line-height: 16px;
text-align: center;
display: inline-block;
-webkit-font-smoothing: antialiased;
}
.customCheckBox.disabled {
opacity: 0.35;
}
.customCheckBox.checked:before {
display: block;
content: "\E066";
}
/* Styling for Forms, based on LiteralText.css*/
.formsSection .plainText,
.formsSection .htmlText,
.formsSection .paraText,
.formsPage .editorLabel > label {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.formsSection .plainText,
.formsSection .htmlText,
.formsSection .paraText
{
padding: 5px 0;
text-align: justify;
}
.formsSection .htmlText p,
.formsSection .htmlText ul,
.formsSection .htmlText ol {
margin: 1em 0;
line-height: 1.5em;
}
.formsSection .htmlText ul,
.formsSection .htmlText ol {
padding: 0 0 0 20px;
}
.formsSection .htmlText ul li,
.formsSection .htmlText ol li{
padding-bottom: 5px;
}
.formsSection .htmlText ul ul,
.formsSection .htmlText ol ol,
.formsSection .htmlText ul ol,
.formsSection .htmlText ol ul {
margin: 0;
}
.formsSection .htmlText ul {
list-style-type: disc;
list-style-position: inside;
}
.formsSection .htmlText ol {
list-style-type: decimal;
list-style-position: inside;
}
.formsSection .htmlText ol ul,
.formsSection .htmlText ul ul {
list-style-type:circle;
}
.formsSection .htmlText ol ol ul,
.formsSection .htmlText ol ul ul,
.formsSection .htmlText ul ol ul,
.formsSection .htmlText ul ul ul{
list-style-type: square;
}
.formsSection .engagingStyle .plainText,
.formsSection .engagingStyle .htmlText,
.formsSection .engagingStyle .paraText {
font-size: 1.15em !important;
line-height: 1.5em;
}
.formsSection .htmlText td {
border: none;
}
.formsSection .htmlText tr:hover {
background-color: transparent;
}
.formsLabel {
width: auto;
padding-bottom: 4px;
padding-left: 6px;
word-wrap: break-word;
}
.formsLinkLabel {
width: auto;
padding-left: 4px;
padding-bottom: 4px;
word-wrap: break-word;
}
.formsLoadingWrapper {
position: relative;
min-height: 200px;
}
.formsLoading {
text-align: center;
left: 10px;
right: 10px;
font-size: 1.7em;
top: 50%;
position: absolute;
height: 20px;
margin-top: -10px;
}
#FormsLoadingSpinner
{
background: url(https://cdn.t1cloud.com/cianywhere/content/base/images/loadersml.gif?v=12.0.258.0) no-repeat;
height: 20px;
width: 20px;
display: inline-block;
vertical-align: middle;
}
.forms > section {
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
border: none;
}
.forms > .formsContent > .editablePanel > .content {
position:relative;
top:0;
}
.formsSubmitPanel{
text-align: center;
}
.formsSubmitPanel .formsSubmitHeader {
font-size:1.4em !important;
font-weight:normal;
line-height:30px;
margin-bottom:5px;
color: #2dc146
}
.formsSubmitPanel .formsSubmitDoneButton {
margin-top: 10px;
}
.formsTable.panel.fieldSet > .fieldsContainer {
margin-top: 0;
}
.formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet {
padding-left: 0;
}
.formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet > .panelHeader {
margin-left: 0;
background-color: transparent;
border-top: none;
padding: 15px 0 15px 0;
font-size: 1.2em;
opacity: 0.75;
color: #656565;
}
.formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet > .panelHeader > .panelHeaderTextContainer > .panelHeaderText {
padding: 0;
font-size: 1em;
}
.formsSection section[id$=_AttPanel].panel.engagingStyle.fieldSet .attachmentsCtrlLabel {
display: none;
}
.formsSection .engagingStyle .plainText,
.formsSection .engagingStyle .htmlText,
.formsSection .engagingStyle .paraText {
font-size: 1.3em !important;
line-height: 1.5em !important;
}
.formTitleControl.imgLytRound img{
border-radius: 50%;
}
.formTitleControlSubHeading.longSubHeadingText .subHeadingText{
margin-right: 40px;
}
.formTitleControlSubHeading .moreLess {
display: none;
position: absolute;
right: 0px;
bottom: 0px;
}
.formTitleControlSubHeading .moreLess:hover {
text-decoration: underline;
cursor: pointer;
}
.formTitleControlSubHeading.longSubHeadingText .moreLess {
display: inline-block;
}
.formTitleControlSubHeading.longSubHeadingText.expanded {
white-space: normal;
position: fixed;
height: auto;
background-color: #fff;
z-index: 1;
box-shadow: 1px 1px 15px 5px rgb(0 0 0 / 27%);
}
.formTitleControlSubHeading.longSubHeadingText.expanded .subHeadingText {
max-height: 200px;
overflow-y: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.formTitleControlSubHeading.longSubHeadingText.expanded .moreLess {
bottom: 5px;
right: 5px;
}
.formTitleControl {
height: 48px;
position: relative;
}
.formTitleControl > .attachmentsImagePanel {
float: left;
border: none;
padding: 0;
text-align: center;
}
.formTitleControl > .attachmentsImagePanel > img {
display: block;
height: 48px;
max-width: 100px;
}
.formTitleControlHeadingContainer {
overflow: hidden;
}
.formTitleControlHeading {
font-size: 1.2em;
line-height: 2.2em;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Osans, Arial, sans-serif;
display: inline-block;
padding-left: 5px;
}
.formTitleControlSubHeading {
display:flex;
position: relative;
line-height: 20px;
white-space: nowrap;
padding-left: 5px;
}
.formTitleControlSubHeading .subHeadingText{
text-overflow: ellipsis;
overflow: hidden;
}
.formTitleControlSubHeadingDropDownControl {
display: inline-block!important;
}
.formTitleControlSubHeadingDropDownControlButton {
border: none;
box-shadow: none;
-webkit-box-shadow: none;
padding: 0;
background: transparent;
color: inherit;
}
.formTitleControlSubHeadingDropDownControlButton > .dropdownButtonLabel {
margin-left: 0;
margin-top: 1px;
margin-right: 0;
font-size: 12px;
}
.formTitleControlSubHeadingDropDownControl > .handle {
background: none;
border: none;
box-shadow: none;
-webkit-box-shadow:none;
}
.formTitleControlSubHeadingDropDownControl > .handle > .icon16:before {
content: "\E045";
}
.formTitleControlSubHeading .ratingControl {
padding: 0 10px;
display: inline-block;
}
.formTitleControlSubHeading > .subHeadingPartsContainer > * {
vertical-align: top;
}
.formTitleControlSubHeading .ratingControl .editorLabel {
vertical-align: top;
display: inline-block;
width: auto;
padding: 0 5px 0 0;
}
.formTitleControlSubHeading .ratingControl .editorField {
vertical-align: top;
display: inline-block;
}
.freeFormatterBar {
width: 100%;
position: relative;
text-align: center;
font-size: 12px;
line-height: 100%;
margin-top: 10px;
}
.freeFormatterBarTrack {
position: relative;
}
.freeFormatterBarfill {
position: relative;
text-align: center;
font-size: 12px;
}
#FunctionLinksPanel .optionItem .syncLink .linkIcon{
vertical-align: middle;
margin-right: 5px;
background-position: unset;
}
.ganttChartViewer {
overflow: hidden !important;
padding: 0;
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.ganttChartViewContainer,
.mainGanttChartContent{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
overflow: hidden !important;
}
.mainGanttChartContent{
top: 40px;
}
.ganttViewActions{
padding-bottom: 5px;
}
.editablePanel.inGanttChartView{
padding-top: 0;
}
.ganttViewActions > * {
margin-top: 5px;
}
.inGanttChartView .relatedDataPortlet > .contents{
top: 40px!important;
}
.inGanttChartView .relatedDataPortlet.rdpHeaderBarHidden > .headerBar{
display: initial;
}
.relatedDataPortletSection .mainGanttChartHeader,
.inGanttChartView .relatedDataPortlet.rdpHeaderBarHidden > .headerBar > #SearchPanel{
display: none;
}
.ganttMaximizedGrid .ganttChartOnly{
display: none!important;
}
.ganttViewActions .gantt-rdp-actions{
position: absolute;
right: 0;
top: 0;
}
.ganttViewActions .otherGanttActionButtons,
.ganttViewActions .gantt-rdp-actions .topActionPane{
display: inline-block;
}
.otherGanttActionButton{
float: right;
margin-left: 5px;
}
.otherGanttActionButton.gridExportSelector .chooser .downFill > .glyph:before {
content: "\E219";
}
.otherGanttActionButton.optionsSelector .chooser .downFill > .glyph:before {
content: "\E226";
}
.ganttChartViewer .gantt_selected .weekend {
background-color: #f7eb91;
}
.ganttChartViewer .holiday{
background: #ffb9cf !important;
opacity: 0.3;
pointer-events: none;
}
/*--Add to selection for checkbox--*/
.ganttChartViewer label.addSelCont input,
.ganttChartViewer .chkBselAll {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.ganttChartViewer .lblSelAll:before {
margin: unset;
line-height: 15px;
display: inline-flex;
}
.ganttChartViewer .addSelCont,
.ganttChartViewer .addRemoveItem {
position: absolute;
top: 10px;
left: 5px;
z-index: 1;
}
.ganttChartViewer .addSelCont:before {
line-height: 12px;
margin: 0;
vertical-align: top;
display: inline-block;
}
.ganttChartViewer .gantt_grid_head_cell{
padding-left: 6px;
padding-right: 6px;
text-align: right;
}
.ganttChartViewer .gantt-tree-column{
padding-left: 25px;
}
.ganttChartViewer .gantt-column-name{
display: block;
}
.ganttChartViewer .gantt-sortable .gantt-column-name{
text-overflow: ellipsis;
overflow: hidden;
}
.ganttChartViewer .sort-ascending .gantt-column-name,
.ganttChartViewer .sort-descending .gantt-column-name{
padding-right: 16px;
}
.ganttChartViewer .gantt-sort-indicator{
float: right;
position: absolute;
top: 0;
right: 6px;
}
.ganttChartViewer .gantt-col-align-left {
text-align: left;
}
.ganttChartViewer .gantt-col-align-center {
text-align: center;
}
.ganttChartViewer .gantt-col-align-right {
text-align: right;
}
.ganttChartViewer .ganttToggleGridCollapse > .glyph:after {
content: "\E237";
}
.ganttChartViewer.ganttGridCollapsed .ganttToggleGridCollapse > .glyph:after {
content: "\E122";
}
.ganttChartViewer .gantt-sort-indicator:after{
font-family: 'iconGlyph';
font-size: 16px;
line-height: 16px;
text-align: center;
}
button.ganttToggleAutoScheduling{
border: none;
background-color: transparent;
box-shadow: none;
}
.ganttToggleAutoScheduling.menu-item-active > .e145:before{
content: "\E140";
}
.ganttChartViewer .sort-ascending .gantt-sort-indicator:after {
content: "\E019";
}
.ganttChartViewer .sort-descending .gantt-sort-indicator:after {
content: "\E020";
}
.ganttChartViewer .gantt_cell {
position: relative;
}
.ganttChartViewer .ganttRowActions.rowActions{
padding: 0;
width: 32px!important;
height: 34px!important;
position: relative;
opacity: 0.4;
float: left;
text-align: center;
display: block;
}
.ganttChartViewer.has-baseline .ganttRowActions.rowActions{
height: 44px!important;
}
.ganttChartViewer .ganttRowActions.rowActions.add{
color: green;
}
.ganttChartViewer .ganttRowActions.rowActions.edit{
color: #ffa011;
}
.ganttChartViewer .ganttRowActions.rowActions:hover {
opacity: 1;
background-color: rgba(0, 0, 0, 0.03);
}
.ganttChartViewer .ganttRowActions{
position: relative;
display: inline-block;
}
.gantt_drag_marker .ganttRowActions{
display: none;
}
.gantt_drag_marker.gantt_grid_dnd_marker{
width: auto!important;
right: 10px;
}
.ganttActions{
position: absolute;
right: 0;
top: 0;
background-color: #fff;
}
.ganttActionSeparator {
display: inline-block;
width: 20px;
position: relative;
margin: 0 !important;
}
.ganttActionSeparator:after {
content: " ";
position: absolute;
top: -16px;
left: 10px;
background: #e2e2e2;
width: 1px;
height: 24px;
}
.relatedDataPortlet .ganttChartViewer .ganttViewActions .dropDownControlContainer{
display: inline-block;
}
.relatedDataPortlet .ganttChartViewer .optionsSelector button.toggleView,
.relatedDataPortlet .ganttChartViewer .optionsSelector button.configAction,
.relatedDataPortlet .ganttChartViewer .ganttViewActions .dropdownPanelListItem button{
float: none;
padding-left: 24px;
min-width: 100%;
border-radius: 0;
border-color: transparent;
background: none;
box-shadow: none;
}
.relatedDataPortlet .ganttViewActions .dropdownPanelListItem .separator {
margin: 5px 0;
padding: 0;
height: 1px;
margin-top: -1px;
background-color: rgba(0, 0, 0, 0.05);
}
.relatedDataPortlet .ganttChartViewer .optionsSelector button.toggleView,
.relatedDataPortlet .ganttChartViewer .ganttViewActions .dropdownPanelListItem button{
padding-right: 30px;
}
.relatedDataPortlet .ganttChartViewer .optionsSelector .dropdownPanel .dropdownPanelListItem.highlight:after,
.relatedDataPortlet .ganttChartViewer .autoScheduleActions .dropdownPanel .dropdownPanelListItem.highlight:after {
content: "\E066";
font-family: 'iconGlyph';
position: absolute;
top: 5px;
right: 5px;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
opacity: 0.5;
}
.relatedDataPortlet .ganttChartViewer .autoSchedulingMode{
border: 1px dashed #dd0000;
}
.relatedDataPortlet .ganttChartViewer .button-group{
display: inline-block;
}
.relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button{
border-color: rgba(0,0,0,0.1);
box-shadow: none;
}
.relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button.hDrkColWithButtonHover{
position: relative;
z-index: 1;
}
.relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button:not(:first-child):not(:last-child),
.relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button:not(:last-child):not(:first-child){
border-radius: 0;
margin: 0 -1px;
border-left-color: rgba(0,0,0,0.05);
border-right-color: rgba(0,0,0,0.05);
}
.relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.relatedDataPortlet .ganttChartViewer .button-group.toggle-buttons > button input[type=radio] {
position: absolute;
clip: rect(0,0,0,0);
pointer-events: none;
}
.relatedDataPortlet .ganttChartViewer .flatStyle {
border-radius: 0;
border-top: none;
border-bottom: none;
box-shadow: none;
border: solid 1px transparent;
background-image: none;
background-color: transparent;
}
.ganttChartViewContainer .bulkActionContainer .expandCollapse{
padding-left: 3px;
padding-right: 3px;
}
.ganttChartViewContainer .bulkActionContainer .selectionSummary{
padding: 0 10px 0 0;
}
.ganttChartViewer .gantt_tree_content{
padding-left: 5px;
}
.gantt_tree_icon.gantt_open,
.gantt_tree_icon.gantt_close {
background-image: none;
opacity: 0.5;
width: 18px;
padding: 0 1px;
text-align: center;
box-sizing: border-box;
}
.gantt_tree_icon.gantt_open:hover,
.gantt_tree_icon.gantt_close:hover{
opacity: 1;
}
.gantt_tree_icon.gantt_open,
.gantt_tree_icon.gantt_close {
background-image: none;
font-family: 'iconGlyph';
}
.gantt_tree_icon.gantt_open .glyph:before {
content: "\E064";
}
.gantt_tree_icon.gantt_close .glyph:before {
content: "\E063";
}
.ganttChartViewer .gantt_grid_scale .gantt_grid_head_cell,
.ganttChartViewer .gantt_task .gantt_task_scale .gantt_scale_cell {
color: inherit;
}
.ganttChartViewer .gantt_task_line{
border: none;
min-width: 1px!important;
box-sizing: border-box;
}
.ganttChartViewer .gantt_row {
border-bottom-width: 0;
}
.ganttChartViewer .gantt_row:hover .ganttActions,
.ganttChartViewer .gantt_row.gantt_selected .ganttActions{
background-color: transparent;
}
.ganttChartViewer .gantt_row.task-parent.gantt_row_project {
border-bottom-width: 1px;
}
/* ---- BEGIN: Styling for collapsed tasks*/
.ganttChartViewer .gantt_split_parent.gantt_task_line.task-collapsed {
display: none;
}
/* ---- END: Styling for collapsed tasks*/
.gantt_task_content{
text-overflow: ellipsis;
padding: 0 2px;
box-sizing: border-box;
}
.ganttChartViewer .gantt_task_line:not(.overdue) .gantt_side_content.gantt_left,
.ganttChartViewer .gantt_task_line:not(.overdue) .gantt_side_content.gantt_right{
display: none;
}
.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_left{
margin-right: 25px;
}
.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_right{
margin-left: 25px;
}
.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_left,
.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_right{
z-index: 1;
display: block;
background-color: #555;
border-radius: 4px;
padding: 5px 10px;
margin-top: -5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
border: 1px solid #efefef;
overflow: visible;
color: #fff;
top: 0;
}
.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_left::after {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent #555;
}
.ganttChartViewer .gantt_task_line:hover .gantt_side_content.gantt_right::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent #555 transparent transparent;
}
.ganttChartViewer .gantt_project {
background-color: rgba(101, 193, 111, 0.75);
border-bottom: none;
}
.gantt_task_line .gantt_task_progress {
background: rgba(0, 0, 0, .15)!important;
}
.ganttChartViewer .gantt_project .gantt_task_content {
box-shadow: inset 0 15px 0 0 #3c9445;
line-height: 1.3;
}
.ganttChartViewer .gantt_project .gantt_task_content:after,
.ganttChartViewer .gantt_project .gantt_task_content:before {
max-width: 100%;
content: "";
display: block;
width: 0;
height: 0;
bottom: 0;
position: absolute;
border-style: solid;
}
.ganttChartViewer .gantt_project .gantt_task_content:before {
right: 0;
border-width: 0 10px 15px 0;
border-color: transparent #3c9445 transparent transparent;
}
.ganttChartViewer .gantt_project .gantt_task_content:after {
left: 0;
border-width: 15px 10px 0 0;
border-color: #3c9445 transparent transparent;
}
.ganttChartViewer .gantt_grid_column_resize_wrap{
z-index: 2;
}
.ganttChartViewer .grid_cell{
height:100%!important;
}
.ganttChartViewer .grid_cell .gantt_layout_content{
height:100%!important;
}
.ganttChartViewer .gridScroll_cell{
margin-top: -10px;
}
.ganttChartViewer .gantt_resizer .gantt_resizer_y{
margin-top: 10px;
}
/* This is the main grid*/
.gantt_grid{
display:flex;
flex-direction:column;
}
/* Make sure the grid viewport expands to fill the entire parent flexbox */
.gantt_grid .gantt_grid_data{
height: unset!important;
}
/*---- BEGIN: Baseline rendering styles*/
.ganttChartViewer.has-baseline .baseline {
position: absolute;
border-radius: 2px;
opacity: 0.6;
margin-top: -7px;
height: 12px;
background: #ffd180;
border: 1px solid rgb(255, 153, 0);
box-sizing: border-box;
}
/*move task lines upper */
.ganttChartViewer.has-baseline .gantt_task_line,
.ganttChartViewer.has-baseline .gantt_line_wrapper {
margin-top: -9px;
}
.ganttChartViewer.has-baseline .gantt_side_content {
margin-bottom: 7px;
}
.ganttChartViewer.has-baseline .gantt_task_link .gantt_link_arrow {
margin-top: -12px
}
.ganttChartViewer.has-baseline .gantt_side_content.gantt_right {
bottom: 0;
}
/*---- END: Baseline rendering styles*/
.enquiryForm.maximizeRdp #FormTitleContainer{
display: none;
}
.ganttChartViewer .textBoxControl {
background-color: #fff;
}
.gantt_task_link.finish_to_start .gantt_line_wrapper div {
background-color: #7576ba;
}
.gantt_task_link.finish_to_start:hover .gantt_line_wrapper div {
box-shadow: 0 0 5px 0 #7576ba;
}
.gantt_task_link.finish_to_start .gantt_link_arrow_right {
border-left-color: #7576ba;
}
.gantt_task_link.finish_to_finish .gantt_line_wrapper div {
background-color: #55d822;
}
.gantt_task_link.finish_to_finish:hover .gantt_line_wrapper div {
box-shadow: 0 0 5px 0 #55d822;
}
.gantt_task_link.finish_to_finish .gantt_link_arrow_left {
border-right-color: #55d822;
}
.gantt_task_link.danger .gantt_line_wrapper div {
box-shadow: 0 0 5px 0 #ff0000;
background-color: #ff0000;
}
.gantt_task_link.danger .gantt_link_arrow_left{
border-right-color: #ff0000;
}
.gantt_task_link.danger .gantt_link_arrow_right{
border-left-color: #ff0000;
}
.gantt_task_link.danger .gantt_link_arrow_up{
border-bottom-color: #ff0000;
}
.gantt_task_link.danger .gantt_link_arrow_down{
border-top-color: #ff0000;
}
.gantt_task_link:hover > div{
z-index: 2;
}
.gantt-overlay{
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
visibility: hidden;
position: absolute;
background-color: rgba(0, 0, 0, 0.35);
}
.gantt-overlay.visible,
.gantt-overlay.visible .durationSpinner{
visibility: visible;
display: block;
}
.gantt_tooltip {
padding: 0;
position: absolute;
top: 0;
left: 0;
}
.gantt_tooltip .h3{
background-color: rgba(0,0,0,0.05);
}
.gantt_tooltip .label {
font-weight: 600;
}
.ganttSlack {
position: absolute;
border-radius: 0;
opacity: 0.7;
border: none;
border-right: 1px solid #ddd;
margin-left: -2px;
background: #ccc;
background: repeating-linear-gradient(
45deg, #fff,
#fff 5px,
#ddd 5px,
#ddd 10px
);
}
.constraint-marker {
position: absolute;
box-sizing: border-box;
width: 35px;
height: 35px;
opacity: 0.4;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11.59 7.41L15.17 11H1v2h14.17l-3.59 3.59L13 18l6-6-6-6-1.41 1.41zM20 6v12h2V6h-2z'/%3E%3C/svg%3E");
background-size: cover;
}
.constraint-marker.earliest-start {
margin-left: -32px;
}
.constraint-marker.latest-end {
margin-left: -3px;
transform: rotate(180deg);
}
.gantt_task_progress_drag.no_progress_update{
display:none!important;
}
.t1_gantt_milestone_task_marker{
transform: rotate(45deg);
position: absolute;
background-color: #d33daf;
z-index: 1;
}
.t1_prerequisite_dependency .gantt_line_wrapper .gantt_link_line_right,
.t1_prerequisite_dependency .gantt_line_wrapper .gantt_link_line_left {
height: 4px !important;
}
.t1_prerequisite_dependency .gantt_line_wrapper .gantt_link_line_down,
.t1_prerequisite_dependency .gantt_line_wrapper .gantt_link_line_up {
width: 4px !important;
}
.gantt_histogram_cell.gantt_resource_marker_overtime .gantt_histogram_fill{
height:0!important;
}
.ganttChartViewer .ganttChartContainer {
left: 10px;
right: 10px;
width: auto;
}
.ganttChartViewer .ganttRowActions.dropDown .icon16:before {
position: absolute;
top: 50%;
margin-top: -8px;
left: 50%;
margin-left: -8px;
font-size: 16px;
line-height: 16px;
text-align: center;
content: "\E045";
}
.ganttChartViewer .ganttActionSeparator,
.ganttChartViewer .gantt-actions-column-1,
.ganttChartViewer .ganttToggleAutoScheduling{
display: none;
}
.relatedDataPortlet.hasHeaderBar .headerBar{
}
.pageHeaderButtonContainer
{
position: relative;
float:right;
padding: 5px;
box-sizing: border-box;
height:100%;
}
.pageHeaderButtonContainer > div
{
position: relative;
float: left;
margin-left: 5px;
max-width: 180px;
}
.pageHeaderButtonContainer > div button
{
width: auto;
min-width: 60px;
}
.pageHeaderButtonContainer > button {
height: 100%;
}
.pageHeaderButtonContainer > button > .buttonLabel {
height: 100%;
}
.pageHeaderButtonContainer > button:active {
background-position: bottom left;
}
.loggingIndicator {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/phone/mblspritewhite.png?v=12.0.258.0');
background-size: auto 100%;
background-position: -768px;
margin-left: 10px;
display: inline-block;
vertical-align: middle;
}
/*--Function Search--*/
#ShowFlow + .functionSearch {
margin-top: 5px;
margin-left: 2px;
}
.functionSearch input:focus::-webkit-input-placeholder {color: #656565;}
.functionSearch input:focus:-moz-placeholder { /* Firefox 18- */color: #656565;}
.functionSearch input:focus::-moz-placeholder { /* Firefox 19+ */color: #656565;}
.functionSearch input:focus:-ms-input-placeholder { /* IE 10+ */color: #656565;}
.functionSearch input:focus::-ms-input-placeholder { /* Edge */color: #656565;}
.functionSearch input:focus:placeholder-shown { /* Standard one last! */color: #656565;}
.phone .functionSearch .suggestionPane, .easy .functionSearch .suggestionPane {
background-color: #fff !important;
box-sizing: border-box;
}
.functionSearch .suggestionPane > .funcs {
border-bottom: solid 4px rgba(0, 0, 0, 0.1) !important;
}
.functionSearch .suggestionPane a {
border-bottom: solid 1px #e6e6e6 !important;
background-color: transparent !important;
}
.functionSearch .suggestionPane a:hover, .functionSearch a.selected {
background-color: rgba(0, 0, 0, 0.05) !important;
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac50.png?v=12.0.258.0') !important;
}
.themedSmallLogo .logo {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.simple.themedSmallLogo .logo{
min-height: 40px;
}
/*--Consumer Styles--*/
.consumerStyle .pageHeaderButtonContainer {
margin-left:auto;
padding:0 8px;
height:44px;
}
.consumerStyle.page .pageHeader button.attachmentPageDone {
box-shadow:none;
min-width:44px;
max-width:44px;
overflow:hidden;
background: none !important;
}
/** --- Icon.css - Used in summary form **/
.iconControl {
margin: 5px 0;
color: initial;
text-align: center;
border: solid 1px rgba(0,0,0,0.05);
box-shadow: 0px 1px 2px rgba(0,1,0,0.2);
position: relative;
}
.iconControl.compositeText{
font-size: 1em;
line-height: initial;
background-color: white;
}
.iconControl.glyph,
.iconControl.image{
border: none;
box-shadow: none;
}
.iconControl .text{ overflow: hidden; }
.iconControl .bannerTop, .iconControl .bottomLabel {
position: absolute;
left: 0;
right: 0;
line-height: 1.5em;
}
.iconControl .bannerTop{
top: 0;
margin: -1px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.iconControl .bottomLabel{
bottom: 0;
}
.iconControl.icon24 .text { margin-top: 4px; }
.iconControl.icon16 .bannerTop, .iconControl.icon16 .bottomLabel,
.iconControl.icon24 .bannerTop, .iconControl.icon24 .bottomLabel{ display: none; }
.iconControl.icon32 .text { margin-top: 8px; }
.iconControl.icon32 .bannerTop, .iconControl.icon32 .bottomLabel { font-size: 0.5em; }
.iconControl.icon48 .text { font-size: 2em; margin-top: 8px; }
.iconControl.icon64 .text, .iconControl.auto .text { font-size: 2em; margin-top: 15px; }
.iconControl.icon64.noBanner .text, .iconControl.auto.noBanner .text { margin-top: 10px; }
.iconControl.icon64.noBottom .text, .iconControl.auto.noBottom .text { margin-top: 20px; }
.iconControl.icon64{
width: 64px;
min-width: 64px;
}
.iconControl.auto{
min-width: 64px;
min-height: 64px;
}
.iconControl.auto .text{ padding: 0 5px;}
.iconControl.icon96 .text { font-size: 3em; margin-top: 20px; }
.iconControl.icon96.noBanner .text{ margin-top: 10px; }
.iconControl.icon96.noBottom .text{ margin-top: 20px; }
.iconControl.icon96 .bannerTop, .iconControl.icon96 .bottomLabel { line-height: 2em; }
.iconControl.image > img{
width: 100%;
height: 100%;
}
/*colours - Todo - use css class */
.iconControl.date .bannerTop { background: #37bcee; }
.iconControl.week .bannerTop { background: #ae0000; }
.iFrameContainer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.iFrameDocOneEmailContainer {
padding-top: 30px;
min-height: 150px;
}
.iFrameContainer iframe {
width: 100%;
border: none;
}
.iFrameContainer > iframe {
display: block;
height: 100%;
}
.iFrameContainer .dwldContent {
margin-top: -35px;
margin-bottom: 10px;
margin-right: 10px;
}
.iFrameContainer .dwldContent .icon16:before {
content: "\E05A";
}
.documentPreview.noHeader .content {
top: 0px;
}
.documentPreview.noHeader.contentDownloadable .content
{
top: 35px;
}
/* Natural View */
.naturalViewSectionContainer > .topActionPane > .naturalViewMenuActionsContainer {
display: none;
}
.naturalViewScaleWrapper {
overflow: hidden;
width: 100%;
}
.naturalView > .naturalViewScaleWrapper > iframe
{
-webkit-appearance: none;
visibility: hidden;
position: relative;
}
.naturalView {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
padding:0 !important;
}
.detailsPanel .naturalViewSectionContainer > .content {
top: 0;
position: relative;
}
.naturalViewContainer iframe {
height: 100%;
}
.editablePanel > .content > .panel.naturalViewContainer {
padding: 0px;
}
.naturalViewFullscreen #Wrapper {
display: none;
}
.landscape .dateTimePicker > .scrollersInnerContainer {
width: 50%;
display: inline-block;
}
.portait .dateTimePicker > .scrollersInnerContainer {
width: 100%;
}
.scrollerItem {
font-size: 20px;
line-height: 40px;
height: 40px;
text-align: center;
}
.scrollerItemPicker {
position:absolute;
top:50%;
margin-top: -20px;
border-top-style: solid;
border-top-width: 2px;
border-bottom-style: solid;
border-bottom-width: 2px;
height: 36px;
width: 100%;
left: 10%;
width: 80%;
}
.scroller {
display: inline-block;
height:200px;
overflow: hidden;
position:relative;
vertical-align: top;
}
.scrollerItemsContainer {
margin-top: 80px;
}
.scrollerItemGradientBackground {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background: linear-gradient(#f2f3f4, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, #f2f3f4);
}
/*--Consumer styles--*/
.consumerStyle .scrollerItemGradientBackground {
background: linear-gradient(#ffffff, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, #ffffff);
}
.linkIcon {
background-repeat: no-repeat;
background-size: cover;
}
.serverActionLinkRedirectLink {
display: none;
}
.fieldsContainer > a.serverActionLink
{
line-height: 30px;
margin-bottom:4px;
position:relative;
display:block;
}
a:hover, button.linkStyle:hover, .showPanelButton:hover, button.linkStyle .span:hover, .linkCol:hover {
text-decoration:underline;
}
@keyframes summaryLinePlaceHolderShimmer{
0%{
background-position: -468px 0
}
100%{
background-position: 468px 0
}
}
/* Tab Handle Classes */
.tabHandle_LinkedTab.enabled:hover {
background-color: rgba(255, 255, 255, 0.5);
cursor: pointer;
}
.tabHandle_LinkedTab > .summary > .summaryHeading {
font-size: 1.1em;
font-weight: 600;
font-family: Osans, Arial, sans-serif;
line-height: 16px;
vertical-align: top;
}
.tabHandle_LinkedTab > .summary > .summaryHeading > .summaryHeadingLabel {
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tabHandle_LinkedTab .summaryLoadingPanel{
display: none;
}
.tabHandle_LinkedTab.vert.loadSectionSummaryAsync .summaryLoadingPanel{
display: block;
width: 100%;
min-height: 40px;
}
.tabHandle_LinkedTab .summaryLoadingPanel .summaryLinePlaceholder{
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: summaryLinePlaceHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 800px 104px;
position: relative;
padding: 7px;
margin-top: 5px;
}
.tabHandle_LinkedTab .summaryLoadingPanel .summaryLinePlaceholder:first-child {
margin-right: 30px;
}
.tabHandle_LinkedTab .summaryLoadingPanel .summaryLinePlaceholder:nth-child(2){
margin-right: 60px;
}
/* Horizontal Tab Handle Classes */
.tabHandlesOuterContainer_LinkedTab.horiz {
padding: 0;
position:relative;
}
.tabHandlesOuterContainer_LinkedTab.horiz > .tabHandlesInnerContainer_LinkedTab {
height: 45px;
position:relative;
overflow: hidden;
}
.tabHandle_LinkedTab.horiz {
padding: 13px 10px;
margin: 0;
float: left;
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: transparent;
text-align: center;
min-width: 60px;
}
.tabHandle_LinkedTab.horiz > .summary {
height: 16px;
}
.tabHandle_LinkedTab.horiz > .summary > .summaryImage {
width: 16px;
height: 16px;
}
.tabHandle_LinkedTab.horiz > .summary > .summaryImage ~ .summaryHeading {
display: inline-block;
}
.tabHandle_LinkedTab.horiz > .summary > .summaryHeading > .summaryHeadingLabel {
color: #000;
}
/* Vertical Tab Handle Classes */
.tabHandle_LinkedTab.vert {
display: none;
position: relative;
text-align: left;
background-image: none;
background-repeat: repeat-x;
background-position: 0 -30px;
font-size: 1em;
font-weight: normal;
border-radius: 0;
min-height: 40px;
padding: 15px;
border-right: solid 3px transparent;
}
.tabHandle_LinkedTab.vert:before {
content: "";
display: block;
height: 1px;
position: absolute;
top: 0;
left: 0;
right: 0;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
}
.tabHandle_LinkedTab.vert:first-child:before {
display: none;
}
.tabHandle_LinkedTab.vert.visible {
display: block;
}
.tabHandle_LinkedTab.vert.selected,
.tabHandle_LinkedTab.vert.selected:hover {
background-image: none;
background-color: #fff;
}
.tabHandle_LinkedTab.vert.disabled {
opacity: 0.35;
}
.tabHandle_LinkedTab.vert > .summary > .summaryImage {
float:left;
margin-right:5px;
width: 24px;
height: 24px;
}
.tabHandle_LinkedTab.vert > .summary > .summaryHeading > .summaryHeadingLabel > .mandatory {
font-size: 0.7em;
top: -5px;
position: relative;
}
.tabHandle_LinkedTab.vert > .summary > .summaryHeading > .summaryHeadingIcon {
margin-left:3px;
position: relative;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLine {
font-size: 0.9em;
line-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineLabel.indentLevel1 {
padding-left: 10px;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineLabel.indentLevel2 {
padding-left: 20px;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineLabel.indentLevel3 {
padding-left: 30px;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineValue {
color: #656565;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineValue.floatRight {
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLine > .summaryLineValue.floatRight.isRating {
max-width: initial;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLineColoured > .summaryLineLabel {
padding: 0 5px;
text-transform: capitalize;
color: #fff;
display: inline-block;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLineColoured,
.tabHandle_LinkedTab.vert > .summary > .summaryLineTag {
padding: 3px 0;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLineColoured ~ .summaryLineTag,
.tabHandle_LinkedTab.vert > .summary > .summaryLineTag ~ .summaryLineColoured {
padding: 1px 0 3px 0;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLine > .tagCode {
color: #fff;
text-transform: uppercase;
display:block;
float:left;
padding: 0 5px;
}
.tabHandle_LinkedTab.vert > .summary > .summaryLine > .tagDesc {
border-width: 1px;
border-style: solid;
border-left: none;
background-color: #fff;
display:block;
float:left;
padding: 0 5px;
}
.tabHandle_LinkedTab.vert > .summary > .summaryImage ~ .summaryHeading,
.tabHandle_LinkedTab.vert > .summary > .summaryImage ~ .summaryLine,
.tabHandle_LinkedTab.vert.loadSectionSummaryAsync > .summary > .summaryImage ~ .summaryLoadingPanel
{
margin-left: 29px;
}
/* Section Not Ready */
.tabControl > .editablePanel > .content > .sectionNotReady {
display:block;
padding: 15px;
border-radius: 10px;
}
.tabControl > .editablePanel > .content > .sectionNotReady > .processSpinner {
border-radius: 32px;
margin: 10px auto;
padding: 0;
}
.tabControl > .editablePanel > .content > .sectionNotReady .literalText {
color: #00A7FF;
font-weight: 600;
text-align: center;
}
.tabControl > .editablePanel > .content > .sectionNotReady .literalText .editorField{
width: 100%;
}
.tabControl > .editablePanel > .content > .sectionNotReady .literalText .plainText{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sectionNotReadyProcessingText {
font-size: 1.2em;
}
.sectionNotReadyProcessingSubText {
font-size: 0.9em;
}
/* Section disabled */
.mainTabControl.hasDisabledSection{
height: 100%;
}
.tabControl > .editablePanel.sectionDisabled {
position: absolute;
display:block;
height: 100%;
width: 100%;
box-sizing: border-box;
}
.tabControl.inlineTabControl > .editablePanel.sectionDisabled {
position: relative;
height: 128px;
}
.tabControl > .editablePanel.sectionDisabled > .content{
top: 30%;
position: relative;
}
.tabControl.inlineTabControl > .editablePanel.sectionDisabled > .content {
top: 0;
}
.tabControl > .editablePanel.sectionDisabled .sectionDisabledIcon{
position: relative;
width: 100%;
color: #f36e6e;
}
.tabControl > .editablePanel.sectionDisabled .literalText {
font-weight: 600;
text-align: center;
margin-top: 30px;
}
.tabControl > .editablePanel.sectionDisabled .literalText .editorField{
width: 100%;
}
.tabControl > .editablePanel.sectionDisabled .literalText .plainText{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sectionDisabledText {
font-size: 1.2em;
}
/* Worksheet Process Section */
.worksheetProcessSection > .editablePanel.scrollContent > .content {
border-top: none;
}
.worksheetProcessSection > .editablePanel > .content > .worksheetProcess {
padding: 0 10px;
}
/* Links Section */
.linksSection > .editablePanel > .content {
padding-left: 10px;
padding-right: 10px;
}
.linksSection > .editablePanel > .content > .link:hover, .linksSection > .editablePanel > .content > .panel > .fieldsContainer > .link:hover {
background-color: #F3F3F3;
}
.linksSection > .editablePanel > .content > .link, .linksSection > .editablePanel > .content > .panel > .fieldsContainer > .link {
line-height: 48px;
height: 48px;
font-size: 1.2em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
color: inherit;
display:block;
padding: 10px;
}
.linksSection > .editablePanel > .content > .link > .icon48, .linksSection > .editablePanel > .content > .panel > .fieldsContainer > .link > .icon48 {
float: left;
margin-right: 10px;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.35);
}
/* Charts Section */
.chartsSection.inlineTabControl > .editablePanel > .content > .chartContainer.singleChart > .chartTitle {
display: none;
}
.naturalViewSection.inlineTabControl, .previewSection.inlineTabControl, .documentPreviewSection.inlineTabControl {
min-height: var(--ciaHeightMinInlineSectionHeight);
}
.tabHandlesInnerContainer_LinkedTab {
background-color: #fff;
}
/* Tab Handle Classes */
.tabHandle_LinkedTab.enabled:active, .tabHandle_LinkedTab.enabled:focus {
background-color: #FFF;
}
.tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab {
padding-right: 50px;
}
.tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab:after {
width:24px;
height:24px;
display:block;
position: absolute;
top:50%;
right:10px;
margin-top: -12px;
}
.tabHandlesMoreButton_LinkedTab {
float: right;
border-bottom-style: solid;
border-bottom-width: 3px;
border-bottom-color: transparent;
}
.tabHandlesMoreButton_LinkedTab > .dropdown {
padding: 10px 10px 8px 10px;
border: none;
background: none;
box-shadow: none;
}
.linkedTabbedControl.horiz > .tabsContainer_LinkedTab {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.linkedTabbedControl.horiz > .tabsContainer_LinkedTab > .tabControl {
width: 100%;
height: 100%;
display: none;
position:relative;
}
.linkedTabbedControl.horiz > .tabsContainer_LinkedTab > .tabControl.selected {
display: block;
}
.linkedTabControl .thumbnailItem.selected {
background-color: white !important;
}
.linkedTabControl .thumbnailItem.selected .headCol {
color: #b65819;
font-weight: bold;
}
.linkedTabControl .thumbnailItem.selected:before {
color: #b65819;
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
border-right: solid 8px;
border-top: solid 8px transparent !important;
border-bottom: solid 8px transparent !important;
width: 0;
height: 0;
}
.linkedTabControl.leftTabControl > .editablePanel > .topActionPane {
display:none;
}
/* Inline Tabs */
.inlineTabContainerPanel > .inlineTabContainer > .inlineTabControl {
position:relative;
padding: 0 !important;
}
.inlineTabControl > .editablePanel > .topActionPane {
display:block;
float: none;
text-align: right;
}
.inlineTabControl > .editablePanel > .header {
display: none;
}
.inlineTabControl > .editablePanel > .content {
padding: 0;
}
.inlineTabControl > .relatedDataPortlet > .fullEnquiryLink,
.inlineTabControl > .fieldsContainer > .relatedDataPortlet > .fullEnquiryLink {
top: 0;
}
.inlineTabControl > .editablePanel > .content > .relatedDataPortlet > .headerBar {
background: transparent;
border: none;
}
/* Section Not Ready */
.tabHandlesOuterContainer_LinkedTab.showTabArrow > .tabHandlesInnerContainer_LinkedTab > .tabHandle_LinkedTab.vert.sectionNotReady {
padding-right: 75px;
}
.tabHandle_LinkedTab.sectionNotReady > .processSpinner {
position: absolute;
top: 50%;
margin-top: -12px;
right: 40px;
border-radius: 12px;
}
/* Natural View Section */
.naturalViewSection.inlineTabControl > .editablePanel > .content > .naturalViewContainer > .iFrameContainer > .naturalViewScaleWrapper > .iFrame {
min-height: 0;
height: 0;
}
.naturalViewSection.inlineTabControl > .editablePanel > .content > .naturalViewContainer > .iFrameContainer > .naturalViewScaleWrapper > .iFrame.loaded {
height: auto;
}
.naturalViewSection.inlineTabControl > .editablePanel > .topActionPane > .contentNavigator {
display:inline-block;
}
.naturalViewSection.inlineTabControl > .editablePanel > .topActionPane > .contentNavigator > .navigatorPrev {
float:none;
display:inline-block;
margin-right: 5px;
padding:3px;
}
.naturalViewSection.inlineTabControl > .editablePanel > .topActionPane > .contentNavigator > .navigatorNext {
float:none;
display:inline-block;
padding:3px;
}
.naturalViewSection.inlineTabControl > .editablePanel > .topActionPane > .naturalViewMenuActionsContainer.hasMenu {
display: inline-block;
padding: 0;
margin-left: 10px;
}
/* Document Preview Section */
.documentPreviewSection > .editablePanel.image > .content > img {
max-width: 100%;
}
/* Map Section */
.mapSection .content {
padding: 0px;
position: absolute !important;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.mapSection .content > .map > .mapContainer {
padding: 0;
border: none;
}
/* Charts Section */
.chartsSection.inlineTabControl > .panelHeader ~ .fieldsContainer > .chartContainer.singleChart > .chartTitle {
display: none;
}
/* Forms Section */
.formSection.inlineTabControl > .editablePanel > .topActionPane > .formsPageCounter {
display: inline-block;
}
.formSection.inlineTabControl > .editablePanel > .topActionPane > .formsSectionNavigationDropDownControl > .formsSectionNavigationButton {
padding: 5px;
margin: 0;
border: none;
background: none;
box-shadow: none;
min-width: 0;
}
.linkItem {
position: relative;
white-space: nowrap;
overflow: hidden;
}
.linkItem.enabled {
cursor: pointer;
}
.linkItemOuterContainer {
position: relative;
padding: 10px;
}
.linkItemOuterContainer:focus {
outline: none;
}
.linkItem.enabled:hover > .linkItemOuterContainer {
background-color: #F3F3F3;
}
.linkItemInnerContainer {
height: 48px;
line-height: 48px;
}
.linkItem.hasJobId > .linkItemOuterContainer > .linkItemInnerContainer {
margin-right: 58px;
}
.linkItemImageContainer {
position: relative;
float: left;
display: block;
z-index: 1;
margin-right: 10px;
}
.linkItemImage {
padding: 0;
display: block;
border-radius: 4px;
background-size: 100%;
box-shadow: 0 2px 5px rgba(0,0,0,0.35);
width: 48px;
height: 48px;
}
.linkItemHeading {
display: block;
vertical-align: top;
font-size: 1.2em;
font-weight: 600;
overflow:hidden;
text-overflow: ellipsis;
}
.linkItem.disabled > .linkItemOuterContainer > .linkItemInnerContainer > .linkItemImageContainer > .linkItemImage,
.linkItem.disabled > .linkItemOuterContainer > .linkItemInnerContainer > .linkItemHeading {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: 0.5;
}
.linkItem.disabled > .linkItemOuterContainer > .linkItemInnerContainer > .linkItemImageContainer > .linkItemImage {
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.linkItemJobSpinner {
position: absolute;
top: 50%;
margin-top: -16px;
opacity: 0.5;
right: 26px;
}
.linksToFunctionsContainer {
display: flex;
background-color: rgba(255, 255, 255, 0.1);
}
.linkToFunctionMoreContainer {
width: 16%;
}
.linksToFunctionsContainer > * {
flex: 1;
box-sizing: border-box;
}
.linkToFunction, .linkToFunctionMoreButton {
height: 36px;
color: #fff;
box-sizing: border-box;
}
.linkToFunctionContainer:last-of-type{
margin-right: 0;
}
.linkToFunctionMoreButton {
width: 100%;
border-radius: 0;
border: none;
background-color: transparent;
-webkit-box-shadow: none;
-webkit-tap-highlight-color: none;
}
.linkToFunction.selected, .linkToFunctionMoreButton.selected {
color: #000;
background-color: rgba(255, 255, 255, 0.9);
}
.linkToFunction:hover:not(.mainBGCol5) {
background-color: rgba(255, 255, 255, 0.15);
cursor: pointer;
}
.functionIcon, .functionLabel {
height: 36px;
display: table-cell;
vertical-align: middle;
}
.functionLabel {
padding-right: 5px;
}
.linkToFunctionImage {
height:24px;
width:24px;
float: left;
margin-right: 5px;
margin-left: 5px;
border-radius: 50%;
border: solid 1px rgba(0, 0, 0, 0.05);
}
.linkToFunctionHeading {
font-size: 0.9em;
line-height: 15px;
vertical-align: top;
position: relative;
display: block;
max-height: 32px;
box-sizing: border-box;
word-break: break-word;
}
.linkToFunctionMoreButton > .dropdownButtonLabel {
/* margin:0; */
/* line-height:24px; */
font-size: 0.8em;
/* display: none; */
text-transform: uppercase;
/* display: block; */
position: absolute;
bottom: 5px;
margin-left: -5px;
}
.linkToFunctionMoreButton > .icon16 {
/* padding: 4px; */
/* line-height:24px; */
/* display: inline-block; */
margin-top: -8px;
}
.plainText, .htmlText, .paraText
{
padding: 5px 0;
word-break: break-word;
}
.sideBySideContainer .styleContainer + .paraText {
line-height: 20px;
padding: 4px 0;
border: solid 1px transparent;
margin-top: 4px;
}
.htmlText p, .htmlText ul, .htmlText ol {
margin: 1em 0;
line-height: 1.5em;
}
.htmlText ul, .htmlText ol {
padding: 0 0 0 40px;
}
.htmlText ul ul, .htmlText ol ol, .htmlText ul ol, .htmlText ol ul {
margin: 0;
}
.htmlText ul {
list-style-type: disc;
list-style-position: inside;
}
.htmlText ol {
list-style-type: decimal;
list-style-position: inside;
}
.htmlText ol ul, .htmlText ul ul {
list-style-type:circle;
}
.htmlText ol ol ul, .htmlText ol ul ul, .htmlText ul ol ul, .htmlText ul ul ul{
list-style-type: square;
}
.literalText.controlContainer{
padding: 0;
overflow: hidden; /* do not allow contents to exceed the container - this helps with borders, background colours etc */
}
.literalText .editorLabelAutoWidth {
display: inline-block;
}
.literalText.controlContainer.stackedStyle > .editorField{
display: block;
}
.literalText.controlContainer > .editorField{
padding: 4px 0;
display: inline-block;
}
.literalText.controlContainer > .glyph{
top:5px;
position: relative;
margin-right: 5px;
}
.literalText.controlContainer.dataFldPadding0 > .glyph{
top: 0;
}
.literalText > * {
box-sizing: border-box; /*inner elements may have paddings and widths. This ensures the widths are calculated correctly */
}
/* Summary form override */
.summaryForm .literalText.controlContainer > .editorField { padding: 2px 0; }
.summaryItem .rightContent .literalText .glyph { margin-right:0; }
.summaryItem .rightContent .literalText { margin-bottom:0; }
.consumerStyle .htmlText strong {
font-family:inherit !important;
font-size:inherit !important;
}
.map-control-toolbar-row > a {
width: 26px;
height: 26px;
display: inline-block;
}
.leaflet-container a.map-control-tool-button {
opacity: 0.85;
color: black;
}
a.map-control-tool-button.map-control-toolbar-enabled {
color: orangered;
outline-style: none;
opacity: 1;
/*background-color: rgba(0, 0, 0, 0.15);*/
/*border-radius: 4px;*/
}
a.map-control-tool-button {
text-align: center;
text-decoration: none;
color: black;
font-size: 16px;
font-family: 'iconGlyph';
text-indent: 1px;
background-image: none;
padding-top: 0px;
height: 24px;
}
.map-control-fullscreen > a::after {
content: "\E039";
}
a.map-control-nav-rectangle::after {
content: '\E302';
}
.map-control-selection-toggle-plus::after {
content: '\E566';
/*float: left;*/
/*border-right:1px solid #ababab;*/
/*opacity: 0.85;*/
}
.map-control-selection-toggle-minus::after {
content: '\E567';
/*opacity: 0.85;*/
}
.leaflet-bar {
boarder: none;
}
.leaflet-bar > a.leaflet-control-zoom-fullscreen,
.leaflet-bar > a.map-control-zoom-rectangle-button,
.map-control-gps.leaflet-bar.leaflet-control > a,
.leaflet-control-layers.leaflet-control > a,
.map-control-entity-actions.leaflet-bar > a,
.map-control-layer-switcher-buttons.leaflet-bar > a,
.map-control-toolbar-row > a,
.map-control-selection-toggle > div {
font-family: 'iconGlyph';
background-size: auto 26px;
}
.map-control-nav-zoom-in::after {
content: '\E146';
}
.map-control-nav-zoom-extent::after {
content: '\F055' ;
}
.map-control-nav-zoom-out::after {
content: '\2212';
}
div.map-controls-layer-switcher-menu-container {
position: absolute;
right: 40px;
}
div.map-controls-layer-switcher-menu-list {
display: flex;
flex-direction: column;
}
div.map-controls-layer-switcher-menu > form > div > label {
display: flex;
flex-direction: row;
}
.map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-base-maps-button::after {
content: '\E591';
}
.map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-overlays-button::after {
content: '\E255';
}
.map-control-fullscreen {
float: right;
border: none !important;
background-clip: padding-box;
box-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}
.map-control-linktoenterprise {
float: right;
border: none !important;
background-clip: padding-box;
box-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}
.map-control-indoormapcontrol {
float: right;
border: none !important;
background-clip: padding-box;
box-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}
.map-control-toolbar-row > a.map-control-selection-clear::after {
content: "\E572";
}
.map-control-fullscreen.map-control-fullscreen-shrink > a::after {
content: "\F039";
}
.map-control-nav-gps-tracking::after {
content: '\E581';
color: dodgerblue;
}
.map-control-nav-gps-shown::after {
content: '\E565';
color: dodgerblue;
}
.map-control-nav-gps-off::after {
content: '\E565';
color: lightgray;
}
.leaflet-retina a.map-control-selection-point::after,
a.map-control-selection-point::after {
content: '\E575';
}
.leaflet-retina a.map-control-selection-circle::after,
a.map-control-selection-circle::after {
content: '\E576';
}
.leaflet-retina a.map-control-selection-rectangle::after,
a.map-control-selection-rectangle::after {
content: '\E577';
}
.leaflet-retina a.map-control-selection-freeform::after,
a.map-control-selection-freeform::after {
content: '\E578';
}
a.map-control-draw-polyline::after {
content: '\E573';
}
a.map-control-draw-polygon::after {
content: '\E574';
}
a.map-control-draw-rectangle::after {
content: '\E558';
}
a.map-control-draw-marker::after {
content: '\E215';
}
a.map-control-draw-remove.leaflet-disabled::after {
content: '\E057';
color: lightgray;
}
a.map-control-draw-remove::after,
a.map-control-entity-actions-remove::after {
content: '\E057';
}
a.map-control-entity-actions-pin-location::after {
content: '\E596';
}
a.map-control-entity-actions-pin-center::after {
content: '\E597';
}
.map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-base-maps-button::after {
content: '\E591';
}
.map-control-layer-switcher-buttons.leaflet-bar > a.map-control-layer-switcher-buttons-overlays-button::after {
content: '\E255';
}
.map-marker-bulb.map-marker-selected {
border: solid orange;
}
.map-marker-bulb.map-marker-active {
border: dashed orange;
}
.map-marker-bulb.map-marker-info {
border: dashed lightblue;
}
.map-marker-tail-border.map-marker-info {
border-color: lightblue transparent transparent transparent;
}
.map-marker-tail-border.map-marker-active {
border-color: orange transparent transparent transparent;
}
.map-marker-tail-border.map-marker-selected {
border-color: orange transparent transparent transparent;
}
.map-control-floor-controls {
}
.map-control-floor-control-hidden {
display: none !important;
}
.map-control-floor-switcher {
overflow-y: auto;
overflow-x: hidden;
max-height: 154px;
}
.map-control-floor-button {
color: black;
font-size: 15px !important;
font-family: Osans, Arial, Verdana, sans-serif !important;
text-indent: 1px;
width: auto !important;
border-width: thin !important;
}
.map-control-floor-selected-button {
background: #df6c00 !important;
color: white !important;
}
.map-control-indoor-map-button-enabled {
color: orangered !important;
outline-style: none;
opacity: 1;
}
.map-control-close-button {
background: #e6e6e6 !important;
border-width: thin !important;
font-size: 17px !important;
display: block;
padding: 0px 10px 2px 10px;
margin: 0px 0px 2px 0px;
}
.map {
border: solid 2px;
height: inherit;
z-index: 1;
-webkit-transform: translate3d(0,0,0);
box-sizing: border-box;
}
.mapContainer {
border: solid 1px;
display: block;
padding: 3px;
height: 100%;
position: relative;
background-color: #fff;
-webkit-transform: translate3d(0,0,0);
box-sizing: border-box;
}
.mapContainerInner {
position: relative;
width: auto;
height: 100%;
}
.pinCurrent {
position: absolute;
right: 0;
top: 0;
z-index: 2;
background-color: #fff;
padding: 4px;
-webkit-transform: translate3d(0,0,0);
}
.map.fullscreen {
z-index: 999999;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100% !important;
}
.fullscreen > .pinCurrent {
z-index: 999999;
}
.map input {
height: 16px;
width: 16px;
min-height: inherit;
-webkit-appearance: checkbox;
}
.map-cluster-tiny {
background-color: rgba(75, 190, 65, 0.8);
margin-left: 0px;
margin-top: 0px;
width: 10px;
height: 10px;
}
.map-cluster-small {
background-color: rgba(180, 255, 160, 0.6);
}
.map-cluster-small div {
background-color: rgba(75, 190, 65, 0.6);
width: 20px;
height: 20px;
}
.map-cluster-small span {
line-height: 20px;
}
.map-cluster-medium {
background-color: rgba(255, 220, 90, 0.6);
}
.map-cluster-medium div {
background-color: rgba(230, 185, 15, 0.6);
width: 28px;
height: 28px;
}
.map-cluster-medium span {
line-height: 28px;
}
.map-cluster-large {
background-color: rgba(240, 110, 60, 0.6);
}
.map-cluster-large div {
background-color: rgba(220, 95, 70, 0.8);
width: 35px;
height: 35px;
}
.map-cluster-large span {
line-height: 35px;
}
.map-cluster-white {
background-color: rgba(240, 240, 240, 0.6);
}
.map-cluster {
background-clip: padding-box;
border-radius: 30px;
}
.map-cluster div {
margin-left: 5px;
margin-top: 5px;
text-align: center;
border-radius: 25px;
font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.map-marker-bulb-outerborder {
position: absolute;
width: 36px;
height: 36px;
border-radius: 35px;
top: -2px;
left: 0;
box-sizing: border-box;
}
.map-marker-tail-outerborder {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 18px 13px 0 13px;
top: 25px;
left: 5px;
}
.map-marker-bulb {
position: absolute;
width: 32px;
height: 32px;
border: 4px solid;
border-color: white;
border-radius: 32px;
top: 0;
left: 2px;
box-sizing: border-box;
}
.map-marker-bulb.map-marker-selected {
border-color: orange;
}
.map-marker-tail {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 9px 5px 0 5px;
top: 25px;
left: 13px;
}
.map-marker-tail-border {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 10px 0 10px;
border-color: white transparent transparent transparent;
top: 25px;
left: 8px;
}
.map-marker-tail-border.map-marker-selected {
border-color: orange transparent transparent transparent;
}
.map-selection-info {
background-color: rgba(255, 255, 255, 0.8);
}
.map-selection-info {
background-color: rgba(255, 255, 255, 0.8);
}
.leaflet-bar a {
width: 32px !important;
height: 32px !important;
}
.map-control-spinner {
float: right;
display: block;
background-color: white;
background-image: url(https://cdn.t1cloud.com/cianywhere/content/base/images/loaderlbg.gif?v=12.0.258.0);
background-position: 4px 4px;
background-repeat: no-repeat;
height: 24px;
width: 24px;
margin-top: 10px;
border-radius: 3px;
}
.map-control-toolbar-section:last-child {
border-bottom: none;
border-top: 1px solid #bbbbbb;
}
.map-control-toolbar-section {
border-top: none;
margin-top: none;
}
.map-control-toolbar-content-expander {
border-bottom: none;
background-color: #e6e6e6;
}
.map-control-toolbar-content {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0,0,0,0.35);
}
.map-control-toolbar-header {
font: normal 10px 'Open Sans', Monaco, monospace;
padding-bottom: 2px;
}
.map-control-toolbar-row {
height: 34px;
}
.map-control-toolbar-row a {
opacity: 0.85;
}
.map-control-toolbar-row > a {
width: 34px;
height: 34px;
display: inline-block;
line-height: 30px;
}
.map-control-toolbar-content-expander a:hover {
text-decoration: none;
opacity: 1;
}
.map-control-toolbar-row > a.map-control-nav-zoom-in,
.map-control-toolbar-row > a.map-control-nav-zoom-out {
text-align: center;
text-decoration: none;
color: black;
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
background-image: none;
}
.map-control-toolbar-content-expander {
display: none;
}
.map-control-toolbar-content-expander a {
float: right;
width: 16px;
height: 16px;
font-family: 'iconGlyph';
opacity: 0.75;
text-decoration: none;
}
.map-control-toolbar-content-expander a:before {
content: "\E063";
color: #919187;
}
.map-control-toolbar-content-expander.map-controls-toolbar-content-expander-collapsed a:before {
content: "\E064";
color: #919187;
}
.map-control-toolbar-enabled {
opacity: 1;
background-color: rgba(0, 0, 0, 0.15);
}
.map-control-toolbar > .map-control-toolbar-actions {
display: block;
position: absolute;
left: 35px;
background-color: #919187;
border-radius: 0 4px 4px 0;
}
.map-control-toolbar > div.map-control-toolbar-actions > a:first-child {
border-left: none;
}
.map-control-toolbar > .map-control-toolbar-actions > a {
padding-left: 10px;
padding-right: 10px;
border-left: 1px solid #AAA;
height: 28px;
line-height: 28px;
text-decoration: none;
color: #FFF;
white-space: nowrap;
}
.map-control-fullscreen {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
/* Selection */
/*--Custom Sprite images--*/
.map-control-nav-zoom-in::after {
content: '+';
}
.map-control-nav-zoom-out::after {
content: '-';
}
.map-control-selection-toggle {
text-align: center;
}
.map-control-selection-toggle > div {
width: 24px;
height: 20px;
display: inline-block;
}
.map-control-selection-toggle-add > .map-control-selection-toggle-plus {
background-position: -208px 0;
}
.map-control-selection-toggle-add > .map-control-selection-toggle-minus {
background-position: -156px 0;
}
.map-control-selection-toggle-remove > .map-control-selection-toggle-plus {
background-position: -182px 0;
}
.map-control-selection-toggle-remove > .map-control-selection-toggle-minus {
background-position: -130px 0;
}
.leaflet-bar.leaflet-control > a,
.leaflet-bar.leaflet-control > a:hover,
.leaflet-draw-toolbar.leaflet-bar > a,
.leaflet-draw-toolbar.leaflet-bar > a:hover,
.leaflet-control-layers.leaflet-control > a,
.leaflet-control-layers.leaflet-control > a:hover,
.map-control-entity-actions.leaflet-bar > a,
.map-control-entity-actions.leaflet-bar > a:hover {
width: 32px;
height: 32px;
line-height: 32px;
}
/* New popup styles */
.map-list-popup-wrapper-single .map-list-popup-info {
height: 47px;
}
.map-list-popup-wrapper-single .map-list-popup {
height: 50px;
}
.map-list-popup-wrapper-single .map-list-popup-button > div {
padding-top: 17px;
}
.map-list-popup-wrapper-single .map-list-popup-image {
margin-top: 11px;
}
.map-list-popup-wrapper {
overflow-y: auto;
overflow-x: hidden;
background-color: white;
max-height: 140px;
border-radius: 7px;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
}
.map-list-popup {
padding: 0px 0px 0px 4px;
border-bottom: 1px solid lightgrey;
height: 40px;
}
.map-list-popup-image {
width: 32px;
height: 32px;
float: left;
padding: 0px 6px 0px 0px;
margin-top: 5px;
margin-left: 4px;
background-repeat: no-repeat;
background-color: white;
background-size: 32px 32px;
}
.map-list-popup-colour {
float: left;
height: 100%;
width: 3px;
}
.map-list-popup-info {
padding-left: 5px;
float: left;
width: 190px;
height: 37px;
padding-top: 3px;
overflow: hidden;
white-space: nowrap;
}
.map-text-ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.map-list-popup-buttons {
float: right;
height: 100%;
}
.map-list-popup-button {
border-left: 1px solid lightgrey;
height: 100%;
float: left;
}
.map-list-popup-button:hover {
cursor: pointer;
background-color: rgb(245, 245, 245);
}
.map-list-popup-button > div {
width: 30px;
padding-top: 12px;
}
.map-list-popup-button-actions .handle {
padding: 0px;
}
.map-list-popup-button-details:before {
content: '\E061';
color: grey;
font-weight: bold;
}
/* Popup styles */
.map-popup-left {
height: 100%;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
overflow: hidden;
}
.map-popup-image {
position: absolute;
background-repeat: no-repeat;
width: 24px;
height: 24px;
background-size: 24px;
left: 11px;
top: 19px;
}
.map-popup-image-border {
float: left;
width: 40px;
height: 100%;
border-right-width: 3px;
border-right-style: solid;
background-color: white;
}
.map-popup-main-text {
padding-top: 7px;
margin-left: 50px;
white-space: nowrap;
line-height: 16px;
}
.map-popup-layer-text {
text-transform: uppercase;
}
.map-popup-title-text {
font-size: 120%;
}
.map-popup-title-text, .map-popup-layer-text, .map-popup-id-text {
text-overflow: ellipsis;
overflow: hidden;
}
.map-popup-right {
height: 100%;
float: right;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.map-popup-left-rounded-right {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.map-popup-right-button {
float: left;
width: 40px;
height: 100%;
box-sizing: border-box;
border-left: 2px solid rgb(224, 224, 224);
}
.map-popup-right-button:hover {
cursor: pointer;
background-color: rgb(245, 245, 245);
}
.map-popup-actions-icon-wrapper {
text-align: center;
position: relative;
}
.map-popup-right .map-popup-actions-icon {
display: inline;
line-height: 60px;
margin: auto;
}
.map-list-popup-button-actions:before,
.map-popup-actions-icon:before {
content: var(--ciaIconDropdownMore);
color: grey;
}
.map-popup-right-button:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.map-popup-right-button:last-child:hover {
cursor: pointer;
background-color: rgb(245, 245, 245);
}
.map-popup-right .map-popup-details-icon {
display: inline;
margin: auto;
line-height: 60px;
}
.map-popup-details-icon:before {
content: '\E061';
color: grey;
font-weight: bold;
}
/* Styles for the 'map messages' message */
div.map-control-map-messages {
margin: auto;
width: 60%;
background: white;
border-radius: 4px;
margin-top: 10px;
padding: 10px 6px;
text-align: center;
border: 1px solid lightgrey;
display: none;
float: none;
}
/* Styles for the 'too many features' message */
div.map-control-too-many-features {
margin: auto;
width: 60%;
background: white;
border-radius: 4px;
margin-top: 10px;
padding: 10px 6px;
text-align: center;
border: 1px solid lightgrey;
display: block;
float: none;
}
/* Styles for the layer switcher */
.map-control-layer-switcher-buttons.leaflet-bar {
float: right;
border: none !important;
background-clip: padding-box;
box-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}
div.map-controls-layer-switcher-menu-header {
text-align: center;
color: black;
font-weight: bold;
cursor: default;
padding-top: 7px;
}
div.map-controls-layer-switcher-menu-close {
position: absolute;
top: 7px;
right: 7px;
}
div.map-controls-layer-switcher-menu > form > div > label > span {
white-space: nowrap;
vertical-align: bottom;
line-height: 20px;
text-overflow: ellipsis;
overflow-x: hidden;
display: inline-block;
width: 135px;
}
div.map-controls-layer-switcher-menu > form > div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-height: 450px) {
div.map-controls-layer-switcher-menu-base-maps-six-or-more > form > div {
max-height: 100px; /* height of 5 basemaps in list */
overflow-x: hidden;
overflow-y: scroll;
text-overflow: ellipsis;
white-space: nowrap;
}
}
div.map-controls-layer-switcher-menu {
position: relative;
background-color: white;
border-radius: 4px;
padding: 0px 20px 8px 5px;
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-bottom: 1px solid grey;
min-width: 120px;
}
.map-controls-layer-switcher-layer-colour {
width: 10px;
height: 10px;
display: inline-block;
border: 1px solid black;
margin: 3px 0 0 5px;
float: right;
}
/* Do not remove -- this is to force the map controls to render using the 3d codepath.
* Without this, on WebKit browsers (which have a known issue with DOM/Canvas interactions)
* such as Safari on iOS, will flake out and the controls won't appear unless you wait
* ~ 10 seconds or tap on the DOM near the error (ie on the map). */
.leaflet-top, .leaflet-bottom {
-webkit-transform: translate3d(0, 0, 0);
}
.map-control-floor-switcher {
overflow-y: auto;
max-height: 98px;
}
.map-control-floor-controls {
margin-right: 10px !important;
}
.map-control-floor-controls a {
width: auto !important;
}
.matchDataControl .matchSummaryContainer .crtSelection {
margin-top: 5px;
display: inline-block;
line-height: 24px;
padding: 0 5px;
border-radius: 3px;
color: #FFF;
}
.matchDataControl .matchSummaryContainer > .matchSummary{
display: inline-block;
vertical-align: top;
text-align: right;
}
.matchDataControl .matchSummaryContainer > .matchSummary > .matchSummaryWrapper{
margin-right:5px;
padding:10px;
height:100%;
box-sizing: border-box;
}
.matchDataControl .matchSummaryContainer > .matchSummary.matchDataSummary > .matchSummaryWrapper{
margin-right:0px;
}
.matchDataControl .matchSummaryContainer .summaryLine {
font-size: 1.6em;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #656565;
}
.matchDataControl .matchSummaryContainer > .matchDataSummary .summaryLine{
font-size: 1.9em;
line-height: 30px;
}
.matchDataControl {
}
.matchDataControl .rdpSectionsContainer .leftRdpSection,
.matchDataControl .rdpSectionsContainer .rightRdpSection {
line-height: 24px;
padding: 10px 24px 10px 10px;
margin: 10px 0;
position: relative;
}
.matchDataControl .rdpSection:after {
content: "\E061";
opacity: 0.35;
font-family: iconGlyph;
font-size: 19px;
text-align: center;
line-height: 24px;
display: inline-block;
-webkit-font-smoothing: antialiased;
width: 24px;
height: 24px;
position: absolute;
top: 50%;
right: 10px;
margin-top: -12px;
}
#googlefedlogininstructions, #googlefedloginappmaint, #facebookfedloginappmaint, #microsoftfedloginappmaint, #saml20fedloginappmaint
{
margin-top: -10px;
}
.messagePanel > .editorLabel {
display: block;
width: auto;
}
.messagePanel
{
position: relative;
margin: 5px 0;
padding-left: 40px;
padding-top: 7px;
padding-right: 5px;
min-height:30px;
}
.messagePanel .iconContainer{
position: absolute;
left: 0;
top: 0;
bottom: 0;
padding: 5px 10px;
}
.messagePanelContents {
padding-left: 8px;
padding-bottom:10px;
padding-top: 7px;
}
.messagePanelContents > .panel,
.messagePanelContents > .panel div
{
padding-top: 0 !important;
}
.messagePanelHeading {
padding-left: 8px;
font-weight: 600;
font-size: 0.9em;
padding-top: 2px;
line-height: 1.5em;
}
.messagePanelContents {
padding-left: 0;
}
.messagePanelHeading {
padding-top: 0;
}
.controlContainer.nativeLink.readonly {
background-color: rgba(255, 255, 255, 0.5);
border-color: #e6e6e6;
}
.controlContainer.nativeLink > .editorLabel > label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
line-height: 14px;
}
.controlContainer.nativeLink > .editorField {
display: table;
padding: 3px 4px 2px 4px;
width: 100%;
table-layout: fixed;
}
.controlContainer.nativeLink > .editorField > .nativeLinkSpan {
min-height: 16px;
line-height: 16px;
padding: 0;
margin: 0;
display: table-cell;
width: 100%;
font-size: 1.1em;
color: #656565;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.controlContainer.nativeLink > .editorField > .nativeLinkSpan > .userDetails {
overflow: hidden;
text-overflow: ellipsis;
}
.controlContainer.nativeLink > .editorField > .nativeLinkLink {
display: table-cell;
width: 30px;
min-width:30px;
height: 18px;
min-height: 18px;
line-height: 18px;
padding: 0;
background-color: transparent;
text-decoration: none;
text-align: center;
}
.nativeLink.empty > .editorField > .nativeLinkLink {
color: #656565;
cursor: default;
}
.phone > .icon16:before { content: "\E202"; }
.sms > .icon16:before { content: "\E244"; }
.email > .icon16:before { content: "\E182"; }
.userImage > .icon16:before { content: "\E251"; }
.url > .icon16:before { content: "\E081"; }
.naturalLanguageSearch {
position:relative;
border-color: #ccc;
}
.naturalLanguageSearch.readonly .readOnlyNLValue {
white-space: pre-wrap;
word-break: break-word;
}
.naturalLanguageSearch {
position:relative;
border-color: #ccc;
}
.navigatorPrev, .navigatorNext
{
height: 24px;
width: 24px;
border: none;
padding: 7px;
}
.navigatorPrev > .icon24, .navigatorNext > .icon24 { display: inline-block; }
.navigatorPrev > .icon24:before { content: "\F048"; }
.navigatorNext > .icon24:before { content: "\F047"; }
.navigatorPrev.disabled > .icon24, .navigatorNext.disabled > .icon24 { opacity: 0.3; }
.notification.wrapper {
margin: 0;
visibility: hidden;
position: absolute;
z-index: 9100;
left: 5px;
right: 5px;
top:-100px;
transition: top 0.3s ease-in-out;
}
.notification.wrapper.shown{
top: 5px;
visibility: visible;
}
.notification.wrapper > div
{
background-color: #ffffff;
box-shadow: 0 2px 5px rgba(0,0,0,0.5);
position: relative;
padding-bottom: 10px;
}
.notification .statusBar {
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 50px;
}
.notification .container .header {
display:inline-block;
padding:0 10px;
margin-top:10px;
border-radius:30px;
}
.notification .statusBar .glyph{
position: absolute;
left: 10px;
top: 50%;
margin-top: -20px;
}
#NotificationMessagesContainer{
max-height: 80vh;
overflow-y: auto;
}
.notification .header .total {
font-weight: 600;
line-height: 2em;
text-transform: uppercase;
font-size: 1.3em;
}
.notification .header a{
margin-left: 10px;
border-left: 1px solid rgba(255,255,255,0.5);
line-height: 2em;
text-decoration: none;
position: relative;
float: right;
padding: 4px 0;
}
.notification .header a:not([href]){
display: none;
}
.desktop .notification .header a:hover .tooltip {
display: block;
}
.notification .actions {
position: absolute;
top: 0;
right: 0;
}
.notification .actions > * {
display: inline-block;
vertical-align: top;
margin: 2px 5px;
cursor: pointer;
padding: 4px 6px;
position: relative;
}
.notification .tooltip {
position: absolute;
display: none;
padding: 4px;
top: 35px;
white-space: nowrap;
left: -50%;
border: solid 1px rgba(0, 0, 0, 0.26);
background: white;
border-radius: 5px;
}
.notification .actions div:hover{
opacity: 1;
}
.notification .actions div:hover .tooltip{
display: block;
}
.notification .errorMessages {
overflow-y: auto;
max-height: 80vh;
margin-right: 20px;
}
.notificationItem {
line-height: 2em;
margin-top: 5px;
padding-top: 5px;
}
.notificationItem > .glyph{
padding: 0px 5px;
display: inline-block;
}
.notificationItem a {
text-decoration: underline;
}
.notification .emailTo{
display:none;
}
.category[data-t1-category="alert"] .glyph.icon16:before {
content: "\E290";
}
.notification.wrapper.shown {
visibility: visible;
}
.notification .statusBar{
width:10px;
}
.notification .statusBar .glyph{
display: none;
}
#NotificationMessagesContainer{
margin-left: 15px;
}
.notification .header > .glyph {
flex: 0;
padding: 5px;
}
.notification .header {
white-space: nowrap;
}
.notification .header .total {
overflow: hidden;
text-overflow: ellipsis;
}
.notification .header > .actions {
flex: 0;
}
.notification .actions .copyTo{
display:none;
}
.notificationItem {
padding-bottom: 10px;
border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
.notificationItem:last-of-type {
border-bottom: none;
}
#notificationHeader {
border: 0;
width: 100%;
border-radius: 0;
}
#notificationHeader.shown + .relatedDataPortlet {
top: 30px;
}
#oauth_panel_container {
width: 100%;
margin: 0 auto;
max-height: 150px;
height: 150px;
}
#oauth_panel_image {
width: 100px;
margin: 0 auto;
}
#oauth_panel_content {
padding-top: 3px;
margin: 0 auto;
text-align: center;
word-wrap: break-word;
}
#oauth_parent_panel {
padding: 5px;
}
#oauth_link:link {
text-decoration: none;
}
#oauth_link:hover {
text-decoration: underline;
}
#oauth_link:active {
text-decoration: underline;
}
.page
{
width: 100%;
height: 100%;
position: relative;
float: left;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
.pageHeader
{
height: 55px;
padding: 0;
margin: 0;
left: 0;
right: 0;
width: 100%;
position: absolute;
/*color: #000;*/
z-index:9900;
}
.pageHeaderWithoutText, .pageHeaderWithoutButtons
{
height: 40px;
}
.pageHeaderMenuContainer
{
height: 40px;
position:relative;
z-index: 9901;
display: flex;
}
.pageHeaderMenuItem
{
height: 40px;
position: relative;
flex-grow: 1;
box-sizing: border-box;
border: solid 1px transparent;
}
.pageHeaderMenuItem.back, .pageHeaderWithoutButtons > .pageHeaderMenuItem{
flex-grow:0;
justify-content:center;
min-width:25%;
}
.pageHeaderMenuItem.disabled {
background-color: transparent !important;
background-image: none;
opacity: 0.1;
}
.pageHeaderMenuContainer > .overwriteHeaderButton, .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl > button {
border-radius: 0;
}
.pageHeaderMenuContainer > .overwriteHeaderButton:not(.primary), .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl:not(.primary) > button:not(.primary) {
background:none;
background-color:transparent;
border:transparent;
color: var(--ciaColourTextHeaderButton);
}
.pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl > button {
width:100%;
height:100%;
}
.pageHeaderCustomButton {
height: 100%;
border-radius: 0 !important;
width: 80px;
box-sizing: border-box;
border: none;
color: #FFF;
}
.pageHeaderCustomButton.noLabelText {
width: 40px;
}
.pageHeaderCustomButton:not(.primary) {
background: transparent;
}
.pageHeaderText
{
font-weight: normal;
font-size: 1em;
font-family: Osans, Arial, sans-serif;
text-align: center;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
position: relative;
line-height: 14px;
padding: 1px 0;
box-sizing: border-box;
text-transform: uppercase;
height: 16px;
z-index: 9021;
border-bottom-width: 2px; /* Border-style-solid defined in colours.cshtml */
}
.pageHeaderWithoutButtons > .pageHeaderText {
font-size: 1.2em;
text-transform: capitalize;
flex: 1;
background-color:transparent;
}
.page.blindOptions > .pageHeader, .page.blindOptions > .pageContent {
background-color: transparent;
background-image: none;
}
.page.blindOptions > .pageHeader, #ContextualPanelPage .pageHeader {
border-bottom: solid 1px rgba(0, 0, 0, 0.15);
}
.page.blindOptions > .pageHeaderWithoutButtons > .headerButton:active, .page.blindOptions > .pageHeaderWithoutButtons > .headerButton:focus {
background-color: rgba(255,255,255,0.1);
}
.pageLinksToFunctions {
position: absolute;
top: 56px;
left: 0;
right: 0;
height: 36px;
box-sizing: border-box;
}
.pageContentHeader {
position: absolute;
top: 56px;
left: 0;
right: 0;
padding: 5px;
height: 44px;
box-sizing: border-box;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.pageLinksToFunctions + .pageContentHeader {
top: 92px;
}
.deepLink .pageContentHeader {
top: 0;
}
.pageHeaderWithoutText + .pageContentHeader, .pageHeaderWithoutButtons + .pageContentHeader
{
top: 40px;
}
.pageContentHeader > .inputContainer, .pageContentHeader > .inputContainerWithButton {
position: absolute;
left: 5px;
right: 5px;
top: 5px;
}
.pageContentHeader > .inputContainerWithButton {
right: 50px;
}
.pageContentHeader > .inputContainer > input, .pageContentHeader > input
{
position: relative;
border-radius: 3px;
outline: none;
box-shadow: none !important;
height: 34px;
border-color: rgba(0, 0, 0, 0.65);
}
.pageContentHeader > .inputContainerWithButton > input
{
position: relative;
border-radius: 3px 0 0 3px;
outline: none;
box-shadow: none !important;
height: 34px;
border-color: rgba(0, 0, 0, 0.65);
}
.pageContentHeader > .inputContainer > input:focus, .pageContentHeader > .inputContainerWithButton > input:focus, .pageContentHeader > input:focus {
border-color: #000;
}
.pageContent
{
padding: 0 0 0 0;
margin: 0;
width: 100%;
top: 56px;
bottom: 0;
position: absolute;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
background-color: #fff;
}
.page.hasOverlay .pageContent {
-webkit-overflow-scrolling: auto;
}
.workplacePage .pageContent > h1 {
font-weight: 600;
}
.pageHeaderWithoutText ~ .pageContent, .pageHeaderWithoutButtons ~ .pageContent
{
top: 40px;
}
.pageContentHeader:not(.hidden) + .pageContent
{
top: 100px;
}
.deepLink .pageContentHeader:not(.hidden) + .pageContent {
top: 40px;
}
.pageLinksToFunctions + .pageContent {
top: 92px;
}
.pageLinksToFunctions + .pageContentHeader:not(.hidden) + .pageContent {
top: 136px;
}
.pageHeaderWithoutText + .pageContentHeader:not(.hidden) + .pageContent, .pageHeaderWithoutButtons + .pageContentHeader:not(.hidden) + .pageContent
{
top:84px;
}
.deepLink .pageContent {
top: 0;
}
.pageHeader.hidden + .pageContentHeader {
top: 0;
}
.pageHeaderMenuItem:not(.disabled):active, .pageHeaderMenuItem.active, .pageHeader .button:active {
background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
background-image: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background-image: radial-gradient(ellipse at center, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
}
.pageHeaderMenuItem:not(.disabled):active.actions, .pageHeaderMenuItem:not(.disabled):active.active.edit {
background-image: radial-gradient(ellipse at center, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.pagePrimaryActionContainer{
position: absolute;
bottom: 0;
left:0;
right: 0;
text-align: center;
}
.pagePrimaryActionContainer:empty{
display: none;
}
.page.hasPageBottomAction .pageContent{
bottom:50px;
}
.pagePrimaryActionContainer > * {
margin: 0 auto 5px;
border-radius: 10px;
max-width: 80vw;
display: block;
color: white;
padding: 15px;
}
/*--Consumer styles--*/
.page.consumerStyle {
color:#404040; /*--theme --colorGreyWarmDarker--*/
}
.consumerStyle .pageHeader {
height: 60px;
padding:8px;
box-sizing:border-box;
background-color:#fff;
border-bottom:solid 1px #E5E5E5; /*--theme color --colorGreyWarmLighter-50 --*/
}
.consumerStyle .pageHeaderMenuContainer {
justify-content:space-between;
background-color:transparent;
height: 100%;
box-sizing: border-box;
}
.consumerStyle .pageContent {
top:60px;
padding:0 12px;
box-sizing:border-box;
}
.consumerStyle .pageContent .picklistList {
margin:0 -12px;
}
.page.hasPageBottomAction .pageContent {
bottom:61px;
}
.consumerStyle .pageContentHeader:not(.hidden) + .pageContent {
top:120px;
}
.consumerStyle .pageHeader .pageHeaderText
{
background-color:transparent;
color:inherit !important;
font-weight: 600;
font-size: 0.875rem;
font-family: Osans, Arial, sans-serif;
text-align: center;
text-transform: unset;
margin: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
position: absolute;
top:8px;
bottom:8px;
left:66px;
right:66px;
height:auto;
line-height: 44px;
padding:0;
box-sizing: border-box;
z-index:9902;
border-bottom-width: 2px; /* Border-style-solid defined in colours.cshtml */
}
.consumerStyle .pageHeaderMenuItem {
max-width:44px;
}
.consumerStyle .pageHeaderMenuItem.disabled {
display:none;
}
.consumerStyle .pageHeaderMenuContainer .pageHeaderMenuItem.goHome,
.consumerStyle .pageHeaderMenuContainer .pageHeaderMenuItem.optionsButton {
display:none !important;
}
.consumerStyle .pageHeaderMenuItem > .icon24 {
display: block;
margin-top:6px;
margin-left:auto;
margin-right:auto;
}
.consumerStyle .pageHeader .back > .icon24:before,
.consumerStyle .pageHeader .actions > .icon24:before,
.consumerStyle .pageHeader .pageHeaderActions > .icon24:before {
content:"";
background-repeat:no-repeat;
background-position:center;
height:100%;
}
.consumerStyle button.pageHeaderMenuItem:not(.disabled), button.pageHeaderMenuItem.active, .pageHeader .button {
float:right;
max-width:44px;
padding:0;
}
.consumerStyle .pageHeaderMenuItem:not(.disabled).back {
float:left;
min-width: 44px;
height: 44px;
margin: 0;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
}
.consumerStyle .pageHeaderMenuItem:not(.disabled).actions, .pageHeaderMenuItem:not(.disabled).active.edit {
float:right;
max-width:44px;
background-color:transparent !important;
color:inherit;
display:none;
}
.consumerStyle .pageHeader .pageHeaderMenuContainer .pageHeaderMenuItem.primary.selectionAction > #LinkMemberToGroupSection_RDP_SelectionSummary_Client_Actions {
display:block;
max-width:100%;
}
.consumerStyleWrapper #ContentContainer .pageHeaderMenuItem.cancel, .consumerStyleWrapper #ContentContainer .pageHeaderMenuItem.save,
.consumerStyle .pageHeader .pageHeaderMenuContainer .pageHeaderMenuItem.primary.textBoxControlPickerSet,
.consumerStyle .pageHeader .pageHeaderMenuContainer .pageHeaderMenuItem.textBoxControlPickerCancel,
.consumerStyle .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl:not(.primary) > button.workflowActivityButton,
.consumerStyle .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl:not(.primary) > button.cancel,
.consumerStyle .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl:not(.primary) > button.finish
{
margin-top:0;
margin-left:8px;
max-width:44px;
height:44px;
overflow:hidden;
background-color:transparent !important;
background-position:12px 12px !important;
background-repeat:no-repeat;
box-shadow:none;
}
.consumerStyle.page .pageHeaderMenuItem.cancel > .buttonLabel, .consumerStyle.page .pageHeaderMenuItem.textBoxControlPickerCancel > .buttonLabel,
.consumerStyle.page .pageHeaderMenuItem.save > .buttonLabel, .consumerStyle.page .pageHeader button.attachmentPageDone > .buttonLabel, .consumerStyle.page .pageHeaderMenuItem.textBoxControlPickerSet > .buttonLabel {
padding-left: 44px;
margin-left:8px;
background-repeat: no-repeat;
background-size: 20px;
line-height: 20px;
background-position: center left;
}
.consumerStyleWrapper #ContentContainer .pageHeaderMenuItem.cancel,
.consumerStyle .pageHeader .pageHeaderMenuContainer .pageHeaderMenuItem.textBoxControlPickerCancel,
.consumerStyle .pageHeaderMenuContainer > .overwriteHeaderButton.dropdownControl:not(.primary) > button.cancel {
float:left;
height:44px;
}
.consumerStyle .pageHeaderButtonContainer > #WorkflowActivityOkButton {
background-color: transparent !important;
background-position: 12px 12px !important;
background-repeat: no-repeat;
}
.consumerStyle .pageContentHeader {
top: 60px;
left: 0;
right: 0;
padding: 6px 12px;
height: 60px;
box-sizing: border-box;
background-color:#F8F8F8; /*-- theme --colorGreyWarmLightest-50 --*/
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.consumerStyle .pageContentHeader > .inputContainerWithButton {
left:12px;
right: 12px;
}
.consumerStyle .pageContentHeader > .inputContainerWithButton > input
{
border-radius: 2px 0 0 2px;
height: 48px;
border-color:#E5E5E5; /*--theme --colorGreyWarmLighter-50--*/
}
.consumerStyle .pageContentHeader > .inputContainer > input:focus, .pageContentHeader > .inputContainerWithButton > input:focus, .pageContentHeader > input:focus {
border-color: #606060; /*--theme --colorGreyWarmDark--*/
}
.consumerStyle .pageContentHeader .search.picklistSearchButton {
width:48px;
height:48px;
position:relative;
background: none;
box-shadow: none;
color: inherit;
border: none;
border-left:solid 1px;
border-left-color: #E5E5E5; /*--theme --colorGreyWarmLighter-50--*/
}
.consumerStyle .picklistRow {
padding:20px 12px;
border-color: #F8F8F8;
}
.consumerStyle .picklistRow .picklistHeaderCell {
display:none;
}
.consumerStyle .picklistRow .picklistDataCell {
font-size:1rem;
margin: 0;
padding: 2px 0;
color: #404040; /*-- theme ---colorGreWarmDarker v--*/
}
.consumerStyle .pagePrimaryActionContainer {
background-color: #fff;
padding: 8px 0;
border-top: solid 1px #E5E5E5;
}
.consumerStyle .pagePrimaryActionContainer > a:first-child:last-child {
display:block;
padding: 0;
height:44px;
border-radius:2px;
margin: 0 auto;
max-width: calc(100vw - 24px);
color: #fff;
font-weight: 600;
font-size: 0.875rem;
}
.consumerStyle .pagePrimaryActionContainer > a > .linkLabel {
height:44px;
line-height:44px;
}
.consumerStyle .helpLink {
font-weight:600;
}
.consumerStyle .warningLabel:before,
.consumerStyle .helpLink:before {
display:none;
}
.skipContent {
position: absolute;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
transform: translateY(-200%);
opacity: .01;
transition: transform .2s ease-out,opacity 0ms linear .2s
}
.skipContent:focus {
color: #FFFFFF;
position: absolute;
width: auto;
height: auto;
z-index: 10000;
transform: translateY(0);
transition: transform .2s ease-out;
opacity: 1;
}
.panel.sideBySideContainer,
.panel.alignContent{
display: flex;
flex-wrap: wrap;
/*Vertical alignment to TOP*/
align-items:flex-start;
}
.panel.sideBySideContainer.alignLeft,
.panel.alignContent.alignLeft{
justify-content: flex-start;
align-items: center;
}
.panel.sideBySideContainer.button.subsequentControl {
margin-top: -5px;
}
.panel.sideBySideContainer.alignRight,
.panel.alignContent.alignRight{
justify-content: flex-end;
}
.panel.sideBySideContainer.alignJustify,
.panel.alignContent.alignJustify{
justify-content: space-between;
}
.panel.sideBySideContainer.alignJustify > .sideBySide {
flex-grow: 1;
}
.panel.sideBySideContainer.alignJustify > .sideBySide > *,
.panel.sideBySideContainer.alignJustify > .sideBySide .tbcEditorField{
width: 100%!important;
}
.panel.sideBySideContainer.alignCenter,
.panel.alignContent.alignCenter{
justify-content: center;
}
.panel.sideBySideContainer .separatorPanel {
align-self: stretch;
width: 1px;
margin: 5px;
background-color: var(--ciaColourGrayLight);
}
.panel.fieldSet.noHeader > .fieldsContainer {
padding-top: 10px;
}
/* Standard Style */
.panel.standardStyle.fieldSet {
position:relative;
}
.panel.standardStyle > .panelHeader {
padding: 10px 0;
position: relative;
line-height: 26px;
box-sizing: border-box;
}
.panel.standardStyle > .panelHeader > .panelHeaderTextContainer > .panelHeaderText {
font-size: var(--ciaFontSizePanelHeading);
text-transform: var(--ciaFontTransformPanelHeading);
font-weight: var(--ciaFontWeightPanelHeading);
}
.panel.standardStyle > .panelHeader > .expando {
float: left;
margin-left: -10px;
padding:0;
line-height: inherit;
width: 20px;
}
.panel.standardStyle.fieldSet > .panelHeader > .panelHeaderTextContainer{
padding-left: 10px;
}
.panel.standardStyle > .panelHeader > .topActionPane {
float: right;
line-height: 46px;
margin-top: -10px;
}
.panel.standardStyle > .panelHeader.expandable.collapsed > .topActionPane {
display: none;
}
.panel.standardStyle > .panelHeader > .topActionPane > .panelTopActionControl {
vertical-align: middle;
}
.panel.standardStyle > .panelHeader > .topActionPane > .panelTopActionControl ~ .panelTopActionControl {
margin-left: 5px;
}
.panel.standardStyle.fieldSet > .fieldsContainer {
padding: 0 0 0 10px;
}
.panel.standardStyle > .fieldsContainer > .panel.standardStyle {
padding-left: 15px;
}
.panel.standardStyle.simple {
padding: 8px;
}
/* Engaging Style */
.panel.engagingStyle.fieldSet {
padding: 0 20px;
position: relative;
}
.panel.engagingStyle.fieldSet .panel.engagingStyle.fieldSet {
padding-right: 0; /* Nested sections do not need additional right padding */
padding-bottom: 25px;
}
.panel.engagingStyle.fieldSet > .panelHeader {
background-color: rgba(0,0,0,0.05);
border-top: dashed 1px rgba(0,0,0,0.1);
padding: 15px 5px 15px 20px;
margin: 0 -20px;
line-height: 16px;
box-sizing: border-box;
}
.panel.engagingStyle.simple > .panelHeader {
margin-top: 20px;
padding: 15px 0;
}
.panel.engagingStyle > .panelHeader > .panelHeaderTextContainer > .panelHeaderText {
font-weight: 600;
padding: 4px 0;
}
.panel.engagingStyle.simple > .panelHeader > .panelHeaderTextContainer > .panelHeaderText {
font-size: 1.2em;
}
.panel.engagingStyle.fieldSet > .panelHeader > .panelHeaderTextContainer > .panelHeaderText {
font-size: 1.4em;
display: inline-block;
vertical-align: middle;
}
.panel.engagingStyle > .panelHeader > .panelHeaderTextContainer > .panelSubHeaderText {
color: #656565;
opacity: 0.5;
line-height:16px;
padding: 4px 0;
font-size: 1.2em;
}
.panel.engagingStyle.fieldSet > .expandable {
cursor:pointer;
}
.panel.engagingStyle.fieldSet > .expandable > .expando {
float:left;
width: 20px;
border:none;
opacity: 0.5;
vertical-align: middle;
padding: 4px 0;
margin-left: -15px;
}
.panel.engagingStyle.fieldSet > .expandable:hover > .expando {
opacity: 1;
}
.panel.engagingStyle.fieldSet > .panelHeader > .topActionPane {
float: right;
margin-top: -3px;
}
/* Workflow Inbox */
.myWorkflowInbox .priorMessages
{
width: 100%;
color: red !important;
text-align: left;
}
.myWorkflowInbox .fieldSet.subAttachment, .subAttachment > .fieldsContainer > .fieldSet
{
border: none;
}
.myWorkflowInbox .fieldSet.subAttachment > header
{
display: none;
}
.descriptiveText{
font-size: 0.9em;
padding: 5px 0;
line-height: 1.2em;
}
.inlineTabContainerPanel.inlineRdpSectionDisplayInPage .panelHeader{
position: relative;
min-height: 24px;
}
.inlineTabContainerPanel.inlineRdpSectionDisplayInPage .panelHeader .expando{
display: none;
}
.inlineTabContainerPanel.inlineRdpSectionDisplayInPage .panelHeader .panelHeaderText:after{
content: "\E061";
font-size: 16px;
opacity: 0.35;
width: 24px;
height: 24px;
display: block;
position: absolute;
top: 50%;
right: 10px;
margin-top: -12px;
font-family: iconGlyph;
text-align: center;
line-height: 24px;
-webkit-font-smoothing: antialiased;
}
.inlineTabContainerPanel.inlineRdpSectionDisplayInPage .panelHeader:before{
content: "";
display: block;
height: 1px;
position: absolute;
top: 0;
left: 0;
right: 0;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
}
.inlineTabContainerPanel.inlineRdpSectionDisplayInPage .panelHeader:after{
content: "";
display: block;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
visibility: visible;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%, rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 15%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0) 100%);
}
.inlineTabContainerPanel.inlineRdpSectionDisplayInPage .inlineTabContainer{
display: none;
}
/*--Consumer Style--*/
.panel.consumerStyle.fieldSet > .panelHeader {
border-top: solid 2px;
padding: 4px 0;
line-height: 16px;
box-sizing: border-box;
}
.panel.consumerStyle.fieldSet > .panelHeader .expando {
float:left;
}
.panel.consumerStyle.fieldSet > .panelHeader .panelHeaderTextContainer {
font-size: 1rem;
font-weight: 600;
line-height: 24px;
}
.pdfViewerControl {
max-height: 700px;
}
.pdfViewerControl iframe {
height: 100%;
width: 100%;
display: flex;
}
.documentPreviewSection > .pdf > .content > .pdfViewerControl,
.detailsPanel .pdf > .content > .pdfViewerControl {
max-height: none;
min-height: 75px;
height: 100%;
overflow-y: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.pdfViewerErrorMessage {
position: absolute;
text-align: center;
left: 10px;
right: 10px;
font-size: 1.7em;
line-height: 25px;
top: 50%;
}
.actionsButtonActionsPaneContainer
{
position: absolute;
top: 41px;
width: 100%;
z-index: 9020;
overflow-y: auto;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 200ms;
}
.actionsButtonActionsPane
{
position: relative;
width: 100%;
}
.actionsButtonItem
{
min-height: 42px;
line-height: 20px;
display: block;
padding: 10px 10px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top: solid 1px rgba(255, 255, 255, 0.1) !important;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
color: #fff;
}
.actionsButtonWithDropdown.active
{
padding:2px;
border-width: 1px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.cardView
{
border-radius:3px;
padding:5px;
margin-top:10px;
}
.fieldsContainer > .cardView {
margin-bottom: 10px;
}
.cardView.noContent > .tabbedControl {
margin-top: 0;
}
.tabbedControl.cardViewChildren .cardView.subsequentInList {
margin:0;
border-top-style: solid;
border-top-width: 1px;
}
.cardViewContent .cardViewContent {
margin-top:10px;
}
.cardViewSubDescription {
padding-top: 5px;
}
.cardViewStatusPane {
text-align: right;
}
.cardViewStatusItemLabel:not(.cardViewStatusItemTotal)
{
margin-top:3px;
padding-top:1px;
font-size:0.9em;
}
.cardViewDescription > h3, .cardViewStatusItemTotal > label {
font-family: Osans, Arial, sans-serif;
font-weight: normal;
font-size: 1.2em;
display: block;
}
.cardViewRightPane {
float: right;
}
.cardViewCategory.wideView {
width: 50%;
}
.cardViewCategoryHeader {
padding-bottom: 5px;
}
.cardViewCategoryRelatedFields {
display: inline-block;
width: 100%;
}
.cardViewCategoryField {
display: block;
}
.cardViewCategoryItem {
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
}
.cardViewCategoryLabel {
white-space: nowrap;
}
.editorLabelAutoWidth.cardViewCategoryValue {
color:inherit;
}
.cardView .cardViewCategoryLabel, .cardView .cardViewCategoryValue {
padding:3px 3px 3px 0;
}
.cardViewCategory h1 {
font-size: 1.1em;
font-weight: normal;
}
.cardViewListHeader {
padding-top: 30px;
padding-bottom:5px;
}
.cardViewListContent {
margin: 5px 0 0 0;
}
.cardViewChildren .cardView {
margin-top: 0;
}
.tabbedControl.cardViewChildren .cardView {
background-color:transparent;
padding: 10px;
border-radius: 0;
}
.tabbedControl.cardViewChildren .cardViewChildren {
margin-top:10px;
}
.tabbedControl.cardViewChildren > .previousTab {
margin-left: -5px;
}
.tabbedControl.cardViewChildren > .nextTab {
margin-right: -5px;
}
.tabbedControl.cardViewChildren > .previousTab:active, .tabbedControl.cardViewChildren > .nextTab:active {
background-color: rgba(0,0,0,0.05);
}
.tabbedControl.cardViewChildren > .tabHandlesContainer {
overflow: visible;
margin-left:-10px;
margin-right:-10px;
white-space:nowrap;
}
.tabbedControl.cardViewChildren > .nextTab + .tabHandlesContainer {
overflow: hidden;
margin-left: 25px;
margin-right: 25px;
}
.tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle {
vertical-align: top;
min-height: 0;
border: none;
padding: 0 10px;
line-height: 24px;
margin: 0;
border-radius: 0;
background: url('https://cdn.t1cloud.com/cianywhere/content/base/images/topbarsplitter.png?v=12.0.258.0') no-repeat center left;
display: inline-block;
position: relative;
min-width: 50px;
text-align: center;
}
.tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle:first-child {
background: none;
}
.tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle.selected
{
border-bottom-width: 0;
margin-bottom: 8px;
font-weight: bold;
}
.tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle:focus {
outline-width: 0;
}
.tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle.selected:after {
content: "";
display: block;
position: relative;
margin: 5px auto -20px auto;
height: 8px;
width: 8px;
background-color: #fff;
-webkit-transform: rotate(45deg);
}
.tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle > button {
box-shadow: none;
-webkit-box-shadow: none;
}
.tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle > button > .count {
color: #fff;
font-weight:600;
padding:0 4px;
margin-left:2px;
border-radius: 2px;
}
.tabbedControl.cardViewChildren > .tabHandlesContainer > .tabHandle > .editorLabel {
padding: 2px 0 0 0;
width: auto;
}
.tabbedControl.cardViewChildren > .tabsContainer {
border: none;
}
.tabbedControl.cardViewChildren > .tabsContainer > .tabControl
{
display: none;
}
.tabbedControl.cardViewChildren > .tabsContainer > .tabControl.selected {
min-height: 0;
display: block;
background-color: #fff;
}
.taggedDefPanel > .fieldsContainer > .fieldSet {
border-top-width: 0;
}
.taggedDefPanel > .fieldsContainer > .fieldSet, .form .taggedDefPanel .fieldsContainer header .panelHeaderText, .tabbedControl.cardViewChildren .tabsContainer,
.tabbedControl.cardViewChildren .tabHandlesContainer {
padding: 0;
}
.comboBoxControl > .editorField > .textboxWithButton > .comboBoxControlInput {
border-color: transparent;
padding: 0 4px;
margin: 0;
height: 24px;
min-height: 24px;
line-height: 16px;
color: #656565;
}
.comboBoxControl > .editorField > .textboxWithButton > .comboBoxControlInput:focus {
box-shadow: none;
}
.comboBoxControlSelect {
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
}
.comboBoxControl.readonly > .editorField {
height:auto;
}
.editableGrid > .itemLink > p
{
min-height: 16px;
}
.editableGridPage > .pageContent > .editablePanel > .content {
border: none;
}
div.enquiryfilters
{
position: relative;
overflow: hidden;
height: 100%;
}
.optionItem.filters > .tick.glyph {
display: none;
position: absolute;
left: 28px;
top: 5px;
}
.filtersApplied .optionItem.filters > .tick.glyph,
.filtersApplied .pageContent .rdpFilters.clearFilters{
display: block;
}
.pageHeader .rdpFilters.filters,
.pageContent .rdpFilters.clearFilters {
display: none;
}
.filterContent
{
overflow-x: auto;
position:absolute;
left:0;
right:0;
top: 0;
bottom:0;
}
.filterContent .chldFltrSetTemplate {
display:none;
}
.fltrCntr .shdwRight {
position: absolute;
width: 5px;
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/blackgradrlopac15.png?v=12.0.258.0');
background-repeat: repeat-y;
top: 0;
bottom: 0;
right: 0;
}
.fltrCntr h2 {
font-weight:normal;
font-size:1.4em;
}
.fltrMainHd {
padding:5px 0 5px 10px;
}
.enquiryfilters .fltrMainHd {
position: absolute;
top: 0;
left: 0;
right: 17px;
z-index: 1;
min-height: 15px;
}
.fltrMainHd h2 {
line-height:26px;
}
.worklistFilterSet {
padding:0;
}
.filterActionBar {
float:right;
margin-top:-26px;
margin-right:5px;
}
.fltrMainHd:after {
content:"";
display:block;
position:absolute;
left:0;
margin-top:5px;
height:10px;
width:100%;
background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/fltrmainhdbbg.png?v=12.0.258.0') no-repeat center top;
}
.fltrSet .fltrItem > .fltrSet {
margin-left:-10px;
margin-right:-10px;
}
.fltrSet > .fltrHeading {
padding:10px;
background-color: rgba(0,0,0,0.05);
}
.fltrSet .fltrSet > .fltrHeading {
display: none;
/*background-color:transparent;
border-bottom:solid 1px rgba(0,0,0,0.05);*/
}
/*
.fltrSet .fltrSet > .fltrHeading.collapsed {
border-bottom-color:transparent;
}
*/
.fltrHeading .expando {
border:none;
padding:0;
margin-right: 5px;
}
.fltrClr {
float:right;
display:block;
padding: 2px;
margin-top:3px;
margin-right:5px;
font-size: 0.9em;
display:none;
}
.fltrSet.notEmpty > .fltrClr, .fltrMainHd.notEmpty > .fltrClr {
display:block;
}
.fltrItem .fltrClr {
line-height:normal;
}
.fltrItems {
}
.fltrItem {
position: relative;
line-height:24px;
padding:10px;
border-top: solid 1px rgba(255,255,255,0.05);
border-bottom: solid 1px rgba(0,0,0,0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hasChld > .fltrItem.active > .fltrItem.active {
border-top-color:transparent;
}
.hasChld > .fltrItem.active > .fltrSet.singleSelect.notEmpty > .fltrHeading,
.hasChld > .fltrItem.active > .fltrSet.singleSelect.notEmpty > .fltrClr,
.hasChld > .fltrItem.active > .fltrSet.singleSelect.notEmpty > .fltrSetclear {
display:none;
}
/*.hasChld > .fltrItem.active > .fltrSet {
padding-left: 16px;
}*/
.hasChld > .fltrItem.active > .fltrSet.singleSelect.notEmpty > .fltrItems > .fltrItem.active > label {
background-image: none;
background:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/childnode.png?v=12.0.258.0') no-repeat center left;
}
.hasChld .multiselect .fltrItem.active label {
padding-left:0;
background:none;
}
.hasChld > .fltrItem.active {
padding-bottom:0;
border-bottom:none;
line-height:16px;
}
.fltrLbl .chkbx {
float:left;
/*height:auto;*/
margin-top:5px;
margin-right:10px;
}
.fltrItem label {
display:block;
}
.fltrItem.active > label, .fltrItem.active > label > span {
font-weight:bold;
}
.hasChld > .fltrItem.active > label {
margin-bottom:16px;
}
.fltrItem label span {
min-height:16px;
border:solid 1px transparent;
}
.fltrItem label.wChkbx:before {
content:"";
width:16px;
height:16px;
display:block;
float:left;
margin-top:3px;
margin-right:5px;
background-image: none;
background-color: #fff;
border-radius: 3px;
font-size: 16px;
line-height: 16px;
/*background-image:url(https://cdn.t1cloud.com/cianywhere/content/base/images/chkbx.png?v=12.0.258.0);
background-position:top left;
background-repeat:no-repeat;*/
}
.fltrItem.active > label.wChkbx:before {
/*background-position:0 -40px;*/
content: "\E066";
color: initial;
}
.fltrItem label .chkbx {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
/*--Filter tags--*/
.fltrSet .fltrHeading .filterSetTag,
.fltrItem .filterTag {
color: #fff;
float: left;
padding: 0 5px;
margin-right: 5px;
width: 12px;
text-align: center;
}
.fltrItem .remove {
float:right;
display:none;
}
.fltrSet.singleSelect > .hasChld > .fltrItem.active > .remove {
display:block;
}
.fltrItem .remove .icon24 {
display:block;
/*background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/clearinput16.png?v=12.0.258.0') no-repeat center top;*/
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/phone/mblspritewhite.png?v=12.0.258.0');
background-position:-288px 0px;
background-size:auto 100%;
}
.fltrItemTtl {
float: right;
text-align: right;
border-radius:3px;
text-align:right;
padding:0 5px;
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/blackopac10.png?v=12.0.258.0');
background-repeat: repeat;
}
.fltrSet.singleSelect.notEmpty > .hasChld > .fltrItem.active > .fltrItemTtl {
display:none;
}
.fltrItemLbl {
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fltrSet .moreorlessbutton {
line-height: 24px;
padding:5px 10px;
font-size:0.9em;
text-transform:uppercase;
}
.fltrSetCategory > .fltrHeading {
padding:10px;
background-color: rgba(0,0,0,0.15);
}
.fltrSetCategory > .fltrHeading h3 {
line-height:18px;
font-size:inherit;
font-weight:normal;
font-size: 0.9em;
font-family: Osans, Arial, sans-serif;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
/*color: #fff;*/
}
.relatedDataPortletFilters > .pageContent {
/*color: #fff;*/
}
.fltrSet > .fltrHeading > .spinner {
display: none;
}
.fltrSet.readingData > .fltrHeading .spinner {
display: block;
width: 20px;
height: 20px;
float: right;
background:url('https://cdn.t1cloud.com/cianywhere/content/base/images/loaderdarkbg.gif?v=12.0.258.0') no-repeat center;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
}
.itemChooserHeader {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whitegrad60opac80.png?v=12.0.258.0');
background-repeat: repeat-x;
background-position: top left;
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 2px 2px 2px 5px;
}
.itemChooserHeader > .itemChooserActionButton {
margin-right: 9px;
margin-top: 4px;
}
.itemChooserHeaderLabel {
line-height: 35px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.itemChooserActionButton {
float: right;
padding: 0;
}
.itemChooserAddSelectedButton {
height: 34px;
margin-top: 2px;
}
.itemChooserRow {
position: relative;
display: block;
padding: 5px 10px;
border-left: none;
border-right: none;
border-bottom: solid 1px;
border-top: solid 1px #fff !important;
}
.itemChooser.readonly .itemChooserRow {
background-color: transparent;
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac50.png?v=12.0.258.0');
background-repeat: repeat;
}
.itemChooserRow.removeItem > .delete {
display: block;
}
.itemChooserRow.removeItem > .itemChooserRowCheckbox {
display: none;
}
.itemChooserRow.addItem > .delete {
display: none;
}
.itemChooserRow.addItem > .itemChooserRowCheckbox {
display: block;
}
.itemChooserRowLabel {
height: 26px;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.itemChooserRowCheckbox {
float: left;
margin-right: 8px;
margin-left: 0;
}
.itemChooserActionButton.delete > .icon24:before {
content:"\2212"
}
.itemChooserActionButton.showAvailable > .icon24:before {
content: "\002B";
}
.engagingStyle .itemChooser {
padding-bottom: 25px;
}
.optionItem
{
border-bottom: solid 1px rgba(0, 0, 0, 0.15);
border-top: solid 1px rgba(255,255,255,0.05);
position: relative;
padding: 10px;
cursor: pointer;
}
.desktop .optionItem.pointer:not(.selected):not(.disabled):hover,
.desktop .optionItem.pointer:not(.selected):not(.disabled):focus {
background-color: rgba(0, 0, 0, 0.1);
}
.optionItem > .icon24
{
float:left;
margin-right: 10px;
display: block;
}
.optionItem.disabled {
opacity: 0.3;
}
.optionItemLabel {
font-family: Osans, Arial, sans-serif;
/*text-shadow: 0 1px 5px rgba(0,0,0,0.1);*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 22px;
min-height:24px;
}
.optionItem > .next { float: right; }
.optionItem > .next > .icon24 { display: block; }
.desktop .optionItem > .next > .icon24 { opacity: 0.35; }
.desktop .optionItem:hover > .next > .icon24, .desktop .optionItem:focus > .next > .icon24 { opacity: 1;}
.optionTitle {
text-transform: uppercase;
font-size: 0.9em;
/*color: #fff;*/
padding: 7px 10px;
background-color: rgba(0, 0, 0, 0.05);
}
/*--Options--*/
.optionItem.add > .icon24:before { content: "\002B"; }
.optionItem.keys > .icon24:before { content: "\E006"; }
.optionItem.back > .icon24:before { content: "\E042"; }
.optionItem.filters > .icon24:before { content: "\E054"; }
.optionItem.clearFilters > .icon24:before { content: "\E004"; }
.optionItem.hideSearch > .icon24:before { content: "\E005"; }
.optionItem.showSearch > .icon24:before { content: "\E044"; }
.optionItem.refresh > .icon24:before { content: "\E093"; }
.optionItem.savedViews > .icon24:before { content: "\E04B"; }
.optionItem.compactView > .icon24:before { content: "\E106"; }
.optionItem.detailView > .icon24:before { content: "\E123"; }
.optionItem.Contact > .icon24:before { content: "\E251"; }
.optionItem.thumbnailView.Default > .icon24:before, .optionItem.thumbnailView.Normal > .icon24:before { content: "\E125"; }
.optionItem.thumbnailView.Flat > .icon24:before { content: "\E121"; }
.optionItem.bulkMode > .icon24:before { content: "\E260"; }
.optionItem.exitBulkMode > .icon24:before { content: "\E261"; }
.optionItem.mapView > .icon24:before { content: ""; }
.optionItem.treeView > .icon24:before { content: "\E259"; }
#OptionPane .optionItem.mapView > .icon24 {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/48/actions/white/map.png?v=12.0.258.0');
background-position: 0px 0px;
}
a.optionItem,
.optionItem a {
text-decoration: none;
display: block;
}
.optionItem.savedViews {
padding-left:44px;
}
.optionItem.savedViews .next,
.optionItem.savedViews > .icon24 {
position: absolute;
top: 50%;
margin-top: -12px;
}
.optionItem.savedViews .next {
right: 10px;
}
.optionItem.savedViews > .icon24 {
left: 10px;
}
.optionItem > .notificationCount {
position: absolute;
left: 28px;
top: 0;
}
.optionItem > .activeTick {
top: 3px;
left: 27px;
display: none;
position: absolute;
border-radius: 3px;
}
.overlay
{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9002;
display: none;
}
.darkenOverlay
{
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
}
.hasOverlay .page.current > .pageContent{
overflow:hidden;
}
.repeatingPanelContainer > .repeatingPanelItem {
padding: 8px;
display: block;
border-top: solid 1px #fff;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.repeatingPanelContainer > .repeatingPanelItem:nth-of-type(2) {
border-top: none;
padding-top: 0;
}
.repeatingPanelContainer.readonly > .repeatingPanelItem:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
.repeatingPanelItemTemplate {
display: none;
}
.repeatingPanelItem > .repeatingPanelItemHeader > .repeatingPanelItemHeaderText {
font-size: 1.1em;
font-weight: normal;
padding: 0 0 10px 0;
line-height: 20px;
}
.repeatingPanelItemDeleteButtonContainer {
text-align: center;
}
.repeatingPanelItemDeleteButton {
width: 70%;
max-width: 300px;
height: 30px;
}
.repeatingPanelNewButtonContainer {
text-align: center;
padding: 5px;
}
.repeatingPanelNewButton {
width: 90%;
height: 30px;
font-size: 1.1em;
}
.repeatingPanelNewButton > .icon16 {
background:url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/plusgreendark.png?v=12.0.258.0') no-repeat center center;
}
/*#region Scrolling Grid */
.scrollingGrid thead
{
text-align:left;
display:block;
}
.scrollingGrid thead th
{
text-overflow: ellipsis;
white-space:nowrap;
overflow:hidden;
}
.scrollingGrid .headerRow td
{
white-space:nowrap;
border-top:1px solid #fff;
}
.scrollingGrid .headerRow td .cellContents
{
width:170px;
position:relative;
}
.scrollingGrid .headerRow .cellContents div
{
font-weight:bold;
display:inline-block;
}
.scrollingGrid .headerRow .gridCell
{
width:135px;
}
.scrollingGrid .headerRow .rowActions.dropDown, #Grid_GridContainer_RowDetails .cellActions.dropDown
{
width:25px;
}
.scrollingGrid .gridCell
{
padding:5px;
}
.scrollingGrid .detailRow
{
/*text-align:center;*/
}
.scrollingGrid .detailRow td
{
/*background-color:White;*/
padding-bottom:5px;
border-bottom:solid 1px rgba(0,0,0,0.1);
}
.rowDetailsItem .dataPart
{
display:inline-block;
}
.scrollingGrid th
{
}
.scrollingGrid .rowActions.dropDown
{
vertical-align:middle;
}
.scrollingGrid .rowActions.dropDown .icon24, #Grid_GridContainer_RowDetails .cellActions.dropDown .icon24
{
display:inline-block;
/*background-position: -360px 0;
background-size: auto 100%;*/
}
.scrollingGrid .rowActions.dropDown .icon24:before, #Grid_GridContainer_RowDetails .cellActions.dropDown .icon24:before {
content: "\E064";
}
.scrollingGrid .rowActions.dropDown .icon24
{
border-right:1px solid;
}
.scrollingGrid tbody
{
display: block;
height: 368px;
overflow-y: auto;
}
[data-t1-control-type='ScrollingGrid'] div.gridDataContainer
{
overflow-x: auto;
}
.scrollingGrid .headerRow:active
{
border-color: #d85904 !important;
background-color: #d85904 !important;
background-image: none;
color: #fff;
}
/*#endregion*/
.tabbedControl > .previousTab, .tabbedControl > .nextTab
{
height: 24px;
width: 24px;
margin-top: 1px;
display:inline-block;
}
.tabbedControl > .previousTab
{
float:left;
}
.tabbedControl > .previousTab:before {
content: "\E062";
}
.tabbedControl > .nextTab
{
float:right;
}
.tabbedControl > .nextTab:before {
content: "\E061";
}
.tabbedControl > .previousTab.disabled, .tabbedControl > .nextTab.disabled
{
opacity:0.2;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle
{
position: relative;
min-height: 40px;
border-style: solid;
border-width: 1px 0;
border-top-color: #fff;
padding:10px;
color: initial;
-webkit-transform: translate3d(0,0,0);
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle:not(.selected):active {
color: #fff;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryImage {
float:left;
margin-right:5px;
width: 24px;
height: 24px;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryHeading {
font-weight: 600;
font-size: 1.1em;
line-height: 20px;
font-family: Osans, Arial, sans-serif;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLine
{
font-size: 0.9em;
line-height: 1.5em;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLine > .summaryLineValue {
color: #656565;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLineColoured > .summaryLineLabel {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 2px 5px;
text-transform: capitalize;
color: #fff;
display: inline-block;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLineColoured, .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLineTag {
padding: 3px 0;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLineColoured ~ .summaryLineTag, .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLineTag ~ .summaryLineColoured {
padding: 1px 0 3px 0;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLine > .tagCode {
color: #fff;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
text-transform: uppercase;
display:block;
float:left;
padding: 2px 5px;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryLine > .tagDesc {
border-width: 1px;
border-style: solid;
border-left: none;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #fff;
display:block;
float:left;
padding: 2px 5px;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .tabHandleDisabled {
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255,255,255,0.6);
position: absolute;
margin: 0;
padding: 0;
}
.tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryImage ~ .summaryHeading, .tabbedControl.vertical > .tabHandlesContainer > .tabHandle > .panel > .summary > .summaryImage ~ .summaryLine {
margin-left: 29px;
}
table
{
width: 100%;
}
td, th {
vertical-align:top;
padding:5px;
text-align:left;
line-height:1.3em;
border:none;
border-bottom:solid 1px #e6e6e6;
}
td
{
font-size: 0.9em;
}
.tableSubHeader {
font-style: italic;
font-weight: normal;
font-size: smaller;
}
.trHighlight, .trTotalHighlight
{
font-weight:bold;
}
.tagDetails .headerBar {
position: absolute;
left: 0px;
right: 0px;
height: 38px;
padding: 3px 5px;
border-left: none;
border-right: none;
}
.tagDetails .tagSearchPanel .inputContainerWithButton{
position: absolute;
top: 5px;
left: 5px;
right: 50px;
}
.tagDetails .tagSearchPanel .inputContainerWithButton > input {
position: relative;
border-radius: 3px 0 0 3px;
outline: none;
box-shadow: none !important;
height: 34px;
border: solid 1px rgba(0,0,0,0.5);
}
.tagDetails .tagSearchPanel .inputContainerWithButton > input:focus {
border-color: #000;
}
.tagDetails .tagSearchPanel .tagSearchButton {
border-radius: 0 3px 3px 0;
outline: none;
box-shadow: none !important;
height: 34px;
border: solid 1px rgba(0,0,0,0.5);
}
.tagSelectorPanel > .noTagDefs {
text-align: center;
}
.tagSearchPanel {
margin-top:2px;
}
.tagDefSelect {
padding-bottom: 2px;
padding-top: 2px;
line-height: 32px;
border: 1px rgb(196, 196, 196);
border-style: solid;
border-bottom: none;
padding-left: 9px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.tagDefSelectLast,
.tagDefSelect:last-child {
padding-bottom: 2px;
padding-top: 2px;
line-height: 32px;
border: 1px rgb(196, 196, 196);
border-style: solid;
padding-left: 9px;
}
.tagSelectorPanel .tagDefCode {
color: white;
width: 26px;
font-weight: bold;
font-size: large;
text-align: center;
display: inline-block;
padding: 4px;
margin-left: 10px;
}
.tagDefSelectLast > .tagDefCode {
color: white;
width: 26px;
font-weight: bold;
font-size: large;
text-align: center;
display: inline-block;
padding: 4px;
}
.tagDefSelect > .tagDefCheck {
display: inline-block;
margin-bottom: -4px;
}
.tagDefSelectLast .tagDefCheck {
display: inline-block;
margin-bottom: -4px;
}
.tagDefSelect > .tagName {
margin-left: 5px;
}
.tagDefSelectLast > .tagName {
margin-left: 5px;
}
.tagSelectorPanel {
padding: 4px;
overflow: auto;
position: absolute;
top: 100px;
right: 0;
left: 0;
bottom: 0;
}
.partial_select {
opacity: 0.5;
}
.tagDefNewTagTile {
position: absolute;
top: 45px;
left: 0;
right: 0;
border-style: solid;
border-width: 1px;
}
.tagDefNewTagTile > .tagDefNewTagNext {
position: absolute;
width: 24px;
right: 10px;
top: 10px;
bottom: 10px;
}
.tagDefNewTagTile > .tagDefNewTagNext > .icon24 {
display: block;
margin-top: 4px;
}
.tagDefNewTagNext > .icon24:before {
content: "\E061";
}
.tagDefNewTagTile > .tagDefNewTagNext + .tagDefNewTagInner {
margin-right: 40px;
}
.tagDefNewTagTile > .tagDefNewTagInner {
font-family: Osans, Arial, sans-serif;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 30px;
padding: 10px;
}
.tagDefNewTagTile > .tagDefNewTagInner > .tagDefNewTagIcon {
float: left;
margin-right: 10px;
}
.tagDefNewTagTile > .tagDefNewTagInner > .tagDefNewTagIcon > .icon24 {
display: block;
margin: 0 auto;
background-position: -264px 0;
}
.newTagPanel {
margin-top: 6px;
padding: 6px;
}
.newTagColour {
display: inline-block;
line-height: 40px;
padding-left: 3px;
background: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/dropdown.png?v=12.0.258.0');
background-repeat: no-repeat;
background-position: right;
width: 41px;
cursor: pointer;
}
.newTagLetter {
width: 24px;
font-weight: bold;
text-transform: uppercase;
}
.newTagNameLabel {
display: inline-block;
width: 178px;
}
.colourpallete {
position: absolute;
top: 13px;
margin-right: 6px;
background-color: rgb(31, 33, 35);
padding: 8px;
}
.colourpallete > .chooseColourHeader {
line-height: 38px;
font-size: 2.0em;
text-align: center;
color: white;
}
.colourpallete > .chooseColourFooter > .cancelColourChoice {
line-height: 50px;
font-size: 2.0em;
text-align: center;
color: white;
margin: 8px;
background-color: rgb(79, 73, 76);
}
.colourpallete > table {
table-layout: fixed;
height: 350px;
padding: 2px
}
.colourpallete > table > tbody {
height: 100%;
overflow: auto;
display: block;
}
.isColour {
cursor: pointer;
display: block;
}
.isColour tr {
display: block;
}
.isColour > td {
height: 38px;
border: none;
}
.colourrow.colour1 {
background-color: #FF0000;
}
.colourrow.colour2 {
background-color: #FF8000;
}
.colourrow.colour3 {
background-color: #FFFF00;
}
.colourrow.colour4 {
background-color: #00FF00;
}
.colourrow.colour5 {
background-color: #00FFFF;
}
.colourrow.colour6 {
background-color: #0080FF;
}
.colourrow.colour7 {
background-color: #0000FF;
}
.colourrow.colour8 {
background-color: #7F00FF;
}
.colourrow.colour9 {
background-color: #FF00FF;
}
.colourrow.colour10 {
background-color: #FF007F;
}
.colourrow.colour11 {
background-color: #808080;
}
.pageTile
{
margin-bottom: 1px;
position: relative;
list-style: none;
}
.tile .tileInner:focus, .easy .tile .tileInner:hover {
background-color: rgba(0, 0, 0, 0.12);
}
.pageTile.folder:focus .next {
background-color: transparent;
}
.tile > .tileInner {
font-family: Osans, Arial, sans-serif;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 30px;
padding: 10px;
font-size: 1.1em;
padding-left: 50px;
}
.tile > .tileInner > * {
display: inline-block;
}
.tile > .tileInner > .tileIcon > .icon32 {
display: block;
margin: 0 auto;
background-size: 100%;
}
.tile > .tileInner > .tileIcon > .notificationCount {
display: none;
position: absolute;
top: -8px;
padding: 2px;
right: -8px;
}
.tile.functionTile > .tileInner {
margin-right: 40px;
}
.tile > .next {
position: absolute;
width: 24px;
right: 10px;
top: 10px;
bottom: 10px;
}
.pageTile > .next > .icon24 {
display: block;
margin-top: 4px;
/*background-image: url(https://cdn.t1cloud.com/cianywhere/content/base/icons/48/phone/mblspritewhite.png?v=12.0.258.0);
background-size: auto 100%;*/
font-family: iconGlyph;
font-size: 19px;
text-align: center;
line-height: 24px;
-webkit-font-smoothing: antialiased;
speak: none;
background: none;
}
.pageTile > .next > .icon24:before {
content: "\E061";
}
.easy .pageTile > .next > .icon24,
.easy .pageTile.folder:hover > .next > .icon24,
.easy .pageTile.folder:focus > .next > .icon24,
.easy .pageTile > .next:hover > .icon24,
.easy .pageTile > .next:focus > .icon24
{
opacity: 1;
}
.tile > .tileInner > .tileIcon {
position: absolute;
left: 10px;
height: 32px;
width: 32px;
padding: 0;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0,0,0,0.35);
}
.tile.disabled > .tileInner > .tileIcon {
opacity: 0.5;
-webkit-filter: grayscale(100%);
}
.tile.disabled > .tileInner > .tileText {
opacity: 0.7;
}
.tile.role > .tileInner > .tileIcon {
box-shadow: none;
}
.role .glyph:before {
content: "\E050";
}
.functionTile > .tileInner > .tileIcon > .icon32 {
padding: 0;
display: block;
position: relative;
width: 100%;
height: 100%;
border-radius: 50%;
text-align: center;
background-repeat: no-repeat;
background-position: center;
}
.tile > .tileInner > .tileIcon > .type
{
position: absolute;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
display: none;
}
.pageTile > .tileInner > .tileIcon > .type
{
left: 10px;
bottom: 11px;
}
.notificationCount {
padding:1px;
border: none;
font-weight:600;
color:white;
font-size:0.9em;
min-width:14px;
text-align:center;
text-shadow: none;
border-radius:3px;
line-height: 13px;
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
background-repeat: repeat-x;
background-position: 0 -5px;
background-size:100% 100%;
-webkit-transition:0.05s linear;
-moz-transition:0.05s linear;
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
}
.notificationCount.scalePulse
{
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
}
.notificationCount.scaleHide
{
-webkit-transform: scale(0);
-moz-transform: scale(0);
}
.valueSelector2 .editablePanel, .valueSelectorBottomPanel {
padding: 0 !important;/*all the necessary padding already exists*/
}
.valueSelector2, .valueSelector2 .content, .valueSelectorBottomPanel > .content {
position: absolute!important;
left: 0;
right: 0;
bottom: 0;
}
/*RDP under repeatablePanel is set to position relative but we need to cancel that*/
.valueSelector2 .relatedDataPortlet, .valueSelectorBottomPanel > .content > .relatedDataPortlet {
position: absolute!important;
}
.valueSelector2 {
top: 0;
}
.valueSelector2 .content, .valueSelectorBottomPanel > .content {
top: 35px;
}
/*on phone, the single value selector heading is now in the page header so the contents doesn't need offset'*/
.singleValueSelector.valueSelector2 .content {
top: 0;
}
.valueSelector2.viewSourceItems .editablePanel.topPanel
{
display: none;
}
.valueSelector2 .editablePanel.topPanel {
display: block;
}
.dropdownItem.viewSelection {
display: none;
}
.workflowSplitDetails {
width: 100%;
}
.workflowSplitHeader {
padding: 5px 5px;
font-family: 'OSans', Arial, Sans-Serif;
font-weight: bold;
}
.workflowSplitGroup {
margin-bottom: 5px;
padding: 5px;
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac35.png?v=12.0.258.0');
border-bottom-width: 1px;
border-bottom-style: solid;
}
.workflowSplitAssigned {
font-size: 1.1em;
font-weight: 600;
width: 100%;
}
.workflowSplitLine {
padding-top: 3px;
line-height: 16px;
}
.workflowSplit {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/split.png?v=12.0.258.0');
background-size: cover;
background-repeat: no-repeat;
width: 16px;
height: 16px;
display: inline-block;
vertical-align: top;
}
.workflowSplitLineDetails {
display: inline-block;
}
.workflowSplitDescription {
display: inline-block;
word-wrap: break-word;
}
.workflowSplitKeys {
display: inline-block;
vertical-align: top;
}
.plannerViewer .extraThumbnailElements {
display: none;
}
.plannerViewContainer .mainHeader {
display: block;
padding: 15px 10px;
}
.plannerViewContainer .plannerTitle {
font-size: 20px;
}
.plannerViewContainer > .contents > * {
position: absolute;
top: 0;
bottom: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.unplannedItemsContainer {
position: fixed !important;
left: 0;
right: 0;
display: none;
z-index: 2;
}
.unplannedItemsContainer.fadeIn {
background-color: rgba(0, 0, 0, 0.2);
bottom:41px;
}
.unplannedItemsContainer .plannerItemGroup {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: translate3d(-100%, 0, 0) !important;
-moz-transform: translate3d(-100%, 0, 0) !important;
-ms-transform: translate3d(-100%, 0, 0) !important;
-o-transform: translate3d(-100%, 0, 0) !important;
transform: translate3d(-100%, 0, 0) !important;
}
.plannedItemsContainer .plannerItemGroup.selectionMode .groupHeading > .actions,
.plannedItemsContainer .plannerItemGroup.selectionMode .thumbnailItem .thumbnailAction {
display: none !important;
}
.unplannedItemsContainer.fadeIn .plannerItemGroup.slideIn {
-webkit-transform: translate3d(0, 0, 0) !important;
-moz-transform: translate3d(0, 0, 0) !important;
-ms-transform: translate3d(0, 0, 0) !important;
-o-transform: translate3d(0, 0, 0) !important;
transform: translate3d(0, 0, 0) !important;
}
.unplannedItemsContainer .plannerItemGroup {
top: 70px;
bottom: 0;
width: 100%;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
position: absolute;
}
.unplannedItemsContainer .plannerItemGroup .removeButton {
display: none;
}
.unplannedItemsContainer .plannerItemGroup .actions {
float: right;
margin-top: -28px;
margin-right: -2px;
}
.unplannedItemsContainer .plannerItemGroup .actions .unplannedItemGroupAddActionOk {
margin-right: 5px;
opacity: 0.5!important;
}
.unplannedItemsContainer .plannerItemGroup .actions .unplannedItemGroupAddActionOk.enabled {
opacity: 1!important;
}
.unplannedItemsContainer .plannerItemGroup .actions .unplannedItemGroupAddActionCancel {
display: none;
}
.unplannedItemsContainer .plannerItemGroup .groupHeading {
height: 76px;
}
.unplannedItemsContainer .plannerItemGroup .groupContents {
top: 76px;
}
.plannedItemsContainer .plannerItemGroup.selectionMode.removeMode.hasRemovableItem .groupContents {
top: 85px;
}
.plannedItemGroup.selectionMode.removeMode .thumbnailItem .itemWrapper,
.unplannedItemsContainer .plannerItemGroup .thumbnailItem .itemWrapper {
padding-left: 62px;
}
.unplannedItemsContainer .plannerItemGroup .subheading {
min-height: 14px;
}
.plannerItemGroup .selectedItemsCount {
color: rgba(255, 255, 255, 1);
padding: 9px;
border-radius: 5px;
border: 1px solid rgba(255, 255, 255, 0.5);
font-size: 12px;
background-color: rgba(0, 0, 0, 0.2) !important;
display: initial;
}
.plannerItemGroup .selectedItemsCount.highlight {
background-color: rgba(0, 150, 0, 0.6) !important;
}
.plannerItemGroup .selectedItemsCount > *{
display: inline-block;
}
.plannerItemGroup .selectedItemsCount .count {
margin-right: 5px;
}
.plannerItemGroup .selectorIcon {
position: absolute;
left: 8px;
top: 24px;
opacity: 0!important;
z-index: 1;
}
.plannerItemGroup.addMode .thumbnailItem.moveDisabled .selectorIcon,
.plannerItemGroup.removeMode .thumbnailItem.moveDisabled .selectorIcon {
display: none;
}
.plannerItemGroup .selectorIcon.scaleUp {
transform: scale(1.3);
}
.plannerViewContainer .thumbnailItem.selectedForEditAction .selectorIcon span.glyph:before {
color: rgba(0, 150, 0, 0.7) !important;
}
.plannerItemGroup .selectorIcon .glyph:before {
color: rgba(0,0,0,0.3);
}
.unplannedItemGroup.selectionMode .selectorIcon,
.plannedItemGroup.selectionMode.removeMode .thumbnailItem:not(.moveDisabled) .selectorIcon {
opacity: 1!important;
}
.plannerItemGroup .thumbnailItem .itemWrapper{
border: 1px solid transparent;
margin: 0;
width: auto !important;
height: auto !important;
}
.plannerItemGroup .groupHeading,
.plannerItemGroup .selectorIcon,
.plannerItemGroup .thumbnailItem,
.plannerItemGroup .thumbnailItem .itemWrapper,
.plannerViewContainer .contents > .plannedItemGroupsContainer .groupsContainerOverlay {
-webkit-transition: all 0.3s ease-in-out !important;
-moz-transition: all 0.3s ease-in-out !important;
-ms-transition: all 0.3s ease-in-out !important;
-o-transition: all 0.3s ease-in-out !important;
transition: all 0.3s ease-in-out !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.plannerItemGroup .groupContents {
-webkit-transition: top 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
-moz-transition: top 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
-ms-transition: top 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
-o-transition: top 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
transition: top 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.plannerViewer {
overflow: hidden;
}
.plannerViewer .unplannedItemsGroupCollapseButton:before {
content: "\E247";
}
.plannerViewer .unplannedItemsGroupCollapseButton.clicked:before {
content: "\E246";
}
.plannerViewContainer .thumbnailItem{
margin: 0 0 10px 0!important;
box-sizing: border-box;
margin-bottom: 10px !important;
width: 100% !important;
float: none !important;
-webkit-transition: border-color 0.3s ease;
-moz-transition: border-color 0.3s ease;
-ms-transition: border-color 0.3s ease;
-o-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.plannerViewContainer .thumbnailItem .thumbnailBlind {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
text-align: center;
display: none;
}
.plannedItemGroup.removeMode .thumbnailItem .thumbnailBlind,
.unplannedItemGroup.addMode .thumbnailItem .thumbnailBlind {
display: block;
}
.plannedItemGroup.removeMode .thumbnailItem .secondarySection,
.unplannedItemGroup.addMode .thumbnailItem .secondarySection {
background: rgba(0,0,0,0.0) !important;
}
.plannerViewContainer .thumbnailItem .thumbnailBlind .glyph {
position: absolute;
left: 0;
top: 25px;
}
.plannerViewContainer .thumbnailItem .thumbnailBlind .glyph:before {
font-size: 64px;
color: rgba(255,255,255,0.8);
}
.plannerViewContainer .thumbnailItem .clickMessage {
color: #007fe9;
margin-bottom: 4px;
}
.plannerViewContainer .thumbnailItem .navigatorContainer {
top: 50% !important;
margin-top: -10px !important;
}
.plannerViewContainer .thumbnailItem:last-child {
margin-bottom: 0 !important;
}
/* Override some thumbnail styling - START */
.plannerViewContainer .thumbnailItem .secondarySection{
padding-left: 3px !important;
max-width: 100%;
box-sizing: border-box;
background: transparent !important;
}
.plannerViewContainer .thumbnailItem .secondarySection .statusField {
margin-top: -25px;
}
.plannerViewContainer .thumbnailItem .tagSection {
float: left;
}
.plannerViewContainer .thumbnailItem .dropdownPanel {
right: 0 !important;
}
.plannerViewContainer .thumbnailItem .thumbnailSection a {
line-height: 16px !important;
text-align: left !important;
}
.unplannedItemGroup.detailsPrevented .tagActionsSection .summaryContainer,
.plannedItemGroupsContainer .plannerItemGroup.disabled .tagActionsSection {
display: none !important;
}
/* Override some thumbnail styling - END */
.plannedItemsContainer {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
white-space: nowrap;
overflow-x: hidden;
overflow-y: auto;
background-color: rgb(250, 250, 250);
}
.plannedItemsContainer .plannerItemGroup {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
overflow: hidden;
height: 70px;
margin: 10px;
}
.plannedItemsContainer .plannerItemGroup .groupHeading .expandIcon {
position: absolute;
top: -4px;
right: -1px;
background: transparent;
border-radius: 5px;
width: 38px;
padding: 10px 0;
margin-top: 4px;
text-shadow: none;
}
.plannedItemsContainer .plannerItemGroup .groupHeading .expandIcon:before {
font-size: 20px;
color: white;
content: "\E096";
}
.plannedItemsContainer .plannerItemGroup.fullScreen .groupHeading .expandIcon:before {
content: "\F096" !important;
}
.plannedItemsContainer .plannerItemGroup.fullScreen {
margin: 0;
}
.plannerItemGroup .editablePanel {
max-width: none;
}
.plannerItemGroup .editablePanel,
.plannerItemGroup .editablePanel > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.plannerItemGroup.highlighted .groupHeading {
background-color: rgba(223, 108, 0, 0.6);
text-shadow: 1px 1px rgba(0,0,0,0.2);
}
.plannerItemGroup.highlighted.highlightGreen .groupHeading {
background-color: rgba(51, 153, 102, 0.6);
}
.plannerItemGroup.highlighted .groupHeading .extraLines li {
color: rgba(245,245,245,1);
}
.plannerItemGroup .groupHeading .actions .dropdownControl {
display: none;
}
.plannerItemGroup.fullScreen .groupHeading .actions .dropdownControl {
display: block;
position: sticky;
}
.plannerItemGroup.highlighted .groupContents {
background-color: rgba(223, 108, 0, 0.15) !important;
}
.plannerItemGroup.highlighted.highlightGreen .groupContents {
background-color: rgba(51, 153, 102, 0.15) !important;
}
.plannerItemGroup.highlighted .scrollableArea {
border: 1px solid rgba(223, 108, 0, 0.1);
-webkit-overflow-scrolling: touch;
}
.plannerItemGroup.highlighted.highlightGreen .scrollableArea {
border-color: rgba(51, 153, 102, 0.1);
}
.plannerItemGroup .groupDefaultView {
width: 100%;
height: 100%;
min-height: 100%;
}
.plannerItemGroup .scrollableArea {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 40px;
overflow-y: auto;
border-bottom: 1px solid white !important;
}
.plannerItemGroup.unplannedItemGroup .scrollableArea,
.plannerItemGroup.disabled .scrollableArea {
bottom: 0;
}
.plannerItemGroup .scrollableArea .scrollContents {
position: relative;
min-height: 100%;
padding: 10px;
box-sizing: border-box;
background: rgba(0,0,0,0.04);
}
.plannerItemGroup .groupToolbar {
position: absolute !important;
bottom: 0;
left: 0;
right: 0;
height: 40px;
text-align: center;
background-color: rgba(0,0,0,0.06);
padding: 5px;
box-sizing: border-box;
overflow: hidden;
}
.plannerItemGroup .groupToolbar .cancelButton .label > * {
display: none;
}
.plannerItemGroup.addMode .groupToolbar .cancelButton .label .cancelAdd{
display: block;
}
.plannerItemGroup.removeMode .groupToolbar .cancelButton .label .cancelRemove{
display: block;
}
.plannerItemGroup .groupToolbar .slideAnimationContainer {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.plannedItemGroup .groupToolbar .slideAnimationContainer .actions .addItemsButton {
margin-right: 10px;
}
.plannedItemGroup .groupToolbar .slideAnimationContainer .actions .addItemsButton.hidden,
.plannedItemGroup .groupToolbar .slideAnimationContainer .actions .removeItemsButton.hidden{
position: absolute;
visibility: hidden;
}
.plannedItemGroup .groupToolbar .slideAnimationContainer .cancelButton {
width: 100%;
display: none;
}
.plannedItemGroup.addMode .groupToolbar .slideAnimationContainer .cancelButton,
.plannedItemGroup.removeMode .groupToolbar .slideAnimationContainer .cancelButton {
display: block;
}
.plannedItemGroup .groupToolbar .slideAnimationContainer .actions > * {
width: 45%;
display: inline-block;
}
.plannedItemGroup .groupToolbar .slideAnimationContainer .cancelButton.hidden {
position: absolute;
visibility: hidden;
}
.plannedItemGroup.addMode .groupToolbar .slideAnimationContainer,
.plannedItemGroup.removeMode .groupToolbar .slideAnimationContainer {
-webkit-transform: translate3d(0, -36px, 0);
-moz-transform: translate3d(0, -36px, 0);
-ms-transform: translate3d(0, -36px, 0);
-o-transform: translate3d(0, -36px, 0);
transform: translate3d(0, -36px, 0);
}
.plannedItemGroup .groupToolbar .cancelButton {
margin-top: 6px;
}
.plannerItemGroup .groupOverlay {
position: absolute;
background: rgba(0,0,0,0.2);
border: 0;
height: 100%;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0px;
}
.plannerItemGroup .groupInnerView {
width: 100%;
height: 100%;
background-color: white;
text-align: justify;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.12);
box-sizing: border-box;
}
.plannerItemGroup .groupInnerView > .innerViewContents {
z-index: 1;
top: 40px !important;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
}
.plannerItemGroup .groupInnerView > .innerViewContents .categoryPanels {
padding: 0;
}
.plannerItemGroup .groupInnerView .innerViewControls {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
background-color: rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate3d(0, -41px, 0);
-moz-transform: translate3d(0, -41px, 0);
-ms-transform: translate3d(0, -41px, 0);
-o-transform: translate3d(0, -41px, 0);
transform: translate3d(0, -41px, 0);
}
.plannerItemGroup .groupInnerView .innerViewControls.show {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.plannerItemGroup .groupInnerView .innerViewControls > * {
display: inline-block;
cursor: pointer;
margin: 5px;
}
.plannerItemGroup .groupInnerView .innerViewControls > .ok {
line-height: 16px;
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/buttonbgprimary.png?v=12.0.258.0');
vertical-align: top;
}
.plannerItemGroup.animate .groupContents > .horizontalScrollContainer {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.plannerItemGroup.disabled .groupContents::-webkit-scrollbar {
width: 15px;
background-color: rgba(0, 0, 0, 0.3);
}
.plannerItemGroup.disabled .groupContents::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.15);
}
.plannerViewContainer,
.plannerViewContainer > .contents {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.plannerViewContainer .contents > .plannedItemGroupsContainer {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.plannerViewContainer .contents > .plannedItemGroupsContainer.fullScreen {
top: 0;
}
.plannerItemGroup {
background-color: white;
position: relative;
vertical-align: top;
}
.plannerItemGroup.addModeActivated .groupHeading .actions{
display: none;
}
.plannerItemGroup .addButton {
width: 100%;
display: block;
}
.plannerItemGroup .addButton .glyph:before {
content: "\E146";
}
.plannerItemGroup.newlyAdded .groupHeading{
box-shadow: inset 0 0 15px rgba(223,108,0,0.2) !important;
}
.plannerItemGroup.newlyAdded .groupContents {
box-shadow: inset 0 0 15px rgba(223,108,0,0.1) !important;
background-color: rgba(223,108,0,0.1) !important;
}
.plannerItemGroup .groupContents .horizontalScrollContainer > * {
display: inline-block;
vertical-align: top;
position: relative;
}
.plannerItemGroup .groupHeading{
width: 100%;
height: 55px;
padding:12px 10px;
background-color: rgba(0,0,0,0.3);
box-sizing: border-box;
}
.plannerItemGroup .groupHeading > .count {
background-color: rgba(0,0,0,0.1);
border-radius: 2px;
padding: 8px;
color: white;
font-weight: bold;
position: absolute;
right: 7px;
bottom: 8px;
}
.unplannedItemGroup .groupHeading > .count {
bottom: 43px;
}
.plannerItemGroup .groupHeading .heading,
.plannerItemGroup .groupHeading .subheading {
font-size: 14px;
color: white;
}
.plannerItemGroup .groupHeading .heading {
margin-bottom: 5px;
text-overflow: ellipsis;
white-space: nowrap;
}
.plannerItemGroup .groupHeading .subheading {
margin-bottom: 7px;
}
.plannerItemGroup .groupHeading .editModeElements {
position: absolute;
bottom: 6px;
left: 0;
right: 0;
height: 31px;
display: none;
}
.plannerItemGroup.removeMode.hasRemovableItem .groupHeading .editModeElements {
display: block;
}
.plannerItemGroup .groupHeading .editModeElements .selectedItemsCount {
position: absolute;
left: 9px;
bottom: 0;
top: 0;
}
.plannerItemGroup .groupHeading .editModeElements .removeGroupItemAction {
position: absolute;
right: 37px;
bottom: 0;
top: 0;
}
.plannerItemGroup.unplannedItemGroup .groupHeading .subheading {
display: inline-block;
margin-top: 13px;
}
.plannerItemGroup.disabled .groupHeading {
background-color: rgba(0, 0, 0, 0.4);
}
.plannerItemGroup.disabled .groupHeading .heading,
.plannerItemGroup.disabled .groupHeading .subheading,
.plannerItemGroup.disabled .groupHeading .count {
color: rgba(255, 255, 255, 0.6);
}
.plannerItemGroup .groupContents {
position: absolute;
top: 55px;
bottom: 0;
left: 0;
right: 0;
box-sizing: border-box;
background-color: rgba(200,200,207,0.8);
overflow: hidden;
}
.plannedItemsContainer .groupHeading {
height:70px;
padding: 10px 10px 5px 10px;
position: relative;
}
.plannedItemsContainer .plannerItemGroup.selectionMode.removeMode.hasRemovableItem .groupHeading {
height: 85px;
}
.plannedItemsContainer .groupHeading .actions {
position: absolute;
bottom: 7px;
right: 38px;
}
.plannerItemGroup.expanded .groupHeading .actions {
display: none;
}
.plannedItemsContainer .groupHeading .removeButton {
width: 24px;
height: 24px;
background: white;
border-radius: 5px;
cursor: pointer;
border: 1px solid transparent;
display: none;
margin-top: -28px;
float: right;
}
.plannedItemsContainer .groupHeading .removeButton .icon16 {
position: absolute;
top: -24px;
right: 5px;
font-size: 19px;
color: rgba(255,0,0,0.8);
border: 1px solid transparent;
}
.plannedItemsContainer .groupHeading .removeButton .icon16:before{
content: "\E067";
}
.plannedItemsContainer .groupContents {
top: 70px;
}
.plannedItemsContainer .extraLines li {
color: rgba(0, 0, 0, 0.4);
}
.plannerViewContainer .plannerActions {
padding-left: 30px;
padding-top: 1px;
}
.plannerViewContainer .plannerActions .dropdownControl button{
border-radius: 3px;
}
.plannerViewContainer .plannerActions .dropdownControl .handle {
margin-left: 5px;
}
.plannerViewContainer .plannerActions .dropdownControl .handle .icon16 {
margin: 0 5px;
}
.plannerViewContainer .plannerActions li {
text-align: left;
}
.plannerViewContainer .plannerActions .dropdownPanel li:first-child {
display: none;
}
.plannerViewContainer .plannerActions li a {
border: 0;
background: none;
}
.plannerViewContainer .plannerActions li a .icon24 {
display: none;
}
.plannerViewContainer .plannerActions .defaultAction:before {
width: auto;
}
.backgroundOverlayForExpandedColumn {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
z-index: 9901;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#PopupContainer
{
z-index: 9997;
background: rgba(0,0,0,0.7);
display: none;
position: absolute;
left:0;
right: 0;
padding: 20px 10px 10px 10px;
margin: 0;
box-sizing: border-box;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
#PopupContainer.shown {
display: block;
}
.popup {
display:block;
}
.popup > .content
{
color: white;
text-shadow: none;
text-align: center;
padding-bottom: 10px;
}
.popupActionItem
{
width: 100%;
margin: 5px 0;
padding: 10px 0;
font-size: 1.1em;
font-weight: bold;
border-radius: 3px;
color: #fff;
background-color: #000;
border-color: rgba(255, 255, 255, 0.15);
}
.popupDefaultActionItem
{
background-color: #0F6BFF;
}
body .dhx_widget{
font-family: inherit !important;
font-weight: normal !important;
font-size: inherit !important;
line-height: inherit !important;
}
body .dhx_free_diagram{
background-color: transparent;
}
.processDiagramControl, .diagramWrapper {
height: 100%;
max-height: 100%;
}
/* ---- DHX Shape Styles -----*/
.processNodeShape .bodycontainer{
text-align: left;
font-size: 10px;
margin-right: 5px;
}
.dhx_property .tbcInputContainer{
background: white;
}
.dhx_diagram_flow_shape .imgContainer > *{
max-width:32px;
margin: auto 5px;
}
.dhx_diagram_org_item .shape_content-container .shape_content{
font-size: 10px;
text-align:left;
padding:5px;
}
.shapesbar .dhx_diagram_flow_item .shape_content-container .shape_content ,
.shapesbar .dhx_diagram_flow_item .dhx_diagram_flow_shape .shapeSticky
{
font-size: 10px !important;
}
/* ---- Custom Shape Styles -----*/
/* CiProcess */
.dhx_diagram_flow_shape .processNodeShape{
border-radius: 15px;
height: 100%;
line-height:1.1em;
text-decoration: none;
padding: 5px;
border-style: solid;
border-width: 1px;
overflow: hidden;
background: #FFFFFF;
}
.dhx_diagram_flow_shape .processNodeShape > .errorNotification {
position: absolute;
top: -10px;
right: -10px;
background:white;
border-radius: 50%;
line-height: 20px;
}
#TipHolder{
position: absolute;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out;
white-space: nowrap;
}
#TipHolder.shown{
opacity: 1;
visibility: visible;
z-index: 9005;
}
.processNodeShape .action-icon {
position: absolute;
right: 10px;
bottom:10px;
}
.processNodeShape .title, .processNodeShape .text{
word-break:break-word;
white-space:pre-wrap;
}
.customShapeProperty .editorLabel{
width: 100%;
}
.customShapeProperty .attachmentIcon{
background: rgba(0, 0, 0, 0.05);
border-radius: 50%;
width: 60px;
display: inline-block;
height: 60px;
padding: 15px;
}
.customShapeProperty .attachmentFileInput{
opacity: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
z-index: 1;
}
.labelInnerContainer.section-title:empty{
display: none;
}
/* CiText */
.dhx_diagram_flow_shape .shapeCiText{
white-space: nowrap;
text-align:left;
}
.shapesbar .shapeCiText{
background: white;
border: dashed 1px grey;
padding: 10px;
height: 100%;
}
/* textYesNo */
.dhx_diagram_flow_shape .shapeYesNoText{
padding: 5px;
font-size: 9px;
background: white;
border: solid 1px rgba(33, 150, 243, 0.2);
}
/* CiYesNoText */
.dhx_diagram_flow_shape .shapeCiStartEnd{
border: solid 1px rgb(33, 150, 243);
border-top-width:3px;
border-radius: 5px;
height: 100%;
color: white;
justify-content: center;
}
/* Contact card */
.dhx_diagram_flow_shape .shapeContact {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: white;
color: rgba(0, 0, 0, 0.7);
border: 1px solid #DFDFDF;
border-radius: 5px;
padding: 10px 12px;
}
.dhx_diagram_flow_shape .shapeContact span {
display: flex;
}
.dhx_diagram_flow_shape .shapeContact h3, .dhx_diagram_flow_shape .shapeContact p {
font-size: 14px;
line-height: 20px;
height: 20px;
margin: 0 0 4px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dhx_diagram_flow_shape .shapeContact_container {
height: 100%;
width: 100%;
overflow: hidden;
}
.dhx_diagram_flow_shape .shapeContact_img-container {
min-width: 93px;
width: 93px;
margin-right: 12px;
}
.dhx_diagram_flow_shape .shapeContact_img-container img {
width: inherit;
height: auto;
}
.dhx_diagram_flow_shape .shapeContact_icon {
height: 20px;
width: 20px;
margin-right: 4px;
}
/* Sticky note */
.shapeSticky {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.shapeSticky.blue{
background-image:url("https://cdn.t1cloud.com/cianywhere/content/base/images/processdiagram/blue.svg?v=12.0.258.0") ;
}
.shapeSticky.yellow{
background-image:url("https://cdn.t1cloud.com/cianywhere/content/base/images/processdiagram/yellow.svg?v=12.0.258.0") ;
}
.shapeSticky span {
text-align: center;
width: 100%;
}
/****** Custom shape properties ******/
/* textbox style override */
.dhx_property input.textBoxControlInput:focus{ box-shadow: none; }
.dhx_property .tbcInputInnerContainer > .textBoxControlInput{ padding:5px; }
.dhx_property .tbcEditorField{ min-width:245px; }
.dhx_property .standardStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer,
.dhx_property button.tbcPicker {
height: 40px;
}
/* copied from section-title */
.dhx_property .customShapeProperty .lblCol {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
padding: 8px 0;
color: #909cad;
line-height: 20px;
margin: 0 0 4px;
letter-spacing: .5px;
}
.editor .dhx_diagram {
background-image:url("https://cdn.t1cloud.com/cianywhere/content/base/images/processdiagram/edit-ruler.svg?v=12.0.258.0") !important;
}
.actionTypeProperties .smryLabel {
padding: 5px;
}
.actionTypeProperties .smryText {
padding: 5px;
font-style: italic;
font-weight: bolder;
}
.actionTypeProperties button.editProperties {
background: transparent;
width: 100%;
margin-top: 10px;
box-shadow: none;
}
/**** Open function popup *****/
.processNodeProperties .actionTypePropertiesContainer.showInPopup{
width: 750px;
}
.processNodeProperties .customShapeProperty.functionPicklist{
width: 100%;
}
.processNodeProperties .customShapeProperty.functionPicklist .tbcEditorField{
width: 700px !important;
}
.actionTypePropertiesContainer .showAdvanced{
border: none;
background: transparent;
box-shadow: none;
color: #1876d2;
font-weight: bold;
}
.actionTypePropertiesContainer .showAdvanced .glyph:before {
content: "\E045";
}
.actionTypePropertiesContainer .showAdvanced.expanded .glyph:before {
content: "\F046";
}
.actionTypePropertiesContainer .advancedOptions .header{
font-weight: bold;
font-size:1.2em;
}
.actionTypePropertiesContainer .advancedOptions .headerText{
line-height: 14px;
}
.actionTypePropertiesContainer .advancedOptions .step1,
.actionTypePropertiesContainer .advancedOptions .step2 {
border-radius: 5px;
}
.actionTypePropertiesContainer .advancedOptions .leftContainer,
.actionTypePropertiesContainer .advancedOptions .rightContainer{
display: inline-block;
}
.processNodeProperties .functionPreview,
.processNodeProperties .syncKeysClear,
.processNodeProperties .syncKeysPaste{
background: transparent;
box-shadow: none;
}
.actionTypePropertiesContainer .syncKeysContainer{
min-height: 200px;
margin-top: 20px;
}
.actionTypePropertiesContainer .syncKeysContainer tbody {
display: block;
overflow: auto;
max-height: 200px;
}
.actionTypePropertiesContainer .syncKeysContainer thead,
.actionTypePropertiesContainer .syncKeysContainer tbody tr {
display: table;
width: 100%;
table-layout: fixed;/* even columns width , fix width of table too*/
}
.actionTypePropertiesContainer .syncKeysContainer thead {
width: calc( 100% - 1em )/* scrollbar is average 1em/16px width, remove it from thead width */
}
.actionTypePropertiesContainer .syncKeysContainer tbody tr td{
vertical-align: middle;
}
.actionTypePropertiesContainer .syncKeysContainer .syncKeyInput{
border-color: #c4c4c4;
border-radius: 3px;
height: 30px;
border-style: solid;
border-width: 1px;
width: 250px;
}
.radioButtonControl.editable > .rbcEditorField > .rbcItem > .rbcItemInput,
.radioButtonControl.editable > .rbcEditorField > .rbcItem > .rbcItemEditorLabel > label {
cursor: pointer;
}
.radioButtonControl.editable > .rbcEditorField > .rbcItem > input[type=radio],
.radioButtonControl.editable > .rbcEditorField > .rbcItem > .rbcItemEditorLabel > label {
cursor: pointer;
}
/* Standard Style */
.standardStyle > .radioButtonControl.rbcStandardType {
border: solid 1px transparent;
background: transparent;
outline: none;
}
.standardStyle > .radioButtonControl.rbcStandardType > .rbcEditorLabel {
margin-bottom: 2px;
display: block;
}
.standardStyle > .radioButtonControl.rbcStandardType > .rbcEditorLabel > label {
font-size: 0.9em;
font-weight: 600;
position: relative;
display: block;
line-height: 14px;
padding: 0 4px;
border: solid 1px transparent;
}
.standardStyle > .radioButtonControl.rbcStandardType > .rbcEditorLabel > label > .labelInnerContainer {
display: block;
overflow: hidden;
}
.standardStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem {
min-height: 20px;
display: flex;
}
.standardStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > input[type=radio]{
-webkit-appearance: radio;
width: auto;
height: 16px;
vertical-align: middle;
box-shadow: none;
}
.standardStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > input[type=radio]:focus {
outline: none;
}
.easy .standardStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > input[type=radio]:focus {
outline: dotted 2px #d64200;
}
.standardStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem.checked > input[type=radio] {
box-shadow: none;
border-color: #656565;
}
.standardStyle > .radioButtonControl.rbcStandardType.editable > .rbcEditorField > .rbcItem:hover > input[type=radio],
.standardStyle > .radioButtonControl.rbcStandardType.editable > .rbcEditorField > .rbcItem.active > input[type=radio] {
border-color: #656565;
background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(221,221,221,1) 100%); /* W3C */
}
.standardStyle > .radioButtonControl.rbcStandardType.disabled > .rbcEditorField > .rbcItem > .rbcItemEditorLabel {
opacity: 0.35;
}
.standardStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > .rbcItemEditorLabel {
margin-left: 4px;
display: inline-block;
padding: 0;
width: auto;
}
.standardStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > .rbcItemEditorLabel > label {
line-height: 20px;
font-size: 0.9em;
font-weight: 600;
position: relative;
display: inline-block;
padding: 0 2px;
border: solid 1px transparent;
}
/* Engaging Style */
.engagingStyle > .radioButtonControl {
padding: 4px 0 12px 0;
border: none;
}
.engagingStyle > .radioButtonControl > .rbcEditorLabel {
display: block;
opacity: 0.75;
color: #656565;
margin: 20px 0;
font-size: 1.2em;
}
.engagingStyle > .radioButtonControl > .rbcEditorLabel > label {
position: relative;
padding: 0;
line-height: 16px;
border: none;
}
/* Engaging Style - Standard Radio Button */
.engagingStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem {
padding: 0 8px;
float: left;
position: relative;
margin-left: 4px;
clear: left;
margin-top: 2px;
}
.engagingStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > input[type=radio] {
-webkit-appearance: radio;
width: auto;
height: 17px;
vertical-align: middle;
box-shadow: none;
transition:transform 0.1s ease;
}
.engagingStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > input[type=radio]:focus {
outline: none;
}
.easy .engagingStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > input[type=radio]:focus {
outline: dotted 2px #d64200;
}
.engagingStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem.checked > input[type=radio] {
transform: scale(1.2);
}
.engagingStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem.checked > .rbcItemInput:after {
content: "";
display: block;
background-color: #656565;
margin: 12px 0;
width: 0;
height: 0;
margin: 18px 0 0 0;
border-radius: 50%;
position: absolute;
top: 0;
left: 10px;
width: 12px;
height: 12px;
margin-top: 12px;
left: 4px;
}
.engagingStyle > .radioButtonControl.rbcStandardType.disabled > .rbcEditorField > .rbcItem > .rbcItemEditorLabel {
opacity: 0.35;
}
.engagingStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > .rbcItemEditorLabel {
margin-left: 10px;
display: inline-block;
padding: 0;
width: auto;
opacity: .5 !important;
font-size: 1.2em;
}
.engagingStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > .rbcItemEditorLabel > label {
line-height: 20px;
font-size: 0.9em;
font-weight: 600;
position: relative;
display: inline-block;
padding: 0 2px;
border: solid 1px transparent;
}
/* Engaging Style - Rating Stars */
.engagingStyle > .radioButtonControl.rbcRatingStars > .rbcEditorField > .rbcItem {
padding: 0 4px;
float: left;
position: relative;
box-sizing: border-box;
color: #A5A5A5;
}
.engagingStyle > .radioButtonControl.rbcRatingStars > .rbcEditorField > .rbcItem > input[type=radio] {
-webkit-appearance: none;
width: 24px !important;
border: none;
box-shadow: none;
color: #A5A5A5;
}
.engagingStyle > .radioButtonControl.rbcRatingStars > .rbcEditorField > .rbcItem > input[type=radio]:focus {
outline: none;
}
.easy .engagingStyle > .radioButtonControl.rbcRatingStars > .rbcEditorField > .rbcItem > input[type=radio]:focus {
outline: dotted 2px #d64200;
}
.engagingStyle > .radioButtonControl.rbcRatingStars.hasSelection > .rbcEditorField > .rbcItem > input[type=radio] ,
.engagingStyle > .radioButtonControl.rbcRatingStars.editable > .rbcEditorField:hover > .rbcItem > input[type=radio] {
transform: scale(1.2);
color: #ffcb05;
}
.engagingStyle > .radioButtonControl.rbcRatingStars.editable > .rbcEditorField > .rbcItem:hover > input[type=radio] {
transform: scale(1.4);
}
.engagingStyle > .radioButtonControl.rbcRatingStars.hasSelection > .rbcEditorField > .rbcItem.checked ~ .rbcItem > input[type=radio],
.engagingStyle > .radioButtonControl.rbcRatingStars.editable > .rbcEditorField > .rbcItem:hover ~ .rbcItem > input[type=radio] {
color: inherit;
transform: scale(1);
}
.engagingStyle > .radioButtonControl.rbcRatingStars.hasSelection.readonly > .rbcEditorField > .rbcItem.checked ~ .rbcItem > input[type=radio],
.engagingStyle > .radioButtonControl.rbcRatingStars.hasSelection.disabled > .rbcEditorField > .rbcItem.checked ~ .rbcItem > input[type=radio] {
opacity: 0.35;
}
.engagingStyle > .radioButtonControl.rbcRatingStars > .rbcEditorField > .rbcItem > input[type=radio]:before {
content: "\E556";
font-family: iconGlyph;
display: block;
box-sizing: border-box;
width: 24px;
height: 24px;
font-size: 24px;
margin-bottom: 10px;
}
.engagingStyle > .radioButtonControl.rbcRatingStars > .rbcEditorField > .rbcItem > .rbcItemEditorLabel {
display: none;
}
/*--Consumer style - Standard type--*/
.consumerStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem {
display:flex;
max-width: fit-content;
line-height: 20px;
padding: 8px 8px 8px 0;
color: #3b4e58;
}
.consumerStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > input[type=radio]:focus {
outline: none;
}
.easy .consumerStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > input[type=radio]:focus {
outline: dotted 2px #d64200 ;
}
.consumerStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > input[type=radio] {
-webkit-appearance: radio;
box-shadow: none;
position: relative;
background: #fff;
width: 20px;
height: 20px;
margin-right: 8px;
border-width: 1px;
border-color: #848e9c;
border-style: solid;
box-sizing: border-box;
border-radius: 50%;
padding: 8px;
transition: border-width 0.1s ease-in-out, border-color 0.1s ease-in-out/*, padding 0.1s ease-in-out*/;
}
.consumerStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem:focus > input[type=radio] {
outline: solid 1px #2D9CDB;
outline-offset: 2px;
}
.consumerStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem:hover > input[type=radio], .consumerStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem:focus > input[type=radio] {
border-width:2px;
border-color:#3b4e58;
}
.consumerStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem.checked > input[type=radio] {
border-width: 1px;
border-color: #3b4e58;
padding: 2px;
}
.consumerStyle > .radioButtonControl.rbcStandardType > .rbcEditorField > .rbcItem > .rbcItemEditorLabel {
}
/*--Consumer Style - Segmented control--*/
.consumerStyle > .radioButtonControl {
font-size:0.875rem;
border: none;
}
.consumerStyle > .radioButtonControl > .rbcEditorLabel {
display: block;
color: #3b4e58;
margin: 8px 0;
line-height:24px;
}
.consumerStyle.styleContainer .rbcEditorLabel .mandatory {
padding: 0;
padding-left: 4px;
color:#ff7a00;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1rem;
line-height: 10px;
height: 10px;
}
.consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem {
padding: 7px 8px;
line-height: 20px;
float: left;
position: relative;
box-sizing: border-box;
display: flex;
text-align: center;
margin-right: 4px;
cursor:pointer;
color:#3b4e58;
border:solid 1px #cbcbcb; /*-- theme --colorGreyWarmLighter --*/
border-radius: 6px !important;
flex-grow: 1;
}
.easy .consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem.checked:focus-within{
outline: dotted 3px #d64200;
}
.consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem > input[type=radio]{
height: 16px;
width: 0 !important;
-webkit-appearance:inherit;
box-shadow: none;
border-style: hidden;
padding: 0 !important;
}
.consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem > input[type=radio]:focus{
height: 16px;
width: 0 !important;
-webkit-appearance:inherit;
box-shadow: none;
border-style: hidden;
padding: 0 !important;
outline: none;
}
.phone .consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem {
padding:10px;
margin: auto;
display: flex;
float: none;
border-radius:0;
}
.consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem.checked, .consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem.checked:hover {
z-index:1;
}
.consumerStyle > .radioButtonControl.readonly.rbcSegmentedControl > .rbcEditorField > .rbcItem:hover {
cursor: not-allowed;
}
.consumerStyle > .radioButtonControl.editable.rbcSegmentedControl > .rbcEditorField > .rbcItem:hover {
z-index:1;
border-color: #3b4e58;
}
.consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem:focus {
z-index:1;
border-color:#3b4e58;
outline-color:#3b4e58;
outline-style: solid;
outline-width: 1px;
outline-offset: -2px;
}
.consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem.checked:focus {
z-index:1;
}
.consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem:first-child {
border-radius:2px 0 0 2px;
}
.consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem:last-child {
border-radius:0 2px 2px 0;
}
.consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem > .rbcItemEditorLabel {
flex: 1;
}
.consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem > .rbcItemEditorLabel > label > span {
text-align: center;
}
.phone .consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem:first-child {
border-radius:2px 2px 0 0;
}
.phone .consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem:last-child {
border-radius:0 2px 2px;
}
.phone .consumerStyle > .radioButtonControl.rbcSegmentedControl > .rbcEditorField > .rbcItem > .rbcItemEditorLabel {
flex: 1;
margin: auto;
}
.radioButtonControl.rbcSegmentedControl > .rbcItemLabels
{
display: flex;
justify-content: space-between;
margin-bottom: 5px;
}
.radioButtonControl.rbcSegmentedControl > .rbcEditorField
{
display: flex;
}
.radioButtonControl > .rbcEditorField.rbcHorizontalLayout
{
display: flex;
flex-wrap: wrap;
}
.radioButtonControl > .rbcEditorField.rbcHorizontalLayout > .rbcItem
{
display: flex;
flex-direction: column-reverse;
align-items: center;
}
.ratingControl {
height: 100%;
position: relative;
}
.ratingControl .ratingSymbol {
color: #ffcb05;
display: inline-block;
float: left;
width: 12px;
font-size: 12px;
}
.ratingControl .ratingSymbol.selected ~ .ratingSymbol,
.ratingControl .noneSelected .ratingSymbol,
.ratingControl .ratingSymbol.halfSelected .rightPart {
color: #000;
opacity: 0.35;
}
.ratingControl .ratingSymbol > .glyph {
width: 100%;
}
.ratingControl .ratingSymbol.halfSelected .leftPart,
.ratingControl .ratingSymbol.halfSelected .rightPart {
float: left;
width: 50%;
overflow: hidden;
}
.ratingControl .ratingSymbol.halfSelected {
display: inline-block;
}
.ratingControl .ratingSymbol.halfSelected .rightPart:before {
margin-left: -100%;
}
#EnquiryMainPage.compactView .rowData {
min-height: 30px;
}
#EnquiryMainPage.compactView .rowData .rowDetails {
display: none;
}
#EnquiryMainPage.compactView .rowData.expanded .rowDetails {
display: block;
}
#RowActionsButton .icon16 {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/drilldown.png?v=12.0.258.0');
}
.gridDataContainer, .rowDetailsData {
overflow-y: auto;
overflow-x: hidden;
border: none;
height: 100%;
}
.gridDataContainer .rowData .dataItem {
padding: 2px;
margin-right: 20px;
}
.gridDataContainer .rowData .dataItem > div:first-child span, .rowDetailsData .rowDetailsItem .description {
font-family: Osans, Arial, sans-serif;
font-weight: 600;
}
.gridDataContainer .rowData .dataItem .rowHeader {
margin-bottom: 5px;
font-size: 1.1em;
}
.gridDataContainer .rowData .rowDetailsNav {
width: 24px;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
}
.gridDataContainer .rowData .rowDetailsNav span.icon24 {
display: block;
position: absolute;
top: 50%;
margin-top: -12px;
}
.gridDataContainer .rowData .rowDetailsNav span.icon24:before {
content: "\E061";
}
.rowDetailsData .rowDetailsItem {
padding: 10px;
position:relative;
}
.rowDetailsData .rowDetailsItem div {
padding: 2px;
}
.rowDetailsData .rowDetailsItem .hasCellActions
{
padding-right:30px;
}
.rowDetailsData .rowDetailsItem .cellActions
{
position: absolute;
right: 0px;
top: 50%;
margin-top: -15px;
}
/*--Common tag styles--*/
.rdpView .tagItem.noCode .tagDesc{
border-left-width: 1px;
background-color: #a5a5a5;
color: #FFF;
border-color: transparent;
}
.rdpView .tagItem .tagDesc{
border-width: 1px;
border-style: solid;
border-left-width: 0px;
padding: 0 5px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background-color: #fff;
}
.rdpView .tagItem .tagDesc,
.rdpView .tagItem .tagCode,
.rdpView .moreTags .handle{
line-height: 16px;
}
.rdpView .tagItem .tagCode {
color: white;
height: 16px;
vertical-align: top;
text-transform: uppercase;
padding: 0 3px;
float: left;
}
.rdpView .tagItem:hover {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/images/whiteopac50.png?v=12.0.258.0');
background-repeat: repeat;
}
.rdpView .tagItem {
display: inline-block;
margin-right: 5px;
font-size: 0.9em;
}
.rdpView .moreTags .dropdownPanel > .tagItem {
margin-bottom: 5px;
}
.rdpView .tagContainerUser,
.rdpView .tagContainerProduct,
.rdpView .tagContainer {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.rdpView .tagItem.countTag,
.rdpView .tagItem.categoryTag {
color: #656565;
background-color: rgba(0, 0, 0, 0.1);
text-transform: uppercase;
}
.rdpView .tagItem.countTag:hover,
.rdpView .tagItem.categoryTag:hover {
background-image: none;
}
.rdpView .tagItem.countTag .tagCode, .rdpView .tagItem.countTag .tagDesc,
.rdpView .tagItem.categoryTag .tagCode, .rdpView .tagItem.categoryTag .tagDesc {
background: none;
border: solid 1px transparent;
color: inherit;
padding: 0 3px;
}
.rdpView .tagItem.countTag .tagDesc {
font-weight: bold;
}
.rdpView .tagItem.categoryTag .tagDesc {
display: none;
}
.rdpView .tagSection {
height: 22px;
}
.rdpView .tagSection.inProcess {
padding-right: 20px; /* make thead section a little bit narrower so when the thumbnail scrollbar is displayed and rdpView get narrower the More button won't jump down' */
}
.rdpView .tagSection.inProcess .moreTags .moreCount{
padding-left: 30px; /*while in process, make sure the moreCount span is a little bit wider (3 digits) so when we update the text with the number of items, the more button won't jump down */
}
.rdpView .moreTags{
position: relative;
display: inline-block;
vertical-align: top;
font-size: 0.9em;
}
.rdpView .moreTags .moreCount{
border-style: solid;
border-width: 1px;
}
.rdpView .moreTags.noTags{
display: none;
}
.rdpView .moreTags .icon16 {
color: #ffffff;
background: #a5a5a5;
border: solid 1px transparent;
opacity: 0.75;
}
.rdpView .moreTags:hover >.handle > .icon16,
.rdpView .moreTags.droppedDown >.handle > .icon16 {
opacity: 1;
}
.rdpView .moreTags .moreCount{
padding: 0 5px 0 5px;
line-height: 16px;
vertical-align: top;
background-color: #fff;
border-left: none;
display: inline-block;
}
.rdpView .moreTags .dropdownPanel {
display: none;
position: absolute;
padding: 5px 5px 0 5px;
max-height: 300px;
min-width: 150px;
overflow-y:auto;
background-color: #fff;
border-color: rgba(0,0,0,0.15);
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
z-index: 1;
}
.rdpView .moreTags .dropdownPanel.droppedDown {
display: block;
}
.rdpView .moreTags .dropdownPanel .tagItem {
margin-right: 0;
float: left;
clear: left;
}
.relatedDataPortlet .views,
.relatedDataPortlet .noSearchView,
.relatedDataPortlet .noResultsView{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.relatedDataPortlet .noSearchView > .noSearchPerformedContainer > .noSearchPerformedIcon,
.relatedDataPortlet .noResultsView > .noResultsContainer > .noResultsIcon {
text-align: center;
display: block;
width: 100%;
}
.relatedDataPortlet .noSearchView > .noSearchPerformedContainer,
.relatedDataPortlet .noResultsView > .noResultsContainer {
top: 50%;
position: absolute;
left: 0;
right: 0;
text-align: center;
margin-top: -54px;
}
.relatedDataPortlet .noSearchView > .noSearchPerformedContainer > .defaultMessage,
.relatedDataPortlet .noResultsView > .noResultsContainer > .defaultMessage {
margin-top: 14px;
font-size: 1.4em;
}
.relatedDataPortlet .noSearchView > .noSearchPerformedContainer > .noSearchPerformedIcon.default:before,
.relatedDataPortlet .noResultsView > .noResultsContainer > .noResultsIcon.default:before {
content: "\E044";
}
.relatedDataPortlet .noSearchView > .noSearchPerformedContainer > .noSearchPerformedIcon.files:before,
.relatedDataPortlet .noResultsView > .noResultsContainer > .noResultsIcon.files:before {
content: "\E162";
}
/*Favourites*/
.favouriteButton {
border: solid 1px transparent;
background: transparent;
box-shadow: none;
display: inline-block;
vertical-align: top;
opacity:0.5
}
.favouriteButton:hover {
opacity: 1;
border: solid 1px transparent;
background: transparent;
}
.phone .favouriteButton:focus {
box-shadow: none;
}
.favouriteButton.e180 {
opacity: 1;
color: gold
}
.hasFormTitle .relatedDataPortlet {
top: 67px;
}
.relatedDataPortlet .checkBoxControlInput,
.rowDetails .checkBoxControlInput {
height: 16px;
width: 16px;
margin-left: 4px;
margin-top: 4px;
margin-bottom: 4px;
border: solid 1px #656565;
border-radius: 3px;
background-size:auto 100%;
background-color: #fff;
font-family: iconGlyph;
font-size: 16px;
line-height: 16px;
text-align: center;
display: inline-block;
-webkit-font-smoothing: antialiased;
}
.relatedDataPortlet .checkBoxControlInput.disabled,
.rowDetails .checkBoxControlInput.disabled {
opacity: 0.35;
}
.relatedDataPortlet .checkBoxControlInput.checked:before,
.rowDetails .checkBoxControlInput.checked:before {
display: block;
content: "\E066";
}
.relatedDataPortlet , .gridContainer , .gridDataContainer {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.relatedDataPortlet .headerBar {
display: none;
position: absolute;
left: 0px;
right: 0px;
height: 37px;
line-height: 36px;
padding: 3px 5px;
border-left: none;
border-right: none;
border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.relatedDataPortlet.hasHeaderBar .headerBar {
display: block;
}
.easy .off-screen{
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.relatedDataPortlet .searchPanel .inputContainerWithButton{
position: absolute;
top: 5px;
left: 5px;
right: 50px;
}
.relatedDataPortlet.hasViewSelector .searchPanel .inputContainerWithButton {
left: 40px;
}
.relatedDataPortlet.hasViewSelector .viewSelectorControl {
display: inline-block;
float: left;
}
.relatedDataPortlet .searchPanel > .dropdownControl.visible ~ .inputContainerWithButton {
right: 89px;
}
.relatedDataPortlet .searchPanel .inputContainerWithButton > input {
position: relative;
border-radius: 3px 0 0 3px;
outline: none;
box-shadow: none !important;
height: 34px;
border: solid 1px rgba(0,0,0,0.5);
}
.relatedDataPortlet .searchPanel .inputContainerWithButton > input:focus {
border-color: #000;
}
.rdpFormActionButton {
float: right;
margin-left: 5px;
margin-top: 2px;
}
.rdpFormActionButton > .menuActionItemLink {
padding: 4px;
}
.rdpFormActionButton > .dropdown {
padding: 4px;
vertical-align:top;
}
.rdpFormActionButton > .dropdown > .icon16 {
height: 24px;
width: 24px;
font-size: 19px;
line-height: 24px;
}
.relatedDataPortlet.isReadOnly .addRemoveItem {
opacity: 0.2;
}
#SearchPanel #SearchButton {
margin-top:2px;
padding: 4px;
border-radius: 0 3px 3px 0;
width: 45px;
text-align: center;
}
.relatedDataPortlet.hasHeaderBar .views,
.relatedDataPortlet.hasHeaderBar .noSearchView,
.relatedDataPortlet.hasHeaderBar .noResultsView {
top: 44px;
}
.relatedDataPortlet.manualResize, .relatedDataPortlet.manualResize > .headerBar, .relatedDataPortlet.manualResize > .views,
.relatedDataPortlet.manualResize > .views > .gridContainer, .relatedDataPortlet.manualResize > .views > .gridContainer > .gridDataContainer,
.relatedDataPortlet.manualResize > .views > .thumbnailViewControl, .relatedDataPortlet.manualResize > .views > .thumbnailViewControl > .thumbnailViewContainer {
position: relative;
top:0;
}
.relatedDataPortlet.manualResize {
min-height: 200px;
}
.optionItem.agenda .icon24:before{
content: "\E259";
}
.optionItem.day .icon24:before{
content: "\E012";
}
.optionItem.week .icon24:before{
content: "\E015";
}
.optionItem.month .icon24:before {
content: "\E014";
}
.richTextControl.showLabel > .cke_chrome {
border: 0 !important;
box-shadow: none !important;
}
.richTextControl.toolbarBottom.hideToolbarInReadonly.readonly .cke_bottom, .richTextControl.toolbarTop.hideToolbarInReadonly.readonly .cke_top {
display: none;
}
.richTextControl.fillWidth {
width: 100%
}
.richTextControl.readonly .cke_contents {
opacity: 0.7;
}
.richTextControl .cke_source {
overflow-y: auto;
}
.richTextControl .editorLabel > label > .labelInnerContainer > .mandatory {
padding-left: 5px;
}
.richTextControl.hideToolbarInReadonly.readonly {
background-color: rgba(255, 255, 255, 0.5);
border-color: #e6e6e6;
}
/* Overwrite the default Width and Height properties for the Image in the Image Properties dialog. This allows it to fit properly on the phone. */
.cke_dialog .ImagePreviewBox {
width: 228px !important;
height: 188px !important;
}
.selectionAction .pageHeaderMenuItem {
text-align: center;
width: 100%;
white-space: nowrap;
padding-top: 0;
margin-top:-4px;
}
.selectionAction.pageHeaderMenuItem.actions{
border: none;
}
.signaturePadStyleContainer
{
margin-right: 20px;
margin-bottom: 15px;
}
.SignaturePadContainer
{
border: none;
}
.signaturePadLblCol
{
margin-bottom: 10px;
}
.signaturePadCanvas
{
background-color: var(--ciaColourBackgroundSignaturePad);
}
.signaturePadClearBtnCol
{
margin-top: 5px;
}
.slideBarControl
{
margin-right: 20px;
margin-bottom: 15px;
}
.slideBarControl .dhx_slider__tick-label
{
font-size: 0.9em;
}
/* Summary Panel Control */
.summaryPanelControl > .smryPanelHeader{
position: relative;
line-height: 2em;
align-items: center;
font-size: 1em;
}
.summaryPanelControl.isSubPanel > .smryPanelHeader {
font-size: 1.3em;
}
.summaryPanelControl.hasImage > .smryPanelHeader .smryHeaderText{
margin-left: 10px;
}
.summaryPanelControl .loadingSummaryContainer {
display: none;
}
.summaryPanelControl.loadDataAsync .loadingSummaryContainer{
display: block;
text-align: center;
margin: 15% auto;
opacity: 0.5;
}
.summaryPanelControl .smryPanelContents{
position: relative;
}
.summaryPanelControl.collapsed .smryPanelContents, .summaryPanelControl.collapsed .smryFooter{
display: none;
}
.summaryPanelControl .smryPanelContents .summaryItem{
position: relative;
}
.summaryPanelControl .smryPanelContents .summaryItem.hasNavigator{
cursor:pointer;
}
.smryPanelContents.flex{
flex-flow: wrap;
}
.summaryItem .contentContainer {
display: flex;
align-items: center;
}
.summaryItem.hasActions{
overflow: hidden;
}
.flex > .summaryItem{
display: inline-block;
}
.summaryItem .middleContent{
flex: 1;
}
/* Summary footer */
.smryFooter {
box-shadow: 0 0px 1px rgba(0,0,0,0.1);
padding:5px;
margin-top: 5px;
}
.summaryItem .userName{
font-size: 1.2em;
}
/**Summary panel */
.summaryItem.hasActions {
transition: padding-right 0.1s ease-in-out;
}
.summaryItem.hasActions > .middleContent{
pointer-events: none;
}
.summaryItem.removeFlex {
flex: 0 0 100%!important;
text-align: left;
background-color: white!important;
}
.summaryItem .actionsPanel{
display: flex;
position: absolute;
top: 0;
bottom: 0;
padding-left: 10px;
background: rgb(255, 229, 202);
}
.actionsCount1 .actionsPanel { right: -64px; }
.actionsCount2 .actionsPanel { right: -96px; }
.actionsCount3 .actionsPanel { right: -128px; }
.summaryItem .actionsPanel .summaryItemAction {
align-self: center;
padding: 4px;
margin-right: 10px;
border-radius: 50%;
transition: transform 0.1s ease-in;
}
.summaryItem .actionsPanel .summaryItemAction:hover {
transform: scale(1.2);
}
.summaryPanelControl.analyticsContainer > .smryPanelContents {
aspect-ratio: 16/9;
}
.summaryPanelControl.mainSmryPanel.wideColumn.analyticsContainer > .smryPanelContents {
aspect-ratio: 16/3;
}
.summaryPanelControl.analyticsContainer > .smryPanelContents .iFrameContainer iframe{
min-height: unset;
}
@media all and (max-width: 800px) {
}
@media all and (min-width: 800px) {
}
@media (hover: hover) {
.summaryItem.actionsCount1:hover { padding-right: 64px; }
.summaryItem.actionsCount2:hover { padding-right: 96px; }
.summaryItem.actionsCount3:hover { padding-right: 128px; }
.summaryItem.hasActions:hover .actionsPanel {
right: 0;
}
.summaryItem.hasActions:hover .summaryItemAction{
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.gridContainer.compactView .rowData {
min-height: 30px;
}
.gridContainer.compactView .rowData .rowDetails {
display: none;
}
.gridContainer.compactView .rowData.expanded .rowDetails {
display: block;
}
.gridContainer .rowDetails.rightAlignField label{
float: left;
padding: 0;
}
.gridContainer .rowDetails.rightAlignField span{
float: none;
text-align: right;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
#RowActionsButton .icon16:before {
/*background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/drilldown.png?v=12.0.258.0');*/
content: "\E064";
}
.gridDataContainer, .rowDetailsData {
overflow-y: auto;
overflow-x: hidden;
border: none;
height: 100%;
}
.gridContainer .actionBar {
display: none;
line-height: 40px;
height: 40px;
}
.gridContainer.hasSelectedItems .actionBar,
.gridContainer.bulkActionMode.actionBarAlwaysVisible .actionBar {
display: block;
}
.gridContainer .actionBar .chkBselAll{
display: inline-block;
vertical-align: middle;
}
.gridContainer .actionBar label{
position: absolute;
left: 30px;
top: 13px;
font-weight: bold;
}
.gridContainer .gridDataContainer {
position: absolute;
left: 0;
right: 0;
top: 0px;
bottom: 0;
}
.gridContainer.enableSelectAll .gridDataContainer {
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.gridContainer.enableSelectAll.hasSelectedItems .gridDataContainer ,
.gridContainer.enableSelectAll.bulkActionMode.actionBarAlwaysVisible .gridDataContainer {
top: 40px;
}
/*row header for the non-details grid should trigger the row actions menu*/
.gridContainer.nonDetailsGrid .rowData .rowHeader.linkCol {
text-decoration: underline;
}
/*.gridDataContainer .rowData .headCol, .rowDetailsData .headCol {
font-weight: bold;
}*/
.gridDataContainer .addRemoveItem,
.gridDataContainer .addSelCont{
width: 24px;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
}
.gridContainer .addSelCont {
display: none;
}
.gridContainer.bulkActionMode .addSelCont {
width: 30px;
display: block;
}
.gridContainer.bulkActionMode .addSelCont .checkBoxControlInput.addToSelection{
top: 50%;
position: absolute;
margin-top: -12px;
}
.gridDataContainer .addRemoveItem .icon24 {
display: block;
position: absolute;
top: 50%;
margin-top: -12px;
}
.gridDataContainer .addRemoveItem.addItem .icon24:before {
/*background-position: -480px 0;*/
content: "\E142";
}
.gridDataContainer .addRemoveItem.removeItem .icon24:before {
/*background-position: -503px 0;*/
content: "\E143";
}
.gridDataContainer .dataItem{
padding: 2px;
margin-right: 20px;
}
.gridDataContainer .dataItem .rowDetails > span{
color: #656565;
}
.gridContainer .rowData:active .dataItem .rowDetails > span,
.gridContainer .groupRowData:active > .dataItem .rowDetails > span {
color: #fff;
}
.gridContainer.hasAddRemoveItems .rowData .dataItem,
.gridContainer.bulkActionMode .rowData .dataItem,
.gridContainer.bulkActionMode .rowData .tagContainer
{
margin-left: 20px;
}
.gridDataContainer .rowData .dataItem > div,
.gridDataContainer .groupRowData .dataItem > div,
.gridDataContainer .groupHeader .dataCtnr > div
{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
height: 16px;
line-height: 16px;
}
.gridDataContainer .rowData .dataItem > div > span,
.gridDataContainer .groupRowData .dataItem > div > span,
.gridDataContainer .groupHeader .dataCtnr > div > span
{
white-space: pre;
}
.gridDataContainer .dataItem > div.hasCheckbox,
.gridDataContainer .groupHeader .dataCtnr > div.hasCheckbox{
height: 20px;
line-height: 20px;
}
.gridDataContainer .dataItem .hasCheckbox .checkBoxControlInput,
.gridDataContainer .groupHeader .hasCheckbox .checkBoxControlInput{
margin: 0;
padding: 0;
vertical-align: middle;
display: inline-block;
}
/*.gridDataContainer .rowData .dataItem div{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
height: 16px;
}
.gridDataContainer .rowData .dataItem > div:first-child, .rowDetailsData .rowDetailsItem .description {
font-weight: bold;
text-shadow: 0 1px 1px #fff;
}--duplicated css in readonlygrid.css*/
.gridDataContainer .rowData .rowDetailsNav,
.gridDataContainer .groupRowData .groupExpandNav {
width: 24px;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
}
.gridDataContainer .rowData .rowDetailsNav span.icon24,
.gridDataContainer .groupRowData .groupExpandNav span.icon24 {
display: block;
position: absolute;
top: 50%;
margin-top: -12px;
opacity: 0.35;
}
.gridDataContainer .rowData .rowDetailsNav span.icon24:before,
.gridDataContainer .groupRowData .groupExpandNav span.icon24:before {
content: "\E061";
}
.gridDataContainer .rowData:hover .rowDetailsNav span.icon24,
.gridDataContainer .rowData:focus .rowDetailsNav span.icon24,
.gridDataContainer .rowData:active .rowDetailsNav span.icon24,
.gridDataContainer .groupRowData:hover .groupExpandNav span.icon24,
.gridDataContainer .groupRowData:focus .groupExpandNav span.icon24,
.gridDataContainer .groupRowData:active .groupExpandNav span.icon24 {
opacity: 1;
}
.rowDetailsData .rowDetailsItem {
padding: 10px;
position:relative;
}
.rowDetailsData .rowDetailsItem div {
padding: 2px;
}
.rowDetailsData .rowDetailsItem .hasCellActions
{
padding-right:30px;
}
.rowDetailsData .rowDetailsItem .cellActions
{
position: absolute;
right: 0px;
top: 50%;
margin-top: -15px;
}
.relatedDataPortlet .rowData:active {
background-image: none;
color:#fff;
}
.gridContainer .groupRowData,
.gridContainer .rowData{
border-top: solid 1px #fff;
position: relative;
display: block;
padding: 10px;
border-left: none;
border-right: none;
border-bottom: solid 1px #e6e6e6;
}
.gridContainer .groupHeader .groupTrail,
.gridContainer .groupRowData .dataItem .rowHeader {
margin-bottom: 5px;
font-size: 1.1em;
font-family: Osans, Arial, sans-serif;
font-weight: 600;
}
.gridContainer .groupRowData .groupExpandedContents {
display: none;
}
.gridContainer .groupRowData.expanded > .groupExpandedContents {
display: block;
}
.gridContainer .groupRowData.expanded > .dataItem,
.gridContainer .groupRowData.expanded > .groupExpandNav {
display: none;
}
.gridContainer.groupExpanded .gridDataContainer .groupRowData.notExpanded,
.gridContainer.groupExpanded .gridDataContainer .groupRowData.isAncestor > .groupExpandedContents > .groupHeader
{
display: none;
}
.gridContainer.groupExpanded .groupRowData.expanded{
display: block;
padding: 0;
border-top: none;
}
.gridContainer.groupExpanded .groupRowData.expanded .groupHeader{
padding: 10px;
}
.gridContainer .groupHeader .groupTrail.isChild {
background-image: none;
background: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/actions/childnode.png?v=12.0.258.0') no-repeat center left;
padding-left: 16px;
}
.gridContainer .rowData .favouriteButton {
position: absolute;
top: 50%;
margin-top: -15px;
right: 30px;
}
.gridContainer .rowData .favouriteButton.e181 .icon16:before {
color: grey;
}
.gridContainer .rowData .favouriteButton.e180 .icon16:before {
color: gold;
}
.gridContainer.favouritesEnabled .rowData .dataItem,
.gridContainer.favouritesEnabled .rowData .tagContainer{
margin-right: 60px;
}
.gridContainer .isRating,
.rowDetailsData .isRating{
display: inline-block;
}
.superGridFormatterHeading_ImagePanel {
border: none;
}
.gridColumnAlignRight {
text-align: right;
}
.gridColumnAlignCenter {
text-align: center;
}
.superGridFormatterHeading .slickRemoveColumn {
float: right;
}
.superGridFormatterHeading .slickRemoveColumn:hover {
cursor: pointer;
}
.gridContainer .tagSection {
padding-left: 22px;
padding-right: 42px;
}
.surveyWrapper{
position: absolute;
top: 0;
left: 0;
RIGHT: 0;
background: rgba(0, 0, 0, 0.21);
bottom: 0;
transition: ease 0.3s;
visibility: hidden;
opacity: 0;
display: flex;
overflow: auto;
}
.surveyWrapper.shown{
visibility: visible;
z-index: 90001;
opacity: 1;
}
.surveyWrapper .surveyContainer{
max-width: 730px;
background: white;
box-shadow: 0 3px 5px #0000009e;
border-radius: 5px;
position: relative;
color: #0f3367;
transition: ease 0.3s;
transform: scale(0.8);
margin: 0 auto;
height: max-content;
align-self: center;
overflow: hidden;
}
.surveyWrapper.shown .surveyContainer{
transform: scale(1);
}
.surveyWrapper .surveyContainer > .header{
background: rgba(0,0,0,0.05);
padding: 20px 10px;
}
.surveyWrapper .surveyContainer .voteTitle{
text-align:center;
}
.surveyWrapper .surveyContainer > .header h2{
display: inline-block;
font-size: 1.3em;
}
.surveyWrapper .surveyContainer > .header .closeBtn
{
position: absolute;
right: 5px;
border-radius: 20px;
border-color: transparent;
padding: 8px;
top: 8px;
background:none;
box-shadow:none;
}
.surveyWrapper .surveyContainer h3{
font-weight: normal;
font-size: 1.2em;
line-height: 1.5em;
color: #0f3367;
}
.surveyWrapper .surveyContainer > .content{
transition:transform 0.3s ease-in-out;
}
.surveyWrapper.sent .surveyContainer > .content{
transform: translate(120%, 0px) skew(-15deg, 15deg);
background: white;
box-shadow: 0 0 3px #000000a6;
}
.surveyWrapper .voteButtons {
text-align: center;
padding: 20px 0;
line-height: 1.5em;
}
.surveyWrapper .btnDislike > .glyph{
transform: rotateZ(180deg) translateY(-5px);
}
.surveyWrapper .btnDislike{
margin-left: 20px;
}
.surveyWrapper .voteButtons > button{
padding: 15px 30px;
}
.surveyWrapper .feedBackMore, .surveyWrapper.showMore .voteContainer{
visibility:hidden;
position:absolute;
}
.surveyWrapper.showMore .feedBackMore{
visibility:visible;
position:relative;
}
.surveyWrapper .styleContainer.tbcStyleContainer{
padding-bottom: 0;
}
.surveyWrapper .styleContainer.tbcStyleContainer .textBoxControl {
background-color:rgba(0,0,0,0.02);
}
.surveyWrapper .surveyContainer footer{
padding: 10px 0;
text-align: center;
background: rgba(0,0,0,0.1);
}
.surveyWrapper .surveyContainer footer > button{
padding: 10px 40px;
}
.surveyWrapper.showMore .surveyContainer footer .btnBack,
.surveyWrapper.showMore .surveyContainer footer .btnSend
{
visibility: visible;
}
.surveyWrapper .surveyContainer footer .btnBack,
.surveyWrapper .surveyContainer footer .btnSend
{
visibility: hidden;
}
.surveyWrapper .surveyContainer footer .btnDismiss {
margin-left: 45%;
}
.surveyWrapper .sentMessage{
position: absolute;
top: 0;
bottom: 0;
display: flex;
text-align: center;
flex-flow: column;
width: 100%;
justify-content: center;
transition: 0.5s ease;
opacity: 0;
transform: scale(0.6);
visibility: hidden;
z-index: -1;
}
.surveyWrapper .sentMessage h3{
font-size: 2em;
}
.surveyWrapper.sent .sentMessage{
visibility: visible;
opacity: 1;
transform: scale(1);
}
.surveyWrapper .sentMessage .iconContainer{
text-align: center;
}
.surveyWrapper .sentMessage .iconContainer > .glyph {
width: 120px;
display: inline-block;
height: 120px;
border-radius: 50%;
transition: 0.5s ease-in;
background: white;
color:white;
}
.surveyWrapper.sent .sentMessage .iconContainer > .glyph{
background: #a6cea2;
}
.surveyWrapper.sent footer {
display:none;
}
.phone .feedbackButton {
display:none;
}
.hasUserFeedback .portalLabels + .noWrap{
padding-right: 80px;
}
.phone.hasUserFeedback .optionItem.feedbackButton{
display:block;
}
/********* NPS Survey ********/
.fbSurvey .voteButtons{
height: 100px;
}
.showMore .voteButtons{
height: auto;
}
.fbSurvey .voteButtons button{
padding: 10px 15px;
border-radius: 25px;
}
.fbSurvey .scale {
height: 20px;
width: 100%;
top: 10px;
position: relative;
padding-left: 10px;
color: white;
font-weight: bolder;
align-content: center;
display: grid;
font-size: medium;
}
.fbSurvey .scale p {
position: absolute;
}
.fbSurvey .scaleLine {
border: thin solid rgb(9, 181, 209);
}
.fbSurvey .scaleLine.h {
width: 100%;
top: 25px;
position: relative;
padding-left: 10px;
}
.fbSurvey .scaleLine.vL, .fbSurvey .scaleLine.vR {
position: absolute;
rotate: 90deg;
bottom: -1px;
display: inline;
right: 95%;
width: 5px;
}
.fbSurvey .scaleLine.vR {
left: 95%;
}
.fbSurvey .scaleLine.vN {
display: none;
}
.fbSurvey .scale .scaleText7, .fbSurvey .scale .scaleText9 {
margin-left: 34px;
}
.fbSurvey .scale.Detractors {
background-color: rgb(241, 73, 80);
}
.fbSurvey .scale.Passives {
background-color: rgb(251, 176, 5);
}
.fbSurvey .scale.Promoters {
background-color: rgb(0, 146, 69);
}
.fbSurvey .scale.Detractors.box0 {
border-radius: 7px 0 0 7px;
}
.fbSurvey .scale.Promoters.box10 {
border-radius: 0 7px 7px 0;
}
.fbSurvey .scaleDescriptions {
position: absolute;
margin-top: 30px;
color: rgb(9, 181, 209);
font-weight: 600;
display: grid;
font-size: small;
}
.fbSurvey .scaleDescriptions.txt3 {
margin-left: -20px;
}
.fbSurvey .scaleDescriptions.txt7, .fbSurvey .scaleDescriptions.txt9 {
margin-left: 20px;
}
.fbSurvey.surveyContainer .voteTitle, .fbSurvey.surveyContainer footer {
text-align: left;
}
.fbSurvey.surveyContainer footer > button{
margin-left:20px;
border-radius: 25px;
}
.fbSurvey.surveyContainer .textBoxControl{
width: 100%;
}
.fbSurvey .engagingStyle .rbcItemInput:before{
margin: 4px 0 !important;
}
.fbSurvey .engagingStyle .rbcItemInput:after{
margin-top: 8px !important;
}
.fbSurvey .engagingStyle .rbcItemEditorLabel{
padding: 4px !important;
}
.fbSurvey .privacyDisclaimer {
max-width: 670px;
margin-top: 35px;
}
.surveyWrapper.showMore .privacyDisclaimer {
margin-top: 10px;
}
.survey .surveyContainer .validationError{
padding-top: 20px;
}
.survey .surveyContainer .validationError .validationMessage{
position: absolute;
top:0px;
border: none;
box-shadow: none;
color: #D00;
font-style: italic;
font-weight: bold;
}
.swagger-section .swagger-ui-wrap {
margin-left: 0;
margin-right: 40px;
font-size: 1.1em;
}
.swagger-section .swagger-ui-wrap table.model {
word-break: break-all;
}
.swagger-section .swagger-ui-wrap textarea {
width: 97%;
}
.hide-swagger-info .swagger-section .swagger-ui-wrap .info {
display: none;
}
.hide-swagger-info .swagger-section .swagger-ui-wrap ul#resources li.resource div.heading ul.options,
.swagger-section .swagger-ui-wrap button.expand-operation
{
display: none !important;
}
#WebServiceAllDocumentationSection.editablePanel.scrollContent > .content {
border-top: none;
}
.swagger-section .swagger-ui-wrap .swagger-ui .wrapper{
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin: 0;
padding: 0;
max-width: 100%;
}
.hide-swagger-schemes .swagger-section .swagger-ui-wrap div.scheme-container,
.swagger-section .swagger-ui-wrap .swagger-ui .response-col_links
{
display: none !important;
}
.swagger-section .swagger-ui-wrap .swagger-ui .scheme-container{
padding: 30px 0;
box-shadow: none;
-webkit-box-shadow: none;
margin: 0;
background: transparent;
}
/* swagger-ui override */
.swagger-section .swagger-ui-wrap .swagger-ui select, .swagger-section .swagger-ui-wrap .swagger-ui .btn{
border: solid 1px lightgrey;
}
.swagger-section .swagger-ui-wrap .swagger-ui table{
margin: 10px 0;
}
@media (max-width: 750px) {
.swagger-section .swagger-ui-wrap .swagger-ui table tbody tr td:first-of-type {
width: 30%;
border-right: solid 5px transparent;
}
.swagger-section .swagger-ui-wrap .swagger-ui table tbody tr td:first-of-type{
min-width: auto;
}
.swagger-section .swagger-ui-wrap {
margin-right: 0;
}
.swagger-section .swagger-ui-wrap .swagger-ui .opblock .opblock-section-header{
padding: 8px;
}
.swagger-section .swagger-ui-wrap .swagger-ui .opblock-description-wrapper,
.swagger-section .swagger-ui-wrap .swagger-ui .opblock-external-docs-wrapper,
.swagger-section .swagger-ui-wrap .swagger-ui .opblock-title_normal{
padding: 15px 8px;
}
.swagger-section .swagger-ui-wrap .swagger-ui .opblock .opblock-section-header h4{
margin-right: 15px;
}
.swagger-section .swagger-ui-wrap .swagger-ui .table-container{
padding: 10px;
}
.swagger-section .swagger-ui-wrap .swagger-ui td .required{
position: relative;
}
.swagger-section .swagger-ui .parameter__name.required:after {
position: absolute;
}
.swagger-section .swagger-ui-wrap .swagger-ui td.parameters-col_description{
word-break: break-all;
}
}
.stackedStyle .textBoxControl > .tbcEditorField {
white-space: pre-wrap;
word-wrap: break-word;
}
.stackedStyle > .textBoxControl.singleLine.noReadonlyValueWrap > .tbcEditorField > .readonlyTextBoxSpan {
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
}
/*--Consumer styles--*/
.consumerStyle.tbcStyleContainer {
padding:12px 0;
}
.consumerStyle.tbcStyleContainer .tbcEditorLabel,
.consumerStyle.tbcStyleContainer .tbcEditorLabelAutoWidth {
display: block;
position: relative;
font-size: 0.875rem;
color: #404040;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.readonly .tbcEditorLabel {
color: #757575;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.notActive.validationError .tbcEditorLabel {
color: red;
}
.consumerStyle.tbcStyleContainer label {
position: relative;
display: inline-block;
padding: 2px 2px 6px 0;
line-height: 1rem;
}
.consumerStyle.tbcStyleContainer label > .charCount {
display: none;
}
.consumerStyle.tbcStyleContainer .labelInnerContainer {
cursor: default;
}
.consumerStyle.tbcStyleContainer .tbcEditorField {
position: relative;
display: inline-block;
border:solid 1px #cbcbcb;
border-radius: 2px;
white-space: nowrap;
box-sizing: border-box;
transition: all 0.1s ease-in-out;
outline: none;
font-size:0.875rem;
color: #3b4e58;
min-width: 150px;
}
.consumerStyle.tbcStyleContainer .tbcEditorField:hover,
.consumerStyle.tbcStyleContainer > .textBoxControl.active .tbcEditorField {
border-color:#606060;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.readonly .tbcEditorField {
border-color:transparent;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.fillWidth .tbcEditorField {
display: block;
width: 100%;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.editable.notActive.validationError .tbcEditorField {
border-bottom-color: red;
}
.consumerStyle.tbcStyleContainer .tbcInputInnerContainer {
box-sizing: border-box;
height: 100%;
position: relative;
width: 100%;
}
.consumerStyle.tbcStyleContainer .textBoxControlInput,
.consumerStyle.tbcStyleContainer .readonlyTextBoxSpan {
position: relative;
color: inherit;
text-overflow: ellipsis;
border: none;
outline: none;
padding: 0 8px;
box-sizing: border-box;
width: 100%;
font-size:inherit;
color:#383f58; /*---potentially needs to bind to theme colour--*/
transition: padding 0.1s ease-in-out;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.multiLine .textBoxControlInput,
.consumerStyle.tbcStyleContainer > .textBoxControl.multiLine .readonlyTextBoxSpan {
height:60px;
line-height: 24px;
color: inherit;
background: none;
text-overflow: ellipsis;
border: none;
outline: none;
padding: 4px 8px;
box-sizing: border-box;
width: 100%;
resize: none;
vertical-align: top;
transition: all 0.1s ease-in-out;
}
.consumerStyle.tbcStyleContainer .textBoxControlInput.decimal,
.consumerStyle.tbcStyleContainer .readonlyTextBoxSpan.decimal,
.consumerStyle.tbcStyleContainer .textBoxControlInput.long,
.consumerStyle.tbcStyleContainer .readonlyTextBoxSpan.long,
.consumerStyle.tbcStyleContainer .textBoxControlInput.currency,
.consumerStyle.tbcStyleContainer .readonlyTextBoxSpan.currency {
text-align: left;
}
.consumerStyle.tbcStyleContainer .readonlyTextBoxSpan {
padding:7px 8px;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.readonly .readonlyTextBoxSpan,
.consumerStyle.tbcStyleContainer > .textBoxControl.multiLine .readonlyTextBoxSpan {
padding:0;
line-height:normal;
min-height: 24px;
}
.consumerStyle.tbcStyleContainer .inputClearButton {
top: 0;
right: 0;
padding: 0;
color:#cbcbcb;
cursor: pointer;
width: 40px;
height: 100%;
position: absolute;
z-index: 2;
align-items: center;
justify-content: center;
}
.consumerStyle.tbcStyleContainer .inputClearButton:before {
content:"";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' id='cancel'%3E%3Cg fill='%23606060' fill-rule='evenodd'%3E%3Cpath id='aja' d='M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14.0005' y='4.58636' width='2' height='13.3108' rx='1' transform='rotate(45 14.0005 4.58636)' fill='%233B4E58'/%3E%3Crect x='15.4147' y='13.9985' width='2' height='13.3108' rx='1' transform='rotate(135 15.4147 13.9985)' fill='%233B4E58'/%3E%3C/svg%3E");
background-size:20px;
background-position:center;
display: block;
width: 20px;
height: 24px;
line-height:20px;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.editable.notEmpty.active .inputClearButton,
.consumerStyle.tbcStyleContainer > .textBoxControl.editable.notEmpty:hover .inputClearButton {
display:none;
}
/*.consumerStyle.tbcStyleContainer > .textBoxControl.editable.notEmpty.active > .tbcEditorField > .tbcInputContainer > .inputClearButton,
.consumerStyle.tbcStyleContainer > .textBoxControl.editable.notEmpty .tbcInputContainer:hover .inputClearButton,*/
.consumerStyle.tbcStyleContainer > .textBoxControl.editable.notEmpty.active > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .inputClearButton,
.consumerStyle.tbcStyleContainer > .textBoxControl.editable.notEmpty:hover > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .inputClearButton {
display:flex;
top: 0;
right: 0;
margin: 0;
}
.consumerStyle.tbcStyleContainer .tbcPicker,
.consumerStyle.tbcStyleContainer [class*="icklistContextButton"],
.consumerStyle.tbcStyleContainer .timeContextButton,
.consumerStyle.tbcStyleContainer .expressionContextButton {
position: absolute;
padding: 0 10px;
top: 0;
right: 0;
border: solid 1px transparent;
color: #667985; /*---potentially needs to bind to theme colour--*/
border-left:1px solid #cbcbcb;
border-radius: 0 2px 2px 0;
transition: opacity 0.1s ease;
box-shadow: none;
text-align: center;
box-sizing: border-box;
background-color: transparent;
outline: none;
cursor: default;
margin: -1px -1px 0 0;
background-image:none;
}
.consumerStyle.tbcStyleContainer .tbcPicker {
width: 40px;
height: 40px;
line-height: 40px;
border-top: none;
border-bottom: none;
border-right: none;
border-radius: 0;
}
.consumerStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersOne > .tbcPicker,
.consumerStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersTwo > .tbcPicker ~ .tbcPicker,
.consumerStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersThree > .tbcPicker.tbcP3 {
right: 1px;
top: 1px;
}
.consumerStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersTwo > .tbcPicker,
.consumerStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersThree > .tbcPicker.tbcP2 {
right:41px;
top:1px;
}
.consumerStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersThree > .tbcPicker {
right:71px;
top:1px;
}
.consumerStyle.tbcStyleContainer .tbcPicker:hover,
.consumerStyle.tbcStyleContainer [class*="icklistContextButton"]:hover,
.consumerStyle.tbcStyleContainer .dateContextButton:hover {
/*border-left-color: #3b4e58;*/ /*---potentially needs to bind to theme colour--*/
/*background-color: #3b4e58;*/ /*---potentially needs to bind to theme colour--*/
opacity: 1;
outline: none;
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out, border-left-color 0.1s ease-in-out;
}
.consumerStyle.tbcStyleContainer .glyph {
margin:0 auto;
min-width:20px;
min-height:20px;
width:20px;
height:20px;
line-height:20px;
background-size:cover;
background-position:initial;
background-image: none;
display:block;
}
.consumerStyle.tbcStyleContainer button.tbcPicker:hover,
.consumerStyle.tbcStyleContainer [class*="icklistContextButton"]:hover {
cursor:pointer;
color:#fff;
}
.consumerStyle.tbcStyleContainer .tbcPicker.picklist > .glyph,
.consumerStyle.tbcStyleContainer .picklistContextButton > .glyph {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cg fill='%23667895'%3E%3Cpath id='ala' d='M10 11.828l3.536-3.535a1 1 0 0 1 1.414 1.414l-4.243 4.243a1 1 0 0 1-1.414 0L5.05 9.707a1 1 0 0 1 1.414-1.414L10 11.828z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
/*.consumerStyle.tbcStyleContainer > .textBoxControl.pickDate .tbcPicker.date > .glyph,*/
.consumerStyle.tbcStyleContainer .dateContextButton > .glyph,
.consumerStyle.tbcStyleContainer .dateTimeContextButton > .glyph {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23667895' stroke-width='2' transform='translate(1 1)'%3E%3Cpath d='M1.2,17 L16.8,17 C16.9047056,17 17,16.9022622 17,16.7692308 L17,3.23076923 C17,3.09773781 16.9047056,3 16.8,3 L1.2,3 C1.09529436,3 1,3.09773781 1,3.23076923 L1,16.7692308 C1,16.9022622 1.09529436,17 1.2,17 Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M1 7L17 7M5 2.36010674L5 .984619141M13 2.36010674L13 .984619141'/%3E%3C/g%3E%3Cg fill='%23667895'%3E%3Ccircle cx='6' cy='11' r='1' fill-rule='nonzero'/%3E%3Ccircle cx='6' cy='15' r='1' fill-rule='nonzero'/%3E%3Ccircle cx='10' cy='11' r='1' fill-rule='nonzero'/%3E%3Ccircle cx='10' cy='15' r='1' fill-rule='nonzero'/%3E%3Ccircle cx='14' cy='11' r='1' fill-rule='nonzero'/%3E%3Ccircle cx='14' cy='15' r='1' fill-rule='nonzero'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.consumerStyle.tbcStyleContainer > .textBoxControl.pickDate .tbcPicker.date:hover > .glyph,
.consumerStyle.tbcStyleContainer .dateContextButton:hover > .glyph {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' %3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23FFFFFF' stroke-width='2' transform='translate(1 1)'%3E%3Cpath d='M1.2,17 L16.8,17 C16.9047056,17 17,16.9022622 17,16.7692308 L17,3.23076923 C17,3.09773781 16.9047056,3 16.8,3 L1.2,3 C1.09529436,3 1,3.09773781 1,3.23076923 L1,16.7692308 C1,16.9022622 1.09529436,17 1.2,17 Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M1 7L17 7M5 2.36010674L5 .984619141M13 2.36010674L13 .984619141'/%3E%3C/g%3E%3Cg fill='%23FFFFFF'%3E%3Ccircle cx='6' cy='11' r='1' fill-rule='nonzero'/%3E%3Ccircle cx='6' cy='15' r='1' fill-rule='nonzero'/%3E%3Ccircle cx='10' cy='11' r='1' fill-rule='nonzero'/%3E%3Ccircle cx='10' cy='15' r='1' fill-rule='nonzero'/%3E%3Ccircle cx='14' cy='11' r='1' fill-rule='nonzero'/%3E%3Ccircle cx='14' cy='15' r='1' fill-rule='nonzero'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.consumerStyle.tbcStyleContainer .tbcPicker.picklist:hover .glyph,
.consumerStyle.tbcStyleContainer .picklistContextButton:hover .glyph {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' id='chevron-down'%3E%3Cg fill='%23FFFFFF'%3E%3Cpath id='ala' d='M10 11.828l3.536-3.535a1 1 0 0 1 1.414 1.414l-4.243 4.243a1 1 0 0 1-1.414 0L5.05 9.707a1 1 0 0 1 1.414-1.414L10 11.828z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.consumerStyle.tbcStyleContainer .tbcPicker.time > .glyph,
.consumerStyle.tbcStyleContainer .timeContextButton > .glyph {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' id='clock'%3E%3Cg fill='%23667895' fill-rule='evenodd'%3E%3Cpath id='aoa' d='M10 1c-4.963 0-9 4.037-9 9s4.037 9 9 9 9-4.037 9-9-4.037-9-9-9m0 16.2c-3.97 0-7.2-3.23-7.2-7.2S6.03 2.8 10 2.8s7.2 3.23 7.2 7.2-3.23 7.2-7.2 7.2m.9-7.573V5.5a.9.9 0 1 0-1.8 0V10c0 .24.095.468.264.636l2.7 2.7a.898.898 0 0 0 1.272 0 .899.899 0 0 0 0-1.272L10.9 9.627z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.consumerStyle.tbcStyleContainer .tbcPicker.time:hover > .glyph {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' id='clock'%3E%3Cg fill='%23FFFFFF' fill-rule='evenodd'%3E%3Cpath id='aoa' d='M10 1c-4.963 0-9 4.037-9 9s4.037 9 9 9 9-4.037 9-9-4.037-9-9-9m0 16.2c-3.97 0-7.2-3.23-7.2-7.2S6.03 2.8 10 2.8s7.2 3.23 7.2 7.2-3.23 7.2-7.2 7.2m.9-7.573V5.5a.9.9 0 1 0-1.8 0V10c0 .24.095.468.264.636l2.7 2.7a.898.898 0 0 0 1.272 0 .899.899 0 0 0 0-1.272L10.9 9.627z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.consumerStyle.tbcStyleContainer .picklistContextButton > .glyph:before,
.consumerStyle.tbcStyleContainer .tbcPicker.time > .glyph:before,
.consumerStyle.tbcStyleContainer > .textBoxControl.pickDate .tbcPicker.date > .glyph:before,
.consumerStyle.tbcStyleContainer .picklistContextButton > .glyph:before,
.consumerStyle.tbcStyleContainer .timeContextButton> .glyph:before,
.consumerStyle.tbcStyleContainer .tbcPicker.address .glyph:before {
display:none;
}
.consumerStyle.tbcStyleContainer .tbcPicker.expression {
font-weight:bold;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.notActive.validationError .tbcEditorLabel {
color:inherit;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.editable.notActive.validationError .tbcEditorField {
border-color: #f74f63;
}
/* Multiselect mode */
.textBoxControl .multiSelectContainer{
display: none;
}
.textBoxControl.multiselect .multiSelectContainer{
display: flex;
gap: 5px;
flex-wrap: wrap;
padding: 5px;
}
.textBoxControl.multiselect .multiSelectContainer .multiSelectItem{
display: flex;
gap: 5px;
border-radius: 5px;
padding-right: 5px;
background-color: var(--ciaColourBackgroundSelection);
color: var(--ciaColourTextSelection);
}
.textBoxControl.multiselect .multiSelectContainer .multiSelectItem > .displayText{
font-weight: bold;
padding: 5px;
text-wrap: nowrap;
}
.textBoxControl.multiselect .multiSelectContainer .multiSelectItem > .removeMultiSelectItem{
padding-top: 5px;
}
.textBoxControl.readonly.multiselect .multiSelectContainer .multiSelectItem > .removeMultiSelectItem{
display: none;
}
.textBoxControl.readonly > .tbcEditorLabel > label > .mandatory {
display: none;
}
.tbcEditorLabel > label > .hasExpression {
padding-left: 5px;
font-weight: normal;
font-size: inherit;
}
.tbcInputContainer {
position:relative;
width: 100%;
display:block;
box-sizing: border-box;
}
.easy .textBoxControl.active > .tbcEditorField > tbcInputContainer > .tbcInputInnerContainer > .textBoxControlInput:focus {
outline: none;
}
.textBoxControl.singleLine > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlInput {
text-overflow: ellipsis;
}
.textBoxControl.multiLine > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlInput {
height: 100%;
overflow: none;
resize: none;
white-space: pre-wrap;
}
.textBoxControlInput:focus {
box-shadow: none;
}
.textBoxControlInput, .readonlyTextBoxSpan {
color: #565656;
border-color: transparent;
}
.textBoxControl.multiLine > .tbcEditorField > .readonlyTextBoxSpan {
white-space: pre-wrap;
}
.textBoxControl.color > .tbcEditorField > .readonlyTextBoxSpan {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.textBoxControl.color > .tbcEditorField > .readonlyTextBoxSpan span {
background: rgba(255, 255, 255, 0.6);;
padding: 0 3px;
}
.textBoxControlSpinnerContainer {
width: 16px;
height: 16px;
position: absolute;
z-index: 2;
}
.textBoxControlSpinner {
margin-top: 6px;
margin-left: 6px;
width: 4px;
height: 4px;
border-radius: 50%;
background-color:rgba(0,0,0,0.25);
animation-name: TextBoxSpinnerAnimation;
animation-duration: 1s;
animation-iteration-count: infinite;
}
@keyframes TextBoxSpinnerAnimation {
0% { opacity:1; }
50% { transform: scale(1.5, 1.5); opacity: 0.25; }
100% { opactiy:1; }
}
.textBoxControl.multiLine > .tbcEditorField > .tbcInputContainer {
height: 100px;
}
.lookupFormatCode, .lookupFormatDescription {
word-break: break-word;
}
/* Stacked Styles */
.stackedStyle > .textBoxControl.readonly
{
background-color: rgba(255, 255, 255, 0.5);
border-color:#e6e6e6;
}
.stackedStyle > .textBoxControl > .tbcEditorLabel {
display: block;
padding: 4px 4px 2px 4px;
font-size: 0.9em;
font-weight: 600;
text-align: left;
}
.stackedStyle > .textBoxControl > .tbcEditorLabel > label {
display:block;
line-height: 14px;
word-wrap: break-word;
}
.stackedStyle > .textBoxControl.noLabelWrap > .tbcEditorLabel > label {
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
height: 14px;
}
.stackedStyle > .textBoxControl > .tbcEditorField {
display: block;
width: 100%;
position: relative;
box-sizing: border-box;
}
.stackedStyle > .textBoxControl.readonly > .tbcEditorField > .tbcInputContainer:not(.ariaText) {
display: none;
}
.stackedStyle > .textBoxControl.editable > .tbcEditorField > .tbcInputContainer.hasPicker.pickersOne {
padding-right: 38px;
}
.stackedStyle > .textBoxControl.editable > .tbcEditorField > .tbcInputContainer.hasPicker.pickersTwo {
padding-right: 68px;
}
.stackedStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer {
box-sizing: border-box;
height: 100%;
}
.stackedStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlInput {
border-color: transparent;
padding: 0 4px;
margin: 0;
min-height: 24px;
line-height: 16px;
background-color: #FFF;
}
.stackedStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlSpinnerContainer {
right: 5px;
top: 4px;
}
.stackedStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .dataTypeContextButton {
position: absolute;
bottom: 0;
right: 0;
background-color: transparent;
box-shadow: none;
padding-top: 0;
padding-bottom: 3px;
display: none;
}
.stackedStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersTwo > .dataTypeContextButton,
.stackedStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersThree > .dataTypeContextButton.cb2 {
right: 30px;
}
.stackedStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersThree > .dataTypeContextButton {
right: 60px;
}
.stackedStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersOne > .dataTypeContextButton,
.stackedStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersTwo > .dataTypeContextButton ~ .dataTypeContextButton,
.stackedStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersThree > .dataTypeContextButton.cb3 {
right: 0;
}
.stackedStyle > .textBoxControl.editable > .tbcEditorField > .tbcInputContainer > .dataTypeContextButton {
display:block;
}
.stackedStyle > .textBoxControl > .tbcEditorField > .readonlyTextBoxSpan {
display: block;
line-height:16px;
padding: 4px 4px 4px 5px;
box-sizing: border-box;
height: auto;
min-height: 24px;
border: transparent;
font-size: 1.1em;
}
.content .controlContainer.validationError {
border-color: #DD0000;
}
.validationError > .editorField {
position: relative;
}
.validationMessage
{
color: #dd0000;
font-size: 0.8em;
vertical-align: middle;
line-height: 13px;
bottom: -8px;
z-index: 1;
padding: 0 2px;
right: -1px;
display: block;
}
/* Engaging Styles */
.tbcStyleContainer.engagingStyle {
padding-bottom: 25px;
}
.engagingStyle > .textBoxControl {
padding: 4px 0;
min-width: 0;
background-color: #ffffff;
border: none;
}
.engagingStyle > .textBoxControl > .tbcEditorLabel {
display: block;
position: relative;
font-size: 1.2em;
top: 23px;
left: 4px;
opacity: 0.75;
color: #656565;
cursor: text;
transform-origin: left;
transition-property: transform;
transition-duration: .2s;
transition-timing-function: ease;
}
.engagingStyle > .textBoxControl.notActive.validationError > .tbcEditorLabel {
color: red;
}
.engagingStyle > .textBoxControl.readonly > .tbcEditorLabel,
.engagingStyle > .textBoxControl.notEmpty.notActive > .tbcEditorLabel {
transition: none;
}
.engagingStyle > .textBoxControl.readonly > .tbcEditorLabel,
.engagingStyle > .textBoxControl.active > .tbcEditorLabel,
.engagingStyle > .textBoxControl.notEmpty > .tbcEditorLabel,
.engagingStyle > .textBoxControl.validationError > .tbcEditorLabel {
transform: scale(.8) translateY(-32px);
opacity: 0.65;
}
.engagingStyle > .textBoxControl.active > .tbcEditorLabel {
opacity: 1;
}
.engagingStyle > .textBoxControl.notActive.empty > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlInput {
opacity: 0;
}
.engagingStyle > .textBoxControl.active > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlInput{
opacity:1;
}
.engagingStyle > .textBoxControl > .tbcEditorLabel > label {
position: relative;
line-height: 16px;
}
.engagingStyle > .textBoxControl > .tbcEditorLabel > label > .charCount {
display: none;
}
.engagingStyle > .textBoxControl > .tbcEditorLabel > label > .labelInnerContainer {
cursor: default;
}
.engagingStyle > .textBoxControl > .tbcEditorField {
display: block;
position: relative;
white-space: nowrap;
box-sizing: border-box;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.engagingStyle > .textBoxControl.readonly > .tbcEditorField {
border-bottom-color: transparent;
}
.engagingStyle > .textBoxControl.fillWidth > .tbcEditorField {
display: block;
width: 100%;
}
.engagingStyle > .textBoxControl.fillLabelWidth > .tbcEditorField {
width: 100% !important;
}
.engagingStyle > .textBoxControl > .tbcEditorField:after {
content: "";
display: block;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
border-bottom-style: solid;
border-bottom-width: 2px;
transform: scaleX(0);
transform-origin: 50%;
transition-property: transform;
transition-duration: .2s;
transition-timing-function: ease;
}
.engagingStyle > .textBoxControl.editable.notActive.validationError > .tbcEditorField {
border-bottom-color: red;
}
.engagingStyle > .textBoxControl.active > .tbcEditorField:after {
transform: scaleX(1);
}
.engagingStyle > .textBoxControl.singleLine > .tbcEditorField > .tbcInputContainer:not(.ariaText) {
height: 30px;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.hasPicker.pickersOne {
padding-right: 38px;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.hasPicker.pickersTwo {
padding-right: 68px;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer {
height: 100%;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer,
.engagingStyle > .textBoxControl > .tbcEditorField > .readonlyTextBoxSpan {
box-sizing: border-box;
padding: 2px 5px;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .inputClearButton {
right: 4px;
top: 6px;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlSpinnerContainer {
right: 5px;
top: 7px;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlInput.decimal,
.engagingStyle > .textBoxControl > .tbcEditorField > .readonlyTextBoxSpan.decimal,
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlInput.long,
.engagingStyle > .textBoxControl > .tbcEditorField > .readonlyTextBoxSpan.long,
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlInput.currency,
.engagingStyle > .textBoxControl > .tbcEditorField > .readonlyTextBoxSpan.currency {
text-align: left;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlInput {
background: none;
border: none;
padding: 0;
height: auto;
min-height: auto;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .tbcInputInnerContainer > .textBoxControlInput,
.engagingStyle > .textBoxControl > .tbcEditorField > .readonlyTextBoxSpan,
.engagingStyle > .textBoxControl.multiselect .multiSelectItem
{
font-size: 1.2em;
line-height: 26px;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer > .dataTypeContextButton {
border: solid 1px transparent;
top: 0;
opacity: 1;
transition: opacity 0.1s ease;
position: absolute;
bottom: 0;
right: 0;
background-color: transparent;
box-shadow: none;
padding-top: 0;
padding-bottom: 3px;
display: block;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersTwo > .dataTypeContextButton,
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersThree > .dataTypeContextButton.cb2 {
right: 30px;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersThree > .dataTypeContextButton {
right: 60px;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersOne > .dataTypeContextButton,
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersTwo > .dataTypeContextButton ~ .dataTypeContextButton,
.engagingStyle > .textBoxControl > .tbcEditorField > .tbcInputContainer.pickersThree > .dataTypeContextButton.cb3 {
right: 0;
}
.engagingStyle > .textBoxControl.readOnly > .tbcEditorField > .tbcInputContainer > .dataTypeContextButton,
.engagingStyle > .textBoxControl.disabled > .tbcEditorField > .tbcInputContainer > .dataTypeContextButton {
display: none;
}
.engagingStyle > .textBoxControl > .tbcEditorField > .readonlyTextBoxSpan {
cursor: default;
color: #656565;
min-height: 30px;
display: block;
}
.engagingStyle > .textBoxControl.singleLine > .tbcEditorField > .readonlyTextBoxSpan {
word-wrap: break-word;
white-space: normal;
}
.engagingStyle > .textBoxControl.singleLine.noReadonlyValueWrap > .tbcEditorField > .readonlyTextBoxSpan {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.engagingStyle > .textBoxControl > .validationMessage {
color: red;
position: absolute;
white-space: nowrap;
font-size: 0.9em;
opacity: 0.75;
left: 0;
bottom: -15px;
border: none;
box-shadow: none;
}
/* Hierachical Picklist Styles */
.hierarchicalPicklistPage > .pageContent {
overflow: hidden;
}
.hierarchicalPicklistClear {
height: 34px;
width: 50px;
color: #fff;
}
.hierarchicalPicklistHeading {
text-align: center;
height: 34px;
color: white;
font-size: 1.3em;
line-height: 34px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 55px;
}
.hierarchicalPicklistScroller {
overflow: hidden;
width: 100%;
height: 100%;
}
.hierarchicalPicklistList
{
height: 100%;
}
.hierarchicalPicklistList .rowData {
line-height: 24px;
border-top: solid 1px #fff;
}
.hierarchicalPicklistList > .view
{
float: left;
vertical-align: top;
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.hierarchicalPicklistList > .view > .itemLink > p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hierarchicalPicklistList > .view > .itemLink > .next {
float:right;
padding:10px;
margin: -10px -10px -10px 0;
border-left-style: solid;
border-left-width: 1px;
}
.hierarchicalPicklistList > .view > .itemLink > .next > .icon24 {
display: block;
}
.hierarchicalPicklistList > .view > .itemLink.selected {
background-color: #FFF;
}
/* Picklist Styles */
.itemLink > p {
margin: 0px;
padding: 0px;
}
.superComboList > .itemLink {
min-height: 20px;
line-height: 19px;
}
.superComboList {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
overflow-x: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.picklistRow {
position: relative;
display: flex;
gap: 10px;
padding: 5px 10px;
border-left: none;
border-right: none;
border-bottom: solid 1px #e6e6e6;
}
.picklistRow .dataRowContainer {
display: flex;
gap: 5px;
}
.picklistRow .picklistSelectCell{
display: flex;
align-items: center;
}
.picklistRow .picklistSelectCell{
display: flex;
align-items: center;
}
.picklistRow .picklistSelectCell .selChkBox.checkBoxControlInput{
height: 16px;
width: 16px;
margin-left: 4px;
margin-top: 4px;
margin-bottom: 4px;
border: solid 1px #656565;
border-radius: 3px;
background-size: auto 100%;
background-color: #fff;
font-family: iconGlyph;
font-size: 16px;
line-height: 16px;
text-align: center;
display: inline-block;
-webkit-font-smoothing: antialiased;
}
.picklistRow .picklistSelectCell .selChkBox.checkBoxControlInput.checked:before {
display: block;
content: "\E066";
}
.picklistRow:focus, .picklistRow:hover {
background-color: rgba(255,255,255,0.5);
}
.picklistHeaderCell {
font-weight: 600;
font-size: 0.9em;
height: 16px;
line-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.picklistDataRow.iconChooser .picklistDataCell {
height: 32px;
vertical-align: central;
margin : 4px;
}
.picklistDataRow.iconChooser .picklistDataCell.picklistKeyColumn {
float: left;
}
.picklistDataRow.iconChooser .picklistDataCell.picklistDescriptionColumn {
line-height: 32px;
}
.picklistDataRow.iconChooser .picklistDataCell.picklistKeyColumn img {
height: 32px;
}
.picklistDataCell {
font-size: 1.1em;
color: #656565;
height: 16px;
line-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 6px;
}
.picklistDataRow.tagItem {
line-height: inherit;
}
.picklistDataRow.tagItem > .tagCode {
display: inline-block;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 0.9em;
color: white;
text-transform: uppercase;
padding: 0 5px;
margin-top: 2px;
height: 16px;
line-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.picklistSuggestNoRecords {
padding: 10px 5px;
display: block;
font-style: italic;
color: #656565;
text-align: center;
}
/* Extended Picklist Styles */
.extendedPicklistFieldContainer.panel.simple {
padding: 0;
position: relative;
}
.extendedPicklistFieldContainer.hasIcon > .controlContainer {
margin-right: 40px;
}
.extendedPicklistFieldContainer.hasIcon > .picklistExtenderFieldResult {
position: absolute;
top: 10px;
right: 10px;
height: 16px;
width: 16px;
padding: 0;
}
.extendedPicklistFieldContainer.hasMessage > .picklistExtenderFieldResult,
.extendedPicklistFieldContainer.hasIconAndMessage > .picklistExtenderFieldResult {
margin-top: 5px;
margin-bottom: 10px;
padding: 0;
}
.extendedPicklistFieldContainer.hasMessage > .picklistExtenderFieldResult > label {
line-height: 20px;
}
.extendedPicklistFieldContainer.hasIconAndMessage > .picklistExtenderFieldResult > label {
margin-left: 20px;
line-height: 20px;
}
.extendedPicklistFieldContainer.hasMessage > .picklistExtenderFieldResult.picklistExtenderInvalid > label,
.extendedPicklistFieldContainer.hasIconAndMessage > .picklistExtenderFieldResult.picklistExtenderInvalid > label,
.picklistExtenderResultContainer.picklistExtenderInvalid > .editorLabel > label {
color: red;
}
.extendedPicklistFieldContainer.hasMessage > .picklistExtenderFieldResult.picklistExtenderValid > label,
.extendedPicklistFieldContainer.hasIconAndMessage > .picklistExtenderFieldResult.picklistExtenderValid > label,
.picklistExtenderResultContainer.picklistExtenderValid > .editorLabel > label {
color:darkgreen;
}
.extendedPicklistFieldContainer > .picklistExtenderFieldResult.picklistExtenderInvalid,
.picklistExtenderResultContainer.picklistExtenderInvalid > .picklistExtenderResultDisplayField {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/orbredex.png?v=12.0.258.0');
background-repeat: no-repeat;
}
.extendedPicklistFieldContainer > .picklistExtenderFieldResult.picklistExtenderValid,
.picklistExtenderResultContainer.picklistExtenderValid > .picklistExtenderResultDisplayField {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/16/orbgreentick.png?v=12.0.258.0');
background-repeat: no-repeat;
}
.picklistExtenderResultDisplayField {
height: 16px;
font-size: 1.8em;
background-position: center right;
width:auto;
margin-right: 40px;
display: block;
overflow: hidden;
word-wrap: break-word;
}
.picklistExtenderResultContainer {
margin-top: 5px;
margin-bottom: 8px;
padding-top: 3px;
background-position: center right;
}
.picklistExtenderResultContainer > .picklistExtenderResultDisplayField {
width: 100%;
color: inherit;
}
/*--Consumer Styles--*/
.consumerStyle > .fieldsContainer {
padding:10px 0;
}
.consumerStyle.tbcStyleContainer > .textBoxControl {
border: none;
margin: 0;
background-color: transparent;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.multiLine .tbcEditorField {
width:100%;
}
.consumerStyle.tbcStyleContainer .tbcInputContainer {
height:44px;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.multiLine .tbcInputContainer {
height:60px;
}
.consumerStyle.tbcStyleContainer .tbcInputContainer.hasPicker.pickersOne {
padding-right:44px;
}
.consumerStyle.tbcStyleContainer .tbcInputContainer.hasPicker.pickersTwo {
padding-right:84px;
}
.consumerStyle.tbcStyleContainer .textBoxControlInput,
.consumerStyle.tbcStyleContainer .readonlyTextBoxSpan {
line-height: 30px;
min-height: 44px;
display: block;
}
.consumerStyle.tbcStyleContainer > .textBoxControl.editable.notEmpty.active.clearable .textBoxControlInput,
.consumerStyle.tbcStyleContainer > .textBoxControl.editable.notEmpty.clearable .tbcInputContainer:hover .textBoxControlInput {
padding-right:44px;
}
.consumerStyle.tbcStyleContainer > .textBoxControl > .tbcEditorField > .tbcInputContainer > [class*="icklistContextButton"],
.consumerStyle.tbcStyleContainer .timeContextButton,
.consumerStyle.tbcStyleContainer .expressionContextButton {
width: 46px;
height: 46px;
line-height: 46px;
}
.consumerStyle.tbcStyleContainer .tbcEditorField {
width:100%;
}
.consumerStyle.tbcStyleContainer > .textBoxControl[data-t1-control*="DataType\":\"Date"] > .tbcEditorField {
width:auto;
}
/* -- Accessibility styles --*/
.easy .textBoxControl.controlContainer.readonly.active,
.easy .inputContainerWithButton input:focus {
outline:dotted 4px var(--ciaColourBorderHighlight);
}
/* MISSING IMAGE PLACEHOLDERS*/
.thumbnailImg.loading{
opacity: 0;
transform: scale(0.5);
}
.thumbnailImg{
opacity: 1;
transform: scale(1);
}
.thumbnailImg .missingImagePlaceholder {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 48px;
width: 48px;
display: block;
}
.contact .thumbnailImg .missingImagePlaceholder {
margin: 0 auto;
}
/*************************
** Drag and drop styles ***
*************************/
body.ipad.hasThumbnailDrag { /* iPad specific drag - where body tends to scroll while dragging an thumbnail item. */
position: fixed;
margin-top: 0;
width: 100%;
}
body.hasThumbnailDrag .webkitOverflowTouch{
overflow: hidden;
}
.thumbnailItem.proxy .itemWrapper {
}
/** compact */
.thumbnailItem.draggable .gripper {
height: 16px;
position: absolute;
top: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.05);
text-align: center;
z-index: 1;
}
.compact .thumbnailItem.draggable .itemWrapper {
padding-top: 24px;
}
/** Card */
.horizontal .thumbnailItem.draggable .gripper {
height: 100%;
width: 20px;
right: auto;
bottom: 0;
}
/** compact */
.thumbnailItem.draggable .gripper .icon16 {
transform: rotate(90deg);
opacity: 0.2;
display: block;
width: 100%;
margin-top: -2px;
}
/** Card */
.horizontal .thumbnailItem.draggable .gripper .icon16 {
transform: rotate(0);
position: absolute;
margin-top: -8px;
top: 50%;
}
.thumbnailItem.dragging .itemWrapper {
background: white;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
/* End drag-drop styles */
/***********************************************/
/* Thumbnail item & components layouts */
/***********************************************/
/*
Use flex for thumbnail-like layouts.
This will ensure that even if thumbnails have different heights, the browser will still try to allign them
*/
.thumbnailViewControl.thumbnailViewDefault .thumbnailItemsContainer,
.thumbnailViewControl.thumbnailViewNormal .thumbnailItemsContainer,
.thumbnailViewControl.thumbnailViewContact .thumbnailItemsContainer{
display: flex;
flex-wrap: wrap;
}
.thumbnailItem.imgLayoutRound .thumbnailImg > img,
.thumbnailItem.imgLayoutRound .thumbnailImg .missingImagePlaceholder{
border-radius: 50%;
}
.thumbnailItem.itemLayoutTile .itemWrapper{
border-radius: 15px; /* round corners */
}
/***********************************************/
.compact .thumbnailItem.draggable .addSelCont,
.compact .thumbnailItem.draggable .addRemoveItem,
.compact .thumbnailItem.draggable .itemSection .secondarySection,
.compact .thumbnailItem.draggable .thumbnailSection.secondarySection {
top: 20px !important;
}
.compact .thumbnailItem.draggable .thumbnailSection.imageSection {
margin-top: 10px;
}
.horizontal .thumbnailItem.draggable .addSelCont {
left: 24px;
}
.compact .thumbnailItem.draggable .thumbnailSection.imageSection {
margin-top: 10px;
}
.horizontal .thumbnailItem.draggable .itemWrapper {
padding-left: 45px;
}
.compact .smallImage .missingImagePlaceholder, .horizontal .smallImage .missingImagePlaceholder {
max-width: 32px;
max-height: 32px;
}
.thumbnailImg .missingImagePlaceholder.miGeneric {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/image.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miAppointment {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/appointment.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miAsset {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/asset.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miAward {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/award.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miBlankDocument {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/blankdocument.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miBusiness {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/business.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miClock {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/clock.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miCogs {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/cogs.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miContactDetails {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/contactdetails.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miDocument {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/document.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miEmail {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/email.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miEngagement {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/engagement.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miExcel {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/excel.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miFax {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/fax.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miFinancialDocument {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/financialdocument.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miFolder {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/folder.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miImage {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/image.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miImageMissing {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/imagemissing.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miImportFile {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/importfile.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miInvoice {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/invoice.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miLetter {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/letter.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miList {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/list.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miLocation {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/location.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miMail {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/mail.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miMan {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/man.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miManAndWoman {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/manandwoman.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miMap {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/map.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miMen {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/men.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miNote {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/note.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miPDF {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/pdf.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miPeople {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/people.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miPerson {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/person.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miPhone {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/phone.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miPreview {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/preview.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miProduct {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/product.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miPurchaseOrder {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/purchaseorder.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miReceipt {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/receipt.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miReport {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/report.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miRequest {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/request.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miSmartFolder {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/smartfolder.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miSpatial {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/spatial.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miSpreadsheet {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/spreadsheet.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miSupplier {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/supplier.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miSuppliers {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/suppliers.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miTask {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/task.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miText {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/text.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miTimesheet {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/timesheet.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miTrophy {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/trophy.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miUnknown {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/unknowndocument.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miWoman {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/woman.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miWomen {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/women.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miWordDoc {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/worddoc.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miWorkflow {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/workflow.png?v=12.0.258.0');
}
.thumbnailImg .missingImagePlaceholder.miWorksheet {
background-image: url('https://cdn.t1cloud.com/cianywhere/content/base/icons/128/entities/worksheet.png?v=12.0.258.0');
}
/*ICON AS LABEL*/
.iconLabel.icon.warning:before { content: "\E135"; color: #EAA000; }
.iconLabel.icon.error:before { color: #D10000; }
.iconLabel.icon.homePhone:before { content: "\E202"; }
.iconLabel.icon.business:before { content: "\E217"; }
.iconLabel.icon.contactPerson:before { content: "\E218"; }
.iconLabel.icon.engagement:before { content: "\E204"; }
.iconLabel.icon.sharedItem:before { content: "\E167"; }
.iconLabel.icon.export:before { content: "\E225"; }
.iconLabel.icon.date:before { content: "\E014"; }
.iconLabel.icon.time:before { content: "\E068"; }
.iconLabel.icon.dateTime:before { content: "\E191"; }
.iconLabel.icon.role:before { content: "\E229"; }
.iconLabel.icon.saasRelease:before { content: "\E397"; }
.iconLabel.icon.id:before { content: "\E358"; }
/* IMAGE SECTION ELEMENTS */
.imageSection .thumbnailImg {
float: none;
height: auto;
width: auto;
height: auto;
overflow: visible;
background: none;
display: inline-block;
}
/* COMMON */
.compact .itemWrapper {
background-color: #fff;
position: relative;
padding: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
box-sizing: border-box;
}
.contact .itemWrapper {
padding: 11px 16px;
}
.bulkActionMode.compact .noImage .itemWrapper {
padding-left: 28px;
}
.horizontal .itemWrapper {
border-bottom: solid 1px #e6e6e6;
padding: 8px 0 8px 10px;
}
.horizontal .thumbnailItem.showsDetailsPane .itemWrapper,
.horizontal .thumbnailItem.itemClickable .itemWrapper {
padding-right: 26px;
padding-right: 16px;
}
.horizontal.bulkActionMode .itemWrapper, .contact.bulkActionMode .itemWrapper,
.thumbnailViewControl.viewSelectorMode .thumbnailItem .itemWrapper{
padding-left: 26px;
}
.compact .hasImage .itemWrapper:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
min-width: 90px;
visibility: visible;
}
.compact .itemWrapper:before {
width: 100%;
height: 188px;
}
.compact .smallImage .itemWrapper:before {
height: 52px;
}
.compact .mediumImage .itemWrapper:before {
height: 84px;
}
/*--thumbnailSection spacing after indentity section--*/
.thumbnailSection.mainSection > .thumbnailSection:not(.identSection) {
margin-top: 5px;
}
.thumbnailSection.mainSection > .thumbnailSection:first-child {
margin-top: 0;
}
.thumbnailSection.nonStacked > .thumbnailSection {
float: left;
box-sizing: border-box;
}
.compact .thumbnailItem .thumbnailSection.imageSection,
.compact .thumbnailItem .thumbnailSection.mainSection,
.compact .thumbnailItem .thumbnailSection.tagActionsSection {
display: block;
float: none;
}
.compact .thumbnailItem .thumbnailSection.imageSection {
text-align: center;
height: 168px;
line-height: 168px;
margin-bottom: 20px;
}
.compact .thumbnailItem.smallImage .thumbnailSection.imageSection {
text-align: left;
height: 32px;
line-height: 32px;
margin-bottom: 20px;
}
.compact .thumbnailItem.mediumImage .thumbnailSection.imageSection {
text-align: left;
height: 64px;
line-height: 64px;
margin-bottom: 20px;
}
.compact.bulkActionMode .thumbnailItem.smallImage .thumbnailSection.imageSection,
.compact.bulkActionMode .thumbnailItem.mediumImage .thumbnailSection.imageSection {
margin-left:20px
}
/*--Image Section--*/
.horizontal .thumbnailSection.imageSection {
float: left;
max-height: 150px;
min-height: 67px;
position: relative;
z-index: 1;
padding: 0;
text-align: center;
}
.horizontal .smallImage .thumbnailSection.imageSection {
width: 32px;
text-align: center;
min-height: 32px;
}
.horizontal .mediumImage .thumbnailSection.imageSection {
width: 64px;
text-align: center;
min-height: 64px;
}
/*--for Thumbnail View image--*/
.compact .thumbnailSection .thumbnailImg {
position: relative;
width:auto;
max-height: 168px;
line-height: 168px;
height: auto;
vertical-align: middle;
margin: 0 auto;
}
.compact .thumbnailItem.smallImage .thumbnailImg {
max-height: 32px;
line-height: 32px;
}
.compact .thumbnailItem.mediumImage .thumbnailImg {
max-height: 64px;
line-height: 64px;
}
.horizontal .imageSection .thumbnailImg {
line-height: 110px;
}
.horizontal .smallImage .imageSection .thumbnailImg {
line-height: 32px;
}
.horizontal .mediumImage .imageSection .thumbnailImg {
line-height: 64px;
}
.horizontal .imageSection .thumbnailImg img {
max-width: 110px;
max-height: 110px;
vertical-align: top;
}
.horizontal .smallImage .imageSection .thumbnailImg img {
max-width: 32px;
max-height: 32px;
}
.horizontal .mediumImage .imageSection .thumbnailImg img {
max-width: 64px;
max-height: 64px;
}
.compact .imageSection .thumbnailImg img {
max-width: 168px;
max-height: 168px;
}
.compact .smallImage .imageSection .thumbnailImg img {
max-width: 32px;
max-height: 32px;
}
.compact .mediumImage .imageSection .thumbnailImg img {
max-width: 64px;
max-height: 64px;
}
.horizontal .thumbnailSection.imageSection .editorLabel {
float: none;
}
.horizontal .thumbnailSection.imageSection .statusField,
.horizontal .thumbnailSection.imageSection .editorField {
display: inline-block;
vertical-align: top;
}
/*--Section offset when there is an image--*/
.horizontal .thumbnailItem.hasImage.smallImage > .itemWrapper > .thumbnailSection.mainSection,
.horizontal .thumbnailItem.hasImage.smallImage > .itemWrapper > .tagActionsSection {
margin-left: 42px;
}
.horizontal .thumbnailItem.hasImage.mediumImage .itemWrapper > .thumbnailSection.mainSection,
.horizontal .thumbnailItem.hasImage.mediumImage .itemWrapper > .tagActionsSection {
margin-left: 74px;
}
.dataFieldContainer,
.inputFieldContainer {
padding: 2px 0;
padding-right: 5px;
box-sizing: border-box;
}
.thumbnailItem .btnFldContainer .dataFieldContainer
{
padding: 0;
}
.thumbnailItem .editorField {
color: #656565;
}
.thumbnailItem input[type="checkbox"] {
height: 16px;
width:16px;
vertical-align: top;
min-height: fit-content;
}
.thumbnailItem .editorLabel > label,
.thumbnailItem .editorField,
.thumbnailItem .editorField .readonlyTextBoxSpan,
.hoverViewContainer .thumbnailSection .editorLabel > label,
.hoverViewContainer .thumbnailSection .editorField,
.hoverViewContainer .thumbnailSection .editorField .readonlyTextBoxSpan {
width: auto;
padding: 0;
line-height: 16px;
display: block;
text-overflow: ellipsis;
overflow: hidden;
border: none;
}
.thumbnailItem .dataLblFont150Percent .iconLabel,
.thumbnailItem .dataLblFont150Percent .editorLabel,
.thumbnailItem .dataFldFont150Percent .editorField,
.thumbnailItem .dataFldFont150Percent .editorField > span,
.thumbnailItem .dataLblFont200Percent .iconLabel,
.thumbnailItem .dataLblFont200Percent .editorLabel,
.thumbnailItem .dataFldFont200Percent .editorField,
.thumbnailItem .dataFldFont200Percent .editorField > span{
line-height: initial!important;
}
.thumbnailItem .editorField,
.hoverViewContainer .thumbnailSection .editorField{
white-space: nowrap;
}
.thumbnailItem .editorLabel label, .thumbnailItem .editorField .readonlyTextBoxSpan,
.hoverViewContainer label, .hoverViewContainer .editorField .readonlyTextBoxSpan {
white-space: pre;
}
.thumbnailItem .editorLabel > label {
font-size: 0.9em;
font-weight: 600;
}
.thumbnailItem .statusField .editorLabel > label {
font-size: inherit;
}
.statusField .editorLabel > label {
font-size: inherit;
}
.thumbnailItem .btnFldContainer {
vertical-align: top;
}
.thumbnailItem button.btnFldContainer .editorField {
display: block;
}
.thumbnailSection > .dataFieldContainer,
.thumbnailSection > .inputFieldContainer {
display: inline-block;
vertical-align: top;
float: left;
}
.thumbnailSection.floatRight,
.thumbnailSection > .dataFieldContainer.floatRight,
.thumbnailSection > .inputFieldContainer.floatRight {
float: right;
}
.thumbnailSection.stacked > .thumbnailSection,
.thumbnailSection.stacked > .dataFieldContainer,
.thumbnailSection.stacked > .inputFieldContainer {
display: block;
float: none;
}
/*-Float overrides-*/
.thumbnailSection.floatRight,
.dataFieldContainer.floatRight,
.inputFieldContainer.floatRight {
float: right !important;
}
.thumbnailSection.floatLeft,
.dataFieldContainer.floatLeft,
.inputFieldContainer.floatLeft {
float: left !important;
}
.thumbnailSection .dataFieldContainer.stacked .editorLabel,
.thumbnailSection .dataFieldContainer.stacked .editorField,
.thumbnailSection .inputFieldContainer.stacked .editorLabel,
.thumbnailSection .inputFieldContainer.stacked .editorField {
width: auto;
display: block;
float:none;
}
.thumbnailSection .dataFieldContainer {
overflow: hidden;
}
.mainSection .dataFieldContainer.headingField,
.identSection .dataFieldContainer,
.secondarySection .dataFieldContainer.amountField {
padding-top:0;
padding-bottom: 0;
}
.dataFieldContainer.amountField {
float: right;
text-align: right;
}
.dataFieldContainer.amountField .editorField span {
font-size: 1.3em;
font-weight: 600;
}
.amountField .editorField,
.headingField .editorField {
color: inherit;
}
.dataFieldContainer.statusField .editorField,
.dataFieldContainer.statusField .editorLabel {
color: inherit;
}
.thumbnailSection .dataFieldContainer .editorLabel,
.thumbnailSection .inputFieldContainer .editorLabel {
float: left;
width: auto;
max-width: inherit;
padding: 0 5px 0 0;
}
/*-Dropdown handle-*/
.thumbnailAction .dropdownControl .handle:first-child {
margin-left: 0;
}
/*-Navigation chevron-*/
.horizontal .thumbnailItem .navigatorContainer {
left: auto;
height: auto;
}
.navigatorContainer {
float: right;
position: absolute;
top: -1px;
right: 0;
bottom: 0;
z-index: 1;
width: 16px;
overflow: hidden;
}
.thumbnailViewControl .navigatorContainer .detailsNavigator,
.thumbnailViewControl .navigatorContainer .actionNavigator {
position: absolute;
background-image: none;
top: 0;
right: 0;
bottom: 0;
background-color: transparent;
display: block;
width: 100%;
max-width: 100%;
height: 100%;
padding: 0;
border: none;
border-radius: 0;
box-shadow: none;
opacity: 0.35;
/*
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
*/
}
/*-Button group-*/
.thumbnailItem .buttonGroup button {
float: left;
margin-left: -1px;
height: 30px;
border-radius: 0;
}
.thumbnailItem .buttonGroup button:hover {
position: relative;
z-index: 1;
}
.thumbnailItem .buttonGroup .btnFldContainer.firstVisible{
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
margin-left: 0;
}
.thumbnailItem .buttonGroup .btnFldContainer.lastVisible{
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.thumbnailItem .buttonGroup > *:last-child {
float: none;
}
.secondarySection .thumbnailSection.clearRight {
clear: right;
}
.horizontal .thumbnailSection.secondarySection.stacked > .thumbnailSection {
float: right;
clear: right;
}
.horizontal .thumbnailSection.secondarySection .thumbnailSection.nonStacked > .thumbnailSection {
float: left;
}
/*--IdentSection--*/
.thumbnailSection.identSection .dataFieldContainer .editorLabel > label {
font-weight: normal;
color: #656565;
}
.identSection .editorField {
font-size: 0.9em;
}
/*-field separator-*/
.thumbnailSection.showFieldsSeparator .dataFieldContainer {
border-left: 1px solid #ccc;
padding-left: 5px;
padding-right: 5px;
}
.thumbnailSection.showFieldsSeparator > .dataFieldContainer:first-child,
.thumbnailSection.showFieldsSeparator > .isEmptyOrZero.dataFieldContainer:first-child + .dataFieldContainer,
.thumbnailSection.showFieldsSeparator > .dataFieldContainer:first-child[style*="display\: none\;"] + .dataFieldContainer {
border-left: none;
padding-left: 0;
}
.thumbnailSection .dataFieldContainer {
max-width: 100%;
}
.thumbnailSection .dataFieldContainer.hideIfEmptyOrZero.isEmptyOrZero,
.thumbnailSection .richTextControlContainer.hideIfEmptyOrZero.isEmptyOrZero,
.thumbnailSection .btnFldContainer.hideIfEmptyOrZero.isEmptyOrZero {
display: none!important;
}
.thumbnailViewControl.dynamicLayout .thumbnailItem .thumbnailSection.dynamicFieldsContainer,
.thumbnailBasedControl .thumbnailItem .thumbnailSection.dynamicFieldsContainer{
overflow: hidden;/*make sure the dynamic fields are positioned nicely*/
}
.thumbnailViewControl.dynamicLayout .thumbnailItem .thumbnailSection.dynamicFieldsContainer .dataFieldContainer,
.thumbnailBasedControl .thumbnailItem .thumbnailSection.dynamicFieldsContainer .dataFieldContainer{
width: 300px;
}
.thumbnailViewControl.dynamicLayout .thumbnailItem .thumbnailSection.dynamicFieldsContainer .dataFieldContainer .editorLabel,
.thumbnailBasedControl .thumbnailItem .thumbnailSection.dynamicFieldsContainer .dataFieldContainer .editorLabel{
width: auto!important;
}
.thumbnailViewControl .thumbnailSection.dynamicFieldsContainer a{
}
.thumbnailViewControl.dynamicLayout .thumbnailSection.hasOnlyDataFields.nonStacked,
.thumbnailBasedControl .thumbnailSection.hasOnlyDataFields.nonStacked{
overflow: hidden;
}
.thumbnailViewControl.dynamicLayout .textBoxControl.picklistControl .editorField,
.thumbnailViewControl.dynamicLayout .thumbnailSection,
.thumbnailBasedControl .textBoxControl.picklistControl .editorField,
.thumbnailBasedControl .thumbnailSection{
overflow: visible;
}
.secondarySection .textBoxControl.picklistControl .editorField {
display: inline-block;
}
.thumbnailSection.mainSection > .thumbnailSection.spaceFieldsEvenly, .thumbnailSection.secondarySection > .thumbnailSection.spaceFieldsEvenly,
.thumbnailItem .thumbnailSection.mainSection > .thumbnailSection.spaceFieldsEvenly > .thumbnailSection {
margin-right: 0;
}
.thumbnailSection.mainSection > .thumbnailSection.spaceFieldsEvenly > .thumbnailSection {
box-sizing: border-box;
}
.horizontal .thumbnailSection.mainSection,
.horizontal .thumbnailSection.tagActionsSection {
display: block;
float: none;
}
.thumbnailSection.tagActionsSection {
padding-top: 10px;
box-sizing: border-box;
}
.compact .thumbnailItem.customHeight .tagActionsSection {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
}
.hasTags .thumbnailSection.tagActionsSection {
padding-top: 10px;
}
.hasTags .thumbnailSection.tagActionsSection .tagSection{
position: relative;
display: table;
margin-top: 5px;
}
/*--Minimise height--*/
.minimizeHeight .thumbnailSection.tagActionsSection {
margin-top: -18px;
padding-top: 0;
}
.horizontal .minimizeHeight .thumbnailSection.tagActionsSection {
min-height: 20px;
}
.horizontal .hasTags .thumbnailSection.tagActionsSection,
.compact.detailsPanelVisible .minimizeHeight .thumbnailSection.tagActionsSection {
margin-top: 0;
}
.tagActionsSection {
white-space: normal;
clear: right;
}
.compact .tagActionsSection {
clear: left;
}
.thumbnailViewControl.dynamicLayout .dataFieldContainer.multiline .editorField,
.thumbnailBasedControl .dataFieldContainer.multiline .editorField{
white-space: normal;
}
/*it seems with italics font the right side gets truncated - this ensures it doesn't without having to use padding-right*/
.thumbnailViewControl.dynamicLayout .dataFieldContainer.dataFldItalic span:after,
.thumbnailBasedControl .dataFieldContainer.dataFldItalic span:after{
content: "";
float: right;
border: solid 1px transparent;
}
/*--Status Field--*/
.dataFieldContainer.statusField {
color: #FFF;
font-size: 0.9em;
font-weight: 600;
text-align: center;
padding: 0px 5px;
text-transform: uppercase;
line-height: 16px;
background-color: #a5a5a5;
background-color: rgba(0, 0, 0, 0.35);
margin-bottom: 2px;
margin-right: 5px;
border:1px solid white;
}
/*-Predefined status colours---*/
.dataFieldContainer.statusField.statusSuccess,
.dataFieldContainer.statusField.statusApproved,
.dataFieldContainer.statusField.statusNotImportant,
.dataFieldContainer.statusField.statusGreen
{
color: #394a1e;
background-color: #e2ead1;
}
.dataFieldContainer.statusField.statusSuccess.lightOnDark,
.dataFieldContainer.statusField.statusApprovedDrk.lightOnDark,
.dataFieldContainer.statusField.statusNotImportantDrk.lightOnDark,
.dataFieldContainer.statusField.statusGreen.lightOnDark {
color: #fff;
background-color: #74bd00;
}
.dataFieldContainer.statusField.statusUrgent,
.dataFieldContainer.statusField.statusError,
.dataFieldContainer.statusField.statusRejected,
.dataFieldContainer.statusField.statusRed {
color: #961a12;
background-color: #eccdca;
}
.dataFieldContainer.statusField.statusUrgent.lightOnDark,
.dataFieldContainer.statusField.statusError.lightOnDark,
.dataFieldContainer.statusField.statusRejected.lightOnDark,
.dataFieldContainer.statusField.statusRed.lightOnDark {
color: #fff;
background-color: #E53327;
}
.dataFieldContainer.statusField.statusImportant,
.dataFieldContainer.statusField.statusWarning,
.dataFieldContainer.statusField.statusInProgress,
.dataFieldContainer.statusField.statusYellow {
color: #744f00;
background-color: #ffe398;
}
.dataFieldContainer.statusField.statusImportant.lightOnDark,
.dataFieldContainer.statusField.statusWarning.lightOnDark,
.dataFieldContainer.statusField.statusInProgress.lightOnDark,
.dataFieldContainer.statusField.statusYellow.lightOnDark {
color: #fff;
background-color: #ffc853;
}
.dataFieldContainer.statusField.statusProcessing,
.dataFieldContainer.statusField.statusOrange {
color: #e05007;
background-color: #fce2ce;
}
.dataFieldContainer.statusField.statusProcessing.lightOnDark,
.dataFieldContainer.statusField.statusOrange.lightOnDark {
color: #fff;
background-color: #f2661f;
}
.dataFieldContainer.statusField.statusPartialSuccess,
.dataFieldContainer.statusField.statusSubmitted,
.dataFieldContainer.statusField.statusBlue {
color: #325ea1;
background-color: #c6dae8;
}
.dataFieldContainer.statusField.statusPartialSuccess.lightOnDark,
.dataFieldContainer.statusField.statusSubmitted.lightOnDark,
.dataFieldContainer.statusField.statusBlue.lightOnDark {
color: #fff;
background-color: #325ea1;
}
.dataFieldContainer.statusField.statusDisabled,
.dataFieldContainer.statusField.statusOnHold,
.dataFieldContainer.statusField.statusInactive,
.dataFieldContainer.statusField.statusGray {
color: #4b4b4b;
background-color: #c7c7c7;
}
.dataFieldContainer.statusField.statusDisabled.lightOnDark,
.dataFieldContainer.statusField.statusOnHold.lightOnDark,
.dataFieldContainer.statusField.statusInactive.lightOnDark,
.dataFieldContainer.statusField.statusGray.lightOnDark {
color: #fff;
background-color: #c7c7c7;
}
.dataFieldContainer.statusField.statusPurple.lightOnDark {
color: #fff;
background-color: #660066;
}
.dataFieldContainer.statusField.statusPurple {
color: #660066;
background-color: #DBC3DB;
}
.dataFieldContainer.statusField.statusDarkBlue.lightOnDark {
color: #fff;
background-color: #000060;
}
.dataFieldContainer.statusField.statusDarkBlue {
color: #000060;
background-color: #C3C3DA;
}
.dataFieldContainer.statusField.statusTeal.lightOnDark {
color: #fff;
background-color: #1E5E6D;
}
.dataFieldContainer.statusField.statusTeal {
color: #1E5E6D;
background-color: #C9D9DD;
}
.dataFieldContainer.statusField.statusDarkGreen.lightOnDark {
color: #fff;
background-color: #00661A;
}
.dataFieldContainer.statusField.statusDarkGreen {
color: #00430D;
background-color: #96C09E;
}
/*--Colours for glyphs--*/
.dataFieldContainer.glyph.success:before, .dataFieldContainer.glyph.green:before {
color: #74bd00;
}
.dataFieldContainer.glyph.partialSuccess:before, .dataFieldContainer.glyph.blue:before {
color: #325ea1;
}
.dataFieldContainer.glyph.processing:before, .dataFieldContainer.glyph.orange:before {
color: #f2661f;
}
.dataFieldContainer.glyph.error:before, .dataFieldContainer.glyph.red:before {
color: #E53327;
}
.dataFieldContainer.glyph.darkRed:before {
color: #961a12;
}
.dataFieldContainer.glyph.warning:before, .dataFieldContainer.glyph.yellow:before {
color: #ffc853;
}
.dataFieldContainer.glyph.purple:before {
color: #660066;
}
.dataFieldContainer.glyph.darkBlue:before {
color: #000060;
}
.dataFieldContainer.glyph.teal:before {
color: #1E5E6D;
}
.dataFieldContainer.glyph.darkGreen:before {
color: #00661A;
}
.dataFieldContainer.glyph.gray:before {
color: #c7c7c7;
}
.dataFieldContainer.glyph.darkGray:before {
color: #4b4b4b;
}
/*--Dynamic Summary Container--*/
.thumbnailItem .summaryContainer {
position: relative;
display: inline-block;
float: right;
max-width: 100%;
}
.thumbnailItem .summaryContainer .thumbnailAction {
padding-bottom: 2px;
float: left;
}
.summaryContainer .quantityContainer > label{
padding-right: 10px;
}
/*--Quantity Container--*/
.horizontal .summaryContainer .quantityContainer {
float: left;
}
.compact .summaryContainer .quantityContainer {
float:none;
text-align: right;
margin-bottom: 5px;
}
.summaryContainer .quantityContainer {
padding-bottom: 0;
}
.horizontal .summaryContainer .quantityContainer {
padding-top: 0;
}
.horizontal .thumbnailAction {
float: left;
margin-top: 0;
}
.horizontal .thumbnailAction, .horizontal .buttonGroup {
padding-right: 5px;
}
/*--Hide actions when details panel shown--*/
.hideActions .summaryContainer, .hideActions .thumbnailItem .formActions, .hideActions .thumbnailAction > .favouriteButton {
display: none;
}
/********************************************
Predefined field types
**********************************************/
.hasImage .dataFieldContainer.headingField {
margin-left: 0;
}
.compact .dataFieldContainer.descriptionField {
height: 32px;
}
.horizontal .dataFieldContainer.descriptionField {
min-height: 16px;
}
.dataFieldContainer.headingField .editorField span {
font-weight: 600;
font-size: 1.2em;
line-height: 20px;
font-family: inherit;
text-overflow: ellipsis;
overflow: hidden;
white-space: pre;
display: block;
}
.dataFieldContainer.headingField.doubleHeight .editorField span {
white-space: pre;
}
.dataFieldContainer.subHeadingField .editorField span {
font-weight: 600;
font-size: 1.1em;
}
.thumbnailViewControl.dynamicLayout .defaultCol .editorField {
color: inherit;
}
.thumbnailViewControl .cke_top, .thumbnailViewControl .cke_bottom {
display: none;
}
.thumbnailViewControl .cke, .thumbnailViewControl .cke_inner, .thumbnailViewControl .cke_contents, .thumbnailViewControl iframe {
border: 0;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
background: transparent;
}
.thumbnailItem .richTextControlContainer{
pointer-events: none; /* RichText control hijacks the click events otherwise */
}
/********************************************************************
THUMBNAIL ICON GLYPHS SECTION
*********************************************************************/
.fieldElement.icon .editorField {
padding-right: 10px;
}
.stacked > .fieldElement.icon .editorField {
padding-right: 0;
}
.fieldElement .iconLabel {
float: left;
padding-right: 5px;
}
.fieldElement.hasBkgd .iconLabel {
padding-left: 5px;
}
.fieldElement.icon:before {
display: block;
float: left;
width: 16px;
height: 16px;
margin-right: 5px;
font-family: iconGlyph;
font-size: 16px;
text-align: center;
line-height: 16px;
display: block;
-webkit-font-smoothing: antialiased;
speak: none;
}
.thumbnailViewControl.dynamicLayout .thumbnailItem .nativeLink {
text-decoration: none;
}
/*favourites*/
.thumbnailViewer .thumbnailItem.favEnabled .thumbnailAction{
float: right;
}
.thumbnailItem .favouriteButton {
margin-right: 10px;
float: left;
}
.thumbnailAction > .favouriteButton + .dropDownControlContainer, .compact .favouriteButton + .quantityContainer {
float: left;
}
.compact .favouriteButton + .quantityContainer {
padding-top: 0;
padding-bottom: 0;
}
.hoverViewContainer.imageMissing .thumbnailImg .thumbnailLargeImg,
.hoverViewContainer.imageMissing .imageLoading,
.hoverViewContainer .thumbnailImg .missingImagePlaceholder,
.hoverViewContainer .imageLoading {
display: none;
}
.hoverViewContainer.imageMissing .thumbnailImg .missingImagePlaceholder {
display: block;
position: relative;
margin-left: 50%;
left: -32px;
height: 64px;
width: 64px;
}
.hoverViewContainer.loadingHoverImage .imageLoading{
display: block;
}
.hoverViewContainer.loadingHoverImage .thumbnailImg,
.hoverViewContainer.loadingHoverImage .thumbnailContent {
display: none;
}
.thumbnailItem .imageSection .glyphField{
padding: 0;
}
.thumbnailItem .imageSection .glyphField .editorField{
border-radius: 50%;
line-height: normal;
}
.thumbnailItem .imageSection .glyphField .glyphValue{
display: block;
}
.thumbnailItem.smallImage .imageSection .glyphField .glyphValue{
line-height: 24px;
font-size: 20px;
padding: 4px;
width: 24px;
height: 24px;
}
.thumbnailItem.mediumImage .imageSection .glyphField .glyphValue{
line-height: 48px;
font-size: 40px;
padding: 8px;
width: 48px;
height: 48px;
}
.thumbnailItem.normalImage .imageSection .glyphField .glyphValue{
line-height: 80px;
font-size: 56px;
padding: 8px;
width: 80px;
height: 80px;
}
.thumbnailViewControl.dynamicLayout .addSelCont,
.thumbnailViewControl.dynamicLayout .addRemoveItem {
position: absolute;
top: 10px;
left: 5px;
z-index: 1;
}