/* Minification failed. Returning unminified contents.
(3118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3135,23): run-time error CSS1039: Token not allowed after unary operator: '-ag-widget-vertical-spacing'
(5960,17): run-time error CSS1038: Expected hex color, found '#NaNNaNNaN'
*/
@font-face {
font-family: 'FXAGlyphicon';
src: url('../../Fonts/FXAGlyphicon.eot') format('embedded-opentype'),
url('../../Fonts/FXAGlyphicon.svg') format('svg'),
url('../../Fonts/FXAGlyphicon.ttf') format('truetype'),
url('../../Fonts/FXAGlyphicon.woff') format('woff');
}
.glyph {
font-family: FXAGlyphicon;
}
.glyph__minimizeScreen:before {
content: "\e900";
}
.glyph__maximizeScreen:before {
content: "\e901";
}
.glyph__minimum:before {
content: "\e902";
}
.glyph__maximum:before {
content: "\e903";
}
.glyph__average:before {
content: "\e904";
}
.glyph__countDistinct:before {
content: "\e905";
}
.glyph__count:before {
content: "\e906";
}
.glyph__dashedLine:before {
content: "\e907";
}
.glyph__dottedLine:before {
content: "\e908";
}
.glyph__noLine:before {
content: "\e909";
}
.glyph__solidLine:before {
content: "\e90a";
}
.glyph__bubbleSeries:before {
content: "\e910";
}
.glyph__barSeries:before {
content: "\e911";
}
.glyph__lineSeries:before {
content: "\e912";
}
.glyph__areaSeries:before {
content: "\e913";
}
.glyph__dashboard2:before {
content: "\e914";
}
.glyph__append:before {
content: "\e915";
}
.glyph__replace:before {
content: "\e916";
}
.glyph__pythonScript:before {
content: "\e917";
}
.glyph__rScript:before {
content: "\e918";
}
.glyph__dmSetting:before {
content: "\e919";
}
.glyph__dtHour:before {
content: "\e920";
}
.glyph__dtMinute:before {
content: "\e921";
}
.glyph__dtSecond:before {
content: "\e922";
}
.glyph__dtYear:before {
content: "\e923";
}
.glyph__dtMonth:before {
content: "\e924";
}
.glyph__dtDay:before {
content: "\e925";
}
.glyph__dtQuater:before {
content: "\e926";
}
.glyph__dtDefault:before {
content: "\e927";
}
.glyph__diamond:before {
content: "\e928";
}
.glyph__donut:before {
content: "\e929";
}
.glyph__square:before {
content: "\e930";
}
.glyph__star:before {
content: "\e931";
}
.glyph__triangle:before {
content: "\e932";
}
.glyph__semiTransparent:before {
content: "\e933";
}
.glyph__link:before {
content: "\ea000";
}
.glyph__minimize:before {
content: "\ea001";
}
.glyph__maximize:before {
content: "\ea002";
}
.glyph__collapse:before {
content: "\ea003";
}
.glyph__expand:before {
content: "\ea004";
}
.glyph__prev:before {
content: "\ea005";
}
.glyph__next:before {
content: "\ea006";
}
.glyph__arrowUp:before {
content: "\ea007";
}
.glyph__arrowDown:before {
content: "\ea008";
}
.glyph__arrowPrev:before {
content: "\ea009";
}
.glyph__arrowNext:before {
content: "\ea010";
}
.glyph__check:before {
content: "\ea011";
}
.glyph__uncheckedBox:before {
content: "\ea012";
}
.glyph__checkedBox:before {
content: "\ea013";
}
.glyph__delete:before {
content: "\ea014";
}
.glyph__back:before {
content: "\ea015";
}
.glyph__forward:before {
content: "\ea016";
}
.glyph__preview:before {
content: "\ea017";
}
.glyph__search:before {
content: "\ea018";
}
.glyph__switch:before {
content: "\ea020";
}
.glyph__edit:before {
content: "\ea021";
}
.glyph__tilesview:before {
content: "\ea022";
}
.glyph__listview:before {
content: "\ea023";
}
.glyph__template:before {
content: "\ea024";
}
.glyph__bookmark:before {
content: "\ea025";
}
.glyph__settings:before {
content: "\ea026";
}
.glyph__webLink:before {
content: "\ea027";
}
.glyph__pin:before {
content: "\ea028";
}
.glyph__microphone:before {
content: "\ea029";
}
.glyph__alert:before {
content: "\ea030";
}
.glyph__update:before {
content: "\ea031";
}
.glyph__windowsAuthentication:before {
content: "\ea032";
}
.glyph__nonWindowsAuthentication:before {
content: "\ea033";
}
.glyph__circle:before {
content: "\ea034";
}
.glyph__checkTick:before {
content: "\ea035";
}
.glyph__workflowIndicator:before {
content: "\ea036";
}
.glyph__excel:before {
content: "\ea037";
}
.glyph__table:before {
content: "\ea038";
}
.glyph__measurement:before {
content: "\ea039";
}
.glyph__measurementString:before {
content: "\ea040";
}
.glyph__dimension:before {
content: "\ea041";
}
.glyph__dimensionDatetime:before {
content: "\ea042";
}
.glyph__ssas:before {
content: "\ea043";
}
.glyph__bigData:before {
content: "\ea044";
}
.glyph__mssql:before {
content: "\ea045";
}
.glyph__addBinding:before {
content: "\ea046";
}
.glyph__filter:before {
content: "\ea047";
}
.glyph__alphabets:before {
content: "\ea048";
}
.glyph__numerics:before {
content: "\ea049";
}
.glyph__alphaNumerics:before {
content: "\ea050";
}
.glyph__dashboard:before {
content: "\ea051";
}
.glyph__drillDown:before {
content: "\ea052";
}
.glyph__drillUp:before {
content: "\ea053";
}
.glyph__plus:before {
content: "\ea054";
}
.glyph__minus:before {
content: "\ea055";
}
.glyph__drillDownShow:before {
content: "\ea056";
}
.glyph__addNew:before {
content: "\eb000";
}
.glyph__open:before {
content: "\eb001";
}
.glyph__save:before {
content: "\eb002";
}
.glyph__saveAs:before {
content: "\eb003";
}
.glyph__share:before {
content: "\eb004";
}
.glyph__print:before {
content: "\eb005";
}
.glyph__export:before {
content: "\eb006";
}
.glyph__close:before {
content: "\eb007";
}
.glyph__desktop:before {
content: "\eb008";
}
.glyph__mobile:before {
content: "\eb009";
}
.glyph__tablet:before {
content: "\eb010";
}
.glyph__option:before {
content: "\eb011";
}
.glyph__language:before {
content: "\eb012";
}
.glyph__glossary:before {
content: "\eb013";
}
.glyph__tools:before {
content: "\eb014";
}
.glyph__info:before {
content: "\eb015";
}
.glyph__password:before {
content: "\eb016";
}
.glyph__passwordPin:before {
content: "\eb017";
}
.glyph__profile:before {
content: "\eb018";
}
.glyph__logout:before {
content: "\eb019";
}
.glyph__menuCollapse:before {
content: "\eb020";
}
.glyph__menuExpand:before {
content: "\eb021";
}
.glyph__changeChart:before {
content: "\eb022";
}
.glyph__addToFolio:before {
content: "\eb023";
}
.glyph__addToLibrary:before {
content: "\eb024";
}
.glyph__menu:before {
content: "\eb025";
}
.glyph__more:before {
content: "\eb026";
}
.glyph__changeColorPalette:before {
content: "\eb027";
}
.glyph__radioUnchecked:before {
content: "\eb028";
}
.glyph__radioChecked:before {
content: "\eb029";
}
.glyph__pencil:before {
content: "\eb030";
}
.glyph__upload:before {
content: "\eb031";
}
.glyph__logo:before {
content: "\ee000";
}
.glyph__searchChart:before {
content: "\ef000";
}
.glyph__editChart:before {
content: "\ef001";
}
.glyph__dragData:before {
content: "\ef003";
}
.glyph__editDashboard:before {
content: "\ef004";
}
.glyph__dragDatatoArea:before {
content: "\ef005";
}
.glyph__gear1:before {
content: "\ef006";
}
.glyph__gear2:before {
content: "\ef007";
}
.glyph__gear3:before {
content: "\ef008";
}
.glyph__checkbox:before {
content: "\ef009";
}
.glyph__date:before {
content: "\ef00f";
}
.glyph__datetime:before {
content: "\ef011";
}
.glyph__email:before {
content: "\ef012";
}
.glyph__number:before {
content: "\ef013";
}
.glyph__radio:before {
content: "\ef014";
}
.glyph__select:before {
content: "\ef015";
}
.glyph__text:before {
content: "\ef016";
}
.glyph__textarea:before {
content: "\ef017";
}
.glyph__time:before {
content: "\ef018";
}
.glyph__leftJoin:before {
content: "\e92a";
}
.glyph__rightJoin:before {
content: "\e93b";
}
.glyph__innerJoin:before {
content: "\ef023";
}
.glyph__decimal:before {
content: "\e938";
}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);}60%{opacity:1;-webkit-transform:translateY(-30px);}80%{-webkit-transform:translateY(10px);}100%{-webkit-transform:translateY(0);}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px);}60%{opacity:1;-moz-transform:translateY(-30px);}80%{-moz-transform:translateY(10px);}100%{-moz-transform:translateY(0);}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px);}60%{opacity:1;-o-transform:translateY(-30px);}80%{-o-transform:translateY(10px);}100%{-o-transform:translateY(0);}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px);}60%{opacity:1;transform:translateY(-30px);}80%{transform:translateY(10px);}100%{transform:translateY(0);}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp;}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);}20%{opacity:1;-webkit-transform:translateY(20px);}100%{opacity:0;-webkit-transform:translateY(-2000px);}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0);}20%{opacity:1;-moz-transform:translateY(20px);}100%{opacity:0;-moz-transform:translateY(-2000px);}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0);}20%{opacity:1;-o-transform:translateY(20px);}100%{opacity:0;-o-transform:translateY(-2000px);}}@keyframes bounceOutUp{0%{transform:translateY(0);}20%{opacity:1;transform:translateY(20px);}100%{opacity:0;transform:translateY(-2000px);}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp;}@-webkit-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@-moz-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@-o-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash;}@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@-moz-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@-o-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px);}100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-20px);}100%{opacity:1;-ms-transform:translateY(0);}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);}100%{opacity:1;transform:translateY(0);}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
/*rgb(26,179,148);*/
/*being use by header*/
/*spinners*/
/*base on @font-color-lighter*/
/*value to be decided*/
/*value to be decided*/
/*value to be decided*/
/*value to be decided*/
/*value to be decided*/
/*value to be decided*/
/*same usage, different section*/
/*same usage, different section*/
/*same usage, different section*/
/*same usage, same section, difference importance*/
html {
height: 100%;
/*overflow: hidden;*/
}
body {
margin: 0;
overflow: auto;
position: relative;
height: 100%;
font-family: "Montserrat", 'Helvetica Neue', Helvetica, Arial, sans-serif;
/*color: #fff;
font-size: 20px;*/
/*-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;*/
}
span {
margin: 0;
padding: 0;
}
input,
textarea,
keygen,
select,
button {
color: inherit;
display: block;
font-size: inherit;
}
/*remove blue border on content editable items*/
[contenteditable]:focus {
outline: 0 solid transparent;
}
/*Utilties*/
.flex-new-line {
width: 100%;
}
@media only screen and (min-width: 768px) {
body {
/*overflow: hidden;*/
}
}
/**/
/**
Generic action menu handling
Button->Toggling of action menu
Example: AddFilter Popout
*/
.action-menu {
position: fixed;
height: 310px;
max-width: 350px;
width: 100%;
padding: 5px 0 0 5px;
border-radius: 3px;
z-index: 999;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.action-menu--dialog {
position: fixed !important;
width: 100%;
max-width: 350px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) {
.action-menu {
position: absolute;
height: 310px;
width: 350px;
top: auto;
left: auto;
transform: translate(0, 0);
}
.action-menu--dialog {
/*top: auto;
left: auto;
.transform(~"translate(-38%, 0)");*/
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
@media only screen and (min-width: 1200px) {
.action-menu--dialog {
/*top: auto;
left: auto;
.transform(~"translate(0, 0)");*/
}
}
.button {
height: 100%;
text-align: center;
cursor: pointer;
border-radius: 3px;
border: 1px solid;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.button--light {
color: #000;
background: #fff;
border-color: #fff;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.button--light .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
pointer-events: none;
}
.button--light:hover {
background-color: #d9d9d9;
border-color: #d9d9d9;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.button--transparent {
color: #000;
background: #fff;
border-color: #e7eaec;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.button--transparent .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(0, 0, 0, 0.5);
pointer-events: none;
}
.button--transparent:hover {
background-color: #d9d9d9;
border-color: #bcc5ca;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.button--blue {
color: #fff;
background: #158eff;
border-color: #158eff;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.button--blue .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(255, 255, 255, 0.5);
pointer-events: none;
}
.button--blue:hover {
background-color: #0067c7;
border-color: #0067c7;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.button--red {
color: #fff;
background: #de5050;
border-color: #de5050;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.button--red .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(255, 255, 255, 0.5);
pointer-events: none;
}
.button--red:hover {
background-color: #be2424;
border-color: #be2424;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.button--green {
color: #fff;
background: #00acac;
border-color: #00acac;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.button--green .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(255, 255, 255, 0.5);
pointer-events: none;
}
.button--green:hover {
background-color: #005f60;
border-color: #005f60;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.button--grey {
color: #626262;
background: #e9e9e9;
border-color: #e9e9e9;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.button--grey .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(255, 255, 255, 0.5);
pointer-events: none;
}
.button--grey:hover {
background-color: #c2c2c2;
border-color: #c2c2c2;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.button--dark {
color: #ffffff;
background: #656565;
border-color: #656565;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.button--dark .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(255, 255, 255, 0.5);
pointer-events: none;
}
.button--dark:hover {
background-color: #3f3f3f;
border-color: #3f3f3f;
}
.button--shadow {
box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.85);
}
.button--large {
height: 40px;
font-size: 0.729vw;
line-height: 40px;
padding: 0 30px;
}
.button--medium {
height: 30px;
font-size: 13px;
line-height: 30px;
padding: 0 30px;
}
.button--round--large {
border-radius: 50%;
width: 40px;
text-align: center;
padding: 0;
}
.button--round--medium {
border-radius: 50%;
width: 30px;
text-align: center;
padding: 0;
}
.switch,
.switch * {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
.switch label {
cursor: pointer;
}
/* Remove default checkbox */
.switch label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0;
}
/* switch lever body */
.switch label .switch-lever {
display: inline-block;
position: relative;
transition: background 0.3s ease;
vertical-align: middle;
}
/* unchecked switch toggle */
.switch label .switch-lever:after {
content: "";
position: absolute;
display: inline-block;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
left: -5px;
top: -3px;
transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}
/* label */
.switch label label {
vertical-align: middle;
position: relative;
}
/*Convert from modifier naming conveotion to variable naming convention*/
/* switch lever body color */
.switch--green label input[type=checkbox]:checked + .switch-lever {
background-color: #61dad1;
}
/* switch toggle body color */
.switch--green label input[type=checkbox]:checked + .switch-lever:after {
background-color: #00acac;
}
/* switch lever body */
.switch--green label .switch-lever {
background-color: #818181;
}
/* unchecked switch toggle */
.switch--green label .switch-lever:after {
background-color: #F1F1F1;
}
/*Convert from modifier naming conveotion to variable naming convention*/
/* switch lever body color */
.switch--blue label input[type=checkbox]:checked + .switch-lever {
background-color: #76bcff;
}
/* switch toggle body color */
.switch--blue label input[type=checkbox]:checked + .switch-lever:after {
background-color: #158eff;
}
/* switch lever body */
.switch--blue label .switch-lever {
background-color: #818181;
}
/* unchecked switch toggle */
.switch--blue label .switch-lever:after {
background-color: #F1F1F1;
}
/*Convert from modifier naming conveotion to variable naming convention*/
/* switch lever body color */
.switch--red label input[type=checkbox]:checked + .switch-lever {
background-color: #ff7e75;
}
/* switch toggle body color */
.switch--red label input[type=checkbox]:checked + .switch-lever:after {
background-color: #de5050;
}
/* switch lever body */
.switch--red label .switch-lever {
background-color: #818181;
}
/* unchecked switch toggle */
.switch--red label .switch-lever:after {
background-color: #F1F1F1;
}
/* switch toggle body color */
.switch--medium label input[type=checkbox]:checked + .switch-lever:after {
left: 24px;
}
/* switch lever body */
.switch--medium label .switch-lever {
width: 40px;
height: 15px;
border-radius: 15px;
margin-right: 10px;
}
/* unchecked switch toggle */
.switch--medium label .switch-lever:after {
width: 21px;
height: 21px;
border-radius: 21px;
left: -5px;
top: -3px;
}
/* label */
.switch--medium label label {
top: 0;
}
/* switch toggle body color */
.switch--large label input[type=checkbox]:checked + .switch-lever:after {
left: 23px;
}
/* switch lever body */
.switch--large label .switch-lever {
width: 40px;
height: 15px;
border-radius: 15px;
margin-right: 10px;
margin-top: 10px;
margin-left: 10px;
}
/* unchecked switch toggle */
.switch--large label .switch-lever:after {
width: 30px;
height: 30px;
border-radius: 30px;
left: -15px;
top: -8px;
}
/* label */
.switch--large label label {
top: 4px;
}
.badge {
text-align: center;
border-radius: 35px;
display: inline-block;
overflow: hidden;
transition: all 0.3s ease-out;
-webkit-tap-highlight-color: transparent;
cursor: default;
}
.badge-right {
float: right;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.badge--blue {
color: #fff;
background: #158eff;
border-color: #158eff;
}
.badge--blue:hover {
background-color: #0067c7;
border-color: #0067c7;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.badge--red {
color: #fff;
background: #de5050;
border-color: #de5050;
}
.badge--red:hover {
background-color: #be2424;
border-color: #be2424;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.badge--green {
color: #fff;
background: #00acac;
border-color: #00acac;
}
.badge--green:hover {
background-color: #005f60;
border-color: #005f60;
}
.badge--shadow {
box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.85);
}
.badge--medium {
padding: 7px;
height: 25px;
min-width: 25px;
font-size: 12px;
line-height: 12px;
}
.badge--large {
padding: 11px;
height: 27px;
min-width: 27px;
font-size: 13px;
line-height: 13px;
}
/*precalculate value base on 22px*/
.check-box {
padding-top: 0.31vh;
}
.check-box__input {
display: none;
}
.check-box__input:checked + label,
.check-box__input:not(:checked) + label {
font-size: 0.677vw;
cursor: pointer;
position: relative;
padding-left: 1.563vw;
}
.check-box__input + label:before,
.check-box__input + label:after {
font-family: FXAGlyphicon;
font-size: 0.938vw;
line-height: 6.192vh;
position: absolute;
left: 0;
}
.check-box__input:checked + label:before {
content: "\ea012";
}
.check-box__input:not(:checked) + label:before {
content: "\ea012";
}
.check-box__input + label:after {
content: "\ea013";
transition: all 0.3s ease 0s;
overflow: hidden;
}
.check-box__input:checked + label:after {
opacity: 1;
width: 18px;
}
.check-box__input:not(:checked) + label:after {
opacity: 0;
width: 0;
}
.dropzone * {
pointer-events: none;
}
.dropzone-file {
display: none;
}
.dropzone-error {
margin: 15px auto 10px;
max-width: 550px;
}
.dropzone-error__message {
font-size: 12px;
font-weight: 600;
white-space: normal;
color: #626262;
margin-bottom: 8px;
}
.dropzone-error__details {
font-size: 12px;
font-weight: 600;
color: #626262;
border: solid 1px #e7eaec;
overflow: auto;
display: block;
text-align: left;
margin-bottom: 0;
padding: 0;
opacity: 0;
background: #f8f8f8;
transition: all 0.5s ease 0s;
-ms-word-wrap: break-word;
word-wrap: break-word;
white-space: normal;
}
.dropzone-error__details--expanded {
height: 120px;
margin-bottom: 10px;
padding: 5px;
opacity: 1;
}
.dropzone--haveFile .dropzone-instruction {
display: none;
}
.dropzone--haveFile .dropzone-file {
display: block;
}
.portfolio__workspace {
padding: 20px 0;
position: relative;
width: 750px;
max-width: 100%;
max-height: 90%;
}
.portfolio__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.portfolio__wrapper {
padding: 20px 5px;
}
.portfolio__wrapper .portfolio__card:first-child {
margin-bottom: 20px;
}
.portfolio__content {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
padding: 20px;
height: 100%;
}
.portfolio__row {
margin-bottom: 15px;
}
.portfolio__column {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.portfolio__label {
font-size: 18px;
font-weight: 300;
}
.portfolio__textarea {
display: block;
width: 100%;
height: 100px;
outline: none;
padding: 5px 10px;
font-size: 15px;
color: #616161;
border: 1px solid #d7d7d7;
border-radius: 1px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
resize: none;
}
.portfolio__multiselect-container .chosen-container {
width: 100% !important;
}
.portfolio__multiselect-container .chosen-container-multi .chosen-choices {
height: 100px !important;
padding: 5px !important;
border: solid 1px #d7d7d7 !important;
background-image: none !important;
overflow: auto;
}
.portfolio__dropdown-container {
height: 40px;
line-height: 40px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
}
.portfolio__counter-row {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.portfolio__counter {
background-color: #e6e6e6;
border-radius: 3px;
font-size: 13px;
padding: 0 10px;
margin: 0 5px;
}
.portfolio__error {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
border: solid 1px #ce909d;
background-color: #fbdbe2;
border-radius: 3px;
height: auto;
padding: 10px 5px 10px;
}
.portfolio__error-value {
font-size: 13px;
color: #b56464;
}
.portfolio__card {
color: #626262;
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.portfolio__card-header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
border: solid #e7eaec;
border-width: 4px 0 1px 0;
padding: 0 15px;
width: 100%;
height: 45px;
}
.portfolio__card-title {
color: #878787;
font-weight: bold;
font-size: 13px;
}
.portfolio__card-date {
color: #a19f9f;
font-weight: bold;
font-size: 10px;
padding-left: 5px;
}
.portfolio__card-message {
font-size: 24px;
color: #a19f9f;
text-align: center;
}
.portfolio__card-summary {
padding: 20px 40px 0 40px;
font-size: 15px;
font-weight: bold;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
flex-direction: row;
}
.portfolio__card-summary-detail {
/*display: -webkit-box;*/
display: flex;
width: 100%;
}
.portfolio__card-summary-text {
padding: 0 10px;
}
.portfolio__card-table {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
height: 300px;
padding: 20px;
}
.portfolio__table {
height: 100%;
}
.portfolio__description {
font-size: 13px;
white-space: normal;
max-height: 135px;
overflow: auto;
}
.portfolio__card-content {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
}
.portfolio__card-content .portfolio__label {
font-size: 13px;
}
.portfolio__card-row {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.portfolio__card-detail {
-ms-flex-positive: 0.5;
-ms-flex-negative: 0.5;
-ms-flex-preferred-size: 0;
flex-grow: 0.5;
flex-shrink: 1;
flex-basis: 0;
flex: 0.5 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
padding: 20px;
}
.portfolio__card-label {
font-size: 15px;
color: #4773af;
height: 25px;
line-height: 25px;
}
.portfolio__card-icon {
font-size: 13px;
width: 20px;
line-height: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
margin-left: 5px;
}
.portfolio__card-chart {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
@media only screen and (min-width: 768px) {
.portfolio__workspace {
padding: 20px 30px;
height: 100%;
width: 100%;
}
.portfolio__wrapper {
padding: 20px 30px;
}
}
.portfolio__row.portfolio__row--disabled .text-box {
background-color: #ebebeb;
}
.portfolio__row.portfolio__row--disabled .text-box .text-box__input > input {
color: #a19f9f;
}
.profile {
font-size: 13px;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
}
.profile__image {
border-radius: 50%;
}
.profile__photo-small {
cursor: pointer;
height: 60px;
width: 60px;
font-size: 50px;
line-height: 48px;
align-self: center;
box-shadow: 0 0 0 3px rgba(181, 181, 181, 0.6);
}
.profile__name {
color: #ebebeb;
font-weight: 600;
font-size: 13px;
margin-top: 10px;
text-align: center;
}
.profile__description {
color: #878787;
font-size: 13px;
}
.profile__menu-toggle {
/*display: -webkit-box;*/
display: flex;
align-self: center;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
cursor: pointer;
}
.profile__menu-toggle:hover {
color: #ebebeb;
}
.profile__menu-user-icon {
color: #878787;
}
.profile__menu-icon {
margin: 0 5px;
}
.profile__menu-icon .fa {
width: 12px;
height: 12px;
text-align: center;
}
.profile__menu-counter {
float: right;
background-color: #f1cc5c;
color: #ffffff;
font-size: 13px;
padding: 2px 5px;
}
.profile__menu {
position: absolute;
background-color: #ffffff;
width: 160px;
margin-top: 5px;
font-size: 13px;
text-align: center;
box-shadow: 2px 3px 16px -4px rgba(0, 0, 0, 0.85);
animation: fadeInDown 1s ease 0s;
/*specially modified to allow the ripple effect to extend the whole width of the menu-item*/
}
.profile__menu .button {
border-radius: 0;
}
.profile__menu .button--light {
display: block;
width: 100%;
border: none;
}
.profile__menu-item {
padding: 10px 15px;
cursor: pointer;
color: #626262;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.profile__menu-item:hover {
background-color: rgba(235, 235, 235, 0.6);
}
.profile__menu-user {
text-align: left;
}
.profile__menu-seperator {
border-bottom: dotted 1px #a19f9f;
}
.profile__arrow-box {
background-color: #ffffff;
}
.profile__arrow-box:after,
.profile__arrow-box:before {
top: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
transform: translate(-5px, 0);
}
.profile__arrow-box:after {
width: 0;
height: 0;
border-style: solid;
border-width: 20px 80px 0 80px;
border-color: #ffffff transparent transparent transparent;
transform: translate(-80px, 0);
}
.profile__settings {
position: relative;
}
.profile__menu-user--selected {
background-color: #e6e6e6;
font-weight: 600;
}
.profile__menu-user--selected:hover {
background-color: #e6e6e6;
}
.side-menu {
position: fixed;
top: 0;
width: 220px;
height: 100%;
color: #a19f9f;
background-color: #233646;
transform: translate(-100%, 0);
transition: transform 1s ease 0s;
z-index: 3;
}
.side-menu-list {
list-style: none;
height: 100%;
padding: 0;
overflow-y: auto;
}
.side-menu__header {
padding: 45px 30px;
}
.side-menu-nested {
padding: 0;
width: 220px;
list-style-type: none;
}
.side-menu-nested .menu-item {
font-weight: 100;
color: #a19f9f;
}
.side-menu-nested::-webkit-scrollbar {
width: 10px;
}
.side-menu-nested::-webkit-scrollbar-track {
background: #2f4050;
}
.side-menu-nested::-webkit-scrollbar-thumb {
background-color: #a19f9f;
border-radius: 4px;
border: 3px solid #2f4050;
}
.side-menu__item,
.side-menu-nested__item {
display: block;
background-color: #2f4050;
color: #a19f9f;
cursor: pointer;
box-shadow: inset 0 0 0 0 #293846;
transition: all 0.3s ease 0s;
}
.side-menu__item:hover,
.side-menu-nested__item:hover {
border-left: 4px solid #00acac;
color: #ffffff;
box-shadow: inset 220px 0 0 0 #293846;
transition: all 0.3s ease 0s;
font-weight: 600;
}
.side-menu__toggler {
color: #ffffff;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: 42px;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 42px;
flex: 0 0 42px;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
align-self: center;
width: 42px;
height: 34px;
line-height: 34px;
display: block;
border-radius: 3px;
text-align: center;
cursor: pointer;
font-size: 15px;
}
.side-menu__toggler:hover {
color: #ffffff;
}
.side-menu__parent,
.side-menu-nested__parent {
/*display: -webkit-box;*/
display: flex;
}
.side-menu__parent-item,
.side-menu-nested__parent-item {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.side-menu__parent-item .menu-item__label,
.side-menu-nested__parent-item .menu-item__label {
max-width: 140px;
}
.side-menu__parent-item .menu-item,
.side-menu-nested__parent-item .menu-item {
padding-right: 0;
}
.side-menu__parent-toggle {
margin-right: 15px;
align-self: center;
transition: all 0.5s ease 0s;
}
.side-menu .menu-item {
margin-left: 20px;
font-weight: 100;
color: #a19f9f;
font-size: 12px;
}
.side-menu .menu-item:hover {
font-weight: 600;
color: #ffffff;
transition: all 0.3s ease 0s;
}
.menu-item__icon {
height: 20px;
line-height: 20px;
}
.side-menu-nested__wrapper {
position: absolute;
z-index: 999;
transition: .3s;
}
.side-menu-nested__wrapper side-menu-nested-item {
position: absolute;
z-index: 999;
left: 220px;
margin-left: 2px;
transition: .3s;
margin-top: -50px;
}
.side-menu__item--selected,
.side-menu-nested__item--selected {
border-left: 4px solid #00acac;
background-color: #293846;
color: #ffffff;
}
.side-menu__item--selected .menu-item,
.side-menu-nested__item--selected .menu-item {
color: #ffffff;
}
.side-menu__item-haschildren .side-menu__item--selected {
border-left: none;
}
.tasker {
width: 300px;
position: fixed;
top: 60px;
right: 0;
bottom: 0;
background-color: #f8f8f8;
border: 1px solid #e7eaec;
overflow: auto;
transform: translateX(100%);
transition: all 1s ease 0s;
z-index: 1000;
}
.tasker__header {
height: 60px;
line-height: 20px;
color: #626262;
font-size: 18px;
font-weight: 600;
padding: 20px;
}
.tasker__jobRecords {
background-color: #ffffff;
}
.tasker__jobRecords .tasker__jobRecord:nth-child(even) > .job-record {
background-color: #f8f8f8;
}
.tasker__jobRecords .tasker__jobRecord:nth-child(odd) > .job-record {
background-color: #ffffff;
}
.tasker__jobRecord > .job-record {
width: 100%;
min-height: 80px;
padding: 15px 20px;
box-sizing: border-box;
}
.tasker--scrolled {
top: 0;
}
.tasker--expanded {
transform: translateX(0);
box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.85);
}
/*
* Usage:
*
*
*
*/
.sk-chasing-dots {
margin: 80px auto;
width: 80px;
height: 80px;
position: relative;
text-align: center;
animation: sk-chasingDotsRotate 2s infinite linear;
}
.sk-chasing-dots .sk-child {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #158eff;
border-radius: 100%;
animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}
.sk-chasing-dots .sk-dot2 {
top: auto;
bottom: 0;
animation-delay: -1s;
}
@keyframes sk-chasingDotsRotate {
100% {
transform: rotate(360deg);
}
}
@keyframes sk-chasingDotsBounce {
0%,
100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
/*
* Usage:
*
*
*
*/
.sk-three-bounce {
margin: 40px auto;
width: 80px;
text-align: center;
}
.sk-three-bounce .sk-child {
width: 8px;
height: 8px;
background-color: #787b7d;
border-radius: 100%;
display: inline-block;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce1 {
animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce2 {
animation-delay: -0.16s;
}
@keyframes sk-three-bounce {
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.spinner {
width: 40px;
height: 40px;
position: relative;
margin: 100px auto;
}
.double-bounce1,
.double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #a19f9f;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-three-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
animation-delay: -1s;
}
@keyframes sk-bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-cube-grid {
/*
* Spinner positions
* 1 2 3
* 4 5 6
* 7 8 9
*/
}
.sk-spinner-cube-grid.sk-spinner {
width: 80px;
height: 80px;
margin: 80px auto;
position: relative;
}
.sk-spinner-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: #158eff;
float: left;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-spinner-cube-grid .sk-cube:nth-child(1) {
animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(2) {
animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(3) {
animation-delay: 0.4s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(4) {
animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(5) {
animation-delay: 0.2s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(6) {
animation-delay: 0.3s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(7) {
animation-delay: 0s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(8) {
animation-delay: 0.1s;
}
.sk-spinner-cube-grid .sk-cube:nth-child(9) {
animation-delay: 0.2s;
}
@keyframes sk-cubeGridScaleDelay {
0%,
70%,
100% {
transform: scale3D(1, 1, 1);
}
35% {
transform: scale3D(0, 0, 1);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-three-bounce.sk-spinner {
margin: 80px auto;
width: 100px;
position: relative;
text-align: center;
}
.sk-spinner-three-bounce div {
width: 25px;
height: 25px;
background-color: #158eff;
border-radius: 100%;
display: inline-block;
animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
animation-fill-mode: both;
}
.sk-spinner-three-bounce .sk-bounce1 {
animation-delay: -0.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
animation-delay: -0.16s;
}
@keyframes sk-threeBounceDelay {
0%,
80%,
100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
/*
* Usage:
*
*
*
*/
.sk-spinner-three-bounce-alert.sk-spinner {
margin: 33px auto;
width: 80px;
position: relative;
text-align: center;
}
.sk-spinner-three-bounce-alert div {
width: 15px;
height: 15px;
background-color: #158eff;
border-radius: 100%;
display: inline-block;
animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
animation-fill-mode: both;
}
.sk-spinner-three-bounce-alert .sk-bounce1 {
animation-delay: -0.32s;
}
.sk-spinner-three-bounce-alert .sk-bounce2 {
animation-delay: -0.16s;
}
.tab {
text-align: center;
height: 100%;
color: rgba(255, 255, 255, 0.4);
transition: all 0.3s ease 0s;
}
.tab__indicator {
border-bottom: 3px solid #ffffff;
transition: all 0.3s ease 0s;
}
.tab--50 > .tab,
.tab--50 .tab__indicator {
float: left;
width: 50%;
}
.tab--selected {
color: #ffffff;
}
.text-box {
border: 1px solid #7c828f;
border-radius: 1px;
position: relative;
height: 4.128vh;
line-height: 4.128vh;
color: #7c828f;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
transition: border 0.3s ease 0s;
}
.text-box__icon {
padding: 0 10px;
height: 100%;
width: 30px;
font-size: 24px;
float: left;
box-sizing: content-box;
}
.text-box__input {
height: 100%;
overflow: hidden;
}
.text-box__input > input {
width: 100%;
height: 100%;
line-height: 100%;
font-size: 0.938vw;
border: none;
outline: none;
padding-left: 0.521vw;
background: transparent;
box-sizing: border-box;
}
.text-box__input > textarea {
width: 100%;
height: 100%;
line-height: 100%;
font-size: 18px;
border: none;
outline: none;
padding-left: 10px;
padding-top: 10px;
background: transparent;
box-sizing: border-box;
}
.text-box__validation {
/*display: -webkit-box;*/
display: flex;
}
.text-box__validation .text-box__input {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.text-box__validation .text-box__validation-icon {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-direction: column;
}
.text-box__validation .text-box__validation-icon > i {
font-size: 20px;
margin-right: 10px;
}
.text-box--required {
border: 1px solid #f5db8b;
}
.text-box--focused {
border: 1px solid #aac2ec;
}
.text-box--error {
border: 1px solid #ce909d;
}
.text-box--disabled {
border: 1px solid #dde1e8;
}
.text-box__validation-icon--valid {
color: #00acac;
}
.text-box__validation-icon--invalid {
color: #ec909d;
}
.text-box--right .text-box__icon {
float: right;
direction: rtl;
}
.text-box--right .text-box__input {
float: left;
width: calc(100% - 30px - 20px);
}
.text-box--white {
background-color: #ffffff;
color: #626262;
border-color: #d7d7d7;
}
.text-box--transparent {
border: 0;
}
.text-box__icon--pointer {
cursor: pointer;
}
.text-box .icon-right {
float: right;
height: 20px;
width: 20px;
font-size: 20px;
right: 10px;
top: -30px;
position: relative;
color: #a9a9a9;
}
/* Remove default checkbox */
.check-box2:not(:checked),
.check-box2:checked {
position: absolute;
left: -9999px;
}
/* unchecked checkbox aspect */
.check-box2:not(:checked) + label,
.check-box2:checked + label {
position: relative;
cursor: pointer;
display: inline-block;
}
/* checkbox aspect */
.check-box2 + label:before {
content: '';
position: absolute;
margin-top: 2px;
left: 0;
z-index: 0;
border-radius: 1px;
background-clip: padding-box;
transition: 0.2s;
}
/* Unchecked checkbox aspect */
.check-box2.check-box2-filled + label:before,
.check-box2.check-box2-filled + label:after {
content: '';
left: 0;
position: absolute;
/* .1s delay is for check animation */
transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
z-index: 1;
}
/* Unchecked checkbox tick transition */
.check-box2.check-box2-filled:not(:checked) + label:before {
width: 0;
height: 0;
border: 3px solid transparent;
left: 6px;
top: 10px;
transform: rotateZ(37deg);
transform-origin: 100% 100%;
}
/* Checked checkbox tick styling and shaping */
.check-box2.check-box2-filled:checked + label:before {
top: 0;
left: 0;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotateZ(37deg);
transform-origin: 100% 100%;
}
.check-box2.check-box2-filled:checked + label:after {
top: 0;
z-index: 0;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.check-box2--blue:not(:checked) + label:after {
background-color: transparent;
border-color: #158eff;
}
.check-box2--blue:checked + label:after {
background-color: #158eff;
border-color: #158eff;
}
.check-box2--blue.tabbed:focus + label:after {
border-color: #158eff;
}
.check-box2--blue.sandbox__checkbox-filled.tabbed:checked:focus + label:after {
background-color: #158eff;
border-color: #158eff;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.check-box2--green:not(:checked) + label:after {
background-color: transparent;
border-color: #00acac;
}
.check-box2--green:checked + label:after {
background-color: #00acac;
border-color: #00acac;
}
.check-box2--green.tabbed:focus + label:after {
border-color: #00acac;
}
.check-box2--green.sandbox__checkbox-filled.tabbed:checked:focus + label:after {
background-color: #00acac;
border-color: #00acac;
}
.check-box2.check-box2-filled + label:after {
border-radius: 2px;
}
.check-box2.tabbed:focus + label:after {
border-radius: 2px;
background-color: rgba(0, 0, 0, 0.1);
}
.check-box2.check-box2-filled.tabbed:checked:focus + label:after {
border-radius: 2px;
}
.check-box2--medium:not(:checked) + label,
.check-box2--medium:checked + label {
padding-left: 35px;
}
.check-box2--medium:not(:checked) + label:after {
background-color: #fff;
height: 20px;
width: 20px;
border-width: 2px;
border-style: solid;
}
.check-box2--medium.check-box2-filled:checked + label:before {
height: 13px;
width: 8px;
}
.check-box2--medium:checked + label:after {
height: 20px;
width: 20px;
border-width: 2px;
border-style: solid;
}
.check-box2--large:not(:checked) + label,
.check-box2--large:checked + label {
padding-left: 45px;
line-height: 35px;
}
.check-box2--large:not(:checked) + label:after {
background-color: #fff;
height: 30px;
width: 30px;
border-width: 2px;
border-style: solid;
}
.check-box2--large.check-box2-filled:checked + label:before {
height: 20px;
width: 12px;
}
.check-box2--large:checked + label:after {
height: 30px;
width: 30px;
border-width: 2px;
border-style: solid;
}
/* remove default radio */
.radio:not(:checked),
.radio:checked {
position: absolute;
left: -9999px;
opacity: 0;
}
.radio:not(:checked) + label,
.radio:checked + label {
position: relative;
cursor: pointer;
display: inline-block;
transition: .28s ease;
/* webkit (konqueror) browsers */
-webkit-user-select: none;
user-select: none;
}
.radio + label:before,
.radio + label:after {
content: '';
position: absolute;
left: 0;
top: 0;
margin: 4px;
z-index: 0;
transition: .28s ease;
}
/* Unchecked styles */
.radio:not(:checked) + label:before,
.radio:not(:checked) + label:after,
.radio:checked + label:before,
.radio:checked + label:after {
border-radius: 50%;
}
.radio:not(:checked) + label:after {
z-index: -1;
transform: scale(0);
}
/* Checked styles */
.radio:checked + label:after {
z-index: 0;
}
.radio:checked + label:after {
transform: scale(1.02);
}
/*Convert from modifier naming conveotion to variable naming convention*/
.radio--blue:not(:checked) + label:before,
.radio--blue:not(:checked) + label:after {
border-color: #158eff;
}
.radio--blue:checked + label:after,
.radio--blue.with-gap:checked + label:before,
.radio--blue.with-gap:checked + label:after {
border-color: #158eff;
}
.radio--blue:checked + label:after,
.radio--blue.with-gap:checked + label:after {
background-color: #158eff;
}
/*Convert from modifier naming conveotion to variable naming convention*/
.radio--green:not(:checked) + label:before,
.radio--green:not(:checked) + label:after {
border-color: #00acac;
}
.radio--green:checked + label:after,
.radio--green.with-gap:checked + label:before,
.radio--green.with-gap:checked + label:after {
border-color: #00acac;
}
.radio--green:checked + label:after,
.radio--green.with-gap:checked + label:after {
background-color: #00acac;
}
.radio--medium:not(:checked) + label,
.radio--medium:checked + label {
padding-left: 35px;
line-height: 28px;
}
.radio--medium + label:before,
.radio--medium + label:after {
height: 16px;
width: 16px;
}
.radio--medium:not(:checked) + label:before,
.radio--medium:not(:checked) + label:after {
border-width: 2px;
border-style: solid;
}
.radio--medium:checked + label:before {
border: 2px solid transparent;
}
.radio--medium:checked + label:after,
.radio--medium.with-gap:checked + label:before,
.radio--medium.with-gap:checked + label:after {
border-width: 2px;
border-style: solid;
}
.radio--large:not(:checked) + label,
.radio--large:checked + label {
padding-left: 45px;
line-height: 40px;
}
.radio--large + label:before,
.radio--large + label:after {
height: 24px;
width: 24px;
}
.radio--large:not(:checked) + label:before,
.radio--large:not(:checked) + label:after {
border-width: 4px;
border-style: solid;
}
.radio--large:checked + label:before {
border: 4px solid transparent;
}
.radio--large:checked + label:after,
.radio--large.with-gap:checked + label:before,
.radio--large.with-gap:checked + label:after {
border-width: 4px;
border-style: solid;
}
#toast-container > .toast {
background-image: none !important;
}
#toast-container > .toast:before {
position: fixed;
font-family: FontAwesome;
font-size: 24px;
line-height: 24px;
float: left;
color: #FFF;
padding-right: 0.5em;
margin: auto 0.5em auto -1.5em;
}
#toast-container > .toast-warning:before {
content: "\f0e7";
}
#toast-container > .toast-error:before {
content: "\f071";
}
#toast-container > .toast-info:before {
content: "\f005";
}
#toast-container > .toast-success:before {
content: "\f00C";
}
#toast-container > div {
box-shadow: 0 0 3px #999;
opacity: .9;
-ms-filter: alpha(opacity=90);
filter: alpha(opacity=90);
}
#toast-container > :hover {
box-shadow: 0 0 4px #999;
opacity: 1;
-ms-filter: alpha(opacity=100);
filter: alpha(opacity=100);
cursor: pointer;
}
.toast {
background-color: #1ab394;
}
.toast-success {
background-color: #1ab394;
}
.toast-error {
background-color: #ed5565;
}
.toast-info {
background-color: #23c6c8;
}
.toast-warning {
background-color: #f8ac59;
}
.toast-top-full-width {
margin-top: 20px;
}
.toast-bottom-full-width {
margin-bottom: 20px;
}
.token {
position: absolute;
/*margin-top: -1px;*/
pointer-events: none;
top: 50%;
transform: translate(0,-50%);
}
.token__item {
color: #626262;
font-weight: 500;
pointer-events: none;
white-space: pre;
/*Ensure spacing is render properly*/
}
/*Dirty HACK to identify its IPAD. Force 1 top margin [native margin within input]*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
.token {
/*margin-top: 1px;*/
}
}
.token__item--invalid {
color: rgba(85, 85, 85, 0.4);
font-weight: 200;
}
.table {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
color: #878787;
font-size: 13px;
height: 100%;
}
.table__header {
/*display: -webkit-box;*/
display: flex;
width: 100%;
min-height: 40px;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.table__header .table__cell {
border: 0 solid #d7d7d7;
font-weight: 600;
border-bottom-width: 1px;
border-top-width: 1px;
color: #626262;
}
.table__row {
/*display: -webkit-box;*/
display: flex;
cursor: pointer;
min-height: 35px;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.table__row:hover {
background-color: rgba(235, 235, 235, 0.6);
}
.table__row .table__cell {
border: 0 solid #e7eaec;
border-bottom-width: 1px;
}
.table__cell {
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0;
flex: 1 0 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
text-align: left;
padding: 5px 0;
}
.table__cell > span,
.table__cell > div {
width: 100%;
padding: 5px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
align-self: center;
}
.table__footer {
width: 100%;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-self: flex-end;
}
.table__footer .button--light {
border-color: #e7eaec;
}
.table__tabs-container {
width: 100%;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-self: center;
align-items: flex-end;
-ms-flex-align: flex-end;
border-bottom: solid 3px #2b3348 !important;
overflow-y: auto;
}
.table__tab {
position: relative;
white-space: nowrap;
text-align: center;
cursor: pointer;
transition: all 0.3s ease 0s;
font-size: 15px;
margin-top: 25px;
min-width: 182px;
}
.table__tab-label {
background-color: #EBEBEB;
border-color: #d4d4d4;
border-style: solid;
border-width: 1px 1px 4px 1px;
color: #999797;
padding: 0 10px;
width: 100%;
height: 40px;
line-height: 40px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.table__tab-label .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.table__tab-label:hover {
transition: all 0.3s ease 0;
color: #626262;
background-color: #D5E8F3;
border-bottom: solid 4px #aabad0;
border-color: #b9d9eb;
}
.table-status {
height: 28px;
width: 28px;
z-index: 2;
position: absolute;
left: 5px;
top: -20px;
}
.table-status-icon {
font-size: 16px;
top: -3px;
left: 2px;
position: absolute;
transform: rotate(0);
}
.table__tab-indicator {
display: none;
border-bottom: 3px solid #00acac;
transition: all 0.3s ease 0s;
width: 0;
z-index: 2;
transform: translate(0, 0);
}
.table__view-container {
background: #e3e3e3;
box-shadow: 0 2px 8px -3px rgba(0, 0, 0, 0.85);
margin: 0;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
overflow: hidden;
height: calc(100% - 121px);
margin-top: 5px;
position: relative;
}
.table__wrapper {
padding-top: 20px;
height: 100%;
transition: all 1s ease 0s;
}
.table__handsontable {
border: 1px solid #c0c0c0;
}
.table__pipeline-wrapper {
width: 250px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
transform: translateX(100%);
transition: all 1s ease 0s;
}
.table__pipeline-container {
width: 100%;
height: 100%;
/*display: -webkit-box;*/
display: flex;
}
.table__pipeline-indicator {
top: 0;
right: 0;
position: absolute;
height: 43px;
width: 50px;
background-color: #c5c5c5;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
border-radius: 3px 0 0 3px;
transition: all 1s ease 0s;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
}
.table__pipeline__icon {
background-color: transparent;
width: 22px;
}
.table__pipeline__icon .table__pipeline__icon-inner1,
.table__pipeline__icon .table__pipeline__icon-inner2,
.table__pipeline__icon .table__pipeline__icon-inner3 {
width: 14px;
height: 4px;
background-color: #626262;
}
.table__pipeline__row {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
border: solid 1px transparent;
}
.table__pipeline__square {
height: 4px;
width: 4px;
background-color: #626262;
margin-right: 2px;
}
.table__pipeline-content {
width: 250px;
height: 100%;
background-color: #f8f8f8;
box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.85);
border-color: #c3c3c3;
border-style: solid;
border-width: 3px 1px 2px 1px;
overflow-y: auto;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
}
.table__pipeline-header {
background-color: #e6e6e6;
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 10px;
font-size: 15px;
font-weight: 600;
border-bottom: solid 3px #c3c3c3;
}
.table__pipeline-details {
height: 100%;
}
.table__pipeline-detail {
background-color: #ffffff;
border-bottom: dotted 1px #bebebe;
min-height: 40px;
overflow-x: hidden;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-items: center;
-ms-flex-align: center;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.table__pipeline-detail-icon {
font-size: 8px;
margin: 5px;
color: #555555;
}
.table__pipeline-detail-text {
font-size: 13px;
padding: 5px;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
white-space: normal;
}
.table__pipeline-detail-text .data-manipulation-summary {
width: 175px;
}
.table__pipeline-edit {
min-width: 18px;
height: 18px;
margin-right: 5px;
cursor: pointer;
opacity: 0.7;
background-size: cover;
transition: opacity 0.3s ease 0s;
}
.table__pipeline-edit:hover {
opacity: 1;
color: #626262;
}
.table__pipeline-close {
font-size: 15px;
width: 20px;
text-align: center;
height: 40px;
line-height: 40px;
margin-right: 5px;
cursor: pointer;
color: #878787;
transition: opacity 0.3s ease 0s;
}
.table__pipeline-close:hover {
color: #626262;
}
@media only screen and (min-width: 768px) {
.table__wrapper {
height: calc(100% - 20px);
}
.table__view-container {
height: calc(100% - 106px);
}
.table-status-container {
left: 10px;
}
.table__pipeline-wrapper {
top: 20px;
}
.table__pipeline-indicator {
top: 20px;
}
}
.ag-fresh .ag-root {
font-size: 13px;
border: 1px solid #808080;
}
.ag-fresh .ag-cell {
padding: 0 5px;
line-height: 22px;
color: #626262;
}
.ag-fresh .ag-column-moving .ag-cell {
transition: left 0.2s ease 0s;
}
.ag-fresh .ag-cell-focus {
background: #aac2ec;
border: solid 1px #aac2ec;
}
.ag-fresh .ag-cell-no-focus,
.ag-fresh .ag-cell {
border-right: 1px dotted #808080;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.ag-fresh .ag-cell-no-focus:last-child,
.ag-fresh .ag-cell:last-child {
border: none;
}
.ag-fresh .ag-cell-not-inline-editing {
padding: 0 5px !important;
}
.ag-fresh .ag-header {
background-color: #f0f0f0;
border-bottom: 1px solid #808080;
}
.ag-fresh .ag-pinned-header {
background: #dee3e5;
border-bottom: 1px solid #a19f9f;
}
.ag-fresh .ag-header-cell {
border-right: 1px solid #a19f9f;
background: #ffffff;
background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
padding: 0;
}
.ag-fresh .ag-header-cell:nth-last-child(1) {
border-right: none;
}
.ag-fresh .ag-header-cell-moving .ag-header-cell-label {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.ag-fresh .ag-header-cell-moving {
background-color: #cfcfcf;
border-bottom: 1px solid #a19f9f;
}
.ag-fresh .ag-header-cell-moving-clone {
border-right: 1px solid #a19f9f !important;
border-left: 1px solid #a19f9f;
border-bottom: 1px solid #a19f9f;
background-color: #dadada;
}
.ag-fresh .ag-header-group-cell {
border-right: 1px solid #a19f9f;
}
.ag-fresh .ag-header-group-cell-with-group {
border-bottom: 1px solid #a19f9f;
}
.ag-fresh .ag-header-cell-label {
padding: 5px 0 !important;
line-height: 100%;
justify-content: center;
-ms-flex-pack: center;
}
.ag-fresh .ag-header-cell-text {
padding-left: 5px;
font-weight: 600;
color: #626262;
text-align: center;
}
.ag-fresh .ag-header-group-cell-label {
padding: 5px 5px 0;
font-weight: 600;
}
.ag-fresh .ag-header-group-text {
margin-right: 0;
}
.ag-fresh .ag-header-cell-menu-button {
padding: 5px;
margin-top: 0;
border: 1px solid transparent;
border-radius: 3px;
box-sizing: content-box;
/* When using bootstrap, box-sizing was set to 'border-box' */
line-height: 0px;
/* normal line height, a space was appearing below the menu button */
cursor: pointer;
}
.ag-fresh .ag-header-cell-menu-button:hover {
color: #626262;
}
.ag-fresh .ag-header-icon {
color: #000000;
margin-right: 5px;
}
.ag-fresh .ag-row-selected {
background-color: #C1CDDD !important;
}
.ag-fresh .ag-row-disabled {
opacity: 0.3;
cursor: default;
}
.ag-fresh .ag-row-error {
color: #deb3bc !important;
}
.ag-fresh .ag-row {
border-bottom: solid 1px #ffffff;
cursor: pointer;
}
.ag-fresh .ag-body-viewport {
background-color: #E3E3E3;
}
.ag-fresh .ag-body .ag-row:hover,
.ag-fresh .ag-row:hover {
background: #C1CDDD;
}
.ag-fresh .ag-body .ag-row-odd,
.ag-row.ag-row-odd {
background-color: #f8f8f8;
}
.ag-fresh .ag-body .ag-row-even,
.ag-row.ag-row-even {
background-color: #ebebeb;
}
.ag-fresh .ag-floating-top .ag-row {
background-color: #f8f8f8;
}
.ag-fresh .ag-floating-bottom .ag-row {
background-color: #f8f8f8;
}
.ag-fresh .ag-overlay-loading-wrapper {
background-color: rgba(235, 235, 235, 0.6);
}
.ag-fresh .ag-overlay-loading-center {
background-color: #ffffff;
border: 1px solid #aac2ec;
border-radius: 3px;
padding: 10px 20px;
box-shadow: 0 0 8px #aac2ec;
height: 40px;
line-height: 40px;
}
.ag-fresh .ag-overlay-no-rows-center {
background-color: #ffffff;
border: 1px solid #d7d7d7;
border-radius: 3px;
padding: 10px 20px;
box-shadow: 0 0 8px #d7d7d7;
height: 40px;
line-height: 40px;
}
.ag-fresh .ag-body {
background-color: #f8f8f8;
color: #626262;
}
.ag-fresh .ag-group-cell-entire-row {
background-color: #d7d7d7;
padding: 5px;
}
.ag-fresh .ag-footer-cell-entire-row {
background-color: #d7d7d7;
padding: 5px;
}
.ag-fresh .ag-group-cell {
font-style: italic;
}
.ag-fresh .ag-group-expand {
padding-right: 5px;
}
.ag-fresh .ag-footer-cell {
font-style: italic;
}
.ag-fresh .ag-filter-checkbox {
position: relative;
top: 2px;
left: 2px;
cursor: pointer;
margin-right: 5px;
display: inline-block;
}
.ag-fresh .ag-filter-header-container {
border-bottom: 1px solid #a19f9f;
}
.ag-fresh .ag-filter-apply-panel {
border-top: 1px solid #a19f9f;
padding: 5px;
}
.ag-fresh .ag-filter {
border: 1px solid #a19f9f;
background-color: #f3f3f4;
font-size: 13px;
top: 3px !important;
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.ag-fresh .ag-filter-filter {
width: 195px;
margin: 4px;
}
.ag-fresh .ag-filter-list-viewport {
padding: 0 15px;
}
.ag-fresh .ag-filter-value {
margin-left: 5px;
}
.ag-fresh .ag-select {
margin: 4px 4px 0px 4px;
background-color: #ffffff;
border: 1px solid #808080;
border-radius: 3px;
padding: 0 4px;
}
.ag-fresh .ag-selection-checkbox {
margin-left: 5px;
cursor: pointer;
}
.ag-fresh .ag-paging-panel {
padding: 5px;
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
margin-top: 5px;
}
.ag-fresh .ag-paging-button {
margin: 0 5px;
border-radius: 3px;
background-color: #ffffff;
border: solid 1px #878787;
padding: 5px 10px;
color: #626262;
}
.ag-fresh .ag-paging-row-summary-panel {
display: inline-block;
width: 300px;
}
.ag-fresh .ag-column-not-visible {
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
}
.ag-fresh .ag-not-dragging {
border: 1px solid transparent;
}
.ag-fresh .ag-drop-target-above {
border-top: 5px solid #a19f9f;
}
.ag-fresh .ag-drop-target-below {
border-bottom: 5px solid #a19f9f;
}
.ag-fresh .ag-dragging {
border: 1px dotted #a19f9f;
}
.ag-fresh .ag-list-item-selected {
color: #ebebeb;
}
.ag-fresh .ag-list-item-not-selected {
font-style: italic;
color: #878787;
}
.ag-fresh .ag-tool-panel-container {
background-color: #e7eaec;
box-sizing: border-box;
border: 1px solid #a19f9f;
padding: 5px;
font-size: 13px;
}
.ag-fresh .ag-list-selection {
background-color: #ffffff;
border: 1px solid #a19f9f;
box-sizing: border-box;
}
.ag-fresh .ag-popup-list .ag-list-item:hover {
background-color: rgba(235, 235, 235, 0.6);
}
.ag-fresh .ag-visible-icons {
padding-left: 5px;
padding-right: 5px;
}
.ag-fresh .ag-tooltip {
padding: 5px;
border: 1px solid #e7eaec;
border-radius: 5px;
background-color: #ffffff;
}
.dashboardview__wrapper--fullscreen .ag-fresh .ag-root {
z-index: 0;
}
.ag-center-cols-viewport {
overflow: unset;
}
.lovely-dialog__container .ag-root-wrapper.ag-layout-normal {
min-height: 200px;
}
.fxc-grid.ag-fresh .ag-row {
border-bottom: solid 1px #dfe4ea;
}
.fxc-grid.ag-fresh .ag-row:hover {
background: #dbeafe;
border-bottom: solid 1px #b3d3fd;
}
.fxc-grid.ag-fresh .ag-row-odd {
background-color: #edf5ff;
}
.fxc-grid.ag-fresh .ag-row-even {
background-color: #fcfdff;
}
.fxc-grid.ag-fresh .ag-cell {
border: none;
}
.fxc-grid.ag-fresh .ag-header-cell-label {
padding: 5px 0 !important;
line-height: 100%;
justify-content: start;
-ms-flex-pack: start;
}
.fxc-grid.ag-fresh .ag-ltr .ag-sort-indicator-icon {
padding-left: 4px;
}
.ag-fresh.ag-theme-alpine {
--ag-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
--ag-cell-horizontal-border: dotted #808080;
}
.ag-fresh.ag-theme-alpine .ag-cell {
padding: 0 5px;
line-height: 22px;
color: #626262;
font-size: 13px;
}
.ag-fresh.ag-theme-alpine .ag-select {
margin: 0;
background-color: none;
border: none;
border-radius: 0;
padding: 0;
}
.ag-fresh.ag-theme-alpine .ag-simple-filter-body-wrapper > * {
margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-fresh.ag-theme-alpine .ag-filter {
border: none;
}
.ag-fresh.ag-theme-alpine .ag-filter-filter {
margin: 0;
}
.ag-fresh.ag-theme-alpine .ag-header-cell-resize::after {
display: none;
}
.ag-fresh.ag-theme-alpine .ag-root-wrapper {
border: none;
}
.handsontable th,
.handsontable td {
border-top-width: 0;
border-left-width: 0;
border-right: 1px solid #d7d7d7;
border-bottom: solid 1px #ffffff !important;
height: 22px;
empty-cells: show;
line-height: 21px;
padding: 0 5px;
/* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
background-color: #FFF;
vertical-align: top;
overflow: hidden;
outline-width: 0;
white-space: pre-line;
/* preserve new line character in cell */
}
.handsontable td {
color: #616161;
}
.handsontable td:nth-child(1) {
border-bottom: none !important;
}
.handsontable th {
background-color: #ececec !important;
border: none;
color: #FFF;
text-align: center;
font-weight: normal;
white-space: nowrap;
}
.handsontable th:last-child {
/*Foundation framework fix*/
border-right: 1px solid #a4a4a4;
border-bottom: 1px solid #a4a4a4;
}
.handsontable tr:first-child td {
background: #ffffff;
background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
border-bottom: 2px solid #b1b1b1 !important;
border-right: 1px solid #a19f9f;
}
.handsontable th:first-child,
.handsontable td:first-of-type,
.handsontable .htNoFrame + th,
.handsontable .htNoFrame + td {
border-left: 1px solid #a4a4a4;
}
.handsontable th:first-child {
background-color: #D1D1D1 !important;
border-bottom: solid 1px #ffffff !important;
}
.handsontable.htRowHeaders thead tr th:nth-child(2) {
border-left: 1px solid #a4a4a4;
}
.handsontable tr:first-child th,
.handsontable tr:first-child td {
color: #626262;
border-top: none;
}
.handsontable tr:first-child th {
border-right: 1px solid #a19f9f;
border-top: none !important;
}
.handsontable .manualColumnMoverGuide,
.handsontable .manualRowMoverGuide {
position: fixed;
left: 0;
top: 0;
background-color: #d9d9d9;
width: 25px;
height: 25px;
opacity: 0.5;
display: none;
}
.handsontable .manualColumnMover:hover,
.handsontable .manualColumnMover.active,
.handsontable .manualRowMover:hover,
.handsontable .manualRowMover.active {
background-color: #c2c2c2;
}
.handsontable td.afterHiddenColumn.firstVisible {
border-left: 1px solid #d7d7d7;
}
.handsontable td.area {
background-color: #e1dfbf !important;
color: #626262;
}
.handsontable .htAutocompleteArrow {
float: right;
font-size: 10px;
color: #d2d2d2 !important;
cursor: default;
width: 16px;
text-align: center;
}
.ht_clone_top td {
background: #e6e6e6;
border-color: #c8c8c8;
text-align: center;
font-weight: 600;
}
.ht_clone_top td.htNumeric {
text-align: center !important;
}
.ht_clone_top th {
border-right: 1px solid #a4a4a4;
}
.ht_clone_top.handsontable,
.ht_clone_left.handsontable {
z-index: 1;
}
.ht_clone_top_left_corner.handsontable {
z-index: 2;
}
/*Table row styling*/
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th {
border-bottom: none !important;
}
.ht_master tr:hover > td {
background: #C1CDDD !important;
border-bottom: solid 1px #ffffff !important;
}
.ht_master tr:nth-of-type(even) > td {
background: #ebebeb;
}
.ht_master tr:nth-of-type(odd) > td {
background: #f8f8f8;
}
.htContextMenu .ht_master tr > td {
background: #f0f0f0 !important;
border-bottom: none !important;
}
.htContextMenu .ht_master tr:hover > td {
background: #e4e4e4 !important;
}
.htContextMenu table tbody tr td div span.selected {
margin-top: -2px;
position: absolute;
left: 4px;
color: #626262 !important;
}
.htContextMenu table tbody tr td {
background: white;
border-width: 0;
padding: 5px;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.htContextMenu table.htCore {
border-top: 1px solid #bbb !important;
}
.handsontable .htSubmenu :after {
content: '\f0da';
font-family: FontAwesome;
}
.handsontable__cell--disabled {
color: #a19f9f;
}
.htPlaceholder {
font-style: italic;
}
.table__row--selected {
background-color: rgba(235, 235, 235, 0.6);
}
.table__cell--large {
-ms-flex-positive: 2;
-ms-flex-negative: 2;
-ms-flex-preferred-size: 0;
flex-grow: 2;
flex-shrink: 0;
flex-basis: 0;
flex: 2 0 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.table__cell--equal100 {
-ms-flex-positive: 100px;
-ms-flex-negative: 100px;
-ms-flex-preferred-size: 0;
flex-grow: 100px;
flex-shrink: 1;
flex-basis: 0;
flex: 100px 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.table__cell--auto {
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
flex: 0 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.table__tab--selected .table__tab-label {
font-weight: 100;
color: #ffffff;
background-color: #38435E;
border-bottom: solid 4px #2b3348;
border-left: none;
border-right: none;
border-top: solid 1px #38435E;
}
.table__tab--selected .table-status--completed {
color: #308b7e;
border: solid 4px #308b7e;
}
.table__tab--selected .table-status--completed:after {
border-top-color: #308b7e;
}
.table__tab--selected .table-status--pending {
color: #b3b3b3;
border: solid 4px #b3b3b3;
}
.table__tab--selected .table-status--pending:after {
border-top-color: #b3b3b3;
}
.table__tab--selected .table-status--downloading {
color: #f2b360;
border: solid 4px #f2b360;
}
.table__tab--selected .table-status--downloading:after {
border-top-color: #f2b360;
}
.table__pipeline-wrapper--expanded .table__pipeline-wrapper {
transform: translateX(0);
}
.table__pipeline-wrapper--expanded .table__wrapper {
margin-right: 250px;
transition: all 1s ease 0s;
}
.table__pipeline-wrapper--expanded .table__pipeline-indicator {
right: 250px;
}
.table__pipeline-detail--noedit .table__pipeline-edit {
display: none;
}
.table-status--dormant,
.table-status--loading,
.table-status--completed {
border-radius: 50px;
background: #ffffff;
box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.85);
}
.table-status--dormant {
color: #d2d2d2;
border: solid 4px #d2d2d2;
transform: rotate(-24deg);
transition: transform 0.5s ease 0s;
}
.table-status--dormant:after,
.table-status--dormant :before {
top: 100%;
left: 50%;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.table-status--dormant:after {
border-top-color: #d2d2d2;
border-width: 8px;
margin-left: -8px;
content: "";
}
.table-status--dormant:hover {
color: #f2b360;
border: solid 4px #f2b360;
transition: all 0.5s ease 0s;
transform: rotate(-10deg) translate(5px, 0px);
}
.table-status--dormant:hover:hover:after {
border-top-color: #f2b360;
}
.table-status--dormant .table-status-icon:after {
content: "\f019";
font-family: FontAwesome;
}
.table-status--loading {
color: #f7ce99;
border: solid 4px #f7ce99;
transform: rotate(-24deg);
cursor: default;
}
.table-status--loading:after,
.table-status--loading :before {
top: 100%;
left: 50%;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.table-status--loading:after {
border-top-color: #f7ce99;
border-width: 8px;
margin-left: -8px;
content: "";
}
.table-status--loading .table-status-icon:after {
content: "\f019";
font-family: FontAwesome;
}
.table-status--completed {
color: #40b8a7;
border: solid 4px #40b8a7;
transform: rotate(-24deg);
cursor: default;
}
.table-status--completed:after,
.table-status--completed :before {
top: 100%;
left: 50%;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.table-status--completed:after {
border-top-color: #40b8a7;
border-width: 8px;
margin-left: -8px;
content: "";
}
.table-status--completed .table-status-icon:after {
content: "\f00c";
font-family: FontAwesome;
}
.table__pipeline__icon--running .table__pipeline__icon-inner1 {
animation: table__pipeline__icon-inner1 ease 2s infinite 0s;
}
.table__pipeline__icon--running .table__pipeline__icon-inner2 {
animation: table__pipeline__icon-inner2 ease 2s infinite 0.5s;
}
.table__pipeline__icon--running .table__pipeline__icon-inner3 {
animation: table__pipeline__icon-inner3 ease 2s infinite 1s;
}
@keyframes table__pipeline__icon-inner1 {
0% {
width: 0%;
}
50% {
width: 14px;
}
100% {
width: 0%;
}
}
@keyframes table__pipeline__icon-inner2 {
0% {
width: 0%;
}
50% {
width: 12px;
}
100% {
width: 0%;
}
}
@keyframes table__pipeline__icon-inner3 {
0% {
width: 0%;
}
50% {
width: 10px;
}
100% {
width: 0%;
}
}
@media only screen and (min-width: 768px) {
.table__pipeline-wrapper--expanded .table__wrapper {
margin-right: 250px;
}
}
div.tagsinput {
border: 1px solid #CCC;
background: #ffffff;
padding: 0 5px;
width: 300px;
height: 100px;
overflow-y: auto;
}
div.tagsinput span.tag {
display: block;
float: left;
padding: 3px 5px;
text-decoration: none;
margin: 3px 5px 3px 0;
font-size: 13px;
font-family: helvetica;
line-height: 13px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
cursor: default;
}
div.tagsinput span.tag a {
font-weight: bold;
color: #666666;
text-decoration: none;
font-size: 13px;
}
div.tagsinput input {
width: auto !important;
margin: 3px 5px 3px 0;
font-size: 13px;
line-height: 13px;
border: 1px solid transparent;
background: transparent;
color: #000000;
outline: 0;
padding: 3px 5px;
font-family: helvetica;
}
div.tagsinput div {
display: block;
float: left;
}
.tags_clear {
clear: both;
width: 100%;
height: 0;
}
.not_valid {
background: #FBD8DB !important;
color: #90111A !important;
}
.lovely-window__content .advance-embed {
position: relative;
height: 400px;
width: 750px;
max-width: 100%;
max-height: 90%;
}
.advance-embed__checkbox,
.advance-embed__search-input {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.advance-embed__checkbox .text-box__input,
.advance-embed__search-input .text-box__input {
width: calc(100% - 25px);
}
.advance-embed__checkbox .advance-embed__search-icon,
.advance-embed__search-input .advance-embed__search-icon {
padding-right: 10px;
line-height: 100%;
color: #a19f9f;
font-size: 18px;
float: right;
}
.advance-embed__input {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap;
margin-bottom: 15px;
}
.advance-embed__input .advance-embed__text-input {
width: 100%;
}
.advance-embed__search .text-box,
.advance-embed__input .text-box {
box-shadow: none;
height: 35px;
}
.advance-embed__search input[type="text"],
.advance-embed__input input[type="text"] {
font-size: 13px;
color: #878787;
margin-left: 5px;
}
.advance-embed__search input[type="checkbox"],
.advance-embed__input input[type="checkbox"] {
margin: 0 5px 0 0;
}
.advance-embed__source,
.advance-embed__dropdown {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.advance-embed__source .connection-source-image,
.advance-embed__dropdown .connection-source-image {
height: 18px;
width: 20px;
min-width: 18px;
margin-right: 5px;
}
.advance-embed__source .connection-source-label,
.advance-embed__dropdown .connection-source-label {
font-size: 13px;
color: #878787;
}
.advance-embed__source-list .action-menu {
right: 15px;
top: 87px;
}
.advance-embed__source-item {
/*display: -webkit-box;*/
display: flex;
margin-right: 5px;
border: solid 1px #d7d7d7;
border-radius: 3px;
padding: 0 10px;
}
.advance-embed__source-item .advance-embed__source {
overflow: visible;
}
.advance-embed__source-item .advance-embed__table-value {
margin-left: 5px;
}
.advance-embed__dropdown {
height: 25px;
line-height: 22px;
width: 100%;
font-size: 13px;
color: #626262;
}
.advance-embed__dropdown .dropdownList {
font-size: 13px;
color: #626262;
margin-right: 5px;
}
.advance-embed__textarea {
margin-top: 10px;
}
.advance-embed__textarea .text-box {
box-shadow: none;
height: 60px;
}
.advance-embed__textarea textarea {
font-size: 13px;
color: #878787;
padding: 5px;
}
.advance-embed__category {
position: relative;
}
.advance-embed__category .advance-embed__items {
height: 0;
opacity: 0;
overflow: hidden;
padding-bottom: 10px;
margin: 0 0 5px;
transition: all 0.3s ease 0s;
justify-content: flex-start;
-ms-flex-pack: start;
}
.advance-embed__category .advance-embed__norecord {
font-size: 15px;
margin: 10px 0;
}
.advance-embed__category .action-menu {
position: fixed;
height: 465px;
width: 320px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.advance-embed__category-label {
height: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 15px;
font-weight: 600;
width: 100%;
padding: 10px 15px;
color: #626262;
background-color: #ffffff;
border-left: solid 5px #d7d7d7;
border-bottom: solid 1px #e7eaec;
box-shadow: 0 2px 6px -4px rgba(0, 0, 0, 0.85);
cursor: pointer;
transition: all 0.3s ease 0s;
}
.advance-embed__category-label:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.advance-embed__content {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
padding: 15px;
width: 100%;
}
.advance-embed__content .advance-embed__input {
margin-bottom: 5px;
}
.advance-embed__content .quadrant-properties__source-lists {
height: 100%;
overflow: auto;
border: none;
}
.advance-embed__content .ptqw__binding .binding-condition-editor__button .connection-source-label {
color: #878787;
}
.advance-embed__buttons {
/*display: -webkit-box;*/
display: flex;
justify-content: flex-end;
-ms-flex-pack: end;
margin: 5px 0;
}
.advance-embed__button {
font-size: 13px;
padding: 0 10px;
height: 25px;
line-height: 23px;
}
.advance-embed__button:first-child {
margin-right: 5px;
}
.advance-embed__lists {
padding-bottom: 15px;
}
.advance-embed__content .binding-condition-editor__button,
.advance-embed__list-content .binding-condition-editor__button {
min-height: 30px;
line-height: normal;
font-size: 13px;
}
.advance-embed__content .binding-condition-editor__button--action,
.advance-embed__list-content .binding-condition-editor__button--action {
font-size: 13px;
}
.advance-embed__content .connection-source-image,
.advance-embed__list-content .connection-source-image {
height: 18px;
width: 20px;
}
.advance-embed__list-header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
padding: 10px 5px;
border: solid #d7d7d7;
border-width: 0 1px 1px 1px;
}
.advance-embed__list-header:first-child {
border-width: 1px;
}
.advance-embed__list-content {
height: 0;
opacity: 0;
overflow: hidden;
background-color: #ffffff;
border: solid 1px #d7d7d7;
border-top: none;
}
.advance-embed__list-content .binding-condition-editor {
min-height: initial;
padding: 0 0 5px;
}
.advance-embed__list-label {
color: #626262;
font-size: 15px;
width: calc(100% - 90px);
}
.advance-embed__list-icon {
text-align: center;
color: #626262;
cursor: pointer;
width: 30px;
transition: 0.3s 1s ease 0s;
}
.advance-embed__list-icon:hover {
color: #878787;
}
.advance-embed__table-container,
.advance-embed__detail {
width: 100%;
}
.advance-embed__detail-header {
border-top: solid 1px #d7d7d7;
background-color: #e7eaec;
}
.advance-embed__detail-content {
background-color: #ffffff;
}
.advance-embed__detail-row,
.advance-embed__table-row {
width: 100%;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
border: solid #d7d7d7;
border-width: 0 1px 1px 1px;
}
.advance-embed__detail-row .text-box__input,
.advance-embed__table-row .text-box__input {
height: 25px;
line-height: 25px;
width: 100%;
}
.advance-embed__detail-row .text-box__input input[type="text"],
.advance-embed__table-row .text-box__input input[type="text"] {
font-size: 13px;
color: #626262;
padding: 0 5px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.advance-embed__detail-row .advance-embed__detail-value {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.advance-embed__detail-row .advance-embed__detail-value input[type="checkbox"] {
margin: 0 5px 0 5px;
}
.advance-embed__detail-row .advance-embed__detail-value:first-child {
width: 200px;
border-right: solid 1px #e7eaec;
}
.advance-embed__detail-row .advance-embed__detail-value:last-child {
width: 440px;
}
.advance-embed__table-row .advance-embed__table-icon {
justify-content: center;
-ms-flex-pack: center;
color: #626262;
height: 28px;
cursor: pointer;
}
.advance-embed__table-row .advance-embed__table-value {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-direction: row;
margin-right: 5px;
}
.advance-embed__table-row .advance-embed__table-value:first-child {
width: 30px;
margin-right: 0;
}
.advance-embed__table-row .advance-embed__table-value:nth-child(n+2) {
width: 150px;
}
.advance-embed__table-row .advance-embed__table-value:nth-child(n+3) {
width: 160px;
}
.advance-embed__table-row .advance-embed__table-value .advance-embed__text {
margin-bottom: 0;
}
.advance-embed__table-row .advance-embed__table-value .text-box {
box-shadow: none;
}
.advance-embed__table {
overflow: auto;
}
.advance-embed__table-header,
.advance-embed__list-header {
background-color: #e7eaec;
}
.advance-embed__table-header .advance-embed__table-label,
.advance-embed__list-header .advance-embed__table-label,
.advance-embed__table-header .advance-embed__list-label,
.advance-embed__list-header .advance-embed__list-label {
font-weight: 600;
}
.advance-embed__table-header .advance-embed__table-row,
.advance-embed__list-header .advance-embed__table-row {
border-top: 1px solid #d7d7d7;
}
.advance-embed__table-header .advance-embed__list-row,
.advance-embed__list-header .advance-embed__list-row {
border-width: 0 1px 1px;
}
.advance-embed__table-header .advance-embed__list-value:first-child,
.advance-embed__list-header .advance-embed__list-value:first-child {
border-right: none;
}
.advance-embed__table-label,
.advance-embed__detail-label {
padding: 5px 0;
color: #626262;
font-size: 13px;
text-align: left;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow-x: hidden;
width: calc(100% - 25px);
}
.advance-embed__table-label:first-child,
.advance-embed__detail-label:first-child {
padding-left: 10px;
}
.advance-embed__detail-label {
padding: 5px;
}
.advance-embed__value {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
align-items: center;
-ms-flex-align: center;
height: 32px;
}
.advance-embed__value .advance-embed__text {
padding-right: 5px;
font-style: italic;
/*display: -webkit-box;*/
display: flex;
}
.advance-embed__text {
font-size: 13px;
color: #626262;
margin-bottom: 5px;
white-space: normal;
}
.advance-embed__header {
padding: 10px 0 5px;
color: #626262;
font-weight: 600;
font-size: 13px;
}
.advance-embed__label {
white-space: nowrap;
font-weight: 600;
font-size: 13px;
color: #626262;
margin-right: 10px;
}
.advance-embed__message {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #626262;
font-size: 24px;
text-align: center;
}
.advance-embed__error {
border: solid 1px #ce909d;
background-color: #fbdbe2;
border-radius: 3px;
height: auto;
margin-bottom: 10px;
padding: 10px 5px 10px;
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
text-align: center;
}
.advance-embed__error-value {
font-size: 13px;
color: #b56464;
white-space: normal;
}
.advance-embed__filter .action-menu {
padding: 0;
}
.advance-embed__norecord {
font-size: 24px;
color: #a19f9f;
text-align: center;
margin: 20px 0;
}
.advance-embed__binding {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
align-items: center;
-ms-flex-align: center;
}
.advance-embed__binding .binding-text {
white-space: normal;
}
.advance-embed__warning {
text-align: center;
padding: 10px;
background: #F7F2BC;
border-radius: 3px;
border: solid 1px #f5db8b;
margin-bottom: 10px;
}
.advance-embed__warning-text {
font-size: 13px;
color: #9A7E2D;
}
.advance-embed__excerpt {
font-size: 10px;
color: #878787;
margin-top: 5px;
}
@media only screen and (min-width: 768px) {
.advance-embed__input {
flex-wrap: nowrap;
}
.advance-embed__dropdowns {
flex-wrap: nowrap;
}
.advance-embed__table-row .advance-embed__table-value:nth-child(2) {
width: 20%;
}
.advance-embed__table-row .advance-embed__table-value:nth-child(n+3) {
width: 25%;
}
.advance-embed__category .action-menu {
position: absolute;
top: auto;
left: auto;
transform: translate(0, 0);
}
.advance-embed__excerpt {
display: none;
}
}
.advance-embed__category--expanded .advance-embed__items {
height: auto;
opacity: 1;
overflow: auto;
}
.advance-embed__category--expanded .advance-embed__category-label {
border-left: solid 5px #00acac;
box-shadow: 0 2px 6px -3px rgba(0, 0, 0, 0.85);
}
.advance-embed__list-content--expanded {
overflow: auto;
opacity: 1;
height: 220px;
padding: 0 10px 10px;
}
.login {
display: flex;
min-height: calc(100% - 60px);
/*height: calc(100% - 60px);*/
width: 100%;
flex-direction: row;
justify-content: flex-start;
align-items: center;
background-color: transparent;
color: #ffffff;
transition: all 1s ease 0s;
box-sizing: border-box;
padding-left: 10%;
}
.login__content {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
height: 100%;
width: fit-content;
transition: all 0.3s ease 0s;
}
.login__content div {
transition: all 0.3s ease 0s;
}
.login__content-main {
/*min-height: 350px;
height: 100%;*/
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.login__header {
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
margin-bottom: 2.064vh;
}
.login__main-logo {
width: 100%;
/*height: 5.366vh;*/
line-height: 5.366vh;
font-size: 43px;
font-weight: 200;
margin: 0.516vh 0.521vw;
white-space: nowrap;
}
.login__main-logoBottom {
width: 100%;
height: 60px;
line-height: 60px;
font-size: 50px;
text-align: center;
margin: 5px 10px;
white-space: nowrap;
}
.login__sub-logo {
width: 180px;
height: 60px;
line-height: 60px;
text-align: center;
margin: 5px 0;
background: transparent;
}
.login__logo-image {
width: 180px;
height: 60px;
}
.login__logo-icon {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.login__logo-label {
display: inline-block;
font-size: 2.24vw;
font-weight: 200;
line-height: 5.366vh;
color: #7C828F;
}
.login__tab {
height: 70px;
font-size: 15px;
color: #878787;
cursor: pointer;
border-top: 1px solid #f3f3f4;
border-bottom: 1px solid #f3f3f4;
}
.login__tab > .tab {
line-height: 70px;
}
.login__tab > .tab > span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.login-grid {
color: #7C828F;
display: grid;
margin: auto;
grid-template-columns: 7.813vw 7.813vw 6.771vw;
grid-template-rows: 6.192vh 6.192vh 6.192vh;
gap: 10px 0px;
grid-template-areas: "username username username" "password password password" "rmb-me rmb-me forget-pw" "login-btn login-btn login-btn" "login__validation login__validation login__validation";
}
.login-grid .username {
grid-area: username;
}
.login-grid .password {
grid-area: password;
}
.login-grid .login-btn {
grid-area: login-btn;
}
.login-grid .rmb-me {
grid-area: rmb-me;
}
.login-grid .rmb-me label {
font-weight: normal;
}
.login-grid .login__validation {
grid-area: login__validation;
}
.login-grid .forget-pw {
grid-area: forget-pw;
margin-top: 0.516vh;
}
.login__form {
padding-top: 1.032vh;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}
.login__text-box {
margin-bottom: 10px;
}
.login__text-box .text-box__input > input {
margin-left: 0;
padding-left: 10px;
}
.login-page.login__text-box {
color: #7C828F;
outline: 1px solid #7C828F;
border: 1px solid #EEF6F8;
border-radius: 0px;
box-shadow: none;
background-color: transparent;
height: 6.192vh;
}
.login-page.login__text-box span {
font-size: 0.677vw;
position: absolute;
top: 0px;
left: 0px;
height: 1.651vh;
line-height: 1.651vh;
padding: 0.826vh 0.521vw;
color: #7C828F;
}
.login-page.login__text-box .text-box__input > input {
padding-top: 2.064vh;
margin-left: 0;
padding-left: 0.521vw;
}
.login__button {
outline: 1px solid #7C828F;
border: 1px solid #7C828F;
border-radius: 0px;
width: 22.396vw;
height: 6.192vh;
line-height: 6.192vh;
color: #FFFFFF;
background-color: #7C828F;
margin-top: 1.032vh;
z-index: 2;
}
.create__button {
outline: 1px solid #7C828F;
border: 1px solid #7C828F;
border-radius: 0px;
width: 22.396vw;
height: 6.192vh;
line-height: 6.192vh;
color: #FFFFFF;
background-color: #7C828F;
margin-top: 6.192vh;
z-index: 2;
}
.login__option {
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
align-items: center;
-ms-flex-align: center;
}
.login__check-box {
width: auto;
line-height: 6.192vh;
padding-left: 0.104vw;
}
.login__forget-password {
font-size: 0.677vw;
font-weight: 300;
white-space: nowrap;
line-height: 6.192vh;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.login__forget-password:hover {
color: #a19f9f;
}
.login__footer {
width: 23.438vw;
bottom: 0;
margin-top: 0;
margin-left: 1.042vw;
padding: 4.128vh 0.521vw;
}
.login__footer-label {
font-size: 0.573vw;
color: #9DA3B0;
}
.login__error {
background-color: #c37787;
height: auto;
padding: 10px 5px 10px;
text-align: center;
border-radius: 3px;
color: #ffffff;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.login__message {
margin-top: 10px;
background-color: #ffffff;
height: auto;
padding: 10px 5px 10px;
text-align: center;
border-radius: 3px;
color: #626262;
}
.login__error-icon {
padding: 10px 5px 10px 10px;
text-align: center;
}
.login__error-message {
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.login__validation {
min-height: 4.128vh;
width: 22.552vw;
height: 6.192vh;
margin: auto;
}
.login__disclaimer-container {
height: auto;
position: relative;
transition: all 1s ease 0s;
}
.login__disclaimer-container .login__disclaimer {
width: 100%;
height: 60px;
font-size: 11px;
overflow: auto;
white-space: pre-wrap;
transition: all 1s ease 0s;
}
/* forget password */
.forget-password {
position: relative;
width: 100%;
height: 100%;
padding: 15px 30px 10px;
background-color: transparent;
color: #7C828F;
transition: all 1s ease 0s;
/*.box-sizing(border-box);*/
}
.forget-password__content {
position: relative;
height: 100%;
width: 100%;
}
.forget-password__header {
width: 100%;
height: 60%;
line-height: 50px;
font-size: 50px;
text-align: center;
}
.forget-password__title {
font-size: 18px;
text-align: center;
}
.forget-password__text {
font-size: 13px;
text-align: center;
padding: 10px 0;
}
.forget-password__logo-icon {
display: inline-block;
vertical-align: top;
}
.forget-password__logo-label {
display: inline-block;
font-weight: bold;
}
.forget-password__tab {
height: 70px;
font-size: 15px;
color: #878787;
cursor: pointer;
border-top: 1px solid #f3f3f4;
border-bottom: 1px solid #f3f3f4;
}
.forget-password__tab > .tab {
line-height: 70px;
}
.forget-password__tab > .tab > span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.forget-password__form {
border-top: solid 1px #7C828F;
padding-top: 20px;
}
.forget-password__text-box {
margin-bottom: 10px;
}
.forget-password__buttons {
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
align-items: center;
-ms-flex-align: center;
}
.forget-password__button {
width: 50%;
margin-top: 10px;
margin-bottom: 5px;
background: #7C828F;
color: white;
border-color: #7C828F;
}
.forget-password__button:first-child {
margin-right: 20px;
}
.forget-password__footer {
width: 100%;
position: absolute;
bottom: 0;
margin-top: 0;
margin-left: 0;
border-top: 1px solid #7c828f;
padding-top: 30px;
}
.forget-password__footer-label {
text-align: center;
font-size: 13px;
}
.forget-password__error {
background-color: #c37787;
height: auto;
margin-top: 10px;
padding: 10px 5px 10px;
text-align: center;
border-radius: 3px;
color: #ffffff;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.forget-password__message {
margin-top: 10px;
background-color: #ffffff;
height: auto;
padding: 10px 5px 10px;
text-align: center;
border-radius: 3px;
color: #626262;
}
.forget-password__error-icon {
padding: 10px 5px 10px 10px;
text-align: center;
}
.forget-password__error-message {
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.forget-password__validation {
min-height: 40px;
}
/* password expired */
.password-expired {
position: relative;
width: 100%;
height: 100%;
padding: 15px 30px 10px;
background-color: transparent;
color: #7C828F;
transition: all 1s ease 0s;
box-sizing: border-box;
}
.password-expired__content {
position: relative;
height: 100%;
width: 100%;
}
.password-expired__header {
width: 100%;
height: 60px;
line-height: 50px;
font-size: 50px;
text-align: center;
}
.password-expired__title {
font-size: 18px;
text-align: center;
}
.password-expired__text {
font-size: 13px;
text-align: center;
padding: 10px 0;
}
.password-expired__logo-icon {
display: inline-block;
vertical-align: top;
}
.password-expired__logo-label {
display: inline-block;
font-weight: bold;
}
.password-expired__tab {
height: 70px;
font-size: 15px;
color: #878787;
cursor: pointer;
border-top: 1px solid #f3f3f4;
border-bottom: 1px solid #f3f3f4;
}
.password-expired__tab > .tab {
line-height: 70px;
}
.password-expired__tab > .tab > span {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
.password-expired__form {
border-top: solid 1px #ffffff;
padding-top: 20px;
}
.password-expired__text-box {
padding: 0 10px;
height: 100%;
width: 120px;
font-size: 13px;
float: left;
box-sizing: content-box;
}
.password-expired__buttons {
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
align-items: center;
-ms-flex-align: center;
}
.password-expired__button {
width: 100%;
margin-top: 10px;
margin-bottom: 5px;
}
.password-expired__button .button--light {
color: #fff;
background: #7C828F;
border-color: #7C828F;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.password-expired__footer {
width: 100%;
position: absolute;
bottom: 0;
margin-top: 0;
margin-left: 0;
border-top: 1px solid #f3f3f4;
padding-top: 30px;
}
.password-expired__footer-label {
text-align: center;
font-size: 13px;
}
.password-expired__error {
background-color: #c37787;
height: auto;
margin-top: 10px;
padding: 10px 5px 10px;
text-align: center;
border-radius: 3px;
color: #ffffff;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.password-expired__message {
margin-top: -10px;
margin-bottom: 10px;
padding: 0 10px;
text-align: center;
font-size: 10px;
color: #878787;
}
.password-expired__error-icon {
padding: 10px 5px 10px 10px;
text-align: center;
}
.password-expired__error-message {
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.password-expired__validation {
min-height: 40px;
}
/* toggle button */
.disclaimer-panel {
position: absolute;
bottom: 95px;
width: 100%;
}
.disclaimer-panel__toggle {
font-size: 12px;
text-align: right;
color: #00acac;
cursor: pointer;
right: 0;
transition: all 0.3s ease 1s;
}
.disclaimer-panel__toggle:hover {
color: #008888;
}
.separator {
display: flex;
flex-direction: row;
color: #7C828F;
font-size: 1.042vw;
margin-top: 0.516vh;
margin-bottom: -5.16vh;
font-weight: 700;
}
.separator:before,
.separator:after {
content: '';
flex: 1 1;
border-bottom: 1px solid #7C828F;
margin: auto;
color: black;
}
.separator:before {
margin-right: 8px;
color: #7C828F;
}
.separator:after {
margin-left: 8px;
color: #7C828F;
}
.separator-signup {
display: flex;
width: 100%;
flex-direction: row;
color: #7C828F;
font-size: 0.833vw;
margin-top: 7.74vh;
justify-content: space-around;
}
.dropdown-role {
margin-left: -7.292vw;
color: #7C828F;
padding: 1.238vh 0.625vw;
margin-top: -1.342vh;
position: relative;
width: 10.417vw;
z-index: 5;
}
.dropdown-role .dropdown-selected-value {
border: 1px solid #7C828F;
padding: 1.032vh 0.521vw;
margin-top: -1.135vh;
background: white;
cursor: pointer;
text-align: center;
width: 10.417vw;
}
.dropdown-role .dropdownList {
position: absolute;
}
.dropdown {
border: 1px solid #7C828F;
cursor: pointer;
text-align: center;
}
.dropdown-item {
padding: 10px;
background: white;
color: #7C828F;
}
.dropdown-item :hover {
font-weight: 600;
}
.registration-section {
width: 26.042vw;
display: flex;
flex-direction: column;
align-items: center;
align-content: flex-end;
}
@media only screen and (min-width: 768px) {
.login__logo-label {
vertical-align: text-top;
}
.login__tab {
height: 50px;
font-size: 15px;
color: #878787;
cursor: pointer;
border-top: 1px solid #f3f3f4;
border-bottom: 1px solid #f3f3f4;
}
.login__tab > .tab {
line-height: 50px;
}
.login__form {
padding: 1.032vh 0.521vw;
}
.login__footer {
position: relative;
padding-top: 15px;
}
.login.login--large {
height: 530px;
}
.login.login--larger {
height: 580px;
}
.login__disclaimer-container {
padding-bottom: 20px;
}
.login__disclaimer-container .login__disclaimer {
position: relative;
bottom: initial;
}
.forget-password {
width: 500px;
height: 430px;
padding: 35px;
border-radius: 5px;
position: absolute;
top: 40%;
left: 30%;
transform: translate(-50%, -50%);
}
.password-expired {
width: 500px;
height: 460px;
padding: 35px;
border-radius: 5px;
position: absolute;
top: 40%;
left: 30%;
transform: translate(-50%, -50%);
}
.disclaimer-panel {
bottom: 7.5%;
}
}
.login.login--withoutauthentication .login__header {
border-bottom: solid 1px #ffffff;
}
.login__content--sublogoNone .login__header .login__sub-logo,
.login__content--sublogoNone .login__footer .login__sub-logo {
display: none;
}
.login__content--sublogoNone .login__main-logoBottom {
display: none;
}
.login__disclaimer-container {
padding-bottom: 20px;
}
.login__disclaimer-container--expanded {
height: 100%;
position: relative;
display: inline;
}
.login__content--sublogoTopRight .login__header {
flex-direction: column;
}
.login__content--sublogoTopRight .login__header .login__sub-logo {
display: block;
}
.login__content--sublogoTopRight .login__header .login__sub-logo,
.login__content--sublogoTopRight .login__header .login__logo-image {
min-width: 180px;
}
.login__content--sublogoTopRight .login__footer .login__sub-logo {
display: none;
}
.login__content--sublogoTopRight .login__content-main {
min-height: 350px;
}
.login__content--sublogoTopRight .login__disclaimer-container .login__disclaimer--expanded {
min-height: 280px;
}
.login__content--sublogoTopRight .disclaimer-panel {
bottom: 25px;
}
.login__content--sublogoTopRight .login__main-logoBottom {
display: none;
}
.login__content--sublogoTop .login__header {
flex-direction: column;
}
.login__content--sublogoTop .login__header .login__sub-logo {
display: block;
}
.login__content--sublogoTop .login__header .login__sub-logo,
.login__content--sublogoTop .login__header .login__logo-image {
width: 320px;
}
.login__content--sublogoTop .login__footer .login__sub-logo {
display: none;
}
.login__content--sublogoTop .login__content-main {
min-height: 310px;
}
.login__content--sublogoTop .login__disclaimer-container--expanded {
padding-bottom: 20px;
}
.login__content--sublogoTop .login__disclaimer-container .login__disclaimer--expanded {
min-height: 280px;
}
.login__content--sublogoTop .disclaimer-panel {
bottom: 25px;
}
.login__content--sublogoTop .login__main-logoBottom {
display: none;
}
.login__content--sublogoBottom .login__header .login__sub-logo {
display: none;
}
.login__content--sublogoBottom .login__footer .login__sub-logo {
display: block;
}
.login__content--sublogoBottom .login__footer .login__sub-logo,
.login__content--sublogoBottom .login__footer .login__logo-image {
width: 320px;
}
.login__content--sublogoBottom .login__content-main {
height: calc(100% - 170px);
}
.login__content--sublogoBottom .login__disclaimer-container--expanded {
min-height: 310px;
}
.login__content--sublogoBottom .disclaimer-panel {
bottom: 100px;
}
.login__content--sublogoBottom .login__main-logoBottom {
display: none;
}
.login__content--sublogoBrandBottom .login__header {
flex-direction: column;
}
.login__content--sublogoBrandBottom .login__header .login__sub-logo {
display: block;
}
.login__content--sublogoBrandBottom .login__header .login__sub-logo,
.login__content--sublogoBrandBottom .login__header .login__logo-image {
width: 320px;
}
.login__content--sublogoBrandBottom .login__header .login__main-logo {
display: none;
}
.login__content--sublogoBrandBottom .login__footer .login__sub-logo {
display: none;
}
.login__content--sublogoBrandBottom .login__content-main {
min-height: 310px;
}
.login__content--sublogoBrandBottom .login__disclaimer-container--expanded {
padding-bottom: 20px;
}
.login__content--sublogoBrandBottom .login__disclaimer-container .login__disclaimer--expanded {
min-height: 280px;
}
.login__content--sublogoBrandBottom .disclaimer-panel {
bottom: 25px;
}
.login__content--sublogoBrandBottom .login__main-logoBottom {
display: block;
}
.login__content--sublogoBrandBottomSmaller .login__header {
flex-direction: column;
}
.login__content--sublogoBrandBottomSmaller .login__header .login__sub-logo {
display: block;
}
.login__content--sublogoBrandBottomSmaller .login__header .login__sub-logo,
.login__content--sublogoBrandBottomSmaller .login__header .login__logo-image {
width: 320px;
}
.login__content--sublogoBrandBottomSmaller .login__header .login__main-logo {
display: none;
}
.login__content--sublogoBrandBottomSmaller .login__footer .login__sub-logo {
display: none;
}
.login__content--sublogoBrandBottomSmaller .login__content-main {
min-height: 310px;
}
.login__content--sublogoBrandBottomSmaller .login__disclaimer-container--expanded {
padding-bottom: 20px;
}
.login__content--sublogoBrandBottomSmaller .login__disclaimer-container .login__disclaimer--expanded {
min-height: 280px;
}
.login__content--sublogoBrandBottomSmaller .disclaimer-panel {
bottom: 25px;
}
.login__content--sublogoBrandBottomSmaller .login__main-logoBottom {
display: block;
font-size: 35px;
height: 40px;
line-height: 40px;
margin: 10px 0;
}
.login__sub-logo--solid {
background: #ffffff;
}
.login__sub-logo--semi-transparent {
background: rgba(255, 255, 255, 0.1);
}
.login__disclaimer-container .login__disclaimer--ellipsis {
display: block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 4;
}
.login__disclaimer-container .login__disclaimer--expanded {
height: 100%;
position: relative;
max-height: calc(100% - 20px);
min-height: 310px;
}
@media only screen and (orientation:landscape) {
.disclaimer-panel {
bottom: 85px;
}
.login__content--sublogoBottom .disclaimer-panel {
bottom: 90px;
}
}
@media only screen and (min-width: 768px) {
.login.login--withoutauthentication {
width: 480px;
height: 448px;
}
.login.login--withoutauthentication .login__header {
height: 80px;
}
.login__disclaimer-container {
padding-bottom: 0;
}
.login__disclaimer-container--expanded {
position: relative;
height: auto;
}
.disclaimer-panel {
bottom: 35px;
}
.login__content--sublogoTopRight .login__header {
flex-direction: row;
}
.login__content--sublogoTopRight .login__header .login__main-logo {
width: 190px;
font-size: 42px;
}
.login__content--sublogoTopRight .login__disclaimer-container {
bottom: 0;
}
.login__content--sublogoTopRight .login__disclaimer-container--expanded {
height: 100%;
}
.login__content--sublogoTopRight .login__disclaimer-container .login__disclaimer--expanded {
max-height: 320px;
}
.login__content--sublogoTopRight .disclaimer-panel {
bottom: 35px;
}
.login__content--sublogoTop .login__disclaimer-container,
.login__content--sublogoBrandBottom .login__disclaimer-container,
.login__content--sublogoBrandBottomSmaller .login__disclaimer-container {
padding-bottom: 20px;
}
.login__content--sublogoTop .disclaimer-panel,
.login__content--sublogoBrandBottom .disclaimer-panel,
.login__content--sublogoBrandBottomSmaller .disclaimer-panel {
bottom: 35px;
}
.login__content--sublogoBottom .login__disclaimer-container {
bottom: 40px;
padding-bottom: 0;
}
.login__content--sublogoBottom .login__disclaimer-container--expanded {
bottom: 10px;
height: 100%;
}
.login__disclaimer-container .login__disclaimer--expanded {
max-height: 300px;
}
.disclaimer-panel.login__sub-logo-bottom {
bottom: 104px;
}
}
@keyframes keyframe__loginExit {
0% {
margin-top: 0;
}
100% {
margin-top: 100%;
}
}
.login_exit {
animation: keyframe__loginExit 1s ease 0s;
}
.login__content--hide {
height: 0;
opacity: 0;
animation: fadeOut 0.5s ease 0s;
}
.login__content--hide div {
opacity: 0;
height: 0;
padding: 0;
}
.quadrant {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #626262;
height: 100%;
}
.quadrant__snapshot,
.quadrant__workspace,
.quadrant__new {
padding: 20px 0;
min-height: 660px /*320px*/;
box-sizing: border-box;
}
.quadrant__workspace {
position: relative;
}
.quadrant__message {
font-size: 60px;
color: #ebebeb;
}
.quadrant__header {
height: 50px;
line-height: 50px;
padding: 0 15px;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.quadrant__title {
height: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 18px;
width: 70%;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.quadrant__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
height: 100%;
}
.quadrant__content-slideable {
display: inline-block;
width: 100%;
height: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.quadrant__content-slideable .quadrant__content {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.quadrant__content-slideable .quadrant__loading-container {
right: 15px;
top: 65px;
}
.quadrant__content {
padding: 15px;
height: calc(100% - 80px);
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
position: relative;
}
.quadrant__content > div {
margin-bottom: 10px;
}
.quadrant__nav {
height: 30px;
line-height: 30px;
font-size: 30px;
}
.quadrant__nav-pre,
.quadrant__nav-next {
color: #a19f9f;
cursor: pointer;
}
.quadrant__nav-pre:hover,
.quadrant__nav-next:hover {
color: #626262;
}
.quadrant__nav-pre {
float: left;
}
.quadrant__nav-next {
float: right;
}
.quadrant__canvas {
width: 100%;
/*min-height: 320px;*/
/*let flex take over*/
height: calc(100% - 290px);
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
position: relative;
/*for parent-child flex-box 100% quirks*/
}
.quadrant__canvas .quadrant__watermark {
display: none;
}
.quadrant__simple-quadrants {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
}
.quadrant__simple-quadrant-item {
height: 75px;
/*dimension of icon, label hidden by default*/
width: 75px;
padding: 0 10px;
margin: 10px 5px 0 5px;
text-align: center;
cursor: pointer;
border-radius: 3px;
border: 1px solid #d7d7d7;
background-color: #ffffff;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
}
.quadrant__simple-quadrant-item:hover {
background-color: rgba(235, 235, 235, 0.6);
}
.quadrant__simple-quadrant-live {
font-size: 12px;
color: #ffffff;
background: rgba(123, 123, 123, 0.85);
border-radius: 3px;
padding: 0 5px;
margin: 5px;
position: absolute;
right: 0;
top: 0;
}
.quadrant__simple-quadrant-delete {
font-size: 13px;
color: #ffffff;
background: #bd4c4c;
border-radius: 0 0 0 5px;
width: 18px;
height: 18px;
line-height: 18px;
position: absolute;
right: 0;
top: 0;
}
.quadrant__simple-quadrant-icon {
height: 55px;
width: 75px;
background-repeat: no-repeat;
}
.quadrant__simple-quadrant-label {
height: 20px;
line-height: 20px;
width: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 11px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.quadrant__sources {
width: 100%;
position: relative;
}
.quadrant__source-list {
display: none;
position: absolute;
top: -10px;
left: 50%;
width: 500px;
max-width: calc(100% - 25px);
transform: translate(-50%, -100%);
box-sizing: border-box;
box-shadow: 0 2px 24px -10px rgba(0, 0, 0, 0.85);
border: 1px solid #d7d7d7;
border-radius: 3px;
background-color: #ffffff;
z-index: 2;
}
.quadrant__source-items {
max-height: 300px;
overflow-y: auto;
}
.quadrant__source-item {
height: 50px;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: nowrap;
align-items: center;
-ms-flex-align: center;
cursor: pointer;
padding: 5px 15px;
}
.quadrant__source-item .connection-source-image {
height: 30px;
width: 30px;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.quadrant__source-item .connection-source-image > svg {
transform: scale(1.3, 1.3);
}
.quadrant__source-item:hover {
background-color: rgba(235, 235, 235, 0.6);
}
.quadrant__source-selection {
width: 100%;
border-radius: 3px;
border: 1px solid #d7d7d7;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
text-align: center;
background-color: #ffffff !important;
overflow: hidden;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
}
.quadrant__source-title {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: nowrap;
align-items: center;
-ms-flex-align: center;
flex-direction: row;
width: 100%;
}
.quadrant__source-icon {
height: 30px;
width: 30px;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
margin-right: 10px;
}
.quadrant__source-label {
font-size: 15px;
overflow-x: hidden;
max-width: calc(100% - 35px);
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.quadrant__source-more {
position: absolute;
line-height: 10px;
font-size: 15px;
transform: scaleX(2);
left: 50%;
top: 0;
}
.quadrant__slider-viewPort {
position: absolute;
/*for parent-child flex-box 100% quirks*/
overflow: hidden;
}
.quadrant__slider-viewPort,
.quadrant__slider-world {
height: 100%;
min-width: 100%;
white-space: nowrap;
word-spacing: 0;
}
.quadrant__slider-world {
margin: 0;
word-spacing: -0.26em;
/*Magical gap inbetween. magical number from the internet. instead of fontsize hack*/
transition: all 0.5s ease 0s;
}
.quadrant__slider-quadrant {
display: inline-block;
height: 100%;
width: 100%;
word-spacing: 0;
/*offset back word-spacing*/
position: relative;
}
.quadrant__slider-quadrant > div {
display: inline-block;
height: calc(100% - 2px);
width: calc(100% - 11px);
position: absolute;
}
.quadrant__loading-container {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
flex-direction: row;
flex-wrap: wrap;
background: #f2f2f2;
position: absolute;
padding: 10px;
right: 20px;
top: 90px;
z-index: 1;
width: 300px;
transition: all 1s ease 0s;
}
.quadrant__loading-container .sk-three-bounce {
margin: 5px auto !important;
width: 60px !important;
text-align: center;
}
.quadrant__loading-text {
font-size: 15px;
padding: 0 5px;
white-space: normal;
line-height: 16px;
color: #626262;
text-align: right;
-ms-flex-positive: 0.5;
-ms-flex-negative: 0.5;
-ms-flex-preferred-size: auto;
flex-grow: 0.5;
flex-shrink: 1;
flex-basis: auto;
flex: 0.5 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
@media only screen and (min-width: 768px) {
.quadrant__slider-quadrant > div {
width: calc(100% - 3px);
}
}
.quadrant__content-empty {
position: relative;
overflow: hidden;
white-space: nowrap;
width: 100%;
display: inline-block;
}
.quadrant__content-wrapper {
display: inline-block;
width: 100%;
padding: 0 20px;
vertical-align: top;
height: 100%;
}
.quadrant__content-title {
font-size: 18px;
margin: 10px 0;
white-space: normal;
}
.quadrant__content-message {
font-size: 15px;
color: #878787;
margin-bottom: 10px;
}
.quadrant__content-charts {
width: 90%;
height: 100%;
overflow: auto;
}
.quadrant__content-charts .change-quadrant {
width: 100%;
justify-content: center;
-ms-flex-pack: center;
margin: 0;
height: auto;
}
.quadrant__content-charts .quadrant__simple-quadrant-item {
width: 110px;
height: 110px;
margin: 5px;
padding: 0;
border: solid 1px #e7eaec;
}
.quadrant__content-charts .quadrant__simple-quadrant-icon {
width: 60px;
height: 60px;
background-position: center;
}
.quadrant__content-charts .quadrant__simple-quadrant-label {
font-size: 12px;
height: auto;
padding: 0 15px;
}
.quadrant__content-source {
max-height: 400px;
max-width: 700px;
width: 100%;
}
.quadrant__content-textbox input[type="text"] {
font-size: 14px;
}
.quadrant__content-listing {
overflow: auto;
border: 1px solid #d7d7d7;
max-height: 360px;
}
.quadrant__content-category {
font-size: 15px;
width: 110px;
height: 110px;
margin: 5px;
text-align: center;
white-space: normal;
border-radius: 3px;
color: #ffffff;
box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0.85);
position: relative;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-direction: column;
justify-content: center;
-ms-flex-pack: center;
}
.quadrant__content-category:hover .quadrant__content-icon {
font-size: 90px;
}
.quadrant__content-icon {
color: #ffffff;
opacity: 0.1;
font-size: 110px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease 0s;
}
.quadrant__content-label {
width: 100px;
}
.quadrant_listing-item {
cursor: pointer;
color: #a19f9f;
font-size: 14px;
padding: 5px 20px;
display: block;
}
.quadrant_listing-item:hover {
background-color: #f8f8f8;
color: #626262;
}
.quadrant_listing-item .connection-source-image {
width: 20px;
height: 20px;
margin-right: 10px;
float: left;
}
.quadrant__wrapper {
/*display: -webkit-box;*/
display: flex;
height: calc(50%);
overflow: hidden;
position: relative;
}
.quadrant__wrapper .quadrant__content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.quadrant__default-message {
font-size: 13px;
color: #626262;
font-style: italic;
}
.quadrant__panel {
width: 350px;
/*display: -webkit-box;*/
display: flex;
position: absolute;
right: -310px;
height: 100%;
}
.quadrant__panel-icon {
width: 40px;
height: 35px;
line-height: 35px;
background: #163a50;
text-align: center;
font-size: 18px;
border-radius: 5px 0 0 5px;
color: #ffffff;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.quadrant__panel-icon .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.quadrant__panel-container {
width: 310px;
box-shadow: 0 4px 16px -8px rgba(0, 0, 0, 0.85);
}
.quadrant__panel-header {
background: #3e6177;
height: 35px;
font-size: 15px;
line-height: 35px;
padding: 0 10px;
color: #ffffff;
}
.quadrant__panel-content {
padding: 10px 5px;
overflow-y: auto;
height: 100%;
border-left: solid 1px #d7d7d7;
}
.quadrant__watermark {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 50px;
color: #ffffff;
background: rgba(0, 0, 0, 0.3);
padding: 0 30px;
border-radius: 3px;
transition: all 0.5s ease 0s;
}
.quadrant-side-menu__wrapper {
width: 0;
max-width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
background-color: #f8f8f8;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.quadrant-side-menu__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
height: 45px;
padding: 0 20px;
}
.quadrant-side-menu__icon {
font-size: 18px;
color: #626262;
padding-right: 5px;
}
.quadrant-side-menu__title {
font-size: 18px;
color: #626262;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.quadrant-side-menu__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
margin-right: 5px;
transition: color 1s ease 0s;
}
.quadrant-side-menu__delete:hover {
color: #626262;
}
.quadrant-side-menu__content {
overflow-y: auto;
height: calc(100% - 45px);
background-color: #ffffff;
padding-top: 10px;
}
.quadrant__new {
position: relative;
}
.quadrant__workspace-slideable {
white-space: nowrap;
overflow-x: hidden;
}
.quadrant__warning-indicator {
width: 25px;
text-align: right;
font-size: 22px;
color: #f8ac59;
margin-right: 10px;
cursor: pointer;
animation: neon 1s ease-in-out infinite alternate;
transition: all 1s ease 0s;
}
.quadrant__warning-indicator:hover {
color: #f79b37;
animation: none;
}
@media only screen and (min-width: 768px) {
.quadrant__sources {
/*Prevent elongated look and feel for quadrant sources*/
padding: 0 87.5px;
}
.quadrant__content {
padding: 15px;
}
.quadrant__simple-quadrants {
padding: 0;
}
.quadrant__simple-quadrant-label {
/*display: block;*/
}
.quadrant__snapshot,
.quadrant__workspace,
.quadrant__new {
padding: 20px 15px;
}
.quadrant__canvas {
padding: 0;
}
.quadrant__source-list {
width: 500px;
max-width: calc(100% - 175px);
}
.quadrant-side-menu__wrapper {
max-width: 350px;
}
.quadrant__result-image {
transform: translate(-30px, 0);
}
.quadrant__content-charts .change-quadrant {
width: 100%;
justify-content: flex-start;
-ms-flex-pack: start;
margin: 0;
}
.quadrant__content-title {
font-size: 24px;
}
.quadrant__result-title {
font-size: 30px;
}
.quadrant__result-instruction {
font-size: 15px;
}
.quadrant__result-lists {
font-size: 13px;
}
.quadrant__loading-container {
right: 35px;
}
.quadrant__content-charts .change-quadrant {
justify-content: flex-start;
-ms-flex-pack: start;
}
}
@media only screen and (min-width: 1200px) {
.quadrant__header {
height: 80px;
line-height: 80px;
}
.quadrant__snapshot,
.quadrant__workspace,
.quadrant__new {
padding-left: 30px;
padding-right: 30px;
}
.quadrant__wrapper {
height: calc(20%);
}
.quadrant__panel {
width: 400px;
right: -360px;
}
.quadrant__panel-container {
width: 360px;
}
.quadrant__loading-container {
right: 50px;
top: 120px;
}
.quadrant__content-slideable .quadrant__loading-container {
right: 30px;
top: 95px;
}
}
.quadrant--hidden {
opacity: 0;
}
.quadrant__simple-quadrant-item--selected {
border-color: #00acac;
box-shadow: 1px 1px 4px -3px rgba(0, 0, 0, 0.85);
}
.quadrant__source-list--activated {
display: block;
}
.quadrant__source-list--activated:after {
content: '';
display: block;
position: absolute;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 11px solid #ffffff;
left: 50.5%;
transform: translate(-50%);
}
.quadrant__source-list--activated:before {
content: '';
/* display: block; */
position: absolute;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 12px solid #d7d7d7;
top: 100.5%;
left: 51%;
transform: translate(-50%);
}
.quadrant__content-slideable--slided {
margin-left: -100%;
transition: all 0.5s ease 0s;
}
.quadrant__content-dynamic {
height: auto !important;
}
.quadrant__workspace .quadrant__content-slideable--slided {
margin-left: calc(-100% - 30px);
}
.quadrant__content-charts .quadrant__simple-quadrant-item--selected {
border: #00acac solid 2px;
box-shadow: 1px 1px 4px -3px rgba(0, 0, 0, 0.85);
}
.quadrant_listing-item--selected {
background-color: rgba(235, 235, 235, 0.6);
color: #626262;
font-weight: 600;
}
.quadrant__panel--expanded {
transition: all 0.5s ease 0s;
right: 0;
}
.quadrant__simple-quadrant-item--disabled {
cursor: default;
}
.quadrant__simple-quadrant-item--disabled .quadrant__simple-quadrant-icon,
.quadrant__simple-quadrant-item--disabled .quadrant__simple-quadrant-label {
opacity: 0.4;
}
.quadrant__simple-quadrant-item--disabled:hover {
/*.quadrant__simple-quadrant-icon, .quadrant__simple-quadrant-label {
opacity: 1;
}*/
}
.quadrant__canvas--sample:hover .quadrant__watermark {
display: block;
}
.quadrant-side-menu__wrapper.quadrant-side-menu__wrapper--expanded {
width: 100%;
}
.quadrant__loading-container--pushed {
margin-right: 350px;
}
.quadrant__content.quadrant__content--large {
height: calc(100% - 15px);
}
/*modifier to set color for chart group divider block*/
.quadrant__content-category--analytic {
background-color: #eb5656;
}
.quadrant__content-category--comparison {
background-color: #24b39e;
}
.quadrant__content-category--composition {
background-color: #1f72d4;
}
.quadrant__content-category--control {
background-color: #c34797;
}
.quadrant__content-category--gauge {
background-color: #f18700;
}
.quadrant__content-category--location {
background-color: #31a93a;
}
.quadrant__content-category--relationAndDistribute {
background-color: #9d1ab9;
}
.quadrant__content-category--socialMedia {
background-color: #28a8ea;
}
.quadrant__content-category--special {
background-color: #7f38cc;
}
.quadrant__content-category--streaming {
background-color: #ea522a;
}
.quadrant__content-category--trending {
background-color: #3a37e4;
}
.quadrant__content-category--widget {
background-color: #44c532;
}
.quadrant__content-category--filter {
background-color: #2e2e2e;
}
/*modifier to hightligh char type border color for each group*/
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--analytic {
border-color: #NaNNaNNaN;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--comparison {
border-color: #28c8b1;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--composition {
border-color: #2c7fe0;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--control {
border-color: #c95aa2;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--gauge {
border-color: #ff940c;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--location {
border-color: #37bd41;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--relationAndDistribute {
border-color: #b01dcf;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--socialMedia {
border-color: #3fb1ec;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--special {
border-color: #8c4cd1;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--streaming {
border-color: #ec6541;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--trending {
border-color: #504de7;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--widget {
border-color: #53cf42;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--filter {
border-color: #3b3b3b;
}
.quadrant__simple-quadrant-item.quadrant__simple-quadrant-item--selected {
border-color: #00acac;
box-shadow: 1px 1px 4px -3px rgba(0, 0, 0, 0.85);
}
.quadrant__result {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
width: 100%;
max-width: 650px;
z-index: 2;
}
.quadrant__result-container {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-direction: column;
}
.quadrant__result-content {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
}
.quadrant__result-title {
font-size: 21px;
color: #626262;
text-align: center;
padding: 0 20px;
}
.quadrant__result-image {
margin-bottom: 15px;
transform: translate(-15px, 0);
}
.quadrant__result-instruction {
font-weight: 600;
font-size: 13px;
color: #747474;
margin: 0 10px 5px;
}
.quadrant__result-lists {
color: #626262;
font-size: 13px;
}
.quadrant__result-message {
padding: 0 20px;
}
.quadrant__paper {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 280px;
height: 180px;
opacity: 0.5;
}
.quadrant__magnifier {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 110px;
height: 110px;
position: absolute;
top: 0;
transform: translate(110px, 50px);
animation: scanning 3s linear infinite;
backface-visibility: hidden;
}
@keyframes scanning {
0% {
transform: translate(130px, 50px);
}
12.5% {
transform: translate(114px, 54px);
}
25% {
transform: translate(110px, 72px);
}
37.5% {
transform: translate(117px, 89px);
}
50% {
transform: translate(130px, 97px);
}
62.5% {
transform: translate(145px, 89px);
}
75% {
transform: translate(155px, 75px);
}
87.5% {
transform: translate(145px, 54px);
}
100% {
transform: translate(130px, 50px);
}
}
@media only screen and (min-width: 768px) {
.quadrant__result-image {
transform: translate(-30px, 0);
}
.quadrant__result-title {
font-size: 30px;
}
.quadrant__result-instruction {
font-size: 15px;
}
.quadrant__result-lists {
font-size: 13px;
}
}
.quadrant__result-content.quadrant__result-content--hidden {
display: none;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
.dashboardview {
color: #626262;
}
.dashboardview__new,
.dashboardview__index {
padding: 20px 0;
}
.dashboardview__snapshot {
padding: 15px 0;
}
.dashboardview__view-icon {
padding: 0 10px;
}
.dashboardview__canvas {
margin: 15px 0;
}
.dashboardview__timeNavigator {
height: 240px;
width: 100%;
position: relative;
}
.dashboardview__timeNavigator .leesa__cell .leesa__content > div {
overflow: visible;
}
.dashboardview__message {
font-size: 60px;
color: #ebebeb;
}
.dashboardview__button {
padding: 0 10px;
}
.dashboardview__button .button--light {
border-color: #d7d7d7;
}
.dashboardview__create {
/*display: -webkit-box;*/
display: flex;
margin-top: 5px;
}
.dashboardview__create-input {
-ms-flex-positive: 0.7;
-ms-flex-negative: 0.7;
-ms-flex-preferred-size: 0;
flex-grow: 0.7;
flex-shrink: 1;
flex-basis: 0;
flex: 0.7 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
padding-right: 10px;
}
.dashboardview__create-button {
-ms-flex-positive: 0.3;
-ms-flex-negative: 0.3;
-ms-flex-preferred-size: 0;
flex-grow: 0.3;
flex-shrink: 1;
flex-basis: 0;
flex: 0.3 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.dashboardview__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.dashboardview__content {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.dashboardview__items {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin: 0 0 20px -20px;
}
.dashboardview__detail {
height: 200px;
max-width: 300px;
width: 100%;
margin: 20px 0 0 20px;
background-color: #ffffff;
cursor: pointer;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.dashboardview__detail-container {
-ms-flex-positive: 0.8;
-ms-flex-negative: 0.8;
-ms-flex-preferred-size: 0;
flex-grow: 0.8;
flex-shrink: 1;
flex-basis: 0;
flex: 0.8 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
flex-direction: column;
}
.dashboardview__detail-container:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.dashboardview__detail-shared {
height: 0;
}
.dashboardview__detail-shared-icon {
/*display: -webkit-box;*/
display: flex;
justify-content: flex-end;
-ms-flex-pack: end;
font-size: 13px;
color: #a19f9f;
width: 100%;
padding: 10px;
}
.dashboardview__detail-content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
position: relative;
}
.dashboardview__detail-content:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.dashboardview__detail-description {
width: 100%;
overflow: hidden;
padding-right: 10px;
align-self: center;
align-items: center;
-ms-flex-align: center;
}
.dashboardview__detail-title,
.dashboardview__detail-label {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
font-weight: 500;
}
.dashboardview__detail-title {
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
}
.dashboardview__detail-icon {
height: 60px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
margin: 20px;
font-size: 60px;
align-self: center;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.dashboardview__detail-action {
width: 68px;
padding: 5px;
text-align: center;
cursor: pointer;
align-self: center;
border: solid 1px transparent;
border-radius: 3px;
}
.dashboardview__detail-action:hover {
border-color: #e7eaec;
}
.dashboardview__detail-action:not(:last-child) {
margin-left: 5px;
}
.dashboardview__detail-action:nth-last-child(1) {
margin: 0 5px;
}
.dashboardview__detail-footer {
max-height: 40px;
border: solid 0 #e7eaec;
border-top-width: 1px;
font-size: 13px;
-ms-flex-positive: 0.2;
-ms-flex-negative: 0.2;
-ms-flex-preferred-size: 0;
flex-grow: 0.2;
flex-shrink: 1;
flex-basis: 0;
flex: 0.2 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.dashboardview__side-menu {
width: 0;
max-width: 100%;
position: absolute;
top: 142px;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: hidden;
z-index: 2;
transition: all 0.5s ease 0s;
}
.dashboard-side-menu__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.dashboard-side-menu__title {
margin-left: 5px;
white-space: nowrap;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.dashboard-side-menu__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 1s ease 0s;
}
.dashboard-side-menu__delete:hover {
color: #626262;
}
.dashboard-side-menu__content {
overflow-y: auto;
height: calc(100% - 45px);
}
.dashboardview__state {
background-color: #ebebeb;
width: 250px;
height: 30px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
color: #626262;
border-radius: 3px;
margin-left: 10px;
}
.dashboardview__state:hover {
background: #e1e1e1;
transition: all 0.5s ease 0s;
}
.dashboardview__state-icon {
color: #878787;
line-height: 30px;
padding: 0 10px;
font-size: 15px;
}
.dashboardview__state-text {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
font-size: 13px;
}
.dashboardview__state-delete {
line-height: 30px;
padding: 0 10px;
font-size: 15px;
transition: all 0.3s ease 0s;
border-radius: 0 3px 3px 0;
}
.dashboardview__minimizeScreen {
position: fixed;
/*Offset for fotter height and padding*/
bottom: 40px;
/**TODO: bottom values are just GUESSING WORK. HELP ME PLEASE*/
/**TODO: Maybe smaller, then on hover become bigger in size*/
/**TODO: Maybe use different font color greyish, along with opacity to be less visible but still visible*/
/**TODO: Remove all todo when done.*/
right: 10px;
width: 60px;
height: 60px;
font-size: 30px;
opacity: 0.5;
cursor: pointer;
transition: opacity 0.3s ease 0s;
}
.dashboardview__minimizeScreen:hover {
opacity: 1;
}
.dashboardview__lock-indicator {
font-weight: normal;
font-size: 13px;
color: #ffffff;
background-color: #bd4c4c;
border-radius: 3px;
width: 18px;
height: 18px;
line-height: 20px;
text-align: center;
margin-right: 5px;
}
.dashboardview__dropzone {
height: 450px;
position: relative;
text-align: center;
}
.dashboardview__container {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.dashboardview__content-dynamic {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.dashboardview__published {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
font-size: 10px;
position: absolute;
background: #62b2a3;
color: #ffffff;
border-radius: 25px 0 25px;
width: 80px;
height: 20px;
padding: 5px 0;
font-style: italic;
}
.lovely-window__content .dashboardviews--details {
display: none;
}
.dashboardview__detail--selected {
border-top-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 0.5s ease 0s;
}
.dashboardview__detail--list {
max-width: 100%;
}
.dashboardview__item--selected {
border-color: #00acac;
}
.dashboardviews--large-icons {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
}
.dashboardview__items--tiles .dashboardview__detail {
height: 100px;
}
.dashboardview__items--tiles .dashboardview__detail-content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.dashboardview__items--tiles .dashboardview__detail-icon {
font-size: 45px;
}
.dashboardview__items--tiles .dashboardview__detail-title {
margin-bottom: 0;
}
.dashboardview__detail--disabled {
opacity: 0.4;
cursor: pointer;
pointer-events: none;
}
.dashboardview__side-menu--expanded .dashboardview__side-menu {
width: 100%;
}
.dashboardview__side-menu--expanded #dashboardviewCanvas {
margin-right: 380px;
transition: all 1s ease 0s;
}
.dashboardview__side-menu.dashboardview__index-side-menu--expanded {
width: 100%;
}
.dashboardview__wrapper--fullscreen {
position: fixed;
/*Calculation offset is base on .footer*/
height: calc(100% - 30px);
width: 100%;
top: 0;
left: 0;
overflow: auto;
background-color: #f8f8f8;
z-index: 999999;
}
.dashboardview__container--slided,
.dashboardview__content--slided {
margin-left: -100%;
position: relative;
}
@media only screen and (min-width: 768px) {
.dashboardview__new,
.dashboardview__index {
padding: 20px 30px;
}
.dashboardview__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.dashboardview__snapshot {
padding: 20px 15px;
}
.dashboardview__canvas {
margin: 20px 15px;
}
.dashboardview__item {
height: 100px;
width: 250px;
margin: 20px 0 0 20px;
padding: 0;
}
.dashboardview__state {
margin-left: 0;
}
.dashboardview__side-menu {
max-width: 350px;
}
}
@media only screen and (min-width: 1200px) {
.dashboardview__timeNavigator {
height: 210px;
}
.dashboardview__snapshot {
padding-left: 30px;
padding-right: 30px;
}
.dashboardview__canvas {
margin-left: 25px;
margin-right: 25px;
}
}
.dashboardview-loading__container {
margin: 0;
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
}
.dashboardview-loading__frame {
border: solid 2px #000000;
border-radius: 8px;
box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.85);
background: #2a2d24;
width: 185px;
height: 160px;
padding: 30px 5px 5px 5px;
}
.dashboardview-loading__box {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
background: #ffffff;
padding: 10px;
box-shadow: inset 0px 0px 0px 2px #1b1b1b;
}
.dashboardview-loading__card {
animation: flashbox 2s infinite;
background-color: rgba(161, 33, 175, 0.1);
color: rgba(255, 255, 255, 0.1);
font-size: 18px;
float: left;
line-height: 40px;
height: 40px;
width: 40px;
text-align: center;
margin: 5px;
}
.dashboardview-loading__card.topcenter {
animation-delay: 0.25s;
}
.dashboardview-loading__card.topright {
animation-delay: 0.5s;
}
.dashboardview-loading__card.bottomright {
animation-delay: 0.75s;
}
.dashboardview-loading__card.bottomcenter {
animation-delay: 1s;
}
.dashboardview-loading__card.bottomleft {
animation-delay: 1.25s;
}
.dashboardview-loading__wrapper {
margin-top: 30px;
width: 280px;
}
.dashboardview-loading__text {
animation: 2s bouncingtext ease infinite;
color: #626262;
font-size: 28px;
font-weight: 600;
text-align: center;
}
.dashboardview-loading__shadow {
position: absolute;
width: 175px;
height: 20px;
bottom: -10%;
left: 50%;
transform: translateX(-50%);
transform-origin: center center;
border-radius: 50%;
background-color: #464646;
opacity: 0.2;
transform-origin: -50% -50%;
animation: 2s pulsateshadow ease infinite;
}
@keyframes flashbox {
0% {
transform: scale(1);
animation-timing-function: linear;
}
12.5% {
transform: scale(1.4);
animation-timing-function: linear;
background-color: #a121a4;
color: #ffffff;
}
25% {
transform: scale(1);
animation-timing-function: linear;
}
}
@keyframes bouncingtext {
50% {
transform: translateY(-20px);
}
}
@keyframes pulsateshadow {
0% {
opacity: 0;
}
50% {
transform: scale(0.5);
opacity: 0.2;
}
100% {
opacity: 0;
}
}
.dashboardview-card__items {
margin: auto;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
justify-content: center;
-ms-flex-pack: center;
align-items: stretch;
-ms-flex-align: stretch;
flex-wrap: wrap;
transition: all 0.3s ease-in-out 0s;
}
.dashboardview-card__item {
position: relative;
display: block;
height: 330px;
width: 320px;
min-width: 320px;
margin-bottom: 15px;
background: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
border-bottom: 3px solid transparent;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
}
.dashboardview-card__item:hover .dashboardview-card__image-wrap img {
transform: scale(1.2);
}
.dashboardview-card__item:hover .dashboardview-card__footer-button {
background-color: #00acac;
color: #ffffff;
}
.dashboardview-card__item:hover .dashboardview-card__actions {
opacity: 1;
}
.dashboardview-card__item:hover .dashboardview-card__overlay {
display: block;
background: rgba(0, 0, 0, 0.4);
}
.dashboardview-card__image-wrap {
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.dashboardview-card__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #ffffff;
background: rgba(0, 0, 0, 0);
transition: background 0.3s ease 0s;
}
.dashboardview-card__actions {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: space-around;
-ms-flex-pack: space-around;
flex-direction: row;
flex-wrap: wrap;
opacity: 0;
transition: opacity 0.3s ease 0s;
color: #ffffff;
padding: 20px;
}
.dashboardview-card__action {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
font-size: 13px;
padding: 0 10px;
height: 30px;
line-height: 30px;
border: solid 1px #ffffff;
border-radius: 3px;
background: rgba(32, 32, 32, 0.4);
margin: 0 5px;
transition: all 0.3s ease 0s;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.dashboardview-card__action .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.dashboardview-card__action:hover {
background: rgba(232, 232, 232, 0.4);
}
.dashboardview-card__action-text {
margin-left: 5px;
}
.dashboardview-card__item img {
width: 100%;
height: 180px;
display: block;
transition: all 0.3s ease-in-out 0s;
}
.dashboardview-card__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
margin-bottom: 10px;
}
.dashboardview-card__detail {
padding: 15px 20px 0;
height: calc(100% - 240px);
width: 100%;
overflow: hidden;
position: absolute;
bottom: 60px;
transition: all 0.3s ease 0s;
}
.dashboardview-card__detail-header {
font-size: 18px;
line-height: 20px;
color: #008888;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
width: calc(100% - 20px);
}
.dashboardview-card__detail-icon {
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-size: contain;
}
.dashboardview-card__detail-header img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.dashboardview-card__detail-description {
font-size: 12px;
line-height: 14px;
color: #626262;
white-space: normal;
height: 43px;
overflow: hidden;
}
.dashboardview-card__detail-description .ql-editor {
cursor: pointer;
overflow-y: hidden;
padding: 0;
white-space: normal;
line-height: 14px;
-ms-word-wrap: normal;
word-wrap: normal;
}
.dashboardview-card__detail-label {
font-size: 11px;
line-height: 14px;
color: #878787;
}
.dashboardview-card__footer {
padding: 0 20px 10px;
height: 40px;
bottom: 0;
position: absolute;
}
.dashboardview-card__footer-button {
padding: 5px 10px;
text-decoration: none;
border: 2px solid #00acac;
color: #00acac;
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
transition: all 0.3s ease-in-out 0s;
}
.dashboardview-card__footer-button .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.dashboardview-card__toggle {
bottom: 40px;
position: absolute;
width: 100%;
font-size: 10px;
font-weight: 600;
font-style: italic;
color: #158eff;
text-align: right;
padding: 0 20px;
height: 20px;
line-height: 20px;
transition: all 0.3s ease 0s;
}
.dashboardview-card__toggle:hover {
color: #007cf0;
}
.dashboardview-card__indicators {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
left: 0;
top: 162px;
position: absolute;
cursor: default;
}
.dashboardview-card__indicator {
font-size: 10px;
font-style: italic;
color: #ffffff;
height: 18px;
line-height: 18px;
text-align: center;
width: 60px;
}
@media only screen and (min-width: 768px) {
.dashboardview-card__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.dashboardview-card__item {
margin: 15px;
}
}
.dashboardview-card__item.dashboardview-card__item--selected {
border-bottom-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 3s linear infinite;
}
.dashboardview-card__item.dashboardview-card__item--selected .dashboardview-card__footer-button {
background-color: #00acac;
color: #ffffff;
}
.dashboardview-card__indicator--new,
.dashboardview-card__indicator--updated {
background: #158eff;
}
.dashboardview-card__indicator--published {
background: #62b2a3;
}
.dashboardview-card__indicator--home {
background: #5E35B1;
}
.dashboardview-card__indicator--edit {
height: 30px;
line-height: 30px;
color: #626262;
width: 30px;
font-size: 18px;
font-style: normal;
}
.dashboardview-card__item.dashboardview-card__item--expanded .dashboardview-card__image-wrap {
height: 0;
}
.dashboardview-card__item.dashboardview-card__item--expanded .dashboardview-card__indicators {
top: 0;
}
.dashboardview-card__item.dashboardview-card__item--expanded .dashboardview-card__detail {
height: calc(100% - 40px);
margin-top: 20px;
overflow: auto;
bottom: 20px;
}
.dashboardview-card__item.dashboardview-card__item--expanded .dashboardview-card__detail-description {
height: auto;
overflow: auto;
margin-bottom: 10px;
}
.dashboardview-card__item.dashboardview-card__item--expanded .dashboardview-card__toggle {
bottom: 0;
}
.dashboardview-card__item.dashboardview-card__item--expanded .dashboardview-card__footer {
display: none;
}
.dashboardview-card__item.dashboardview-card__item--list {
width: 100%;
height: 180px;
}
.dashboardview-card__item.dashboardview-card__item--list .dashboardview-card__detail {
padding: 15px 10px 0 330px;
height: calc(100% - 50px);
top: 0;
}
.dashboardview-card__item.dashboardview-card__item--list .dashboardview-card__detail .dashboardview-card__detail-header {
overflow: hidden;
display: -webkit-box;
white-space: normal;
-webkit-line-clamp: 3;
-ms-word-break: break-word;
word-break: break-word;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.dashboardview-card__item.dashboardview-card__item--list .dashboardview-card__footer {
padding: 0 20px 10px 330px;
}
.dashboardview-card__item.dashboardview-card__item--list .dashboardview-card__toggle {
padding: 0 20px 0 330px;
}
.dashboardview-card__item.dashboardview-card__item--list .dashboardview-card__image-wrap {
width: 320px;
height: 180px;
}
.dashboardview-card__item.dashboardview-card__item--list .dashboardview-card__indicators {
top: 162px;
}
.dashboardview-card__item.dashboardview-card__item--list .dashboardview-card__detail-description {
height: auto;
margin-bottom: 10px;
}
.dashboardview-card__item.dashboardview-card__item--list.dashboardview-card__item--expanded .dashboardview-card__detail {
height: calc(100% - 40px);
margin-top: 0;
}
.dataanalysis {
color: #626262;
}
.dataAnalysis__container {
overflow: auto;
}
.dataAnalysis__view-icon {
padding: 0 10px;
}
.dataanalysis__new,
.dataanalysis__index {
padding: 20px 0;
}
.dataanalysis__snapshot {
padding: 15px 0;
}
.dataanalysis__canvas {
margin: 15px 0;
}
.dataanalysis__timeNavigator {
height: 240px;
width: 100%;
position: relative;
}
.dataanalysis__message {
font-size: 60px;
color: #ebebeb;
}
.dataanalysis__button {
padding: 0 10px;
}
.dataanalysis__button .button--light {
border-color: #d7d7d7;
}
.dataanalysis__create {
/*display: -webkit-box;*/
display: flex;
margin-top: 5px;
}
.dataanalysis__create-input {
-ms-flex-positive: 0.7;
-ms-flex-negative: 0.7;
-ms-flex-preferred-size: 0;
flex-grow: 0.7;
flex-shrink: 1;
flex-basis: 0;
flex: 0.7 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
padding-right: 10px;
}
.dataanalysis__create-button {
-ms-flex-positive: 0.3;
-ms-flex-negative: 0.3;
-ms-flex-preferred-size: 0;
flex-grow: 0.3;
flex-shrink: 1;
flex-basis: 0;
flex: 0.3 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.dataanalysis__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.dataanalysis__content {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.dataanalysis__items {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin: 0 0 20px -20px;
}
.dataanalysis__detail {
height: 200px;
max-width: 300px;
width: 100%;
margin: 20px 0 0 20px;
background-color: #ffffff;
cursor: pointer;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.dataanalysis__detail-container {
-ms-flex-positive: 0.8;
-ms-flex-negative: 0.8;
-ms-flex-preferred-size: 0;
flex-grow: 0.8;
flex-shrink: 1;
flex-basis: 0;
flex: 0.8 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
flex-direction: column;
}
.dataanalysis__detail-container:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.dataanalysis__detail-shared {
height: 0;
}
.dataanalysis__detail-shared-icon {
/*display: -webkit-box;*/
display: flex;
justify-content: flex-end;
-ms-flex-pack: end;
font-size: 13px;
color: #a19f9f;
width: 100%;
padding: 10px;
}
.dataanalysis__detail-content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
position: relative;
}
.dataanalysis__detail-content:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.dataanalysis__detail-description {
width: 100%;
overflow: hidden;
padding-right: 10px;
align-self: center;
align-items: center;
-ms-flex-align: center;
}
.dataanalysis__detail-title,
.dataanalysis__detail-label {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
font-weight: 500;
}
.dataanalysis__detail-title {
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
}
.dataanalysis__detail-icon {
height: 60px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
margin: 20px;
font-size: 60px;
align-self: center;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.dataanalysis__detail-action {
width: 68px;
padding: 5px;
text-align: center;
cursor: pointer;
align-self: center;
border: solid 1px transparent;
border-radius: 3px;
}
.dataanalysis__detail-action:hover {
border-color: #e7eaec;
}
.dataanalysis__detail-action:not(:last-child) {
margin-left: 5px;
}
.dataanalysis__detail-action:nth-last-child(1) {
margin: 0 5px;
}
.dataanalysis__detail-footer {
max-height: 40px;
border: solid 0 #e7eaec;
border-top-width: 1px;
font-size: 13px;
-ms-flex-positive: 0.2;
-ms-flex-negative: 0.2;
-ms-flex-preferred-size: 0;
flex-grow: 0.2;
flex-shrink: 1;
flex-basis: 0;
flex: 0.2 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.dataanalysis__side-menu {
width: 0;
max-width: 380px;
position: absolute;
top: 142px;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: hidden;
z-index: 2;
transition: all 0.5s ease 0s;
}
.dataanalysis-side-menu__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.dataanalysis-side-menu__title {
margin-left: 5px;
white-space: nowrap;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.dataanalysis-side-menu__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 1s ease 0s;
}
.dataanalysis-side-menu__delete:hover {
color: #626262;
}
.dataanalysis-side-menu__content {
overflow-y: auto;
height: calc(100% - 45px);
}
.dataanalysis__state {
background-color: #ebebeb;
width: 250px;
height: 30px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
color: #626262;
border-radius: 3px;
margin-left: 10px;
}
.dataanalysis__state:hover {
background: #e1e1e1;
transition: all 0.5s ease 0s;
}
.dataanalysis__state-icon {
color: #878787;
line-height: 30px;
padding: 0 10px;
font-size: 15px;
}
.dataanalysis__state-text {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
font-size: 13px;
}
.dataanalysis__state-delete {
line-height: 30px;
padding: 0 10px;
font-size: 15px;
transition: all 0.3s ease 0s;
border-radius: 0 3px 3px 0;
}
.dataanalysis__minimizeScreen {
position: fixed;
/*Offset for fotter height and padding*/
bottom: 40px;
/**TODO: bottom values are just GUESSING WORK. HELP ME PLEASE*/
/**TODO: Maybe smaller, then on hover become bigger in size*/
/**TODO: Maybe use different font color greyish, along with opacity to be less visible but still visible*/
/**TODO: Remove all todo when done.*/
right: 10px;
width: 60px;
height: 60px;
font-size: 30px;
opacity: 0.1;
cursor: pointer;
transition: opacity 0.3s ease 0s;
}
.dataanalysis__minimizeScreen:hover {
opacity: 1;
}
.dataanalysis__lock-indicator {
font-weight: normal;
font-size: 13px;
color: #ffffff;
background-color: #bd4c4c;
border-radius: 3px;
width: 18px;
height: 18px;
line-height: 20px;
text-align: center;
margin-right: 5px;
}
.dataanalysis__dropzone {
height: 450px;
position: relative;
text-align: center;
}
.dataanalysis__container {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.dataanalysis__content-dynamic {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.dataanalysis__published {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
font-size: 10px;
position: absolute;
background: #62b2a3;
color: #ffffff;
border-radius: 25px 0 25px;
width: 80px;
height: 20px;
padding: 5px 0;
font-style: italic;
}
.lovely-window__content .dataanalysiss--details {
display: none;
}
.dataanalysis__detail--selected {
border-top-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 0.5s ease 0s;
}
.dataanalysis__item--selected {
border-color: #00acac;
}
.dataanalysiss--large-icons {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
}
.dataanalysis__items--tiles .dataanalysis__detail {
height: 100px;
}
.dataanalysis__items--tiles .dataanalysis__detail-content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.dataanalysis__items--tiles .dataanalysis__detail-icon {
font-size: 45px;
}
.dataanalysis__items--tiles .dataanalysis__detail-title {
margin-bottom: 0;
}
.dataanalysis__detail--disabled {
opacity: 0.4;
cursor: pointer;
pointer-events: none;
}
.dataanalysis__side-menu--expanded {
width: 100%;
}
.dataanalysis__side-menu.dataanalysis__index-side-menu--expanded {
width: 100%;
}
.dataanalysis__wrapper--fullscreen {
position: fixed;
/*Calculation offset is base on .footer*/
height: calc(100% - 30px);
width: 100%;
top: 0;
left: 0;
overflow: auto;
background-color: #f8f8f8;
z-index: 999999;
}
.dataanalysis__container--slided,
.dataanalysis__content--slided {
margin-left: -100%;
position: relative;
}
@media only screen and (min-width: 768px) {
.dataanalysis__new,
.dataanalysis__index {
padding: 20px 30px;
}
.dataanalysis__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.dataanalysis__snapshot {
padding: 20px 15px;
}
.dataanalysis__canvas {
margin: 20px 15px;
}
.dataanalysis__item {
height: 100px;
width: 250px;
margin: 20px 0 0 20px;
padding: 0;
}
.dataanalysis__state {
margin-left: 0;
}
.dataanalysis__side-menu {
max-width: 350px;
}
}
@media only screen and (min-width: 1200px) {
.dataanalysis__timeNavigator {
height: 210px;
}
.dataanalysis__snapshot {
padding-left: 30px;
padding-right: 30px;
}
.dataanalysis__canvas {
margin-left: 25px;
margin-right: 25px;
}
}
.dataanalysis-loading__container {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
}
.dataanalysis-loading__frame {
border: solid 2px #000000;
border-radius: 8px;
box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.85);
background: #2a2d24;
width: 185px;
height: 160px;
padding: 30px 5px 5px 5px;
}
.dataanalysis-loading__box {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
background: #ffffff;
padding: 10px;
box-shadow: inset 0px 0px 0px 2px #1b1b1b;
}
.dataanalysis-loading__card {
animation: flashbox 2s infinite;
background-color: rgba(161, 33, 175, 0.1);
color: rgba(255, 255, 255, 0.1);
font-size: 18px;
float: left;
line-height: 40px;
height: 40px;
width: 40px;
text-align: center;
margin: 5px;
}
.dataanalysis-loading__card.topcenter {
animation-delay: 0.25s;
}
.dataanalysis-loading__card.topright {
animation-delay: 0.5s;
}
.dataanalysis-loading__card.bottomright {
animation-delay: 0.75s;
}
.dataanalysis-loading__card.bottomcenter {
animation-delay: 1s;
}
.dataanalysis-loading__card.bottomleft {
animation-delay: 1.25s;
}
.dataanalysis-loading__wrapper {
margin-top: 30px;
width: 280px;
}
.dataanalysis-loading__text {
animation: 2s bouncingtext ease infinite;
color: #626262;
font-size: 28px;
font-weight: 600;
text-align: center;
}
.dataanalysis-loading__shadow {
position: absolute;
width: 175px;
height: 20px;
bottom: -10%;
left: 50%;
transform: translateX(-50%);
transform-origin: center center;
border-radius: 50%;
background-color: #464646;
opacity: 0.2;
transform-origin: -50% -50%;
animation: 2s pulsateshadow ease infinite;
}
@keyframes flashbox {
0% {
transform: scale(1);
animation-timing-function: linear;
}
12.5% {
transform: scale(1.4);
animation-timing-function: linear;
background-color: #a121a4;
color: #ffffff;
}
25% {
transform: scale(1);
animation-timing-function: linear;
}
}
@keyframes bouncingtext {
50% {
transform: translateY(-20px);
}
}
@keyframes pulsateshadow {
0% {
opacity: 0;
}
50% {
transform: scale(0.5);
opacity: 0.2;
}
100% {
opacity: 0;
}
}
.dataanalysis-card__items {
margin: auto;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
justify-content: center;
-ms-flex-pack: center;
align-items: stretch;
-ms-flex-align: stretch;
flex-wrap: wrap;
transition: all 0.3s ease-in-out 0s;
}
.dataanalysis-card__item {
position: relative;
display: block;
height: 330px;
width: 320px;
min-width: 320px;
margin-bottom: 15px;
background: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
border-bottom: 3px solid transparent;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
}
.dataanalysis-card__item:hover .dataanalysis-card__image-wrap img {
transform: scale(1.2);
}
.dataanalysis-card__item:hover .dataanalysis-card__footer-button {
background-color: #00acac;
color: #ffffff;
}
.dataanalysis-card__item:hover .dataanalysis-card__actions {
opacity: 1;
}
.dataanalysis-card__item:hover .dataanalysis-card__overlay {
display: block;
background: rgba(0, 0, 0, 0.4);
}
.dataanalysis-card__image-wrap {
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.dataanalysis-card__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #ffffff;
background: rgba(0, 0, 0, 0);
transition: background 0.3s ease 0s;
}
.dataanalysis-card__actions {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: space-around;
-ms-flex-pack: space-around;
flex-direction: row;
flex-wrap: wrap;
opacity: 0;
transition: opacity 0.3s ease 0s;
color: #ffffff;
padding: 20px;
}
.dataanalysis-card__action {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
font-size: 13px;
padding: 0 10px;
height: 30px;
line-height: 30px;
border: solid 1px #ffffff;
border-radius: 3px;
background: rgba(32, 32, 32, 0.4);
margin: 0 5px;
transition: all 0.3s ease 0s;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.dataanalysis-card__action .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.dataanalysis-card__action:hover {
background: rgba(232, 232, 232, 0.4);
}
.dataanalysis-card__action-text {
margin-left: 5px;
}
.dataanalysis-card__item img {
width: 100%;
height: 180px;
display: block;
transition: all 0.3s ease-in-out 0s;
}
.dataanalysis-card__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
margin-bottom: 10px;
}
.dataanalysis-card__detail {
padding: 15px 20px 0;
height: calc(100% - 240px);
width: 100%;
overflow: hidden;
position: absolute;
bottom: 60px;
transition: all 0.3s ease 0s;
}
.dataanalysis-card__detail-header {
font-size: 18px;
line-height: 20px;
color: #008888;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
width: calc(100% - 20px);
}
.dataanalysis-card__detail-icon {
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-size: contain;
}
.dataanalysis-card__detail-header img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.dataanalysis-card__detail-description {
font-size: 12px;
line-height: 14px;
color: #626262;
white-space: normal;
height: 43px;
overflow: hidden;
}
.dataanalysis-card__detail-description .ql-editor {
cursor: pointer;
overflow-y: hidden;
padding: 0;
white-space: normal;
line-height: 14px;
-ms-word-wrap: normal;
word-wrap: normal;
}
.dataanalysis-card__detail-label {
font-size: 11px;
line-height: 14px;
color: #878787;
}
.dataanalysis-card__footer {
padding: 0 20px 10px;
height: 40px;
bottom: 0;
position: absolute;
}
.dataanalysis-card__footer-button {
padding: 5px 10px;
text-decoration: none;
border: 2px solid #00acac;
color: #00acac;
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
transition: all 0.3s ease-in-out 0s;
}
.dataanalysis-card__footer-button .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.dataanalysis-card__toggle {
bottom: 40px;
position: absolute;
width: 100%;
font-size: 10px;
font-weight: 600;
font-style: italic;
color: #158eff;
text-align: right;
padding: 0 20px;
height: 20px;
line-height: 20px;
transition: all 0.3s ease 0s;
}
.dataanalysis-card__toggle:hover {
color: #007cf0;
}
.dataanalysis-card__indicators {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
left: 0;
top: 162px;
position: absolute;
cursor: default;
}
.dataanalysis-card__indicator {
font-size: 10px;
font-style: italic;
color: #ffffff;
height: 18px;
line-height: 18px;
text-align: center;
width: 60px;
}
@media only screen and (min-width: 768px) {
.dataanalysis-card__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.dataanalysis-card__item {
margin: 15px;
}
}
.dataanalysis-card__item.dataanalysis-card__item--selected {
border-bottom-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 3s linear infinite;
}
.dataanalysis-card__item.dataanalysis-card__item--selected .dataanalysis-card__footer-button {
background-color: #00acac;
color: #ffffff;
}
.dataanalysis-card__indicator--new,
.dataanalysis-card__indicator--updated {
background: #158eff;
}
.dataanalysis-card__indicator--published {
background: #62b2a3;
}
.dataanalysis-card__indicator--edit {
height: 30px;
line-height: 30px;
color: #626262;
width: 30px;
font-size: 18px;
font-style: normal;
}
.dataanalysis-card__item.dataanalysis-card__item--expanded .dataanalysis-card__image-wrap {
height: 0;
}
.dataanalysis-card__item.dataanalysis-card__item--expanded .dataanalysis-card__indicators {
top: 0;
}
.dataanalysis-card__item.dataanalysis-card__item--expanded .dataanalysis-card__detail {
height: calc(100% - 40px);
margin-top: 20px;
overflow: auto;
bottom: 20px;
}
.dataanalysis-card__item.dataanalysis-card__item--expanded .dataanalysis-card__detail-description {
height: auto;
overflow: auto;
margin-bottom: 10px;
}
.dataanalysis-card__item.dataanalysis-card__item--expanded .dataanalysis-card__toggle {
bottom: 0;
}
.dataanalysis-card__item.dataanalysis-card__item--expanded .dataanalysis-card__footer {
display: none;
}
.dataanalysis-card__item.dataanalysis-card__item--list {
width: 100%;
height: 180px;
}
.dataanalysis-card__item.dataanalysis-card__item--list .dataanalysis-card__detail {
padding: 15px 10px 0 330px;
height: calc(100% - 50px);
top: 0;
}
.dataanalysis-card__item.dataanalysis-card__item--list .dataanalysis-card__detail .dataanalysis-card__detail-header {
overflow: hidden;
display: -webkit-box;
white-space: normal;
-webkit-line-clamp: 3;
-ms-word-break: break-word;
word-break: break-word;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.dataanalysis-card__item.dataanalysis-card__item--list .dataanalysis-card__footer {
padding: 0 20px 10px 330px;
}
.dataanalysis-card__item.dataanalysis-card__item--list .dataanalysis-card__toggle {
padding: 0 20px 0 330px;
}
.dataanalysis-card__item.dataanalysis-card__item--list .dataanalysis-card__image-wrap {
width: 320px;
height: 180px;
}
.dataanalysis-card__item.dataanalysis-card__item--list .dataanalysis-card__indicators {
top: 162px;
}
.dataanalysis-card__item.dataanalysis-card__item--list .dataanalysis-card__detail-description {
height: auto;
margin-bottom: 10px;
}
.dataanalysis-card__item.dataanalysis-card__item--list.dataanalysis-card__item--expanded .dataanalysis-card__detail {
height: calc(100% - 40px);
margin-top: 0;
}
.form {
color: #626262;
}
.form__container {
overflow: auto;
}
.form__new,
.form__index,
.form__access-control {
padding: 20px 0;
}
.form__access-control {
/*display: -webkit-box;*/
display: flex;
}
.form__snapshot {
padding: 15px 0;
}
.form__canvas {
margin: 15px 0;
}
.form__timeNavigator {
height: 240px;
width: 100%;
position: relative;
}
.form__message {
font-size: 60px;
color: #ebebeb;
}
.form__button {
padding: 0 10px;
}
.form__button .button--light {
border-color: #d7d7d7;
}
.form__create {
/*display: -webkit-box;*/
display: flex;
margin-top: 5px;
}
.form__create-input {
-ms-flex-positive: 0.7;
-ms-flex-negative: 0.7;
-ms-flex-preferred-size: 0;
flex-grow: 0.7;
flex-shrink: 1;
flex-basis: 0;
flex: 0.7 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
padding-right: 10px;
}
.form__create-button {
-ms-flex-positive: 0.3;
-ms-flex-negative: 0.3;
-ms-flex-preferred-size: 0;
flex-grow: 0.3;
flex-shrink: 1;
flex-basis: 0;
flex: 0.3 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.form__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.form__content {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.form__view-icon {
padding: 0 10px;
}
.form__items {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin: 0 0 20px -20px;
}
.form__detail {
height: 200px;
max-width: 300px;
width: 100%;
margin: 20px 0 0 20px;
background-color: #ffffff;
cursor: pointer;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.form__detail-container {
-ms-flex-positive: 0.8;
-ms-flex-negative: 0.8;
-ms-flex-preferred-size: 0;
flex-grow: 0.8;
flex-shrink: 1;
flex-basis: 0;
flex: 0.8 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
flex-direction: column;
}
.form__detail-container:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.form__detail-shared {
height: 0;
}
.form__detail-shared-icon {
/*display: -webkit-box;*/
display: flex;
justify-content: flex-end;
-ms-flex-pack: end;
font-size: 13px;
color: #a19f9f;
width: 100%;
padding: 10px;
}
.form__detail-content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
position: relative;
}
.form__detail-content:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.form__detail-description {
width: 100%;
overflow: hidden;
padding-right: 10px;
align-self: center;
align-items: center;
-ms-flex-align: center;
}
.form__detail-title,
.form__detail-label {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
font-weight: 500;
}
.form__detail-title {
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
}
.form__detail-icon {
height: 60px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
margin: 20px;
font-size: 60px;
align-self: center;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.form__detail-action {
width: 68px;
padding: 5px;
text-align: center;
cursor: pointer;
align-self: center;
border: solid 1px transparent;
border-radius: 3px;
}
.form__detail-action:hover {
border-color: #e7eaec;
}
.form__detail-action:not(:last-child) {
margin-left: 5px;
}
.form__detail-action:nth-last-child(1) {
margin: 0 5px;
}
.form__detail-footer {
max-height: 40px;
border: solid 0 #e7eaec;
border-top-width: 1px;
font-size: 13px;
-ms-flex-positive: 0.2;
-ms-flex-negative: 0.2;
-ms-flex-preferred-size: 0;
flex-grow: 0.2;
flex-shrink: 1;
flex-basis: 0;
flex: 0.2 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.form__side-menu {
width: 0;
max-width: 380px;
position: absolute;
top: 142px;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: hidden;
z-index: 2;
transition: all 0.5s ease 0s;
}
.dashboard-side-menu__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.dashboard-side-menu__title {
margin-left: 5px;
white-space: nowrap;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.dashboard-side-menu__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 1s ease 0s;
}
.dashboard-side-menu__delete:hover {
color: #626262;
}
.dashboard-side-menu__content {
overflow-y: auto;
height: calc(100% - 45px);
}
.form__state {
background-color: #ebebeb;
width: 250px;
height: 30px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
color: #626262;
border-radius: 3px;
margin-left: 10px;
}
.form__state:hover {
background: #e1e1e1;
transition: all 0.5s ease 0s;
}
.form__state-icon {
color: #878787;
line-height: 30px;
padding: 0 10px;
font-size: 15px;
}
.form__state-text {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
font-size: 13px;
}
.form__state-delete {
line-height: 30px;
padding: 0 10px;
font-size: 15px;
transition: all 0.3s ease 0s;
border-radius: 0 3px 3px 0;
}
.form__minimizeScreen {
position: fixed;
/*Offset for fotter height and padding*/
bottom: 40px;
/**TODO: bottom values are just GUESSING WORK. HELP ME PLEASE*/
/**TODO: Maybe smaller, then on hover become bigger in size*/
/**TODO: Maybe use different font color greyish, along with opacity to be less visible but still visible*/
/**TODO: Remove all todo when done.*/
right: 10px;
width: 60px;
height: 60px;
font-size: 30px;
opacity: 0.1;
cursor: pointer;
transition: opacity 0.3s ease 0s;
}
.form__minimizeScreen:hover {
opacity: 1;
}
.form__lock-indicator {
font-weight: normal;
font-size: 13px;
color: #ffffff;
background-color: #bd4c4c;
border-radius: 3px;
width: 18px;
height: 18px;
line-height: 20px;
text-align: center;
margin-right: 5px;
}
.form__dropzone {
height: 450px;
position: relative;
text-align: center;
}
.form__container {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.form__content-dynamic {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.form__published {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
font-size: 10px;
position: absolute;
background: #62b2a3;
color: #ffffff;
border-radius: 25px 0 25px;
width: 80px;
height: 20px;
padding: 5px 0;
font-style: italic;
}
.form__user-group-selection {
width: 400px;
height: 100%;
padding: 15px;
background: #ffffff;
overflow: auto;
}
.form__list-view {
width: calc(100% - 400px);
height: 100%;
overflow: auto;
padding: 0 15px;
}
.form__shareable-entity {
padding: 5px;
border-left: 0px solid #00acac;
cursor: pointer;
transition: 0.3s;
}
.form__shareable-entity:hover {
background-color: #f8f8f8;
border-left: 3px solid #00acac;
}
.form__shareable-entity.form__shareable-entity--selected {
border-left: 5px solid #00acac;
color: #00acac;
}
.form__workspace {
padding: 20px 0;
position: relative;
width: 750px;
max-width: 100%;
max-height: 90%;
}
.form__workspace-content {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
padding: 20px;
height: 100%;
}
.form__workspace-label {
font-size: 18px;
font-weight: 300;
}
.form__workspace-dropdown-container {
height: 40px;
line-height: 40px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
}
.form__workspace-roleAccessContainer {
height: 200px;
padding: 5px 10px;
font-size: 15px;
color: #616161;
border: 1px solid #d7d7d7;
border-radius: 1px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
overflow: auto;
}
.form__workspace-row {
margin-bottom: 15px;
}
.form__workspace-textarea {
display: block;
width: 100%;
height: 100px;
outline: none;
padding: 5px 10px;
font-size: 15px;
color: #616161;
border: 1px solid #d7d7d7;
border-radius: 1px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
resize: none;
}
.form__workspace-error {
border: solid 1px #ce909d;
background-color: #fbdbe2;
border-radius: 3px;
height: auto;
padding: 10px 5px 10px;
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.form__workspace-error-value {
font-size: 13px;
color: #b56464;
}
.form__workspace-deleteUser-options {
/*display: -webkit-box;*/
display: flex;
}
.form__workspace-deleteUser-options .form__workspace-checkbox {
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.lovely-window__content .form__workspace-content {
min-height: 350px;
}
.lovely-window__content .dropdownList_active .dropdown {
max-height: 150px;
}
.form__workspace-subform-container {
/*display: -webkit-box;*/
display: flex;
}
.form__workspace-subform {
padding: 5px 15px;
border: 1px solid #d7d7d7;
border-radius: 1px;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
margin-right: 5px;
}
.lovely-window__content .forms--details {
display: none;
}
.form__detail--selected {
border-top-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 0.5s ease 0s;
}
.form__item--selected {
border-color: #00acac;
}
.forms--large-icons {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
}
.form__items--tiles .form__detail {
height: 100px;
}
.form__items--tiles .form__detail-content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.form__items--tiles .form__detail-icon {
font-size: 45px;
}
.form__items--tiles .form__detail-title {
margin-bottom: 0;
}
.form__detail--disabled {
opacity: 0.4;
cursor: pointer;
pointer-events: none;
}
.form__side-menu--expanded .form__side-menu {
width: 100%;
}
.form__side-menu--expanded #formCanvas {
margin-right: 380px;
transition: all 1s ease 0s;
}
.form__side-menu.form__index-side-menu--expanded {
width: 100%;
}
.form__wrapper--fullscreen {
position: fixed;
/*Calculation offset is base on .footer*/
height: calc(100% - 30px);
width: 100%;
top: 0;
left: 0;
overflow: auto;
background-color: #f8f8f8;
z-index: 999999;
}
.form__container--slided,
.form__content--slided {
margin-left: -100%;
position: relative;
}
@media only screen and (min-width: 768px) {
.form__new,
.form__index,
.form__access-control {
padding: 20px 30px;
}
.form__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.form__snapshot {
padding: 20px 15px;
}
.form__canvas {
margin: 20px 15px;
}
.form__item {
height: 100px;
width: 250px;
margin: 20px 0 0 20px;
padding: 0;
}
.form__state {
margin-left: 0;
}
.form__side-menu {
max-width: 350px;
}
.form__workspace {
padding: 20px 30px;
height: 100%;
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.form__timeNavigator {
height: 210px;
}
.form__snapshot {
padding-left: 30px;
padding-right: 30px;
}
.form__canvas {
margin-left: 25px;
margin-right: 25px;
}
}
.form-loading__container {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
}
.form-loading__frame {
border: solid 2px #000000;
border-radius: 8px;
box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.85);
background: #2a2d24;
width: 185px;
height: 160px;
padding: 30px 5px 5px 5px;
}
.form-loading__box {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
background: #ffffff;
padding: 10px;
box-shadow: inset 0px 0px 0px 2px #1b1b1b;
}
.form-loading__card {
animation: flashbox 2s infinite;
background-color: rgba(161, 33, 175, 0.1);
color: rgba(255, 255, 255, 0.1);
font-size: 18px;
float: left;
line-height: 40px;
height: 40px;
width: 40px;
text-align: center;
margin: 5px;
}
.form-loading__card.topcenter {
animation-delay: 0.25s;
}
.form-loading__card.topright {
animation-delay: 0.5s;
}
.form-loading__card.bottomright {
animation-delay: 0.75s;
}
.form-loading__card.bottomcenter {
animation-delay: 1s;
}
.form-loading__card.bottomleft {
animation-delay: 1.25s;
}
.form-loading__wrapper {
margin-top: 30px;
width: 280px;
}
.form-loading__text {
animation: 2s bouncingtext ease infinite;
color: #626262;
font-size: 28px;
font-weight: 600;
text-align: center;
}
.form-loading__shadow {
position: absolute;
width: 175px;
height: 20px;
bottom: -10%;
left: 50%;
transform: translateX(-50%);
transform-origin: center center;
border-radius: 50%;
background-color: #464646;
opacity: 0.2;
transform-origin: -50% -50%;
animation: 2s pulsateshadow ease infinite;
}
@keyframes flashbox {
0% {
transform: scale(1);
animation-timing-function: linear;
}
12.5% {
transform: scale(1.4);
animation-timing-function: linear;
background-color: #a121a4;
color: #ffffff;
}
25% {
transform: scale(1);
animation-timing-function: linear;
}
}
@keyframes bouncingtext {
50% {
transform: translateY(-20px);
}
}
@keyframes pulsateshadow {
0% {
opacity: 0;
}
50% {
transform: scale(0.5);
opacity: 0.2;
}
100% {
opacity: 0;
}
}
.form-card__items {
margin: auto;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
justify-content: center;
-ms-flex-pack: center;
align-items: stretch;
-ms-flex-align: stretch;
flex-wrap: wrap;
transition: all 0.3s ease-in-out 0s;
}
.form-card__item {
position: relative;
display: block;
height: 330px;
width: 320px;
min-width: 320px;
margin-bottom: 15px;
background: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
border-bottom: 3px solid transparent;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
}
.form-card__item:hover .form-card__image-wrap img {
transform: scale(1.2);
}
.form-card__item:hover .form-card__footer-button {
background-color: #00acac;
color: #ffffff;
}
.form-card__item:hover .form-card__actions {
opacity: 1;
}
.form-card__item:hover .form-card__overlay {
display: block;
background: rgba(0, 0, 0, 0.4);
}
.form-card__image-wrap {
display: block;
position: relative;
width: 320px;
overflow: hidden;
}
.form-card__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #ffffff;
background: rgba(0, 0, 0, 0);
transition: background 0.3s ease 0s;
}
.form-card__actions {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: space-around;
-ms-flex-pack: space-around;
flex-direction: row;
flex-wrap: wrap;
opacity: 0;
transition: opacity 0.3s ease 0s;
color: #ffffff;
padding: 20px;
}
.form-card__action {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
font-size: 13px;
padding: 0 10px;
height: 30px;
line-height: 30px;
border: solid 1px #ffffff;
border-radius: 3px;
background: rgba(32, 32, 32, 0.4);
margin: 0 5px;
transition: all 0.3s ease 0s;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.form-card__action .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.form-card__action:hover {
background: rgba(232, 232, 232, 0.4);
}
.form-card__action-text {
margin-left: 5px;
}
.form-card__item img {
width: 100%;
height: 180px;
display: block;
transition: all 0.3s ease-in-out 0s;
}
.form-card__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
margin-bottom: 10px;
}
.form-card__detail {
padding: 15px 20px 0;
height: calc(100% - 240px);
width: 100%;
overflow: hidden;
position: absolute;
bottom: 60px;
transition: all 0.3s ease 0s;
}
.form-card__detail-header {
font-size: 18px;
line-height: 20px;
color: #008888;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
width: calc(100% - 20px);
}
.form-card__detail-icon {
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-size: contain;
}
.form-card__detail-header img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.form-card__detail-description {
font-size: 12px;
line-height: 14px;
color: #626262;
white-space: normal;
height: 43px;
overflow: hidden;
}
.form-card__detail-description .ql-editor {
cursor: pointer;
overflow-y: hidden;
padding: 0;
white-space: normal;
line-height: 14px;
-ms-word-wrap: normal;
word-wrap: normal;
}
.form-card__detail-label {
font-size: 11px;
line-height: 14px;
color: #878787;
}
.form-card__footer {
padding: 0 20px 10px;
height: 40px;
bottom: 0;
position: absolute;
}
.form-card__footer-button {
padding: 5px 10px;
text-decoration: none;
border: 2px solid #00acac;
color: #00acac;
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
transition: all 0.3s ease-in-out 0s;
}
.form-card__footer-button .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.form-card__toggle {
bottom: 40px;
position: absolute;
width: 100%;
font-size: 10px;
font-weight: 600;
font-style: italic;
color: #158eff;
text-align: right;
padding: 0 20px;
height: 20px;
line-height: 20px;
transition: all 0.3s ease 0s;
}
.form-card__toggle:hover {
color: #007cf0;
}
.form-card__indicators {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
left: 0;
top: 162px;
position: absolute;
cursor: default;
}
.form-card__indicator {
font-size: 10px;
font-style: italic;
color: #ffffff;
height: 18px;
line-height: 18px;
text-align: center;
width: 60px;
}
@media only screen and (min-width: 768px) {
.form-card__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.form-card__item {
margin: 15px;
}
}
.form-card__item.form-card__item--selected {
border-bottom-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 3s linear infinite;
}
.form-card__item.form-card__item--selected .form-card__footer-button {
background-color: #00acac;
color: #ffffff;
}
.form-card__indicator--new,
.form-card__indicator--updated {
background: #158eff;
}
.form-card__indicator--published {
background: #62b2a3;
}
.form-card__indicator--edit {
height: 30px;
line-height: 30px;
color: #626262;
width: 30px;
font-size: 18px;
font-style: normal;
}
.form-card__item.form-card__item--expanded .form-card__image-wrap {
height: 0;
}
.form-card__item.form-card__item--expanded .form-card__indicators {
top: 0;
}
.form-card__item.form-card__item--expanded .form-card__detail {
height: calc(100% - 40px);
margin-top: 20px;
overflow: auto;
bottom: 20px;
}
.form-card__item.form-card__item--expanded .form-card__detail-description {
height: auto;
overflow: auto;
margin-bottom: 10px;
}
.form-card__item.form-card__item--expanded .form-card__toggle {
bottom: 0;
}
.form-card__item.form-card__item--expanded .form-card__footer {
display: none;
}
.form-card__item.form-card__item--list {
width: 100%;
height: 180px;
}
.form-card__item.form-card__item--list .form-card__detail {
padding: 15px 10px 0 330px;
height: calc(100% - 50px);
top: 0;
}
.form-card__item.form-card__item--list .form-card__detail .form-card__detail-header {
overflow: hidden;
display: -webkit-box;
white-space: normal;
-webkit-line-clamp: 3;
-ms-word-break: break-word;
word-break: break-word;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.form-card__item.form-card__item--list .form-card__footer {
padding: 0 20px 10px 330px;
}
.form-card__item.form-card__item--list .form-card__toggle {
padding: 0 20px 0 330px;
}
.form-card__item.form-card__item--list .form-card__image-wrap {
width: 320px;
height: 180px;
}
.form-card__item.form-card__item--list .form-card__indicators {
top: 162px;
}
.form-card__item.form-card__item--list.form-card__item--expanded .form-card__detail {
height: calc(100% - 40px);
margin-top: 0;
}
.source__new,
.source__container,
.source__workspace {
padding: 20px 0;
}
.source__view-icon {
padding: 0 10px;
}
.source__workspace-full {
padding: 20px 0;
min-height: 500px;
}
.source__workflow {
height: calc(100% + 20px);
width: 100%;
overflow: hidden;
}
.source__workflow-container {
width: 100%;
min-width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
white-space: nowrap;
}
.source__workflow-container .table__wrapper {
height: 100%;
width: 100%;
float: left;
display: inline-block;
position: relative;
}
.source__wrapper {
overflow: hidden;
position: relative;
height: 100%;
}
.source__side-menu {
width: 0;
max-width: 100%;
position: absolute;
top: 142px;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: hidden;
z-index: 2;
transition: all 0.5s ease 0s;
}
.source-side-menu__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.source-side-menu__title {
margin-left: 5px;
white-space: nowrap;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source-side-menu__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 1s ease 0s;
}
.source-side-menu__delete:hover {
color: #626262;
}
.source-side-menu__content {
overflow-y: auto;
height: calc(100% - 45px);
}
.source__state {
background-color: #ebebeb;
width: 280px;
height: 30px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
color: #626262;
border-radius: 3px;
margin-left: 10px;
}
.source__state:hover {
background: #e1e1e1;
transition: all 0.5s ease 0s;
}
.source__state-icon {
color: #878787;
line-height: 30px;
padding: 0 10px;
font-size: 15px;
}
.source__state-text {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
font-size: 13px;
}
.source__state-delete {
line-height: 30px;
padding: 0 10px;
font-size: 15px;
transition: all 0.3s ease 0s;
border-radius: 0 3px 3px 0;
}
.source__message {
font-size: 60px;
color: #ebebeb;
}
.source__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.source__content {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.source__content-dynamic {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.source__content-dynamic > div > .source__content {
padding: 20px;
}
.source__items {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin: 0 0 5px -20px;
}
.source__item {
height: 140px;
width: 100%;
max-width: 400px;
margin: 10px;
color: #626262;
background-color: #ffffff;
border: solid 1px #d7d7d7;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
cursor: pointer;
box-sizing: content-box;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
align-content: center;
transition: all 0.3s ease 0s;
}
.source__item:hover {
background-color: rgba(235, 235, 235, 0.6);
border-color: #e7eaec;
transition: all 0.3s ease 0s;
}
.source__item-label {
white-space: normal;
overflow: hidden;
font-size: 15px;
line-height: 17px;
font-weight: 500;
width: 100%;
max-width: 150px;
padding: 0 10px;
}
.source__item-icon {
height: 70px;
width: 70px;
background-repeat: no-repeat;
background-size: contain;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source__item-header {
height: 40px;
line-height: 40px;
padding: 0 15px;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
}
.source__item-content {
position: relative;
text-align: center;
padding: 15px 29%;
height: 70px;
}
.source__row {
margin-bottom: 15px;
}
.source__label {
font-size: 18px;
font-weight: 300;
}
.source__checkbox {
display: inline-block;
}
.source__checkbox input[type="checkbox"] {
display: inline-block;
}
.source__checkbox .source__label {
display: inline-block;
margin-left: 5px;
}
.source__summary-row {
display: inline-block;
margin-right: 15px;
margin-bottom: 5px;
}
.source__summary-label {
font-size: 13px;
}
.source__summary-value {
font-size: 15px;
padding-top: 10px;
color: #878787;
}
.source__listing {
height: 400px;
overflow: auto;
border: 1px solid #d7d7d7;
border-top-width: 0;
}
.source__listing-header {
height: 40px;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-items: center;
-ms-flex-align: center;
border: 1px solid #d7d7d7;
border-top-width: 0;
}
.source__listing-grid {
cursor: pointer;
color: #a19f9f;
/*display: -webkit-box;*/
display: flex;
transition: all 0.3s ease 0s;
}
.source__listing-grid:hover {
background-color: #D5E2F3;
color: #626262;
}
.source__listing-grid:hover .source__listing-item {
background-color: transparent;
color: #626262;
}
.source__listing-title {
cursor: pointer;
color: #626262;
font-size: 15px;
font-weight: 600;
padding: 5px 5px 5px 20px;
-ms-flex-positive: 0.5;
-ms-flex-negative: 0.5;
-ms-flex-preferred-size: 0;
flex-grow: 0.5;
flex-shrink: 1;
flex-basis: 0;
flex: 0.5 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source__listing-item {
cursor: pointer;
color: #a19f9f;
font-size: 15px;
padding: 5px 5px 5px 20px;
-ms-flex-positive: 0.5;
-ms-flex-negative: 0.5;
-ms-flex-preferred-size: 0;
flex-grow: 0.5;
flex-shrink: 1;
flex-basis: 0;
flex: 0.5 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
transition: all 0.3s ease 0s;
margin: 5px;
}
.source__listing-item:hover {
background-color: #D9F2F2;
color: #626262;
}
.source__row.rest_api .dropdown_inline {
display: inline-flex;
}
.source__row.rest_api .dropdown_inline drop-down-list {
width: 80px;
}
.source__row.rest_api .dropdown_inline.include_margin {
margin-right: 5px;
}
.source__row.rest_api .textbox_inline {
display: inline-flex;
width: calc(15%);
}
.source__row.rest_api .textbox_inline .text-box__input {
width: 100%;
}
.source__row.rest_api .label_underline {
text-decoration: underline;
}
.source__row.rest_api .label_light {
color: #626262;
}
.source__detail {
height: 200px;
max-width: 300px;
width: 100%;
margin: 20px 0 0 20px;
background-color: #ffffff;
cursor: pointer;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.source__detail-content {
-ms-flex-positive: 0.8;
-ms-flex-negative: 0.8;
-ms-flex-preferred-size: 0;
flex-grow: 0.8;
flex-shrink: 1;
flex-basis: 0;
flex: 0.8 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.3s ease 0s;
overflow: hidden;
position: relative;
}
.source__detail-content .connection-source-image > svg {
transform: scale(1.3, 1.3);
}
.source__detail-content:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.source__detail-message {
display: none;
text-align: center;
font-size: 10px;
font-weight: 600;
white-space: normal;
max-width: 300px;
padding: 5px 10px;
color: #C35757;
width: 100%;
}
.source__detail-description {
width: 100%;
overflow: hidden;
padding-right: 10px;
align-self: center;
align-items: center;
-ms-flex-align: center;
}
.source__detail-title,
.source__detail-label {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
font-weight: 500;
}
.source__detail-title {
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
}
.source__detail-icon {
margin-right: 15px;
align-self: center;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source__detail-action {
width: 68px;
padding: 5px;
text-align: center;
cursor: pointer;
align-self: center;
border: solid 1px transparent;
border-radius: 3px;
}
.source__detail-action:hover {
border-color: #e7eaec;
}
.source__detail-action:not(:last-child) {
margin-left: 5px;
}
.source__detail-footer {
max-height: 40px;
border: solid 0 #e7eaec;
border-top-width: 1px;
font-size: 13px;
-ms-flex-positive: 0.2;
-ms-flex-negative: 0.2;
-ms-flex-preferred-size: 0;
flex-grow: 0.2;
flex-shrink: 1;
flex-basis: 0;
flex: 0.2 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.source__error {
border: solid 1px #ce909d;
background-color: #fbdbe2;
border-radius: 3px;
height: auto;
padding: 10px 5px 10px;
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
text-align: center;
}
.source__error-value {
font-size: 13px;
color: #b56464;
white-space: normal;
}
.source__disclaimer {
text-align: center;
padding: 10px;
background: #edf7f9;
border-radius: 3px;
border: solid 1px #cee4fb;
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.source__disclaimer-value {
font-size: 13px;
color: #656769;
white-space: normal;
display: inline-block;
}
.source__disclaimer-hyperlink {
font-size: 13px;
margin: 0 5px;
}
.source__workspace {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
transition: all 1s ease 0s;
}
.source__workspace .table {
overflow: auto;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
margin-bottom: 0;
background-color: #f0f0f0;
overflow: hidden;
height: 100%;
}
.source__workspace-disclaimer {
font-size: 13px;
font-weight: 600;
color: #626262;
position: relative;
display: inline-block;
margin-top: 10px;
transition: all 1s ease 0s;
}
.source__dropdown-container {
height: 40px;
line-height: 40px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
}
.source__content-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
position: fixed;
}
.source__content-image {
font-size: 80px;
color: #a19f9f;
border: dashed 3px #d7d7d7;
border-radius: 10px;
width: 130px;
height: 130px;
line-height: 130px;
text-align: center;
transition: all 0.3s ease 0s;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.source__content-image .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.source__content-image:hover {
color: #878787;
border-color: #c5c5c5;
}
.source__content-message {
font-size: 18px;
font-weight: 600;
color: #a19f9f;
margin-top: 10px;
text-align: center;
white-space: nowrap;
}
.source__header {
font-size: 24px;
color: #626262;
text-align: center;
margin: 10px;
}
.source__thumbnails {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin: 10px;
}
.source__thumbnail {
height: 200px;
width: 200px;
margin: 10px;
color: #626262;
background-color: #ffffff;
border: solid 1px #d7d7d7;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
cursor: pointer;
box-sizing: content-box;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
align-content: flex-start;
transition: all 0.3s ease 0s;
}
.source__thumbnail:hover {
background-color: rgba(235, 235, 235, 0.6);
border-color: #e7eaec;
}
.source__thumbnail-label {
white-space: normal;
overflow: hidden;
font-size: 18px;
line-height: 20px;
height: 45px;
font-weight: 500;
width: 100%;
max-width: 150px;
padding: 0 10px;
}
.source__thumbnail-icon {
height: 70px;
width: 70px;
background-repeat: no-repeat;
background-size: contain;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source__validation {
border: solid 1px #d7d7d7;
}
.source__validation-container {
height: 400px;
overflow: auto;
font-size: 13px;
color: #878787;
padding: 5px;
}
.source__validation-footer {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap;
justify-content: flex-end;
-ms-flex-pack: end;
padding: 5px;
}
.source__validation-status {
font-size: 13px;
font-weight: 600;
color: #626262;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source__row-header {
margin-bottom: 10px;
/*display: -webkit-box;*/
display: flex;
}
.source__buttons {
text-align: right;
}
.source__button,
.source__record-button {
font-size: 13px;
padding: 0 10px;
border-radius: 3px;
height: 30px;
width: 100px;
line-height: 30px;
}
.source__button:nth-child(2),
.source__record-button:nth-child(2) {
margin-left: 5px;
}
.source__records {
background: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap;
border: solid 1px #d7d7d7;
padding: 0 5px;
}
.source__record {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
padding: 5px 0;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source__record .text-box,
.source__record .source__dropdown-container {
height: 30px;
line-height: 30px;
min-width: 150px;
margin: 0 5px;
}
.source__record .text-box,
.source__table .text-box,
.source__record .source__dropdown-container,
.source__table .source__dropdown-container {
box-shadow: none;
width: 100%;
}
.source__record .text-box__input > input,
.source__table .text-box__input > input {
font-size: 15px;
color: #a19f9f;
}
.source__record-label {
font-size: 15px;
font-weight: 600;
color: #626262;
}
.source__table {
height: 400px;
border: solid #d7d7d7;
border-width: 0 1px 1px 1px;
width: 100%;
}
.source__table .text-box,
.source__table .source__dropdown-container {
height: 25px;
line-height: 25px;
}
.source__table tbody {
display: block;
height: 360px;
overflow-y: auto;
}
.source__table tr {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
width: 100%;
height: 30px;
line-height: 30px;
}
.source__table-header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap;
padding: 5px;
border-bottom: solid 1px #d7d7d7;
}
.source__table-header .source__table--left {
text-align: left;
}
.source__table-row {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.source__table-item {
color: #878787;
font-size: 15px;
font-weight: 600;
padding-left: 5px;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow-x: hidden;
}
.source__table-list {
/*display: -webkit-box;*/
display: flex;
font-size: 15px;
color: #a19f9f;
padding: 0 5px;
transition: all 0.3s ease 0s;
}
.source__table-list:hover {
background-color: rgba(235, 235, 235, 0.6);
}
.source__table-list .source__table-label {
cursor: default;
padding-left: 5px;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow-x: hidden;
}
.source__table-icon {
width: 30px;
cursor: pointer;
}
.source__table-icon:hover {
color: #626262;
}
.source__workflow-icon {
background: transparent;
width: 35px;
height: 100%;
vertical-align: top;
text-align: center;
float: right;
}
.source__publish {
padding: 15px 15px 0;
min-width: 700px;
max-width: 100%;
}
.source__switch {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
align-items: center;
-ms-flex-align: center;
}
.source__listing-icon {
margin-right: 10px;
}
.source__badges {
float: right;
font-size: 13px;
background: #158eff;
color: #ffffff;
padding: 0 15px;
border-radius: 3px;
}
.source__tags {
/*display: -webkit-box;*/
display: flex;
background: #ffffff;
border: solid 1px #d7d7d7;
padding: 5px;
height: 50px;
}
.source__tags .fa {
cursor: pointer;
}
.source__banner {
position: absolute;
right: 0;
top: 0;
overflow: hidden;
width: 80px;
height: 80px;
text-align: right;
}
.source__banner-text {
font-size: 11px;
font-weight: 600;
color: #ffffff;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
width: 100px;
display: block;
background: #158eff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
position: absolute;
top: 15px;
right: -25px;
}
.source__published {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
font-size: 10px;
position: absolute;
background: #62b2a3;
color: #ffffff;
border-radius: 25px 0 25px;
width: 80px;
height: 20px;
padding: 5px 0;
font-style: italic;
}
.source__side-panel {
width: 0;
max-width: 100%;
position: absolute;
height: 100%;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.source-side-panel__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.source-side-panel__title {
margin-left: 5px;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source-side-panel__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 1s ease 0s;
}
.source-side-panel__delete:hover {
color: #626262;
}
.source-side-panel__content {
overflow-y: auto;
height: calc(100% - 45px);
}
.source__data-disclaimer {
position: absolute;
top: 45%;
left: 10%;
width: 80%;
font-size: 20px;
color: #787878;
text-align: center;
white-space: normal;
}
.source__data-preview-button {
position: absolute;
top: 50%;
left: 40%;
padding: 10px;
font-size: 20px;
color: #787878;
text-align: center;
border-radius: 3px;
border: 1px solid;
}
.source__delete {
position: relative;
height: 100%;
width: 100%;
background-color: #ffffff;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
}
.source__delete .source__delete-description {
margin: 15px;
margin-bottom: 10px;
}
.source__delete .source__delete-description span {
font-size: 15px;
display: block;
}
.source__delete .source__delete-description span:last-child {
font-size: 13px;
}
.source__delete .source__delete-list-wrapper {
margin: 0 15px;
background-color: transparent;
padding: 10px 0;
overflow: auto;
border: 2px solid #d7d7d7;
}
.source__delete .source__delete-list-wrapper .source__delete-title {
margin-bottom: 5px;
line-height: 25px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: space-between;
-ms-flex-pack: space-between;
padding: 0 10px;
}
.source__delete .source__delete-list-wrapper .source__delete-title span {
font-weight: 700;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source__delete .source__delete-list-wrapper .source__delete-title button {
font-size: 13px;
border: 2px solid #d7d7d7;
width: 80px;
padding: 0;
}
.source__delete .source__delete-list-wrapper .source__delete-list-item {
line-height: 30px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: space-between;
-ms-flex-pack: space-between;
background-image: linear-gradient(to right, rgba(243, 245, 248, 0.97) 0, rgba(243, 245, 248, 0.97) 100%);
background-position: 200%;
background-repeat: no-repeat;
background-size: 200% 100%;
cursor: pointer;
padding: 0 10px;
}
.source__delete .source__delete-list-wrapper .source__delete-list-item:hover {
background-position: 100%;
transition: all 0.3s ease 0s;
}
.source__delete .source__delete-list-wrapper .source__delete-list-item .source__delete-input-wrapper {
width: 80px;
pointer-events: none;
}
.source__delete .source__delete-list-wrapper .source__delete-list-item span {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
max-width: 80%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.source__delete .source__delete-list-wrapper .source__delete-separate {
height: 1px;
background-color: #c8c8c8;
margin: 15px 0;
}
@media only screen and (min-width: 768px) {
.source__new,
.source__container,
.source__workspace {
padding: 20px 30px;
}
.source__workspace-full {
padding: 0;
}
.source__workspace-full .table__wrapper {
padding: 15px 30px 20px 30px;
}
.source__workflow {
height: 100%;
}
.source__state {
margin-left: 0;
}
.source__side-menu {
max-width: 350px;
}
.source__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.source__item {
height: 150px;
width: 300px;
padding: 0;
}
.source__item-label {
font-size: 18px;
line-height: 20px;
max-width: 160px;
}
.source__item-icon {
height: 80px;
width: 80px;
}
.source__side-panel {
max-width: 350px;
}
.source__data-disclaimer {
font-size: 28.8px;
color: #787878;
}
.source__data-preview-button {
font-size: 28.8px;
color: #787878;
}
}
@media only screen and (min-width: 1200px) {
.source__listing-title:nth-child(2) {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source__listing-item:nth-child(2) {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source__side-panel {
max-width: 350px;
}
}
.source__content--slided {
margin-left: -100%;
position: relative;
}
.source__workflow--selected .table__wrapper {
margin-right: 0;
transform: translate(-100%, 0px);
}
.source__workflow--selected .table__tab-label {
padding: 0;
}
.source__workflow--selected .table__view-container {
border: 0;
}
.source__workflow--selected .table__pipeline-indicator,
.source__workflow--selected .table__pipeline-wrapper {
transition: all 1s ease 0s;
}
.source__workflow--selected .table__pipeline-wrapper {
right: calc(100% + 250px);
}
.source__workflow--selected .table__pipeline-indicator {
border-radius: 0 3px 3px 0;
box-shadow: 3px 0 5px -3px rgba(0, 0, 0, 0.85);
right: calc(100% - 50px);
z-index: 1;
}
.source__workflow--selected .source__workspace-disclaimer {
left: -100%;
}
.source__workflow--selected .workflow-diagram {
transform: translate(-100%, 0);
position: relative;
word-spacing: 0;
}
.source__workflow--selected .workflow-diagram--expanded {
margin-left: 250px;
}
.table__pipeline-wrapper--expanded .source__workflow-container .table__wrapper {
width: calc(100% - 250px);
}
.table__pipeline-wrapper--expanded .source__workflow--selected .table__pipeline-indicator {
right: calc(100% - 300px);
}
.table__pipeline-wrapper--expanded .source__workflow--selected .table__pipeline-wrapper {
right: calc(100% - 250px);
}
.table__pipeline-wrapper--expanded .source__workflow--selected .workflow-diagram {
width: calc(100% - 250px);
}
.source__workflow-icon--selected {
background: #d4d4d4;
}
.source__content--tiled {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
justify-content: center;
-ms-flex-pack: center;
}
.source__side-menu--expanded {
width: 100%;
}
@media only screen and (min-width: 768px) {
.source__content--tiled {
justify-content: flex-start;
-ms-flex-pack: start;
}
}
.source__item--selected {
border-color: #00acac;
}
.source__item--selected:hover {
border-color: #00acac;
}
.source__detail--selected {
border-top-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 0.5s ease 0s;
}
.source__category--disabled .source__items {
height: 0;
opacity: 0;
overflow: hidden;
}
.source__category--disabled .source__category-label {
border-left: solid 5px #d7d7d7;
box-shadow: 0 2px 6px -4px rgba(0, 0, 0, 0.85);
}
.source__row--center {
text-align: center;
}
.source__row--disabled .text-box {
background-color: #ebebeb;
}
.source__row--disabled .text-box .text-box__input input {
color: #a19f9f;
}
.source__row--wrap {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
}
.source__label--large {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
line-height: 30px;
}
.source__listing--small {
height: 250px;
}
.source__listing--smaller {
height: 150px;
}
.source__publish .source__listing--small {
height: 200px;
}
.source__listing-item--selected {
background-color: #B3E6E6;
color: #000000;
/*border: solid @border-smallest @border-color-light;*/
}
.source__listing-item--selected:hover {
background-color: #B3E6E6;
color: #000000;
}
.source__listing-grid--selected {
background-color: #e5edf8;
}
.source__listing-grid--selected .source__listing-item {
color: #626262;
}
.source__detail--disabled {
color: #a19f9f;
cursor: default;
}
.source__detail--disabled .source__detail-icon {
opacity: 0.2;
}
.source__detail--disabled .source__detail-loader {
font-size: 32px;
/* special font-size for font awesome ban/disabled icon */
margin: 5px 5px 0 260px;
position: absolute;
animation: rotateOut 0.5s ease 5s;
}
.source__detail--disabled .source__detail-label {
display: none;
}
.source__detail--disabled .source__detail-content {
position: relative;
}
.source__detail--disabled .source__detail-content:hover {
background: transparent;
}
.source__detail--disabled .source__detail-message {
display: block;
}
.source__detail--disabled .source__detail-title {
margin-bottom: 0;
}
.source__detail--disabled .source__detail-footer .source__detail-action:nth-child(-n+3) {
opacity: 0.4;
cursor: default;
}
.source__detail--disabled .source__detail-footer .source__detail-more-list .source__detail-action {
opacity: 1;
cursor: pointer;
}
.source__validation-icon--green {
color: #00acac;
}
.source__validation-icon--red {
color: #ec909d;
}
.source__table--left {
width: 80px;
text-align: center;
}
.source__table--center {
-ms-flex-positive: 0.7;
-ms-flex-negative: 0.7;
-ms-flex-preferred-size: 0;
flex-grow: 0.7;
flex-shrink: 1;
flex-basis: 0;
flex: 0.7 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source__table--right {
-ms-flex-positive: 0.3;
-ms-flex-negative: 0.3;
-ms-flex-preferred-size: 0;
flex-grow: 0.3;
flex-shrink: 1;
flex-basis: 0;
flex: 0.3 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.source__table--50 {
-ms-flex-positive: 0.5;
-ms-flex-negative: 0.5;
-ms-flex-preferred-size: 0;
flex-grow: 0.5;
flex-shrink: 1;
flex-basis: 0;
flex: 0.5 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
overflow: hidden;
}
.source__table-list--disabled {
color: #cccccc;
}
.source__side-panel--expanded {
width: 100%;
}
.source__disclaimer--warning {
background: #f5db8b;
border: solid 1px #f5db8b;
}
.excel__content {
height: 450px;
position: relative;
text-align: center;
}
.excel {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.excel__icon {
font-size: 100px;
color: #626262;
}
.excel__title {
margin: 15px 0;
font-size: 18px;
color: #158eff;
}
.excel__description {
margin: 15px 0;
font-size: 13px;
color: #a19f9f;
}
.excel__art {
position: relative;
height: 200px;
padding: 35px;
}
.excel-border-outer {
width: 150px;
height: 150px;
border: 1px solid #158eff;
border-radius: 50%;
background-color: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.excel-border-inner {
width: 140px;
height: 140px;
border: 1px solid transparent;
background-color: #158eff;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.excel__loading {
height: 400px;
width: 400px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.excel__title-success {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, -75%);
}
/*maybe move him to sub configuration*/
/*@import "../Block/source.append.less";
@import "../Block/source.append.768.less";*/
.source-card__items {
margin: auto;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
justify-content: center;
-ms-flex-pack: center;
align-items: stretch;
-ms-flex-align: stretch;
flex-wrap: wrap;
transition: all 0.3s ease-in-out 0s;
}
.source-card__item {
position: relative;
display: block;
height: 330px;
width: 320px;
min-width: 320px;
margin-bottom: 15px;
background: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
border-bottom: 3px solid transparent;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
}
.source-card__item:hover .source-card__image-wrap img {
transform: scale(1.2);
}
.source-card__item:hover .source-card__footer-button {
background-color: #00acac;
color: #ffffff;
}
.source-card__item:hover .source-card__actions {
opacity: 1;
}
.source-card__item:hover .source-card__overlay {
display: block;
background: rgba(0, 0, 0, 0.4);
}
.source-card__image-wrap {
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.source-card__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #ffffff;
background: rgba(0, 0, 0, 0);
transition: background 0.3s ease 0s;
}
.source-card__actions {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: space-around;
-ms-flex-pack: space-around;
flex-direction: row;
flex-wrap: wrap;
opacity: 0;
transition: opacity 0.3s ease 0s;
color: #ffffff;
padding: 20px;
}
.source-card__action {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
font-size: 13px;
padding: 0 10px;
height: 30px;
line-height: 30px;
border: solid 1px #ffffff;
border-radius: 3px;
background: rgba(32, 32, 32, 0.4);
margin: 0 5px;
transition: all 0.3s ease 0s;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.source-card__action .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.source-card__action:hover {
background: rgba(232, 232, 232, 0.4);
}
.source-card__action-text {
margin-left: 5px;
}
.source-card__item img {
width: 100%;
height: 180px;
display: block;
transition: all 0.3s ease-in-out 0s;
}
.source-card__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
margin-bottom: 10px;
}
.source-card__detail {
padding: 15px 20px 0;
height: calc(100% - 240px);
width: 100%;
overflow: hidden;
position: absolute;
bottom: 60px;
transition: all 0.3s ease 0s;
}
.source-card__detail-header {
font-size: 18px;
line-height: 20px;
color: #008888;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
width: calc(100% - 20px);
}
.source-card__detail-icon {
margin-right: 5px;
}
.source-card__detail-icon .connection-source-image {
width: 20px;
height: 20px;
}
.source-card__detail-header img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.source-card__detail-description {
font-size: 12px;
line-height: 14px;
color: #626262;
white-space: normal;
height: 43px;
overflow: hidden;
}
.source-card__detail-label {
font-size: 11px;
line-height: 14px;
color: #878787;
}
.source-card__footer {
padding: 0 20px 10px;
height: 40px;
bottom: 0;
position: absolute;
}
.source-card__footer-button {
padding: 5px 10px;
text-decoration: none;
border: 2px solid #00acac;
color: #00acac;
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
transition: all 0.3s ease-in-out 0s;
}
.source-card__footer-button .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.source-card__toggle {
bottom: 40px;
position: absolute;
font-size: 10px;
font-weight: 600;
font-style: italic;
color: #158eff;
text-align: right;
padding: 0 20px;
width: 100%;
height: 20px;
line-height: 20px;
transition: all 0.3s ease 0s;
}
.source-card__indicators {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
left: 0;
top: 162px;
position: absolute;
cursor: default;
}
.source-card__indicator {
font-size: 10px;
font-style: italic;
color: #ffffff;
height: 18px;
line-height: 18px;
text-align: center;
width: 60px;
}
.source-card__detail-tags {
display: none;
}
.source-card__detail-tags .source-side-panel__tag {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
padding: 0 10px;
font-size: 10px;
font-style: italic;
height: 15px;
line-height: 15px;
margin: 0 5px 5px 0;
border-radius: 3px;
border: none;
background-color: #158eff;
color: #ffffff;
cursor: default;
}
.source-card__sub-header {
font-size: 12px;
font-weight: 600;
padding-top: 10px;
color: #626262;
margin: 10px 0 5px;
border-top: solid 1px #e7eaec;
width: 100%;
}
.source-card__provider-message {
font-size: 12px;
line-height: 14px;
color: #626262;
white-space: normal;
}
.source-card__provider-link {
font-size: 11px;
font-style: italic;
-ms-word-wrap: break-word;
word-wrap: break-word;
white-space: normal;
}
.source-card__tags {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
}
.source-card__detail-provider {
display: none;
}
@media only screen and (min-width: 768px) {
.source-card__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.source-card__item {
margin: 15px;
}
}
.source-card__item.source-card__item--selected {
border-bottom-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 3s linear infinite;
}
.source-card__item.source-card__item--selected .source-card__footer-button {
background-color: #00acac;
color: #ffffff;
}
.source-card__indicator--new,
.source-card__indicator--updated {
background: #158eff;
}
.source-card__indicator--published {
background: #62b2a3;
}
.source-card__indicator--edit {
height: 30px;
line-height: 30px;
color: #626262;
width: 30px;
font-size: 18px;
font-style: normal;
}
.source-card__item.source-card__item--expanded .source-card__image-wrap {
height: 0;
}
.source-card__item.source-card__item--expanded .source-card__indicators {
top: 0;
}
.source-card__item.source-card__item--expanded .source-card__detail {
height: calc(100% - 40px);
margin-top: 20px;
overflow: auto;
bottom: 20px;
}
.source-card__item.source-card__item--expanded .source-card__detail-description {
height: auto;
overflow: auto;
margin-bottom: 10px;
}
.source-card__item.source-card__item--expanded .source-card__footer {
display: none;
}
.source-card__item.source-card__item--expanded .source-card__toggle {
bottom: 0;
}
.source-card__item.source-card__item--expanded .source-card__detail-labels .source-card__detail-tags {
display: block;
}
.source-card__item.source-card__item--expanded .source-card__detail-labels .source-card__detail-provider {
display: block;
}
.source-card__item.source-card__item--disabled {
opacity: 0.6;
}
.source-card__item.source-card__item--disabled .source-card__detail-description,
.source-card__item.source-card__item--disabled .source-card__detail-labels {
display: none;
}
.source-card__item.source-card__item--list {
width: 100%;
height: 180px;
}
.source-card__item.source-card__item--list .source-card__detail {
padding: 15px 10px 0 330px;
height: calc(100% - 50px);
top: 0;
}
.source-card__item.source-card__item--list .source-card__detail .source-card__detail-header {
overflow: hidden;
display: -webkit-box;
white-space: normal;
-webkit-line-clamp: 3;
-ms-word-break: break-word;
word-break: break-word;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.source-card__item.source-card__item--list .source-card__toggle {
padding: 0 20px 0 330px;
}
.source-card__item.source-card__item--list .source-card__footer {
padding: 0 20px 10px 330px;
}
.source-card__item.source-card__item--list .source-card__image-wrap {
width: 320px;
height: 180px;
}
.source-card__item.source-card__item--list .source-card__indicators {
top: 162px;
}
.source-card__item.source-card__item--list.source-card__item--expanded .source-card__detail {
height: calc(100% - 40px);
margin-top: 0;
}
.search {
height: 42px;
position: relative;
overflow: hidden;
font-size: 15px;
box-sizing: border-box;
/*.transition();*/
}
.search__area {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
padding: 0 10px;
}
.search__area-overflow-wrapper {
overflow: hidden;
position: relative;
white-space: nowrap;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.search__token {
font-size: 0;
/*Hack! Remove the space inbetween space. preventing fuzzyness*/
}
.search__token .token__item {
font-size: 15px;
/*set value back relative to .search.font-size*/
}
.search__text-box {
height: 40px;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*width: 4000px; hack! force width*/
line-height: 38px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 15px;
outline: none;
border: none;
background-color: transparent;
box-shadow: none;
overflow: hidden;
color: #626262;
box-sizing: border-box;
padding: 1px 0;
/*Hack! Force all inputs to native padding. IOS offset to native 5px.*/
}
.search__suggestion {
max-width: 70%;
position: fixed;
border: solid #d7d7d7;
border-width: 0 1px 1px 1px;
background-color: #f8f8f8;
color: #626262;
margin-left: -1px;
/*Force offset value for 1pixel border design**/
z-index: 1000;
box-sizing: border-box;
}
.search__suggestion > ul {
padding-left: 0;
margin: 4px 0 4px 0;
}
.search__suggestion > ul > li {
list-style-type: none;
box-sizing: border-box;
height: 25px;
line-height: 22px;
}
.search__suggestion > ul > li :hover {
background-color: rgba(243, 245, 248, 0.97);
}
.search__suggestion-item {
padding: 2px 10px;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
}
.search__icon,
.search__microphone-icon {
font-size: 20px;
color: #626262;
top: calc(50% - 1px);
/*offset 1 pixel slighly for aa pixel*/
cursor: pointer;
}
.search__icon:hover,
.search__microphone-icon:hover {
animation: green__colorchange 2s infinite alternate;
}
.search__icon {
right: 3px;
line-height: 42px;
width: 32px;
text-align: center;
}
.search__microphone-icon {
right: 35px;
line-height: 42px;
width: 32px;
text-align: center;
}
@keyframes green__colorchange {
0% {
color: #00acac;
}
20% {
color: #009d9d;
}
40% {
color: #006f6f;
}
60% {
color: #008888;
}
80% {
color: #00acac;
}
100% {
color: #009393;
}
}
.search__text-box--tokenized {
color: rgba(85, 85, 85, 0.4);
}
.search--displayMode {
/*768 will be centralize*/
box-shadow: 0 2px 24px -10px rgba(0, 0, 0, 0.85);
}
.search__microphone-icon--activated {
animation: green__colorchange 2s infinite alternate;
}
@media only screen and (min-width: 768px) {
.search--displayMode {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 638px;
transition: all 0.5s ease 0s;
}
.search--displayMode .search__area {
border: 1px solid #d7d7d7;
border-radius: 3px;
background-color: #ffffff;
}
.search--displayMode .search__container {
height: 100%;
margin: 0 auto;
}
.search--displayMode .search__configuration,
.search--displayMode .search__suggestion {
display: none;
}
.search--displayMode.search--sideMenuExpanded {
margin-left: 220px;
width: 418px;
left: calc(50% - 110px);
}
}
@media only screen and (min-width: 992px) {
.search--displayMode {
width: 838px;
}
.search--displayMode.search--sideMenuExpanded {
width: 618px;
}
}
@media only screen and (min-width: 1200px) {
.search--displayMode {
width: 1038px;
}
.search--displayMode.search--sideMenuExpanded {
width: 818px;
}
}
.header {
background: linear-gradient(180deg, #FFFFFF, #F9F9F9);
padding: 15px 5px;
height: 60px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.header > .navbar {
margin-bottom: 0;
/*remove bootstrap margin*/
}
.header__left-panel {
/*display: -webkit-box;*/
display: flex;
align-items: stretch;
-ms-flex-align: stretch;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
width: 100%;
position: relative;
}
.header__side-menu-toggler {
margin-right: 5px;
}
.header__middle-panel {
position: relative;
transform: translateX(50%);
font-size: 20px;
font-weight: 600;
color: #6A7598;
line-height: 24px;
text-align: center;
}
.header__middle-panel img {
height: 50px;
width: 50px;
}
.header__right-panel {
height: 100%;
color: #a19f9f;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
justify-content: flex-end;
-ms-flex-pack: end;
align-items: center;
-ms-flex-align: center;
display: none;
}
.header__right-panel .login__sub-logo {
width: 135px;
height: calc(60px * 0.75);
line-height: calc(60px * 0.75);
}
.header__right-panel .login__sub-logo .login__logo-image {
height: calc(60px * 0.75);
width: 135px;
}
.header__menu-item {
border: solid 1px transparent;
border-radius: 3px;
position: relative;
height: 25px;
/*display: -webkit-box;*/
display: flex;
}
.header__menu-item:hover {
background-color: #d7d7d7;
}
.header__menu-item > .menu-item {
font-size: 15px;
color: #626262;
padding: 0 10px;
width: auto;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.header__search {
width: calc(100% - 38px - 15px);
/*side-menu__toggler and padding*/
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 0;
flex-basis: auto;
flex: 1 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
transition: width 1s ease 0s;
border: 1px solid #d7d7d7;
border-radius: 3px;
box-shadow: inset 0 0 2px #d7d7d7;
margin-left: 45px;
}
.header-dropdown__menu {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
position: absolute;
top: 0;
width: 200px;
box-shadow: 2px 3px 16px -4px rgba(0, 0, 0, 0.85);
background: #ffffff;
transform: translate(0, 50px);
animation: fadeIn 1s ease 0s;
z-index: 999;
max-height: 300px;
overflow-y: auto;
}
.header-dropdown__item {
text-align: left;
min-height: 35px;
line-height: 35px;
color: #626262;
padding: 0 20px 0 10px;
font-size: 13px;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.header-dropdown__item:hover {
background-color: rgba(235, 235, 235, 0.6);
}
.header-dropdown__icon {
visibility: hidden;
}
.header__side-menu-toggler.side-menu__toggler {
transition: all 1s ease 0s;
position: absolute;
bottom: 5px;
margin-left: 0;
}
/*.header__search--searchingMode {
border: 1px solid @border-color-dark;
border-radius: @border-radius-small;
box-shadow: inset 0 0 2px @border-color-dark;
}*/
.header__menu-item--selected {
background-color: #d7d7d7;
}
.header-dropdown__item--selected {
font-weight: 600;
}
.header-dropdown__item--selected .header-dropdown__icon {
visibility: visible;
color: #00acac;
}
@media only screen and (min-width: 768px) {
.header {
padding-left: 10px;
}
.header__left-panel {
width: auto;
position: inherit;
}
.header__right-panel {
/*display: -webkit-box;*/
display: flex;
}
.header__search {
margin-left: 0;
}
.header__search--searchingMode.header__search--sideMenuExpanded {
width: 180px;
}
.header__search--displayMode {
border: none;
box-shadow: none;
}
.header__side-menu-toggler.side-menu__toggler {
position: relative;
top: 0;
}
}
@media only screen and (min-width: 992px) {
.header__search--searchingMode.header__search--sideMenuExpanded {
width: 400px;
}
}
.page__header {
background-color: #ffffff;
min-height: 60px;
/*Action bar*/
border: 0 solid #e7eaec;
border-top-width: 1px;
border-bottom-width: 1px;
padding: 10px 5px 10px 15px;
box-shadow: 0 4px 10px -8px rgba(0, 0, 0, 0.85);
box-sizing: content-box;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
justify-content: center;
-ms-flex-pack: center;
}
.page__description {
height: 100%;
white-space: nowrap;
/*overflow: hidden;*/
position: relative;
-ms-flex-positive: 0.7;
-ms-flex-negative: 0.7;
-ms-flex-preferred-size: 100%;
flex-grow: 0.7;
flex-shrink: 1;
flex-basis: 100%;
flex: 0.7 1 100%;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
width: calc(100% - 350px);
min-width: 0;
}
.page__interaction {
height: 100%;
-ms-flex-positive: 0.3;
-ms-flex-negative: 0.3;
-ms-flex-preferred-size: auto;
flex-grow: 0.3;
flex-shrink: 0;
flex-basis: auto;
flex: 0.3 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
position: relative;
align-self: center;
}
.page__nav {
min-height: 18px;
/*default height when there are items*/
font-size: 13px;
color: #878787;
}
.page__detail {
display: block;
}
.page__redirect-back {
margin-right: 5px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.page__redirect-back-button {
height: 34px;
line-height: 34px;
width: 34px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
border-radius: 3px;
border: solid 1px #e7eaec;
box-shadow: 1px 1px 4px -3px rgba(0, 0, 0, 0.85);
color: #878787;
}
.page__title {
font-size: 24px;
box-sizing: border-box;
min-height: 34px;
/*.flex(0, auto, 34px);*/
}
.page--displayMode {
display: none;
}
.page__error-container {
padding: 20px 0;
min-height: 350px;
box-sizing: border-box;
}
.page__error-content {
/*display: -webkit-box;*/
display: flex;
height: calc(100% - 80px);
flex-direction: column;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
}
.page__error-title {
font-weight: 600;
font-size: 18px;
margin-bottom: 10px;
}
.page__error-description {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px;
font-weight: 500;
}
.page__error-icon {
font-size: 120px;
color: #ffd800;
}
@media only screen and (min-width: 768px) {
.page__header {
padding: 10px 15px 10px 30px;
}
.page__error-container {
min-height: 500px;
}
.page__error-icon {
font-size: 240px;
}
.page__error-title {
font-size: 24px;
}
.page__error-description {
font-size: 15px;
}
}
.footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 30px;
padding: 5px 15px;
/*@padding-smaller*/
font-size: 13px;
color: #626262;
box-sizing: border-box;
transition: left 1s ease 0s;
}
.footer .footer__label {
float: right;
}
.footer--displayMode {
left: auto;
opacity: 0.85;
border-top-left-radius: 5px;
}
.footer--displayMode .footer__label {
opacity: 1;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.application {
overflow: hidden;
}
}
.application {
min-height: 100%;
position: relative;
}
.application__content {
padding-bottom: 30px;
transition: all 1s ease 0s;
}
.application--sideMenuExpanded {
/*display mode is in absolute require such offsets*/
}
.application--sideMenuExpanded .side-menu {
transform: translate(0, 0);
box-shadow: 0 0 24px -4px rgba(0, 0, 0, 0.85);
}
.application--sideMenuExpanded .header__side-menu-toggler.side-menu__toggler {
margin-left: 220px;
}
.application--sideMenuExpanded .application__content,
.application--sideMenuExpanded .lovely-spinner {
margin-left: 0;
}
.application--sideMenuExpanded .footer .footer--searchingMode {
left: 220px;
}
.application--sideMenuExpanded .binding__loading .lovely-spinner,
.application--sideMenuExpanded .synonym__loading .lovely-spinner {
margin-left: 0;
}
.application--searchingMode {
background-color: #f8f8f8;
}
@media only screen and (min-width: 768px) {
.application--sideMenuExpanded {
/*display mode is in absolute require such offsets*/
}
.application--sideMenuExpanded .application__content,
.application--sideMenuExpanded .lovely-spinner {
/*width: calc(100% ~"-" @sideMenu-width-expanded);
.translate(@sideMenu-width-expanded, 0);*/
/*above is conflicting with search*/
margin-left: 220px;
}
.application--sideMenuExpanded .header__side-menu-toggler.side-menu__toggler {
margin-left: 0;
}
}
.audit__workspace {
padding: 20px 0;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
}
.audit__state {
background-color: #ebebeb;
height: 32px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
color: #626262;
border-radius: 3px;
}
.audit__state:hover {
background: #e1e1e1;
transition: all 0.5s ease 0s;
}
.audit__state-icon {
color: #878787;
line-height: 30px;
padding: 0 10px;
font-size: 15px;
}
.audit__state-text {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
font-size: 13px;
padding-right: 15px;
}
.audit__state-delete {
line-height: 30px;
padding: 0 10px;
font-size: 15px;
transition: all 0.3s ease 0s;
border-radius: 0 3px 3px 0;
float: right;
}
.audit__search {
margin-bottom: 10px;
border-bottom: solid 1px #d7d7d7;
}
.audit__search .text-box {
box-shadow: none;
color: #626262;
}
.audit__search .text-box__input > input {
width: calc(100% - 80px);
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.audit__search .icon-right {
transition: all 1s ease 0s;
}
.audit__search .icon-right:hover {
color: #626262;
cursor: pointer;
}
.audit__search-cancel {
right: 20px !important;
}
.audit__container {
max-width: 100%;
height: calc(100% - 50px);
position: relative;
}
.audit__content {
height: 100%;
overflow-x: auto;
}
.audit__table-container {
height: calc(100% - 45px);
width: 100%;
box-shadow: 0 2px 8px -3px rgba(0, 0, 0, 0.85);
}
.audit__table.ag-fresh {
height: 100%;
}
.audit__table.ag-fresh .ag-header-cell-label {
cursor: pointer;
line-height: 25px;
height: 100%;
}
.audit__table.ag-fresh .ag-row.ag-row-no-focus.ag-row.ag-row-level-0.ag-row-selected {
background-color: #bfd3da;
}
.audit__table.ag-fresh .ag-root {
border: none;
}
.audit__table.ag-fresh .ag-header {
background-color: transparent;
border-bottom: 1px solid #808080;
}
.audit__table.ag-fresh .ag-header-cell {
border-right: none;
background: none;
}
.audit__table.ag-fresh .ag-header-cell-text {
color: #3b62b9;
}
.audit__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap;
min-height: 35px;
margin-bottom: 10px;
}
.audit__pagination {
/*display: -webkit-box;*/
display: flex;
align-items: flex-end;
-ms-flex-align: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
margin-top: 5px;
}
.audit__pagination-button {
font-size: 12px;
padding: 0 10px;
border-radius: 3px;
margin: 0 5px;
height: 20px;
line-height: 20px;
}
.audit__pagination-button:last-child {
margin-right: 0;
}
.audit__pagination-label {
color: #626262;
font-size: 13px;
white-space: nowrap;
}
.audit__side-panel {
width: 0;
max-width: 100%;
position: absolute;
top: 142px;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.audit-filter-panel__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.audit-filter-panel__title {
margin-left: 5px;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.audit-filter-panel__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 1s ease 0s;
}
.audit-filter-panel__delete:hover {
color: #626262;
}
.audit-filter-panel__content {
overflow-y: auto;
height: calc(100% - 45px);
}
.audit-filter-panel__category {
padding: 10px 20px;
border-bottom: solid 1px #d7d7d7;
}
.audit-filter-panel__category:last-child {
border-bottom: none;
}
.audit-filter-panel__icon {
width: 30px;
height: 100%;
line-height: 25px;
text-align: center;
cursor: pointer;
color: #878787;
}
.audit-filter-panel__icon:hover {
color: #626262;
}
.audit-filter-panel__button {
width: calc(100% - 40px);
padding: 5px 0;
margin: 0 20px;
}
.audit-filter-panel__header {
font-size: 15px;
color: #4773af;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
cursor: pointer;
}
.audit-filter-panel__header:hover .audit-filter-panel__icon {
color: #626262;
transition: all 0.3s ease 0s;
}
.audit-filter-panel__label {
width: calc(100% - 30px);
}
.audit-filter-panel__input {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
max-height: 30px;
width: 100%;
border-bottom-color: #d7d7d7;
margin-top: 5px;
}
.audit-filter-panel__input .text-box__input {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.audit-filter-panel__input input[type="text"] {
font-size: 13px;
color: #878787;
}
.audit-filter-panel__input:hover .audit-filter__icon {
transition: all 0.3s ease 0s;
color: #626262;
cursor: pointer;
}
.audit-filter-panel__dropdown {
height: 30px;
line-height: 30px;
width: 100%;
margin: 5px 0;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
}
.audit-filter-panel__dropdown .dropdownList,
.audit-filter-panel__dropdown .dropdown {
font-size: 13px;
color: #878787;
margin-bottom: 10px;
}
.audit-filter-panel__range {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: flex-end;
-ms-flex-align: flex-end;
height: 0;
overflow: hidden;
}
.audit-filter-panel__range-input {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
width: 100%;
height: 70px;
}
.audit-filter-panel__range-input .audit-filter-panel__text {
padding: 0 5px;
}
.audit-filter-panel__range-input input[type="text"] {
font-size: 13px;
padding-left: 5px;
}
.audit-filter-panel__range-button {
font-size: 12px;
padding: 0 10px;
border-radius: 3px;
height: 25px;
line-height: 25px;
float: right;
text-align: center;
margin-top: 5px;
}
.audit-filter-panel__datetext {
font-size: 13px;
color: #626262;
background-color: #e6e6e6;
padding: 0 5px;
width: 40px;
height: 28px;
line-height: 28px;
text-align: center;
}
.audit__event {
width: 20px;
}
.audit-filter-panel__summary {
margin-top: 5px;
background: #e7f5fb;
border: solid 1px #c8e8f6;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
padding: 5px 0 5px 5px;
}
.audit-filter-panel__text {
font-size: 12px;
color: #7178a4;
overflow: hidden;
padding-right: 5px;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.audit-filter-panel__listing {
height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.3s ease 0s;
}
.audit-filter-panel__items {
margin-top: 5px;
}
.audit-filter-panel__item {
padding: 5px;
cursor: pointer;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.audit-filter-panel__item:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.audit-filter-panel__item input[type="checkbox"] {
margin: 0 5px 0 0;
cursor: pointer;
}
.audit-filter-panel__toggle {
font-size: 12px;
text-align: right;
color: #00acac;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.audit-filter-panel__toggle:hover {
color: #008888;
}
.audit-filter__icon {
padding-right: 10px;
color: #a19f9f;
}
.audit-filter__text {
font-size: 13px;
color: #626262;
width: calc(100% - 20px);
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.audit__menu-item--selected {
background: #90a4b7;
font-weight: 600;
color: #ffffff;
}
.audit__menu-item--selected:hover {
background-color: #90a4b7;
}
.audit__side-panel--expanded {
width: 100%;
}
.audit__container--isFilter {
height: calc(100% - 50px);
}
.audit__event--error {
color: #c37787;
}
.audit-filter-panel__category--expanded .audit-filter-panel__header {
border-bottom: solid 1px #d7d7d7;
}
.audit-filter-panel__category--expanded .audit-filter-panel__listing {
height: auto;
opacity: 1;
}
.audit-filter-panel__category--expanded .audit-filter-panel__range {
height: 100px;
overflow: visible;
}
.audit-filter-panel__listing--collapsed .audit-filter-panel__items {
max-height: 140px;
height: auto;
overflow: hidden;
}
.audit-filter-panel__listing--expanded .audit-filter-panel__items {
max-height: 450px;
overflow: auto;
}
.audit__pagination-button--disabled {
opacity: 0.5;
cursor: default;
}
@media only screen and (min-width: 768px) {
.audit__workspace {
padding: 20px 30px;
}
.audit__side-panel {
max-width: 350px;
}
}
.sharing {
/*display: -webkit-box;*/
display: flex;
padding-bottom: 10px;
flex-direction: column;
}
.sharing__shared {
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
flex: 0 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.sharing__shared-content {
max-height: 250px;
overflow-y: auto;
overflow-x: hidden;
}
.sharing__shared-content .table {
margin-bottom: 10px;
}
.sharing__title {
color: #878787;
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
}
.sharing__row {
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 5px 0 10px;
border-bottom: solid 1px #e7eaec;
}
.sharing__row .table__cell {
border: none;
height: 45px;
}
.sharing__user-picture {
font-size: 30px;
padding-left: 5px;
}
.sharing__shareTo-content {
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.sharing__shareTo-users {
margin-right: 5px;
margin-top: 5px;
width: 100%;
}
.sharing__shareTo-users .chosen-container {
width: 100% !important;
}
.sharing__simple-security-action {
min-width: 170px;
height: 40px;
line-height: 28px;
/*height-padding-margin for drop down list*/
overflow: visible !important;
}
.sharing__simple-security-action .dropdownList {
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
}
.sharing__shareTo {
margin: 10px 0 15px;
}
.sharing__shareToSimpleAction {
min-width: 170px;
margin-top: 5px;
height: 30px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
}
.sharing__profile {
position: relative;
}
.sharing__star {
color: #FFBA00;
cursor: pointer;
font-size: 18px;
}
.sharing__owner-star {
position: absolute;
font-size: 13px;
color: #FFBA00;
right: 1px;
bottom: -1px;
}
.sharing__owner-label {
font-weight: 600;
}
.sharing__profile__share-state {
font-size: 13px;
color: #a19f9f;
margin-left: 5px;
}
.sharing__profile__share {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.table__cell > div.sharing__profile {
width: 34px;
height: 34px;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) {
.sharing__shareTo-users {
width: calc(100% - 175px);
}
}
.sharing__profile--pending .sharing__profile__share-state {
display: block;
font-size: 13px;
color: #a19f9f;
}
.signup {
position: relative;
width: 100%;
height: 100%;
padding: 35px 5px;
background-color: rgba(0, 0, 0, 0.85);
box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.85);
color: #ffffff;
transition: all 1s ease 0s;
box-sizing: border-box;
}
.signup__content {
position: relative;
height: 100%;
width: 100%;
}
.signup__header {
width: 100%;
height: 100px;
text-align: center;
border-bottom: 2px solid #ffffff;
}
.signup__logo-icon {
display: inline-block;
vertical-align: top;
margin-right: 5px;
font-size: 50px;
}
.signup__logo-label {
display: inline-block;
font-weight: bold;
font-size: 50px;
}
.signup__logo-title {
font-size: 15px;
padding-bottom: 10px;
}
.signup__form {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding: 20px 10px;
}
.signup__text-box {
margin-bottom: 10px;
}
.signup__text-box-label {
padding: 0 5px;
height: 100%;
width: 150px;
font-size: 15px;
float: left;
box-sizing: content-box;
white-space: nowrap;
border-right: dotted 1px #e7eaec;
}
.signup__text-box-icon {
font-size: 18px;
width: 20px;
text-align: center;
}
.signup__button {
width: 100%;
margin-top: 10px;
margin-bottom: 5px;
}
.signup__error {
margin: 0 5px;
background-color: #c37787;
height: auto;
padding: 10px 5px 10px;
text-align: center;
border-radius: 3px;
color: #ffffff;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.signup__message {
margin: 0 5px;
background-color: #ffffff;
height: auto;
padding: 10px 5px 10px;
text-align: center;
border-radius: 3px;
color: #626262;
}
.signup__error-icon {
padding: 10px 5px 10px 10px;
text-align: center;
}
.signup__error-message {
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.signup__validation {
min-height: 60px;
}
.signup__footer {
width: 100%;
position: absolute;
bottom: 0;
margin-top: 0;
margin-left: 0;
border-top: 1px solid #f3f3f4;
padding-top: 30px;
}
.signup__footer-label {
text-align: center;
font-size: 13px;
}
@media only screen and (min-width: 768px) {
.signup {
width: 600px;
height: 570px;
padding: 35px;
border-radius: 5px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
/*
.useractivation__error {
background-color: rgba(243,245,248,0.9);
padding: @padding-smaller @padding-smallest @padding-smaller;
width: 90%;
border-radius: 10px;
left:5%;
align-items: center;
.flex-justify-content();
.display-flex();
.flex-direction(column);
position: absolute;
top: (100% - @useractivation__display-height)/2;
}
.useractivation__error-title {
font-size: @font-size-h1;
padding: @padding-smaller @padding-smaller;
}
.useractivation__error-message {
float: left;
font-size: @font-size-h4;
color: @font-color-faulted;
width: 100%;
text-align: center;
padding: @padding-smaller @padding-smaller;
}
.useractivation__error-action {
padding: @padding-smaller @padding-smaller;
}
*/
.useractivation__error {
background-color: #f8f8f8;
width: 90%;
border-radius: 5px;
box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.85);
left: 5%;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
flex-direction: column;
position: absolute;
top: 40%;
}
.useractivation__error-title {
font-size: 24px;
padding: 20px 0;
background-color: #009393;
width: 100%;
text-align: center;
color: #ffffff;
border-bottom: 3px #d7d7d7 solid;
border-radius: 5px 5px 0 0;
}
.useractivation__error-message {
float: left;
font-size: 13px;
width: 80%;
text-align: center;
padding: 30px 0 0;
}
.useractivation__error-action {
padding: 30px 10px;
}
@media only screen and (min-width: 768px) {
/*
.useractivation__error {
.flex-direction(column);
border-radius: 10px;
position: absolute;
top: (100% - @useractivation__display-height)/2;
height: auto;
left: 20%;
width: 60%;
}
.useractivation__error-title
{
font-size: @font-size-glyph;
padding: @padding-smaller @padding-smaller;
}
.useractivation__error-message {
float: none;
font-size: @font-size-h3;
color: @font-color-faulted;
width: 100%;
text-align: center;
padding: @padding-smaller @padding-smaller;
}
.useractivation__error-action {
padding: @padding-smaller @padding-smaller;
}*/
.useractivation__error {
flex-direction: column;
border-radius: 5px;
position: absolute;
top: 40%;
height: auto;
left: 25%;
width: 50%;
}
}
.userinvitation__invite {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
background-color: #ffffff;
border-radius: 3px;
box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.85);
width: 300px;
height: auto;
}
.userinvitation__invite-header {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
-ms-flex-align: center;
padding-top: 30px;
width: 100%;
height: auto;
color: #ffffff;
border-radius: 3px 3px 0 0;
background: #09baba;
background: -webkit-gradient(left top, right bottom, color-stop(0%, #09baba), color-stop(51%, #1bbdbd), color-stop(51%, #05a3a3), color-stop(100%, #49ebeb));
background: linear-gradient(135deg, #09baba 0%, #1bbdbd 51%, #05a3a3 51%, #49ebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09baba', endColorstr='#49ebeb', GradientType=1);
}
.userinvitation__invite-icon {
font-size: 30px;
}
.userinvitation__invite-title {
font-size: 26px;
height: auto;
text-align: center;
padding: 0 10px;
}
.userinvitation__invite-intro {
font-size: 13px;
line-height: 18px;
padding: 10px 20px;
width: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0.2);
margin-top: 10px;
}
.userinvitation__invite-message {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
color: #626262;
line-height: 18px;
border-radius: 0 0 3px 3px;
width: 100%;
padding: 20px 10px;
}
.userinvitation__invite-subject {
padding-bottom: 20px;
text-align: center;
font-size: 13px;
width: 80%;
}
.userinvitation__invite-action {
width: 80%;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
flex-direction: column;
flex-wrap: wrap;
}
.userinvitation__invite-signup,
.userinvitation__invite-signin {
/*padding: @padding-large 0 @padding-smaller;*/
width: 250px;
margin: 5px 0;
}
.userinvitation__invite-subtext {
margin: 0 15px;
padding: 5px 0;
}
@media only screen and (min-width: 768px) {
.userinvitation__invite {
width: 700px;
min-height: 200px;
}
/*.userinvitaton__invite-action {
.flex-wrap(nowrap);
.flex-direction(row);
}*/
}
.userlicenseagreement {
background-color: #f8f8f8;
width: 90%;
border-radius: 5px;
box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.85);
left: 5%;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
flex-direction: column;
position: absolute;
top: 10%;
}
.userlicenseagreement__title {
font-size: 24px;
padding: 20px 0;
background-color: #009393;
width: 100%;
text-align: center;
color: #ffffff;
border-bottom: 3px #d7d7d7 solid;
border-radius: 5px 5px 0 0;
}
.userlicenseagreement__message {
font-size: 13px;
width: 85%;
padding: 30px 0 0;
}
.userlicenseagreement__action {
padding: 30px 10px;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
}
.userlicenseagreement__checkbox {
/*display: -webkit-box;*/
display: flex;
margin-bottom: 10px;
}
.userlicenseagreement__checkbox input[type="checkbox"] {
margin-right: 10px;
}
.userlicenseagreement__button--disabled {
cursor: not-allowed;
opacity: 0.5;
}
@media only screen and (min-width: 768px) {
.userlicenseagreement {
flex-direction: column;
border-radius: 5px;
position: absolute;
top: 10%;
height: auto;
left: 15%;
width: 70%;
}
}
.column-mapping__grid-container {
height: 100%;
-ms-flex-positive: 2;
-ms-flex-negative: 2;
-ms-flex-preferred-size: 0;
flex-grow: 2;
flex-shrink: 1;
flex-basis: 0;
flex: 2 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
box-shadow: 0 2px 8px -3px rgba(0, 0, 0, 0.85);
}
.column-mapping__grid-container > div {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0;
flex: 1 0 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.column-mapping__valley {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
margin: 0 5px;
}
.link-line,
.new-link-line {
height: 1px;
border-top: solid 1px #48a7ff;
border-bottom: solid 1px #48a7ff;
position: absolute;
background-color: #48a7ff;
border-radius: 10px;
cursor: pointer;
margin-top: -1.5px;
backface-visibility: hidden;
box-sizing: content-box;
}
.link-line:hover,
.new-link-line:hover {
background-color: #158eff;
border-top: solid 1px #158eff;
border-bottom: solid 2px #158eff;
margin-top: -2px;
}
.line-delete {
height: 25px;
width: 70px;
position: absolute;
border: 1px solid #d7d7d7;
color: #626262;
background-color: #ffffff;
line-height: 25px;
text-align: center;
border-radius: 3px;
box-shadow: 2px 2px 2px 0 #a19f9f;
font-size: 13px;
cursor: pointer;
}
.line-delete span {
margin-left: 5px;
}
.map-point {
color: #fff;
font-weight: bold;
background-color: #48a7ff;
margin: 5px auto 0;
text-align: center;
line-height: 7px;
height: 7px;
width: 7px;
border-radius: 30px;
cursor: pointer;
border: solid 1px #626262;
box-sizing: content-box;
}
.map-point:hover {
background-color: #158eff;
}
.ag-row-mouseMoveTarget {
background-color: #d7d7d7 !important;
}
.link-line--selected {
background-color: #158eff;
border-top: solid 1px #158eff;
border-bottom: solid 2px #158eff;
margin-top: -2px;
}
.column-mapping__grid-container--left .ag-cell {
text-align: right;
}
.lovely-window__content .changepassword__content {
position: relative;
height: 100%;
width: 100%;
}
.changepassword__row {
margin-bottom: 15px;
}
.changepassword__label {
font-size: 13px;
font-weight: 300;
}
.changepassword__message {
margin-top: -15px;
margin-bottom: 15px;
padding: 0 10px;
text-align: center;
font-size: 10px;
color: #878787;
}
.changepassword__error {
background-color: #fbdbe2;
height: auto;
padding: 10px 5px 10px;
text-align: center;
border-radius: 3px;
border: solid 1px #ce909d;
color: #b56464;
overflow: hidden;
font-size: 13px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.changepassword__error-icon {
padding: 10px 5px 10px 10px;
text-align: center;
}
.changepassword__error-message {
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.changepassword__validation {
min-height: 40px;
}
@media only screen and (min-width: 768px) {
.lovely-window__content .changepassword__content {
position: relative;
width: 400px;
max-width: 100%;
max-height: 90%;
}
/*.changepassword__row {
width: 60%;
}*/
}
.fileupload {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.fileupload + label {
max-width: 80%;
font-size: 13px;
font-weight: 700;
cursor: pointer;
display: inline-block;
padding: 10px 20px;
color: #ffffff;
}
@keyframes border-green {
0% {
border-top-color: ligthen(#00acac, 3%);
}
50% {
border-top-color: #007979;
}
100% {
border-top-color: ligthen(#00acac, 3%);
}
}
.border-green {
animation-name: border-green;
}
.leesa__exception {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
flex-direction: row;
flex-wrap: nowrap;
background: #d3d3d3;
position: absolute;
padding: 10px;
right: 0;
width: 100%;
z-index: 1;
border: solid #cbcbcb;
border-width: 1px 0 1px 0;
}
.lessa__exception-icon {
font-size: 36px;
color: #c3c3c3;
padding-right: 5px;
}
.lessa__exception-message {
font-size: 13px;
padding: 0 5px;
white-space: normal;
line-height: 15px;
color: #626262;
}
.profile__view-port {
padding: 20px 0;
position: relative;
overflow: hidden;
white-space: nowrap;
text-align: center;
}
.profile__information {
display: inline-block;
width: 100%;
vertical-align: top;
text-align: left;
margin-bottom: 5px;
transition: all 1s ease 0s;
}
.profile__information-details {
clear: both;
position: relative;
width: 100%;
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
margin-bottom: 15px;
}
.profile__header {
height: 50px;
padding: 0 15px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
}
.profile__title {
font-size: 18px;
text-align: left;
/*display: -webkit-box;*/
display: flex;
align-items: baseline;
-ms-flex-align: baseline;
flex-direction: row;
flex-wrap: wrap;
}
.profile__title-details {
white-space: nowrap;
overflow: hidden;
font-size: 10px;
margin-left: 5px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.profile__interaction {
float: right;
height: 100%;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
position: relative;
padding: 5px 0;
}
.profile__interaction > div {
padding: 5px;
}
.profile__content {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
}
.profile__cover-photo {
height: 200px;
position: relative;
overflow: hidden;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.profile__photo-content {
left: 50%;
transform: translate(-50%, -50%);
height: auto;
margin-top: -30px;
max-width: 125px;
width: 100%;
float: left;
position: relative;
}
.profile__photo-content:before {
content: '';
height: 100%;
padding-top: 100%;
float: left;
position: relative;
}
.profile__photo {
height: 100%;
width: 100%;
position: absolute;
border: solid 3px #ffffff;
background-color: #ffffff;
border-radius: 50%;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.profile__photo-upload {
width: 100%;
position: absolute;
font-size: 120px;
line-height: 120px;
color: #626262;
bottom: 0;
height: 40px;
}
.profile__photo-container {
background: #f0f0f0;
border-bottom: solid 1px #d7d7d7;
}
.profile__photo-upload-area {
border-radius: 50%;
height: 35px;
width: 35px;
position: absolute;
font-size: 18px;
cursor: pointer;
box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.85);
left: 95px;
bottom: 15px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
}
.profile__photo-upload > img {
width: 100%;
height: 100%;
border: solid 1px #d7d7d7;
}
.profile__photo-fileupload {
display: none !important;
}
.profile__username {
text-align: center;
position: relative;
color: #626262;
padding-left: 0;
width: 100%;
float: left;
margin-top: -50px;
font-size: 24px;
}
.profile__info {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
}
.profile__details {
margin: 0;
padding: 0 10px;
flex-direction: column;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
width: 100%;
}
.profile__detail {
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
-ms-flex-align: center;
justify-content: flex-start;
-ms-flex-pack: start;
border-bottom: dotted 1px #cfcfcf;
min-height: 50px;
padding: 5px 0;
}
.profile__detail:nth-last-child(1) {
border-bottom: none;
}
.profile__detail-password {
font-size: 10px;
}
.profile__detail-edit {
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-items: center;
-ms-flex-align: center;
justify-content: space-between;
-ms-flex-pack: space-between;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
padding: 5px 0 5px 10px;
}
.profile__detail-edit .source__dropdown-container {
height: 30px;
line-height: 30px;
width: 50%;
min-width: 200px;
box-shadow: none;
}
.profile__detail-edit .dropdownList_active .dropdown {
height: 200px;
}
.profile__detail-edit input[type="text"],
.profile__detail-edit input[type="password"] {
height: 30px;
line-height: 30px;
border: 1px solid #d7d7d7;
min-width: 200px;
padding-left: 10px;
}
.profile__detail-edit-password {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
}
.profile__password-message {
margin-bottom: 5px;
font-size: 10px;
color: #878787;
}
.profile__detail-text {
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
align-items: center;
-ms-flex-align: center;
padding-left: 10px;
}
.profile__detail-label {
width: 80px;
}
.profile__icon {
margin-right: 5px;
}
.profile__button-edit {
height: 25px;
border-radius: 3px;
line-height: 25px;
text-align: center;
cursor: pointer;
font-size: 13px;
padding: 0 10px;
}
.profile__button-active {
width: 20px;
height: 20px;
border-radius: 50px;
line-height: 20px;
text-align: center;
cursor: pointer;
font-size: 13px;
}
.profile__statistics {
text-align: center;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
min-height: 100px;
border-left: none;
}
.profile__statistic {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
-ms-flex-pack: center;
padding: 0 10px;
width: 50%;
background-color: #f7f7f7;
border: solid 1px #d7d7d7;
}
.profile__statistic:nth-last-child(1) {
border-left: none;
}
.profile__statistic-text {
font-size: 13px;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
}
.profile__statistic-icon {
margin-right: 5px;
color: #626262;
font-size: 15px;
}
.profile__statistic-number {
color: #878787;
font-size: 40px;
font-weight: 600;
}
.profile__portfolio {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.profile__portfolio-container .profile__portfolio-table {
width: 100%;
display: table;
}
.profile__portfolio-container .profile__portfolio-table > thead {
background-color: #e7eaec;
}
.profile__portfolio-container .profile__portfolio-table > thead > tr > th {
vertical-align: text-top;
width: 80%;
}
.profile__portfolio-container .profile__portfolio-table > tbody > tr:not(:last-child) {
border-bottom: dotted 1px #d7d7d7;
}
.profile__portfolio-container .profile__portfolio-table > thead > tr > th,
.profile__portfolio-container .profile__portfolio-table > tbody > tr > td {
padding: 10px 15px;
color: #626262;
overflow: hidden;
white-space: normal;
font-size: 13px;
}
.profile__portfolio-container .profile__portfolio-table > thead > tr > th:not(:first-child),
.profile__portfolio-container .profile__portfolio-table > tbody > tr > td:not(:first-child) {
width: 160px;
text-align: center;
}
.profile__details-label {
font-size: 18px;
font-weight: 300;
}
.profile__details-input .text-box__input > input {
font-size: 15px;
}
.profile__details-text {
background-color: #f8f8f8;
color: #a19f9f;
}
.profile__details-text > span {
margin-left: 10px;
}
.profile__error {
background-color: #fbdbe2;
border: solid 1px #ce909d;
height: auto;
text-align: center;
padding: 10px 5px 10px;
color: #b56464;
font-size: 13px;
width: 200px;
white-space: normal;
margin: 15px 0;
}
@media only screen and (min-width: 768px) {
.profile__view-port {
padding: 20px 30px;
}
.profile__photo-content {
transform: none;
left: 0;
margin-top: -110px;
margin-left: 10px;
margin-bottom: 10px;
max-width: 140px;
}
.profile__photo-container {
background: transparent;
border-bottom: none;
}
.profile__photo-upload {
font-size: 131px;
line-height: 131px;
}
.profile__photo-upload-area {
left: 110px;
bottom: 0;
}
.profile__username {
text-align: left;
padding-left: 10px;
width: 66.67%;
float: left;
margin-top: -60px;
font-size: 36px;
color: #ffffff;
}
.profile__info {
/*display: -webkit-box;*/
display: flex;
flex-wrap: nowrap;
}
.profile__details {
margin: 10px 0;
padding: 0 20px;
-ms-flex-positive: 0.9;
-ms-flex-negative: 0.9;
-ms-flex-preferred-size: auto;
flex-grow: 0.9;
flex-shrink: 1;
flex-basis: auto;
flex: 0.9 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.profile__detail {
flex-wrap: nowrap;
}
.profile__statistics {
text-align: center;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
-ms-flex-positive: 0.1;
-ms-flex-negative: 0.1;
-ms-flex-preferred-size: auto;
flex-grow: 0.1;
flex-shrink: 1;
flex-basis: auto;
flex: 0.1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
margin-right: 20px;
}
.profile__statistic {
width: 100%;
-ms-flex-positive: 0.5;
-ms-flex-negative: 0.5;
-ms-flex-preferred-size: auto;
flex-grow: 0.5;
flex-shrink: 1;
flex-basis: auto;
flex: 0.5 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
margin-bottom: 20px;
background-color: #f7f7f7;
border: solid 1px #d7d7d7;
height: 160px;
max-height: 160px;
}
.profile__statistic:nth-last-child(1) {
border-left: solid 1px #d7d7d7;
}
.profile__statistic-text {
font-size: 15px;
}
.profile__statistic-icon {
margin-right: 5px;
color: #626262;
font-size: 20px;
}
.profile__detail-edit {
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-items: center;
-ms-flex-align: center;
justify-content: space-between;
-ms-flex-pack: space-between;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.profile__detail-edit .source__dropdown-container {
width: 300px;
}
.profile__detail-edit input[type="text"],
.profile__detail-edit input[type="password"] {
width: 300px;
}
.profile__portfolio-container .profile__portfolio-table > thead > tr > th,
.profile__portfolio-container .profile__portfolio-table > tbody > tr > td {
white-space: nowrap;
}
.profile__error {
width: 450px;
}
}
@media only screen and (min-width: 992px) {
.profile__information {
max-width: 1200px;
}
.profile__cover-photo {
max-height: 200px;
}
.profile__photo-content {
margin-top: -100px;
max-width: 155px;
}
.profile__photo-upload {
font-size: 146px;
line-height: 146px;
}
.profile__detail-edit {
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-items: center;
-ms-flex-align: center;
justify-content: space-between;
-ms-flex-pack: space-between;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.profile__detail-edit .source__dropdown-container {
width: 450px;
}
.profile__detail-edit input[type="text"],
.profile__detail-edit input[type="password"] {
width: 450px;
}
}
.analytics__new,
.analytics__container,
.analytics__workspace {
padding: 20px 0;
}
.lovely-window__content .analytics__workspace {
position: relative;
height: 400px;
width: 750px;
max-width: 100%;
max-height: 90%;
}
.analytics__message {
font-size: 60px;
color: #ebebeb;
}
.analytics__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.analytics__content {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.analytics__content-dynamic {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.analytics__content-dynamic > div > .analytics__content {
padding: 20px;
}
.analytics__category .analytics__items {
opacity: 1;
padding-bottom: 10px;
margin: 0 0 5px;
transition: all 0.3s ease 0s;
justify-content: flex-start;
-ms-flex-pack: start;
}
.analytics__category-label {
height: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 18px;
font-weight: 600;
width: 100%;
text-align: center;
padding: 10px 0;
color: #626262;
background-color: #ffffff;
border-left: solid 5px #00acac;
border-bottom: solid 1px #e7eaec;
box-shadow: 0 2px 6px -3px rgba(0, 0, 0, 0.85);
cursor: pointer;
transition: all 0.3s ease 0s;
}
.analytics__category-label:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.analytics__items {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin: 0 0 5px -20px;
}
.analytics__item {
height: 140px;
width: 140px;
margin: 10px 0 0 10px;
color: #626262;
background-color: #ffffff;
background-size: 200%;
border: solid 1px #d7d7d7;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
cursor: pointer;
box-sizing: content-box;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
align-content: center;
transition: all 0.3s ease 0s;
}
.analytics__item:hover {
background-color: rgba(235, 235, 235, 0.6);
border-color: #e7eaec;
transition: all 0.3s ease 0s;
}
.analytics__item-overlay {
width: 100%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000000 100%);
color: #fff;
padding-top: 50px;
position: absolute;
left: 0;
bottom: 0;
}
.analytics__item-overlay:hover {
padding-top: 150px;
transition: all 0.3s ease 0s;
}
.analytics__item-label {
white-space: normal;
overflow: hidden;
font-size: 14px;
line-height: 15px;
font-weight: 500;
width: 100%;
max-width: 140px;
padding: 0 10px;
text-align: left;
}
.analytics__item-description {
font-size: 0px;
text-align: left;
margin: 10px;
white-space: normal;
}
.analytics__item-icon {
height: 60px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
margin: 0 0 15px;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.analytics__item-header {
height: 40px;
line-height: 40px;
padding: 0 15px;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
}
.analytics__item-content {
position: relative;
text-align: center;
padding: 15px 49px;
height: 70px;
}
.analytics__row {
margin-bottom: 15px;
}
.analytics__row--center {
text-align: center;
}
.analytics__label {
font-size: 18px;
font-weight: 300;
}
.analytics__summary-row {
display: inline-block;
margin-right: 15px;
}
.analytics__summary-label {
font-size: 13px;
font-weight: 600;
}
.analytics__summary-value {
font-size: 15px;
padding-top: 10px;
color: #878787;
}
.analytics__listing {
height: 400px;
overflow: auto;
border: 1px solid #d7d7d7;
border-top-width: 0;
}
.analytics__listing-item {
cursor: pointer;
color: #a19f9f;
font-size: 15px;
padding: 5px;
padding-left: 15px;
}
.analytics__listing-item:hover {
background-color: rgba(235, 235, 235, 0.6);
}
.analytics__detail {
height: 200px;
max-width: 300px;
width: 100%;
margin: 20px 0 0 20px;
background-color: #ffffff;
cursor: pointer;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.analytics__detail-content {
-ms-flex-positive: 0.8;
-ms-flex-negative: 0.8;
-ms-flex-preferred-size: 0;
flex-grow: 0.8;
flex-shrink: 1;
flex-basis: 0;
flex: 0.8 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.3s ease 0s;
overflow: hidden;
}
.analytics__detail-content .connection-analytics-image > svg {
transform: scale(1.3, 1.3);
}
.analytics__detail-content:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.analytics__detail-description {
width: 100%;
overflow: hidden;
padding-right: 10px;
align-self: center;
align-items: center;
-ms-flex-align: center;
}
.analytics__detail-title,
.analytics__detail-label {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
font-weight: 500;
}
.analytics__detail-title {
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
}
.analytics__detail-icon {
margin: 20px;
align-self: center;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.analytics__detail-action {
width: 68px;
padding: 5px;
text-align: center;
cursor: pointer;
align-self: center;
border: solid 1px transparent;
border-radius: 3px;
}
.analytics__detail-action:hover {
border-color: #e7eaec;
}
.analytics__detail-action:not(:last-child) {
margin-left: 5px;
}
.analytics__detail-action:nth-last-child(1) {
margin: 0 5px;
}
.analytics__detail-footer {
height: 40px;
border: solid 0 #e7eaec;
border-top-width: 1px;
font-size: 13px;
-ms-flex-positive: 0.2;
-ms-flex-negative: 0.2;
-ms-flex-preferred-size: 0;
flex-grow: 0.2;
flex-shrink: 1;
flex-basis: 0;
flex: 0.2 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.analytics__detail-toggle {
display: block;
position: relative;
}
.analytics__detail-more {
display: none;
position: absolute;
z-index: 3;
cursor: auto;
height: 135px;
transform: translate(-100%, -112%);
}
.analytics__detail-more-list {
height: 135px;
width: 250px;
padding: 5px;
box-sizing: border-box;
box-shadow: 2px 3px 10px -6px rgba(0, 0, 0, 0.85);
border-radius: 3px;
border: solid 1px #e7eaec;
border-bottom: transparent;
background-color: #ffffff;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
-ms-flex-align: center;
}
.analytics__detail-more-list .analytics__detail-action {
margin: 0 5px;
}
.analytics__detail-more-list:after,
.analytics__detail-more-list:before {
position: absolute;
border: solid transparent;
content: "";
height: 0;
width: 0;
}
.analytics__detail-more-list:after {
border-color: transparent;
border-top-color: #ffffff;
border-width: 13px;
top: 98%;
left: 82%;
}
.analytics__detail-more-list:before {
border-color: transparent;
border-top-color: #e7eaec;
border-width: 12px;
top: 100%;
left: 83%;
}
.analytics__error {
border: solid 1px #ce909d;
background-color: #fbdbe2;
border-radius: 3px;
height: auto;
padding: 10px 5px 10px;
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
/*text-align: center;*/
}
.analytics__error-value {
font-size: 13px;
color: #b56464;
}
.analytics__workspace {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
}
.analytics__workspace .table {
overflow: auto;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
margin-bottom: 0;
background-color: #f0f0f0;
overflow: hidden;
height: 100%;
}
.analytics__workspace-disclaimer {
font-size: 13px;
font-weight: 600;
color: #626262;
}
.analytics__dropdown-container {
height: 40px;
line-height: 40px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
}
.analytics__tag {
border-style: solid;
color: #00acac;
opacity: .4;
position: absolute;
}
.analytics__tag:hover {
opacity: 1;
}
.analytics__tag-label {
border-style: solid;
border-color: #00acac;
background-color: #00acac;
color: #ffffff;
font-size: 10px;
padding: 2px;
position: absolute;
}
.analytics__highlight:hover {
background-color: rgba(235, 235, 235, 0.6);
}
.analytics__grid {
font-size: 14px;
height: 300px;
}
.analytics__chart {
height: 300px;
}
.analytics__grid > div,
.analytics__chart > div {
position: relative;
}
.analytics__card-container {
background-color: #f8f8f8;
min-height: 800px;
}
.analytics__card-wrapper {
float: left;
padding: 0 10px 10px 0;
}
.analytics__card {
color: #626262;
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.analytics__card-header {
border-style: solid;
border-width: 0 0 1px 0;
border-color: #e7eaec;
padding: 0 5px 0 15px;
line-height: 40px;
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
flex-wrap: wrap;
}
.analytics__card-header .dropdownList {
width: 300px;
height: 30px;
line-height: 28px;
margin-left: 5px;
color: #878787;
}
.analytics__card-title {
color: #878787;
font-weight: bold;
font-size: 15px;
}
.analytics__text {
color: #878787;
font-size: 15px;
}
.analytics__card-filter {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.analytics__card-content {
padding: 10px;
}
.analytics__title {
font-size: 24px;
margin-bottom: 10px;
white-space: normal;
}
.analytics__excerpt {
font-size: 15px;
color: #878787;
white-space: normal;
}
.analytics__source {
height: 550px;
overflow: auto;
}
.analytics__source-lists {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
}
.analytics__source-list {
width: 300px;
height: 90px;
margin: 10px;
padding: 10px 15px;
font-size: 13px;
color: #626262;
border: solid 1px #d7d7d7;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.analytics__source-list .connection-source-image {
width: 50px;
height: 50px;
}
.analytics__source-list .connection-source-label {
width: calc(100% - 50px);
padding-left: 10px;
white-space: normal;
}
.analytics__schedules {
margin-left: 15px;
}
.analytics__schedules-radio {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
margin-bottom: 5px;
}
.analytics__schedules-radio input[type="radio"] {
margin: 0 5px 5px 0;
cursor: default;
width: 15px;
height: 15px;
}
.analytics__schedules__text {
margin-left: 5px;
font-size: 15px;
color: #626262;
}
.analytics-card__items {
margin: auto;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
justify-content: center;
-ms-flex-pack: center;
align-items: stretch;
-ms-flex-align: stretch;
flex-wrap: wrap;
transition: all 0.3s ease-in-out 0s;
}
.analytics-card__item {
position: relative;
display: block;
height: 330px;
width: 320px;
min-width: 320px;
margin-bottom: 15px;
background: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
border-bottom: 3px solid transparent;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
}
.analytics-card__item:hover .analytics-card__image-wrap img {
transform: scale(1.2);
}
.analytics-card__item:hover .analytics-card__footer-button {
background-color: #00acac;
color: #ffffff;
}
.analytics-card__item:hover .analytics-card__actions {
opacity: 1;
}
.analytics-card__item:hover .analytics-card__overlay {
display: block;
background: rgba(0, 0, 0, 0.4);
}
.analytics-card__image-wrap {
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.analytics-card__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #ffffff;
background: rgba(0, 0, 0, 0);
transition: background 0.3s ease 0s;
}
.analytics-card__actions {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: space-around;
-ms-flex-pack: space-around;
flex-direction: row;
flex-wrap: wrap;
opacity: 0;
transition: opacity 0.3s ease 0s;
color: #ffffff;
padding: 20px;
}
.analytics-card__action {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
font-size: 13px;
padding: 0 10px;
height: 30px;
line-height: 30px;
border: solid 1px #ffffff;
border-radius: 3px;
background: rgba(32, 32, 32, 0.4);
transition: all 0.3s ease 0s;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.analytics-card__action .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.analytics-card__action:hover {
background: rgba(232, 232, 232, 0.4);
}
.analytics-card__action-text {
margin-left: 5px;
}
.analytics-card__item img {
width: 100%;
height: 180px;
display: block;
transition: all 0.3s ease-in-out 0s;
}
.analytics-card__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
margin-bottom: 10px;
}
.analytics-card__detail {
padding: 15px 20px 0;
height: calc(100% - 240px);
width: 100%;
overflow: hidden;
position: absolute;
bottom: 60px;
transition: all 0.3s ease 0s;
}
.analytics-card__detail-header {
font-size: 18px;
line-height: 20px;
color: #008888;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
width: calc(100% - 20px);
}
.analytics-card__detail-icon {
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-size: contain;
}
.analytics-card__detail-header img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.analytics-card__detail-description {
font-size: 12px;
line-height: 14px;
color: #626262;
white-space: normal;
height: 43px;
overflow: hidden;
}
.analytics-card__detail-description .ql-editor {
cursor: pointer;
overflow-y: hidden;
padding: 0;
white-space: normal;
line-height: 14px;
-ms-word-wrap: normal;
word-wrap: normal;
}
.analytics-card__detail-label {
font-size: 11px;
line-height: 14px;
color: #878787;
}
.analytics-card__footer {
padding: 0 20px 10px;
height: 40px;
bottom: 0;
position: absolute;
}
.analytics-card__footer-button {
padding: 5px 10px;
text-decoration: none;
border: 2px solid #00acac;
color: #00acac;
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
transition: all 0.3s ease-in-out 0s;
}
.analytics-card__footer-button .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.analytics-card__toggle {
bottom: 40px;
position: absolute;
width: 100%;
font-size: 10px;
font-weight: 600;
font-style: italic;
color: #158eff;
text-align: right;
padding: 0 20px;
height: 20px;
line-height: 20px;
transition: all 0.3s ease 0s;
}
.analytics-card__toggle:hover {
color: #007cf0;
}
.analytics-card__indicators {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
left: 0;
top: 162px;
position: absolute;
cursor: default;
}
.analytics-card__indicator {
font-size: 10px;
font-style: italic;
color: #ffffff;
height: 18px;
line-height: 18px;
text-align: center;
width: 60px;
}
@media only screen and (min-width: 768px) {
.analytics__new,
.analytics__container,
.analytics__workspace {
padding: 20px 30px;
}
.analytics__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.analytics__item {
height: 240px;
width: 480px;
background-size: 100%;
margin: 15px 0 0 10px;
padding: 0;
border: solid 1px #d7d7d7;
}
.analytics__item-label {
font-size: 16px;
line-height: 17px;
font-weight: 600;
max-width: 480px;
}
.analytics__item-description {
font-size: 13px;
text-align: left;
margin: 10px;
white-space: normal;
}
.analytics__category-label {
text-align: left;
padding: 10px 15px;
}
.analytics__source-lists {
justify-content: flex-start;
-ms-flex-pack: start;
}
.analytics-card__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.analytics-card__item {
margin: 15px;
}
}
.analytics__content--slided {
margin-left: -100%;
}
.analytics__item--selected {
border-color: #00acac;
}
.analytics__item--selected:hover {
border-color: #00acac;
}
.analytics__detail--selected {
border-top-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 0.5s ease 0s;
}
.analytics__category--disabled .analytics__items {
height: 0;
opacity: 0;
overflow: hidden;
}
.analytics__category--disabled .analytics__category-label {
border-left: solid 5px #d7d7d7;
box-shadow: 0 2px 6px -4px rgba(0, 0, 0, 0.85);
}
.analytics__listing-item--selected {
background-color: rgba(235, 235, 235, 0.6);
/*border: solid @border-smallest @border-color-light;*/
}
.analytics__title--center {
text-align: center;
}
.analytics__detail--disabled {
color: #a19f9f;
cursor: default;
}
.analytics__detail--disabled .analytics__detail-icon {
opacity: 0.2;
}
.analytics__detail--disabled .analytics__detail-loader {
font-size: 32px;
/* special font-size for font awesome ban/disabled icon */
margin: 5px 5px 0 260px;
position: absolute;
animation: rotateOut 0.5s ease 5s;
}
.analytics__detail--disabled .analytics__detail-label {
display: none;
}
.analytics__detail--disabled .analytics__detail-content:hover {
background: transparent;
}
.analytics__detail--disabled .analytics__detail-footer .analytics__detail-action:nth-child(-n+3) {
opacity: 0.4;
cursor: default;
}
.analytics__detail--disabled .analytics__detail-footer .analytics__detail-more-list .analytics__detail-action {
opacity: 1;
cursor: pointer;
}
.analytics-card_item.analytics-card_item--selected {
border-bottom-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 3s linear infinite;
}
.analytics-card_item.analytics-card_item--selected .analytics-card_footer-button {
background-color: #00acac;
color: #ffffff;
}
.analytics-card_indicator--new,
.analytics-card_indicator--updated {
background: #158eff;
}
.analytics-card_indicator--published {
background: #62b2a3;
}
.analytics-card_indicator--edit {
height: 30px;
line-height: 30px;
color: #626262;
width: 30px;
font-size: 18px;
font-style: normal;
}
.analytics-card_item.analytics-card_item--expanded .analytics-card_image-wrap {
height: 0;
}
.analytics-card_item.analytics-card_item--expanded .analytics-card_indicators {
top: 0;
}
.analytics-card_item.analytics-card_item--expanded .analytics-card_detail {
height: calc(100% - 40px);
margin-top: 20px;
overflow: auto;
bottom: 20px;
}
.analytics-card_item.analytics-card_item--expanded .analytics-card_detail-description {
height: auto;
overflow: auto;
margin-bottom: 10px;
}
.analytics-card_item.analytics-card_item--expanded .analytics-card_toggle {
bottom: 0;
}
.analytics-card_item.analytics-card_item--expanded .analytics-card_footer {
display: none;
}
.usermanagement__workspace {
padding: 20px 0;
position: relative;
width: 750px;
max-width: 100%;
max-height: 90%;
}
.usermanagement__content {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
padding: 20px;
height: 100%;
}
.usermanagement__label {
font-size: 18px;
font-weight: 300;
}
.usermanagement__dropdown-container {
height: 40px;
line-height: 40px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
}
.usermanagement__multiselect-container .chosen-container {
width: 100% !important;
}
.usermanagement__multiselect-container .chosen-container-multi .chosen-choices {
height: 100px !important;
padding: 5px !important;
border: solid 1px #d7d7d7 !important;
background-image: none !important;
overflow: auto;
}
.usermanagement__roleAccessContainer {
height: 200px;
padding: 5px 10px;
font-size: 15px;
color: #616161;
border: 1px solid #d7d7d7;
border-radius: 1px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
overflow: auto;
}
.usermanagement__row {
margin-bottom: 15px;
}
.usermanagement__name-row {
/*display: -webkit-box;*/
display: flex;
}
.usermanagement__column {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.usermanagement__textarea {
display: block;
width: 100%;
height: 100px;
outline: none;
padding: 5px 10px;
font-size: 15px;
color: #616161;
border: 1px solid #d7d7d7;
border-radius: 1px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
resize: none;
}
.usermanagement__error {
border: solid 1px #ce909d;
background-color: #fbdbe2;
border-radius: 3px;
height: auto;
padding: 10px 5px 10px;
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.usermanagement__error-value {
font-size: 13px;
color: #b56464;
}
.usermanagement__table-container {
height: 100%;
box-shadow: 0 2px 8px -3px rgba(0, 0, 0, 0.85);
}
.usermanagement__deleteUser {
padding: 20px;
}
.usermanagement__deleteUser-options {
/*display: -webkit-box;*/
display: flex;
}
.usermanagement__deleteUser-options .usermanagement__checkbox {
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.lovely-window__content .usermanagement__content {
min-height: 350px;
}
.lovely-window__content .dropdownList_active .dropdown {
max-height: 150px;
}
.usermanagement__card {
color: #626262;
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.usermanagement__card-summary {
padding: 0 20px 20px 0;
font-size: 15px;
font-weight: bold;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
flex-direction: row;
}
.usermanagement__card-summary-detail {
/*display: -webkit-box;*/
display: flex;
width: 100%;
}
.usermanagement__card-summary-text {
padding: 0 1px;
}
@media only screen and (min-width: 768px) {
.usermanagement__workspace {
padding: 20px 30px;
height: 100%;
width: 100%;
}
}
.usermanagement__roleAccessContainer.usermanagement__roleAccessContainer--disabled {
background-color: #ebebeb;
}
.usermanagement__row.usermanagement__row--disabled .text-box {
background-color: #ebebeb;
}
.usermanagement__row.usermanagement__row--disabled .text-box .text-box__input > input {
color: #a19f9f;
}
.library__new {
padding: 20px 0;
}
.library__message {
font-size: 60px;
color: #ebebeb;
}
.library__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.library__summary {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap;
min-height: 35px;
}
.library__state {
background-color: #ebebeb;
height: 32px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
color: #626262;
border-radius: 3px;
}
.library__state:hover {
background: #e1e1e1;
transition: all 0.5s ease 0s;
}
.library__state-icon {
color: #878787;
line-height: 30px;
padding: 0 10px;
font-size: 15px;
}
.library__state-text {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
font-size: 13px;
padding-right: 15px;
}
.library__state-delete {
line-height: 30px;
padding: 0 10px;
font-size: 15px;
transition: all 0.3s ease 0s;
border-radius: 0 3px 3px 0;
float: right;
}
.library__search {
margin-bottom: 10px;
border-bottom: solid 1px #d7d7d7;
}
.library__search .text-box {
box-shadow: none;
color: #626262;
}
.library__search .text-box__input > input {
width: calc(100% - 80px);
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.library__search .icon-right {
transition: all 1s ease 0s;
}
.library__search .icon-right:hover {
color: #626262;
cursor: pointer;
}
.library__content {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.library__items {
margin: auto;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
justify-content: center;
-ms-flex-pack: center;
align-items: stretch;
-ms-flex-align: stretch;
flex-wrap: wrap;
transition: all 0.3s ease-in-out 0s;
}
.library__detail-tags {
display: none;
}
.library__tags {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
}
.library__tag {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
padding: 0 10px;
font-size: 10px;
font-style: italic;
height: 15px;
line-height: 15px;
margin: 0 5px 5px 0;
border-radius: 3px;
border: none;
background-color: #158eff;
color: #ffffff;
cursor: default;
}
.library__action-counter {
color: #158eff;
font-size: 10px;
font-weight: 600;
line-height: 20px;
cursor: pointer;
transition: 0.3s 1s ease 0s;
}
.library__action-counter:hover {
color: #007cf0;
}
.library__pagination {
/*display: -webkit-box;*/
display: flex;
align-items: flex-end;
-ms-flex-align: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
margin-top: 5px;
}
.library__pagination-button {
font-size: 12px;
padding: 0 10px;
border-radius: 3px;
margin: 0 5px;
height: 20px;
line-height: 20px;
}
.library__pagination-button:last-child {
margin-right: 0;
}
.library__pagination-label {
color: #626262;
font-size: 13px;
white-space: nowrap;
}
.library__item {
position: relative;
display: block;
height: 330px;
width: 320px;
min-width: 320px;
margin-bottom: 15px;
background: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
border-bottom: 3px solid transparent;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
}
.library__item:hover .library__image-wrap img {
transform: scale(1.2);
}
.library__item:hover .library__actions {
opacity: 1;
}
.library__item:hover .library__overlay {
display: block;
background: rgba(0, 0, 0, 0.4);
}
.library__image-wrap {
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.library__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #ffffff;
background: rgba(0, 0, 0, 0);
transition: background 0.3s ease 0s;
}
.library__actions {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: space-around;
-ms-flex-pack: space-around;
flex-direction: row;
flex-wrap: wrap;
opacity: 0;
transition: opacity 0.3s ease 0s;
color: #ffffff;
padding: 20px;
}
.library__action {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
font-size: 13px;
padding: 0 10px;
height: 30px;
line-height: 30px;
border: solid 1px #ffffff;
border-radius: 3px;
background: rgba(32, 32, 32, 0.4);
margin: 0 5px;
transition: all 0.3s ease 0s;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.library__action .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.library__action:hover {
background: rgba(232, 232, 232, 0.4);
}
.library__action-text {
margin-left: 5px;
}
.library__item img {
width: 100%;
height: 180px;
display: block;
transition: all 0.3s ease-in-out 0s;
}
.library__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
margin-bottom: 10px;
}
.library__detail {
padding: 15px 20px 0;
height: calc(100% - 240px);
width: 100%;
overflow: hidden;
position: absolute;
bottom: 60px;
transition: all 0.3s ease 0s;
}
.library__detail-header {
font-size: 18px;
line-height: 20px;
color: #008888;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
width: calc(100% - 20px);
}
.library__detail-icon {
margin-right: 5px;
}
.library__detail-icon .connection-source-image {
width: 20px;
height: 20px;
}
.library__detail-header img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.library__detail-description {
width: 100%;
font-size: 12px;
line-height: 14px;
color: #626262;
white-space: normal;
height: 43px;
overflow: hidden;
}
.library__detail-description .ql-editor {
cursor: pointer;
overflow-y: hidden;
padding: 0;
white-space: normal;
line-height: 14px;
-ms-word-wrap: normal;
word-wrap: normal;
}
.library__detail-label {
font-size: 11px;
line-height: 14px;
color: #878787;
}
.library__footer {
padding: 0 20px 10px;
height: 40px;
bottom: 0;
position: absolute;
}
.library__footer-button {
padding: 5px 10px;
text-decoration: none;
border: 2px solid #00acac;
color: #00acac;
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
transition: all 0.3s ease-in-out 0s;
margin-right: 5px;
}
.library__footer-button .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.library__footer-button:hover {
background-color: #00acac;
color: #ffffff;
}
.library__toggle {
bottom: 40px;
position: absolute;
width: 100%;
font-size: 10px;
font-weight: 600;
font-style: italic;
color: #158eff;
text-align: right;
padding: 0 20px;
height: 20px;
line-height: 20px;
transition: all 0.3s ease 0s;
}
.library__toggle:hover {
color: #007cf0;
}
.library__indicators {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
left: 0;
top: 162px;
position: absolute;
cursor: default;
}
.library__indicator {
font-size: 10px;
font-style: italic;
color: #ffffff;
height: 18px;
line-height: 18px;
text-align: center;
width: 60px;
}
.library__sub-header {
font-size: 12px;
font-weight: 600;
padding-top: 10px;
color: #626262;
margin: 10px 0 5px;
border-top: solid 1px #e7eaec;
width: 100%;
}
.library__provider-message {
font-size: 12px;
line-height: 14px;
color: #626262;
white-space: normal;
}
.library__provider-link {
font-size: 11px;
font-style: italic;
-ms-word-wrap: break-word;
word-wrap: break-word;
white-space: normal;
}
/* side-panel*/
.library__side-panel {
width: 0;
max-width: 100%;
height: calc(100% - 170px);
position: absolute;
top: 142px;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.library-panel__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.library-panel__title {
margin-left: 5px;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.library-panel__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 1s ease 0s;
}
.library-panel__delete:hover {
color: #626262;
}
.library-panel__content {
overflow-y: auto;
height: calc(100% - 45px);
}
.library__buttons {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
justify-content: center;
-ms-flex-pack: center;
}
.library__button {
padding-left: 15px;
height: 35px;
line-height: 35px;
font-size: 13px;
background: #B7B7B7;
border-radius: 3px;
color: #ffffff;
margin-bottom: 10px;
box-shadow: inset 0 0 20px -2px rgba(0, 0, 0, 0.3);
font-style: italic;
opacity: 0.9;
transition: 0.3s 1s ease 0s;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.library__button .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.library__button:hover {
background: #007cf0;
}
.library__button:hover .library__button-corner {
background: #006acd;
}
.library__button .library__button-arrow {
display: none;
width: 20px;
text-align: left;
font-size: 18px;
}
.library__button-label {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.library__button-corner {
background: #989898;
padding: 10px 15px;
margin-left: 10px;
transition: background 0.3s ease 0s;
}
.library-panel__category {
padding: 10px 20px;
border-bottom: solid 1px #d7d7d7;
}
.library-panel__category:last-child {
border-bottom: none;
}
.library-panel__category .switch__label {
font-size: 15px;
}
.library-panel__header {
border-bottom: solid 1px #d7d7d7;
color: #4773af;
cursor: pointer;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.library-panel__header:hover .dashboard-side-panel-search__icon {
color: #626262;
transition: all 0.5s ease 0s;
}
.library-panel__sub-header {
font-size: 15px;
font-weight: 600;
margin: 10px 0 0;
color: #626262;
}
.library-panel__label {
font-size: 15px;
white-space: nowrap;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.library-panel__summary {
margin-top: 5px;
background: #e7f5fb;
border: solid 1px #c8e8f6;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
padding: 5px 0 5px 5px;
max-height: 60px;
}
.library-panel__summary .library-panel__text {
font-size: 12px;
color: #7178a4;
overflow: hidden;
max-height: 50px;
padding-right: 5px;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.library-panel__input {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
max-height: 30px;
width: 100%;
border-bottom-color: #d7d7d7;
margin: 5px 0 0;
}
.library-panel__input .text-box__input {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.library-panel__input input[type="text"] {
font-size: 13px;
color: #878787;
}
.library-panel__input:hover .library-panel__icon {
transition: all 0.3s ease 0s;
color: #626262;
cursor: pointer;
}
.library-panel__text {
font-size: 13px;
color: #626262;
width: calc(100% - 40px);
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.library-panel__item {
padding: 5px;
cursor: pointer;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.library-panel__item:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.library-panel__item input[type="checkbox"] {
margin: 0 5px 0 0;
cursor: pointer;
}
.library-panel__icon {
color: #a19f9f;
width: 30px;
height: 100%;
line-height: 25px;
text-align: center;
}
.library-panel__items {
margin-top: 5px;
}
.library-panel__toggle {
font-size: 12px;
text-align: right;
color: #00acac;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.library-panel__toggle:hover {
color: #008888;
}
.library-panel__range {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: flex-end;
-ms-flex-align: flex-end;
}
.library-panel__range-input {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
width: 100%;
height: 70px;
}
.library-panel__range-input .library-panel__text {
padding: 0 5px;
}
.library-panel__range-input input[type="text"] {
font-size: 13px;
padding-left: 5px;
}
.library-panel__range-button {
font-size: 12px;
padding: 0 10px;
border-radius: 3px;
height: 25px;
line-height: 25px;
float: right;
text-align: center;
margin-top: 5px;
}
.library-panel__datetext {
font-size: 13px;
color: #626262;
background-color: #e6e6e6;
padding: 0 5px;
width: 40px;
height: 28px;
line-height: 28px;
text-align: center;
}
.library__detail-provider {
display: none;
}
@media only screen and (min-width: 768px) {
.library__new {
padding: 20px 30px;
}
.library__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.library__item {
margin: 15px;
}
.library__buttons {
justify-content: flex-start;
-ms-flex-pack: start;
}
.library__button:first-child {
margin-right: 10px;
}
.library__side-panel {
max-width: 350px;
}
}
.library__item--selected {
border-bottom-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 0.5s ease 0s;
}
.library__indicator--new {
background: #158eff;
}
.library__detail-content.library__detail-content--hide .library__detail-info {
height: 0;
opacity: 0;
overflow: hidden;
animation: fadeOut 0.5s ease 0s;
}
.library__detail-content.library__detail-content--hide .library__detail-tags {
padding: 10px;
max-height: none;
overflow: auto;
}
.library__side-panel.library__side-panel--expanded {
width: 100%;
}
.library-panel__category--expanded .library-panel__header {
border-bottom: solid 1px #d7d7d7;
}
.library-panel__category--expanded .library-panel__listing {
height: auto;
opacity: 1;
}
.library-panel__category--expanded .library-panel__range {
height: 100px;
overflow: visible;
}
.library-panel__listing--collapsed .library-panel__items {
max-height: 140px;
height: auto;
overflow: hidden;
}
.library-panel__listing--expanded .library-panel__items {
max-height: 450px;
overflow: auto;
}
.library__button--selected {
box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.85);
font-style: normal;
opacity: 1;
background: #158eff;
}
.library__button--selected:hover {
background: #158eff;
}
.library__button--selected:hover .library__button-corner {
background: #0082fb;
}
.library__button--selected .library__button-icon {
transform: scale(1.2);
}
.library__button--selected .library__button-arrow {
display: block;
}
.library__button--selected .library__button-corner {
background: #0082fb;
}
.library__button--selected .library__button-label {
font-weight: 600;
}
.library__pagination-button--disabled {
opacity: 0.5;
cursor: default;
}
.library__item.library__item--expanded .library__image-wrap {
height: 0;
}
.library__item.library__item--expanded .library__indicators {
top: 0;
}
.library__item.library__item--expanded .library__detail {
height: calc(100% - 40px);
margin-top: 20px;
overflow: auto;
bottom: 20px;
}
.library__item.library__item--expanded .library__detail-description {
height: auto;
overflow: auto;
margin-bottom: 10px;
}
.library__item.library__item--expanded .library__toggle {
bottom: 0;
}
.library__item.library__item--expanded .library__footer {
display: none;
}
.library__item.library__item--expanded .library__detail-provider {
display: block;
}
.library__item.library__item--expanded .library__detail-tags {
display: block;
}
.library__item.library__item--list {
width: 100%;
height: 180px;
}
.library__item.library__item--list .library__detail {
padding: 15px 10px 0 330px;
height: calc(100% - 50px);
top: 0;
}
.library__item.library__item--list .library__detail .library__detail-header {
overflow: hidden;
display: -webkit-box;
white-space: normal;
-webkit-line-clamp: 3;
-ms-word-break: break-word;
word-break: break-word;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.library__item.library__item--list .library__toggle {
padding: 0 20px 0 330px;
}
.library__item.library__item--list .library__footer {
padding: 0 20px 10px 330px;
}
.library__item.library__item--list .library__image-wrap {
width: 320px;
height: 180px;
}
.library__item.library__item--list .library__indicators {
top: 162px;
}
.library__item.library__item--list .library__detail-description {
height: auto;
margin-bottom: 10px;
}
.library__item.library__item--list.library__item--expanded .library__detail {
height: calc(100% - 40px);
margin-top: 0;
}
.license-activation__modal {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
overflow: hidden;
text-align: center;
position: fixed;
top: 0;
z-index: 99999;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
align-items: center;
-ms-flex-align: center;
animation-duration: 1s;
animation-fill-mode: both;
}
.license-activation__container {
position: relative;
width: 750px;
height: 100%;
max-height: 100%;
background-color: #f8f8f8;
border-radius: 3px;
box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.85);
transition: all 1s ease 0s;
animation-duration: 1s;
animation-fill-mode: both;
}
.license-activation__header {
background-color: #4d4d4d;
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
flex-direction: column;
}
.license-activation__logo {
width: 100%;
height: 50px;
line-height: 50px;
font-size: 50px;
text-align: center;
margin-top: 20px;
white-space: nowrap;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
color: #ffffff;
}
.license-activation__logo-icon {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.license-activation__logo-label {
display: inline-block;
font-weight: bold;
}
.license-activation__content {
min-height: 350px;
height: calc(100% - 120px);
overflow: hidden;
}
.license-activation__header-sub-title {
width: 100%;
height: 20px;
line-height: 20px;
font-size: 17px;
text-align: center;
margin-bottom: 20px;
margin-top: 5px;
white-space: nowrap;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
color: #ffffff;
}
.license-activation__sub-icon {
display: inline-block;
vertical-align: top;
margin-right: 5px;
height: 20px;
width: 20px;
background-size: cover;
}
.license-activation__title-label {
display: inline-block;
font-weight: bold;
font-size: 17px;
}
.license-activation__offline-content {
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
flex-direction: column;
}
.license-activation__step-content {
width: calc(100% - 40px);
vertical-align: top;
margin: 20px 0 15px;
text-align: center;
}
.license-activation__sub-title {
font-weight: bold;
font-size: 15px;
color: #4773af;
margin: 5px 22.5px;
}
.license-activation__option-title {
font-weight: bold;
font-size: 15px;
color: #158eff;
margin: 5px 22.5px;
}
.license-activation__step-description {
font-size: 13px;
color: #626262;
margin: 15px 15px;
}
.license-activation__back {
font-size: 15px;
border-radius: 50%;
padding: 5px;
position: absolute;
left: 10px;
bottom: 15px;
width: 25px;
height: 25px;
}
.license-activation__progressbar-inner {
height: 5px;
background-color: #158eff;
transition: all 1s ease 0s;
animation-duration: 1s;
animation-fill-mode: both;
}
.license-activation__progressbar {
height: 5px;
background-color: #d7d7d7;
width: 100%;
}
.license-activation__footer {
width: 100%;
max-height: 5px;
height: 100%;
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
flex-direction: row;
position: absolute;
bottom: 0;
}
.license-activation__step-notification {
font-size: 10px;
color: #9b2424;
margin: 15px 15px;
}
.license-activation__seperator {
border-top: 1px solid #d7d7d7;
width: calc(100% - 40px);
}
.license-activation__button {
line-height: 25px;
margin-bottom: 10px;
}
.license-activation__content-title {
font-weight: bold;
font-size: 15px;
color: #626262;
margin: 30px 30px 20px;
}
.license-activation__options {
vertical-align: top;
margin: 0 20px;
text-align: center;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
}
.license-activation__option {
background-color: #ffffff;
margin: 20px;
padding: 10px;
width: 250px;
height: 200px;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
}
.license-activation__option-icon {
vertical-align: top;
margin-right: 5px;
height: 70px;
width: 70px;
line-height: 60px;
font-size: 50px;
text-align: center;
margin-top: 10px;
white-space: nowrap;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
color: #878787;
background-size: cover;
}
.license-activation__option-description {
font-size: 12px;
color: #626262;
margin: 5px;
height: calc(100% - 140px);
}
.license-activation__option-title-offline {
font-weight: bold;
font-size: 15px;
color: #9b2424;
margin: 5px 22.5px;
}
.license-activation__success-information-content {
background-color: #ffffff;
text-align: left;
margin: 5px 15px;
padding: 10px;
width: calc(100% - 30px);
}
.license-activation__row-left {
text-align: left;
width: 20%;
font-size: 13px;
color: #626262;
margin: 5px;
}
.license-activation__row-right {
text-align: left;
width: 80%;
font-size: 13px;
color: #878787;
margin: 5px;
}
.license-activation__success-footer-content {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
}
.license-activation_success-description {
font-size: 10px;
color: #626262;
}
.licence-activation__link {
font-size: 10px;
margin-left: 5px;
cursor: pointer;
}
.license-activation__status {
position: relative;
}
.license-activation__icon-status {
width: 35px;
height: 35px;
line-height: 35px;
position: absolute;
border-radius: 50%;
top: 45px;
right: -5px;
font-size: 24px;
color: #ffffff;
}
@media only screen and (min-width: 768px) {
.license-activation__container {
max-height: 500px;
}
.license-activation__step-description {
margin: 5px 90px;
}
.license-activation__success-information-content {
width: calc(100% - 120px);
}
}
.license-activation__content--upload,
.license-activation__content--selection,
.license-activation__content--processing,
.license-activation__content--success,
.license-activation__content--fail {
width: 100%;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
transition: all 1s ease 0s;
animation-duration: 1s;
animation-fill-mode: both;
opacity: 0;
height: 0;
transform: translate(-50%, -50%);
}
.license-activation__content--show {
height: 100%;
opacity: 1;
transform: translate(0, 0);
}
.license-activation__content--processing,
.license-activation__content--success,
.license-activation__content--fail {
padding: 20px;
}
.license-activation__icon-status.license-activation__icon-status--processing {
background-color: #158eff;
}
.license-activation__icon-status.license-activation__icon-status--completed {
background-color: #00acac;
}
.license-activation__icon-status.license-activation__icon-status--failed {
background-color: #de5050;
}
.license-activation__progressbar-inner--upload {
height: 5px;
background-color: #158eff;
width: 60%;
transform: translateX(-60%);
transition: all 1s ease 0s;
animation-duration: 1s;
animation-fill-mode: both;
}
.license-activation__progressbar-inner--processing {
height: 5px;
background-color: #158eff;
width: 100%;
transform: translateX(-100%);
transition: all 1s ease 0s;
animation-duration: 1s;
animation-fill-mode: both;
}
.license-activation__progressbar-inner-selected {
transform: translateX(0);
}
.mailbox__new {
/*display: -webkit-box;*/
display: flex;
padding: 5px 0;
/*height: 100%;*/
height: 400px;
}
.mailbox__menu {
height: 100%;
width: 100%;
background-color: #38435e;
}
.mailbox__menu-button {
height: 30px;
line-height: 30px;
margin: 0 10px 10px;
width: calc(100% - 20px);
font-size: 13px;
}
.mailbox__menu-items {
padding: 10px;
}
.mailbox__menu-item {
padding: 10px;
font-size: 13px;
width: 100%;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
transition: 0.3s 1s ease 0s;
}
.mailbox__menu-item .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.mailbox__menu-item:hover {
background-color: #ffffff;
color: #626262;
}
.mailbox__menu-sub {
padding-left: 15px;
height: 35px;
line-height: 35px;
font-size: 13px;
background: #00acac;
color: #ffffff;
margin-bottom: 10px;
border-radius: 3px;
box-shadow: inset 0 0 20px -2px rgba(0, 0, 0, 0.3);
font-style: italic;
opacity: 0.9;
transition: 0.3s 1s ease 0s;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
}
.mailbox__menu-sub .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.mailbox__menu-sub:hover {
background: #009393;
}
.mailbox__menu-sub:hover .mailbox__menu-corner {
background: #008888;
}
.mailbox__menu-sub .mailbox__menu-corner {
background: #009d9d;
padding: 0 15px;
color: #ffffff;
transition: 0.3s 1s ease 0s;
}
.mailbox__menu-sub .mailbox__menu-icon {
display: none;
width: 25px;
text-align: center;
}
.mailbox__menu-label {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.mailbox__menu-counter {
font-size: 11px;
color: #ffffff;
}
.mailbox__listing {
width: 100%;
background-color: #ffffff;
padding: 0 10px;
height: 100%;
overflow: hidden;
}
.mailbox__filter {
padding-bottom: 10px;
border-bottom: solid 1px #d7d7d7;
}
.mailbox__search-input {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
max-height: 30px;
border-bottom-color: #d7d7d7;
margin: 10px 0;
box-shadow: none;
}
.mailbox__search-input .text-box__input {
width: 100%;
}
.mailbox__search-input .text-box__input > input {
font-size: 15px;
}
.mailbox__filter-icon {
color: #a19f9f;
width: 30px;
height: 100%;
line-height: 30px;
text-align: center;
}
.mailbox__action {
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap;
}
.mailbox__action-button {
padding: 0 5px;
margin-left: 5px;
font-size: 13px;
color: #878787;
white-space: nowrap;
}
.mailbox__action-button .mailbox__action-text,
.mailbox__action-button .mailbox__action-icon {
margin: 0;
}
.mailbox__action-icons {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.mailbox__action-icons input[type="checkbox"] {
margin: 0 2px 0 6px;
}
.mailbox__action-text {
font-size: 13px;
height: 25px;
line-height: 23px;
padding: 0 5px;
margin-left: 5px;
color: #878787;
}
.mailbox__action-icon {
padding: 5px;
margin-left: 5px;
width: 30px;
color: #626262;
text-align: center;
font-size: 15px;
}
.mailbox__lists {
overflow: auto;
max-height: calc(100% - 100px);
padding-right: 10px;
}
.mailbox__lists-error {
text-align: center;
color: #878787;
padding: 10px;
font-size: 13px;
}
.mailbox__list-divider {
background-color: #DEDEDE;
padding: 5px 10px;
text-align: center;
font-size: 13px;
}
.mailbox__list {
padding: 10px 5px;
border-bottom: solid 1px #f3f3f4;
transition: all 0.3s ease 0s 1s ease 0s;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.mailbox__list .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.mailbox__list:hover {
background-color: #f8f8f8;
}
.mailbox__list-status {
margin-right: 10px;
z-index: 1;
width: 15px;
}
.mailbox__list-status input[type="checkbox"] {
margin: 5px 0 2px 1px;
}
.mailbox__list-icon {
color: #a19f9f;
font-size: 15px;
transition: all 0.3s ease 0s 1s ease 0s;
}
.mailbox__list-icon:hover {
color: #F3BA21;
opacity: 0.8;
}
.mailbox__list-detail {
z-index: 1;
width: calc(100% - 25px);
}
.mailbox__list-header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.mailbox__list-name {
width: calc(100% - 80px);
font-size: 13px;
color: #626262;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow-x: hidden;
}
.mailbox__list-dateTime {
text-align: right;
width: 80px;
font-size: 11px;
color: #a19f9f;
}
.mailbox__list-title {
font-size: 11px;
color: #878787;
margin-right: 5px;
width: calc(100% - 10px);
}
.mailbox__mark {
color: #bd4c4c;
padding: 0 5px;
}
.mailbox___loading-container {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
height: 30px;
width: 100%;
}
.mailbox___loading-container .sk-three-bounce {
margin: 0;
}
.mailbox___loading-text {
font-size: 13px;
color: #626262;
}
.mailbox__status-icon {
font-size: 13px;
color: #ECA822;
margin: 0 5px;
position: absolute;
right: 5px;
bottom: 15px;
display: block;
}
.mailbox__container {
height: 100%;
width: 100%;
background: #ffffff;
padding: 20px;
overflow-y: auto;
right: 0;
z-index: 2;
}
.mailbox__header {
/*display: -webkit-box;*/
display: flex;
justify-content: space-between;
-ms-flex-pack: space-between;
flex-direction: column;
position: relative;
border-bottom: solid 1px #d7d7d7;
}
.mailbox__header-title {
font-size: 15px;
font-weight: 600;
position: relative;
}
.mailbox__header-details {
padding: 5px 0;
border-bottom: solid 1px #d7d7d7;
}
.mailbox__header-mail {
font-size: 13px;
color: #626262;
}
.mailbox__header-dateTime {
font-size: 11px;
color: #878787;
}
.mailbox__header-textarea {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.mailbox__text-input {
height: 35px;
margin: 0 10px;
}
.mailbox__dropdown {
position: relative;
}
.mailbox__dropdown-lists {
display: none;
position: absolute;
right: 0;
margin-top: 5px;
width: 180px;
background: #ffffff;
border-radius: 3px;
border: solid 1px #e7eaec;
box-shadow: 2px 3px 5px -4px rgba(0, 0, 0, 0.85);
z-index: 2;
}
.mailbox__dropdown-list {
width: 100%;
min-height: 35px;
line-height: 35px;
font-size: 13px;
color: #878787;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.mailbox__dropdown-list .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.mailbox__dropdown-list:hover {
background-color: rgba(235, 235, 235, 0.6);
}
.mailbox__content {
margin: 10px 5px;
position: relative;
}
.mailbox__message {
font-size: 12px;
color: #626262;
}
.mailbox__button {
padding: 5px 20px;
border-radius: 3px;
margin-top: 10px;
margin-right: 10px;
}
.mailbox__norecord {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
font-size: 40px;
color: #a19f9f;
background-color: #f8f8f8;
height: 100%;
}
.mailbox__norecord-text {
font-weight: 600;
font-size: 18px;
margin-top: 5px;
}
.mailbox__loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
z-index: 1;
}
.mailbox__envelope {
background-color: #AF3E41;
position: relative;
width: 100px;
height: 70px;
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
}
.mailbox__envelope:after {
position: absolute;
content: "";
left: 5px;
bottom: 0;
height: 65px;
width: 90px;
background-color: #FFFBE9;
background-image: linear-gradient(transparent 0%, lightgray 100%);
box-shadow: 0 0px 12px rgba(0, 0, 0, 0.3);
z-index: 0;
animation: 3s pullout ease infinite;
}
.mailbox__envelope:before {
position: absolute;
content: "";
left: 1px;
bottom: 0;
height: 35px;
width: 99px;
background-color: #CE484C;
z-index: 2;
}
.mailbox__flap {
position: absolute;
width: 0;
height: 0;
top: -40px;
border-top: 0 solid transparent;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
border-bottom: 40px solid #AF3E41;
}
.mailbox__folds:before {
position: absolute;
content: "";
width: 0;
height: 0;
left: 0;
border-right: 0 solid transparent;
border-top: 35px solid transparent;
border-bottom: 35px solid transparent;
border-left: 51.5px solid #CE484C;
z-index: 2;
}
.mailbox__folds:after {
position: absolute;
content: "";
width: 0;
height: 0;
right: 0;
border-left: 0px solid transparent;
border-top: 35px solid transparent;
border-bottom: 35px solid transparent;
border-right: 51.5px solid #DE595C;
z-index: 2;
}
.mailbox__loading-text {
color: #626262;
font-size: 28px;
font-weight: 600;
text-align: center;
margin-top: 20px;
animation: 3s bouncingtext ease infinite;
}
.mailbox__loading-shadow {
position: absolute;
width: 175px;
height: 20px;
bottom: -10%;
left: 50%;
border-radius: 50%;
background-color: #464646;
opacity: 0.2;
transform: translateX(-50%);
transform-origin: -50% -50%;
animation: 3s pulsateshadow ease infinite;
}
@keyframes pullout {
50% {
transform: translate(5px, -80px) rotate(25deg);
}
}
@keyframes bouncingtext {
50% {
transform: translateY(-20px);
}
}
@keyframes pulsateshadow {
0% {
opacity: 0;
}
50% {
transform: scale(0.5);
opacity: 0.2;
}
100% {
opacity: 0;
}
}
@media only screen and (min-width: 768px) {
.mailbox__new {
padding: 20px 30px;
}
.mailbox__menu {
height: 100%;
width: 280px;
}
.mailbox__menu-item {
padding: 10px 15px;
}
.mailbox__listing {
width: 400px;
}
.mailbox__action-texts input[type="checkbox"] {
margin: 0 2px 0 12px;
}
.mailbox__list {
padding: 10px;
}
.mailbox__list-name {
font-size: 15px;
}
.mailbox__list-title {
font-size: 13px;
}
.mailbox__container {
display: block;
width: calc(100% - 640px);
right: initial;
}
.mailbox__header-title {
font-size: 18px;
}
.mailbox__header-dateTime {
font-size: 11px;
}
.mailbox__header-textarea {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.mailbox__text-input {
height: 35px;
margin: 0 10px;
}
.mailbox__message {
font-size: 13px;
}
}
.mailbox__menu.mailbox__menu--expanded {
width: 100%;
}
.mailbox__menu.mailbox__menu--expanded .mailbox__menu-text {
display: inline-block;
}
.mailbox__menu-item--selected {
background-color: #ffffff;
color: #626262;
}
.mailbox__menu-item--selected .mailbox__menu-icon {
color: #00acac;
}
.mailbox__menu-sub.mailbox__menu-sub--selected {
box-shadow: 1px 2px 8px -3px rgba(0, 0, 0, 0.85);
font-style: normal;
opacity: 1;
background: #009393;
}
.mailbox__menu-sub.mailbox__menu-sub--selected:hover {
background: #009393;
}
.mailbox__menu-sub.mailbox__menu-sub--selected:hover .mailbox__menu-corner {
background: #008888;
}
.mailbox__menu-sub.mailbox__menu-sub--selected .mailbox__menu-icon {
display: block;
}
.mailbox__menu-sub.mailbox__menu-sub--selected .mailbox__menu-label {
font-weight: 600;
}
.mailbox__menu-sub.mailbox__menu-sub--selected .mailbox__menu-corner {
background: #008888;
}
.mailbox__action--selected {
color: #626262;
}
.mailbox__list--selected {
background-color: #f8f8f8;
}
.mailbox__list--new .mailbox__list-name {
font-weight: 600;
}
.mailbox__list--new .mailbox__status-icon {
display: block;
}
.mailbox__list-icon--selected {
color: #F3BA21;
}
.mailbox__dropdown-lists--expanded {
display: block;
}
.mailbox__menu-button.mailbox__menu-button--small {
width: 30px;
float: right;
}
.mailbox__status-icon--pending {
color: #a19f9f;
}
.mailbox__status-icon--approve {
color: #2cb4aa;
}
.mailbox__status-icon--reject {
color: #9b2424;
}
.mission-control {
padding: 35px 0;
max-width: 1200px;
margin: 0 auto;
}
.mission-control .lovely-spinner {
position: absolute;
top: 25vh;
}
.mission-control .sk-chasing-dots,
.mission-control .sk-spinner-cube-grid.sk-spinner,
.mission-control .sk-spinner-three-bounce.sk-spinner {
margin: 0 auto;
top: 25vh;
}
.mission-control input[type=number]::-webkit-inner-spin-button,
.mission-control input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-o-appearance: none;
appearance: none;
margin: 0;
}
.mission-control input[type=number] {
-moz-appearance: textfield;
}
.highlight {
background-color: #fdf76b;
}
.lovely-window__content .mission-control__workspace {
position: relative;
height: 400px;
width: 750px;
max-width: 100%;
max-height: 90%;
}
.mission-control__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.mission-control__row {
margin-bottom: 15px;
}
.mission-control__row--center {
margin-top: 15px;
text-align: center;
}
.mission-control__value-multi > .mission-control__detail-edit {
width: 89%;
display: inline-block;
}
.mission-control__ellipsis-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.mission-control__switch-top {
height: 25px;
}
.mission-control__switch-top > label {
display: inline-block;
position: relative;
}
.mission-control__right {
float: right;
margin-top: 20px;
display: inline-block;
}
.mission-control__dropdownMenu-container {
float: right;
width: 250px;
height: 30px;
line-height: 30px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
margin-bottom: 10px;
position: relative;
display: inline-block;
}
.clearfix::after {
clear: both;
}
.mission-control__modal-popup {
float: right;
font-size: 18px;
width: 32px;
padding: 0 3px;
border-radius: 0;
}
.icon-cross {
right: 20px !important;
cursor: pointer;
}
.icon-cross:hover {
color: #626262;
}
.mission-control .button--collapse-expand {
float: left;
}
.mission-control .button--collapse-expand:first-child {
margin-right: 10px;
}
.mission-control .button--collapse-expand .icon-left {
margin-right: 4px;
}
@media only screen and (min-width: 768px) {
.mission-control__right {
margin-top: 0;
}
.mission-control .button--collapse-expand:first-child {
margin-right: 15px;
}
}
.mission-control__content--slided {
margin-left: -100%;
}
.builder__new,
.builder__container,
.builder__workspace {
padding: 20px 0;
}
.lovely-window__content .builder__container,
.lovely-window__content .builder__workspace {
position: relative;
height: 400px;
width: 750px;
max-width: 100%;
max-height: 90%;
}
.builder__message {
font-size: 60px;
color: #ebebeb;
}
.builder__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.builder__content {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.builder__content-dynamic {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.builder__content-dynamic > div > .builder__content {
padding: 20px;
}
.builder__category .builder__items {
opacity: 1;
padding-bottom: 10px;
margin: 0 0 5px;
transition: all 0.3s ease 0s;
justify-content: flex-start;
-ms-flex-pack: start;
}
.builder__category-label {
height: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 18px;
font-weight: 600;
width: 100%;
text-align: center;
padding: 10px 0;
color: #626262;
background-color: #ffffff;
border-left: solid 5px #00acac;
border-bottom: solid 1px #e7eaec;
box-shadow: 0 2px 6px -3px rgba(0, 0, 0, 0.85);
cursor: pointer;
transition: all 0.3s ease 0s;
}
.builder__category-label:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.builder__items {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin: 0 0 5px -20px;
}
.builder__item {
height: 140px;
width: 140px;
margin: 10px 0 0 10px;
color: #626262;
background-color: #ffffff;
border: solid 1px #d7d7d7;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
cursor: pointer;
box-sizing: content-box;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
align-content: center;
transition: all 0.3s ease 0s;
}
.builder__item:hover {
background-color: rgba(235, 235, 235, 0.6);
border-color: #e7eaec;
transition: all 0.3s ease 0s;
}
.builder__item-label {
white-space: normal;
overflow: hidden;
font-size: 13px;
line-height: 15px;
font-weight: 500;
width: 100%;
max-width: 150px;
padding: 0 10px;
}
.builder__item-icon {
height: 60px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
margin: 0 0 15px;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.builder__item-header {
height: 40px;
line-height: 40px;
padding: 0 15px;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
}
.builder__item-content {
position: relative;
text-align: center;
padding: 15px 49px;
height: 70px;
}
.builder__row {
margin-bottom: 15px;
}
.builder__row--center {
text-align: center;
}
.builder__label {
font-size: 18px;
font-weight: 300;
}
.builder__summary-row {
display: inline-block;
margin-right: 15px;
}
.builder__summary-label {
font-size: 13px;
}
.builder__summary-value {
font-size: 15px;
padding-top: 10px;
color: #878787;
}
.builder__listing {
height: 400px;
overflow: auto;
border: 1px solid #d7d7d7;
border-top-width: 0;
}
.builder__listing-header {
height: 40px;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
align-items: center;
-ms-flex-align: center;
border: 1px solid #d7d7d7;
border-top-width: 0;
}
.builder__listing-grid {
cursor: pointer;
color: #a19f9f;
/*display: -webkit-box;*/
display: flex;
}
.builder__listing-grid:hover {
background-color: rgba(235, 235, 235, 0.6);
}
.builder__listing-title {
cursor: pointer;
color: #878787;
font-size: 15px;
font-weight: 600;
padding: 5px 5px 5px 20px;
-ms-flex-positive: 0.5;
-ms-flex-negative: 0.5;
-ms-flex-preferred-size: 0;
flex-grow: 0.5;
flex-shrink: 1;
flex-basis: 0;
flex: 0.5 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.builder__listing-item {
cursor: pointer;
color: #a19f9f;
font-size: 15px;
padding: 5px 5px 5px 20px;
-ms-flex-positive: 0.5;
-ms-flex-negative: 0.5;
-ms-flex-preferred-size: 0;
flex-grow: 0.5;
flex-shrink: 1;
flex-basis: 0;
flex: 0.5 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.builder__detail {
height: 200px;
max-width: 300px;
width: 100%;
margin: 20px 0 0 20px;
background-color: #ffffff;
cursor: pointer;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.builder__detail-content {
-ms-flex-positive: 0.8;
-ms-flex-negative: 0.8;
-ms-flex-preferred-size: 0;
flex-grow: 0.8;
flex-shrink: 1;
flex-basis: 0;
flex: 0.8 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.3s ease 0s;
overflow: hidden;
}
.builder__detail-content .connection-builder-image > svg {
transform: scale(1.3, 1.3);
}
.builder__detail-content:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.builder__detail-description {
width: 100%;
overflow: hidden;
padding-right: 10px;
align-self: center;
align-items: center;
-ms-flex-align: center;
}
.builder__detail-title,
.builder__detail-label {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
font-weight: 500;
}
.builder__detail-title {
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
}
.builder__detail-icon {
margin: 20px;
align-self: center;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.builder__detail-action {
width: 100px;
padding: 5px;
text-align: center;
cursor: pointer;
align-self: center;
border: solid 1px transparent;
border-radius: 3px;
}
.builder__detail-action:hover {
border-color: #e7eaec;
}
.builder__detail-action:not(:last-child) {
margin-left: 5px;
}
.builder__detail-action:nth-last-child(1) {
margin: 0 5px;
}
.builder__detail-footer {
max-height: 40px;
border: solid 0 #e7eaec;
border-top-width: 1px;
font-size: 13px;
-ms-flex-positive: 0.2;
-ms-flex-negative: 0.2;
-ms-flex-preferred-size: 0;
flex-grow: 0.2;
flex-shrink: 1;
flex-basis: 0;
flex: 0.2 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.builder__detail-toggle {
display: block;
position: relative;
}
.builder__detail-more {
display: none;
position: relative;
z-index: 3;
cursor: auto;
height: 135px;
}
.builder__detail-more-list {
height: 100%;
width: 250px;
padding: 5px;
box-sizing: border-box;
box-shadow: 2px 3px 10px -6px rgba(0, 0, 0, 0.85);
border-radius: 3px;
border: solid 1px #e7eaec;
border-bottom: transparent;
background-color: #ffffff;
position: absolute;
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
-ms-flex-align: center;
animation: slideInUp 0.5s ease 0s;
bottom: 112%;
right: 0;
}
.builder__detail-more-list .builder__detail-action {
margin: 0 5px;
}
.builder__detail-more-list:after,
.builder__detail-more-list:before {
position: absolute;
border: solid transparent;
content: "";
height: 0;
width: 0;
}
.builder__detail-more-list:after {
border-color: transparent;
border-top-color: #ffffff;
border-width: 13px;
top: 98%;
left: 82%;
}
.builder__detail-more-list:before {
border-color: transparent;
border-top-color: #e7eaec;
border-width: 12px;
top: 100%;
left: 83%;
}
.builder__error {
border: solid 1px #ce909d;
background-color: #fbdbe2;
border-radius: 3px;
height: auto;
padding: 10px 5px 10px;
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
/*text-align: center;*/
}
.builder__warning {
border: solid 1px #f5db8b;
background-color: #e7eaec;
border-radius: 3px;
height: auto;
padding: 10px 5px 10px;
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
/*text-align: center;*/
}
.builder__success {
border: solid 1px #61dad1;
background-color: #e7eaec;
border-radius: 3px;
height: auto;
padding: 10px 5px 10px;
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
/*text-align: center;*/
}
.builder__error-value {
font-size: 13px;
color: #b56464;
}
.builder__warning-value {
font-size: 15px;
color: #878787;
}
.builder__success-value {
font-size: 15px;
color: #878787;
}
.builder__workspace {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
}
.builder__workspace .table {
overflow: auto;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: auto;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
flex: 1 1 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
margin-bottom: 0;
background-color: #f0f0f0;
overflow: hidden;
height: 100%;
}
.builder__workspace-disclaimer {
font-size: 13px;
font-weight: 600;
color: #626262;
margin-top: 20px;
}
.builder__dropdown-container {
height: 40px;
line-height: 40px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
}
.builder__margin-vertical {
margin: 20px 0;
}
.builder__margin-bottom {
margin-bottom: 20px;
}
.drop-zone {
width: 100%;
padding: 15px 5px 20px 5px;
border: 2px dashed #ddd;
border-top-width: 0;
}
.draggable-options {
height: 40px;
margin-bottom: 10px;
}
.add-group {
border: 2px dashed #ddd;
padding: 30px;
width: 100%;
text-align: center;
cursor: pointer;
}
.builder__no-animation {
transition: none 1s ease 0s;
}
.draggable-options span.fa.fa-arrows {
padding: 15px 10px 10px 5px;
}
.builder__column-1 {
width: 10%;
float: left;
display: block;
padding: 0 10px;
/*position: relative;*/
}
.builder__column-2 {
width: 20%;
float: left;
display: block;
padding: 0 10px;
/*position: relative;*/
}
.builder__column-3 {
width: 30%;
float: left;
display: block;
padding: 0 10px;
/*position: relative;*/
}
.builder__column-4 {
width: 40%;
float: left;
display: block;
padding: 0 10px;
/*position: relative;*/
}
.builder__column-5 {
width: 50%;
float: left;
display: block;
padding: 0 10px;
/*position: relative;*/
}
.builder__column-6 {
width: 60%;
float: left;
display: block;
padding: 0 10px;
/*position: relative;*/
}
.builder__column-7 {
width: 70%;
float: left;
display: block;
padding: 0 10px;
/*position: relative;*/
}
.builder__column-8 {
width: 80%;
float: left;
display: block;
padding: 0 10px;
/*position: relative;*/
}
.builder__column-9 {
width: 90%;
float: left;
display: block;
padding: 0 10px;
/*position: relative;*/
}
.builder__column-10 {
width: 100%;
float: left;
display: block;
padding: 0 10px;
/*position: relative;*/
}
.well.form-element {
margin: 10px 0;
}
.ui-sortable-placeholder {
height: 40px;
width: 100%;
border: 2px dashed #ddd;
}
.builder__no-padding {
padding: 0;
}
.builder__padding-top {
padding: 5px 0;
}
.builder__item.builder__item--small {
height: 40px;
width: 100%;
text-align: left;
justify-content: inherit;
}
.builder__item.builder__item--small span {
font-size: 15px;
}
.builder__item.builder__item--small span.glyph {
font-size: 24px;
margin: 0 10px 0 15px;
}
.builder__category-label .button-group,
.well.form-element .button-group {
/*display: none;*/
opacity: 0;
transition: all 0.3s ease 0s;
}
.builder__category-label:hover .button-group,
.well.form-element:hover .button-group {
display: inline;
opacity: 1;
}
@media only screen and (min-width: 768px) {
.builder__new,
.builder__container,
.builder__workspace {
padding: 20px 30px;
}
.builder__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.builder__item {
height: 160px;
width: 160px;
margin: 15px 0 0 10px;
padding: 0;
border: solid 1px #d7d7d7;
}
.builder__item-label {
font-size: 15px;
line-height: 17px;
max-width: 160px;
}
.builder__category-label {
text-align: left;
padding: 10px 15px;
}
}
.builder__content--slided {
margin-left: -100%;
}
.builder__item--selected {
border-color: #00acac;
}
.builder__item--selected:hover {
border-color: #00acac;
}
.builder__detail--selected {
border-top-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 0.5s ease 0s;
}
.builder__category--disabled .builder__items {
height: 0;
opacity: 0;
overflow: hidden;
}
.builder__category--disabled .builder__category-label {
border-left: solid 5px #d7d7d7;
box-shadow: 0 2px 6px -4px rgba(0, 0, 0, 0.85);
}
.builder__listing-item--selected {
background-color: rgba(235, 235, 235, 0.6);
/*border: solid @border-smallest @border-color-light;*/
}
.builder__listing-grid--selected {
background-color: rgba(235, 235, 235, 0.6);
}
.builder__detail--disabled {
color: #a19f9f;
cursor: default;
}
.builder__detail--disabled .builder__detail-icon {
opacity: 0.2;
}
.builder__detail--disabled .builder__detail-loader {
font-size: 32px;
/* special font-size for font awesome ban/disabled icon */
margin: 5px 5px 0 260px;
position: absolute;
animation: rotateOut 0.5s ease 5s;
}
.builder__detail--disabled .builder__detail-label {
display: none;
}
.builder__detail--disabled .builder__detail-content:hover {
background: transparent;
}
.builder__detail--disabled .builder__detail-footer .builder__detail-action:nth-child(-n+3) {
opacity: 0.4;
cursor: default;
}
.builder__detail--disabled .builder__detail-footer .builder__detail-more-list .builder__detail-action {
opacity: 1;
cursor: pointer;
}
.builder__label--required span {
color: #9b2424;
}
.report {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #626262;
height: 100%;
}
.report__new,
.report__workspace {
padding: 20px 0;
}
.report__message {
font-size: 60px;
color: #ebebeb;
}
.report__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.report__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap;
min-height: 35px;
}
.report__lock-indicator {
font-weight: normal;
font-size: 14px;
color: #ffffff;
background-color: #bd4c4c;
border-radius: 3px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
}
.report__content {
/*display: inline-block;*/
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.report__items {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin: 0 0 5px -20px;
}
.report__detail {
height: 200px;
max-width: 300px;
width: 100%;
margin: 20px 0 0 20px;
background-color: #ffffff;
cursor: pointer;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.report__detail-container {
-ms-flex-positive: 0.8;
-ms-flex-negative: 0.8;
-ms-flex-preferred-size: 0;
flex-grow: 0.8;
flex-shrink: 1;
flex-basis: 0;
flex: 0.8 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
flex-direction: column;
}
.report__detail-container:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.report__detail-content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
}
.report__detail-content:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.report__detail-description {
width: 100%;
overflow: hidden;
padding-right: 10px;
align-self: center;
align-items: center;
-ms-flex-align: center;
}
.report__detail-title,
.report__detail-label {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
font-weight: 500;
}
.report__detail-title {
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
}
.report__detail-icon {
height: 60px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
margin: 20px;
font-size: 60px;
align-self: center;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.report__detail-action {
width: 68px;
padding: 5px;
text-align: center;
cursor: pointer;
align-self: center;
border: solid 1px transparent;
border-radius: 3px;
}
.report__detail-action:hover {
border-color: #e7eaec;
}
.report__detail-action:not(:last-child) {
margin-left: 5px;
}
.report__detail-action:nth-last-child(1) {
margin: 0 5px;
}
.report__detail-footer {
max-height: 40px;
border: solid 0 #e7eaec;
border-top-width: 1px;
font-size: 13px;
-ms-flex-positive: 0.2;
-ms-flex-negative: 0.2;
-ms-flex-preferred-size: 0;
flex-grow: 0.2;
flex-shrink: 1;
flex-basis: 0;
flex: 0.2 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
/* loading*/
.report__loading,
.report__error {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
z-index: 2;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
}
.report__book {
position: relative;
width: 120px;
height: 90px;
margin: 0 auto;
-ms-perspective: 160px;
perspective: 160px;
transform-style: preserve-3d;
backface-visibility: visible;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
z-index: 2;
}
.report__book-page {
position: absolute;
margin: auto;
left: 60px;
top: 0;
width: 60px;
height: 90px;
background: #f8f8f8;
border: 5px solid #2944ad;
border-left: 0;
border-radius: 3px;
text-align: right;
color: #9f1818;
outline: 1px solid transparent;
transform-origin: 0% 50%;
}
.report__book-page:nth-child(n+3) {
animation: flip 2.2s infinite ease-in-out;
}
.report__book-page:nth-child(2) {
transform: rotateY(180deg);
}
.report__book-page:nth-child(3) {
animation-delay: 0.5s;
}
.report__book-page:nth-child(4) {
animation-delay: 0.8s;
}
.report__book-page:nth-child(5) {
animation-delay: 1s;
}
.report__book-page:nth-child(6) {
animation-delay: 1.2s;
}
.report__book-icon {
float: right;
padding-right: 1px;
}
.report__book-text {
font-size: 30px;
color: #878787;
margin-top: 25px;
}
.report__loading-message {
margin-top: 30px;
width: 280px;
}
.report__loading-text {
animation: 2s bouncingtext ease infinite;
color: #626262;
font-size: 28px;
font-weight: 600;
text-align: center;
}
.report__loading-shadow {
position: absolute;
width: 175px;
height: 20px;
bottom: -10%;
left: 50%;
transform: translateX(-50%);
transform-origin: center center;
border-radius: 50%;
background-color: #464646;
opacity: 0.2;
transform-origin: -50% -50%;
animation: 2s pulsateshadow ease infinite;
}
.report__error {
padding-bottom: 20px;
}
.report__error-text {
font-size: 21px;
color: #626262;
text-align: center;
padding: 0 20px;
}
.report__error-image {
width: 120px;
height: 95px;
margin-bottom: 15px;
background-size: cover;
}
@media only screen and (min-width: 768px) {
.report__new,
.report__workspace {
padding: 20px 30px;
}
.report__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.report__side-panel {
max-width: 350px;
}
}
.report__detail.report__detail--selected {
border-top-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 3s linear infinite;
}
.report__side-panel.report__side-panel--expanded {
width: 100%;
}
@keyframes flip {
20% {
background: #dfdfdf;
}
30% {
transform: rotateY(-180deg);
}
100% {
transform: rotateY(-180deg);
}
}
@keyframes bouncingtext {
50% {
transform: translateY(-20px);
}
}
@keyframes pulsateshadow {
0% {
opacity: 0;
}
50% {
transform: scale(0.5);
opacity: 0.2;
}
100% {
opacity: 0;
}
}
.resource__new,
.resource__container,
.resource__workspace {
padding: 20px 0;
}
.resource__filter-container {
background: transparent;
padding: 20px 0;
}
.resource__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.resource__content {
display: block;
vertical-align: top;
transition: all 1s ease 0s;
}
.resource__card-overall-container {
margin: 5px 10px 20px 10px;
}
.resource__content-dynamic > .resource__content {
padding: 20px 0;
}
.resource__row {
margin-bottom: 15px;
}
.resource__row--center {
text-align: center;
}
.resource__label {
color: #626262;
font-weight: 300;
vertical-align: middle;
font-size: 15px;
line-height: 30px;
}
.resource__dropdown-container {
height: 40px;
line-height: 40px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
}
.resource__grid {
height: 180px;
}
.resource__grid > div {
position: relative;
}
.resource__filter {
width: 100%;
float: right;
}
.resource-filter__dropdown,
.resource-filter__label {
float: right;
}
.resource-filter__label {
text-align: right;
padding-right: 5px;
}
.resource-filter__dropdown {
width: 200px;
height: 30px;
line-height: 30px;
box-shadow: none;
}
.resource__search {
width: 100%;
float: left;
margin-bottom: 10px;
border-bottom: solid 1px #d7d7d7;
}
.resource__search .text-box {
box-shadow: none;
color: #626262;
}
.resource__search .text-box__input > input {
width: calc(100% - 80px);
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.resource__search .icon-right {
transition: all 1s ease 0s;
}
.resource__search .icon-right:hover {
color: #626262;
cursor: pointer;
}
.resource__search-cancel {
right: 20px !important;
}
.resource__card-container {
background-color: #f8f8f8;
min-height: 800px;
}
.resource__card-wrapper {
padding: 5px 0;
}
.resource__card {
color: #626262;
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
max-width: 395px;
float: left;
}
.resource__card-summary {
font-size: 12px;
height: 15px;
padding-top: 20px;
}
.resource__card-summary .resource__card-summary__label {
line-height: 15px;
float: left;
color: #878787;
}
.resource__card-summary .resource__card-summary__value {
line-height: 15px;
float: right;
color: #a19f9f;
}
.resource__card-usage {
padding-top: 10px;
}
.resource__card-overall {
color: transparent;
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
width: 100%;
max-width: 395px;
float: left;
margin: 0;
padding: 5px 10px 20px 10px;
}
.resource__card-overall .resource__card-title {
padding: 5px 0;
color: #626262;
}
.resource__card-overall .resource__card-date {
padding: 5px 0;
color: #a19f9f;
}
.resource__card-overall .resource__grid-summary {
height: 280px;
position: relative;
}
.resource__card-overall .resource__grid-storage {
height: 320px;
position: relative;
}
.resource__card-overall .resource__grid-storage .legendContainer {
max-width: 100%;
}
.resource__card-title {
line-height: 25px;
color: #626262;
font-weight: bold;
font-size: 15px;
left: 0;
top: 0;
height: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.resource__card-date {
line-height: 15px;
color: #a19f9f;
font-size: 9px;
left: 0;
top: 0;
height: 15px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.resource__card-content {
padding: 10px;
}
.resource__card-content .legendContainer {
max-width: 50%;
}
.resource__card-content .cartesianChartContainer {
min-width: 50%;
}
.resource__card-content .amcharts-balloon-div {
display: inline-block;
}
.resource__side-panel {
width: 0;
max-width: 100%;
position: absolute;
top: 142px;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: auto;
transition: all 1s ease 0s;
z-index: 2;
}
.resource-filter-panel__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 10px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.resource-filter-panel__title {
margin-left: 5px;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.resource-filter-panel__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
margin-right: 5px;
transition: color 1s ease 0s;
}
.resource-filter-panel__delete:hover {
color: #626262;
}
.resource-filter-panel__content {
padding: 10px 20px 0;
}
.resource-filter-panel__category {
margin: 15px 0;
}
.resource-filter-panel__icon {
padding-right: 10px;
color: #a19f9f;
}
.resource-filter-panel__button {
width: 100%;
padding: 5px 0;
}
.resource-filter-panel__label {
font-size: 13px;
font-weight: 600;
color: #626262;
border-bottom: solid 1px #d7d7d7;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.resource-filter-panel__input {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
-ms-flex-positive: 0.5;
-ms-flex-negative: 0.5;
-ms-flex-preferred-size: 0;
flex-grow: 0.5;
flex-shrink: 1;
flex-basis: 0;
flex: 0.5 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
max-height: 30px;
margin-top: 5px;
}
.resource-filter-panel__input .text-box__input {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.resource-filter-panel__input input[type="text"] {
font-size: 13px;
color: #878787;
}
.resource-filter-panel__input:hover .resource-filter-panel__icon {
transition: all 0.3s ease 0s;
color: #626262;
cursor: pointer;
}
.resource-filter-panel__dropdown {
height: 30px;
line-height: 30px;
width: 100%;
margin: 5px 0;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
}
.resource-filter-panel__dropdown .dropdownList,
.resource-filter-panel__dropdown .dropdown {
font-size: 13px;
color: #878787;
margin-bottom: 10px;
}
.resource-filter-panel__range {
padding: 5px 0;
}
.resource-filter-panel__range-input {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.resource-filter-panel__range-input .resource-filter-panel__text {
padding: 0 5px;
}
.resource-filter-panel__range-input input[type="text"] {
font-size: 11px;
padding-left: 5px;
}
.resource-filter-panel__datetext {
font-size: 13px;
color: #626262;
padding: 0 5px;
}
.resource-clear {
clear: both;
}
@media only screen and (min-width: 768px) {
.resource__new,
.resource__container,
.resource__workspace {
padding: 20px 30px;
}
.resource__filter-container {
padding: 0 20px;
}
.resource__search {
width: 60%;
}
.resource__card {
width: 395px;
margin: 5px 10px 20px 10px;
}
.resource__card-overall-container {
margin: 0;
}
/*
width: 395px fit for 3 card in 768 screen size
height: 815px height of 3 card, so all card is in neat grid alignment
temporary use height: 535px height of 2 card, while hiding storage vs consumption
*/
.resource__card-overall {
width: 395px;
height: 535px;
/*height: 815px;*/
margin: 30px 10px 20px 10px;
}
.resource__card-overall .resource__card-content {
margin-top: 50px;
}
.resource__card-overall .resource__grid-summary {
height: 330px;
}
.resource__card-overall .resource__grid-storage {
height: 370px;
}
.resource__filter {
width: 40%;
margin-top: 5px;
}
.resource__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.resource__item {
height: 240px;
width: 480px;
background-size: 100%;
margin: 15px 0 0 10px;
padding: 0;
border: solid 1px #d7d7d7;
}
.resource__item-label {
font-size: 16px;
line-height: 17px;
font-weight: 600;
max-width: 480px;
}
.resource__item-description {
font-size: 13px;
text-align: left;
margin: 10px;
white-space: normal;
}
.resource__category-label {
text-align: left;
padding: 10px 15px;
}
.resource__side-panel {
max-width: 350px;
}
}
.resource__card--disabled {
opacity: 0.5;
}
.job-tracker__state {
background-color: #ebebeb;
width: 250px;
height: 32px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
color: #626262;
border-radius: 3px;
margin-bottom: 10px;
}
.job-tracker__state:hover {
background: #e1e1e1;
transition: all 0.5s ease 0s;
}
.job-tracker__state-icon {
color: #878787;
line-height: 30px;
padding: 0 10px;
font-size: 15px;
}
.job-tracker__state-text {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
font-size: 13px;
}
.job-tracker__state-delete {
line-height: 30px;
padding: 0 10px;
font-size: 15px;
transition: all 0.3s ease 0s;
border-radius: 0 3px 3px 0;
}
.job-tracker__table {
height: 100%;
}
.job-tracker__table .ag-header-cell-label {
cursor: pointer !important;
line-height: 25px !important;
height: 100%;
}
.job-tracker__table .ag-row.ag-row-no-focus.ag-row.ag-row-level-0.ag-row-selected {
background-color: #bfd3da !important;
}
.job-tracker__job-status {
width: 20px;
}
.job-tracker__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.job-tracker__content {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.job-tracker__content-dynamic {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.job-tracker__content-dynamic > .job-tracker__content {
padding: 20px;
}
.job-tracker-filter-panel__category {
padding: 10px 20px;
border-bottom: solid 1px #d7d7d7;
}
.job-tracker-filter-panel__category:last-child {
border-bottom: none;
}
.job-tracker-filter-panel__icon {
width: 30px;
height: 100%;
line-height: 25px;
text-align: center;
cursor: pointer;
color: #878787;
}
.job-tracker-filter-panel__icon:hover {
color: #626262;
}
.job-tracker-filter-panel__header {
font-size: 15px;
color: #4773af;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
cursor: pointer;
}
.job-tracker-filter-panel__header:hover .job-tracker-filter-panel__icon {
color: #626262;
transition: all 0.3s ease 0s;
}
.job-tracker-filter-panel__label {
width: calc(100% - 30px);
}
.job-tracker-filter-panel__input {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
max-height: 30px;
width: 100%;
border-bottom-color: #d7d7d7;
margin-bottom: 5px;
}
.job-tracker-filter-panel__input .text-box__input {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.job-tracker-filter-panel__input input[type="text"] {
font-size: 13px;
color: #878787;
}
.job-tracker-filter-panel__input:hover .job-tracker-filter__icon {
transition: all 0.3s ease 0s;
color: #626262;
cursor: pointer;
}
.job-tracker-filter-panel__range {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: flex-end;
-ms-flex-align: flex-end;
height: 0;
overflow: hidden;
margin-top: 5px;
}
.job-tracker-filter-panel__range-input {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
width: 100%;
height: 70px;
}
.job-tracker-filter-panel__range-input input[type="text"] {
font-size: 13px;
padding-left: 5px;
}
.job-tracker-filter-panel__range-button {
font-size: 12px;
padding: 0 10px;
border-radius: 3px;
height: 25px;
line-height: 25px;
float: right;
text-align: center;
}
.job-tracker-filter-panel__datetext {
font-size: 13px;
color: #626262;
background-color: #e6e6e6;
padding: 0 5px;
width: 40px;
height: 28px;
line-height: 28px;
text-align: center;
}
.job-tracker__row {
margin-bottom: 15px;
}
.job-tracker__label {
font-size: 18px;
font-weight: 300;
width: 100%;
text-align: center;
}
.job-tracker__grid {
font-size: 14px;
height: 300px;
}
.job-tracker__chart {
height: 300px;
}
.job-tracker__grid > div,
.job-tracker__chart > div {
position: relative;
}
.job-tracker__card-container {
background-color: #f8f8f8;
min-height: 800px;
}
.job-tracker__card-wrapper {
float: left;
padding: 0 0 10px 0;
width: 100%;
}
.job-tracker__card {
color: #626262;
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.job-tracker__card-header {
border-style: solid;
border-width: 4px 0 1px 0;
border-color: #e7eaec;
padding: 0 15px;
width: 100%;
height: 45px;
left: 0;
top: 0;
box-sizing: border-box;
}
.job-tracker__card-title {
line-height: 45px;
color: #878787;
font-weight: bold;
font-size: 13px;
height: 45px;
float: left;
}
.job-tracker__card-date {
line-height: 45px;
color: #a19f9f;
font-weight: bold;
font-size: 9px;
height: 45px;
float: left;
padding-left: 5px;
}
.job-tracker__card-content {
padding: 10px;
display: block;
}
.job-tracker__card-pie {
height: 250px;
}
.job-tracker__card-pie .job-tracker__grid {
height: 250px;
}
.job-tracker__card-pie .legendContainer {
max-width: 50%;
overflow: hidden;
}
.job-tracker__card-pie .cartesianChartContainer {
min-width: 50%;
}
.job-tracker__card-float {
width: 100%;
display: inline-block;
float: left;
}
.job-tracker__card-float-container {
display: block;
text-align: center;
overflow: hidden;
white-space: normal;
}
.job-tracker__side-panel {
width: 0;
max-width: 380px;
position: absolute;
top: 142px;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
transition: all 1s ease 0s;
z-index: 2;
}
.job-tracker__side-panel .job-tracker-filter-panel {
height: 100%;
}
.job-tracker-filter-panel__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.job-tracker-filter-panel__title {
margin-left: 5px;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.job-tracker-filter-panel__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 1s ease 0s;
}
.job-tracker-filter-panel__delete:hover {
color: #626262;
}
.job-tracker-filter-panel__content {
overflow-y: auto;
height: calc(100% - 45px);
}
.job-tracker-filter-panel__summary {
margin-top: 5px;
background: #e7f5fb;
border: solid 1px #c8e8f6;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
padding: 5px 0 5px 5px;
}
.job-tracker-filter-panel__text {
font-size: 12px;
color: #7178a4;
overflow: hidden;
padding-right: 5px;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.job-tracker-filter-panel__listing {
height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.3s ease 0s;
}
.job-tracker-filter-panel__items {
margin-top: 5px;
}
.job-tracker-filter-panel__item {
padding: 5px;
cursor: pointer;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.job-tracker-filter-panel__item:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.job-tracker-filter-panel__item input[type="checkbox"] {
margin: 0 5px 0 0;
cursor: pointer;
}
.job-tracker-filter-panel__toggle {
font-size: 12px;
text-align: right;
color: #00acac;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.job-tracker-filter-panel__toggle:hover {
color: #008888;
}
.job-tracker-filter__icon {
padding-right: 10px;
color: #a19f9f;
}
.job-tracker-filter__text {
font-size: 13px;
color: #626262;
width: calc(100% - 20px);
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.job-tracker__disclaimer {
color: #626262;
font-size: 13px;
font-weight: 600;
}
.job-tracker__clear-float {
clear: both;
}
.job-tracker__text-ellipsis {
text-overflow: ellipsis;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.job-tracker__card-float {
width: 33%;
float: none;
}
.job-tracker__card-table {
width: 100%;
float: left;
}
}
@media only screen and (min-width: 1200px) {
.job-tracker__card-pie {
height: 300px;
}
.job-tracker__card-pie .job-tracker__grid {
height: 300px;
}
}
.job-tracker__event--error {
color: #c37787;
}
.job-tracker__side-panel--expanded {
width: 100%;
}
.job-tracker-filter-panel__category--expanded .job-tracker-filter-panel__header {
border-bottom: solid 1px #d7d7d7;
}
.job-tracker-filter-panel__category--expanded .job-tracker-filter-panel__listing {
height: auto;
opacity: 1;
}
.job-tracker-filter-panel__category--expanded .job-tracker-filter-panel__range {
height: 100px;
overflow: visible;
}
.job-tracker-filter-panel__listing--collapsed .job-tracker-filter-panel__items {
max-height: 140px;
height: auto;
overflow: hidden;
}
.job-tracker-filter-panel__listing--expanded .job-tracker-filter-panel__items {
max-height: 450px;
overflow: auto;
}
.visual {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #626262;
height: 100%;
}
.visual__center-align {
text-align: center;
}
.visual__new,
.visual__workspace {
padding: 20px 0;
}
.visual__message {
font-size: 60px;
color: #ebebeb;
}
.visual__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.visual__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap;
min-height: 35px;
}
.visual__content {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.visual__content-dynamic {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.visual__dropzone {
min-height: 450px;
height: auto;
text-align: center;
position: relative;
margin: 20px;
}
.visual__items {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin: 0 0 5px -20px;
}
.visual__detail {
height: 200px;
max-width: 300px;
width: 100%;
margin: 20px 0 0 20px;
background-color: #ffffff;
cursor: pointer;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.visual__detail-container {
-ms-flex-positive: 0.8;
-ms-flex-negative: 0.8;
-ms-flex-preferred-size: 0;
flex-grow: 0.8;
flex-shrink: 1;
flex-basis: 0;
flex: 0.8 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
flex-direction: column;
}
.visual__detail-container:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.visual__detail-content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
}
.visual__detail-content:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.visual__detail-description {
width: 100%;
overflow: hidden;
padding-right: 10px;
align-self: center;
align-items: center;
-ms-flex-align: center;
}
.visual__detail-title,
.visual__detail-label {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
font-weight: 500;
}
.visual__detail-title {
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
}
.visual__detail-icon {
height: 60px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
margin: 20px;
font-size: 60px;
align-self: center;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.visual__detail-action {
width: 68px;
padding: 5px;
text-align: center;
cursor: pointer;
align-self: center;
border: solid 1px transparent;
border-radius: 3px;
}
.visual__detail-action:hover {
border-color: #e7eaec;
}
.visual__detail-action:not(:last-child) {
margin-left: 5px;
}
.visual__detail-action:nth-last-child(1) {
margin: 0 5px;
}
.visual__detail-footer {
max-height: 40px;
border: solid 0 #e7eaec;
border-top-width: 1px;
font-size: 13px;
-ms-flex-positive: 0.2;
-ms-flex-negative: 0.2;
-ms-flex-preferred-size: 0;
flex-grow: 0.2;
flex-shrink: 1;
flex-basis: 0;
flex: 0.2 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.visual-error {
max-width: 100%;
}
/* lovely-window info*/
.lovely-window__content .visual__info {
position: relative;
height: 350px;
width: 400px;
max-width: 100%;
max-height: 90%;
}
.visual__info-content {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
}
.visual__info-group {
text-align: center;
margin-top: 10px;
}
.visual__info-row {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin-bottom: 10px;
}
.visual__info-row .visual__info-label {
padding-right: 5px;
}
.visual__info-row .visual__info-text:not(:last-child) {
padding-right: 5px;
}
.visual__info-icon {
width: 60px;
height: 60px;
min-height: 60px;
background-size: cover;
margin-top: 5px;
}
.visual__info-title {
font-size: 15px;
margin-top: 5px;
}
.visual__info-author {
font-size: 18px;
}
.visual__info-label {
font-size: 13px;
font-weight: 600;
color: #626262;
}
.visual__info-text {
font-style: italic;
font-size: 13px;
font-weight: 600;
color: #878787;
}
.visual__info-text:not(:last-child) {
padding-right: 5px;
}
/* side-panel*/
.visual__side-panel {
width: 0;
max-width: 380px;
height: calc(100% - 170px);
position: absolute;
top: 142px;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.visual-panel__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.visual-panel__title {
margin-left: 5px;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.visual-panel__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 1s ease 0s;
}
.visual-panel__delete:hover {
color: #626262;
}
.visual-panel__content {
overflow-y: auto;
height: calc(100% - 45px);
}
.visual__buttons {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
justify-content: center;
-ms-flex-pack: center;
}
.visual__button {
margin-bottom: 10px;
border-radius: 3px;
opacity: 0.4;
}
.visual__button:first-child {
margin-right: 0;
}
.visual-panel__category {
padding: 10px 20px;
border-bottom: solid 1px #d7d7d7;
}
.visual-panel__category:last-child {
border-bottom: none;
}
.visual-panel__listing {
height: 0;
opacity: 0;
overflow: hidden;
}
.visual-panel__header {
color: #4773af;
cursor: pointer;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.visual-panel__header:hover .dashboard-side-panel-search__icon {
color: #626262;
transition: all 0.5s ease 0s;
}
.visual-panel__label {
font-size: 15px;
white-space: nowrap;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.visual-panel__summary {
margin-top: 5px;
background: #e7f5fb;
border: solid 1px #c8e8f6;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
padding: 5px 0 5px 5px;
max-height: 60px;
}
.visual-panel__summary .visual-panel__text {
font-size: 12px;
color: #7178a4;
overflow: hidden;
max-height: 50px;
padding-right: 5px;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.visual-panel__input {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
max-height: 30px;
width: 100%;
border-bottom-color: #d7d7d7;
margin: 5px 0 0;
}
.visual-panel__input .text-box__input {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.visual-panel__input input[type="text"] {
font-size: 13px;
color: #878787;
}
.visual-panel__input:hover .visual-panel__icon {
transition: all 0.3s ease 0s;
color: #626262;
cursor: pointer;
}
.visual-panel__text {
font-size: 13px;
color: #626262;
width: calc(100% - 40px);
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.visual-panel__item {
padding: 5px;
cursor: pointer;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.visual-panel__item:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.visual-panel__item input[type="checkbox"] {
margin: 0 5px 0 0;
cursor: pointer;
}
.visual-panel__icon {
color: #a19f9f;
width: 30px;
height: 100%;
line-height: 25px;
text-align: center;
}
.visual-panel__items {
margin-top: 5px;
}
.visual-panel__toggle {
font-size: 12px;
text-align: right;
color: #00acac;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.visual-panel__toggle:hover {
color: #008888;
}
.visual-panel__range {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: flex-end;
-ms-flex-align: flex-end;
height: 0;
overflow: hidden;
}
.visual-panel__range-input {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
width: 100%;
height: 70px;
}
.visual-panel__range-input .visual-panel__text {
padding: 0 5px;
}
.visual-panel__range-input input[type="text"] {
font-size: 13px;
padding-left: 5px;
}
.visual-panel__range-button {
font-size: 12px;
padding: 0 10px;
border-radius: 3px;
height: 25px;
line-height: 25px;
float: right;
text-align: center;
margin-top: 5px;
}
.visual-panel__datetext {
font-size: 13px;
color: #626262;
background-color: #e6e6e6;
padding: 0 5px;
width: 40px;
height: 28px;
line-height: 28px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.visual__new,
.visual__workspace {
padding: 20px 30px;
}
.visual__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.visual__side-panel {
max-width: 350px;
}
}
.visual__content--slided {
margin-left: -100%;
position: relative;
}
.visual__side-panel.visual__side-panel--expanded {
width: 100%;
}
.visual-panel__category--expanded .visual-panel__header {
border-bottom: solid 1px #d7d7d7;
}
.visual-panel__category--expanded .visual-panel__listing {
height: auto;
opacity: 1;
overflow: visible;
}
.visual-panel__category--expanded .visual-panel__range {
height: 100px;
overflow: visible;
}
.visual-panel__listing--collapsed .visual-panel__items {
max-height: 140px;
height: auto;
overflow: hidden;
}
.visual-panel__listing--expanded .visual-panel__items {
max-height: 450px;
overflow: auto;
}
.visual__info-label.visual__info-label--large {
font-size: 18px;
}
.visualeditor {
color: #626262;
}
.visualeditor__new,
.visualeditor__index {
padding: 20px 0;
}
.visualeditor__snapshot {
padding: 15px 0;
}
.visualeditor__canvas {
margin: 15px 0;
}
.visualeditor__timeNavigator {
height: 240px;
width: 100%;
position: relative;
}
.visualeditor__message {
font-size: 60px;
color: #ebebeb;
}
.visualeditor__button {
padding: 0 10px;
}
.visualeditor__button .button--light {
border-color: #d7d7d7;
}
.visualeditor__create {
/*display: -webkit-box;*/
display: flex;
margin-top: 5px;
}
.visualeditor__create-input {
-ms-flex-positive: 0.7;
-ms-flex-negative: 0.7;
-ms-flex-preferred-size: 0;
flex-grow: 0.7;
flex-shrink: 1;
flex-basis: 0;
flex: 0.7 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
padding-right: 10px;
}
.visualeditor__create-button {
-ms-flex-positive: 0.3;
-ms-flex-negative: 0.3;
-ms-flex-preferred-size: 0;
flex-grow: 0.3;
flex-shrink: 1;
flex-basis: 0;
flex: 0.3 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.visualeditor__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.visualeditor__content {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.visualeditor__items {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin: 0 0 20px -20px;
}
.visualeditor__detail {
height: 200px;
max-width: 300px;
width: 100%;
margin: 20px 0 0 20px;
background-color: #ffffff;
cursor: pointer;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.visualeditor__detail-container {
-ms-flex-positive: 0.8;
-ms-flex-negative: 0.8;
-ms-flex-preferred-size: 0;
flex-grow: 0.8;
flex-shrink: 1;
flex-basis: 0;
flex: 0.8 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
flex-direction: column;
}
.visualeditor__detail-container:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.visualeditor__detail-shared {
height: 0;
}
.visualeditor__detail-shared-icon {
/*display: -webkit-box;*/
display: flex;
justify-content: flex-end;
-ms-flex-pack: end;
font-size: 13px;
color: #a19f9f;
width: 100%;
padding: 10px;
}
.visualeditor__detail-content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
position: relative;
}
.visualeditor__detail-content:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.visualeditor__detail-description {
width: 100%;
overflow: hidden;
padding-right: 10px;
align-self: center;
align-items: center;
-ms-flex-align: center;
}
.visualeditor__detail-title,
.visualeditor__detail-label {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
font-weight: 500;
}
.visualeditor__detail-title {
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
}
.visualeditor__detail-icon {
height: 60px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
margin: 20px;
font-size: 60px;
align-self: center;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.visualeditor__detail-action {
width: 68px;
padding: 5px;
text-align: center;
cursor: pointer;
align-self: center;
border: solid 1px transparent;
border-radius: 3px;
}
.visualeditor__detail-action:hover {
border-color: #e7eaec;
}
.visualeditor__detail-action:not(:last-child) {
margin-left: 5px;
}
.visualeditor__detail-action:nth-last-child(1) {
margin: 0 5px;
}
.visualeditor__detail-footer {
max-height: 40px;
border: solid 0 #e7eaec;
border-top-width: 1px;
font-size: 13px;
-ms-flex-positive: 0.2;
-ms-flex-negative: 0.2;
-ms-flex-preferred-size: 0;
flex-grow: 0.2;
flex-shrink: 1;
flex-basis: 0;
flex: 0.2 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.visualeditor__side-menu {
width: 0;
max-width: 100%;
position: absolute;
top: 142px;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: hidden;
z-index: 2;
transition: all 0.5s ease 0s;
}
.dashboard-side-menu__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.dashboard-side-menu__title {
margin-left: 5px;
white-space: nowrap;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.dashboard-side-menu__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 1s ease 0s;
}
.dashboard-side-menu__delete:hover {
color: #626262;
}
.dashboard-side-menu__content {
overflow-y: auto;
height: calc(100% - 45px);
}
.visualeditor__state {
background-color: #ebebeb;
width: 250px;
height: 30px;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
color: #626262;
border-radius: 3px;
margin-left: 10px;
}
.visualeditor__state:hover {
background: #e1e1e1;
transition: all 0.5s ease 0s;
}
.visualeditor__state-icon {
color: #878787;
line-height: 30px;
padding: 0 10px;
font-size: 15px;
}
.visualeditor__state-text {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
font-size: 13px;
}
.visualeditor__state-delete {
line-height: 30px;
padding: 0 10px;
font-size: 15px;
transition: all 0.3s ease 0s;
border-radius: 0 3px 3px 0;
}
.visualeditor__minimizeScreen {
position: fixed;
/*Offset for fotter height and padding*/
bottom: 40px;
/**TODO: bottom values are just GUESSING WORK. HELP ME PLEASE*/
/**TODO: Maybe smaller, then on hover become bigger in size*/
/**TODO: Maybe use different font color greyish, along with opacity to be less visible but still visible*/
/**TODO: Remove all todo when done.*/
right: 10px;
width: 60px;
height: 60px;
font-size: 30px;
opacity: 0.5;
cursor: pointer;
transition: opacity 0.3s ease 0s;
}
.visualeditor__minimizeScreen:hover {
opacity: 1;
}
.visualeditor__lock-indicator {
font-weight: normal;
font-size: 13px;
color: #ffffff;
background-color: #bd4c4c;
border-radius: 3px;
width: 18px;
height: 18px;
line-height: 20px;
text-align: center;
margin-right: 5px;
}
.visualeditor__dropzone {
height: 450px;
position: relative;
text-align: center;
}
.visualeditor__container {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.visualeditor__content-dynamic {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.visualeditor__published {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: center;
-ms-flex-pack: center;
font-size: 10px;
position: absolute;
background: #62b2a3;
color: #ffffff;
border-radius: 25px 0 25px;
width: 80px;
height: 20px;
padding: 5px 0;
font-style: italic;
}
.lovely-window__content .visualeditors--details {
display: none;
}
.visualeditor__detail--selected {
border-top-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 0.5s ease 0s;
}
.visualeditor__item--selected {
border-color: #00acac;
}
.visualeditors--large-icons {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
}
.visualeditor__items--tiles .visualeditor__detail {
height: 100px;
}
.visualeditor__items--tiles .visualeditor__detail-content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.visualeditor__items--tiles .visualeditor__detail-icon {
font-size: 45px;
}
.visualeditor__items--tiles .visualeditor__detail-title {
margin-bottom: 0;
}
.visualeditor__detail--disabled {
opacity: 0.4;
cursor: pointer;
pointer-events: none;
}
.visualeditor__side-menu--expanded .visualeditor__side-menu {
width: 100%;
}
.visualeditor__side-menu--expanded #visualeditorCanvas {
margin-right: 380px;
transition: all 1s ease 0s;
}
.visualeditor__side-menu.visualeditor__index-side-menu--expanded {
width: 100%;
}
.visualeditor__wrapper--fullscreen {
position: fixed;
/*Calculation offset is base on .footer*/
height: calc(100% - 30px);
width: 100%;
top: 0;
left: 0;
overflow: auto;
background-color: #f8f8f8;
z-index: 999999;
}
.visualeditor__container--slided,
.visualeditor__content--slided {
margin-left: -100%;
position: relative;
}
@media only screen and (min-width: 768px) {
.dashboardview__new,
.dashboardview__index {
padding: 20px 30px;
}
.dashboardview__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.dashboardview__snapshot {
padding: 20px 15px;
}
.dashboardview__canvas {
margin: 20px 15px;
}
.dashboardview__item {
height: 100px;
width: 250px;
margin: 20px 0 0 20px;
padding: 0;
}
.dashboardview__state {
margin-left: 0;
}
.dashboardview__side-menu {
max-width: 350px;
}
}
@media only screen and (min-width: 1200px) {
.visualeditor__timeNavigator {
height: 210px;
}
.visualeditor__snapshot {
padding-left: 30px;
padding-right: 30px;
}
.visualeditor__canvas {
margin-left: 25px;
margin-right: 25px;
}
}
.visualeditor-loading__container {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
}
.visualeditor-loading__frame {
border: solid 2px #000000;
border-radius: 8px;
box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.85);
background: #2a2d24;
width: 185px;
height: 160px;
padding: 30px 5px 5px 5px;
}
.visualeditor-loading__box {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
background: #ffffff;
padding: 10px;
box-shadow: inset 0px 0px 0px 2px #1b1b1b;
}
.visualeditor-loading__card {
animation: flashbox 2s infinite;
background-color: rgba(161, 33, 175, 0.1);
color: rgba(255, 255, 255, 0.1);
font-size: 18px;
float: left;
line-height: 40px;
height: 40px;
width: 40px;
text-align: center;
margin: 5px;
}
.visualeditor-loading__card.topcenter {
animation-delay: 0.25s;
}
.visualeditor-loading__card.topright {
animation-delay: 0.5s;
}
.visualeditor-loading__card.bottomright {
animation-delay: 0.75s;
}
.visualeditor-loading__card.bottomcenter {
animation-delay: 1s;
}
.visualeditor-loading__card.bottomleft {
animation-delay: 1.25s;
}
.visualeditor-loading__wrapper {
margin-top: 30px;
width: 280px;
}
.visualeditor-loading__text {
animation: 2s bouncingtext ease infinite;
color: #626262;
font-size: 28px;
font-weight: 600;
text-align: center;
}
.visualeditor-loading__shadow {
position: absolute;
width: 175px;
height: 20px;
bottom: -10%;
left: 50%;
transform: translateX(-50%);
transform-origin: center center;
border-radius: 50%;
background-color: #464646;
opacity: 0.2;
transform-origin: -50% -50%;
animation: 2s pulsateshadow ease infinite;
}
@keyframes flashbox {
0% {
transform: scale(1);
animation-timing-function: linear;
}
12.5% {
transform: scale(1.4);
animation-timing-function: linear;
background-color: #a121a4;
color: #ffffff;
}
25% {
transform: scale(1);
animation-timing-function: linear;
}
}
@keyframes bouncingtext {
50% {
transform: translateY(-20px);
}
}
@keyframes pulsateshadow {
0% {
opacity: 0;
}
50% {
transform: scale(0.5);
opacity: 0.2;
}
100% {
opacity: 0;
}
}
.visualeditor-card__items {
margin: auto;
/*display: -webkit-box;*/
display: flex;
flex-direction: row;
justify-content: center;
-ms-flex-pack: center;
align-items: stretch;
-ms-flex-align: stretch;
flex-wrap: wrap;
transition: all 0.3s ease-in-out 0s;
}
.visualeditor-card__item {
position: relative;
display: block;
height: 330px;
width: 320px;
min-width: 320px;
margin-bottom: 15px;
background: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
border-bottom: 3px solid transparent;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
}
.visualeditor-card__item:hover .visualeditor-card__image-wrap img {
transform: scale(1.2);
}
.visualeditor-card__item:hover .visualeditor-card__footer-button {
background-color: #00acac;
color: #ffffff;
}
.visualeditor-card__item:hover .visualeditor-card__actions {
opacity: 1;
}
.visualeditor-card__item:hover .visualeditor-card__overlay {
display: block;
background: rgba(0, 0, 0, 0.4);
}
.visualeditor-card__image-wrap {
display: block;
position: relative;
width: 100%;
overflow: hidden;
}
.visualeditor-card__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #ffffff;
background: rgba(0, 0, 0, 0);
transition: background 0.3s ease 0s;
}
.visualeditor-card__actions {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
justify-content: space-around;
-ms-flex-pack: space-around;
flex-direction: row;
flex-wrap: wrap;
opacity: 0;
transition: opacity 0.3s ease 0s;
color: #ffffff;
padding: 20px;
}
.visualeditor-card__action {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
font-size: 13px;
padding: 0 10px;
height: 30px;
line-height: 30px;
border: solid 1px #ffffff;
border-radius: 3px;
background: rgba(32, 32, 32, 0.4);
margin: 0 5px;
transition: all 0.3s ease 0s;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
}
.visualeditor-card__action .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.visualeditor-card__action:hover {
background: rgba(232, 232, 232, 0.4);
}
.visualeditor-card__action-text {
margin-left: 5px;
}
.visualeditor-card__item img {
width: 100%;
height: 180px;
display: block;
transition: all 0.3s ease-in-out 0s;
}
.visualeditor-card__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
margin-bottom: 10px;
}
.visualeditor-card__detail {
padding: 15px 20px 0;
height: calc(100% - 240px);
width: 100%;
overflow: hidden;
position: absolute;
bottom: 60px;
transition: all 0.3s ease 0s;
}
.visualeditor-card__detail-header {
font-size: 18px;
line-height: 20px;
color: #008888;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
width: calc(100% - 20px);
}
.visualeditor-card__detail-icon {
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-size: contain;
}
.visualeditor-card__detail-header img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.visualeditor-card__detail-description {
font-size: 12px;
line-height: 14px;
color: #626262;
white-space: normal;
height: 43px;
overflow: hidden;
}
.visualeditor-card__detail-description .ql-editor {
cursor: pointer;
overflow-y: hidden;
padding: 0;
white-space: normal;
line-height: 14px;
-ms-word-wrap: normal;
word-wrap: normal;
}
.visualeditor-card__detail-label {
font-size: 11px;
line-height: 14px;
color: #878787;
}
.visualeditor-card__footer {
padding: 0 20px 10px;
height: 40px;
bottom: 0;
position: absolute;
}
.visualeditor-card__footer-button {
padding: 5px 10px;
text-decoration: none;
border: 2px solid #00acac;
color: #00acac;
font-weight: 600;
font-size: 10px;
text-transform: uppercase;
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
transition: 0.3s ease-out;
transition: all 0.3s ease-in-out 0s;
}
.visualeditor-card__footer-button .waves-ripple {
position: absolute;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
opacity: 0;
background: rgba(203, 203, 203, 0.59);
pointer-events: none;
}
.visualeditor-card__toggle {
bottom: 40px;
position: absolute;
width: 100%;
font-size: 10px;
font-weight: 600;
font-style: italic;
color: #158eff;
text-align: right;
padding: 0 20px;
height: 20px;
line-height: 20px;
transition: all 0.3s ease 0s;
}
.visualeditor-card__toggle:hover {
color: #007cf0;
}
.visualeditor-card__indicators {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
left: 0;
top: 162px;
position: absolute;
cursor: default;
}
.visualeditor-card__indicator {
font-size: 10px;
font-style: italic;
color: #ffffff;
height: 18px;
line-height: 18px;
text-align: center;
width: 60px;
}
.visual-editor__index-container .visual-editor__no-data-found {
font-size: 24px;
color: #a19f9f;
}
.visual-editor__index-container .visual-editor__visual-list {
display: flex;
}
.visual-editor__index-container .visual-editor__visual-list .visual-editor__item {
width: 50px;
height: 50px;
}
.visual-editor__container {
width: 100%;
padding: 20px;
position: relative;
}
.visual-editor__container .visual-editor-quadrant-dropzone-information {
height: 80px;
bottom: 60px;
}
.visual-editor__container .list-group-item.visual-editor-quadrant-item {
padding: 10px 20px;
}
.visual-editor__container .visual-editor-quadrant-destination {
padding-bottom: 100px;
background-color: rgba(243, 245, 248, 0.97);
}
.visual-editor__container .lm_header {
background-color: #f8f8f8;
}
.visual-editor__container .lm_header .lm_tab {
margin: 0;
background-color: #f8f8f8;
height: 25px;
padding-left: 20px;
line-height: 23px;
text-align: center;
vertical-align: middle;
transition: 0.3s;
}
.visual-editor__container .lm_header .lm_tab.lm_active {
background-color: #ffffff;
color: #00acac;
line-height: 21px;
border-top: 3px solid #00acac;
}
.visual-editor__container .lm_header .lm_tab.lm_active:hover {
background-color: #ffffff;
}
.visual-editor__container .lm_header .lm_tab:hover {
background-color: #f8f8f8;
}
.visual-editor__container .lm_controls .lm_maximise {
background-image: none;
font-family: FXAGlyphicon;
line-height: 25px;
}
.visual-editor__container .lm_controls .lm_maximise::before {
content: "\e901";
}
.visual-editor__container .lm_maximised .lm_controls .lm_maximise {
background-image: none;
font-family: FXAGlyphicon;
}
.visual-editor__container .lm_maximised .lm_controls .lm_maximise .lm_maximise::before {
content: "\e900";
}
.visual-editor__container .visual-editor_golden-layout-container {
height: 100%;
width: 100%;
}
.visual-editor__container .visual-editor-quadrant-toggle:first-child {
border-radius: 3px 0 0 3px;
}
.visual-editor__container .visual-editor-quadrant-toggle:last-child {
border-radius: 0 3px 3px 0;
}
.visual-editor__container .visual-editor-preview {
border: none;
}
.visual-editor__container .visual-editor-data-button {
border: 1px solid #e7eaec;
border-radius: 0;
background-color: #f8f8f8;
color: #626262;
}
.visual-editor__container .visual-editor__preview-component .visual-editor.visual-editor-layout.visual-editor-panel-container {
overflow: hidden;
}
.visual-editor__container .visual-editor-quadrant-container {
color: #626262;
}
.visual-editor__container .visual-editor.visual-editor-layout.visual-editor-panel-container {
background-color: white;
}
.visual-editor__container .visual-editor-quadrant-column {
padding: 0px 20px 20px 20px;
}
.visual-editor__container .visual-editor-quadrant-heading {
height: 40px;
font-size: font-size-h3;
}
.visual-editor__container .visual-editor-quadrant-body {
padding-top: 40px;
}
.visual-editor__container .visual-editor-quadrant-header {
margin-bottom: 20px;
border-bottom: 1px solid #c3c3c3;
width: 100%;
padding-bottom: 10px;
display: block;
font-size: 18px;
}
.visual-editor__container .visual-editor__panel {
height: 100%;
width: 100%;
}
.visual-editor__container .visual-editor-quadrant-item.list-group-item:first-child {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.visual-editor__container .visual-editor-quadrant-item.list-group-item:last-child {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.visual-editor__container .visual-editor-data-widget-header {
font-size: 18px;
}
.visual-editor__container .visual-editor-drop-zone-information-custom {
font-size: 15px;
}
.visual-editor__container .visual-editor-drop-zone-icon-custom {
font-size: 30px;
}
.visual-editor__container .visual-editor-data-column {
padding: 0 5px;
}
.glyph.fa {
font-family: FontAwesome;
padding: 0 15px;
font-size: 38px;
}
.visual-editor__side-menu--expanded .visual-editor__side-menu {
width: 100%;
}
.visual-editor__side-menu {
max-width: 100%;
width: 0;
background-color: #fff;
position: absolute;
right: 0;
top: 0;
height: 100%;
z-index: 100;
transition: all 0.5s ease 0s;
overflow-x: hidden;
overflow-y: auto;
border-left: 1px solid #ccc;
}
.visual-editor__side-menu .visual-editor__side-menu-header {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: 1px solid #f7eaec;
color: #626262;
font-weight: 600;
background-color: rgba(243, 245, 248, 0.97);
display: flex;
align-items: center;
}
.visual-editor__side-menu .visual-editor__side-menu-title {
margin: 0 10px;
}
.visual-editor__side-menu .visual-editor__side-menu-content {
width: 380px;
padding: 10px;
}
.visual-editor__side-menu .visual-editor__side-menu-settings__content {
padding: 20px;
width: 380px;
}
@media only screen and (min-width: 768px) {
.visualeditor-card__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.visualeditor-card__item {
margin: 15px;
}
.visual-editor__side-menu {
max-width: 350px;
}
}
.visualeditor-card__item.visualeditor-card__item--selected {
border-bottom-color: #00acac;
box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.85);
animation: border-green 3s linear infinite;
}
.visualeditor-card__item.visualeditor-card__item--selected .visualeditor-card__footer-button {
background-color: #00acac;
color: #ffffff;
}
.visualeditor-card__indicator--new,
.visualeditor-card__indicator--updated {
background: #158eff;
}
.visualeditor-card__indicator--published {
background: #62b2a3;
}
.visualeditor-card__indicator--edit {
height: 30px;
line-height: 30px;
color: #626262;
width: 30px;
font-size: 18px;
font-style: normal;
}
.visualeditor-card__item.visualeditor-card__item--expanded .visualeditor-card__image-wrap {
height: 0;
}
.visualeditor-card__item.visualeditor-card__item--expanded .visualeditor-card__indicators {
top: 0;
}
.visualeditor-card__item.visualeditor-card__item--expanded .visualeditor-card__detail {
height: calc(100% - 40px);
margin-top: 20px;
overflow: auto;
bottom: 20px;
}
.visualeditor-card__item.visualeditor-card__item--expanded .visualeditor-card__detail-description {
height: auto;
overflow: auto;
margin-bottom: 10px;
}
.visualeditor-card__item.visualeditor-card__item--expanded .visualeditor-card__toggle {
bottom: 0;
}
.visualeditor-card__item.visualeditor-card__item--expanded .visualeditor-card__footer {
display: none;
}
/*@import "../Block/form-builder.less";*/
.form {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #626262;
height: 100%;
}
.form__center-align {
text-align: center;
}
.form__new,
.form__workspace {
padding: 20px 0;
}
.form__message {
font-size: 60px;
color: #ebebeb;
}
.form__view-port {
position: relative;
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.form__header {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
flex-wrap: wrap;
min-height: 35px;
}
.form__content {
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 1s ease 0s;
}
.form__content-dynamic {
background-color: #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.form__dropzone {
min-height: 450px;
height: auto;
text-align: center;
position: relative;
margin: 20px;
}
.form__items {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin: 0 0 5px -20px;
}
.form__detail {
height: 200px;
max-width: 300px;
width: 100%;
margin: 20px 0 0 20px;
background-color: #ffffff;
cursor: pointer;
border-style: solid;
border-width: 3px 0 1px;
border-color: #e7eaec;
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
}
.form__detail-container {
-ms-flex-positive: 0.8;
-ms-flex-negative: 0.8;
-ms-flex-preferred-size: 0;
flex-grow: 0.8;
flex-shrink: 1;
flex-basis: 0;
flex: 0.8 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
flex-direction: column;
}
.form__detail-container:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.form__detail-content {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
/*display: -webkit-box;*/
display: flex;
transition: all 0.5s ease 0s;
overflow: hidden;
}
.form__detail-content:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.form__detail-description {
width: 100%;
overflow: hidden;
padding-right: 10px;
align-self: center;
align-items: center;
-ms-flex-align: center;
}
.form__detail-title,
.form__detail-label {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
font-weight: 500;
}
.form__detail-title {
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
}
.form__detail-icon {
height: 60px;
width: 60px;
background-repeat: no-repeat;
background-size: contain;
margin: 20px;
font-size: 60px;
align-self: center;
-ms-flex-positive: 0;
-ms-flex-negative: 0;
-ms-flex-preferred-size: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: auto;
flex: 0 0 auto;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.form__detail-action {
width: 68px;
padding: 5px;
text-align: center;
cursor: pointer;
align-self: center;
border: solid 1px transparent;
border-radius: 3px;
}
.form__detail-action:hover {
border-color: #e7eaec;
}
.form__detail-action:not(:last-child) {
margin-left: 5px;
}
.form__detail-action:nth-last-child(1) {
margin: 0 5px;
}
.form__detail-footer {
max-height: 40px;
border: solid 0 #e7eaec;
border-top-width: 1px;
font-size: 13px;
-ms-flex-positive: 0.2;
-ms-flex-negative: 0.2;
-ms-flex-preferred-size: 0;
flex-grow: 0.2;
flex-shrink: 1;
flex-basis: 0;
flex: 0.2 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
justify-content: center;
-ms-flex-pack: center;
/*display: -webkit-box;*/
display: flex;
}
.form-error {
max-width: 100%;
}
/* lovely-window info*/
.lovely-window__content .form__info {
position: relative;
height: 350px;
width: 400px;
max-width: 100%;
max-height: 90%;
}
.form__info-content {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
}
.form__info-group {
text-align: center;
margin-top: 10px;
}
.form__info-row {
/*display: -webkit-box;*/
display: flex;
justify-content: center;
-ms-flex-pack: center;
flex-wrap: wrap;
margin-bottom: 10px;
}
.form__info-row .form__info-label {
padding-right: 5px;
}
.form__info-row .form__info-text:not(:last-child) {
padding-right: 5px;
}
.form__info-icon {
width: 60px;
height: 60px;
min-height: 60px;
background-size: cover;
margin-top: 5px;
}
.form__info-title {
font-size: 15px;
margin-top: 5px;
}
.form__info-author {
font-size: 18px;
}
.form__info-label {
font-size: 13px;
font-weight: 600;
color: #626262;
}
.form__info-text {
font-style: italic;
font-size: 13px;
font-weight: 600;
color: #878787;
}
.form__info-text:not(:last-child) {
padding-right: 5px;
}
/* side-panel*/
.form__side-panel {
width: 0;
max-width: 380px;
height: calc(100% - 170px);
position: absolute;
top: 142px;
right: 0;
bottom: 0;
background-color: #ffffff;
box-shadow: -3px 0 5px -3px rgba(0, 0, 0, 0.85);
overflow: hidden;
transition: all 0.5s ease 0s;
z-index: 2;
}
.form-panel__mainheader {
height: 45px;
line-height: 45px;
font-size: 15px;
padding: 0 20px;
border-bottom: solid 1px #e7eaec;
color: #626262;
font-weight: 600;
background-color: #f8f8f8;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.form-panel__title {
margin-left: 5px;
/*display: -webkit-box;*/
display: flex;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.form-panel__delete {
font-size: 15px;
color: #a19f9f;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: color 1s ease 0s;
}
.form-panel__delete:hover {
color: #626262;
}
.form-panel__content {
overflow-y: auto;
height: calc(100% - 45px);
}
.form__buttons {
/*display: -webkit-box;*/
display: flex;
flex-wrap: wrap;
justify-content: center;
-ms-flex-pack: center;
}
.form__button {
margin-bottom: 10px;
border-radius: 3px;
opacity: 0.4;
}
.form__button:first-child {
margin-right: 0;
}
.form-panel__category {
padding: 10px 20px;
border-bottom: solid 1px #d7d7d7;
}
.form-panel__category:last-child {
border-bottom: none;
}
.form-panel__listing {
height: 0;
opacity: 0;
overflow: hidden;
}
.form-panel__header {
color: #4773af;
cursor: pointer;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.form-panel__header:hover .dashboard-side-panel-search__icon {
color: #626262;
transition: all 0.5s ease 0s;
}
.form-panel__label {
font-size: 15px;
white-space: nowrap;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.form-panel__summary {
margin-top: 5px;
background: #e7f5fb;
border: solid 1px #c8e8f6;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
padding: 5px 0 5px 5px;
max-height: 60px;
}
.form-panel__summary .form-panel__text {
font-size: 12px;
color: #7178a4;
overflow: hidden;
max-height: 50px;
padding-right: 5px;
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.form-panel__input {
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
max-height: 30px;
width: 100%;
border-bottom-color: #d7d7d7;
margin: 5px 0 0;
}
.form-panel__input .text-box__input {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.form-panel__input input[type="text"] {
font-size: 13px;
color: #878787;
}
.form-panel__input:hover .form-panel__icon {
transition: all 0.3s ease 0s;
color: #626262;
cursor: pointer;
}
.form-panel__text {
font-size: 13px;
color: #626262;
width: calc(100% - 40px);
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.form-panel__item {
padding: 5px;
cursor: pointer;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
}
.form-panel__item:hover {
background-color: rgba(235, 235, 235, 0.6);
transition: all 0.3s ease 0s;
}
.form-panel__item input[type="checkbox"] {
margin: 0 5px 0 0;
cursor: pointer;
}
.form-panel__icon {
color: #a19f9f;
width: 30px;
height: 100%;
line-height: 25px;
text-align: center;
}
.form-panel__items {
margin-top: 5px;
}
.form-panel__toggle {
font-size: 12px;
text-align: right;
color: #00acac;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.form-panel__toggle:hover {
color: #008888;
}
.form-panel__range {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: flex-end;
-ms-flex-align: flex-end;
height: 0;
overflow: hidden;
}
.form-panel__range-input {
/*display: -webkit-box;*/
display: flex;
flex-direction: column;
align-items: center;
-ms-flex-align: center;
width: 100%;
height: 70px;
}
.form-panel__range-input .form-panel__text {
padding: 0 5px;
}
.form-panel__range-input input[type="text"] {
font-size: 13px;
padding-left: 5px;
}
.form-panel__range-button {
font-size: 12px;
padding: 0 10px;
border-radius: 3px;
height: 25px;
line-height: 25px;
float: right;
text-align: center;
margin-top: 5px;
}
.form-panel__datetext {
font-size: 13px;
color: #626262;
background-color: #e6e6e6;
padding: 0 5px;
width: 40px;
height: 28px;
line-height: 28px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.form__new,
.form__workspace {
padding: 20px 30px;
}
.form__items {
justify-content: flex-start;
-ms-flex-pack: start;
}
.form__side-panel {
max-width: 350px;
}
}
.form__content--slided {
margin-left: -100%;
position: relative;
}
.form__side-panel.form__side-panel--expanded {
width: 100%;
}
.form-panel__category--expanded .form-panel__header {
border-bottom: solid 1px #d7d7d7;
}
.form-panel__category--expanded .form-panel__listing {
height: auto;
opacity: 1;
overflow: visible;
}
.form-panel__category--expanded .form-panel__range {
height: 100px;
overflow: visible;
}
.form-panel__listing--collapsed .form-panel__items {
max-height: 140px;
height: auto;
overflow: hidden;
}
.form-panel__listing--expanded .form-panel__items {
max-height: 450px;
overflow: auto;
}
.form__info-label.form__info-label--large {
font-size: 18px;
}
.menumanagement {
/*display: -webkit-box;*/
display: flex;
margin: 20px 10%;
width: 80%;
}
.menumanagement__list-container {
overflow: hidden;
width: 40%;
background-color: #ffffff;
padding: 30px;
height: 100%;
border: 1px solid #d7d7d7;
border-radius: 3px;
}
.menumanagement__list-title {
font-size: 18px;
}
.menumanagement__list {
overflow: auto;
max-height: 100%;
}
.menumanagement__item {
border: 1px solid #d7d7d7;
border-radius: 3px;
height: 30px;
margin: 5px 0;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
cursor: pointer;
}
.menumanagement__item-icon {
margin: 0 5px 0 15px;
}
.menumanagement__item-text {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
}
.menumanagement__item-delete {
margin-right: 10px;
}
.menumanagement__item-add {
text-align: center;
width: 100%;
}
.menumanagement__item-detail {
display: block;
width: 60%;
height: 100%;
background: #ffffff;
padding: 30px;
border: 1px solid #d7d7d7;
border-radius: 3px;
}
.menumanagement__message {
font-size: 60px;
color: #ebebeb;
margin-top: 10%;
text-align: center;
}
.menumanagement__row {
margin-top: 10px;
}
.menu-page {
margin: 10px;
}
.menu-page__frame {
width: 100%;
height: 100%;
}
.widgetmanagement {
/*display: -webkit-box;*/
display: flex;
margin: 20px 10%;
width: 80%;
}
.widgetmanagement__list-container {
overflow: hidden;
width: 40%;
background-color: #ffffff;
padding: 30px;
height: 100%;
border: 1px solid #d7d7d7;
border-radius: 3px;
}
.widgetmanagement__list-title {
font-size: 18px;
}
.widgetmanagement__list {
overflow: auto;
max-height: 100%;
}
.widgetmanagement__item {
border: 1px solid #d7d7d7;
border-radius: 3px;
height: 30px;
margin: 5px 0;
/*display: -webkit-box;*/
display: flex;
align-items: center;
-ms-flex-align: center;
cursor: pointer;
}
.widgetmanagement__item-text {
-ms-flex-positive: 1;
-ms-flex-negative: 1;
-ms-flex-preferred-size: 0;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
flex: 1 1 0;
/*-webkit-box-flex: @grow @shrink @width;
-moz-box-flex: @grow @shrink @width;
-webkit-flex: @grow @shrink @width;
-ms-flex: @grow @shrink @width;
flex: @grow @shrink @width;*/
margin-left: 10px;
max-width: calc(100% - 31px);
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow-x: hidden;
}
.widgetmanagement__item-delete {
margin-right: 10px;
}
.widgetmanagement__item-add {
text-align: center;
width: 100%;
}
.widgetmanagement__item-detail {
display: block;
width: 60%;
height: 100%;
background: #ffffff;
padding: 30px;
border: 1px solid #d7d7d7;
border-radius: 3px;
}
.widgetmanagement__message {
font-size: 60px;
color: #ebebeb;
margin-top: 10%;
text-align: center;
}
.widgetmanagement__row {
margin-top: 10px;
}
.widgetmanagement__label {
font-size: 18px;
font-weight: 300;
}
.widgetmanagement__description {
font-size: 11px;
color: #a19f9f;
font-style: italic;
}
.widgetmanagement__textarea {
display: block;
width: 100%;
height: 100px;
outline: none;
padding: 5px 10px;
font-size: 15px;
color: #616161;
border: 1px solid #d7d7d7;
border-radius: 1px;
box-shadow: 1px 2px 5px -4px rgba(0, 0, 0, 0.85);
resize: none;
}
.minified-upload {
width: 400px;
position: fixed;
bottom: 30px;
right: 10px;
border-width: 1px 1px 0 1px;
box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px 0 inset, #e7e7e7 0 0 8px 0;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
font-size: 15px;
color: #878787;
}
.minified-upload__header {
padding: 5px 10px;
line-height: 25px;
height: 25px;
background-color: #f8f8f8;
}
.minified-upload__header-info {
float: left;
}
.minified-upload__header-minimize {
float: right;
color: #878787;
cursor: pointer;
position: absolute;
top: 50%;
transform: translate(0, -50%);
position: relative;
margin-left: 5px;
}
.minified-upload__header-close {
float: right;
color: #878787;
cursor: pointer;
top: calc(50% - 1px);
transform: translate(0, -50%);
position: relative;
margin-left: 5px;
}
.minified-upload__cancel {
padding: 5px 10px;
background-color: rgba(0, 0, 0, 0.85);
height: 25px;
}
.minified-upload__cancel > div {
float: right;
text-align: right;
padding-left: 10px;
width: 70px;
line-height: 25px;
cursor: pointer;
}
.minified-upload__container {
font-size: 13px;
background-color: #f8f8f8;
max-height: calc(154px);
}
.minified-upload__container > div:last-child {
border-bottom: none;
}
.minified-upload-item {
padding: 5px 10px;
height: 20px;
width: calc(100% - 20px);
line-height: 20px;
border-bottom: #dde1e8;
}
.minified-upload-item > div {
margin-right: 5px;
}
.minified-upload-item > div:first-child {
margin-right: 5px;
}
.minified-upload-item > div:last-child {
margin-right: 0;
}
.minified-upload-item-icon {
float: left;
width: 20px;
}
.minified-upload-item-filename {
float: left;
width: calc(100% - 20px - 80px - 60px - 40px - 15px - 5px);
}
.minified-upload-item-filesize {
float: left;
width: 80px;
text-align: right;
}
.minified-upload-item-progress-status {
float: left;
width: 60px;
color: #a19f9f;
}
.minified-upload-item-progress-runningbar {
width: 60px;
display: inline-block;
}
.minified-upload-item-action {
float: right;
text-align: right;
width: 40px;
cursor: pointer;
}
.minified-upload-item-progress {
height: 10px;
width: 100%;
overflow: hidden;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.minified-upload-item-progress-bar {
float: left;
width: 0;
height: 100%;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
transition: width 0.5s ease 0s;
}
.minified-upload-item-progress-striped .minified-upload-item-progress-bar {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.minified-upload-item-progress.minified-upload-item-progress .minified-upload-item-progress-bar {
animation: progress-bar-stripes 2s linear infinite;
}
.minified-upload-item-progress-bar-running {
background-color: #f8f8f8;
}
.minified-upload-item-progress-striped .minified-upload-item-progress-bar-running {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
/*!
* IE10 specific styling
* set the waves ripple effect to behind the click DOM to prevent the click leak in IE10
* ~ : use for sibling checking
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.waves-effect div.fa ~ .waves-ripple,
.waves-effect i.fa ~ .waves-ripple {
z-index: -1;
}
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion {
background: transparent;
background: linear-gradient(top, transparent 0%, transparent 99%);
background-image: url('../../Images/theme_cobaltfusion.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .dashboardview__pinFilter {
background: rgba(216, 216, 216, 0.3);
background: linear-gradient(top, rgba(216, 216, 216, 0.4) 0%, rgba(216, 216, 216, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .add__button--action {
background-color: #a0a0a0;
color: #fefefe;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .add__button--action:hover {
background-color: #d3cdcb;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .dashboard-pin-filter__title,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .dashboard-pin-filter__icon {
color: #95545b;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .dashboard-pin-filter__icon:hover {
color: #703f44;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__filter:hover .leesa-info__title {
background: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__title .fa {
color: #95545b !important;
background: #ffffff9c;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .lessa-info__details {
border: solid 1px #d9d9d9;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-manual-icon {
background-color: #6b323d;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-manual-icon:hover {
background-color: #572427;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-active {
background-color: rgba(87, 36, 39, 0.6);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #7aa2b2;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #284660;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #beb9bb;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #410f1a;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #9e5626;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #4A3D2F;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__info-container {
border-radius: 5px;
background: #d8d8d8;
background: linear-gradient(top, #d8d8d8 0%, rgba(210, 210, 210, 0.8) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #565656;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .grid-stack > .grid-stack-item > .grid-stack-item-content.leesa__flipContainer.grid-stack-item-content--fullscreen {
background-image: url('../../Images/theme_cobaltfusion.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .sk-three-bounce .sk-child {
background-color: #565656;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .legend text,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amChartsPeriodSelector {
fill: #2f2f2f;
color: #2f2f2f !important;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-axis-line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-axis-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-axis-grid {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-funnel-label tspan:first-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-funnel-label tspan:last-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-funnel-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .kpiActualValue {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .bullet_axisMinor {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .bullet_axisMinor text {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .timeline-Widget {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .hierarchy-filter__item {
color: #2f2f2f;
border: solid 1px #999999;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .hierarchy-filter__message {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .text-editor-container.ql-editor {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .ticker__thread-information {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .ticker__thread-date-time {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .pt_main-table.pivot-table {
background: #a9a9a9;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell .leesa__header {
border-bottom-color: transparent;
border-top-color: #ccc5c1;
background: rgba(249, 249, 249, 0.3);
background: linear-gradient(top, rgba(249, 249, 249, 0.3) 0%, rgba(237, 229, 231, 0.5) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell .leesa__title {
color: #7C2B34;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell .leesa__interaction-icon {
color: #565656;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__section {
background-color: rgba(152, 125, 118, 0.3);
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__details {
background: rgba(152, 125, 118, 0.3);
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__details:hover {
background: rgba(134, 107, 101, 0.3);
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__title .glyph {
color: #b65616;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa-info__action-button {
color: #565656;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell--selected .leesa__header {
border-bottom-color: transparent;
border-top-color: transparent;
background: rgba(252, 246, 231, 0.5);
background: linear-gradient(top, rgba(252, 246, 231, 0.5) 0%, rgba(201, 201, 201, 0.2) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell--selected .leesa__title {
color: #b65616;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell--selected .leesa__interaction-icon {
color: #565656;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell--selected .leesa__info-container {
background: #8e8e8e;
background: linear-gradient(top, #8e8e8e 0%, rgba(132, 132, 132, 0.8) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(66, 23, 32, 0.9);
background: linear-gradient(rgba(66, 23, 32, 0.9), rgba(56, 13, 77, 0.9) 0%, rgba(56, 13, 77, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__breadcrumb-action {
color: #F3EEAA;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion svg {
background: transparent !important;
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-Label {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-Rectangle-group {
fill: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-AxisLine-group {
stroke: #2f2f2f;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--cobaltfusion .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight {
background: transparent;
background: linear-gradient(top, transparent 0%, transparent 99%);
background-image: url('../../Images/theme_frostynight.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboardview__pinFilter {
background: #2d2d2d;
background: linear-gradient(top, #2d2d2d 0%, #1b1b1b 99%);
background: -webkit-linear-gradient(top, #2d2d2d 0%, #1b1b1b 99%);
border-bottom: transparent;
border-top: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__add-menu .binding__content {
background-color: #2d2d2d;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--frostynight numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #2d2d2d;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition__component-content-numeric {
background-color: #2d2d2d;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__icon {
color: #d1d1d1;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboard-pin-filter__title {
color: #d1d1d1;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__filter:hover .leesa-info__title {
background: #272e41;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__title {
background: #2a2a2a;
color: #d1d1d1 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__title .fa {
background: transparent;
color: #d1d1d1 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .lessa-info__details {
border: solid 1px #2a2a2a;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-manual-icon {
background-color: rgba(55, 55, 55, 0.4);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-manual-icon:hover {
background-color: rgba(80, 94, 125, 0.5);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-active {
background-color: #505e7d;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #2d2a2a;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #8c71c0;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #e1d9db;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #465a8c;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #672c5f;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #4A3D2F;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__info-container {
border-radius: 5px;
background: #191919;
background: linear-gradient(top, #191919 0%, rgba(25, 25, 25, 0.8) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .grid-stack > .grid-stack-item > .grid-stack-item-content.leesa__flipContainer.grid-stack-item-content--fullscreen {
background-image: url('../../Images/theme_frostynight.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .sk-three-bounce .sk-child {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .legend text,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amChartsPeriodSelector {
fill: #fff;
color: #fff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-axis-line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-axis-tick {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-axis-grid {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-funnel-label tspan:first-child {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-funnel-label tspan:last-child {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-funnel-tick {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .kpiActualValue,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .kpiTargetValue,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .kpiVarianceValue,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .kpiTargetLabel {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .kpiTargetLabel {
opacity: .7;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .bullet_axisMinor {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .bullet_axisMinor text {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .hierarchy-filter__item {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .hierarchy-filter__message {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .text-editor-container.ql-editor {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .ticker__thread-information {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .ticker__thread-date-time {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell .leesa__header {
border-top-color: transparent;
border-bottom-color: #8c71c0;
background: #353535;
background: linear-gradient(top, #353535 0%, #1b1b1b 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell .leesa__title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell .leesa__interaction-icon {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__section {
background-color: rgba(0, 0, 0, 0.2);
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__details {
background: rgba(0, 0, 0, 0.2);
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__details:hover {
background: rgba(0, 0, 0, 0.2);
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__title .glyph {
color: #b58dd2;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__action-button {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa-info__action-button:hover {
background-color: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell--selected .leesa__header {
border-top-color: transparent;
border-bottom-color: transparent;
background: #7b66af;
background: linear-gradient(top, #7b66af 0%, #66528c 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell--selected .leesa__title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell--selected .leesa__interaction-icon {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell--selected .leesa__info-container {
background: #2b2b2b;
background: linear-gradient(top, #2b2b2b 0%, #2b2b2b 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(77, 77, 77, 0.9);
background: linear-gradient(rgba(77, 77, 77, 0.9), rgba(67, 67, 67, 0.9) 0%, rgba(67, 67, 67, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__breadcrumb-action {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #ffae69;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight svg {
background: transparent !important;
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .dashboardview__minimizeScreen {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .ql-stroke {
stroke: #444;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .fxc-grid.ag-fresh .ag-header-cell-text {
color: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .fxc-grid.ag-fresh {
background-color: transparent;
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .fxc-grid.ag-fresh .ag-body-viewport {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .fxc-grid.ag-fresh .ag-row {
border-bottom: solid 1px #333;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .fxc-grid.ag-fresh .ag-row-hover:before {
background: rgba(255, 255, 255, 0.1);
border-bottom: solid 1px #333;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .fxc-grid.ag-fresh .ag-row-even {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .fxc-grid.ag-fresh .ag-row-odd {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .fxc-grid.ag-fresh .ag-cell-focus {
background: rgba(255, 255, 255, 0.2);
border: 0px;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .fxc-grid.ag-fresh .ag-cell {
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .ag-root-wrapper,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .ag-sticky-top,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .ag-dnd-ghost {
background-color: transparent !important;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-Label {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-Rectangle-group {
fill: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .amcharts-AxisLine-group {
stroke: #ffffff;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .visual__time-series-growth .amcharts-Triangle-group {
fill: #ffffff;
stroke: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .visual__time-series-growth .amcharts-RoundedRectangle-group {
stroke: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker {
background-color: #2d2d2d;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--frostynight .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue {
background: transparent;
background: linear-gradient(top, transparent 0%, transparent 99%);
background-image: url('../../Images/theme_mysticblue.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboardview__pinFilter {
background: #294fa1bf;
background: linear-gradient(top, #2b53a4b5 b5 0%, #294fa1bf bf 99%);
background: -webkit-linear-gradient(top, #2b53a4b5 b5 0%, #294fa1bf bf 99%);
border: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__title {
color: #fefefe;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__add-menu .binding__content {
background-color: #294fa1;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #294fa1;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition__component-content-numeric {
background-color: #294fa1;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__icon {
color: #d9d9d9;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboard-pin-filter__icon:hover {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-manual-icon {
background-color: #2f66af;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-manual-icon:hover {
background-color: #19579a;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-active {
background-color: #133e6d;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #668CDA;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #2955B1;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #D0D9E4;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #2B4579;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #2E59B3;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #3c3c3c;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__info-container {
border-radius: 0 0 8px 8px;
background: #182661;
background: linear-gradient(top, #182661 0%, rgba(28, 66, 152, 0.8) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .grid-stack > .grid-stack-item > .grid-stack-item-content.leesa__flipContainer.grid-stack-item-content--fullscreen {
background-image: url('../../Images/theme_mysticblue.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .sk-three-bounce .sk-child {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .legend text,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amChartsPeriodSelector {
fill: #fff;
color: #fff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-axis-line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-axis-tick {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-axis-grid {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-funnel-label tspan:first-child {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-funnel-label tspan:last-child {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-funnel-tick {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .kpiActualValue,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .kpiTargetValue,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .kpiVarianceValue,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .kpiTargetLabel {
fill: #EAE0C3;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .kpiTargetLabel {
opacity: .7;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .bullet_axisMinor {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .bullet_axisMinor text {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .hierarchy-filter__item {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .hierarchy-filter__message {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .text-editor-container.ql-editor {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .ticker__thread-information {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .ticker__thread-date-time {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell .leesa__header {
border-top-color: transparent;
border-bottom-color: #3864BD;
background: #3660B5;
background: linear-gradient(top, #3660B5 0%, #2451AF 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell .leesa__title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell .leesa__interaction-icon {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa-info__section {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa-info__details {
background: #fff;
border-color: transparent;
color: #747b82;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa-info__details:hover {
background: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa-info__title .glyph {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa-info__action-button {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa-info__action-button:hover {
background-color: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell--selected .leesa__header {
border-top-color: #3A6CBF;
border-bottom-color: #3A6EC7;
background: #527DC7;
background: linear-gradient(top, #527DC7 0%, rgba(50, 102, 191, 0.5) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell--selected .leesa__title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell--selected .leesa__interaction-icon {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell--selected .leesa__info-container {
background: rgba(24, 38, 97, 0.6);
background: linear-gradient(top, rgba(24, 38, 97, 0.6) 0%, rgba(28, 66, 152, 0.6) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(14, 35, 81, 0.9);
background: linear-gradient(rgba(14, 35, 81, 0.9), rgba(4, 25, 71, 0.9) 0%, rgba(4, 25, 71, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__breadcrumb-action {
color: #bbc6dc;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #F2E4C1;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue svg {
background: transparent !important;
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .dashboardview__minimizeScreen {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .ql-stroke {
stroke: #444;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .fxc-grid.ag-fresh .ag-header-cell-text {
color: #ccc;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .fxc-grid.ag-fresh {
background-color: transparent;
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .fxc-grid.ag-fresh .ag-body-viewport {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .fxc-grid.ag-fresh .ag-row {
border-bottom: solid 1px #888;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .fxc-grid.ag-fresh .ag-row-hover:before {
background: rgba(255, 255, 255, 0.1);
border-bottom: solid 1px #888;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .fxc-grid.ag-fresh .ag-row-even {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .fxc-grid.ag-fresh .ag-row-odd {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .fxc-grid.ag-fresh .ag-cell-focus {
background: rgba(255, 255, 255, 0.2);
border: 0px;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .fxc-grid.ag-fresh .ag-cell {
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .ag-root-wrapper,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .ag-sticky-top,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .ag-dnd-ghost {
background-color: transparent !important;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-Label {
fill: #EAE0C3;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-Rectangle-group {
fill: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-AxisLine-group {
stroke: #EAE0C3;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .visual__time-series-growth .amcharts-Triangle-group {
fill: #EAE0C3;
stroke: #EAE0C3;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .visual__time-series-growth .amcharts-RoundedRectangle-group {
stroke: #EAE0C3;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker {
background-color: #294fa1;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--mysticblue .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth {
background: transparent;
background: linear-gradient(top, transparent 0%, transparent 99%);
background-image: url('../../Images/theme_oceandepth.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
/*.dashboardview__screen {
background-image: @dashboard-background-image;
background-position: @dashboard-background-position;
background-repeat: @dashboard-background-repeat;
.background-size(@dashboard-background-size);
height:100%;
}*/
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboardview__pinFilter {
background: #0a2d36b3;
background: linear-gradient(top, #0a2d36b3 b3 0%, #092530ad ad 99%);
background: -webkit-linear-gradient(top, #0a2d36b3 b3 0%, #092530ad ad 99%);
border: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__title {
color: #fefefe;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__add-menu .binding__content {
background-color: #0a2d36;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #0a2d36;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition__component-content-numeric {
background-color: #0a2d36;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__icon {
color: #dfe0e2;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboard-pin-filter__icon:hover {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__filter:hover .leesa-info__title {
background: #23576c;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__title .fa {
color: #fff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__title {
background: #092530;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .lessa-info__details {
border: solid 1px #092530;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-manual-icon {
background-color: #133f4c;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-manual-icon:hover {
background-color: #1b4d63;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-active {
background-color: #295969;
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #1a3947;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #607e8c;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #e2e8ea;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #104352;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #226580;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #3c3c3c;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__info-container {
border-radius: 0 0 0 0;
background: #000000;
background: linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.8) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .grid-stack > .grid-stack-item > .grid-stack-item-content.leesa__flipContainer.grid-stack-item-content--fullscreen {
background-image: url('../../Images/theme_oceandepth.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .sk-three-bounce .sk-child {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .legend text,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amChartsPeriodSelector {
fill: #fff;
color: #fff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-axis-line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-axis-tick {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-axis-grid {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-funnel-label tspan:first-child {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-funnel-label tspan:last-child {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-funnel-tick {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .kpiActualValue,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .kpiTargetValue,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .kpiVarianceValue,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .kpiTargetLabel {
fill: #FFF;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .kpiTargetLabel {
opacity: .7;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .bullet_axisMinor {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .bullet_axisMinor text {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .thermometer_axisMinor {
stroke: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .thermometer_axisMinor text {
fill: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .thermometer_axisMinor line {
stroke: #000000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .hierarchy-filter__item {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .hierarchy-filter__item:hover {
color: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .hierarchy-filter__message {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .text-editor-container.ql-editor {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .ticker__thread-information {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .ticker__thread-date-time {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell .leesa__header {
border-top-color: transparent;
border-bottom-color: #2b657d;
background: #0b313a;
background: linear-gradient(top, #0b313a 0%, #092732 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell .leesa__title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell .leesa__interaction-icon {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__section {
background-color: rgba(213, 213, 213, 0.2);
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__details {
background: rgba(213, 213, 213, 0.2);
border-color: rgba(251, 251, 251, 0.1);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__details:hover {
background: rgba(195, 195, 195, 0.2);
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__title .glyph {
color: #FFF;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__action-button {
color: #FFF;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa-info__action-button:hover {
color: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell--selected .leesa__header {
border-top-color: #1e5b73;
border-bottom-color: #165872;
background: #144c61;
background: linear-gradient(top, #144c61 0%, #15556e 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell--selected .leesa__title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell--selected .leesa__interaction-icon {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell--selected .leesa__info-container {
background: rgba(36, 107, 135, 0.2);
background: linear-gradient(top, rgba(36, 107, 135, 0.2) 0%, rgba(32, 98, 122, 0.2) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(26, 72, 87, 0.9);
background: linear-gradient(rgba(26, 72, 87, 0.9), rgba(16, 62, 77, 0.9) 0%, rgba(16, 62, 77, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__breadcrumb-action {
color: #bbc6dc;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #ffd972;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth svg {
background: transparent !important;
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .dashboardview__minimizeScreen {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .ql-stroke {
stroke: #444;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .fxc-grid.ag-fresh .ag-header-cell-text {
color: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .fxc-grid.ag-fresh {
background-color: transparent;
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .fxc-grid.ag-fresh .ag-body-viewport {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .fxc-grid.ag-fresh .ag-row {
border-bottom: solid 1px #333;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .fxc-grid.ag-fresh .ag-row-hover:before {
background: rgba(255, 255, 255, 0.1);
border-bottom: solid 1px #333;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .fxc-grid.ag-fresh .ag-row-even {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .fxc-grid.ag-fresh .ag-row-odd {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .fxc-grid.ag-fresh .ag-cell-focus {
background: rgba(255, 255, 255, 0.2);
border: 0px;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .fxc-grid.ag-fresh .ag-cell {
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .ag-root-wrapper,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .ag-sticky-top,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .ag-dnd-ghost {
background-color: transparent !important;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-Label {
fill: #FFF;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-Rectangle-group {
fill: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-AxisLine-group {
stroke: #FFF;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .visual__time-series-growth .amcharts-Triangle-group {
fill: #FFF;
stroke: #FFF;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .visual__time-series-growth .amcharts-RoundedRectangle-group {
stroke: #FFF;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker {
background-color: #0a2d36;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--oceandepth .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky {
background: transparent;
background: linear-gradient(top, transparent 0%, transparent 99%);
background-image: url('../../Images/theme_silversky.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
/*.dashboardview__screen {
background-image: @dashboard-background-image;
background-position: @dashboard-background-position;
background-repeat: @dashboard-background-repeat;
.background-size(@dashboard-background-size);
height:100%;
}*/
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboardview__pinFilter {
background: #94adc12e;
background: linear-gradient(top, #94adc12e 2e 0%, #90a1b0 99%);
background: -webkit-linear-gradient(top, #94adc12e 2e 0%, #90a1b0 99%);
border-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__title {
color: #fefefe;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--silversky .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__add-menu .binding__content {
background-color: #94adc1;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--silversky numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #94adc1;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition__component-content-numeric {
background-color: #94adc1;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__icon {
color: #d9d9d9;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboard-pin-filter__icon:hover {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__filter:hover .leesa-info__title {
background: #95afc7b8;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__title .fa {
color: #fff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__title {
background: #95afc7;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--silversky .lessa-info__details {
border: solid 1px #95afc7;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .grid-stack > .grid-stack-item > .ui-resizable-se {
color: gray !important;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboardview__minimizeScreen {
color: #ffffff;
opacity: 0.5;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .dashboardview__minimizeScreen:hover {
opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-manual-icon {
background-color: rgba(162, 162, 162, 0.5);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-manual-icon:hover {
background-color: rgba(117, 117, 117, 0.4);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-active {
background-color: rgba(138, 138, 138, 0.7);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #aac7d6;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #295a6b;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #7a8692;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #bccad4;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #445662;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__info-container {
border-radius: 0;
background: #fdfdfd;
background: linear-gradient(top, #fdfdfd 0%, rgba(255, 255, 255, 0.8) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--silversky .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .grid-stack > .grid-stack-item > .grid-stack-item-content.leesa__flipContainer.grid-stack-item-content--fullscreen {
background-image: url('../../Images/theme_silversky.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .sk-three-bounce .sk-child {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--silversky .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--silversky .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--silversky .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--silversky .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--silversky .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--silversky .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--silversky .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--silversky .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--silversky .legend text,
.dashboardview__wrapper.dashboardview__wrapper--silversky .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--silversky .amChartsPeriodSelector {
fill: #525252;
color: #525252 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-axis-line {
stroke: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-axis-tick {
stroke: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-axis-grid {
stroke: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-funnel-label tspan:first-child {
fill: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-funnel-label tspan:last-child {
fill: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-funnel-tick {
stroke: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .kpiActualValue {
fill: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--silversky .bullet_axisMinor {
stroke: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--silversky .bullet_axisMinor text {
fill: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--silversky .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--silversky .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--silversky .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .hierarchy-filter__item {
color: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--silversky .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .hierarchy-filter__message {
color: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .text-editor-container.ql-editor {
color: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .ticker__thread-information {
color: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .ticker__thread-date-time {
color: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell .leesa__header {
border-top-color: rgba(0, 0, 0, 0.1);
border-bottom-color: transparent;
background: #84AAC1;
background: linear-gradient(top, #84AAC1 0%, #79A7C1 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell .leesa__title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell .leesa__interaction-icon {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__section {
background-color: #8f9192;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__details {
background: #8f9192;
border-color: transparent;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__details:hover {
background: #7d7f80;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__title,
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__title .glyph {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa-info__action-button {
color: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell--selected .leesa__header {
border-top-color: transparent;
border-bottom-color: transparent;
background: #6b96b1;
background: linear-gradient(top, #6b96b1 0%, #446a82 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell--selected .leesa__title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell--selected .leesa__interaction-icon {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell--selected .leesa__info-container {
background: rgba(255, 255, 255, 0.6);
background: linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(93, 143, 168, 0.9);
background: linear-gradient(rgba(93, 143, 168, 0.9), rgba(83, 133, 158, 0.9) 0%, rgba(83, 133, 158, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__breadcrumb-action {
color: #D1E9F8;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #FFDC66;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky svg {
background: transparent !important;
fill: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky line {
stroke: #525252;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-Label {
fill: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-Rectangle-group {
fill: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-AxisLine-group {
stroke: #525252;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--silversky .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .visual__sankey-diagram .amcharts-Label,
.dashboardview__wrapper.dashboardview__wrapper--silversky .visual__hierarchical-diagram .amcharts-Label {
color: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
stroke: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker {
background-color: #94adc1;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker td.off.end-date {
background-color: transparent;
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--silversky .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet {
background: transparent;
background: linear-gradient(top, transparent 0%, transparent 99%);
background-image: url('../../Images/theme_spacecadet.jpg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboardview__pinFilter {
background: #46216c;
background: linear-gradient(top, #46216c 0%, #1d1544 99%);
background: -webkit-linear-gradient(top, #46216c 0%, #1d1544 99%);
border-color: transparent;
box-shadow: 0 4px 10px -8px #533d92;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__title {
color: #d4d1dc;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__add-menu .binding__content {
background-color: #46216c;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #46216c;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition__component-content-numeric {
background-color: #46216c;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__icon {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboard-pin-filter__icon:hover {
color: #d4d1dc;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__filter:hover .leesa-info__title {
background: #1642b9;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__title .fa {
background: #ffd007;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .lessa-info__details {
border: solid 1px #ffd007;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-manual-icon {
background-color: rgba(132, 132, 132, 0.2);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-manual-icon:hover {
background-color: rgba(177, 148, 197, 0.3);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-active {
background-color: #634E8F;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #8474a7;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #241b52;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #BBB9BE;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #3B1958;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #712261;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__info-container {
border-radius: 0;
background: #000000;
background: linear-gradient(top, #000000 0%, rgba(98, 98, 98, 0.8) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .grid-stack > .grid-stack-item > .grid-stack-item-content.leesa__flipContainer.grid-stack-item-content--fullscreen {
background: none;
background-repeat: no-repeat;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .sk-three-bounce .sk-child {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .legend text,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amChartsPeriodSelector {
fill: #fff;
color: #fff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-axis-line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-axis-tick {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-axis-grid {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-funnel-label tspan:first-child {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-funnel-label tspan:last-child {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-funnel-tick {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .kpiActualValue,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .kpiTargetValue,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .kpiVarianceValue,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .kpiTargetLabel {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .kpiTargetLabel {
opacity: .7;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .bullet_axisMinor {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .bullet_axisMinor text {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .thermometer_axisMinor {
stroke: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .thermometer_axisMinor text {
fill: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .thermometer_axisMinor line {
stroke: #000000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .hierarchy-filter__item {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .hierarchy-filter__item:hover {
color: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .hierarchy-filter__message {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .text-editor-container.ql-editor {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .ticker__thread-information {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .ticker__thread-date-time {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell .leesa__header {
border-top-color: transparent;
border-bottom-color: transparent;
background: #46216c;
background: linear-gradient(top, #46216c 0%, #1d1544 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell .leesa__title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell .leesa__interaction-icon {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__section {
background-color: rgba(59, 34, 102, 0.5);
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__details {
background: rgba(59, 34, 102, 0.5);
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__details:hover {
background: rgba(44, 25, 75, 0.5);
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__title .glyph {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__action-button {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa-info__action-button:hover {
background-color: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell--selected .leesa__header {
border-top-color: #572A7B;
border-bottom-color: transparent;
background: #7A4C9A;
background: linear-gradient(top, #7A4C9A 0%, #381F58 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell--selected .leesa__title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell--selected .leesa__interaction-icon {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell--selected .leesa__info-container {
background: rgba(57, 57, 57, 0.3);
background: linear-gradient(top, rgba(57, 57, 57, 0.3) 0%, rgba(118, 71, 156, 0.6) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(220, 220, 220, 0.9);
background: linear-gradient(rgba(220, 220, 220, 0.9), rgba(210, 210, 210, 0.9) 0%, rgba(210, 210, 210, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__breadcrumb-action {
color: #1e66cb;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #000000;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #4B577B;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet svg {
background: transparent !important;
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .dashboardview__minimizeScreen {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .ql-stroke {
stroke: #444;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .fxc-grid.ag-fresh .ag-header-cell-text {
color: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .fxc-grid.ag-fresh {
background-color: transparent;
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .fxc-grid.ag-fresh .ag-body-viewport {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .fxc-grid.ag-fresh .ag-row {
border-bottom: solid 1px #333;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .fxc-grid.ag-fresh .ag-row-hover:before {
background: rgba(255, 255, 255, 0.1);
border-bottom: solid 1px #333;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .fxc-grid.ag-fresh .ag-row-even {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .fxc-grid.ag-fresh .ag-row-odd {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .fxc-grid.ag-fresh .ag-cell-focus {
background: rgba(255, 255, 255, 0.2);
border: 0px;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .fxc-grid.ag-fresh .ag-cell {
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .ag-root-wrapper,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .ag-sticky-top,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .ag-dnd-ghost {
background-color: transparent !important;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-Label {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-Rectangle-group {
fill: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-AxisLine-group {
stroke: #fff;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-Label {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-Rectangle-group {
fill: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-AxisLine-group {
stroke: #fff;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .visual__time-series-growth .amcharts-Triangle-group {
fill: #fff;
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .visual__time-series-growth .amcharts-RoundedRectangle-group {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker {
background-color: #46216c;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--spacecadet .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight {
background: transparent;
background: linear-gradient(top, transparent 0%, transparent 99%);
background-image: url('../../Images/theme_darkknight.jpg');
background-position: 0 0;
background-size: cover;
background-repeat: no-repeat;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboardview__pinFilter {
background: #0d0d0d;
background: linear-gradient(top, #191919 0%, #0d0d0d 99%);
background: -webkit-linear-gradient(top, #191919 0%, #0d0d0d 99%);
border: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__title {
color: #cf9606;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__add-menu .binding__content {
background-color: #0d0d0d;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--darkknight numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #0d0d0d;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition__component-content-numeric {
background-color: #0d0d0d;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__icon {
color: #dfe0e2;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboard-pin-filter__icon:hover {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__filter:hover .leesa-info__title {
background: #0d0d0df2;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__title .fa {
color: #fff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__title {
background: #0d0d0d;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .lessa-info__details {
border: solid 1px #0d0d0d;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-manual-icon {
background-color: #6b323d;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-manual-icon:hover {
background-color: #572427;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-active {
background-color: rgba(87, 36, 39, 0.6);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #7aa2b2;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #284660;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #beb9bb;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #410f1a;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #9e5626;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #4A3D2F;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__info-container {
border-radius: 5px;
background: #0a0a0a;
background: linear-gradient(top, #0a0a0a 0%, rgba(16, 16, 16, 0.8) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .grid-stack > .grid-stack-item > .grid-stack-item-content.leesa__flipContainer.grid-stack-item-content--fullscreen {
background-image: url('../../Images/theme_darkknight.jpg');
background-position: 0 0;
background-size: cover;
background-repeat: no-repeat;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .sk-three-bounce .sk-child {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .legend text,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amChartsPeriodSelector {
fill: #fff;
color: #fff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-axis-line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-axis-tick {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-axis-grid {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-funnel-label tspan:first-child {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-funnel-label tspan:last-child {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-funnel-tick {
stroke: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .kpiActualValue,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .kpiTargetValue,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .kpiVarianceValue,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .kpiTargetLabel {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .kpiTargetLabel {
opacity: .7;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .bullet_axisMinor {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .bullet_axisMinor text {
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .hierarchy-filter__item {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .hierarchy-filter__message {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .text-editor-container.ql-editor {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .ticker__thread-information {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .ticker__thread-date-time {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell .leesa__header {
border-bottom-color: transparent;
border-top-color: rgba(237, 229, 231, 0);
background: rgba(249, 249, 249, 0);
background: linear-gradient(top, rgba(249, 249, 249, 0) 0%, rgba(237, 229, 231, 0) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell .leesa__title {
color: #ffb703;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell .leesa__interaction-icon {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell .leesa__interaction .leesa__delete.fa.fa-remove,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell .leesa__interaction-icon .leesa__delete.fa.fa-remove {
opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell .leesa__content > div {
border-style: solid;
border-width: 0.5px;
border-color: rgba(240, 240, 240, 0.2);
border-radius: 10px;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell .leesa-flip__wrapper > div {
border-style: solid;
border-width: 0.5px;
border-color: rgba(240, 240, 240, 0.2);
border-radius: 10px;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__section {
background-color: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__details {
background: rgba(0, 0, 0, 0);
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__details:hover {
background: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__title-text {
padding-top: 10px;
position: absolute;
font-size: 16px;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__title .glyph {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__action-button {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa-info__action-button:hover {
background-color: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell--selected .leesa__header {
border-bottom-color: transparent;
border-top-color: transparent;
background: rgba(252, 246, 231, 0.5);
background: linear-gradient(top, rgba(252, 246, 231, 0.5) 0%, rgba(201, 201, 201, 0.2) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell--selected .leesa__title {
color: #b65616;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell--selected .leesa__interaction-icon {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell--selected .leesa__info-container {
background: rgba(180, 180, 180, 0.5);
background: linear-gradient(top, rgba(180, 180, 180, 0.5) 0%, rgba(132, 132, 132, 0.3) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .pt_main-table.pivot-table {
background: #a9a9a9;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(22, 22, 22, 0.9);
background: linear-gradient(rgba(22, 22, 22, 0.9), rgba(12, 12, 12, 0.9) 0%, rgba(12, 12, 12, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__breadcrumb-action {
color: #FFF;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #FFAE69;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight svg {
background: transparent !important;
fill: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight div [data-region="content"]:before,
.dashboardview__wrapper.dashboardview__wrapper--darkknight div[data-region="content"]:after {
height: 200px;
width: 20px;
position: absolute;
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #fbb169 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight div[data-region="content"]:before {
content: '';
top: 50%;
left: 0;
transform: translate(-50%, -50%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight div[data-region="content"]:after {
content: '';
top: 50%;
right: 0;
transform: translate(50%, -50%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .dashboardview__minimizeScreen {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .ql-stroke {
stroke: #444;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .fxc-grid.ag-fresh .ag-header-cell-text {
color: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .fxc-grid.ag-fresh {
background-color: transparent;
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .fxc-grid.ag-fresh .ag-body-viewport {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .fxc-grid.ag-fresh .ag-row {
border-bottom: solid 1px #333;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .fxc-grid.ag-fresh .ag-row-hover:before {
background: rgba(255, 255, 255, 0.1);
border-bottom: solid 1px #333;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .fxc-grid.ag-fresh .ag-row-even {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .fxc-grid.ag-fresh .ag-row-odd {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .fxc-grid.ag-fresh .ag-cell-focus {
background: rgba(255, 255, 255, 0.2);
border: 0px;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .fxc-grid.ag-fresh .ag-cell {
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .ag-root-wrapper,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .ag-sticky-top,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .ag-dnd-ghost {
background-color: transparent !important;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-Label {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-Rectangle-group {
fill: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-AxisLine-group {
stroke: #ffffff;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .visual__time-series-growth .amcharts-Triangle-group {
fill: #ffffff;
stroke: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .visual__time-series-growth .amcharts-RoundedRectangle-group {
stroke: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker {
background-color: #0d0d0d;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--darkknight .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--default {
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue {
background: #DAE3FF;
background: linear-gradient(top, #DAE3FF 0%, #DAE3FF 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboardview__pinFilter {
background: #477cd1;
background: linear-gradient(top, #477cd1 0%, #477cd1 99%);
background: -webkit-linear-gradient(top, #477cd1 0%, #477cd1 99%);
border-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__add-menu .binding__content {
background-color: #477cd1;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--standardblue numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #477cd1;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition__component-content-numeric {
background-color: #477cd1;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__icon {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .dashboard-pin-filter__icon:hover {
color: #d4d1dc;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__filter:hover .leesa-info__title {
background: #739bdc;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__title .fa {
color: #f8faff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__title {
background: #477cd1;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .lessa-info__details {
border: solid 1px #477cd1;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .grid-stack > .grid-stack-item > .ui-resizable-se {
color: gray !important;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-manual-icon {
background-color: #6b323d;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-manual-icon:hover {
background-color: #572427;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-active {
background-color: rgba(87, 36, 39, 0.6);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #7aa2b2;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #284660;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #beb9bb;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #410f1a;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #9e5626;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #4A3D2F;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__info-container {
border-radius: 5px;
background: #FFFFFF;
background: linear-gradient(top, #FFFFFF 0%, #FFFFFF 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .sk-three-bounce .sk-child {
background-color: #565656;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .legend text,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amChartsPeriodSelector {
fill: #2f2f2f;
color: #2f2f2f !important;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-axis-line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-axis-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-axis-grid {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-funnel-label tspan:first-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-funnel-label tspan:last-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-funnel-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .kpiActualValue {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .bullet_axisMinor {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .bullet_axisMinor text {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .timeline-Widget {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .hierarchy-filter__item {
color: #2f2f2f;
border: solid 1px #999999;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .hierarchy-filter__message {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .text-editor-container.ql-editor {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .ticker__thread-information {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .ticker__thread-date-time {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .pt_main-table.pivot-table {
background: #a9a9a9;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell .leesa__header {
border-bottom-color: transparent;
border-top-color: #5491F0;
background: #2262C6;
background: linear-gradient(top, #2262C6 0%, #2262C6 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__section {
background-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__details {
background: #ffffff;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__details:hover {
background: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__title .glyph {
color: #b65616;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa-info__action-button {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell--selected .leesa__header {
border-bottom-color: transparent;
border-top-color: orange;
background: #2262C6;
background: linear-gradient(top, #2262C6 0%, #2262C6 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell--selected .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell--selected .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell--selected .leesa__info-container {
background: #FFFFFF;
background: linear-gradient(top, #FFFFFF 0%, #FFFFFF 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(66, 23, 32, 0.9);
background: linear-gradient(rgba(66, 23, 32, 0.9), rgba(56, 13, 77, 0.9) 0%, rgba(56, 13, 77, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__breadcrumb-action {
color: #F3EEAA;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue svg {
background: transparent !important;
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-Label {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-Rectangle-group {
fill: #DAE3FF;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-AxisLine-group {
stroke: #2f2f2f;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker {
background-color: #477cd1;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--standardblue .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue {
background: #dae2e5;
background: linear-gradient(top, #dae2e5 0%, #dae2e5 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboardview__pinFilter {
background: #2e516e;
background: linear-gradient(top, #2e516e 0%, #2e516e 99%);
background: -webkit-linear-gradient(top, #2e516e 0%, #2e516e 99%);
border-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__title {
color: #f8f9fa;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__add-menu .binding__content {
background-color: #2e516e;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--lightblue numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #2e516e;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition__component-content-numeric {
background-color: #2e516e;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__icon {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .dashboard-pin-filter__icon:hover {
color: #f8f9fa;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__filter:hover .leesa-info__title {
background: #3b688e;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__title .fa {
color: #f8f9fa !important;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__title {
background: #2e516e;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .lessa-info__details {
border: solid 1px #2e516e;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .grid-stack > .grid-stack-item > .ui-resizable-se {
color: gray !important;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-manual-icon {
background-color: #6b323d;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-manual-icon:hover {
background-color: #572427;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-active {
background-color: rgba(87, 36, 39, 0.6);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #7aa2b2;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #284660;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #beb9bb;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #410f1a;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #9e5626;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #4A3D2F;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__info-container {
border-radius: 5px;
background: #fff;
background: linear-gradient(top, #fff 0%, #fff 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .sk-three-bounce .sk-child {
background-color: #565656;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .legend text,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amChartsPeriodSelector {
fill: #2f2f2f;
color: #2f2f2f !important;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-axis-line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-axis-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-axis-grid {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-funnel-label tspan:first-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-funnel-label tspan:last-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-funnel-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .kpiActualValue {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .bullet_axisMinor {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .bullet_axisMinor text {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .timeline-Widget {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .hierarchy-filter__item {
color: #2f2f2f;
border: solid 1px #999999;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .hierarchy-filter__message {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .text-editor-container.ql-editor {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .ticker__thread-information {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .ticker__thread-date-time {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .pt_main-table.pivot-table {
background: #a9a9a9;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell .leesa__header {
border-bottom-color: transparent;
border-top-color: #529fe6;
background: #032d50;
background: linear-gradient(top, #032d50 0%, #032d50 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__section {
background-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__details {
background: #ffffff;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__details:hover {
background: #ededed;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__title .glyph {
color: #b65616;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa-info__action-button {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell--selected .leesa__header {
border-bottom-color: transparent;
border-top-color: #032d50;
background: #529fe6;
background: linear-gradient(top, #529fe6 0%, #529fe6 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell--selected .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell--selected .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell--selected .leesa__info-container {
background: #FFFFFF;
background: linear-gradient(top, #FFFFFF 0%, #FFFFFF 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(66, 23, 32, 0.9);
background: linear-gradient(rgba(66, 23, 32, 0.9), rgba(56, 13, 77, 0.9) 0%, rgba(56, 13, 77, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__breadcrumb-action {
color: #F3EEAA;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue svg {
background: transparent !important;
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-Label {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-Rectangle-group {
fill: #dae2e5;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-AxisLine-group {
stroke: #2f2f2f;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker {
background-color: #2e516e;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--lightblue .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue {
background: #243443;
background: linear-gradient(top, #243443 0%, #243443 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboardview__pinFilter {
background: #2a7ac4;
background: linear-gradient(top, #2a7ac4 0%, #2a7ac4 99%);
background: -webkit-linear-gradient(top, #2a7ac4 0%, #2a7ac4 99%);
border-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__title {
color: #d3d6d9;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__add-menu .binding__content {
background-color: #2a7ac4;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--nightblue numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #2a7ac4;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition__component-content-numeric {
background-color: #2a7ac4;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__icon {
color: #d3d6d9;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboard-pin-filter__icon:hover {
color: #f8f9fa;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__filter:hover .leesa-info__title {
background: #4f98dc;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__title .fa {
color: #fff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__title {
background: #2a7ac4;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .lessa-info__details {
border: solid 1px #2a7ac4;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboardview__minimizeScreen {
color: #ffffff;
opacity: 0.5;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .dashboardview__minimizeScreen:hover {
opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-manual-icon {
background-color: #6b323d;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-manual-icon:hover {
background-color: #572427;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-active {
background-color: rgba(87, 36, 39, 0.6);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #7aa2b2;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #284660;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #beb9bb;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #410f1a;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #9e5626;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #4A3D2F;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__info-container {
border-radius: 5px;
background: #264464;
background: linear-gradient(top, #264464 0%, #264464 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .sk-three-bounce .sk-child {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .legend text,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amChartsPeriodSelector {
fill: #ffffff;
color: #ffffff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-axis-line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-axis-tick {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-axis-grid {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-funnel-label tspan:first-child {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-funnel-label tspan:last-child {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-funnel-tick {
stroke: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .kpiActualValue,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .kpiTargetValue,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .kpiVarianceValue,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .kpiTargetLabel {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .kpiTargetLabel {
opacity: .7;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .bullet_axisMinor {
stroke: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .bullet_axisMinor text {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .timeline-Widget {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .hierarchy-filter__item {
color: #ffffff;
border: solid 1px #264464;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .hierarchy-filter__message {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .text-editor-container.ql-editor {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .ticker__thread-information {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .ticker__thread-date-time {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .pt_main-table.pivot-table {
background: #a9a9a9;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell .leesa__header {
border-bottom-color: transparent;
border-top-color: #6bb8ff;
background: #2c8ce4;
background: linear-gradient(top, #2c8ce4 0%, #2c8ce4 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__section {
background-color: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__details {
background: rgba(0, 0, 0, 0);
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__details:hover {
background: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__title .glyph {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa-info__action-button {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell--selected .leesa__header {
border-bottom-color: transparent;
border-top-color: #2c8ce4;
background: #6bb8ff;
background: linear-gradient(top, #6bb8ff 0%, #6bb8ff 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell--selected .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell--selected .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell--selected .leesa__info-container {
background: #264464;
background: linear-gradient(top, #264464 0%, #264464 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(66, 23, 32, 0.9);
background: linear-gradient(rgba(66, 23, 32, 0.9), rgba(56, 13, 77, 0.9) 0%, rgba(56, 13, 77, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__breadcrumb-action {
color: #F3EEAA;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue svg {
background: transparent !important;
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue line {
stroke: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-Label {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-Rectangle-group {
fill: #243443;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-AxisLine-group {
stroke: #ffffff;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .fxc-grid.ag-fresh .ag-header-cell-text {
color: #6bb8ff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .fxc-grid.ag-fresh {
background-color: transparent;
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .fxc-grid.ag-fresh .ag-body-viewport {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .fxc-grid.ag-fresh .ag-row {
border-bottom: solid 1px #264462;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .fxc-grid.ag-fresh .ag-row-hover:before {
background: #6bb8ff;
border-bottom: solid 1px #264462;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .fxc-grid.ag-fresh .ag-row-even {
background-color: #243342;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .fxc-grid.ag-fresh .ag-row-odd {
background-color: #264464;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .fxc-grid.ag-fresh .ag-cell-focus {
background: r #264464;
border: 0px;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .fxc-grid.ag-fresh .ag-cell {
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .ag-root-wrapper,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .ag-sticky-top,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .ag-dnd-ghost {
background-color: transparent !important;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker {
background-color: #2a7ac4;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--nightblue .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray {
background: #5d626c;
background: linear-gradient(top, #5d626c 0%, #5d626c 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboardview__pinFilter {
background: #3b7a92;
background: linear-gradient(top, #3b7a92 0%, #3b7a92 99%);
background: -webkit-linear-gradient(top, #3b7a92 0%, #3b7a92 99%);
border-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__title {
color: #fefefe;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__add-menu .binding__content {
background-color: #3b7a92;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--darkgray numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #3b7a92;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition__component-content-numeric {
background-color: #3b7a92;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__icon {
color: #dfe0e2;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboard-pin-filter__icon:hover {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__filter:hover .leesa-info__title {
background: #5ca4bf;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__title .fa {
color: #fff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__title {
background: #3b7a92;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .lessa-info__details {
border: solid 1px #3b7a92;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboardview__minimizeScreen {
color: #ffffff;
opacity: 0.5;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .dashboardview__minimizeScreen:hover {
opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-manual-icon {
background-color: #6b323d;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-manual-icon:hover {
background-color: #572427;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-active {
background-color: rgba(87, 36, 39, 0.6);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #7aa2b2;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #284660;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #beb9bb;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #410f1a;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #9e5626;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #4A3D2F;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__info-container {
border-radius: 5px;
background: #444954;
background: linear-gradient(top, #444954 0%, #444954 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .sk-three-bounce .sk-child {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .legend text,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amChartsPeriodSelector {
fill: #ffffff;
color: #ffffff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-axis-line {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-axis-tick {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-axis-grid {
stroke: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-funnel-label tspan:first-child {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-funnel-label tspan:last-child {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-funnel-tick {
stroke: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .kpiActualValue,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .kpiTargetValue,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .kpiVarianceValue,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .kpiTargetLabel {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .kpiTargetLabel {
opacity: .7;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .bullet_axisMinor {
stroke: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .bullet_axisMinor text {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .timeline-Widget {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .hierarchy-filter__item {
color: #ffffff;
border: solid 1px #444954;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .hierarchy-filter__message {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .text-editor-container.ql-editor {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .ticker__thread-information {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .ticker__thread-date-time {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .pt_main-table.pivot-table {
background: #a9a9a9;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell .leesa__header {
border-bottom-color: transparent;
border-top-color: #40a0c1;
background: #317f9b;
background: linear-gradient(top, #317f9b 0%, #317f9b 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__section {
background-color: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__details {
background: rgba(0, 0, 0, 0);
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__details:hover {
background: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__title .glyph {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa-info__action-button {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell--selected .leesa__header {
border-bottom-color: transparent;
border-top-color: #317f9b;
background: #40a0c1;
background: linear-gradient(top, #40a0c1 0%, #40a0c1 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell--selected .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell--selected .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell--selected .leesa__info-container {
background: #444954;
background: linear-gradient(top, #444954 0%, #444954 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(66, 23, 32, 0.9);
background: linear-gradient(rgba(66, 23, 32, 0.9), rgba(56, 13, 77, 0.9) 0%, rgba(56, 13, 77, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__breadcrumb-action {
color: #F3EEAA;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray svg {
background: transparent !important;
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray line {
stroke: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-Label {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-Rectangle-group {
fill: #5d626c;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-AxisLine-group {
stroke: #ffffff;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .fxc-grid.ag-fresh .ag-header-cell-text {
color: #40a0c1;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .fxc-grid.ag-fresh {
background-color: transparent;
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .fxc-grid.ag-fresh .ag-body-viewport {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .fxc-grid.ag-fresh .ag-row {
border-bottom: solid 1px #32363f;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .fxc-grid.ag-fresh .ag-row-hover:before {
background: #317f9b !important;
border-bottom: solid 1px #32363f;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .fxc-grid.ag-fresh .ag-row-even {
background-color: #444954;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .fxc-grid.ag-fresh .ag-row-odd {
background-color: #32363f;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .fxc-grid.ag-fresh .ag-cell-focus {
background: #444954;
border: 0px;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .fxc-grid.ag-fresh .ag-cell {
color: #ebebeb;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .ag-root-wrapper,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .ag-sticky-top,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .ag-dnd-ghost {
background-color: transparent !important;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker {
background-color: #3b7a92;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--darkgray .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred {
background: #faedeb;
background: linear-gradient(top, #faedeb 0%, #faedeb 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboardview__pinFilter {
background: #f05f7d;
background: linear-gradient(top, #f05f7d 0%, #f05f7d 99%);
background: -webkit-linear-gradient(top, #f05f7d 0%, #f05f7d 99%);
border: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__title {
color: #fefefe;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--lightred .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__add-menu .binding__content {
background-color: #f05f7d;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--lightred numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #f05f7d;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition__component-content-numeric {
background-color: #f05f7d;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__icon {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .dashboard-pin-filter__icon:hover {
color: #fbeeec;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__filter:hover .leesa-info__title {
background: #f05f7d;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__title .fa {
background: #f05f7d;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--lightred .lessa-info__details {
border: solid 1px #f05f7d;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .grid-stack > .grid-stack-item > .ui-resizable-se {
color: gray !important;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-manual-icon {
background-color: #6b323d;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-manual-icon:hover {
background-color: #572427;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-active {
background-color: rgba(87, 36, 39, 0.6);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #7aa2b2;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #284660;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #beb9bb;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #410f1a;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #9e5626;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #4A3D2F;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__info-container {
border-radius: 5px;
background: #fff;
background: linear-gradient(top, #fff 0%, #fff 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--lightred .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .sk-three-bounce .sk-child {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--lightred .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--lightred .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--lightred .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--lightred .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--lightred .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--lightred .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--lightred .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--lightred .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--lightred .legend text,
.dashboardview__wrapper.dashboardview__wrapper--lightred .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--lightred .amChartsPeriodSelector {
fill: #2f2f2f;
color: #2f2f2f !important;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-axis-line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-axis-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-axis-grid {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-funnel-label tspan:first-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-funnel-label tspan:last-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-funnel-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .kpiActualValue,
.dashboardview__wrapper.dashboardview__wrapper--lightred .kpiTargetValue,
.dashboardview__wrapper.dashboardview__wrapper--lightred .kpiVarianceValue,
.dashboardview__wrapper.dashboardview__wrapper--lightred .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--lightred .kpiTargetLabel {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--lightred .kpiTargetLabel {
opacity: .7;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--lightred .bullet_axisMinor {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--lightred .bullet_axisMinor text {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--lightred .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--lightred .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--lightred .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .timeline-Widget {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .hierarchy-filter__item {
color: #2f2f2f;
border: solid 1px #444954;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .hierarchy-filter__message {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--lightred .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .text-editor-container.ql-editor {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .ticker__thread-information {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .ticker__thread-date-time {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .pt_main-table.pivot-table {
background: #a9a9a9;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell .leesa__header {
border-bottom-color: transparent;
border-top-color: #f8c146;
background: #ed3c62;
background: linear-gradient(top, #ed3c62 0%, #ed3c62 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__section {
background-color: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__details {
background: rgba(0, 0, 0, 0);
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__details:hover {
background: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__title .glyph {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa-info__action-button {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell--selected .leesa__header {
border-bottom-color: transparent;
border-top-color: #529fe6;
background: #ed3c62;
background: linear-gradient(top, #ed3c62 0%, #ed3c62 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell--selected .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell--selected .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell--selected .leesa__info-container {
background: #fff;
background: linear-gradient(top, #fff 0%, #fff 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(66, 23, 32, 0.9);
background: linear-gradient(rgba(66, 23, 32, 0.9), rgba(56, 13, 77, 0.9) 0%, rgba(56, 13, 77, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__breadcrumb-action {
color: #F3EEAA;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred svg {
background: transparent !important;
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-Label {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-Rectangle-group {
fill: #faedeb;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-AxisLine-group {
stroke: #2f2f2f;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--lightred .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .fxc-grid.ag-fresh .ag-header-cell-text {
color: #ed3c62;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .fxc-grid.ag-fresh {
background-color: transparent;
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .fxc-grid.ag-fresh .ag-body-viewport {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .fxc-grid.ag-fresh .ag-row {
border-bottom: solid 1px #f0f2f8;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .fxc-grid.ag-fresh .ag-row-hover:before {
background: #fee7ec;
border-bottom: solid 1px #f0f2f8;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .fxc-grid.ag-fresh .ag-row-even {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .fxc-grid.ag-fresh .ag-row-odd {
background-color: #f0f2f8;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .fxc-grid.ag-fresh .ag-cell-focus {
background: #fff;
border: 0px;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .fxc-grid.ag-fresh .ag-cell {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .ag-root-wrapper,
.dashboardview__wrapper.dashboardview__wrapper--lightred .ag-sticky-top,
.dashboardview__wrapper.dashboardview__wrapper--lightred .ag-dnd-ghost {
background-color: transparent !important;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker {
background-color: #f05f7d;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--lightred .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple {
background: #f1f1f3;
background: linear-gradient(top, #f1f1f3 0%, #f1f1f3 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboardview__pinFilter {
background: #958cb5;
background: linear-gradient(top, #a49ac8 0%, #958cb5 99%);
background: -webkit-linear-gradient(top, #a49ac8 0%, #958cb5 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__add-menu .binding__content {
background-color: #958cb5;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #958cb5;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition__component-content-numeric {
background-color: #958cb5;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__title {
color: #fcfcfd;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__icon {
color: #fefefe;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .dashboard-pin-filter__icon:hover {
color: #f1f1f3;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__filter:hover .leesa-info__title {
background: #958cb5;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__title .fa {
background: #776f90;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .lessa-info__details {
border: solid 1px #776f90;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .grid-stack > .grid-stack-item > .ui-resizable-se {
color: gray !important;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-manual-icon {
background-color: #6b323d;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-manual-icon:hover {
background-color: #572427;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-active {
background-color: rgba(87, 36, 39, 0.6);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #7aa2b2;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #284660;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #beb9bb;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #410f1a;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #9e5626;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #4A3D2F;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__info-container {
border-radius: 5px;
background: #fff;
background: linear-gradient(top, #fff 0%, #fff 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .sk-three-bounce .sk-child {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .legend text,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amChartsPeriodSelector {
fill: #2f2f2f;
color: #2f2f2f !important;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-axis-line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-axis-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-axis-grid {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-funnel-label tspan:first-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-funnel-label tspan:last-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-funnel-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .kpiActualValue,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .kpiTargetValue,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .kpiVarianceValue,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .kpiTargetLabel {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .kpiTargetLabel {
opacity: .7;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .bullet_axisMinor {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .bullet_axisMinor text {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .timeline-Widget {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .hierarchy-filter__item {
color: #2f2f2f;
border: solid 1px #444954;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .hierarchy-filter__message {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .text-editor-container.ql-editor {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .ticker__thread-information {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .ticker__thread-date-time {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .pt_main-table.pivot-table {
background: #a9a9a9;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell .leesa__header {
border-bottom-color: transparent;
border-top-color: #58cac4;
background: #7f74a6;
background: linear-gradient(top, #7f74a6 0%, #7f74a6 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__section {
background-color: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__details {
background: rgba(0, 0, 0, 0);
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__details:hover {
background: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__title .glyph {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa-info__action-button {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell--selected .leesa__header {
border-bottom-color: transparent;
border-top-color: #ed3c62;
background: #7f74a6;
background: linear-gradient(top, #7f74a6 0%, #7f74a6 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell--selected .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell--selected .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell--selected .leesa__info-container {
background: #fff;
background: linear-gradient(top, #fff 0%, #fff 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(66, 23, 32, 0.9);
background: linear-gradient(rgba(66, 23, 32, 0.9), rgba(56, 13, 77, 0.9) 0%, rgba(56, 13, 77, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__breadcrumb-action {
color: #F3EEAA;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple svg {
background: transparent !important;
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-Label {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-Rectangle-group {
fill: #f1f1f3;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-AxisLine-group {
stroke: #2f2f2f;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .fxc-grid.ag-fresh .ag-header-cell-text {
color: #7f74a6;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .fxc-grid.ag-fresh {
background-color: transparent;
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .fxc-grid.ag-fresh .ag-body-viewport {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .fxc-grid.ag-fresh .ag-row {
border-bottom: solid 1px #f0f2f8;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .fxc-grid.ag-fresh .ag-row-hover:before {
background: #cdc4f0;
border-bottom: solid 1px #f0f2f8;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .fxc-grid.ag-fresh .ag-row-even {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .fxc-grid.ag-fresh .ag-row-odd {
background-color: #f0f2f8;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .fxc-grid.ag-fresh .ag-cell-focus {
background: #fff;
border: 0px;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .fxc-grid.ag-fresh .ag-cell {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .ag-root-wrapper,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .ag-sticky-top,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .ag-dnd-ghost {
background-color: transparent !important;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker {
background-color: #958cb5;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--pastelpurple .daterangepicker .prev span {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue {
background: #e3e9ec;
background: linear-gradient(top, #e3e9ec 0%, #e3e9ec 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboardview__pinFilter {
background: #3d96e6;
background: linear-gradient(top, #3d96e6 0%, #3d96e6 99%);
background: -webkit-linear-gradient(top, #3d96e6 0%, #3d96e6 99%);
border-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__title {
color: #fefefe;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__records-item,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__add-menu .binding__search,
.dashboardview__wrapper.dashboardview__wrapper--softblue .numeric-range-slider > input {
background-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__source,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__records-group,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition__component-content,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__display-name-wrap,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__add-menu .binding__content {
background-color: #3d96e6;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition__search,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition__values,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__add-menu .binding__component-content,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition-dateTime__presets,
.dashboardview__wrapper.dashboardview__wrapper--softblue numeric-range-slider .dashboard-condition__footer.numeric-range-footer--expanded {
background: #3d96e6;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition__value--selected,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition-dateTime__input span {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition__button,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__display-name-wrap .display-name__footer .dimension__button {
background: transparent;
border: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__display-name .text-box__display-input > input,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition__content,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition-dateTime__inputs .text-box,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition-numeric__content,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition-numeric__inputs > input {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__display-name-wrap .display-name__footer,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition__component-content-numeric {
background-color: #3d96e6;
border-bottom: 1px solid #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__source-list .connection-source-label:hover {
background-position: 200%;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__add-menu .binding__group-header:hover,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__add-menu .binding__binding:hover,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition__single-value:hover,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition-dateTime__preset:hover,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__records-group:hover {
background-image: linear-gradient(to right, #878787 0, #878787 100%);
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-condition-dateTime__preset--selected {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__records-info .leesa__interaction-icon,
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__records-label.column-label {
color: #ddd;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .add__button--action {
background: transparent;
border: solid 1px #ffffff;
box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.85);
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .add__button--action:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__icon {
color: #dfe0e2;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .dashboard-pin-filter__icon:hover {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__description:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__connection:hover .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__filter:hover .leesa-info__title {
background: #5fb2fd;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__title .fa {
color: #fff !important;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__title {
background: #3d96e6;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .lessa-info__items,
.dashboardview__wrapper.dashboardview__wrapper--softblue .lessa-info__details {
border: solid 1px #3d96e6;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .grid-stack > .grid-stack-item > .ui-resizable-se {
color: gray !important;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-shortcut-time,
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-shortcut-scale,
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-zoom-icon,
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-manual-icon {
background-color: #6b323d;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-active,
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-shortcut-time:hover,
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-shortcut-scale:hover,
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-zoom-icon:hover,
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-manual-icon:hover {
background-color: #572427;
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-active {
background-color: rgba(87, 36, 39, 0.6);
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-cell.time-navigator-day {
background-color: #7aa2b2;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-cell.time-navigator-week {
background-color: #284660;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-cell.time-navigator-month {
background-color: #beb9bb;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-cell.time-navigator-quarter {
background-color: #410f1a;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-cell.time-navigator-year {
background-color: #9e5626;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-day.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-week.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-month.time-navigator.time-navigator-cell .time-navigator-title {
color: #4A3D2F;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-quarter.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .time-navigator.time-navigator-cell.time-navigator-animated.time-navigator-year.time-navigator.time-navigator-cell .time-navigator-title {
color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .grid-stack-item-content,
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__info-container {
border-radius: 5px;
background: #fff;
background: linear-gradient(top, #fff 0%, #fff 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .grid-stack > .grid-stack-item > .ui-resizable-se,
.dashboardview__wrapper.dashboardview__wrapper--softblue .grid-stack > .grid-stack-item > .ui-resizable-sw {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .sk-three-bounce .sk-child {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-axis-title,
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-axis-label,
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-graph-label,
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-legend-label,
.dashboardview__wrapper.dashboardview__wrapper--softblue .x-axis-title-label,
.dashboardview__wrapper.dashboardview__wrapper--softblue .y-axis-title-label text,
.dashboardview__wrapper.dashboardview__wrapper--softblue .yLabel,
.dashboardview__wrapper.dashboardview__wrapper--softblue .xLabel,
.dashboardview__wrapper.dashboardview__wrapper--softblue .x-value-label,
.dashboardview__wrapper.dashboardview__wrapper--softblue .row-subtotal,
.dashboardview__wrapper.dashboardview__wrapper--softblue .column-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--softblue .row-subtotal-title,
.dashboardview__wrapper.dashboardview__wrapper--softblue .legend text,
.dashboardview__wrapper.dashboardview__wrapper--softblue .grand-total,
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-stock-panel-div text,
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-zoom-out-label,
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-zoom-out-image,
.dashboardview__wrapper.dashboardview__wrapper--softblue .amChartsPeriodSelector {
fill: #2f2f2f;
color: #2f2f2f !important;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-zoom-out-bg {
fill: #626262;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-axis-line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-axis-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-axis-grid {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-pie-label tspan:first-child,
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-funnel-label tspan:first-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-pie-label tspan:last-child,
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-funnel-label tspan:last-child {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-pie-tick,
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-funnel-tick {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .kpiActualValue,
.dashboardview__wrapper.dashboardview__wrapper--softblue .kpiTargetValue,
.dashboardview__wrapper.dashboardview__wrapper--softblue .kpiVarianceValue,
.dashboardview__wrapper.dashboardview__wrapper--softblue .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--softblue .kpiTargetLabel {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .kpiActualLabel,
.dashboardview__wrapper.dashboardview__wrapper--softblue .kpiTargetLabel {
opacity: .7;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .bullet_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--softblue .bullet_axisMinor {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .bullet_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--softblue .bullet_axisMinor text {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .thermometer_axisMajor,
.dashboardview__wrapper.dashboardview__wrapper--softblue .thermometer_axisMinor {
stroke: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .thermometer_axisMajor text,
.dashboardview__wrapper.dashboardview__wrapper--softblue .thermometer_axisMinor text {
fill: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .thermometer_axisMajor line,
.dashboardview__wrapper.dashboardview__wrapper--softblue .thermometer_axisMinor line {
stroke: #000 !important;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .timeline-Widget {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .hierarchy-filter__item {
color: #2f2f2f;
border: solid 1px #444954;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .hierarchy-filter__item:hover {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .hierarchy-filter__message {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .hierarchy-filter__item:hover + ul .hierarchy-filter__row .hierarchy-filter__item,
.dashboardview__wrapper.dashboardview__wrapper--softblue .hierarchy-filter__item:focus + ul .hierarchy-filter__row .hierarchy-filter__item {
color: #000;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .text-editor-container.ql-editor {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .ticker__thread-information {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .ticker__thread-date-time {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .pt_main-table.pivot-table {
background: #a9a9a9;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell .leesa__header {
border-bottom-color: transparent;
border-top-color: #f19346;
background: #1481e5;
background: linear-gradient(top, #1481e5 0%, #1481e5 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__section {
background-color: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__details {
background: rgba(0, 0, 0, 0);
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__details:hover {
background: rgba(0, 0, 0, 0);
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__title,
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__title .fa,
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__title .glyph {
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa-info__action-button {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell--selected .leesa__header {
border-bottom-color: transparent;
border-top-color: #09dca3;
background: #1481e5;
background: linear-gradient(top, #1481e5 0%, #1481e5 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell--selected .leesa__title {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell--selected .leesa__interaction,
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell--selected .leesa__interaction-icon {
color: #FFFFFF;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell--selected .leesa__content,
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell--selected .leesa-flip__wrapper,
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell--selected .leesa__info-container {
background: #fff;
background: linear-gradient(top, #fff 0%, #fff 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__cell--grid .leesa__breadcrumb-container {
background: rgba(66, 23, 32, 0.9);
background: linear-gradient(rgba(66, 23, 32, 0.9), rgba(56, 13, 77, 0.9) 0%, rgba(56, 13, 77, 0.7) 99%);
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__breadcrumb-action {
color: #F3EEAA;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__interaction-icon--selected {
color: #e48d3e !important;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__breadcrumb-item .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-title {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-next {
color: #cdab34;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__breadcrumb-items > .leesa__breadcrumb-item:nth-last-child(2) .leesa__breadcrumb-title {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .leesa__breadcrumb-item:hover .leesa__breadcrumb-next.glyph.glyph__next:before {
color: #D4B751;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue svg {
background: transparent !important;
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue line {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-Label {
fill: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-Rectangle-group {
fill: #e3e9ec;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-Grid-group,
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-AxisLine-group {
stroke: #2f2f2f;
stroke-width: 1px;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .visual__sankey-diagram .amcharts-Rectangle-group,
.dashboardview__wrapper.dashboardview__wrapper--softblue .visual__hierarchical-diagram .amcharts-Rectangle-group {
fill: unset;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-Scrollbar-group .amcharts-ResizeButton-group .amcharts-RoundedRectangle-group {
fill: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-Scrollbar-group .amcharts-ResizeButton .amcharts-Sprite-group {
stroke: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-Scrollbar-group .amcharts-RoundedRectangle-group {
fill: #efefef;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .amcharts-SerpentineChart .amcharts-Label-group {
fill-opacity: 1;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .fxc-grid.ag-fresh .ag-header-cell-text {
color: #1481e5;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .fxc-grid.ag-fresh {
background-color: transparent;
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .fxc-grid.ag-fresh .ag-body-viewport {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .fxc-grid.ag-fresh .ag-row {
border-bottom: solid 1px #f0f2f8;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .fxc-grid.ag-fresh .ag-row-hover:before {
background: #c7e1f8;
border-bottom: solid 1px #f0f2f8;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .fxc-grid.ag-fresh .ag-row-even {
background-color: #fff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .fxc-grid.ag-fresh .ag-row-odd {
background-color: #f0f2f8;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .fxc-grid.ag-fresh .ag-cell-focus {
background: #fff;
border: 0px;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .fxc-grid.ag-fresh .ag-cell {
color: #2f2f2f;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .ag-root-wrapper,
.dashboardview__wrapper.dashboardview__wrapper--softblue .ag-sticky-top,
.dashboardview__wrapper.dashboardview__wrapper--softblue .ag-dnd-ghost {
background-color: transparent !important;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker {
background-color: #3d96e6;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker .calendar-table {
background-color: transparent;
border-color: transparent;
color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker select {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker option {
color: #333333;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker select:hover {
border-color: #ffffff;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker td.off,
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker td.off.in-range,
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker td.off.start-date,
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker td.off.end-date {
background-color: transparent;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker td.available:hover,
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker th.available:hover {
background-color: #878787;
}
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker .next span,
.dashboardview__wrapper.dashboardview__wrapper--softblue .daterangepicker .prev span {
border-color: #ffffff;
}