/*
* Copyright (C) 2010-2016 Evergage, Inc.
* All rights reserved.
*/
/**
* This is the main application stylesheet. It should include or import all
* stylesheets used throughout the application, as this is the only stylesheet in
* the Grunt configuration that is automatically processed.
*/
/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
position:absolute;
top:0;
left:0;
display:inline-block;
*display: inline;
*zoom: 1;
/* https://github.com/bgrins/spectrum/issues/40 */
z-index: 9999994;
overflow: hidden;
}
.sp-container.sp-flat {
position: relative;
}
/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
position:relative;
width: 100%;
display:inline-block;
}
.sp-top-inner {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.sp-color {
position: absolute;
top:0;
left:0;
bottom:0;
right:20%;
}
.sp-hue {
position: absolute;
top:0;
right:0;
bottom:0;
left:84%;
height: 100%;
}
.sp-clear-enabled .sp-hue {
top:33px;
height: 77.5%;
}
.sp-fill {
padding-top: 80%;
}
.sp-sat, .sp-val {
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.sp-alpha-enabled .sp-top {
margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
display: block;
}
.sp-alpha-handle {
position:absolute;
top:-4px;
bottom: -4px;
width: 6px;
left: 50%;
cursor: pointer;
border: 1px solid black;
background: white;
opacity: .8;
}
.sp-alpha {
display: none;
position: absolute;
bottom: -14px;
right: 0;
left: 0;
height: 8px;
}
.sp-alpha-inner {
border: solid 1px #333;
}
.sp-clear {
display: none;
}
.sp-clear.sp-clear-display {
background-position: center;
}
.sp-clear-enabled .sp-clear {
display: block;
position:absolute;
top:0px;
right:0;
bottom:0;
left:84%;
height: 28px;
}
/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
-webkit-user-select:none;
-moz-user-select: -moz-none;
-o-user-select:none;
user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
display: none;
}
.sp-palette-only .sp-picker-container {
display: none;
}
.sp-palette-disabled .sp-palette-container {
display: none;
}
.sp-initial-disabled .sp-initial {
display: none;
}
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
.sp-sat {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
/* IE filters do not support multiple color stops.
Generate 6 divs, line them up, and do two color gradients for each.
Yes, really.
*/
.sp-1 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
height:16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
height:16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
height:17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
display: none !important;
}
/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
.sp-color { right: 40%; }
.sp-hue { left: 63%; }
.sp-fill { padding-top: 60%; }
}
.sp-dragger {
border-radius: 5px;
height: 5px;
width: 5px;
border: 1px solid #fff;
background: #000;
cursor: pointer;
position:absolute;
top:0;
left: 0;
}
.sp-slider {
position: absolute;
top:0;
cursor:pointer;
height: 3px;
left: -1px;
right: -1px;
border: 1px solid #000;
background: white;
opacity: .8;
}
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
border-radius: 0;
background-color: #ECECEC;
border: solid 1px #f0c49B;
padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sp-top {
margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
border: solid 1px #666;
}
/* Input */
.sp-input-container {
float:right;
width: 100px;
margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
width: 100%;
}
.sp-input {
font-size: 12px !important;
border: 1px inset;
padding: 4px 5px;
margin: 0;
width: 100%;
background:transparent;
border-radius: 3px;
color: #222;
}
.sp-input:focus {
border: 1px solid orange;
}
.sp-input.sp-validation-error {
border: 1px solid red;
background: #fdd;
}
.sp-picker-container , .sp-palette-container {
float:left;
position: relative;
padding: 10px;
padding-bottom: 300px;
margin-bottom: -290px;
}
.sp-picker-container {
width: 172px;
border-left: solid 1px #fff;
}
/* Palettes */
.sp-palette-container {
border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
border: 0;
}
.sp-palette .sp-thumb-el {
display: block;
position:relative;
float:left;
width: 24px;
height: 15px;
margin: 3px;
cursor: pointer;
border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
border-color: orange;
}
.sp-thumb-el {
position:relative;
}
/* Initial */
.sp-initial {
float: left;
border: solid 1px #333;
}
.sp-initial span {
width: 30px;
height: 25px;
border:none;
display:block;
float:left;
margin:0;
}
.sp-initial .sp-clear-display {
background-position: center;
}
/* Buttons */
.sp-palette-button-container,
.sp-button-container {
float: right;
}
/* Replacer (the little preview div that shows up instead of the ) */
.sp-replacer {
margin:0;
overflow:hidden;
cursor:pointer;
padding: 4px;
display:inline-block;
*zoom: 1;
*display: inline;
border: solid 1px #91765d;
background: #eee;
color: #333;
vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
border-color: #F0C49B;
color: #111;
}
.sp-replacer.sp-disabled {
cursor:default;
border-color: silver;
color: silver;
}
.sp-dd {
padding: 2px 0;
height: 16px;
line-height: 16px;
float:left;
font-size:10px;
}
.sp-preview {
position:relative;
width:25px;
height: 20px;
border: solid 1px #222;
margin-right: 5px;
float:left;
z-index: 0;
}
.sp-palette {
*width: 220px;
max-width: 220px;
}
.sp-palette .sp-thumb-el {
width:16px;
height: 16px;
margin:2px 1px;
border: solid 1px #d0d0d0;
}
.sp-container {
padding-bottom:0;
}
/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
background-color: #eeeeee;
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #333;
font-size: 14px;
line-height: 1;
padding: 5px 4px;
text-align: center;
text-shadow: 0 1px 0 #eee;
vertical-align: middle;
}
.sp-container button:hover {
background-color: #dddddd;
background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
border: 1px solid #bbb;
border-bottom: 1px solid #999;
cursor: pointer;
text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
border: 1px solid #aaa;
border-bottom: 1px solid #888;
-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
font-size: 11px;
color: #d93f3f !important;
margin:0;
padding:2px;
margin-right: 5px;
vertical-align: middle;
text-decoration:none;
}
.sp-cancel:hover {
color: #d93f3f !important;
text-decoration: underline;
}
.sp-palette span:hover, .sp-palette span.sp-thumb-active {
border-color: #000;
}
.sp-preview, .sp-alpha, .sp-thumb-el {
position:relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
display:block;
position:absolute;
top:0;left:0;bottom:0;right:0;
}
.sp-palette .sp-thumb-inner {
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
background-repeat:no-repeat;
background-position: center;
background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
.jvectormap-label {
position: absolute;
display: none;
border: solid 1px #CDCDCD;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #292929;
color: white;
font-family: sans-serif, Verdana;
font-size: smaller;
padding: 3px;
}
.jvectormap-zoomin, .jvectormap-zoomout {
position: absolute;
left: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #292929;
padding: 3px;
color: white;
width: 10px;
height: 10px;
cursor: pointer;
line-height: 10px;
text-align: center;
}
.jvectormap-zoomin {
top: 10px;
}
.jvectormap-zoomout {
top: 30px;
}
tags-input {
display: block;
}
tags-input *, tags-input *:before, tags-input *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
tags-input .host {
position: relative;
margin-top: 5px;
margin-bottom: 5px;
height: 100%;
}
tags-input .host:active {
outline: none;
}
tags-input .tags {
-moz-appearance: textfield;
-webkit-appearance: textfield;
padding: 1px;
overflow: hidden;
word-wrap: break-word;
cursor: text;
background-color: white;
border: 1px solid darkgray;
box-shadow: 1px 1px 1px 0 lightgray inset;
height: 100%;
}
tags-input .tags.focused {
outline: none;
-webkit-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
-moz-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
}
tags-input .tags .tag-list {
margin: 0;
padding: 0;
list-style-type: none;
}
tags-input .tags .tag-item {
margin: 2px;
padding: 0 5px;
display: inline-block;
float: left;
font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
height: 26px;
line-height: 25px;
border: 1px solid #acacac;
border-radius: 3px;
background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
}
tags-input .tags .tag-item.selected {
background: -webkit-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
background: linear-gradient(to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
}
tags-input .tags .tag-item .remove-button {
margin: 0 0 0 5px;
padding: 0;
border: none;
background: none;
cursor: pointer;
vertical-align: middle;
font: bold 16px Arial, sans-serif;
color: #585858;
}
tags-input .tags .tag-item .remove-button:active {
color: red;
}
tags-input .tags .input {
border: 0;
outline: none;
margin: 2px;
padding: 0;
padding-left: 5px;
float: left;
height: 26px;
font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
tags-input .tags .input.invalid-tag {
color: red;
}
tags-input .tags .input::-ms-clear {
display: none;
}
tags-input.ng-invalid .tags {
-webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
-moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
}
tags-input .autocomplete {
margin-top: 5px;
position: absolute;
padding: 5px 0;
z-index: 999;
width: 100%;
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
tags-input .autocomplete .suggestion-list {
margin: 0;
padding: 0;
list-style-type: none;
}
tags-input .autocomplete .suggestion-item {
padding: 5px 10px;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: black;
background-color: white;
}
tags-input .autocomplete .suggestion-item.selected {
color: white;
background-color: #0097cf;
}
tags-input .autocomplete .suggestion-item.selected em {
color: white;
background-color: #0097cf;
}
tags-input .autocomplete .suggestion-item em {
font: normal bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: black;
background-color: white;
}
/* ==== editable-form ==== */
/* class for single editable element */
.editable-wrap {
display: inline-block;
white-space: nowrap;
margin: 0;
}
/* remove bottom-margin for bootstrap */
.editable-wrap .editable-controls,
.editable-wrap .editable-error {
margin-bottom: 0;
}
/* remove bottom-margin of inputs */
.editable-wrap .editable-controls > input,
.editable-wrap .editable-controls > select,
.editable-wrap .editable-controls > textarea {
margin-bottom: 0;
}
/* keep buttons on the same line */
.editable-wrap .editable-input {
display: inline-block;
}
.editable-buttons {
display: inline-block;
vertical-align: top;
}
.editable-buttons button {
margin-left: 5px;
}
/* in bootstrap width: 100% => buttons go outside the box */
.editable-input.editable-has-buttons {
width: auto;
}
/* ==== editable-bstime ==== */
/* workaround for bootstrap that sets width: 100% and inputs become too wide */
.editable-bstime .editable-input input[type="text"] {
width: 46px;
}
/* less padding for .well */
.editable-bstime .well-small {
margin-bottom: 0;
padding: 10px;
}
/* ==== editable-range ==== */
.editable-range output {
display: inline-block;
min-width: 30px;
vertical-align: top;
text-align: center;
}
/* ==== editable-color ==== */
.editable-color input[type="color"] {
width: 50px;
}
/* ==== editable-checkbox ==== */
/* ==== editable-checklist ==== */
/* ==== editable-radiolist ==== */
.editable-checkbox label span,
.editable-checklist label span,
.editable-radiolist label span {
margin-left: 7px;
margin-right: 10px;
}
/* ==== element ==== */
/* hiding element */
.editable-hide {
display: none !important;
}
.editable-click,
a.editable-click {
text-decoration: none;
color: #428bca;
border-bottom: dashed 1px #428bca;
}
.editable-click:hover,
a.editable-click:hover {
text-decoration: none;
color: #2a6496;
border-bottom-color: #2a6496;
}
/* editable-empty */
.editable-empty,
.editable-empty:hover,
.editable-empty:focus,
a.editable-empty,
a.editable-empty:hover,
a.editable-empty:focus {
font-style: italic;
color: #DD1144;
text-decoration: none;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*
* Copyright (C) 2010-2017 Evergage, Inc.
* All rights reserved.
*/
/**
* These are the variables used throughout the application. This is where
* overwrites that are not specific to components should be maintained.
*/
/******** Fonts *********/
@font-face {
font-family: "SF Regular";
src: url('../fonts/SF/SF-UI-Text-Regular.otf');
}
@font-face {
font-family: "SF Light";
src: url('../fonts/SF/SF-UI-Text-Light.otf');
}
@font-face {
font-family: "SF SemiBold";
src: url('../fonts/SF/SF-UI-Text-Semibold.otf');
}
@font-face {
font-family: "Roboto";
src: url('../fonts/Roboto/Roboto-Regular.ttf');
}
@font-face {
font-family: "Roboto Bold";
src: url('../fonts/Roboto/Roboto-Bold.ttf');
}
/******** Z-Indexes *********/
/******** Opacities *********/
/******** Colors *********/
/***** Chart Colors *****/
/*
* Copyright (C) 2010-2013 Evergage, Inc.
* All rights reserved.
*/
.smallerBolderFont {
font-weight: bold;
font-size: 11px;
}
.gridlikeHeaderStyle {
font-weight: bold;
font-size: 11px;
color: #808080;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.subheadingStyle {
font-weight: 600;
}
.osxLightColorFontOnDarkBackgroundFix {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.nonSelectable,
.linkButtonStyle,
a.linkButton,
button.btn:not(.btn-lg),
.sp-cancel,
.sp-container button,
#purchaseFunnel .addColumn .fa-plus-circle {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.icon16 {
display: inline-block;
width: 16px;
background-repeat: no-repeat;
height: 16px;
}
.emptyInformationalMessageStyle {
font-style: italic;
font-weight: 200;
font-size: 14px;
}
.featureDisabledText {
color: #808080;
font-style: italic;
}
.userProfileMenuMixin {
float: right;
display: inline-block;
vertical-align: top;
background: transparent;
}
.userProfileMenuMixin .k-dropdown-wrap .k-input:before {
content: "\f007";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.userProfileMenuMixin .k-dropdown-wrap .k-input:before {
content: "\f007";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.dashboardSectionMixin {
margin-top: 20px;
}
.dashboardSectionMixin h2 {
margin: 0px 0px;
padding-left: 6px;
font-family: inherit;
margin-bottom: 3px;
}
.dashboardSectionMixin h3 {
padding: 0px;
margin: 0px;
}
.dashboardSectionMixin .divider {
width: 100%;
height: 3px;
margin-top: 10px;
margin-bottom: 18px;
background-color: #0095da;
}
.dashboardSectionMixin .row {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.dashboardSectionMixin .row > div {
min-width: 200px;
text-align: left;
}
.dashboardSectionMixin .content {
padding: 0px 12px 12px 12px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.dashboardSectionMixin .content .spacer {
width: 20px;
}
.dashboardSectionMixin .content .subSectionHeader {
box-sizing: content-box;
}
.dashboardSectionMixin .content .subSectionHeader .title {
margin-bottom: 10px;
position: relative;
}
.dashboardSectionMixin .content .subSectionHeader .title.summaryTitleSpacer {
margin-bottom: 10px;
}
.dashboardSectionMixin .content .subSectionHeader .title .viewDetail {
position: absolute;
right: 0px;
top: 0px;
color: #0095da;
}
.dashboardSectionMixin .content .subSectionHeader .title .viewDetail i {
margin-left: 8px;
}
.dashboardSectionMixin .content .subSectionHeader .subtitle {
height: 21px;
}
.dashboardSectionMixin .content .subSectionHeader .subtitle .description {
display: inline-block;
position: relative;
top: 2px;
}
.dashboardSectionMixin .content .subSectionHeader .subtitle .description.indent {
margin-left: 13px;
}
.dashboardSectionMixin .content .subSectionHeader .subtitle.extraSpace {
margin-top: 15px;
margin-bottom: 13px;
}
.dashboardSectionMixin .summaryTable table {
width: 100%;
}
.dashboardSectionMixin .summaryTable tr {
height: 30px;
}
.dashboardSectionMixin .summaryTable tr.grey {
background-color: #f9f9f9;
}
.dashboardSectionMixin .summaryTable tr td.statTitle {
padding-left: 12px;
}
.centeredBlock {
position: relative;
display: table;
margin: auto;
}
.invalidDirtyInput {
border-color: #dd360b;
background-color: #fff1eb;
}
.invalidDirtyInput:focus {
outline-color: #e77e7e;
}
.invalidDirtyInput:active {
outline-color: #e77e7e;
}
.popupBoxShadow {
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 13px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #0095da;
border-color: #d5d5d5;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #0072a7;
border-color: #959595;
}
.btn-primary:hover {
color: #fff;
background-color: #0072a7;
border-color: #b6b6b6;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #0072a7;
border-color: #b6b6b6;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #005a83;
border-color: #959595;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #0095da;
border-color: #d5d5d5;
}
.btn-primary .badge {
color: #0095da;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
color: #337ab7;
font-weight: normal;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 2147483607;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 13px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 8px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #0095da;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 2147483597;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 6px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #82c135;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #82c135;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 8px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #0095da;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.alert {
padding: 9px;
margin-bottom: 18px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 29px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
background-color: #fbfdf8;
border-color: #f2f8e4;
color: #3c763d;
}
.alert-success hr {
border-top-color: #e8f2d0;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
background-color: #ffffff;
border-color: #ededed;
color: #31708f;
}
.alert-info hr {
border-top-color: #e0e0e0;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
background-color: #ffffff;
border-color: #f2f2f2;
color: #8a6d3b;
}
.alert-warning hr {
border-top-color: #e5e5e5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
background-color: #feede9;
border-color: #fdd2d1;
color: #a94442;
}
.alert-danger hr {
border-top-color: #fbbbb9;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
overflow: hidden;
height: 18px;
margin-bottom: 18px;
background-color: #efefef;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 18px;
color: #fff;
text-align: center;
background-color: #82c135;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-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-image: -o-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-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;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-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-image: -o-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-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);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-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-image: -o-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-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);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-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-image: -o-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-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);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-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-image: -o-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-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);
}
.panel {
margin-bottom: 18px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-left: 15px;
padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-group {
margin-bottom: 18px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #f2f8e4;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #fbfdf8;
border-color: #f2f8e4;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #f2f8e4;
}
.panel-success > .panel-heading .badge {
color: #fbfdf8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #f2f8e4;
}
.panel-info {
border-color: #ededed;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #ffffff;
border-color: #ededed;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ededed;
}
.panel-info > .panel-heading .badge {
color: #ffffff;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ededed;
}
.panel-warning {
border-color: #f2f2f2;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #ffffff;
border-color: #f2f2f2;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #f2f2f2;
}
.panel-warning > .panel-heading .badge {
color: #ffffff;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #f2f2f2;
}
.panel-danger {
border-color: #fdd2d1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #feede9;
border-color: #fdd2d1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #fdd2d1;
}
.panel-danger > .panel-heading .badge {
color: #feede9;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #fdd2d1;
}
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #848484;
text-align: center;
background-color: #fff;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #fff;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #fff;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #fff;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #fff;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #fff;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #fff;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #fff;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #fff;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 13px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid #d5d5d5;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 13px;
background-color: #d5d5d5;
border-bottom: 1px solid #c8c8c8;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
border-width: 10px;
content: "";
}
.popover.top > .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999999;
border-top-color: #d5d5d5;
bottom: -11px;
}
.popover.top > .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: #d5d5d5;
}
.popover.right > .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.popover.bottom > .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: #d5d5d5;
top: -11px;
}
.popover.bottom > .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: #d5d5d5;
}
.popover.left > .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}
/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0;
/* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin-top: 2px;
padding: .5em .5em .5em .7em;
min-height: 0;
/* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible;
/* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/* button sets */
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 21px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
/* support: IE10, see #8844 */
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
margin: 5px -2px 5px -2px;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0;
/* support: IE7 */
font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
.ui-menu .ui-state-disabled {
font-weight: normal;
margin: .4em 0 .2em;
line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
cursor: default;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
position: static;
float: right;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("../bower_components/jquery-ui/themes/base/images/animated-overlay.gif");
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
.ui-tabs {
position: relative;
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Verdana, Arial, sans-serif /*{ffDefault}*/;
font-size: 1.1em /*{fsDefault}*/;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana, Arial, sans-serif /*{ffDefault}*/;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa /*{borderColorContent}*/;
background: #ffffff /*{bgColorContent}*/ url(../bower_components/jquery-ui/themes/base/images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
color: #222222 /*{fcContent}*/;
}
.ui-widget-content a {
color: #222222 /*{fcContent}*/;
}
.ui-widget-header {
border: 1px solid #aaaaaa /*{borderColorHeader}*/;
background: #cccccc /*{bgColorHeader}*/ url(../bower_components/jquery-ui/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
color: #222222 /*{fcHeader}*/;
font-weight: bold;
}
.ui-widget-header a {
color: #222222 /*{fcHeader}*/;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
background: #e6e6e6 /*{bgColorDefault}*/ url(../bower_components/jquery-ui/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
font-weight: normal /*{fwDefault}*/;
color: #555555 /*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555 /*{fcDefault}*/;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999 /*{borderColorHover}*/;
background: #dadada /*{bgColorHover}*/ url(../bower_components/jquery-ui/themes/base/images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
font-weight: normal /*{fwDefault}*/;
color: #212121 /*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #212121 /*{fcHover}*/;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa /*{borderColorActive}*/;
background: #ffffff /*{bgColorActive}*/ url(../bower_components/jquery-ui/themes/base/images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
font-weight: normal /*{fwDefault}*/;
color: #212121 /*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121 /*{fcActive}*/;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1 /*{borderColorHighlight}*/;
background: #fbf9ee /*{bgColorHighlight}*/ url(../bower_components/jquery-ui/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/;
color: #363636 /*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636 /*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a /*{borderColorError}*/;
background: #fef1ec /*{bgColorError}*/ url(../bower_components/jquery-ui/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/;
color: #cd0a0a /*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a /*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a /*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: alpha(opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: alpha(opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: alpha(opacity=35);
/* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(../bower_components/jquery-ui/themes/base/images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
background-image: url(../bower_components/jquery-ui/themes/base/images/ui-icons_222222_256x240.png) /*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
background-image: url(../bower_components/jquery-ui/themes/base/images/ui-icons_888888_256x240.png) /*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(../bower_components/jquery-ui/themes/base/images/ui-icons_454545_256x240.png) /*{iconsHover}*/;
}
.ui-state-active .ui-icon {
background-image: url(../bower_components/jquery-ui/themes/base/images/ui-icons_454545_256x240.png) /*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
background-image: url(../bower_components/jquery-ui/themes/base/images/ui-icons_2e83ff_256x240.png) /*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(../bower_components/jquery-ui/themes/base/images/ui-icons_cd0a0a_256x240.png) /*{iconsError}*/;
}
/* positioning */
.ui-icon-blank {
background-position: 16px 16px;
}
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-on {
background-position: -96px -144px;
}
.ui-icon-radio-off {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px /*{cornerRadius}*/;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa /*{bgColorOverlay}*/ url(../bower_components/jquery-ui/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
opacity: 0.3 /*{opacityOverlay}*/;
filter: alpha(opacity=30) /*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/;
padding: 8px /*{thicknessShadow}*/;
background: #aaaaaa /*{bgColorShadow}*/ url(../bower_components/jquery-ui/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
opacity: 0.3 /*{opacityShadow}*/;
filter: alpha(opacity=30) /*{opacityFilterShadow}*/;
border-radius: 8px /*{cornerRadiusShadow}*/;
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.5.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}
.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url('../bower_components/chosen/chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url('../bower_components/chosen/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: white url('../bower_components/chosen/chosen-sprite.png') no-repeat 100% -20px;
background: url('../bower_components/chosen/chosen-sprite.png') no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
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 white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url('../bower_components/chosen/chosen-sprite.png') -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: white url('../bower_components/chosen/chosen-sprite.png') no-repeat -30px -20px;
background: url('../bower_components/chosen/chosen-sprite.png') no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url('../bower_components/chosen/chosen-sprite@2x.png') !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
/*
* CSS TOGGLE SWITCHES
* Unlicense
*
* Ionuț Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* Toggle Switches
*/
/* Shared
*/
/* Checkbox
*/
/* Radio Switch
*/
/* Hide by default
*/
/* Variables
*/
/* Mixins
*/
.switch-toggle a,
.switch-light span span {
display: none;
}
/* We can't test for a specific feature,
* so we only target browsers with support for media queries.
*/
@media only screen {
/* Checkbox switch
*/
/* Radio switch
*/
/* Standalone Themes */
/* Candy Theme
* Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
* http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
*/
/* Android Theme
*/
/* iOS Theme
*/
.switch-light {
display: block;
height: 30px;
/* Outline the toggles when the inputs are focused
*/
position: relative;
overflow: visible;
padding: 0;
margin-left: 100px;
/* Position the label over all the elements, except the slide-button ()
* Clicking anywhere on the label will change the switch-state
*/
/* Don't hide the input from screen-readers and keyboard access
*/
}
.switch-light * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.switch-light a {
display: block;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.switch-light label,
.switch-light > span {
line-height: 30px;
vertical-align: middle;
}
.switch-light input:focus ~ a,
.switch-light input:focus + label {
outline: 1px dotted #888888;
}
.switch-light label {
position: relative;
top: static;
right: static;
left: static;
display: block;
width: 100%;
z-index: 3;
}
.switch-light input {
position: absolute;
top: static;
right: static;
left: static;
display: inherit;
width: auto;
z-index: 5;
opacity: 0;
}
.switch-light input:checked ~ a {
right: 0%;
}
.switch-light > span {
position: absolute;
top: static;
right: static;
left: -100px;
display: inherit;
width: 100%;
z-index: auto;
margin: 0;
padding-right: 100px;
text-align: left;
}
.switch-light > span span {
position: absolute;
top: 0;
right: static;
left: 0;
display: block;
width: 50%;
z-index: 5;
margin-left: 100px;
text-align: center;
}
.switch-light > span span:last-child {
left: 50%;
}
.switch-light a {
position: absolute;
top: 0;
right: 50%;
left: static;
display: block;
width: 50%;
z-index: 4;
height: 100%;
padding: 0;
}
.switch-toggle {
display: block;
height: 30px;
/* Outline the toggles when the inputs are focused
*/
position: relative;
/* For callout panels in foundation
*/
padding: 0 !important;
/* Generate styles for the multiple states */
}
.switch-toggle * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.switch-toggle a {
display: block;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.switch-toggle label,
.switch-toggle > span {
line-height: 30px;
vertical-align: middle;
}
.switch-toggle input:focus ~ a,
.switch-toggle input:focus + label {
outline: 1px dotted #888888;
}
.switch-toggle input {
position: absolute;
opacity: 0;
}
.switch-toggle input + label {
position: relative;
top: static;
right: static;
left: static;
display: inherit;
width: 50%;
z-index: 2;
float: left;
height: 100%;
margin: 0;
text-align: center;
}
.switch-toggle a {
position: absolute;
top: 0;
right: static;
left: 0;
display: inherit;
width: 50%;
z-index: 1;
padding: 0;
height: 100%;
}
.switch-toggle input:last-of-type:checked ~ a {
left: 50%;
}
.switch-toggle.switch-3 label,
.switch-toggle.switch-3 a {
width: 33.33333%;
}
.switch-toggle.switch-3 input:checked:nth-of-type(2) ~ a {
left: 33.33333%;
}
.switch-toggle.switch-3 input:checked:last-of-type ~ a {
left: 66.66667%;
}
.switch-toggle.switch-4 label,
.switch-toggle.switch-4 a {
width: 25%;
}
.switch-toggle.switch-4 input:checked:nth-of-type(2) ~ a {
left: 25%;
}
.switch-toggle.switch-4 input:checked:nth-of-type(3) ~ a {
left: 50%;
}
.switch-toggle.switch-4 input:checked:last-of-type ~ a {
left: 75%;
}
.switch-toggle.switch-5 label,
.switch-toggle.switch-5 a {
width: 20%;
}
.switch-toggle.switch-5 input:checked:nth-of-type(2) ~ a {
left: 20%;
}
.switch-toggle.switch-5 input:checked:nth-of-type(3) ~ a {
left: 40%;
}
.switch-toggle.switch-5 input:checked:nth-of-type(4) ~ a {
left: 60%;
}
.switch-toggle.switch-5 input:checked:last-of-type ~ a {
left: 80%;
}
.switch-candy {
background-color: #2d3035;
border: none;
border-radius: 3px;
-webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2), 0;
-moz-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2), 0;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2), 0;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3) 0 1px 0px rgba(255, 255, 255, 0.2) 0;
color: #fff;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px #191b1e;
}
.switch-candy label {
color: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.switch-candy input:checked + label {
color: #333333;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.switch-candy a {
background-color: #70c66b;
border: 1px solid #333333;
border-radius: 3px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45), 0;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45), 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45), 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset 0 1px 1px rgba(255, 255, 255, 0.45) 0;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
}
.switch-candy > span {
color: #333333;
text-shadow: none;
}
.switch-candy span {
color: #fff;
}
.switch-candy.switch-candy-blue a {
background-color: #38a3d4;
}
.switch-candy.switch-candy-yellow a {
background-color: #f5e560;
}
.switch-android {
background-color: #464747;
border: none;
border-radius: 1px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0, 0, 0;
-moz-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0, 0, 0;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0, 0, 0;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0 0 0;
color: #fff;
/* Selected ON switch-light
*/
}
.switch-android label {
color: #fff;
}
.switch-android > span span {
opacity: 0;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.switch-android > span span:first-of-type {
opacity: 1;
}
.switch-android a {
background-color: #666666;
border: none;
border-radius: 1px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0, 0;
-moz-box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0, 0;
box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0, 0;
box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0 inset rgba(0, 0, 0, 0.3) 0 -1px 0 0;
}
.switch-android.switch-light input:checked ~ a {
background-color: #0E88B1;
}
.switch-android.switch-light input:checked ~ span span:first-of-type {
opacity: 0;
}
.switch-android.switch-light input:checked ~ span span:last-of-type {
opacity: 1;
}
.switch-android.switch-toggle,
.switch-android .switch-android > span span {
font-size: 85%;
text-transform: uppercase;
}
.switch-ios.switch-light {
color: #868686;
}
.switch-ios.switch-light a {
background-color: #fff;
border: 1px solid lightgrey;
border-radius: 100%;
-webkit-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025) 0 1px 4px rgba(0, 0, 0, 0.15) 0 4px 4px rgba(0, 0, 0, 0.1);
left: 0;
width: 30px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.switch-ios.switch-light > span span {
width: 100%;
left: 0;
opacity: 0;
}
.switch-ios.switch-light > span span:first-of-type {
opacity: 1;
padding-left: 30px;
}
.switch-ios.switch-light > span span:last-of-type {
padding-right: 30px;
}
.switch-ios.switch-light > span:before {
position: absolute;
top: 0;
right: static;
left: 100px;
display: block;
width: 100%;
z-index: inherit;
background-color: #fafafa;
border: 1px solid lightgrey;
border-radius: 30px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0, 0, 0;
-moz-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0, 0, 0;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0, 0, 0;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0 0 0;
content: '';
height: 100%;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.switch-ios.switch-light input:checked ~ a {
left: 100%;
margin-left: -30px;
}
.switch-ios.switch-light input:checked ~ span:before {
border-color: #53d76a;
box-shadow: inset 0 0 0 30px #53d76a;
}
.switch-ios.switch-light input:checked ~ span span:first-of-type {
opacity: 0;
}
.switch-ios.switch-light input:checked ~ span span:last-of-type {
opacity: 1;
color: #fff;
}
.switch-ios.switch-toggle {
background-color: #fafafa;
border: 1px solid lightgrey;
border-radius: 30px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0, 0, 0;
-moz-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0, 0, 0;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0, 0, 0;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0 0 0;
}
.switch-ios.switch-toggle a {
background-color: #53d76a;
border-radius: 25px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.switch-ios.switch-toggle label {
color: #868686;
}
.switch-ios input:checked + label {
color: #3a3a3a;
}
}
/* Bugfix for older Webkit, including mobile Webkit. Adapted from
* http://css-tricks.com/webkit-sibling-bug/
*/
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 1280px) {
.switch-light,
.switch-toggle {
-webkit-animation: webkitSiblingBugfix infinite 1s;
}
}
@-webkit-keyframes webkitSiblingBugfix {
from {
-webkit-transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
}
}
/**
* Kendo UI v2017.2.504 (http://www.telerik.com/kendo-ui)
* Copyright 2017 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
/*!
*/
/*!
*/
/*!
*/
/* Kendo base CSS */
.fake {
color: red;
}
.k-common-test-class {
opacity: 0;
}
.k-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.k-floatwrap:after,
.k-slider-items:after,
.k-grid-toolbar:after {
content: "";
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
}
.k-floatwrap,
.k-slider-items,
.k-grid-toolbar {
display: inline-block;
}
.k-floatwrap,
.k-slider-items,
.k-grid-toolbar {
display: block;
}
/* main gradient */
.k-block,
.k-button,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-tooltip,
.k-pager-wrap,
.k-tabstrip-items .k-item,
.k-link.k-state-hover,
.k-textbox,
.k-textbox:hover,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-draghandle {
background-repeat: repeat;
background-position: 0 center;
}
.k-link:hover {
text-decoration: none;
}
.k-state-highlight > .k-link {
color: inherit;
}
/* widget */
.k-textbox > input,
.k-input[type="text"],
.k-input[type="number"],
.k-textbox,
.k-picker-wrap .k-input,
.k-button {
font-size: 100%;
font-family: inherit;
border-style: solid;
border-width: 1px;
-webkit-appearance: none;
}
.k-widget,
.k-block,
.k-inline-block,
.k-draghandle {
border-style: solid;
border-width: 1px;
-webkit-appearance: none;
}
.k-block,
.k-widget {
line-height: normal;
outline: 0;
}
.k-widget .k-input::-ms-clear,
.k-list-filter ::-ms-clear {
width: 0;
height: 0;
}
/* Block */
.k-block {
padding: 2px;
}
/* button */
.k-button {
display: inline-block;
margin: 0;
padding: 5px 14px 4px;
font-family: inherit;
line-height: 1.72em;
text-align: center;
cursor: pointer;
text-decoration: none;
}
.k-button[disabled],
.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active {
cursor: default;
}
a.k-button {
user-select: none;
text-decoration: none;
}
/* Override the important default line-height in Firefox 4+ */
.k-ff input.k-button {
padding-bottom: 0.37em;
padding-top: 0.37em;
}
button.k-button::-moz-focus-inner,
input.k-button::-moz-focus-inner {
padding: 0;
border: 0;
}
a.k-button-expand {
display: block;
}
button.k-button-expand,
input[type="submit"].k-button-expand,
input[type="button"].k-button-expand,
input[type="reset"].k-button-expand {
width: 100%;
}
body .k-button-icon,
body .k-split-button-arrow {
padding-left: .4em;
padding-right: .4em;
}
.k-button-icontext {
overflow: visible;
/*IE9*/
}
.k-toolbar .k-button-icontext {
padding-right: .8em;
}
.k-button-icontext .k-icon,
.k-button-icontext .k-image,
.k-button-icontext .k-sprite {
margin-right: 3px;
margin-right: .3rem;
margin-left: -3px;
margin-left: -0.3rem;
}
.k-button.k-button-icontext .k-icon,
.k-button.k-button-icontext .k-image {
vertical-align: text-top;
}
.k-button.k-bare {
border-color: transparent !important;
color: inherit;
background: none !important;
box-shadow: none !important;
opacity: .7;
}
.k-button.k-bare:hover,
.k-button.k-bare.k-state-hover,
.k-button.k-bare:active,
.k-button.k-bare.k-state-active,
.k-button.k-bare.k-state-active:hover {
color: inherit;
}
.k-button.k-bare:focus,
.k-button.k-bare .k-state-focused {
opacity: .8;
}
.k-button.k-bare:hover,
.k-button.k-bare.k-state-hover,
.k-button.k-bare:active,
.k-button.k-bare.k-state-active {
opacity: 1;
}
.k-button.k-bare .k-icon,
.k-button.k-bare .k-font-icon {
overflow: visible;
}
.k-button.k-bare:focus .k-icon,
.k-button.k-bare .k-state-focused .k-icon,
.k-button.k-bare:focus .k-font-icon,
.k-button.k-bare .k-state-focused .k-font-icon {
text-shadow: 0 0 3px currentColor;
}
/* link */
.k-link {
cursor: pointer;
outline: 0;
text-decoration: none;
}
.k-grid-header span.k-link {
cursor: default;
}
/* states */
.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-icon,
.k-state-disabled .k-button,
.k-state-disabled .k-draghandle,
.k-state-disabled .k-upload-button input {
cursor: default !important;
outline: 0;
}
@media print {
.k-state-disabled,
.k-state-disabled .k-input {
opacity: 1 !important;
}
}
.k-state-error {
border-style: ridge;
}
.k-state-empty {
font-style: italic;
}
/* icons */
.k-icon.k-i-none {
background-image: none !important;
/* should never be a background on these */
}
/* In IE7 vertical align: middle can't be overridden */
.k-ie8 .k-icon,
.k-ie8 .k-sprite,
.k-ie8 .k-tool-icon {
vertical-align: middle;
}
.k-file > .k-icon {
background-position: -115px -91px;
}
.k-image {
border: 0;
}
/* Colors */
html .k-success-colored {
color: #507f50;
border-color: #d0dfd0;
background-color: #f0fff0;
}
html .k-info-colored {
color: #50607f;
border-color: #d0d9df;
background-color: #f0f9ff;
}
html .k-error-colored {
color: #7f5050;
border-color: #dfd0d0;
background-color: #fff0f0;
}
.k-inline-block {
padding: 0 2px;
}
/* loading */
.k-loading,
.k-loading-image {
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
}
.k-icon.k-i-loading {
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
}
.k-icon.k-i-loading::before {
content: "";
display: none;
}
.k-loading-mask,
.k-loading-image,
.k-loading-text {
position: absolute;
}
.k-loading-mask {
z-index: 100;
}
.k-loading-mask .k-loading-progress {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.k-loading-text {
text-indent: -4000px;
text-align: center;
/*rtl*/
}
.k-loading-image,
.k-loading-color {
width: 100%;
height: 100%;
}
.k-loading-image {
top: 0;
left: 0;
z-index: 2;
}
.k-loading-color {
filter: alpha(opacity=30);
opacity: .3;
}
.k-content-frame {
border: 0;
width: 100%;
height: 100%;
}
.k-pane > .k-splitter-overlay {
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
}
/* drag n drop */
.k-drag-clue {
position: absolute;
z-index: 10003;
border-style: solid;
border-width: 1px;
font-size: .9em;
padding: .2em .4em;
white-space: nowrap;
cursor: default;
}
/* ListBox Drag Clue */
.k-item.k-drag-clue {
font-size: inherit;
}
.k-drag-status {
margin-top: -3px;
margin-right: 4px;
vertical-align: middle;
}
.k-reorder-cue {
position: absolute;
width: 1px;
overflow: visible;
}
.k-reorder-cue .k-icon {
position: absolute;
left: -4px;
width: 8px;
height: 4px;
}
.k-reorder-cue .k-i-arrow-60-down {
top: -4px;
background-position: -4px -166px;
}
.k-reorder-cue .k-i-arrow-60-up {
bottom: -4px;
background-position: -4px -134px;
}
/* virtual scrollbar */
.k-scrollbar {
position: absolute;
overflow: scroll;
}
.k-scrollbar-vertical {
top: 0;
right: 0;
width: 17px;
/* scrollbar width */
height: 100%;
overflow-x: hidden;
}
.k-touch-scrollbar {
display: none;
position: absolute;
z-index: 200000;
height: 8px;
width: 8px;
border: 1px solid #8a8a8a;
background-color: #858585;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
body .k-touch-scrollbar {
height: 12px;
width: 12px;
border-radius: 7px;
}
}
.k-virtual-scrollable-wrap {
overflow-x: auto;
/*needed by IE8*/
}
/* current time indicator */
.k-current-time {
background: #f00;
position: absolute;
}
.k-current-time-arrow-down {
width: 0;
height: 0;
background: transparent;
border-bottom: 4px solid transparent;
border-top: 4px solid #f00;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.k-current-time-arrow-left {
width: 0;
height: 0;
background: transparent;
border-bottom: 4px solid transparent;
border-top: 4px solid transparent;
border-left: 4px solid transparent;
border-right: 4px solid #f00;
}
.k-current-time-arrow-right {
width: 0;
height: 0;
background: transparent;
border-bottom: 4px solid transparent;
border-top: 4px solid transparent;
border-left: 4px solid #f00;
border-right: 4px solid transparent;
}
/* override box sizing for grid layout framework integration (Bootstrap 3, Foundation 4) */
.k-animation-container,
.k-widget,
.k-widget *,
.k-animation-container *,
.k-widget *:before,
.k-animation-container *:after,
.k-block .k-header,
.k-list-container,
div.k-window-content {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.k-button,
.k-textbox,
.k-autocomplete,
.k-tabstrip > .k-content > .km-scroll-container,
.k-block,
.k-edit-cell .k-widget,
.k-grid-edit-row .k-widget,
.k-grid-edit-row .text-box,
.km-actionsheet > li,
.km-shim {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Fix for Bootstrap 3 */
.input-group .form-control {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-control.k-widget {
padding: 0;
}
a.k-button:hover {
text-decoration: none;
}
/* override iOS styles in mobile Kendo */
.km-widget,
.km-widget * {
-moz-background-clip: border-box;
-webkit-background-clip: border-box;
background-clip: border-box;
}
input.k-checkbox,
.k-radio {
display: inline;
opacity: 0;
width: 0;
margin: 0;
-webkit-appearance: none;
overflow: hidden;
}
.k-ff input.k-checkbox,
.k-ff .k-radio {
position: absolute;
}
.k-checkbox-label,
.k-radio-label {
display: inline-block;
position: relative;
padding-left: 18px;
vertical-align: text-top;
line-height: 16px;
cursor: pointer;
border-style: solid;
border-width: 0;
}
.k-checkbox-label:before {
content: "";
position: absolute;
top: 0;
left: 0;
border-width: 1px;
border-style: solid;
width: 14px;
height: 14px;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.k-checkbox:indeterminate + .k-checkbox-label:after {
content: "";
position: absolute;
left: 8px;
top: 8px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-width: 1px;
border-style: solid;
width: 8px;
height: 8px;
font-size: 14px;
text-align: center;
content: " ";
}
.k-checkbox:checked + .k-checkbox-label:before {
content: "\2713";
}
.k-checkbox:disabled + .k-checkbox-label {
cursor: auto;
}
.k-radio-label:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 14px;
height: 14px;
border-style: solid;
}
.k-radio:checked + .k-radio-label:after {
content: "";
width: 10px;
height: 10px;
position: absolute;
top: 3px;
left: 3px;
}
.k-radio:disabled + .k-radio-label {
cursor: auto;
}
.k-ie8 input.k-checkbox,
.k-ie8 .k-radio {
display: inline-block;
width: auto;
}
.k-ie8 .k-checkbox-label,
.k-ie8 .k-radio-label {
padding-left: 0;
}
.k-ie8 .k-checkbox-label:before,
.k-ie8 .k-radio-label:before,
.k-ie8 .k-radio-label:after {
display: none;
}
/* RTL for checkboxes and radio buttons */
.k-rtl .k-checkbox-label,
.k-rtl .k-radio-label {
padding-right: 1.5em;
}
.k-rtl .k-checkbox-label:before,
.k-rtl .k-radio-label:before {
right: 0;
}
.k-rtl .k-radio:checked + .k-radio-label:after {
right: 3px;
}
input.k-checkbox + label {
-webkit-user-select: none;
}
/* Off-screen container used during export */
.k-pdf-export-shadow {
position: absolute;
overflow: hidden;
left: -15000px;
width: 14400px;
}
.km-native-scroller {
overflow: auto;
-webkit-overflow-scrolling: touch;
-ms-touch-action: pan-x pan-y;
-ms-overflow-style: -ms-autohiding-scrollbar;
-ms-scroll-snap-type: proximity;
}
/* Font Icons */
.k-icon,
.k-font-icon,
.k-font-icon.k-icon,
.k-font-icon.k-tool-icon {
position: relative;
display: inline-block;
overflow: hidden;
width: 1em;
height: 1em;
text-align: center;
vertical-align: middle;
background-image: none;
font: 16px/1 'WebComponentsIcons';
speak: none;
font-variant: normal;
text-transform: none;
text-indent: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: visible;
color: inherit;
}
.k-icon:before,
.k-font-icon:before {
width: 1em;
height: 1em;
display: inline-block;
}
.k-icon,
.k-tool-icon,
.k-i-drag-and-drop,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
position: relative;
display: inline-block;
overflow: hidden;
width: 1em;
height: 1em;
text-align: center;
vertical-align: middle;
background-image: none;
font: 16px/1 'WebComponentsIcons';
speak: none;
font-variant: normal;
text-transform: none;
text-indent: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.k-icon:before {
width: initial;
height: initial;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 1em;
line-height: 1;
}
.k-button.k-button-icon .k-icon,
.k-grid-filter .k-icon,
.k-header .k-icon {
text-indent: -99999px;
}
.k-button.k-button-icon .k-icon:before,
.k-grid-filter .k-icon:before,
.k-header .k-icon:before {
text-indent: 0;
}
/* Sprite icons */
.k-sprite {
width: 16px;
height: 16px;
font-size: 0;
line-height: 0;
text-align: center;
background-repeat: no-repeat;
background-color: transparent;
display: inline-block;
overflow: hidden;
-ms-high-contrast-adjust: none;
}
/*!
*/
/* responsive panel */
.k-rpanel-left {
-webkit-transform: translateX(-100%) translateZ(0);
-ms-transform: translateX(-100%) translateZ(0);
transform: translateX(-100%) translateZ(0);
left: 0;
}
.k-rpanel-right {
-webkit-transform: translateX(100%) translateZ(0);
-ms-transform: translateX(100%) translateZ(0);
transform: translateX(100%) translateZ(0);
right: 0;
}
.k-rpanel-left,
.k-rpanel-right {
position: fixed;
display: block;
overflow: auto;
min-width: 320px;
height: 100%;
top: 0;
}
.k-rpanel-left.k-rpanel-expanded,
.k-rpanel-right.k-rpanel-expanded {
-webkit-transform: translateX(0) translateZ(0);
-ms-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
}
.k-rpanel-left + *,
.k-rpanel-right + * {
overflow: auto;
}
.k-ie9 .k-rpanel-left {
left: -100%;
}
.k-ie9 .k-rpanel-left.k-rpanel-expanded {
left: 0;
}
.k-rpanel-top {
position: static;
max-height: 0;
}
.k-rpanel-top.k-rpanel-expanded {
max-height: 568px;
overflow: visible !important;
}
/*!
*/
.k-edit-form {
margin: 0;
padding: 0;
}
.k-window > div.k-popup-edit-form {
padding: 1em 0;
}
.k-grid-edit-row .k-edit-form td {
border-bottom-width: 0;
}
.k-edit-form-container {
position: relative;
width: 400px;
}
.k-edit-label,
.k-edit-form-container .editor-label {
float: left;
clear: both;
width: 30%;
padding: .4em 0 1em;
margin-left: 2%;
text-align: right;
}
.k-edit-field,
.k-edit-form-container .editor-field {
float: right;
clear: right;
width: 60%;
margin-right: 2%;
padding: 0 0 .6em;
}
.k-edit-field > input[type="checkbox"],
.k-edit-field > input[type="radio"] {
margin-top: .4em;
}
.k-edit-form-container .k-button {
margin: 0 .16em;
}
.k-edit-field > input[type="checkbox"]:first-child,
.k-edit-field > input[type="radio"]:first-child,
.k-edit-field > label:first-child > input[type="checkbox"],
.k-edit-field > .k-button:first-child {
margin-left: 0;
}
.k-edit-form-container .k-edit-buttons {
clear: both;
text-align: right;
border-width: 1px 0 0;
border-style: solid;
position: relative;
bottom: -1em;
padding: .6em;
}
/*!
*/
/* Window */
div.k-window {
display: inline-block;
position: absolute;
z-index: 10001;
border-style: solid;
border-width: 1px;
padding-top: 2em;
}
.k-block > .k-header,
.k-window-titlebar {
position: absolute;
width: 100%;
height: 1.1em;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-top: -2em;
padding: .4em 0;
font-size: 1.2em;
white-space: nowrap;
min-height: 16px;
/* icon size */
}
.k-block > .k-header {
position: relative;
margin: -2px 0 10px -2px;
padding: .3em 2px;
}
.k-window-title {
position: absolute;
left: .44em;
right: .44em;
overflow: hidden;
cursor: default;
text-overflow: ellipsis;
}
.k-window-title .k-image {
margin: 0 5px 0 0;
vertical-align: middle;
}
div.k-window-titleless {
padding-top: 0;
}
div.k-window-content {
position: relative;
height: 100%;
padding: .58em;
overflow: auto;
outline: 0;
}
div.k-window-iframecontent {
padding: 0;
overflow: visible;
}
.k-window-content > .km-scroll-container {
height: 100%;
}
.k-window-titlebar .k-window-actions {
position: absolute;
top: 0;
right: .3em;
padding-top: .3em;
white-space: nowrap;
}
.k-window-titlebar .k-window-action {
width: 22px;
height: 22px;
padding: 2px;
}
.k-window-action .k-icon {
margin: 0;
vertical-align: top;
}
.k-window > .k-resize-handle {
position: absolute;
z-index: 1;
background-color: #fff;
font-size: 0;
line-height: 6px;
filter: alpha(opacity=0);
opacity: 0;
zoom: 1;
}
.k-resize-n {
top: -3px;
left: 0;
width: 100%;
height: 6px;
cursor: n-resize;
}
.k-resize-e {
top: 0;
right: -3px;
width: 6px;
height: 100%;
cursor: e-resize;
}
.k-resize-s {
bottom: -3px;
left: 0;
width: 100%;
height: 6px;
cursor: s-resize;
}
.k-resize-w {
top: 0;
left: -3px;
width: 6px;
height: 100%;
cursor: w-resize;
}
.k-resize-se {
bottom: -3px;
right: -3px;
width: 6px;
height: 6px;
cursor: se-resize;
}
.k-resize-sw {
bottom: -3px;
left: -3px;
width: 6px;
height: 6px;
cursor: sw-resize;
}
.k-resize-ne {
top: -3px;
right: -3px;
width: 6px;
height: 6px;
cursor: ne-resize;
}
.k-resize-nw {
top: -3px;
left: -3px;
width: 6px;
height: 6px;
cursor: nw-resize;
}
.k-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 10001;
width: 100%;
height: 100%;
background-color: #000;
filter: alpha(opacity=50);
opacity: .5;
}
.k-window .k-overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
filter: alpha(opacity=0);
opacity: 0;
}
.k-action-buttons {
clear: both;
text-align: right;
border-width: 1px 0 0;
border-style: solid;
position: relative;
bottom: -1em;
padding: .6em;
margin: 0 -1em;
}
.k-action-buttons .k-button {
display: inline-block;
margin: 0 0 0 6px;
min-width: 75px;
}
/*!
*/
/* TabStrip */
.k-tabstrip {
margin: 0;
padding: 0;
zoom: 1;
position: relative;
}
.k-tabstrip-items {
padding: 0.3em 0.3em 0;
}
.k-tabstrip-scrollable .k-tabstrip-items {
white-space: nowrap;
overflow: hidden;
}
.k-tabstrip > .k-button {
position: absolute;
top: .4em;
z-index: 2;
user-select: none;
}
.k-tabstrip-bottom > .k-button {
top: auto;
bottom: .4em;
}
.k-tabstrip-prev {
left: .4em;
}
.k-tabstrip-next {
right: .4em;
}
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item {
list-style-type: none;
display: inline-block;
position: relative;
border-style: solid;
border-width: 1px 1px 0;
margin: 0 -1px 0 0;
padding: 0;
vertical-align: top;
}
.k-tabstrip-items .k-tab-on-top,
.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.k-tabstrip-top .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active {
border-bottom-width: 1px;
margin-bottom: -2px;
padding-bottom: 0px;
}
.k-tabstrip-items .k-tab-on-top {
z-index: 1;
}
.k-tabstrip-items .k-link,
.k-panelbar .k-tabstrip-items .k-link {
display: inline-block;
border-bottom-width: 0;
padding: .5em .92em;
}
.k-tabstrip-items .k-icon,
.k-panelbar .k-tabstrip-items .k-icon {
margin: -1px 4px 0 -3px;
vertical-align: top;
}
.k-tabstrip-items .k-item .k-image,
.k-tabstrip-items .k-item .k-sprite,
.k-panelbar .k-tabstrip-items .k-item .k-image,
.k-panelbar .k-tabstrip-items .k-item .k-sprite {
margin: -3px 3px 0 -6px;
vertical-align: middle;
}
/* TabStrip Loading Progress */
.k-tabstrip-items .k-loading {
top: 0;
left: 0;
height: 0;
width: 20%;
position: absolute;
background: transparent;
border-top: 1px solid transparent;
border-color: inherit;
-webkit-transition: "width 200ms linear";
-o-transition: "width 200ms linear";
transition: width 200ms linear;
transition: "width 200ms linear";
-webkit-animation: k-tab-loader 1s ease-in-out infinite;
-o-animation: k-tab-loader 1s ease-in-out infinite;
animation: k-tab-loader 1s ease-in-out infinite;
}
.k-tabstrip-items .k-progress {
-webkit-animation: none;
-o-animation: none;
animation: none;
}
.k-tabstrip-items .k-loading.k-complete {
width: 100%;
-webkit-animation: none;
-o-animation: none;
animation: none;
}
.k-tabstrip > .k-content,
.k-panelbar .k-tabstrip > .k-content {
position: static;
border-style: solid;
border-width: 1px;
margin: 0 .286em .3em;
padding: .92em;
zoom: 1;
}
.k-tabstrip > .k-content {
display: none;
overflow: auto;
}
.k-tabstrip > .k-content.km-scroll-wrapper {
padding: 0;
}
.k-tabstrip > .k-content > .km-scroll-container {
padding: .3em .92em;
}
@keyframes k-tab-loader {
0% {
left: 0;
}
50% {
left: 80%;
}
100% {
left: 0;
}
}
/* left and right tabs */
.k-tabstrip-left > div.k-content,
.k-tabstrip-right > div.k-content {
margin: .286em .3em;
}
.k-tabstrip-left > .k-tabstrip-items .k-item,
.k-tabstrip-right > .k-tabstrip-items .k-item {
display: block;
margin-bottom: -1px;
}
.k-tabstrip-left > .k-tabstrip-items .k-link,
.k-tabstrip-right > .k-tabstrip-items .k-link {
display: block;
}
.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-right > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-tabstrip-right > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active {
margin-bottom: -1px;
padding-bottom: 0;
}
/* left tabs */
.k-tabstrip-left > .k-tabstrip-items {
float: left;
padding: .25em 0 .3em .3em;
}
.k-tabstrip-left > .k-tabstrip-items .k-item {
border-width: 1px 0 1px 1px;
border-radius: 3px 0 0 3px;
}
.k-tabstrip-left > .k-tabstrip-items .k-state-active {
border-width: 1px 0 1px 1px;
}
.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active {
margin-right: -2px;
padding-right: 1px;
}
/* right tabs */
.k-tabstrip-right > .k-tabstrip-items {
float: right;
padding: .25em .3em .3em 0;
}
.k-tabstrip-right > .k-tabstrip-items .k-item {
border-width: 1px 1px 1px 0;
border-radius: 0 3px 3px 0;
}
.k-tabstrip-right > .k-tabstrip-items .k-state-active {
border-width: 1px 1px 1px 0;
}
.k-tabstrip-right > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-right > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active {
margin-left: -1px;
padding-left: 1px;
}
/* bottom tabs */
.k-tabstrip-bottom > .k-tabstrip-items {
margin-top: -1px;
padding: 0 .3em .3em;
}
.k-tabstrip-bottom > .k-content,
.k-panelbar .k-tabstrip-bottom > .k-content {
margin: .3em .286em 0;
z-index: 1;
position: relative;
}
.k-tabstrip-bottom > .k-tabstrip-items .k-item {
border-width: 0 1px 1px;
border-radius: 0 0 4px 4px;
}
.k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
margin-bottom: 0;
padding-bottom: 0;
}
.k-tabstrip-bottom > .k-content {
min-height: 100px;
}
.k-tabstrip-bottom > .k-tabstrip-items .k-loading {
top: auto;
bottom: 0;
}
/*!
*/
/* PanelBar */
.k-panelbar {
zoom: 1;
}
.k-panelbar > .k-item,
.k-panel > .k-item {
list-style-type: none;
display: block;
border-width: 0;
margin: 0;
zoom: 1;
border-radius: 0;
}
.k-panelbar .k-link > .k-image,
.k-panelbar .k-link > .k-sprite {
float: left;
margin-top: 4px;
margin-right: 5px;
vertical-align: middle;
}
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link {
display: block;
position: relative;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 0 1em;
line-height: 2.34em;
text-decoration: none;
zoom: 1;
}
.k-panelbar-expand.k-icon,
.k-panelbar-collapse.k-icon {
position: absolute;
top: 50%;
right: 4px;
margin-top: -8px;
}
.k-panelbar .k-panel,
.k-panelbar .k-content {
position: relative;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 0;
padding: 0;
zoom: 1;
}
.k-panel > .k-item > .k-link {
border-bottom: 0;
font-size: .95em;
line-height: 2.2;
}
.k-panel .k-panel > .k-item > .k-link {
padding-left: 2em;
}
.k-panelbar .k-i-arrow-end-right .k-link {
border-bottom: 0;
}
.k-panel .k-panel {
border-bottom: 0;
}
/*!
*/
.k-pager-wrap {
clear: both;
overflow: hidden;
position: relative;
border-style: solid;
border-width: 1px;
line-height: 2.0em;
padding: 0.333em 0 0.333em 0.250em;
}
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
display: inline-block;
vertical-align: top;
margin-right: 1px;
}
.k-pager-numbers {
margin: 0 2px;
}
.k-pager-numbers .k-state-selected {
vertical-align: top;
}
.k-pager-numbers .k-current-page {
display: none;
}
.k-pager-numbers li,
.k-pager-input {
float: left;
}
.k-pager-info {
float: right;
padding: 0 1.333em;
}
.k-pager-numbers .k-link {
text-decoration: none;
}
.k-pager-wrap > .k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
min-width: 2em;
}
.k-pager-wrap > .k-link {
float: left;
margin: 0 0.08333em;
height: 2em;
/*IE7*/
line-height: 2em;
/*IE7*/
border-radius: 1.0833em;
cursor: pointer;
text-align: center;
}
.k-pager-wrap > a.k-state-disabled:hover {
background: none;
cursor: default;
}
.k-pager-numbers .k-link {
text-align: center;
line-height: 2em;
border-style: solid;
border-width: 1px;
border-radius: 1.0833em;
}
.k-pager-wrap > .k-link {
border-style: solid;
border-width: 1px;
}
.k-pager-wrap .k-pager-refresh {
float: right;
margin-right: 0.5em;
border-width: 0;
border-radius: 0;
}
.k-pager-numbers .k-state-selected {
border-style: solid;
border-width: 1px;
text-align: center;
border-radius: 1.0833em;
}
.k-pager-wrap .k-textbox {
width: 3.333em;
}
.k-pager-wrap .k-dropdown {
width: 4.500em;
}
.k-pager-refresh {
float: right;
}
.k-pager-input,
.k-pager-sizes {
padding: 0 1.4166em;
}
.k-pager-sizes {
display: inline-block;
padding-top: 1px;
}
.k-pager-sizes .k-widget.k-dropdown {
margin-top: -2px;
}
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-widget {
margin: 0 .4em 0;
}
@media only screen and (max-width: 1024px) {
.k-webkit .k-pager-wrap,
.k-ff .k-pager-wrap,
.k-ie11 .k-pager-wrap,
.k-edge .k-pager-wrap,
.k-safari .k-pager-wrap {
overflow: visible;
min-height: 2.1em;
}
.k-webkit .k-pager-wrap .k-pager-nav,
.k-ff .k-pager-wrap .k-pager-nav,
.k-ie11 .k-pager-wrap .k-pager-nav,
.k-edge .k-pager-wrap .k-pager-nav,
.k-safari .k-pager-wrap .k-pager-nav,
.k-webkit .k-pager-input,
.k-ff .k-pager-input,
.k-ie11 .k-pager-input,
.k-edge .k-pager-input,
.k-safari .k-pager-input {
display: inline-block;
vertical-align: top;
}
.k-webkit .k-pager-numbers,
.k-ff .k-pager-numbers,
.k-ie11 .k-pager-numbers,
.k-edge .k-pager-numbers,
.k-safari .k-pager-numbers {
position: absolute;
left: 4.8em;
display: inline-flex;
flex-direction: column-reverse;
overflow: visible;
height: auto;
}
.k-webkit .k-pager-numbers:first-child,
.k-ff .k-pager-numbers:first-child,
.k-ie11 .k-pager-numbers:first-child,
.k-edge .k-pager-numbers:first-child,
.k-safari .k-pager-numbers:first-child {
left: .2em;
}
.k-webkit .k-pager-numbers.k-state-expanded,
.k-ff .k-pager-numbers.k-state-expanded,
.k-ie11 .k-pager-numbers.k-state-expanded,
.k-edge .k-pager-numbers.k-state-expanded,
.k-safari .k-pager-numbers.k-state-expanded {
transform: translatey(-100%);
-webkit-transform: translatey(-100%);
}
.k-webkit .km-pane-wrapper .k-pager-numbers,
.k-ff .km-pane-wrapper .k-pager-numbers,
.k-ie11 .km-pane-wrapper .k-pager-numbers,
.k-edge .km-pane-wrapper .k-pager-numbers,
.k-safari .km-pane-wrapper .k-pager-numbers {
position: relative;
left: 50%;
transform: translate(-50%, -100%);
-webkit-transform: translate(-50%, -100%);
}
.k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
.k-ff .km-pane-wrapper .k-pager-numbers .k-link,
.k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
.k-edge .km-pane-wrapper .k-pager-numbers .k-link,
.k-safari .km-pane-wrapper .k-pager-numbers .k-link,
.k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
.k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
.k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
.k-edge .km-pane-wrapper .k-pager-wrap > .k-link,
.k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
.k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
padding-top: 0;
padding-bottom: 0;
}
.k-webkit .k-rtl .k-pager-numbers,
.k-ff .k-rtl .k-pager-numbers,
.k-ie11 .k-rtl .k-pager-numbers,
.k-edge .k-rtl .k-pager-numbers,
.k-safari .k-rtl .k-pager-numbers {
left: auto;
right: 4.8em;
width: 4.5em;
}
.k-webkit .k-rtl .k-pager-numbers:first-child,
.k-ff .k-rtl .k-pager-numbers:first-child,
.k-ie11 .k-rtl .k-pager-numbers:first-child,
.k-edge .k-rtl .k-pager-numbers:first-child,
.k-safari .k-rtl .k-pager-numbers:first-child {
left: auto;
right: .2em;
}
.k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers,
.k-ff .k-rtl .km-pane-wrapper .k-pager-numbers,
.k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers,
.k-edge .k-rtl .km-pane-wrapper .k-pager-numbers,
.k-safari .k-rtl .km-pane-wrapper .k-pager-numbers {
right: 5.8em;
}
.k-webkit .k-pager-numbers .k-current-page,
.k-ff .k-pager-numbers .k-current-page,
.k-ie11 .k-pager-numbers .k-current-page,
.k-edge .k-pager-numbers .k-current-page,
.k-safari .k-pager-numbers .k-current-page {
display: block;
border-left: 0;
}
.k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
.k-ff .k-pager-numbers.k-state-expanded .k-current-page,
.k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
.k-edge .k-pager-numbers.k-state-expanded .k-current-page,
.k-safari .k-pager-numbers.k-state-expanded .k-current-page {
transform: translatey(100%);
-webkit-transform: translatey(100%);
}
.k-webkit .k-pager-numbers li:not(.k-current-page),
.k-ff .k-pager-numbers li:not(.k-current-page),
.k-ie11 .k-pager-numbers li:not(.k-current-page),
.k-edge .k-pager-numbers li:not(.k-current-page),
.k-safari .k-pager-numbers li:not(.k-current-page) {
display: none;
}
.k-webkit .k-pager-numbers .k-current-page .k-link,
.k-ff .k-pager-numbers .k-current-page .k-link,
.k-ie11 .k-pager-numbers .k-current-page .k-link,
.k-edge .k-pager-numbers .k-current-page .k-link,
.k-safari .k-pager-numbers .k-current-page .k-link {
width: 3.2em;
padding: 0 .429em 0 .714em;
border-radius: 1.0833em;
}
.k-webkit .k-pager-numbers + .k-link,
.k-ff .k-pager-numbers + .k-link,
.k-ie11 .k-pager-numbers + .k-link,
.k-edge .k-pager-numbers + .k-link,
.k-safari .k-pager-numbers + .k-link {
margin-left: 4.8em;
}
.k-webkit .k-rtl .k-pager-numbers + .k-link,
.k-ff .k-rtl .k-pager-numbers + .k-link,
.k-ie11 .k-rtl .k-pager-numbers + .k-link,
.k-edge .k-rtl .k-pager-numbers + .k-link,
.k-safari .k-rtl .k-pager-numbers + .k-link {
margin-right: 5.1em;
margin-left: 0;
}
.k-webkit .k-pager-numbers .k-state-selected,
.k-ff .k-pager-numbers .k-state-selected,
.k-ie11 .k-pager-numbers .k-state-selected,
.k-edge .k-pager-numbers .k-state-selected,
.k-safari .k-pager-numbers .k-state-selected,
.k-webkit .k-pager-numbers .k-link,
.k-ff .k-pager-numbers .k-link,
.k-ie11 .k-pager-numbers .k-link,
.k-edge .k-pager-numbers .k-link,
.k-safari .k-pager-numbers .k-link {
display: block;
margin-right: 0;
padding: 1px 5px 1px 5px;
text-align: left;
}
.k-webkit .k-pager-numbers.k-state-expanded,
.k-ff .k-pager-numbers.k-state-expanded,
.k-ie11 .k-pager-numbers.k-state-expanded,
.k-edge .k-pager-numbers.k-state-expanded,
.k-safari .k-pager-numbers.k-state-expanded {
box-sizing: border-box;
padding: 2px 2px 0;
}
.k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
.k-ff .k-pager-numbers.k-state-expanded .k-current-page,
.k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
.k-edge .k-pager-numbers.k-state-expanded .k-current-page,
.k-safari .k-pager-numbers.k-state-expanded .k-current-page {
margin: -2em -3px 0;
padding: 0;
}
.k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
border-radius: 0 0 1.0833em 1.0833em;
}
.k-webkit .k-pager-numbers.k-state-expanded li,
.k-ff .k-pager-numbers.k-state-expanded li,
.k-ie11 .k-pager-numbers.k-state-expanded li,
.k-edge .k-pager-numbers.k-state-expanded li,
.k-safari .k-pager-numbers.k-state-expanded li {
display: inline-block;
}
}
@media only screen and (max-width: 640px) {
.k-webkit .k-pager-info,
.k-ff .k-pager-info,
.k-ie11 .k-pager-info,
.k-edge .k-pager-info,
.k-safari .k-pager-info {
display: none;
}
}
@media only screen and (max-width: 480px) {
.k-webkit .k-pager-sizes,
.k-ff .k-pager-sizes,
.k-ie11 .k-pager-sizes,
.k-edge .k-pager-sizes,
.k-safari .k-pager-sizes {
display: none;
}
}
.k-rtl .k-pager-wrap .k-i-seek-e,
.k-rtl .k-pager-wrap .k-i-seek-w,
.k-rtl .k-pager-wrap .k-i-arrow-e,
.k-rtl .k-pager-wrap .k-i-arrow-w {
transform: scaleX(-1);
}
/*!
*/
/* Menu */
.k-menu {
cursor: default;
}
.k-menu .k-link {
white-space: nowrap;
}
.k-menu,
.k-menu-scroll-wrapper .k-menu-group,
.k-popups-wrapper .k-menu-group,
.k-menu .k-menu-group {
list-style: none;
margin: 0;
padding: 0;
zoom: 1;
}
.k-menu:after {
content: '';
display: block;
width: 99%;
height: 0;
float: inherit;
clear: both;
}
.k-menu-scroll-wrapper .k-item,
.k-popups-wrapper .k-item,
.k-menu .k-item {
-webkit-user-select: none;
-moz-user-select: -moz-none;
user-select: none;
}
.k-menu-scroll-wrapper .k-item div,
.k-popups-wrapper .k-item div,
.k-menu .k-item div {
user-select: default;
}
.k-popups-wrapper .k-item .k-item,
.k-popups-wrapper.vertical > .k-item,
.k-menu-scroll-wrapper .k-item .k-item,
.k-menu-scroll-wrapper.vertical > .k-item,
.k-menu .k-item .k-item,
ul.k-menu-vertical > .k-item {
display: block;
float: none;
border-width: 0;
}
.k-menu-scroll-wrapper .k-item > .k-link > .k-icon,
.k-menu-scroll-wrapper .k-image,
.k-menu-scroll-wrapper .k-sprite,
.k-popups-wrapper .k-item > .k-link > .k-icon,
.k-popups-wrapper .k-image,
.k-popups-wrapper .k-sprite,
.k-menu .k-item > .k-link > .k-icon,
.k-menu .k-image,
.k-menu .k-sprite {
margin: -2px 4px 0 -4px;
vertical-align: middle;
}
.k-menu-scroll-wrapper .k-item > .k-link > .k-icon,
.k-popups-wrapper .k-item > .k-link > .k-icon,
.k-menu .k-item > .k-link > .k-icon {
margin: -2px 0 0;
}
.k-menu-scroll-wrapper .k-item > .k-link,
.k-popups-wrapper .k-item > .k-link,
.k-menu .k-item > .k-link {
display: block;
padding: 1.2em 1.2em 1.1em;
line-height: 1.34em;
user-select: none;
}
.k-menu-scroll-wrapper .k-menu-group,
.k-popups-wrapper .k-menu-group,
.k-menu .k-menu-group {
display: none;
border-style: solid;
border-width: 1px;
overflow: visible;
white-space: nowrap;
}
.k-menu-scroll-wrapper .k-menu-group > .k-item,
.k-popups-wrapper .k-menu-group > .k-item,
.k-menu .k-menu-group > .k-item {
display: block;
border-width: 0;
}
.k-menu-scroll-wrapper .k-item,
.k-menu-scroll-wrapper.horizontal > .k-item,
.k-popups-wrapper .k-item,
.k-popups-wrapper.horizontal > .k-item,
.k-menu .k-item,
.k-widget.k-menu-horizontal > .k-item {
position: relative;
float: left;
border-style: solid;
border-width: 0 1px 0 0;
vertical-align: top;
zoom: 1;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.k-menu-scroll-wrapper .k-menu-group .k-item > .k-link,
.k-popups-wrapper.vertical > .k-item > .k-link,
.k-context-menu.k-menu-vertical > .k-item > .k-link,
.k-menu .k-menu-group .k-item > .k-link {
padding: .28em 1.8em .38em .9em;
}
.k-popups-wrapper.horizontal > .k-separator,
.k-context-menu.k-menu-horizontal > .k-separator {
display: none;
}
.k-popups-wrapper.horizontal > .k-item,
.k-context-menu.k-menu-horizontal > .k-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.k-popups-wrapper.horizontal > .k-last,
.k-context-menu.k-menu-horizontal > .k-last {
border: 0;
}
.k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-down,
.k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-down,
.k-menu .k-item > .k-link > .k-i-arrow-60-down {
margin-right: -8px;
}
.k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-right,
.k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-right,
.k-menu .k-item > .k-link > .k-i-arrow-60-right {
position: absolute;
top: 50%;
margin-top: -8px;
right: 2px;
right: .2rem;
}
.k-menu-scroll-wrapper .k-animation-container,
.k-popups-wrapper .k-animation-container,
.k-menu .k-animation-container {
border: 0;
}
.k-menu-scroll-wrapper .k-animation-container,
.k-menu-scroll-wrapper .k-menu-group,
.k-popups-wrapper .k-animation-container,
.k-popups-wrapper .k-menu-group,
.k-menu .k-animation-container,
.k-menu .k-menu-group {
position: absolute;
left: 0;
}
.k-menu-scroll-wrapper .k-animation-container .k-animation-container,
.k-menu-scroll-wrapper .k-menu-group .k-menu-group,
.k-menu-scroll-wrapper.vertical .k-animation-container,
.k-menu-scroll-wrapper.vertical .k-menu-group,
.k-popups-wrapper .k-animation-container .k-animation-container,
.k-popups-wrapper .k-menu-group .k-menu-group,
.k-popups-wrapper.vertical .k-animation-container,
.k-popups-wrapper.vertical .k-menu-group,
.k-menu .k-animation-container .k-animation-container,
.k-menu .k-menu-group .k-menu-group,
.k-menu-vertical .k-animation-container,
.k-menu-vertical .k-menu-group {
top: 0;
left: 0;
}
.k-menu-scroll-wrapper .k-animation-container .k-menu-group,
.k-popups-wrapper .k-animation-container .k-menu-group,
.k-menu .k-animation-container .k-menu-group {
top: auto;
left: auto;
margin-left: -1px;
}
.k-menu .k-animation-container,
.k-menu-scroll-wrapper .k-animation-container,
.k-popups-wrapper .k-animation-container,
.k-popup .k-animation-container {
margin-top: -1px;
padding-left: 1px;
}
.k-ie .k-menu .k-animation-container,
.k-ie .k-menu-scroll-wrapper .k-animation-container,
.k-ie .k-popups-wrapper .k-animation-container,
.k-ie .k-popup .k-animation-container {
margin-top: -2px;
}
.k-popup .k-animation-container .k-popup {
margin-left: -1px;
}
.k-menu-scroll-wrapper .k-separator,
.k-popups-wrapper .k-separator,
ul.k-menu .k-separator {
padding: 0.25em 0;
height: 100%;
width: 1px;
font-size: 0;
line-height: 0;
border-width: 0 1px 0 0;
}
.k-menu-scroll-wrapper.vertical .k-separator,
.k-menu-scroll-wrapper.vertical .k-menu-group .k-separator,
.k-popups-wrapper.vertical .k-separator,
.k-popups-wrapper.vertical .k-menu-group .k-separator,
ul.k-menu-vertical .k-separator,
.k-menu .k-menu-group .k-separator {
padding: 0;
height: 1px;
width: 100%;
border-width: 1px 0 0;
}
.k-popups-wrapper .k-widget.k-menu,
.k-menu-scroll-wrapper .k-widget.k-menu {
white-space: nowrap;
overflow: hidden;
}
.k-popups-wrapper.vertical .k-menu.k-menu-vertical,
.k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical {
height: 100%;
box-sizing: border-box;
}
.k-popups-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item,
.k-menu-scroll-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item {
display: inline-block;
overflow: hidden;
float: none;
}
.k-popups-wrapper.vertical .k-menu.k-menu-vertical > .k-item,
.k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical > .k-item {
overflow: hidden;
}
.k-popups-wrapper,
.k-menu-scroll-wrapper {
position: relative;
border: 0;
margin: 0;
padding: 0;
}
.k-popups-wrapper.vertical,
.k-menu-scroll-wrapper.vertical {
height: 100%;
}
.k-popups-wrapper > .k-animation-container .k-item,
.k-menu-scroll-wrapper > .k-animation-container .k-item {
float: none;
}
.k-popups-wrapper .k-menu-scroll-button,
.k-menu-scroll-wrapper .k-menu-scroll-button {
border-radius: 0;
position: absolute;
display: none;
}
.k-popups-wrapper .k-scroll-up,
.k-menu-scroll-wrapper .k-scroll-up {
top: 0;
left: 0;
width: 100%;
}
.k-popups-wrapper .k-scroll-down,
.k-menu-scroll-wrapper .k-scroll-down {
bottom: 0;
left: 0;
width: 100%;
}
.k-popups-wrapper .k-scroll-up,
.k-menu-scroll-wrapper .k-scroll-up,
.k-popups-wrapper .k-scroll-down,
.k-menu-scroll-wrapper .k-scroll-down {
padding: 0em 0.7em;
line-height: 0.2em;
}
.k-popups-wrapper .k-scroll-left,
.k-menu-scroll-wrapper .k-scroll-left {
top: 0;
left: 0;
height: 100%;
}
.k-popups-wrapper .k-scroll-right,
.k-menu-scroll-wrapper .k-scroll-right {
top: 0;
right: 0;
height: 100%;
}
.k-popups-wrapper .k-scroll-left,
.k-menu-scroll-wrapper .k-scroll-left,
.k-popups-wrapper .k-scroll-right,
.k-menu-scroll-wrapper .k-scroll-right {
width: 16px;
padding-left: 0;
padding-right: 0;
}
.k-popups-wrapper .k-scroll-left .k-icon,
.k-menu-scroll-wrapper .k-scroll-left .k-icon,
.k-popups-wrapper .k-scroll-right .k-icon,
.k-menu-scroll-wrapper .k-scroll-right .k-icon {
margin-top: -0.5em;
position: absolute;
top: 50%;
left: 0;
}
/* Context Menu */
.k-context-menu {
border: 0;
user-select: none;
}
/*!
*/
/* Grid */
.k-grid,
.k-listview {
position: relative;
zoom: 1;
}
.k-grid table {
width: 100%;
margin: 0;
/* override CSS libraries */
max-width: none;
border-collapse: separate;
border-spacing: 0;
empty-cells: show;
border-width: 0;
outline: none;
}
.k-header.k-drag-clue {
overflow: hidden;
}
.k-grid-header th.k-header,
.k-filter-row th {
overflow: hidden;
border-style: solid;
border-width: 0 0 1px 1px;
padding: .5em .6em .4em .6em;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
}
.k-grid-header th.k-header {
vertical-align: bottom;
}
.k-filtercell,
.k-filtercell > span,
.k-filtercell .k-widget {
display: block;
width: auto;
}
.k-filtercell > span {
padding-right: 4.8em;
position: relative;
min-height: 2em;
line-height: 2em;
}
.k-filtercell > .k-operator-hidden {
padding-right: 2.3em;
}
.k-filtercell > span > .k-button,
.k-filter-row .k-dropdown-operator {
position: absolute;
top: 0;
right: 0;
}
.k-filter-row .k-dropdown-operator {
width: 2.1em;
right: 2.5em;
}
.k-filtercell > span > label {
vertical-align: middle;
}
.k-filter-row label > input[type="radio"] {
vertical-align: middle;
position: relative;
bottom: 2px;
}
.k-ie10 .k-grid-header a:active {
background-color: transparent;
/*remove gray background*/
}
.k-grid-header th.k-header > .k-link {
display: block;
min-height: 18px;
line-height: 18px;
/* due to sorting icons*/
margin: -0.5em -0.6em -0.4em 0;
padding: .5em .6em .4em 0;
overflow: hidden;
text-overflow: ellipsis;
}
.k-grid-header th.k-with-icon .k-link {
margin-right: 18px;
}
.k-grid-header th > .k-link > .k-icon {
vertical-align: text-top;
}
.k-grid .k-state-hover {
cursor: pointer;
}
.k-grid-column-resizing,
.k-grid-column-resizing .k-grid-filter,
.k-grid-column-resizing .k-link,
.k-grid-column-resizing .k-button,
.k-grid-column-resizing .k-grid-toolbar {
cursor: col-resize;
}
.k-grid td {
border-style: solid;
border-width: 0 0 0 1px;
padding: .4em .6em;
overflow: hidden;
line-height: 1.6em;
vertical-align: middle;
text-overflow: ellipsis;
}
.k-grid .k-grouping-row td,
.k-grid .k-hierarchy-cell {
overflow: visible;
}
.k-grid-edit-row td {
text-overflow: clip;
}
.k-grid-edit-row .k-textbox,
.k-grid-edit-row .text-box {
/*reset default webkit styles*/
margin-top: 0;
margin-bottom: 0;
}
.k-grid-header-wrap,
.k-grid-footer-wrap {
position: relative;
width: 100%;
overflow: hidden;
border-style: solid;
border-width: 0 1px 0 0;
zoom: 1;
}
div.k-grid-header,
div.k-grid-footer {
padding-right: 17px;
/* scrollbar width; may vary; can be calculated */
border-bottom-style: solid;
border-bottom-width: 1px;
zoom: 1;
}
.k-grid-header-wrap > table,
.k-grid-header-locked > table {
margin-bottom: -1px;
}
.k-grid-content {
position: relative;
width: 100%;
overflow: auto;
overflow-x: auto;
overflow-y: scroll;
zoom: 1;
min-height: 0%;
/* IE9 bug workaround - expanding Grid on hover */
}
.k-mobile .k-grid tbody {
-webkit-backface-visibility: hidden;
}
.k-mobile .k-grid-backface tbody {
-webkit-backface-visibility: visible;
}
.k-grid-content-expander {
position: absolute;
visibility: hidden;
height: 1px;
}
.k-grid-norecords {
width: 100%;
height: 100%;
text-align: center;
}
.k-grid-norecords-template {
width: 20em;
height: 4em;
line-height: 4em;
vertical-align: middle;
margin: 0 auto;
}
.k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
top: 50%;
left: 50%;
margin-left: -10em;
margin-top: -2em;
position: absolute;
}
@media print {
.k-grid {
height: auto !important;
}
.k-grid-header {
padding: 0 !important;
}
.k-grid-header-wrap,
.k-grid-content {
overflow: visible;
height: auto !important;
}
}
.k-grid .k-scrollbar {
-ms-overflow-style: scrollbar;
}
.k-virtual-scrollable-wrap {
height: 100%;
overflow-y: hidden;
position: relative;
}
.k-grid-header table,
.k-grid-content table,
.k-grid-footer table,
.k-grid-content-locked > table {
table-layout: fixed;
}
/* Grid :: locked columns */
.k-grid-lockedcolumns {
white-space: nowrap;
}
.k-grid-content-locked,
.k-grid-content,
.k-pager-wrap {
white-space: normal;
}
.k-grid-header-locked,
.k-grid-content-locked,
.k-grid-footer-locked {
display: inline-block;
vertical-align: top;
overflow: hidden;
/* generally uneeded */
position: relative;
border-style: solid;
border-width: 0 1px 0 0;
}
.k-grid-header-locked + .k-grid-header-wrap,
.k-grid-content-locked + .k-grid-content,
.k-grid-footer-locked + .k-grid-footer-wrap {
display: inline-block;
vertical-align: top;
}
.k-grid-toolbar {
border-style: solid;
border-width: 1px 0 0;
}
.k-grid-header th.k-header:first-child,
.k-grid tbody td:first-child,
.k-grid tfoot td:first-child,
.k-filter-row > th:first-child {
border-left-width: 0;
}
.k-grid-header th.k-header.k-first {
border-left-width: 1px;
}
.k-grid-toolbar:first-child,
.k-grouping-header + .k-grid-toolbar {
border-width: 0 0 1px;
}
/* Grid :: footer */
.k-footer-template td {
border-style: solid;
border-width: 1px 0 0 1px;
}
.k-group-footer td {
border-style: solid;
border-width: 1px 0;
}
.k-group-footer .k-group-cell + td {
border-left-width: 1px;
}
.k-grid-footer {
border-style: solid;
border-width: 1px 0 0;
}
.k-grid-footer td {
border-top-width: 0;
}
.k-grid-footer > td {
border-top-width: 1px;
}
/* Grid :: paging */
.k-grid-pager {
border-width: 1px 0 0;
}
.k-grid .k-pager-numbers {
float: left;
cursor: default;
display: inline-block;
vertical-align: top;
margin-right: 1px;
}
.k-widget.k-grid .k-pager-numbers {
position: relative;
}
/* Grid :: filtering */
.k-header > .k-grid-filter,
.k-header > .k-header-column-menu {
float: right;
margin: -0.5em -0.6em -0.4em 0;
padding: .5em .2em .4em;
position: relative;
z-index: 1;
/*mvc site.css*/
}
.k-grid .k-animation-container {
position: absolute;
}
.k-filter-menu {
padding: .5em;
}
.k-list-filter {
display: block;
}
form.k-filter-menu .k-widget,
form.k-filter-menu .k-textbox {
display: block;
}
form.k-filter-menu .k-textbox {
width: 100%;
margin-bottom: 3px;
}
.k-filter-help-text,
.k-filter-menu .k-widget,
.k-filter-menu .k-textbox {
margin: .19em 0 0;
}
.k-filter-menu span.k-filter-and {
width: 6em;
margin: .5em 0 .5em;
}
.k-filter-menu .k-button {
width: 48%;
margin: .5em 4% 0 0;
}
.k-filter-menu .k-button + .k-button {
margin-right: 0;
}
.k-filter-menu .k-filter-selected-items {
font-weight: bold;
margin: .5em;
}
.k-multicheck-wrap {
overflow: auto;
overflow-x: hidden;
white-space: nowrap;
max-height: 300px;
}
.k-multicheck-wrap .k-item {
line-height: 2.2em;
}
/* Grid :: grouping */
.k-grouping-row .k-icon {
margin: -3px 4px 0 2px;
}
.k-grouping-row p {
display: inline-block;
vertical-align: middle;
margin-left: -0.6em;
padding: 0 .6em;
}
.k-grouping-row + tr td {
border-top-width: 1px;
}
.k-grouping-row .k-group-cell,
.k-grouping-row + tr .k-group-cell {
border-top-width: 0;
text-overflow: none;
}
.k-grid .k-hierarchy-cell + td {
border-left-width: 0;
}
.k-grid .k-group-col,
.k-grid .k-hierarchy-col {
width: 27px;
}
.k-grouping-header {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.k-grouping-header {
line-height: 2;
}
.k-grouping-dropclue {
position: absolute;
width: 6px;
height: 25px;
background-repeat: no-repeat;
background-position: -165px -148px;
}
.k-grouping-dropclue:before,
.k-grouping-dropclue:after {
content: "";
width: 0;
height: 0;
border: 3px solid;
border-left-color: transparent;
border-right-color: transparent;
position: absolute;
left: 0;
}
.k-grouping-dropclue:before {
top: 0;
border-bottom: 0;
}
.k-grouping-dropclue:after {
bottom: 0;
border-top: 0;
}
.k-grouping-header .k-group-indicator {
display: inline-block;
border-style: solid;
border-width: 1px;
margin: 0 3px;
padding: .15em .15em .15em .4em;
line-height: 1.5em;
}
.k-grouping-header .k-link {
display: inline-block;
border-width: 0;
padding: 0;
line-height: normal;
text-decoration: none;
}
.k-grouping-header .k-button {
border: 0;
padding: 0;
background: transparent;
line-height: 1;
}
.k-grouping-header .k-link .k-icon {
margin: 0 0 0 -3px;
}
.k-grouping-header .k-button .k-icon {
margin: 0 0 0 3px;
}
.k-grouping-header a,
.k-grouping-header .k-button {
display: inline-block;
vertical-align: middle;
}
/* Grid :: editing */
.k-dirty-cell:before {
content: "\a0";
display: inline-block;
width: 0;
float: left;
}
.k-dirty {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 3px;
border-color: #f00 transparent transparent #f00;
margin: -0.45em 0 0 -0.6em;
padding: 0;
overflow: hidden;
vertical-align: top;
}
.k-grouping-header,
.k-grid-toolbar {
margin: 0;
padding: 0.75em 0.2em 0.8333em 1em;
cursor: default;
}
.k-grid .k-edit-container {
padding: 0;
}
.k-grid .field-validation-error {
display: block;
}
.k-grid .input-validation-error {
border-style: ridge;
border-color: #f00;
background-color: #ffc0cb;
}
.k-grid-toolbar .k-button {
vertical-align: middle;
}
.k-grid-actions {
display: inline-block;
}
.k-grid .k-button {
margin: 0 .16em;
}
.k-grid tbody .k-button,
.k-ie8 .k-grid tbody button.k-button {
min-width: 64px;
}
.k-grid tbody button.k-button {
min-width: 78px;
/* for all except IE8 */
}
html body .k-grid tbody .k-button-icon {
width: auto;
min-width: 0;
}
.k-detail-row {
position: relative;
}
.k-grid .k-detail-cell {
overflow: visible;
}
.k-grid .k-edit-cell {
padding: 0 .3em;
white-space: nowrap;
}
.k-grid .k-edit-cell .k-tooltip {
white-space: normal;
}
.k-edit-cell > .k-textbox,
.k-edit-cell > .k-widget,
.k-grid-edit-row > td > .k-textbox,
.k-grid-edit-row > td > .k-widget,
.k-grid-edit-row > td > .text-box {
width: 100%;
}
html .k-edit-cell .k-tooltip,
html .k-grid-edit-row .k-tooltip {
width: auto;
max-width: 300px;
}
.k-edit-cell input[type="checkbox"] {
margin-left: .6em;
}
.k-grid tbody td > .k-grid-delete {
margin-top: -0.2em;
margin-bottom: -0.2em;
}
/* Grid :: resizing */
.k-grid-resize-indicator {
position: absolute;
width: 2px;
background-color: #aaa;
}
.k-grid-header .k-resize-handle,
.k-grid > .k-resize-handle {
position: absolute;
height: 25px;
cursor: col-resize;
z-index: 2;
}
.k-marquee {
position: absolute;
z-index: 100000;
}
.k-marquee-color,
.k-marquee-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.k-marquee-color {
filter: alpha(opacity=60);
opacity: .6;
}
.k-ie9 .k-column-menu {
width: 160px;
/*fix flicker on item hover*/
}
.k-ie8 .k-grid-filter,
.k-ie8 .k-header-column-menu {
font-size: 100%;
/* Fix small menus in IE8 */
}
.k-column-menu {
min-width: 160px;
}
.k-column-menu .k-sprite {
margin-right: 10px;
}
.k-column-menu > .k-menu {
border-width: 0;
}
.k-column-menu .k-calendar .k-link {
white-space: normal;
}
.k-columns-item .k-group {
max-height: 200px;
overflow: auto;
}
/* Remove Grid scrollbar during built-in export */
.k-pdf-export-shadow .k-grid {
float: left;
width: auto !important;
}
/* Remove all sizes and scrolling */
.k-pdf-export-shadow .k-grid,
.k-pdf-export-shadow .k-grid-content,
.k-pdf-export-shadow .k-grid-content-locked {
height: auto !important;
overflow: visible;
}
.k-pdf-export-shadow .k-grid-header-locked + .k-grid-header-wrap,
.k-pdf-export-shadow .k-grid-content-locked + .k-grid-content,
.k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap {
width: auto !important;
}
/* Remove empty space reserved above the scrollbar */
.k-pdf-export-shadow .k-grid-header,
.k-pdf-export-shadow .k-grid-footer {
padding: 0 !important;
}
.k-loading-pdf-mask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
}
.k-loading-pdf-mask .k-loading-color {
filter: alpha(opacity=50);
opacity: 0.5;
}
.k-loading-pdf-mask .k-loading-pdf-progress {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.k-pdf-export .k-loading-pdf-mask {
display: none;
}
/* responsive styles */
.k-autofitting {
width: auto !important;
table-layout: auto !important;
}
.k-autofitting th.k-header,
.k-autofitting td {
white-space: nowrap !important;
}
.k-autofitting .k-detail-row {
display: none !important;
}
.k-grid .k-edit-cell input.k-checkbox,
.k-grid .k-grid-edit-row input.k-checkbox {
position: absolute;
width: 14px;
height: 15px;
z-index: 1;
}
.k-grid .k-edit-cell input.k-checkbox + label.k-checkbox-label,
.k-grid .k-grid-edit-row input.k-checkbox + label.k-checkbox-label {
cursor: default;
}
.k-grid .k-grid-edit-row input.k-checkbox {
margin-left: 1px;
margin-top: 4px;
}
.k-grid .k-edit-cell input[type='checkbox'],
.k-grid .k-edit-cell input.k-checkbox {
margin-left: calc(3.3em);
}
.k-grid .k-edit-cell input[type='checkbox'] + label.k-checkbox-label,
.k-grid .k-edit-cell input.k-checkbox + label.k-checkbox-label {
margin-left: .3em;
}
.k-window .k-popup-edit-form .k-edit-field input.k-checkbox {
position: absolute;
margin-left: 1px;
margin-top: 0.8em;
width: 14px;
height: 14px;
z-index: 1;
}
.k-window .k-popup-edit-form .k-edit-field input.k-checkbox + label.k-checkbox-label {
cursor: default;
}
.k-window .k-popup-edit-form .k-edit-field label.k-checkbox-label {
margin-top: 0.6em;
}
@media only screen and (max-width: 1024px) {
.k-webkit .k-grid .k-pager-numbers,
.k-ff .k-grid .k-pager-numbers,
.k-ie11 .k-grid .k-pager-numbers,
.k-edge .k-grid .k-pager-numbers,
.k-safari .k-grid .k-pager-numbers {
position: absolute;
left: 4.8em;
display: inline-flex;
flex-direction: column-reverse;
overflow: visible;
height: auto;
}
.k-webkit .k-grid .k-pager-numbers:first-child,
.k-ff .k-grid .k-pager-numbers:first-child,
.k-ie11 .k-grid .k-pager-numbers:first-child,
.k-edge .k-grid .k-pager-numbers:first-child,
.k-safari .k-grid .k-pager-numbers:first-child {
left: .2em;
}
.k-webkit .k-grid .k-pager-numbers.k-state-expanded,
.k-ff .k-grid .k-pager-numbers.k-state-expanded,
.k-ie11 .k-grid .k-pager-numbers.k-state-expanded,
.k-edge .k-grid .k-pager-numbers.k-state-expanded,
.k-safari .k-grid .k-pager-numbers.k-state-expanded {
transform: translatey(-100%);
-webkit-transform: translatey(-100%);
}
.k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,
.k-ff .km-pane-wrapper .k-grid .k-pager-numbers,
.k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,
.k-edge .km-pane-wrapper .k-grid .k-pager-numbers,
.k-safari .km-pane-wrapper .k-grid .k-pager-numbers {
position: relative;
left: 50%;
transform: translate(-50%, -100%);
-webkit-transform: translate(-50%, -100%);
}
.k-webkit .k-rtl .k-grid .k-pager-numbers,
.k-ff .k-rtl .k-grid .k-pager-numbers,
.k-ie11 .k-rtl .k-grid .k-pager-numbers,
.k-edge .k-rtl .k-grid .k-pager-numbers,
.k-safari .k-rtl .k-grid .k-pager-numbers {
left: auto;
right: 4.8em;
width: 4.5em;
}
.k-webkit .k-rtl .k-grid .k-pager-numbers:first-child,
.k-ff .k-rtl .k-grid .k-pager-numbers:first-child,
.k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child,
.k-edge .k-rtl .k-grid .k-pager-numbers:first-child,
.k-safari .k-rtl .k-grid .k-pager-numbers:first-child {
left: auto;
right: .2em;
}
.k-webkit .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
.k-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
.k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
.k-edge .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
.k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers {
right: 5.8em;
}
.k-webkit .k-grid .k-pager-numbers .k-current-page,
.k-ff .k-grid .k-pager-numbers .k-current-page,
.k-ie11 .k-grid .k-pager-numbers .k-current-page,
.k-edge .k-grid .k-pager-numbers .k-current-page,
.k-safari .k-grid .k-pager-numbers .k-current-page {
display: block;
border-left: 0;
}
.k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page,
.k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page,
.k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page,
.k-edge .k-grid .k-pager-number.k-state-expanded .k-current-page,
.k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page {
transform: translatey(100%);
-webkit-transform: translatey(100%);
}
}
/*!
*/
.k-treelist .k-status {
padding: .4em .6em;
line-height: 1.6em;
}
.k-treelist .k-status .k-loading {
vertical-align: baseline;
margin-right: 5px;
}
.k-treelist tr.k-hidden {
display: none;
}
.k-treelist.k-treelist-dragging,
.k-treelist.k-treelist-dragging .k-state-hover {
cursor: default;
}
.k-treelist .k-i-drag-and-drop {
position: absolute;
z-index: 10000;
visibility: hidden;
width: 80px;
height: 5px;
margin-top: -3px;
background-color: transparent;
background-repeat: no-repeat;
}
.k-treelist .k-i-arrow-60-right,
.k-treelist .k-i-arrow-45-down-right {
cursor: pointer;
}
.k-treelist .k-i-arrow-45-down-right {
margin-top: -0.5em;
}
.k-drag-separator {
display: inline-block;
border-right: 1px solid;
height: 1em;
vertical-align: top;
margin: 0 .5em;
}
/*!
*/
/* Gantt Chart start */
/* Gantt Main Layout */
.k-gantt {
white-space: nowrap;
position: relative;
}
.k-gantt-layout {
display: inline-block;
white-space: normal;
vertical-align: top;
}
.k-gantt .k-splitbar {
position: relative;
cursor: e-resize;
width: 5px;
border-width: 0 1px;
background-repeat: repeat-y;
}
.k-gantt .k-gantt-layout th {
vertical-align: bottom;
}
.k-gantt td {
overflow: hidden;
white-space: nowrap;
vertical-align: top;
}
.k-gantt .k-grid .k-edit-cell {
vertical-align: middle;
}
.k-gantt-treelist > .k-treelist,
.k-gantt-timeline > .k-timeline {
border-width: 0;
height: 100%;
}
/* Gantt Toolbar, footer */
.k-gantt-toolbar {
border-style: solid;
border-width: 0 0 1px;
line-height: 2.4em;
padding: .5em;
}
.k-gantt-layout + .k-gantt-toolbar {
border-width: 1px 0 0;
}
.k-gantt-actions,
.k-gantt-toolbar > ul {
float: left;
margin-right: .6em;
}
.k-gantt-actions > .k-button {
margin-right: .5em;
vertical-align: top;
}
.k-gantt-toolbar > .k-gantt-views {
float: right;
margin-right: 0;
}
.k-gantt-toolbar > .k-gantt-views > li.k-current-view {
display: none;
}
.k-gantt-toolbar > ul > li {
display: inline-block;
border-style: solid;
border-width: 1px 1px 1px 0;
}
.k-gantt-toolbar > ul > li:first-child + li {
border-left-width: 1px;
}
.k-gantt-toolbar .k-link {
display: inline-block;
padding: 0 1.1em;
}
.k-gantt-toolbar li:first-child + li,
.k-gantt-toolbar li:first-child + li > .k-link {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.k-gantt-toolbar li:last-child,
.k-gantt-toolbar li:last-child > .k-link {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.k-gantt-toolbar li.k-button {
line-height: inherit;
padding-top: 0;
padding-bottom: 0;
}
/* Gantt TreeList */
.k-gantt-treelist .k-grid-header tr {
height: 5em;
}
.k-gantt .k-treelist .k-grid-header {
padding: 0 !important;
}
.k-gantt .k-treelist .k-grid-content {
overflow-y: hidden;
overflow-x: scroll;
}
.k-treelist-group > tr > span {
font-weight: bold;
}
.k-treelist-group .k-widget {
font-weight: normal;
}
/* Gantt TimeLine */
.k-gantt-timeline .k-grid-header tr {
height: 2.5em;
}
.k-gantt-tasks {
/*needed for RTL*/
position: relative;
}
.k-gantt-rows tr,
.k-gantt-tasks tr,
.k-gantt .k-grid-content tr {
height: 2.3em;
}
.k-gantt .k-gantt-tasks td:after {
content: "\a0";
}
.k-gantt-timeline {
background: transparent;
}
.k-gantt-rows,
.k-gantt-columns,
.k-gantt-dependencies {
position: absolute;
top: 0;
left: 0;
}
.k-gantt-tables {
position: relative;
}
.k-gantt .k-timeline .k-grid-content {
overflow-x: scroll;
}
.k-gantt .k-gantt-timeline th {
text-align: center;
}
.k-gantt .k-gantt-timeline tr:first-child th {
border-bottom-width: 1px;
}
/* Gantt TimeLine objects */
/* Summary */
.k-task-summary {
height: 10px;
display: inline-block;
vertical-align: top;
margin-top: 3px;
}
.k-task-summary-complete {
height: 10px;
position: relative;
z-index: 2;
}
.k-task-summary-progress {
height: 15px;
overflow: hidden;
}
.k-task-summary:before,
.k-task-summary-complete:before,
.k-task-summary:after,
.k-task-summary-complete:after {
content: "";
position: absolute;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 8px;
border-color: transparent;
}
.k-task-summary:before,
.k-task-summary-complete:before {
left: 0;
border-left-color: inherit;
}
.k-task-summary:after,
.k-task-summary-complete:after {
right: 0;
border-right-color: inherit;
}
/* Lines */
.k-line-h,
.k-line-v {
position: absolute;
}
.k-line-h {
height: 2px;
}
.k-line-v {
width: 2px;
}
.k-arrow-e,
.k-arrow-w {
position: absolute;
top: -4px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px;
}
.k-arrow-e {
right: -6px;
border-top-color: transparent;
border-bottom-color: transparent;
border-right-color: transparent;
}
.k-arrow-w {
left: -6px;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
/* Milestone */
.k-task-milestone {
width: 13px;
height: 13px;
margin-top: 3px;
border-style: solid;
border-width: 1px;
transform: rotate(45deg);
}
.k-ie8 .k-task-milestone {
margin-left: 1px;
}
/* Button */
.k-gantt .k-gantt-treelist .k-button,
.k-gantt .k-gantt-tasks .k-button-icon {
padding-top: 0;
padding-bottom: 0;
}
.k-gantt .k-gantt-tasks .k-button-icon {
margin-top: 4px;
}
.k-gantt .k-gantt-treelist .k-button {
margin-top: -4px;
margin-bottom: -2px;
}
.k-gantt .k-gantt-tasks .k-button-icon {
padding-left: 2px;
padding-right: 2px;
}
.k-gantt .k-gantt-treelist .k-button .k-icon,
.k-gantt .k-gantt-tasks .k-button .k-icon {
vertical-align: text-top;
}
.k-rel .k-button-icon {
position: absolute;
left: 200px;
}
/* Tasks */
.k-rel {
position: relative;
height: 0;
top: -0.3em;
}
.k-task-wrap {
position: absolute;
padding: 0 23px 5px;
margin: -1px -23px 0;
z-index: 2;
}
.k-task-wrap:hover,
.k-line.k-state-selected {
z-index: 3;
}
.k-milestone-wrap {
margin: 0 -13px 0 -27px;
}
.k-task-content {
position: relative;
z-index: 2;
}
.k-task-complete {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 20%;
z-index: 1;
}
.k-task-dot {
position: absolute;
top: 0;
width: 16px;
height: 16px;
line-height: 16px;
display: none;
cursor: pointer;
}
.k-task-dot.k-state-hover {
background-color: transparent;
}
.k-task-single + .k-task-dot,
.k-task-single + .k-task-dot + .k-task-dot {
top: .2em;
}
.k-task-wrap:hover .k-task-dot,
.k-task-wrap-active .k-task-dot {
display: block;
}
.k-task-dot:before {
content: "\a0";
display: inline-block;
width: 0;
height: 16px;
}
.k-task-dot:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
border-radius: 4px;
margin-left: 4px;
}
.k-task-dot:hover:after,
.k-task-dot.k-state-hover:after,
.k-task-wrap-active .k-task-dot:after {
border-style: solid;
border-width: 1px;
margin-left: 3px;
}
.k-task-start {
left: 0;
}
.k-task-end {
right: 0;
}
.k-task-single {
border-style: solid;
border-width: 1px;
text-align: left;
overflow: hidden;
cursor: default;
min-height: 1.3em;
white-space: nowrap;
}
.k-task-template {
padding: .2em 1.4em .2em .6em;
line-height: normal;
}
.k-task-actions,
.k-task-content > .k-link {
position: absolute;
top: 0;
right: 4px;
white-space: nowrap;
}
.k-task-actions {
z-index: 1;
}
.k-task-actions:first-child {
position: static;
float: left;
margin: 4px 2px 0 4px;
}
.k-webkit .k-task-actions:first-child {
margin-top: 3px;
}
.k-task-actions:first-child > .k-link {
display: inline-block;
}
.k-task-delete {
display: none;
}
.k-task-wrap:hover .k-task-delete,
.k-task-wrap-active .k-task-delete {
display: inline-block;
}
.k-task-single .k-resize-handle {
position: absolute;
visibility: hidden;
z-index: 2;
height: auto;
}
.k-task-single:hover .k-resize-handle,
.k-task-wrap-active .k-resize-handle {
visibility: visible;
}
.k-task-single .k-resize-handle:after {
content: "";
position: absolute;
filter: alpha(opacity=50);
opacity: .5;
}
.k-task-content > .k-resize-e {
right: 0;
top: 0;
bottom: 0;
width: .4em;
}
.k-task-content > .k-resize-w {
left: 0;
top: 0;
bottom: 0;
width: .4em;
}
.k-task-content > .k-resize-e:after,
.k-task-content > .k-resize-w:after {
left: 1px;
top: 50%;
margin-top: -0.7em;
height: 1.4em;
width: 1px;
}
.k-task-content > .k-resize-e:after {
left: auto;
right: 1px;
}
.k-task-draghandle {
position: absolute;
bottom: 0;
width: 0;
height: 0;
margin-left: 16px;
border-width: 5px;
border-style: solid;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
display: none;
cursor: e-resize;
}
.k-task-wrap:hover .k-task-draghandle,
.k-task-wrap-active .k-task-draghandle {
display: block;
}
.k-dependency-hint {
z-index: 4;
}
/* Higher row height styles */
.k-gantt-rowheight .k-task-summary,
.k-gantt-rowheight .k-task-milestone,
.k-gantt-rowheight .k-task-dot,
.k-gantt-rowheight .k-task-single + .k-task-dot,
.k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
top: 50%;
}
.k-gantt-rowheight .k-task-summary,
.k-gantt-rowheight .k-task-milestone {
margin-top: -6px;
}
.k-gantt-rowheight .k-task-dot,
.k-gantt-rowheight .k-task-single + .k-task-dot,
.k-gantt-rowheight .k-task-single + .k-task-dot + .k-task-dot {
margin-top: -11px;
}
.k-gantt-rowheight .k-task-single {
height: calc(98%);
}
.k-ie .k-gantt-rowheight .k-task-single {
height: 99%;
}
.k-gantt-rowheight .k-task-content {
height: 100%;
}
.k-gantt-rowheight .k-task-content > .k-resize-e:after,
.k-gantt-rowheight .k-task-content > .k-resize-w:after {
top: 0;
margin-top: 0;
height: 100%;
}
/*Task Hover Tooltip*/
.k-task-details {
padding: .4em;
text-align: left;
white-space: nowrap;
}
.k-task-details > strong {
font-size: 120%;
display: block;
}
.k-task-pct {
margin: .5em 0 .1em;
font-size: 170%;
}
.k-task-details > ul {
line-height: 1.2;
}
/*Resources*/
.k-resources-wrap {
position: absolute;
z-index: 2;
zoom: 1;
margin-left: 20px;
margin-top: -2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.k-resources-wrap .k-resource {
margin: 0px 5px;
}
/* Gantt Edit form */
.k-gantt-edit-form > .k-edit-form-container {
width: 430px;
}
.k-gantt-edit-form > .k-resources-form-container {
width: 506px;
}
.k-resources-form-container > .k-grid {
margin: 0 .9em;
}
.k-gantt-edit-form > .k-edit-form-container .k-textbox,
.k-gantt-edit-form > .k-edit-form-container .k-numerictextbox {
width: 15em;
}
.k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
float: left;
}
/* Gantt Chart PDF export */
.k-pdf-export-shadow .k-gantt {
float: left;
}
/* Remove all sizes and scrolling */
.k-pdf-export-shadow .k-gantt,
.k-pdf-export-shadow .k-gantt-timeline,
.k-pdf-export-shadow .k-gantt .k-grid-content {
width: auto !important;
height: auto !important;
overflow: visible !important;
}
.k-pdf-export-shadow .k-gantt-treelist {
height: auto !important;
overflow: visible !important;
}
/* Remove empty space reserved above the scrollbar */
.k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
padding: 0 !important;
}
/* Hide the splitter */
.k-pdf-export-shadow .k-gantt .k-splitbar,
.k-pdf-export-shadow .k-pdf-export {
display: none;
}
/* Responsive styles */
button.k-gantt-toggle {
display: none;
float: left;
margin-right: .5em;
}
.k-rtl button.k-gantt-toggle {
float: right;
margin-right: 0;
margin-left: .5em;
}
@media only screen and (max-width: 1024px) {
.k-gantt-toolbar > ul.k-gantt-views {
position: absolute;
right: 6px;
top: 6px;
z-index: 10000;
}
.k-rtl .k-gantt-toolbar > ul.k-gantt-views {
right: auto;
left: 6px;
}
.k-gantt-toolbar > ul.k-gantt-views > li:not(.k-current-view) {
display: none;
}
.k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
display: block;
border-width: 1px;
}
.k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view {
text-align: left;
padding-left: 1em;
}
.k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
display: block;
position: relative;
padding-right: 2.5em;
padding-left: 1em;
}
.k-rtl .k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link {
padding-left: 0;
}
.k-gantt-toolbar > ul.k-gantt-views > li.k-current-view > .k-link:after {
display: block;
content: "";
position: absolute;
top: 50%;
margin-top: -0.6em;
right: 0.333em;
width: 16px;
height: 16px;
}
.k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li,
.k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li {
display: block;
border: 0;
border-radius: 0;
}
.k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
border: 1px solid #c5c5c5;
background-color: #fff;
background-image: none;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
text-align: left;
}
}
@media only screen and (max-width: 480px) {
button.k-gantt-toggle {
display: inline-block;
}
.k-gantt-create span + span,
.k-gantt-pdf span + span {
display: none;
}
.k-gantt-create .k-icon,
.k-gantt-pdf .k-icon {
margin: 0;
}
.k-gantt .k-splitbar {
display: none;
width: 0;
border-width: 0;
}
.k-gantt .k-gantt-treelist {
display: none;
max-width: 0;
}
.k-gantt .k-treelist .k-grid-content {
overflow-y: scroll;
}
.k-gantt .k-gantt-timeline {
width: 100%;
}
}
/* Gantt Chart end */
/*!
*/
/* Pivot start */
.k-pivot {
position: relative;
}
.k-pivot-toolbar {
padding: .2em;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.k-pivot .k-pivot-toolbar {
padding: .6em;
}
.k-pivot-toolbar .k-button {
margin-right: .4em;
line-height: 1.2em;
font-size: .9em;
text-align: left;
position: relative;
padding: .3em 5em .3em .3em;
cursor: move;
}
.k-field-actions {
position: absolute;
right: 2px;
top: 3px;
cursor: pointer;
}
/*IE7 requires the following style to be applied to cells directly*/
.k-pivot .k-grid td {
white-space: nowrap;
}
.k-pivot-layout {
border-spacing: 0;
table-layout: auto;
}
.k-pivot-layout > tbody > tr > td {
vertical-align: top;
padding: 0;
}
.k-pivot td {
vertical-align: top;
}
.k-pivot-rowheaders > .k-grid,
.k-pivot-table > .k-grid {
border-width: 0;
}
.k-pivot-rowheaders > .k-grid td:first-child,
.k-pivot-table .k-grid-header .k-header.k-first {
border-left-width: 1px;
}
.k-pivot-rowheaders > .k-grid td.k-first {
border-left-width: 0;
}
.k-pivot-rowheaders > .k-grid {
overflow: hidden;
}
.k-pivot-table {
border-left-width: 1px;
border-left-style: solid;
}
.k-pivot-table .k-grid-header-wrap > table {
height: 100%;
}
.k-pivot .k-grid-header .k-header {
vertical-align: top;
}
.k-header.k-alt,
td.k-alt {
font-weight: bold;
}
.k-header.k-alt {
background-image: none;
}
.k-pivot-layout .k-grid td {
border-bottom-width: 1px;
}
.k-pivot-layout .k-grid-footer > td {
border-top-width: 0;
}
.k-pivot-filter-window .k-treeview {
max-height: 600px;
}
/* selector */
.k-fieldselector .k-edit-buttons {
bottom: auto;
}
.k-fieldselector .k-edit-label {
width: 16%;
}
.k-fieldselector .k-edit-field {
width: 77%;
}
.k-fieldselector .k-edit-field > .k-widget,
.k-fieldselector .k-edit-field > .k-textbox {
width: 99%;
}
.k-fieldselector .k-edit-buttons > input,
.k-fieldselector .k-edit-buttons > label {
float: left;
margin-top: .4em;
}
.k-fieldselector p {
margin: 0 0 .2em .5em;
text-transform: uppercase;
}
.k-fieldselector p .k-icon {
margin: 0 5px 0 0;
}
.k-fieldselector .k-columns {
border-style: solid;
border-width: 0;
}
.k-fieldselector .k-columns > div {
overflow: auto;
padding: .6em;
border-style: solid;
border-width: 0 0 0 1px;
float: left;
width: 45%;
}
.k-fieldselector .k-columns > div:first-child {
border-width: 0;
margin-right: -1px;
}
.k-fieldselector .k-columns > div + div {
float: right;
border-width: 0;
}
.k-fieldselector div.k-treeview {
border-width: 0;
margin-right: -1px;
padding-left: 4px;
overflow: visible;
}
.k-fieldselector .k-list-container {
margin-left: .5em;
margin-bottom: 1em;
padding: .2em 0 0;
border-style: solid;
border-width: 1px;
}
.k-fieldselector .k-list {
padding-bottom: 2em;
}
.k-fieldselector .k-list li.k-item {
padding: .3em 3.3em .3em .3em;
margin: 0 .2em.2em;
position: relative;
font-size: .9em;
line-height: 1.2em;
min-height: 1em;
}
/* KPI icons */
.k-pivot .k-i-arrow-60-down,
.k-pivot .k-i-arrow-60-up,
.k-pivot .k-i-minus {
color: #858585;
}
.k-pivot .k-i-arrow-60-up.k-i-hold {
color: #f9ce1d;
}
.k-pivot .k-i-stop {
color: #f44336;
font-size: .57142em;
transform: rotate(45deg);
}
.k-pivot .k-i-circle {
color: #4caf50;
}
.k-i-stop {
background-position: -16px 0;
}
.k-i-minus {
background-position: -32px 0;
}
.k-i-arrow-60-up {
background-position: -48px 0;
}
.k-i-arrow-60-up {
background-position: -64px 0;
}
.k-i-circle {
background-position: -80px 0;
}
/* Pivot PDF Export styles */
.k-pdf-export-shadow .k-pivot .k-grid-content {
overflow: visible !important;
}
.k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid,
.k-pdf-export-shadow .k-pivot .k-grid-content {
height: 100% !important;
}
.k-pdf-export-shadow .k-pivot .k-grid-header {
padding-right: 0 !important;
}
.k-pdf-export-shadow .k-pivot {
width: auto !important;
height: auto !important;
}
.k-pdf-export-shadow .k-pivot .k-grid-header-wrap > table,
.k-pdf-export-shadow .k-pivot .k-grid-content > table {
width: 100% !important;
height: auto !important;
}
/* Pivot end */
/*!
*/
/* Calendar */
.k-calendar {
position: relative;
display: inline-block;
width: 17em;
overflow: hidden;
}
.k-week-number {
width: 19.42857143em;
}
.k-calendar td,
.k-calendar .k-link {
text-decoration: none;
}
.k-calendar .k-action-link {
text-decoration: underline;
}
.k-calendar .k-header,
.k-calendar .k-footer {
position: relative;
text-align: center;
zoom: 1;
}
.k-widget.k-calendar .k-nav-prev,
.k-widget.k-calendar .k-nav-next {
position: absolute;
top: 0.16666em;
line-height: 1.8333em;
height: 1.8333em;
}
.k-widget.k-calendar .k-nav-prev {
left: 1%;
}
.k-widget.k-calendar .k-nav-next {
right: 1%;
}
.k-calendar .k-content {
float: left;
border-spacing: 0;
width: 100%;
height: 14.167em;
border-width: 0;
margin: 0;
table-layout: fixed;
outline: 0;
}
.k-calendar .k-content,
.k-calendar .k-content th {
text-align: right;
}
.k-calendar .k-content .k-alt {
border-radius: 0;
text-align: center;
font-weight: normal;
cursor: default;
line-height: 1.8333em;
}
.k-calendar .k-animation-container .k-content {
height: 100%;
}
.k-widget.k-calendar .k-nav-fast {
display: inline-block;
width: 75%;
height: 1.8333em;
line-height: 1.8333em;
margin: 0.16666em -0.08333em 0.3333em 0;
}
.k-calendar .k-header .k-icon {
vertical-align: middle;
}
.k-calendar .k-header .k-link.k-nav-prev,
.k-calendar .k-header .k-link.k-nav-next {
height: 1.8333em;
width: 1.8333em;
}
.k-calendar th {
border-bottom-style: solid;
border-bottom-width: 1px;
padding: .4em .45em .4em .1em;
font-weight: normal;
cursor: default;
}
.k-calendar td {
padding: 0.08333em;
cursor: pointer;
}
.k-calendar .k-state-focus {
border-style: dotted;
border-width: 0.08333em;
padding: 0;
}
.k-calendar .k-content .k-link {
display: block;
overflow: hidden;
min-height: 1.8333em;
line-height: 1.8333em;
padding: 0 .45em 0 .1em;
}
.k-calendar .k-meta-view .k-link {
padding: .25em 0 .3em;
text-align: center;
}
.k-calendar .k-century .k-link {
text-align: left;
padding: 0 .45em;
}
.k-calendar .k-footer {
clear: both;
}
.k-calendar .k-footer .k-nav-today,
.k-calendar .k-footer > .k-state-disabled {
display: block;
height: 100%;
padding: .5em 0;
}
.k-calendar .k-nav-today:hover {
text-decoration: underline;
}
/*!
*/
/* TreeView */
div.k-treeview {
/* due to k-widget */
border-width: 0;
background: none;
overflow: auto;
white-space: nowrap;
}
.k-treeview .k-item {
display: block;
border-width: 0;
margin: 0;
padding: 0 0 0 16px;
}
.k-treeview > .k-group,
.k-treeview .k-item > .k-group,
.k-treeview .k-content {
margin: 0;
padding: 0;
background: none;
list-style-type: none;
position: relative;
}
.k-treeview .k-icon,
.k-treeview .k-image,
.k-treeview .k-sprite,
.k-treeview .k-checkbox,
.k-treeview .k-in {
display: inline-block;
vertical-align: top;
}
.k-treeview .k-checkbox {
margin-top: .2em;
}
.k-treeview .k-icon,
.k-treeview .k-in {
vertical-align: middle;
}
.k-treeview .k-request-retry {
vertical-align: baseline;
}
.k-treeview .k-i-plus,
.k-treeview .k-i-minus,
.k-treeview .k-i-expand,
.k-treeview .k-i-collapse {
margin-top: .05em;
margin-left: -16px;
cursor: pointer;
}
.k-treeview .k-i-collapse {
margin-top: -0.4em;
}
.k-treeview .k-sprite,
.k-treeview .k-image {
margin-right: 3px;
}
.k-treeview .k-in {
margin: 1px 0 1px 0.3333em;
padding: 0.4167em 0.6667em 0.3333em 0.5833em;
line-height: 1.3333em;
text-decoration: none;
border-style: solid;
border-width: 1px;
}
.k-treeview span.k-in {
cursor: default;
}
.k-treeview .k-i-drag-and-drop {
position: absolute;
z-index: 10000;
visibility: hidden;
width: 80px;
height: 5px;
margin-top: -3px;
background-color: transparent;
background-repeat: no-repeat;
}
.k-treeview .k-state-hover,
.k-treeview .k-state-hover:hover {
cursor: pointer;
}
.k-rtl .k-treeview .k-i-expand,
.k-rtl .k-treeview .k-i-collapse {
transform: scaleX(-1);
margin-left: 0;
margin-right: -16px;
}
/*!
*/
/* ComboBox & DropDownList */
span.k-datepicker,
span.k-timepicker,
span.k-datetimepicker,
span.k-colorpicker,
span.k-numerictextbox,
span.k-combobox,
span.k-dropdown,
.k-toolbar .k-split-button {
background-image: none;
}
.k-autocomplete,
.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker,
.k-colorpicker,
.k-numerictextbox,
.k-dropdown,
.k-selectbox,
.k-textbox,
.k-toolbar .k-split-button,
.k-listbox {
position: relative;
display: inline-block;
width: 12.4em;
overflow: visible;
border-width: 0;
vertical-align: middle;
}
.k-autocomplete > .k-i-close,
.k-combobox > .k-dropdown-wrap > .k-i-close,
.k-multiselect > .k-multiselect-wrap > .k-i-close {
display: none;
position: absolute;
right: 0;
}
.k-autocomplete > .k-i-close,
.k-combobox > .k-dropdown-wrap > .k-i-close {
bottom: 0;
top: 50%;
transform: translateY(-50%);
}
.k-ie8 .k-autocomplete > .k-i-close,
.k-ie8 .k-combobox > .k-dropdown-wrap > .k-i-close {
margin-top: -8px;
}
.k-combobox > .k-dropdown-wrap > .k-i-close {
font-size: 100%;
right: 2.4em;
}
.k-multiselect > .k-multiselect-wrap > .k-i-close {
top: 6px;
}
.k-autocomplete > .k-i-close,
.k-multiselect > .k-multiselect-wrap > .k-i-close {
margin-right: 6px;
}
.k-autocomplete.k-state-hover > .k-i-close,
.k-combobox > .k-dropdown-wrap.k-state-hover > .k-i-close,
.k-autocomplete.k-state-focused > .k-i-close,
.k-combobox > .k-dropdown-wrap.k-state-focused > .k-i-close {
display: inline-block;
outline: none;
}
.k-autocomplete > .k-hidden,
.k-combobox > .k-dropdown-wrap > .k-hidden,
.k-multiselect .k-hidden {
display: none !important;
}
.k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close,
.k-multiselect.k-state-focused > .k-multiselect-wrap > .k-i-close {
display: inline-block;
outline: none;
}
.k-autocomplete.k-state-border-down > .k-i-close,
.k-combobox > .k-dropdown-wrap.k-state-border-down > .k-i-close {
margin-top: -1px;
}
.k-filter-menu .k-combobox,
.k-filter-menu .k-datepicker,
.k-filter-menu .k-timepicker,
.k-filter-menu .k-datetimepicker,
.k-filter-menu .k-numerictextbox,
.k-filter-menu .k-dropdown,
.k-filter-menu .k-autocomplete,
.k-filter-menu .k-textbox {
width: 13.2em;
}
.k-autocomplete,
.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker,
.k-colorpicker,
.k-numerictextbox,
.k-dropdown,
.k-selectbox,
.k-toolbar .k-split-button {
white-space: nowrap;
}
.k-colorpicker,
.k-toolbar .k-split-button {
width: auto;
}
.k-datetimepicker {
width: 15em;
}
.k-autocomplete,
.k-picker-wrap,
.k-numeric-wrap {
position: relative;
cursor: default;
}
.k-dropdown-wrap {
position: relative;
}
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap {
display: block;
}
.k-block,
.k-widget,
.k-grid,
.k-slider,
.k-splitter,
.k-treeview,
.k-panelbar,
.k-content,
.k-header-column-menu {
outline: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-block,
.k-slider,
.k-splitbar,
.k-calendar,
.k-treeview,
.k-pager-wrap,
.k-grid-header .k-i-link-horizontal,
.k-header-column-menu {
-webkit-touch-callout: none;
}
.k-list-scroller {
position: relative;
overflow: auto;
}
.k-popup.k-list-container,
.k-popup.k-calendar-container {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
padding: 2px;
border-width: 1px;
border-style: solid;
}
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
border-bottom-width: 0;
padding-bottom: 1px;
}
.k-list-container .km-scroll-container {
padding-bottom: 6px;
}
.k-textbox,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap {
border-width: 1px;
border-style: solid;
padding: 0 1.9em 0 0;
}
.k-numeric-wrap.k-expand-padding {
padding-right: 0;
}
.k-textbox,
.k-autocomplete {
padding: 0;
}
.k-textbox.k-space-left {
padding-left: 1.9em;
}
.k-textbox.k-space-right {
padding-right: 1.9em;
}
.k-textbox .k-icon {
top: 50%;
margin: -8px 0 0;
position: absolute;
}
.k-space-left .k-icon {
left: 3px;
}
.k-space-right .k-icon {
right: 3px;
}
/*prevent missing bottom border at some zoom levels*/
span.k-textbox:after {
content: "\a0";
display: block;
height: .4px;
overflow: hidden;
}
.k-autocomplete,
.k-dropdown-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover {
-webkit-transition: "box-shadow .15s ease-out";
-o-transition: "box-shadow .15s ease-out";
transition: box-shadow .15s ease-out;
transition: "box-shadow .15s ease-out";
}
.k-textbox > input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-combobox .k-input {
width: 100%;
vertical-align: top;
}
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
font-family: inherit;
border-width: 0;
outline: 0;
}
.k-dropdown .k-input,
.k-selectbox .k-input {
background: transparent;
}
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
position: absolute;
/* icon positioning */
top: 0;
right: 0;
display: inline-block;
vertical-align: top;
text-decoration: none;
}
.k-combobox .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select {
border-style: solid;
border-width: 0 0 0 1px;
border-color: inherit;
/* skin-related, inherit does not work in ie7- */
}
span.k-datetimepicker .k-select,
span.k-datetimepicker .k-select + .k-select {
right: 0;
}
.k-textbox > input,
.k-autocomplete .k-input {
display: block;
}
.k-combobox .k-icon {
/*margin-top: 1px;*/
}
.k-dropdown .k-select,
.k-selectbox .k-select {
overflow: hidden;
border: 0;
text-decoration: none;
font: inherit;
color: inherit;
}
.k-dropdown .k-input,
.k-selectbox .k-input {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
height: 1.94em;
line-height: 1.94em;
padding: 0.177em 0;
text-indent: 0.8em;
border: 0;
margin: 0;
}
.k-combobox .k-dropdown-wrap:before,
.k-picker-wrap:before,
.k-numeric-wrap:before {
content: "\a0";
display: inline-block;
width: 0;
height: 1.94em;
padding-bottom: 0.3em;
}
.k-combobox-clearable .k-input {
padding-right: 1.9em;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
height: 2.294em;
}
/* fix missing bottom border on browser zoom in Chrome */
.k-webkit .k-combobox .k-dropdown-wrap:before,
.k-webkit .k-picker-wrap:before,
.k-webkit .k-numeric-wrap:before {
padding-bottom: 0.38em;
}
/* above style breaks NumericTextBox layout due display:block style applied to the input */
.km.root .k-combobox .k-dropdown-wrap:before,
.km.root .k-picker-wrap:before,
.km.root .k-numeric-wrap:before {
content: none;
}
.k-combobox .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
display: inline;
}
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
min-height: 1.94em;
line-height: 2.29em;
vertical-align: middle;
-moz-box-sizing: border-box;
text-align: center;
width: 1.9em;
height: 100%;
}
.k-numeric-wrap .k-select {
padding: 0;
}
body .k-datetimepicker .k-select {
border-radius: 0;
}
.k-combobox .k-select,
.k-dropdown,
.k-selectbox .k-icon {
cursor: pointer;
}
.k-popup {
border-style: solid;
border-width: 1px;
}
.k-popup .k-item,
.k-list-optionlabel {
cursor: default;
}
.k-popup .k-calendar {
border: 0;
}
.k-list {
height: auto;
}
.k-nodata {
min-height: 138px;
width: 100%;
display: table;
text-transform: uppercase;
font-size: 0.85em;
font-weight: lighter;
}
.k-nodata > div {
display: table-cell;
text-align: center;
vertical-align: middle;
padding: 11px;
}
.k-popup .k-list .k-item,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header,
.k-listbox .k-item,
.k-item.k-drag-clue {
padding: 1px 5px 1px 5px;
line-height: 1.8em;
min-height: 1.8em;
}
.k-popup .k-list .k-item,
.k-listbox .k-item {
border-width: 1px;
border-style: solid;
border-color: transparent;
padding: 0 4px;
}
.k-popup .k-list .k-item > .k-group {
top: -1px;
}
.k-group-header + div > .k-list > .k-item.k-first:before {
content: " ";
display: block;
border-top-width: 1px;
border-top-style: solid;
position: absolute;
top: -1px;
left: 0;
right: 0;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
padding-right: 22px;
}
.k-overflow-container .k-item {
padding: 1px;
}
.k-overflow-container > .k-state-disabled .k-button,
.k-overflow-container .k-button.k-state-disabled,
.k-overflow-container .k-button.k-state-disabled:hover {
border: 0 ;
background: none;
}
.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-state-focused,
.k-popup .k-list .k-state-selected,
.k-overflow-container .k-state-hover,
.k-overflow-container .k-state-focused,
.k-overflow-container .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel.k-state-focused,
.k-list-optionlabel.k-state-selected,
.k-listbox .k-item {
padding: 0 4px;
border-width: 1px;
border-style: solid;
}
.k-list-filter {
position: relative;
margin-bottom: 2px;
}
.k-list-filter > .k-textbox {
padding-right: 20px;
width: 100%;
}
.k-list-filter > .k-icon {
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%);
}
.km-root .k-list-filter > .k-textbox {
padding-left: 0;
padding-right: 0;
border-left-width: 0;
border-right-width: 0;
}
/* MultiSelect */
.k-multiselect-wrap {
position: relative;
border-width: 0px;
border-style: solid;
border-radius: 4px;
border-color: #C5C5C5;
background-color: #FFF;
min-height: 2.04em;
padding-right: 22px;
}
.k-multiselect-wrap .k-input {
background-color: transparent;
height: 1.31em;
line-height: 1.31em;
padding: 0.18em 0;
text-indent: 0.8em;
border: 0;
margin: 1px 0 0;
float: left;
}
.k-multiselect-wrap .k-input::-ms-clear {
display: none;
}
.k-multiselect-wrap li {
margin: 1px 0 1px 1px;
padding: .1em 1.6em .1em .4em;
line-height: 1.79em;
float: left;
position: relative;
}
.k-autocomplete .k-i-loading,
.k-multiselect .k-i-loading {
position: absolute;
right: 3px;
bottom: 4px;
}
.k-multiselect-wrap .k-select {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: .03em .2em;
}
/* Date/Time Pickers */
.k-datetimepicker .k-picker-wrap {
padding-right: 3.8em;
}
.k-datetimepicker .k-select {
width: 3.8em;
}
.k-datetimepicker .k-select .k-link-date {
margin-left: -0.285em;
}
.k-datetimepicker .k-select .k-link-time {
margin-right: -0.285em;
margin-left: .428em;
}
.k-datetimepicker .k-picker-wrap .k-icon {
margin: 0 2px;
}
.k-picker-wrap .k-icon {
cursor: pointer;
}
.k-button,
.k-textbox,
.k-timepicker,
.k-datepicker,
.k-datetimepicker {
display: inline-block;
vertical-align: middle;
}
.k-picker-wrap .k-input {
margin: 0;
}
.k-time-popup .k-item {
padding: 1px 3px;
}
/* inputs */
.k-input {
padding: 0.25em 0;
}
.k-input,
.k-textbox > input {
outline: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-textbox {
outline: 0;
}
input.k-textbox,
textarea.k-textbox {
padding: 2px .3em;
}
input.k-textbox {
height: 2.42em;
text-indent: 0.8em;
line-height: 1.6em;
}
.k-ie input.k-textbox {
text-indent: 0.4em;
}
.k-ff input.k-textbox {
height: 2.17em;
}
textarea.k-textbox {
height: auto;
}
/* NumericTextBox */
span.k-numerictextbox {
background-color: transparent;
}
.k-numerictextbox .k-input {
margin: 0;
}
.k-numerictextbox .k-link {
display: block;
height: 1em;
line-height: 1em;
vertical-align: middle;
border-width: 0;
padding: 0;
overflow: hidden;
}
.k-numerictextbox .k-icon {
display: block;
margin: auto;
height: 100%;
}
.k-numerictextbox .k-i-arrow-60-up {
top: 2px;
}
.k-numerictextbox .k-i-arrow-60-down {
bottom: 2px;
}
.k-numeric-wrap .k-input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
/* ColorPicker */
.k-colorpicker .k-picker-wrap {
line-height: 2em;
}
.k-colorpicker .k-selected-color {
vertical-align: top;
display: inline-block;
height: 2em;
width: 2em;
}
.k-colorpicker .k-selected-color .k-i-line {
font-size: 2em;
color: #FF525E;
display: inline-block;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.k-colorpicker .k-selected-color .k-i-line:before {
content: "\e510";
}
.k-colorpicker .k-tool-icon {
position: relative;
top: -2px;
display: inline-block;
padding: 3px 3px 2px;
margin-right: 3px;
margin-left: 2px;
margin-bottom: 3px;
background-repeat: no-repeat;
vertical-align: middle;
width: 16px;
height: 16px;
-ms-high-contrast-adjust: none;
}
.k-colorpicker .k-tool-icon .k-selected-color {
display: block;
height: 3px;
width: 16px;
position: absolute;
left: 3px;
bottom: -3px;
border-radius: 0 !important;
}
.k-colorpicker .k-select {
cursor: pointer;
}
.k-colorpicker .k-picker-wrap .k-icon {
overflow: visible;
}
.k-disabled-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.5;
filter: alpha(opacity=50);
}
.k-colorpalette {
position: relative;
line-height: 0;
border-width: 0;
display: inline-block;
}
.k-colorpalette .k-palette {
border-collapse: collapse;
position: relative;
width: 100%;
height: 100%;
}
.k-colorpalette .k-item {
width: 14px;
height: 14px;
overflow: hidden;
-ms-high-contrast-adjust: none;
}
.k-colorpalette .k-item.k-state-selected,
.k-colorpalette .k-item.k-state-selected:hover {
z-index: 100;
background: transparent;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
position: relative;
}
.k-colorpalette .k-item:hover {
z-index: 101;
position: relative;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.k-flatcolorpicker {
position: relative;
display: inline-block;
width: 265px;
padding-bottom: 5px;
}
div.k-flatcolorpicker {
background-color: transparent;
background-image: none;
}
.k-flatcolorpicker .k-selected-color {
background-image: url("../textures/transtexture.png");
background-position: 50% 50%;
text-align: right;
}
.k-flatcolorpicker .k-selected-color input.k-color-value {
font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace;
padding: .75em .1em .65em .65em;
border: 0;
margin: 0;
width: 82%;
}
.k-flatcolorpicker .k-selected-color .k-color-input {
background-color: #fff;
display: inline-block;
width: 84%;
text-align: left;
}
.k-flatcolorpicker .k-selected-color .k-clear-color {
padding: .4em;
line-height: 0;
}
.k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:before {
color: #000;
opacity: 0.8;
}
.k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:hover,
.k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:active {
opacity: 1;
}
.k-flatcolorpicker .k-clear-color-container .k-clear-color.k-state-focused:active {
color: inherit;
}
.k-flatcolorpicker .k-clear-color-container .k-clear-color:active {
color: #000;
opacity: 1;
}
.k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color,
.k-flatcolorpicker .k-clear-color-container .k-clear-color .k-i-reset-color {
background-image: none;
}
.k-flatcolorpicker .k-clear-color-container {
text-align: left;
}
.k-flatcolorpicker .k-hsv-rectangle {
position: relative;
user-select: none;
-ms-touch-action: pinch-zoom double-tap-zoom;
}
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
cursor: pointer;
position: absolute;
z-index: 10;
left: 50%;
top: 50%;
width: 8px;
height: 8px;
border: 1px solid #eee;
margin-left: -5px;
margin-top: -5px;
border-radius: 6px;
box-shadow: 0 1px 2px #444;
background: transparent;
}
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover,
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus {
background: transparent;
border-color: #fff;
-webkit-box-shadow: 0 1px 5px #000;
-webkit-box-shadow: 0 1px 5px #000, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 5px #000, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 5px #000, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 5px #000;
}
.k-flatcolorpicker .k-hsv-rectangle.k-dragging,
.k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
cursor: none;
}
.k-flatcolorpicker .k-slider-horizontal {
height: 20px;
width: 90%;
margin: 0 5%;
}
.k-flatcolorpicker .k-slider-horizontal .k-slider-track {
-webkit-box-shadow: 0 1px 0 #fff, 0 -1px 0 #999;
-webkit-box-shadow: 0 1px 0 #fff, 0 -1px 0 #999, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 0 #fff, 0 -1px 0 #999, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 0 #fff, 0 -1px 0 #999, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 0 #fff, 0 -1px 0 #999;
}
.k-flatcolorpicker .k-hue-slider,
.k-flatcolorpicker .k-transparency-slider {
display: block;
}
.k-flatcolorpicker .k-hue-slider .k-slider-selection,
.k-flatcolorpicker .k-transparency-slider .k-slider-selection {
background: transparent;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle {
background: transparent;
border: 3px solid #eee;
margin-top: 1px;
height: 8px;
width: 8px;
-webkit-box-shadow: 0 1px 4px #444;
-webkit-box-shadow: 0 1px 4px #444, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 4px #444, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 4px #444, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 4px #444;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover,
.k-flatcolorpicker .k-hue-slider .k-draghandle:focus,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:focus {
background: transparent;
border-color: #fff;
-webkit-box-shadow: 0 1px 5px #000;
-webkit-box-shadow: 0 1px 5px #000, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 5px #000, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 5px #000, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 5px #000;
border-width: 2px;
padding: 1px;
}
.k-flatcolorpicker .k-hue-slider .k-slider-track {
background: linear-gradient(to right, #ff0000 0%, #ffff00 16%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 84%, #ff0004 100%);
}
.k-flatcolorpicker .k-transparency-slider .k-slider-track {
background-image: url("../textures/transparency.png");
background-size: 100% auto;
background-position: 100% 50%;
background-repeat: no-repeat;
}
.k-flatcolorpicker .k-controls {
margin-top: 10px;
margin-bottom: 5px;
text-align: center;
font-size: 90%;
}
.k-flatcolorpicker .k-controls .k-button {
width: 6em;
}
.k-flatcolorpicker .k-hsv-gradient {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%), linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
height: 180px;
margin-bottom: 5px;
}
.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
background: url("../textures/hue.png") repeat 0 50%;
}
.k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
background: url("../textures/transparency.png") repeat 0 50%;
}
.k-ie8 .k-flatcolorpicker .k-hsv-gradient {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#00ffffff',GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0);
}
.k-rtl .k-multiselect-wrap {
padding-right: 0;
padding-left: 22px;
}
.k-maskedtextbox {
position: relative;
display: inline-block;
background-color: transparent;
border-width: 0;
}
.k-maskedtextbox ::-ms-clear {
display: none;
width: 0;
height: 0;
}
.k-maskedtextbox .k-i-warning {
display: none;
position: absolute;
width: 1.9em;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.k-maskedtextbox.k-state-invalid .k-i-warning {
display: inline-block;
}
.k-dateinput {
position: relative;
display: inline-block;
border-width: 0;
}
.k-dateinput.k-widget {
background-color: transparent;
}
.k-dateinput ::-ms-clear {
display: none;
width: 0;
height: 0;
}
.k-dateinput .k-i-warning {
display: none;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
overflow: visible;
}
.k-dateinput.k-state-invalid .k-i-warning {
display: inline-block;
}
.k-datepicker .k-picker-wrap .k-i-warning {
display: none;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
overflow: visible;
}
.k-datepicker .k-picker-wrap.k-state-invalid .k-i-warning {
display: inline-block;
}
.k-listbox {
box-sizing: border-box;
height: 200px;
}
.k-listbox.k-widget {
background-color: transparent;
}
.k-listbox .k-list-scroller {
height: 100%;
overflow: auto;
border-width: 1px;
border-style: solid;
box-sizing: border-box;
}
.k-listbox .k-list-scroller li {
cursor: default;
-moz-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
}
.k-listbox .k-listbox-toolbar {
box-sizing: border-box;
}
.k-listbox.k-listbox-toolbar-top {
padding: 15px 0 1.42857143em;
}
.k-listbox.k-listbox-toolbar-top .k-listbox-toolbar {
margin-top: -15px;
margin-bottom: 5px;
}
.k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li {
display: inline-block;
}
.k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li + li {
margin-left: 5px;
}
.k-listbox.k-listbox-toolbar-left .k-listbox-toolbar {
float: left;
margin-right: 5px;
}
.k-listbox.k-listbox-toolbar-left .k-listbox-toolbar li + li {
margin-top: 5px;
}
.k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
float: right;
margin-left: 5px;
}
.k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li:not(:last-child) {
margin-bottom: 5px;
}
.k-listbox.k-listbox-toolbar-bottom {
padding: 15px 0 1.45em;
}
.k-listbox.k-listbox-toolbar-bottom .k-list-scroller {
margin-top: -15px;
}
.k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar {
margin-top: 5px;
}
.k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li {
display: inline-block;
}
.k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li + li {
margin-left: 5px;
}
.k-listbox .k-ghost {
opacity: .5;
}
/*!
*/
/* Editor */
table.k-editor {
width: 100%;
height: 250px;
table-layout: fixed;
border-style: solid;
border-width: 1px;
border-collapse: separate;
border-spacing: 4px;
font-size: 100%;
vertical-align: top;
position: relative;
}
.k-editor-inline {
border-width: 2px;
padding: .3em .5em;
word-wrap: break-word;
overflow: auto;
position: relative;
}
.k-editortoolbar-dragHandle {
cursor: move;
padding-left: 0;
padding-right: 3px;
box-shadow: none !important;
}
.k-editor-widget > .k-window-content {
overflow: hidden;
}
.k-editor .k-editor-toolbar-wrap {
border: 0;
padding: 0;
}
.k-editor-toolbar {
margin: 0;
padding: .1em 0;
list-style-type: none;
line-height: 1.3em;
cursor: default;
word-wrap: break-word;
/* allow tools to wrap properly in IE */
}
.k-editor-toolbar li {
display: inline-block;
vertical-align: middle;
}
.k-webkit .k-editor-toolbar,
.k-ff .k-editor-toolbar,
.k-ie9 .k-editor-toolbar,
.k-edge .k-editor-toolbar {
padding: 0;
}
.k-webkit .k-editor-toolbar li,
.k-safari .k-editor-toolbar li,
.k-ff .k-editor-toolbar li,
.k-ie9 .k-editor-toolbar li,
.k-ie10 .k-editor-toolbar li,
.k-edge .k-editor-toolbar li {
display: inline-block;
padding: .1em 0;
}
.k-editor-toolbar .k-editor-widget,
.k-editor-toolbar > li {
margin-right: 6px;
}
.k-group-start.k-group-end .k-editor-widget {
margin-right: 0;
}
.k-editor-toolbar .k-editor-dropdown {
position: relative;
}
.k-select-overlay {
-webkit-appearance: none;
opacity: 0;
z-index: 11000;
top: 0;
left: 0;
position: absolute;
height: 26px;
width: 100%;
margin: -4px 0 0;
}
.k-editor-toolbar .k-separator {
position: relative;
top: 1px;
border-style: solid;
border-width: 0 1px 0 0;
margin: 0 .3em 0 .1em;
padding: 0 0 0 1px;
font-size: 1.3em;
}
.k-editor-toolbar .k-break {
display: block;
height: 1px;
font-size: 0;
line-height: 0;
}
.k-editor-toolbar .k-dropdown,
.k-editor-toolbar .k-combobox,
.k-editor-toolbar .k-selectbox,
.k-editor-toolbar .k-colorpicker {
vertical-align: middle;
}
.k-button-group {
white-space: nowrap;
}
.k-button-group .k-tool {
display: inline-block;
vertical-align: middle;
margin: 1px 0;
width: 32px;
height: 32px;
line-height: 32px;
}
.k-button-group .k-tool-icon {
width: 24px;
height: 24px;
vertical-align: middle;
-ms-high-contrast-adjust: none;
}
.k-editor-toolbar .k-tool-icon.k-icon {
top: auto;
font-size: 16px;
}
/* default tool widths */
.k-fontName {
width: 110px;
}
.k-fontSize {
width: 124px;
}
.k-formatBlock {
width: 147px;
}
.k-editortoolbar-dragHandle {
float: left;
margin: 1px 0 0;
}
.k-editor-toolbar .k-button-group {
padding: 1px;
}
.k-editor .k-editor-toolbar .k-row-break {
display: block;
height: 0;
font-size: 0;
line-height: 0;
}
.k-editor-toolbar .k-i-login {
transform: scaleX(-1);
}
.k-button-group .k-tool {
border-style: solid;
border-width: 1px;
margin-right: -1px;
}
.k-button-group .k-tool.k-state-hover,
.k-button-group .k-tool:focus {
position: relative;
z-index: 1;
}
.k-rtl .k-button-group .k-tool {
border-style: solid;
border-width: 1px;
}
.k-button-group .k-tool.k-group-end {
border-right-width: 1px;
}
.k-rtl .k-button-group .k-tool.k-group-end {
border-left-width: 1px;
}
.k-button-group .k-state-disabled {
display: none;
}
.k-button-group .k-state-hover,
.k-button-group .k-state-active {
vertical-align: middle;
}
.k-button-group .k-state-disabled {
filter: alpha(opacity=30);
opacity: .3;
}
.k-editor .k-editable-area {
width: 100%;
height: 100%;
border-style: solid;
border-width: 1px;
outline: 0;
}
.k-editor .k-content {
display: block;
width: 100%;
height: 100%;
border: 0;
margin: 0;
padding: 0;
background: #fff;
}
.k-editor .k-tool {
outline: 0;
}
.k-editor iframe.k-content {
display: inline;
vertical-align: top;
/*fixes missing top border caused by the inline display*/
}
.k-editor .k-raw-content {
border: 0;
margin: 0;
padding: 0;
}
.k-editor .k-raw-content,
.k-editor-dialog .k-editor-textarea {
font-size: inherit;
font-family: consolas, "courier new", monospace;
}
.k-editor-dialog {
padding: 1em;
width: 400px;
}
.k-editor-dialog .k-edit-label {
width: 25%;
}
.k-editor-dialog .k-edit-field {
width: 66%;
}
.k-editor-dialog .k-edit-field .k-textbox {
width: 96%;
}
.k-viewhtml-dialog {
width: auto;
}
.k-filebrowser-dialog {
width: auto;
min-width: 350px;
}
.k-filebrowser-dialog .k-filebrowser {
margin: 0 1em 0;
}
.k-filebrowser-dialog .k-edit-label {
width: 18%;
}
.k-filebrowser-dialog .k-edit-field {
width: 75%;
}
.k-filebrowser-dialog .k-edit-field .k-textbox {
width: 70%;
}
#k-editor-image-width,
#k-editor-image-height {
width: 5em;
}
.k-editor-dialog .k-button {
display: inline-block;
}
.k-editor-dialog .k-editor-textarea {
width: 600px;
height: 350px;
padding: .2em .2em .2em .4em;
border-width: 1px;
border-style: solid;
overflow: auto;
}
.k-button-wrapper .k-link:hover {
text-decoration: underline;
}
.k-ct-popup {
width: 180.4px;
padding: .65em .5em .5em;
}
.k-ct-popup .k-status {
margin: .3em 0;
}
.k-ct-cell {
border-width: 1px;
border-style: solid;
width: 18px;
height: 18px;
margin: 1px;
vertical-align: top;
display: inline-block;
overflow: hidden;
-ms-high-contrast-adjust: none;
}
.k-editor .k-resize-handle {
position: absolute;
padding: 5px;
right: 0;
bottom: 0;
}
.k-editor .k-overlay {
position: absolute;
background-color: #fff;
opacity: 0;
}
.k-toolbar-resizable {
min-height: 2.4375em;
position: relative;
}
.k-overflow-tools {
position: absolute;
right: 0;
top: 0;
}
.k-editor-overflow-popup .k-tool {
width: auto;
height: auto;
display: block;
text-align: left;
text-decoration: initial;
border: 0;
padding-right: 0.5em;
margin: 0;
padding: 0 6px;
}
.k-editor-overflow-popup .k-tool.k-state-disabled {
display: none;
}
.k-editor-toolbar .k-tool-text {
display: none;
}
.k-editor-inline .k-table-resize-handle-wrapper {
position: absolute;
width: 5px;
height: 5px;
background-color: #fff;
border: 1px solid #000;
z-index: 100;
}
.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle {
width: 100%;
height: 100%;
}
.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-east {
cursor: e-resize;
}
.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-north {
cursor: n-resize;
}
.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-northeast {
cursor: ne-resize;
}
.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-northwest {
cursor: nw-resize;
}
.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-south {
cursor: s-resize;
}
.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-southeast {
cursor: se-resize;
}
.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-southwest {
cursor: sw-resize;
}
.k-editor-inline .k-table-resize-handle-wrapper .k-table-resize-handle.k-resize-west {
cursor: w-resize;
}
.k-editor-inline .k-column-resize-handle-wrapper {
position: absolute;
height: 10px;
width: 10px;
cursor: col-resize;
z-index: 2;
}
.k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle {
width: 100%;
height: 100%;
}
.k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker {
width: 2px;
height: 100%;
margin: 0 auto;
background-color: #00b0ff;
display: none;
opacity: 0.8;
}
.k-table.k-table-resizing {
opacity: 0.6;
}
.k-editor-inline .k-row-resize-handle-wrapper {
position: absolute;
z-index: 2;
cursor: row-resize;
width: 10px;
height: 10px;
}
.k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-handle {
display: table;
width: 100%;
height: 100%;
}
.k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker-wrapper {
display: table-cell;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
vertical-align: middle;
}
.k-editor-inline .k-row-resize-handle-wrapper .k-row-resize-marker {
display: none;
margin: 0;
padding: 0;
width: 100%;
height: 2px;
background-color: #00b0ff;
opacity: 0.8;
}
.k-editor-dialog.k-viewhtml-dialog .k-edit-buttons {
clear: both;
text-align: right;
border-width: 1px 0 0;
border-style: solid;
position: relative;
bottom: -1em;
padding: .6em;
}
.k-editor-dialog.k-viewhtml-dialog .k-edit-buttons .k-button {
margin-right: 0.5em;
}
.k-editor-dialog.k-editor-table-wizard-dialog.k-window-content {
overflow: hidden;
min-width: 325px;
width: 24em;
padding: 1em 0;
}
.k-editor-dialog .k-edit-form-container {
width: auto;
}
.k-editor-dialog .k-tabstrip {
margin: -1.333em 0 0;
}
.k-editor-dialog .k-root-tabs {
margin: -1em -1em -1.5em;
padding: 0.5em 1em 0;
border-width: 0;
}
.k-editor-dialog ul.k-tabstrip-items {
padding: 0.5em 1em 0;
border-width: 0 0 1px;
border-style: solid;
}
.k-editor-dialog ul.k-tabstrip-items .k-loading {
border-top-width: 0;
}
.k-editor-dialog .k-tabstrip:focus {
box-shadow: none;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content {
overflow: hidden;
min-height: 440px;
height: 35em;
margin: 0;
padding: 1em 0.5em 0;
border-width: 0;
}
.k-editor-dialog .k-edit-field .k-numerictextbox {
width: 10.6em;
margin: 0 .35714285em 0 0;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-numerictextbox + .k-dropdown {
width: 4em;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-textbox,
.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-field .k-dropdown {
width: 15em;
}
.k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown {
width: 5.35714285em;
}
.k-editor-dialog textarea.k-textbox {
height: 14.28571428em;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align {
width: 4em;
}
.k-popup.k-list-container.k-align {
padding: 0;
text-align: center;
}
.k-align-group {
vertical-align: text-top;
}
.k-popup.k-align .k-list .k-item {
display: inline-block;
width: 2.57142857em;
height: 2.57142857em;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
}
.k-popup.k-align .k-list .k-icon {
vertical-align: bottom;
vertical-align: -webkit-baseline-middle;
}
.k-popup.k-align .k-list .k-item:last-child {
width: auto;
display: block;
border-width: 1px 0 0;
border-style: solid;
}
.k-popup.k-align .k-list .k-item:before {
width: 2.57142857em;
height: 2.57142857em;
line-height: 2.57142857em;
}
.k-animation-container .k-editor-toolbar {
text-align: center;
line-height: 1.3em;
}
.k-animation-container .k-editor-toolbar .k-tool {
display: inline-block;
height: 24px;
padding: 0 0.5em;
text-decoration: none;
font-size: 0.85em;
color: inherit;
}
.k-animation-container .k-editor-toolbar .k-i-table-wizard-insert {
width: 24px;
height: 24px;
}
.k-animation-container .k-editor-toolbar .k-tool-text {
display: inline;
vertical-align: sub;
padding: 0 0 0 .5em;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-edit-buttons {
padding: 1em 0.8em;
margin: 0.5em 0 0;
}
/*!
*/
/* Notification */
.k-notification-wrap {
padding: .6em .5em;
cursor: default;
position: relative;
white-space: nowrap;
}
.k-notification-button .k-notification-wrap {
padding-right: 20px;
}
.k-notification-wrap > .k-i-information,
.k-notification-wrap > .k-i-information,
.k-notification-wrap > .k-i-information,
.k-notification-wrap > .k-i-warning,
.k-notification-wrap > .k-i-information {
vertical-align: text-bottom;
margin-right: 4px;
}
.k-notification-wrap > .k-i-close {
position: absolute;
top: 7px;
right: 4px;
display: none;
}
.k-notification-button .k-notification-wrap > .k-i-close {
display: block;
}
/*!
*/
/* Progressbar */
.k-progressbar {
display: inline-block;
position: relative;
vertical-align: middle;
}
.k-progressbar {
border-radius: 4px;
}
.k-progressbar-horizontal {
width: 27em;
height: 1.9em;
}
.k-progressbar-vertical {
width: 1.9em;
height: 27em;
}
.k-progressbar > .k-state-selected {
position: absolute;
border-style: solid;
border-width: 1px;
overflow: hidden;
}
.k-progressbar-horizontal > .k-state-selected,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
left: -1px;
right: auto;
top: -1px;
height: 100%;
border-radius: 4px 0 0 4px;
}
.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
.k-rtl .k-progressbar-horizontal > .k-state-selected {
left: auto;
right: -1px;
border-radius: 0 4px 4px 0;
}
.k-progressbar-vertical > .k-state-selected {
left: -1px;
bottom: -1px;
width: 100%;
border-radius: 0 0 4px 4px;
}
.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
bottom: auto;
top: -1px;
border-radius: 4px 4px 0 0;
}
.k-progressbar > .k-state-selected.k-complete,
.k-rtl .k-progressbar > .k-state-selected.k-complete {
border-radius: 4px;
}
.k-progressbar > .k-reset {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
left: -1px;
top: -1px;
width: 100%;
height: 100%;
border-radius: 4px;
white-space: nowrap;
}
.k-progressbar-horizontal .k-item {
display: inline-block;
height: 100%;
border-style: solid;
margin-left: -1px;
}
.k-progressbar-horizontal .k-item.k-first {
margin-left: 0;
}
.k-progressbar-horizontal .k-item.k-last {
border-right-width: 0;
}
.k-progressbar-horizontal .k-item,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
border-width: 1px 0 1px 1px;
}
.k-progressbar-horizontal.k-progressbar-reverse .k-item,
.k-rtl .k-progressbar-horizontal .k-item {
border-width: 1px 0 1px 1px;
}
.k-progressbar-horizontal .k-first,
.k-rtl .k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-left-width: 1px;
}
.k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal .k-first {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.k-progressbar-horizontal.k-progressbar-reverse .k-last,
.k-rtl .k-progressbar-horizontal .k-first {
border-right-width: 1px;
}
.k-progressbar-horizontal .k-last.k-state-selected {
border-right-width: 1px;
}
.k-progressbar-vertical .k-item {
width: 100%;
border-style: solid;
border-width: 1px 1px 0 1px;
margin-top: -1px;
}
.k-progressbar-vertical .k-item.k-first {
margin-top: 0;
}
.k-progressbar-vertical li.k-item.k-last {
border-bottom-width: 0;
}
.k-progressbar-vertical .k-first {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.k-progressbar-vertical .k-last {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 1px;
}
.k-progressbar-vertical.k-progressbar-reverse .k-item {
border-width: 0 1px 1px 1px;
}
.k-progressbar-vertical.k-progressbar-reverse .k-first {
border-top-width: 1px;
}
.k-progress-status-wrap {
position: absolute;
top: -1px;
border: 1px solid transparent;
line-height: 2em;
width: 100%;
height: 100%;
}
.k-progress-status-wrap,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
left: -1px;
right: auto;
text-align: right;
}
.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap,
.k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
left: auto;
right: -1px;
text-align: left;
}
.k-progressbar-vertical .k-progress-status-wrap {
top: auto;
bottom: -1px;
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
bottom: auto;
top: -1px;
}
.k-progress-status {
display: inline-block;
padding: 0 .5em;
min-width: 10px;
white-space: nowrap;
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
position: absolute;
bottom: 0;
left: 0;
}
.k-progressbar-vertical .k-progress-status {
transform: rotate(-90deg) translateX(-100%);
transform-origin: 0 0;
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
transform: rotate(90deg) translateX(-100%);
transform-origin: 0 100%;
}
.k-ie8 .k-progressbar-vertical .k-progress-status {
writing-mode: bt-lr;
padding: .5em 0;
}
/*!
*/
/* Slider */
div.k-slider {
position: relative;
border-width: 0;
background-color: transparent;
user-select: none;
}
.k-slider-vertical {
width: 26px;
height: 200px;
/* default height */
}
.k-slider-horizontal {
display: inline-block;
width: 200px;
/* default width */
height: 26px;
}
.k-slider-wrap {
width: 100%;
height: 100%;
}
.k-slider .k-button,
.k-grid .k-slider .k-button {
position: absolute;
top: 0;
width: 24px;
min-width: 0;
height: 24px;
margin: 0;
padding: 0;
outline: 0;
}
.k-slider .k-button .k-icon {
margin-top: 3px;
vertical-align: top;
}
.k-state-disabled .k-slider-wrap {
filter: alpha(opacity=60);
opacity: .6;
}
.k-state-disabled .k-slider-wrap .k-slider-items {
color: #333;
}
.k-slider .k-button-decrease {
left: 0;
}
.k-slider-vertical .k-button-decrease,
.k-grid .k-slider-vertical .k-button-decrease {
top: auto;
bottom: 0;
}
.k-slider .k-button-increase {
right: 0;
}
.k-slider .k-icon,
.k-slider-track,
.k-slider .k-tick {
cursor: pointer;
}
.k-slider-track,
.k-slider-selection {
position: absolute;
margin: 0;
padding: 0;
}
.k-slider-horizontal .k-slider-track,
.k-slider-horizontal .k-slider-selection {
top: 50%;
left: 0;
height: 8px;
margin-top: -4px;
background-repeat: repeat-x;
}
.k-slider-horizontal .k-slider-buttons .k-slider-track {
left: 34px;
}
.k-slider-vertical .k-slider-track,
.k-slider-vertical .k-slider-selection {
left: 50%;
bottom: 0;
width: 8px;
margin-left: -4px;
background-repeat: repeat-y;
}
.k-slider-vertical .k-slider-buttons .k-slider-track {
bottom: 34px;
}
.k-draghandle {
position: absolute;
background-repeat: no-repeat;
background-color: transparent;
text-indent: -3333px;
overflow: hidden;
text-decoration: none;
text-align: center;
outline: 0;
}
.k-slider-horizontal .k-draghandle {
top: -4px;
width: 13px;
height: 14px;
}
.k-slider-vertical .k-draghandle {
left: -4px;
width: 14px;
height: 13px;
}
.k-slider-buttons .k-slider-items {
margin-left: 34px;
}
.k-slider-horizontal .k-slider-items {
height: 100%;
}
.k-slider-vertical .k-slider-items {
padding-top: 1px;
}
.k-slider-vertical .k-slider-buttons .k-slider-items {
padding-top: 0;
}
.k-slider-vertical .k-slider-buttons .k-slider-items {
margin: 0;
padding-top: 35px;
}
.k-slider .k-tick {
position: relative;
margin: 0;
padding: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
}
.k-slider-horizontal .k-tick {
float: left;
height: 100%;
text-align: center;
}
.k-slider-horizontal .k-tick {
background-position: center -92px;
}
.k-slider-horizontal .k-slider-topleft .k-tick {
background-position: center -122px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick {
background-position: center -152px;
}
.k-slider-horizontal .k-tick-large {
background-position: center -2px;
}
.k-slider-horizontal .k-slider-topleft .k-tick-large {
background-position: center -32px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large {
background-position: center -62px;
}
.k-slider-vertical .k-tick {
background-position: -92px center;
}
.k-slider-vertical .k-slider-topleft .k-tick {
background-position: -122px center;
}
.k-slider-vertical .k-slider-bottomright .k-tick {
background-position: -152px center;
}
.k-slider-vertical .k-tick-large {
background-position: -2px center;
}
.k-slider-vertical .k-slider-topleft .k-tick-large {
background-position: -32px center;
}
.k-slider-vertical .k-slider-bottomright .k-tick-large {
background-position: -62px center;
}
.k-slider-horizontal .k-first {
background-position: 0 -92px;
}
.k-slider-horizontal .k-tick-large.k-first {
background-position: 0 -2px;
}
.k-slider-horizontal .k-slider-topleft .k-first {
background-position: 0 -122px;
}
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
background-position: 0 -32px;
}
.k-slider-horizontal .k-slider-bottomright .k-first {
background-position: 0 -152px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
background-position: 0 -62px;
}
.k-slider-horizontal .k-last {
background-position: 100% -92px;
}
.k-slider-horizontal .k-tick-large.k-last {
background-position: 100% -2px;
}
.k-slider-horizontal .k-slider-topleft .k-last {
background-position: 100% -122px;
}
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
background-position: 100% -32px;
}
.k-slider-horizontal .k-slider-bottomright .k-last {
background-position: 100% -152px;
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
background-position: 100% -62px;
}
.k-slider-vertical .k-first {
background-position: -92px 100%;
}
.k-slider-vertical .k-tick-large.k-first {
background-position: -2px 100%;
}
.k-slider-vertical .k-slider-topleft .k-first {
background-position: -122px 100%;
}
.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
background-position: -32px 100%;
}
.k-slider-vertical .k-slider-bottomright .k-first {
background-position: -152px 100%;
}
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
background-position: -62px 100%;
}
.k-slider-vertical .k-last {
background-position: -92px 0;
}
.k-slider-vertical .k-tick-large.k-last {
background-position: -2px 0;
}
.k-slider-vertical .k-slider-topleft .k-last {
background-position: -122px 0;
}
.k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
background-position: -32px 0;
}
.k-slider-vertical .k-slider-bottomright .k-last {
background-position: -152px 0;
}
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
background-position: -62px 0;
}
.k-slider-vertical .k-tick {
text-align: right;
}
.k-slider-vertical .k-slider-topleft .k-tick {
text-align: left;
}
.k-slider .k-label {
position: absolute;
white-space: nowrap;
font-size: .92em;
}
.k-slider-horizontal .k-label {
left: 0;
width: 100%;
line-height: 1;
}
.k-slider-horizontal .k-first .k-label {
left: -50%;
}
.k-slider-horizontal .k-last .k-label {
left: auto;
right: -50%;
}
.k-slider-horizontal .k-label {
bottom: -1.2em;
}
.k-slider-horizontal .k-slider-topleft .k-label {
top: -1.2em;
}
.k-slider-vertical .k-label {
left: 120%;
display: block;
text-align: left;
}
.k-slider-vertical .k-last .k-label {
top: -0.5em;
}
.k-slider-vertical .k-first .k-label {
bottom: -0.5em;
}
.k-slider-vertical .k-slider-topleft .k-label {
left: auto;
right: 120%;
}
.k-slider-tooltip {
top: -4444px;
/*prevent window resize in IE8 when appending*/
}
/*!
*/
/* Scheduler */
.k-scheduler-toolbar,
.k-scheduler-footer {
border-style: solid;
}
.k-scheduler-toolbar,
.k-scheduler-footer {
line-height: 28px;
padding: 6px;
}
.k-scheduler-toolbar {
position: relative;
border-width: 0 0 1px;
}
.k-edit-field.k-scheduler-toolbar {
border-width: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.k-scheduler-header {
text-align: center;
}
.k-scheduler-footer {
border-width: 1px 0 0;
}
.k-scheduler-toolbar > ul {
float: right;
}
.k-scheduler-toolbar > ul:first-child {
float: left;
}
.k-scheduler-toolbar > .k-scheduler-tools {
float: left;
margin-bottom: .5em;
}
.k-scheduler-tools + .k-scheduler-navigation {
float: left;
clear: left;
}
.k-scheduler-toolbar > ul > li,
.k-scheduler-footer > ul > li {
display: inline-block;
border-style: solid;
border-width: 1px 1px 1px 0;
}
.k-scheduler .k-scheduler-toolbar .k-nav-current,
.k-scheduler .k-scheduler-toolbar .k-scheduler-tools > li {
border-width: 0;
}
.k-scheduler-toolbar > ul > li:first-child,
.k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li {
border-left-width: 1px;
}
.k-scheduler div.k-scheduler-footer ul li {
margin-right: .6em;
border-width: 1px;
}
.k-scheduler-toolbar .k-link,
.k-scheduler-footer .k-link {
display: inline-block;
padding: 0.16666em 1.1em;
}
.k-scheduler-toolbar .k-nav-prev .k-link,
.k-scheduler-toolbar .k-nav-next .k-link {
padding-left: .6em;
padding-right: .6em;
}
.k-scheduler-toolbar .k-nav-current .k-link {
padding: 0;
}
.k-scheduler-toolbar .k-nav-current {
margin: 0 1.1em;
}
.k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current,
.k-scheduler .k-nav-current > .k-state-active {
background: none;
}
.k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation {
width: 100%;
text-align: center;
}
.k-scheduler-phone .k-scheduler-toolbar + .k-scheduler-toolbar .k-scheduler-navigation > li {
background: none;
border: 0;
}
.k-scheduler-phone .k-toolbar .k-nav-next {
float: right;
}
.k-scheduler-phone .k-toolbar .k-nav-prev {
float: left;
}
.k-scheduler-toolbar .k-i-calendar,
.k-scheduler-footer .k-icon {
margin: -2px 6px 0 0;
}
.k-scheduler-header,
.k-scheduler-header-wrap {
overflow: hidden;
}
.k-scheduler-header-wrap {
position: relative;
border-style: solid;
border-width: 0;
}
.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
border-right-width: 1px;
}
.k-scheduler-times,
.k-scheduler-content {
position: relative;
}
.k-scheduler-times {
overflow: hidden;
border-style: solid;
border-width: 0;
}
.k-scheduler-content {
overflow: auto;
}
.k-scheduler-layout,
.k-scheduler-table {
border-spacing: 0;
width: 100%;
margin: 0;
border-collapse: separate;
}
.k-scheduler-layout > tbody > tr > td {
padding: 0;
vertical-align: top;
}
/* fix smashed second layout column in iPad */
.k-safari .k-scheduler-layout > tbody > tr > td + td {
width: 100%;
}
.k-scheduler-table {
table-layout: fixed;
max-width: none;
}
.k-scheduler-times .k-scheduler-table {
table-layout: auto;
}
.k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
height: 100%;
}
.k-scheduler-table td,
.k-scheduler-table th {
height: 1.5em;
padding: .334em .5em;
font-size: 100%;
}
.k-scheduler .k-scheduler-table td,
.k-scheduler .k-scheduler-table th {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.k-scheduler-monthview .k-hidden,
.k-scheduler-monthview .k-hidden > div {
width: 0 !important;
overflow: hidden !important;
}
.k-scheduler-monthview .k-hidden {
padding-left: 0 !important;
padding-right: 0 !important;
border-right-width: 0 !important;
}
.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times {
margin-right: 1px;
}
.k-scheduler-monthview > tbody > tr:first-child .k-scheduler-times .k-hidden {
height: auto;
}
.k-scheduler-monthview .k-scheduler-table td,
.k-scheduler-monthview .k-hidden {
height: 80px;
text-align: right;
}
.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td,
.k-scheduler-phone .k-scheduler-monthview .k-hidden {
height: 40px;
}
.k-scheduler-table td,
.k-slot-cell {
vertical-align: top;
}
/* separate due to old IEs */
.k-scheduler-layout tr + tr .k-scheduler-times th:last-child {
vertical-align: top;
}
.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td {
text-align: center;
vertical-align: middle;
}
.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td span {
font-size: 1.5em;
}
.k-scheduler-header th {
overflow: hidden;
text-overflow: ellipsis;
}
.k-scheduler-table td,
.k-scheduler-header th {
border-style: solid;
border-width: 0 0 1px 1px;
}
.k-scheduler-table td:first-child,
.k-scheduler-header th:first-child {
border-left-width: 0;
}
.k-scheduler-agendaview .k-scheduler-table td:first-child {
border-left-width: 1px;
}
.k-scheduler-agendaview .k-scheduler-table td.k-first {
border-left-width: 0;
}
.k-scheduler-layout tr + tr .k-scheduler-times tr:last-child > th,
.k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td,
.k-scheduler-table > tbody > tr > .k-last {
border-bottom-width: 0;
}
.k-scrollbar-h tr + tr .k-scheduler-times,
.k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td,
.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last {
border-bottom-width: 1px;
}
.k-scheduler-times th {
text-align: right;
padding-right: .6em;
border-style: solid;
border-width: 0 1px 1px 0;
border-color: transparent;
white-space: nowrap;
}
.k-scheduler-layout tr + tr .k-scheduler-times th {
border-bottom-color: transparent;
}
.k-scheduler-layout tr + tr .k-scheduler-times th.k-slot-cell,
.k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day {
border-bottom-color: inherit;
}
.k-scheduler .k-middle-row td {
border-bottom-style: dotted;
}
.k-scheduler-now-arrow,
.k-scheduler-now-line {
position: absolute;
}
.k-scheduler-now-arrow {
width: 0;
height: 0;
border: solid 5px transparent;
left: 0;
}
.k-scheduler-now-line {
left: 5px;
right: 0;
height: 1px;
}
.k-task {
position: relative;
}
div.k-more-events {
text-align: center;
font-size: 18px;
line-height: 1.2;
padding: 0;
}
.k-more-events > span {
display: block;
margin-top: -0.6em;
}
.k-event,
.k-more-events {
position: absolute;
border-style: solid;
border-width: 1px;
text-align: left;
overflow: hidden;
}
.k-event {
cursor: default;
min-height: 1.3em;
}
.k-event-drag-hint {
filter: alpha(opacity=60);
opacity: .6;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
.k-scheduler-header .k-event {
white-space: nowrap;
}
.k-event-template {
padding: .3em 1.4em .3em .6em;
}
.k-event-time {
display: none;
padding-bottom: 0;
font-size: .9em;
}
.k-event-drag-hint .k-event-time {
display: block;
}
.k-event-actions,
.k-event > .k-link,
.k-task > .k-link {
position: absolute;
top: 3px;
right: 4px;
white-space: nowrap;
}
.k-event-actions {
z-index: 1;
}
.k-scheduler-agendaview .k-task > .k-link {
top: 0;
right: 0;
}
.k-event-actions:first-child {
position: static;
float: left;
margin: 4px 2px 0 4px;
}
.k-webkit .k-event-actions:first-child {
margin-top: 3px;
}
.k-event-actions:first-child > .k-link {
display: inline-block;
}
.k-event-delete {
display: none;
}
.k-event:hover .k-event-delete,
tr:hover > td > .k-task .k-event-delete {
display: inline-block;
}
.k-event .k-event-top-actions,
.k-event .k-event-bottom-actions {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
}
.k-event .k-event-bottom-actions {
top: auto;
bottom: 0;
}
.k-event .k-resize-handle,
.k-scheduler-mobile .k-event:hover .k-resize-handle {
position: absolute;
visibility: hidden;
z-index: 2;
}
.k-event:hover .k-resize-handle,
.k-event-active .k-resize-handle,
.k-scheduler-mobile .k-event-active:hover .k-resize-handle {
visibility: visible;
}
.k-event .k-resize-handle:after {
content: "";
position: absolute;
filter: alpha(opacity=50);
opacity: .5;
}
.k-scheduler-mobile .k-event .k-resize-handle:after {
filter: none;
opacity: 1;
}
.k-event > .k-resize-n {
top: 0;
left: 0;
right: 0;
height: .4em;
}
.k-event > .k-resize-s {
bottom: 0;
left: 0;
right: 0;
height: .4em;
}
.k-event > .k-resize-e {
right: 0;
top: 0;
bottom: 0;
width: .4em;
}
.k-event > .k-resize-w {
left: 0;
top: 0;
bottom: 0;
width: .4em;
}
.k-event > .k-resize-n:after,
.k-event > .k-resize-s:after {
top: 1px;
left: 50%;
margin-left: -1em;
width: 2em;
height: 1px;
}
.k-event > .k-resize-s:after {
top: auto;
bottom: 1px;
}
.k-event > .k-resize-e:after,
.k-event > .k-resize-w:after {
left: 1px;
top: 50%;
margin-top: -0.7em;
height: 1.4em;
width: 1px;
}
.k-event > .k-resize-e:after {
left: auto;
right: 1px;
}
.k-scheduler-mobile .k-event > .k-resize-n,
.k-scheduler-mobile .k-event > .k-resize-s {
height: .6em;
}
.k-scheduler-mobile .k-event > .k-resize-e,
.k-scheduler-mobile .k-event > .k-resize-w {
width: .6em;
}
.k-scheduler-mobile .k-event > .k-resize-n:after,
.k-scheduler-mobile .k-event > .k-resize-s:after {
top: 0;
margin-left: -3em;
width: 4em;
height: .6em;
}
.k-scheduler-mobile .k-event > .k-resize-s:after {
bottom: 0;
}
.k-scheduler-mobile .k-event > .k-resize-e:after,
.k-scheduler-mobile .k-event > .k-resize-w:after {
left: 0;
margin-top: -0.7em;
height: 1.4em;
width: .6em;
}
.k-scheduler-mobile .k-event > .k-resize-e:after {
right: 0;
}
.k-scheduler-mobile .k-event > .k-resize-n:after {
border-radius: 0 0 4px 4px;
}
.k-scheduler-mobile .k-event > .k-resize-s:after {
border-radius: 4px 4px 0 0;
}
.k-scheduler-mobile .k-event > .k-resize-w:after {
border-radius: 0 4px 4px 0;
}
.k-scheduler-mobile .k-event > .k-resize-e:after {
border-radius: 4px 0 0 4px;
}
.k-scheduler-phone .k-scheduler-monthview .k-events-container {
position: absolute;
text-align: center;
height: 6px;
line-height: 6px;
}
.k-scheduler-phone .k-scheduler-monthview .k-event {
position: static;
display: inline-block;
width: 4px;
height: 4px;
min-height: 0;
margin: 1px;
}
.k-scheduler-marquee {
border-style: solid;
border-width: 0;
}
.k-scheduler-marquee.k-first:before,
.k-scheduler-marquee.k-last:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 3px;
}
div.k-scheduler-marquee:before {
top: 0;
left: 0;
border-right-color: transparent;
border-bottom-color: transparent;
}
div.k-scheduler-marquee:after {
bottom: 0;
right: 0;
border-top-color: transparent;
border-left-color: transparent;
}
.k-scheduler-marquee .k-label-top {
position: absolute;
top: .3em;
left: .8em;
font-size: .8em;
}
.k-scheduler-marquee .k-label-bottom {
position: absolute;
bottom: .3em;
right: .81em;
font-size: .8em;
}
.k-scheduler-quickedit .k-textbox {
width: 200px;
}
.k-tooltip-bottom {
text-align: left;
}
.k-tooltip-bottom .k-button {
float: left;
margin-right: .3em;
}
.k-tooltip-bottom .k-quickedit-details {
float: right;
margin-right: 0;
}
.k-scheduler-agendaview .k-scheduler-table th,
.k-scheduler-agendaview .k-scheduler-table td {
text-align: left;
}
.k-scheduler-times .k-slot-cell,
.k-scheduler-groupcolumn {
width: 6em;
}
.k-scheduler-datecolumn {
width: 12em;
}
.k-scheduler-timecolumn {
width: 11em;
}
.k-scheduler-timecolumn > div {
position: relative;
vertical-align: top;
}
.k-webkit .k-scheduler-timecolumn > div > .k-icon {
vertical-align: top;
}
.k-scheduler-timecolumn > div > .k-i-arrow-60-right {
position: absolute;
right: -4px;
}
.k-scheduler-timecolumn .k-i-arrow-60-left {
margin-left: -4px;
}
.k-scheduler-mark {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
margin-right: .5em;
}
.k-scheduler-agendaday {
float: left;
margin: 0 .2em 0 0;
font-size: 3em;
font-weight: normal;
}
.k-scheduler-agendaweek {
display: block;
margin: .4em 0 0;
font-size: 1.1em;
font-style: normal;
}
.k-scheduler-agendadate {
font-size: .8em;
}
.k-scheduler-timecolumn {
white-space: nowrap;
}
.k-scheduler-edit-form .k-edit-form-container,
.k-scheduler-timezones .k-edit-form-container {
width: 520px;
}
.k-scheduler-edit-form .k-edit-label {
width: 17%;
}
.k-scheduler-edit-form .k-edit-field {
width: 77%;
}
.k-scheduler-edit-form .k-textbox[name="title"],
.k-scheduler-edit-form textarea.k-textbox {
width: 100%;
}
.k-scheduler-edit-form textarea.k-textbox {
min-height: 4em;
resize: vertical;
}
.k-scheduler-edit-form > .k-edit-box:first-child .k-datetimepicker {
margin-right: 1em;
}
.km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons {
clear: right;
margin-right: 2%;
margin-left: 2%;
padding: 0 0 .6em;
}
.k-edit-box {
float: left;
}
.k-edit-box + .k-edit-box {
float: right;
}
.k-scheduler-edit-form label + input {
margin-left: 1em;
}
.k-edit-field > ul.k-reset > li {
margin: .2em 0 .4em;
line-height: 2.4;
}
.k-edit-field > ul.k-reset.k-toolbar > li {
margin: 0;
}
.k-edit-field > ul.k-reset .k-widget {
margin-left: .8em;
}
.k-edit-field > ul.k-reset .k-numerictextbox,
.k-edit-field span.k-recur-interval {
width: 5em;
}
.k-edit-field > ul.k-reset .k-dropdown,
.k-edit-field > ul.k-reset .k-datepicker,
div[name="recurrenceRule"] > .k-dropdown {
width: 9em;
}
.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
float: left;
}
.k-popup-message {
margin: 0;
padding: 1em 0 2em;
text-align: center;
}
.k-scheduler-timezones .k-dropdown:first-child {
width: 100%;
}
.k-scheduler-timezones .k-dropdown + .k-dropdown {
margin: .5em 0 .7em;
}
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
display: none;
}
.k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
display: none;
}
.k-scheduler-refresh {
float: right;
padding: 0 .5em;
}
/* Responsive styles */
@media only screen and (max-width: 1024px) {
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views {
position: absolute;
right: 6px;
top: 6px;
z-index: 10000;
}
.k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
.k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
.k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
.k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
.k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
right: auto;
left: 6px;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
display: none;
}
.k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
.k-ff .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
.k-ie11 .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
.k-edge .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
.k-safari .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
display: none;
}
.k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
.k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
.k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
.k-edge .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
.k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
display: inline;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
display: block;
border-width: 1px;
}
.k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
text-align: left;
padding-left: 1em;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
display: block;
position: relative;
padding-right: 2.5em;
padding-left: 1em;
}
.k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
padding-left: 0;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
display: block;
content: "";
position: absolute;
top: 50%;
margin-top: -0.6em;
right: 0.333em;
width: 1.333em;
height: 1.333em;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
display: block;
border: 0;
border-radius: 0;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
border: 1px solid #c5c5c5;
background-color: #fff;
background-image: none;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-ff .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-ie11 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-edge .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-safari .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
text-align: left;
}
}
@media only screen and (max-width: 480px) {
.k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
.k-ff .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
.k-ie11 .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
.k-edge .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
.k-safari .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
display: none;
}
.k-webkit .k-scheduler-timecolumn,
.k-ff .k-scheduler-timecolumn,
.k-ie11 .k-scheduler-timecolumn,
.k-edge .k-scheduler-timecolumn,
.k-safari .k-scheduler-timecolumn {
width: 5em;
}
.k-webkit .k-scheduler-datecolumn,
.k-ff .k-scheduler-datecolumn,
.k-ie11 .k-scheduler-datecolumn,
.k-edge .k-scheduler-datecolumn,
.k-safari .k-scheduler-datecolumn {
width: 6em;
overflow: hidden;
}
.k-webkit .k-scheduler-timecolumn > div,
.k-ff .k-scheduler-timecolumn > div,
.k-ie11 .k-scheduler-timecolumn > div,
.k-edge .k-scheduler-timecolumn > div,
.k-safari .k-scheduler-timecolumn > div,
.k-webkit .k-scheduler-datecolumn > div,
.k-ff .k-scheduler-datecolumn > div,
.k-ie11 .k-scheduler-datecolumn > div,
.k-edge .k-scheduler-datecolumn > div,
.k-safari .k-scheduler-datecolumn > div {
white-space: normal;
}
}
/* Remove scrollbars during PDF export */
.k-scheduler-pdf-export {
overflow: hidden;
}
.k-pdf-export-shadow .k-scheduler,
.k-scheduler-pdf-export .k-scheduler-content,
.k-scheduler-pdf-export .k-scheduler-times {
height: auto !important;
overflow: visible !important;
}
.k-scheduler-pdf-export .k-scheduler-header {
padding: 0 !important;
}
.k-scheduler-pdf-export .k-scheduler-header-wrap {
border-width: 0 !important;
}
.k-scheduler-pdf-export .k-scheduler-header .k-scheduler-table,
.k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table {
width: 100% !important;
}
/*!
*/
/* Tooltip */
.k-tooltip {
position: absolute;
z-index: 12000;
border-style: solid;
border-width: 0;
padding: 5px 5px 5px 6px;
background-repeat: repeat-x;
min-width: 20px;
/*slider tooltip only*/
text-align: center;
/*slider tooltip only*/
}
.k-tooltip-button {
text-align: right;
height: 0;
}
.k-tooltip-content {
height: 100%;
}
.k-tooltip-closable .k-tooltip-content {
padding-right: 20px;
}
span.k-tooltip {
position: static;
display: inline-block;
border-width: 1px;
padding: 2px 5px 1px 6px;
}
.k-invalid-msg {
display: none;
}
.k-callout {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
border-color: transparent;
pointer-events: none;
}
.k-callout-n {
top: -12px;
left: 50%;
pointer-events: none;
}
.k-callout-w {
top: 50%;
left: -12px;
pointer-events: none;
}
.k-callout-s {
left: 50%;
bottom: -12px;
pointer-events: none;
}
.k-callout-e {
top: 50%;
right: -12px;
pointer-events: none;
}
.k-slider-tooltip .k-callout-n,
.k-slider-tooltip .k-callout-s {
margin-left: -6px;
}
.k-slider-tooltip .k-callout-w,
.k-slider-tooltip .k-callout-e {
margin-top: -6px;
}
.k-tooltip-validation .k-i-warning {
vertical-align: text-top;
margin-right: 3px;
}
.k-tooltip-validation {
z-index: 9999;
}
/*!
*/
/* Toolbar */
.k-toolbar {
position: relative;
display: block;
vertical-align: middle;
line-height: 2.9em;
}
.k-toolbar .k-button .k-icon,
.k-toolbar .k-button .k-sprite,
.k-overflow-container .k-button .k-icon,
.k-overflow-container .k-button .k-sprite {
vertical-align: middle;
margin-top: -7px;
margin-bottom: -5px;
}
.k-toolbar .k-input {
line-height: inherit;
height: inherit;
padding-top: 2px;
padding-bottom: 2px;
}
.k-toolbar .k-input:before {
content: "\a0";
display: inline-block;
width: 0;
}
.k-ie .k-toolbar .k-input {
height: 1.65em;
}
.k-toolbar .k-combobox .k-dropdown-wrap:before,
.k-toolbar .k-picker-wrap:before,
.k-toolbar .k-numeric-wrap:before {
display: none;
}
.k-overflow-container .k-sprite {
margin-left: -4px;
}
.k-toolbar-resizable {
overflow: hidden;
white-space: nowrap;
}
.k-toolbar > .k-align-left {
float: none;
}
.k-toolbar > .k-align-right {
float: right;
}
.k-toolbar > *,
.k-toolbar .k-button {
display: inline-block;
vertical-align: middle;
line-height: 1.72em;
}
.k-toolbar .k-separator {
border-width: 0 0 0 1px;
border-style: solid;
width: 1px;
line-height: inherit;
}
.k-toolbar .k-button-group {
list-style-type: none;
}
.k-toolbar .k-button-group > li {
display: inline-block;
}
.k-toolbar .k-button-group .k-button {
margin: 0 0 0 -1px;
border-radius: 0;
}
.k-toolbar .k-button,
.k-toolbar .k-split-button,
.k-toolbar .k-button-group,
.k-toolbar .k-widget,
.k-toolbar .k-textbox,
.k-toolbar label,
.k-toolbar .k-separator {
margin: 0 .2em;
line-height: 1.72em;
vertical-align: middle;
}
.k-toolbar .k-split-button {
padding-left: 0;
}
.k-toolbar .k-split-button .k-button,
.k-toolbar .k-button-group .k-group-start {
margin: 0;
}
.k-toolbar .k-split-button .k-split-button-arrow {
margin: 0 0 0 -1px;
}
.k-toolbar .k-overflow-anchor {
border-width: 0 0 0 1px;
border-style: solid;
height: 3em;
width: 3em;
line-height: inherit;
padding: 0 .5em;
margin: 0;
position: relative;
float: right;
border-radius: 0;
}
.k-overflow-container .k-item {
float: none;
border: 0;
}
.k-overflow-container .k-separator {
border-width: 0 0 1px;
border-style: solid;
height: 1px;
line-height: 0;
font-size: 0;
padding: 0;
}
.k-overflow-container .k-overflow-button,
.k-split-container .k-button {
text-align: left;
display: block;
background: none;
border-color: transparent;
white-space: nowrap;
}
.k-split-container {
margin-top: -1px;
}
.k-overflow-container .k-button-group {
padding: 0;
}
.k-overflow-container .k-button-group > li {
display: block;
}
.k-overflow-container .k-overflow-group {
border-width: 1px 0;
border-style: solid;
border-radius: 0;
padding: 2px 0;
margin: 1px 0;
}
.k-overflow-container .k-overflow-hidden {
display: none;
}
.k-overflow-container .k-toolbar-first-visible,
.k-overflow-container .k-overflow-group + .k-overflow-group,
.k-overflow-container .k-separator + .k-overflow-group {
border-top: 0;
margin-top: 0;
padding-top: 1px;
}
.k-overflow-container .k-overflow-group + .k-separator {
display: none;
}
.k-overflow-container .k-toolbar-last-visible {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 1px;
}
/*!
*/
/* Splitter */
.k-splitter {
position: relative;
height: 300px;
}
.k-pane > .k-splitter {
border-width: 0;
overflow: hidden;
}
.k-splitter .k-pane {
overflow: hidden;
}
.k-splitter .k-scrollable {
overflow: auto;
}
.k-splitter .k-pane-loading {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
}
.k-ghost-splitbar,
.k-splitbar {
position: absolute;
border-style: solid;
font-size: 0;
outline: 0;
user-select: none;
}
.k-splitter .k-ghost-splitbar-horizontal,
.k-splitter .k-splitbar-horizontal {
top: 0;
width: 5px;
border-width: 0 1px;
background-repeat: repeat-y;
}
.k-ghost-splitbar-vertical,
.k-splitbar-vertical {
left: 0;
height: 5px;
border-width: 1px 0;
background-repeat: repeat-x;
}
.k-splitbar-draggable-horizontal {
cursor: w-resize;
}
.k-splitbar-draggable-vertical {
cursor: n-resize;
}
.k-splitbar .k-resize-handle {
display: none;
}
.k-restricted-size-horizontal,
.k-restricted-size-vertical {
background-color: #f00;
}
.k-splitbar-horizontal .k-icon {
position: absolute;
top: 50%;
margin-top: -10px;
}
.k-splitbar-horizontal .k-i-arrow-60-right {
margin-left: -2px;
}
.k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-right {
margin-top: 13px;
}
.k-splitbar-horizontal .k-i-arrow-60-left {
margin-left: -3px;
}
.k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-left {
margin-top: -28px;
}
.k-splitbar-vertical .k-i-arrow-60-up {
margin-top: -2px;
}
.k-splitbar-vertical .k-i-arrow-60-down {
margin-top: -2px;
}
.k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-up {
margin-left: -17px;
}
.k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-down {
margin-left: 23px;
}
.k-i-arrow-60-up,
.k-i-arrow-60-right,
.k-i-arrow-60-down,
.k-i-arrow-60-left {
cursor: pointer;
}
.k-splitbar-horizontal .k-icon {
position: absolute;
top: 50%;
width: 7px;
height: 20px;
margin-top: -10px;
}
.k-splitbar-static-horizontal {
width: 1px;
}
.k-splitbar-static-vertical {
height: 1px;
}
.k-splitbar-vertical .k-icon {
position: absolute;
left: 50%;
}
.k-splitbar-draggable-vertical .k-resize-handle,
.k-splitbar-draggable-horizontal .k-resize-handle {
display: inline-block;
border-radius: 1px;
}
.k-splitbar-draggable-horizontal .k-resize-handle {
width: 3px;
height: 16px;
margin-left: 1px;
}
.k-splitbar-draggable-vertical .k-resize-handle {
width: 16px;
height: 3px;
margin-top: 1px;
}
.k-splitbar .k-i-arrow-60-up,
.k-splitbar .k-i-arrow-60-right,
.k-splitbar .k-i-arrow-60-down,
.k-splitbar .k-i-arrow-60-left {
font-size: 10px;
}
.k-splitter-resizing {
overflow: hidden;
}
.k-rtl .k-splitbar-horizontal .k-resize-handle {
margin-right: 1px;
}
.k-rtl .k-splitbar-horizontal .k-i-arrow-60-right {
margin-top: 13px;
margin-right: -3px;
}
.k-rtl .k-splitbar-horizontal .k-i-arrow-60-left {
margin-top: -28px;
margin-right: -2px;
}
.k-rtl .k-splitbar-vertical .k-i-arrow-60-up {
margin-top: -2px;
margin-left: -17px;
}
.k-rtl .k-splitbar-vertical .k-i-arrow-60-down {
margin-top: -2px;
margin-left: 23px;
}
/*!
*/
/* Upload */
html .k-upload {
position: relative;
}
.k-dropzone em,
.k-upload-button {
vertical-align: middle;
}
.k-dropzone,
.k-file {
position: relative;
}
.k-dropzone {
border-style: solid;
border-width: 0;
padding: .8em;
background-color: transparent;
}
.k-dropzone em {
display: none;
margin-left: .6em;
}
.k-dropzone-active em {
display: inline-block;
}
.k-dropzone-active .k-upload-status {
display: none;
}
.k-upload-button {
position: relative;
overflow: hidden;
direction: ltr;
}
.k-upload .k-upload-button {
min-width: 7.167em;
margin-right: 1.6em;
}
.k-upload-sync .k-upload-button,
.k-ie8 .k-upload-button,
.k-ie9 .k-upload-button {
margin: .8em;
}
.k-upload-button input {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
font: 170px monospace !important;
/* critical for correct operation; larger values lead to ignoring or text layout problems in IE */
filter: alpha(opacity=0);
opacity: 0;
margin: 0;
padding: 0;
cursor: pointer;
}
.k-upload-files {
line-height: 2.66;
border-style: solid;
border-width: 1px 0 0;
padding-bottom: 5px;
}
.k-upload-files .k-button {
padding: 0;
}
.k-upload-status .k-i-warning {
display: none;
}
.k-upload-status-total .k-icon {
display: inline-block;
margin-right: 4px;
vertical-align: text-bottom;
}
.k-dropzone .k-upload-status-total {
top: 50%;
transform: translateY(-50%);
}
.k-ie .k-dropzone .k-upload-status-total {
transform: none;
}
.k-upload .k-clear-selected,
.k-upload .k-upload-selected {
display: inline-block;
width: 50%;
margin: 0;
line-height: 1em;
padding: 1.214em 0;
border: 0;
}
.k-upload .k-upload-selected {
border-left-width: 1px;
border-left-style: solid;
margin-left: -1px;
}
.k-upload .k-clear-selected {
border-radius: 0 0 0 4px;
}
.k-upload .k-upload-selected {
border-radius: 0 0 4px 0;
}
.k-upload-files ~ .k-clear-selected,
.k-upload-files ~ .k-upload-selected {
margin-top: -5px;
}
.k-upload .k-fail {
background-position: -161px -111px;
}
.k-si-refresh,
.k-i-srefresh {
background-position: -160px -128px;
}
.k-link:not(.k-state-disabled):hover > .k-si-refresh,
.k-link:not(.k-state-disabled):hover > .k-i-srefresh,
.k-state-hover > .k-si-refresh,
.k-state-hover > .k-i-srefresh,
.k-state-hover > * > .k-si-refresh,
.k-state-hover > * > .k-i-srefresh,
.k-button:not(.k-state-disabled):hover .k-si-refresh,
.k-button:not(.k-state-disabled):hover .k-i-srefresh,
.k-textbox:hover .k-si-refresh,
.k-textbox:hover .k-i-srefresh,
.k-button:active .k-si-refresh,
.k-button:active .k-i-srefresh {
background-position: -176px -128px;
}
.k-si-tick,
.k-i-stick,
.k-success {
background-position: -160px -96px;
}
.k-link:not(.k-state-disabled):hover > .k-si-tick,
.k-link:not(.k-state-disabled):hover > .k-i-stick,
.k-link:not(.k-state-disabled):hover > .k-success,
.k-state-hover > .k-si-tick,
.k-state-hover > .k-i-stick,
.k-state-hover > .k-success,
.k-state-hover > * > .k-si-tick,
.k-state-hover > * > .k-i-stick,
.k-state-hover > * > .k-success,
.k-button:not(.k-state-disabled):hover .k-si-tick,
.k-button:not(.k-state-disabled):hover .k-i-stick,
.k-button:not(.k-state-disabled):hover .k-success,
.k-textbox:hover .k-si-tick,
.k-textbox:hover .k-i-stick,
.k-textbox:hover .k-success,
.k-button:active .k-si-tick,
.k-button:active .k-i-stick,
.k-button:active .k-success {
background-position: -176px -96px;
}
.k-si-cancel,
.k-i-scancel {
background-position: -160px -112px;
}
.k-link:not(.k-state-disabled):hover > .k-si-cancel,
.k-link:not(.k-state-disabled):hover > .k-i-scancel,
.k-state-hover > .k-si-cancel,
.k-state-hover > .k-i-scancel,
.k-state-hover > * > .k-si-cancel,
.k-state-hover > * > .k-i-scancel,
.k-button:not(.k-state-disabled):hover .k-si-cancel,
.k-button:not(.k-state-disabled):hover .k-i-scancel,
.k-textbox:hover .k-si-cancel,
.k-textbox:hover .k-i-scancel,
.k-button:active .k-si-cancel,
.k-button:active .k-i-scancel {
background-position: -176px -112px;
}
.k-file {
border-style: solid;
border-width: 0 0 1px;
padding: .65em .17em .65em 1em;
}
.k-file .k-upload-action {
background: 0 0;
border-width: 0;
box-shadow: none;
margin-right: 3px;
}
.k-file .k-icon {
display: inline-block;
position: relative;
}
.k-file-extension-wrapper,
.k-file-name-size-wrapper,
.k-multiple-files-extension-wrapper,
.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
display: inline-block;
}
.k-file-extension-wrapper,
.k-multiple-files-extension-wrapper,
.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
position: relative;
width: 24px;
height: 34px;
border-width: 2px;
border-style: solid;
vertical-align: top;
font-size: .57em;
text-transform: uppercase;
}
.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
font-size: 1.2em;
}
.k-multiple-files-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
margin-top: 4px;
}
.k-file-state {
visibility: hidden;
}
.k-file-name-size-wrapper {
vertical-align: middle;
margin-left: 1em;
}
.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before,
.k-multiple-files-extension-wrapper:after,
.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:after {
position: absolute;
content: "";
display: inline-block;
border-style: solid;
}
.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before,
.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before {
top: -1px;
right: -1px;
width: 0;
height: 0;
border-width: 6px;
margin-top: -1px;
margin-right: -1px;
}
.k-multiple-files-extension-wrapper:after,
.k-multiple-files-invalid-extension-wrapper:after {
top: -6px;
left: -6px;
width: 15px;
height: 35px;
border-width: 2px 0 0 2px;
}
.k-file-extension,
.k-file-invalid-icon {
position: absolute;
bottom: 0;
line-height: normal;
}
.k-file-extension {
margin-left: .4em;
margin-bottom: .3em;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.k-file-invalid-icon {
margin-left: 5px;
}
.k-file-name,
.k-file-size,
.k-file-validation-message,
.k-file-information {
display: block;
}
.k-file-name {
position: relative;
min-width: 10em;
max-width: 16.667em;
vertical-align: middle;
line-height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.k-file-size,
.k-file-information,
.k-file-validation-message {
font-size: .78em;
line-height: 1.5em;
}
.k-file-information,
.k-file-validation-message {
line-height: 1.5em;
}
.k-file-size {
line-height: 1.2em;
}
.k-upload-files .k-upload-status {
line-height: 1;
position: absolute;
right: 10px;
top: 1em;
opacity: 0.65;
}
.k-upload-action,
.k-button.k-upload-action:hover,
.k-button.k-upload-action:active:hover,
.k-button.k-upload-action.k-state-active:hover {
color: inherit;
background: transparent;
border: 0;
}
.k-upload-action {
opacity: 0.6;
}
.k-upload-action:hover {
opacity: 1;
}
.k-upload-action .k-icon {
vertical-align: top;
}
.k-file .k-upload-status .k-button,
.k-file .k-upload-status > .k-icon {
vertical-align: middle;
border-radius: 50%;
}
.k-dropzone .k-upload-status {
position: static;
margin-left: 10px;
}
.k-upload-pct {
margin-right: .75em;
}
.k-ie8 .k-upload-status-total {
line-height: 29px;
}
.k-ie8 .k-upload-status-total,
.k-ie9 .k-upload-status-total {
top: 1.5em;
}
.k-ie8 .k-upload-status-total > .k-icon,
.k-ie9 .k-upload-status-total > .k-icon {
margin-top: -3px;
}
.k-upload-action {
line-height: normal;
}
.k-progress {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
}
.k-file-invalid > .k-progress {
width: 100%;
}
.k-upload-selected {
min-width: 7.167em;
margin: 0.25em 0 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.k-upload-selected,
.k-upload-cancel {
margin-bottom: .8em;
}
.k-upload-selected {
margin-left: .8em;
margin-right: .2em;
}
.k-rtl .k-file-extension-wrapper {
margin-left: 14px;
}
/*!
*/
.k-mediaplayer {
position: relative;
}
.k-mediaplayer > video,
.k-mediaplayer > iframe {
vertical-align: top;
}
.k-mediaplayer .k-mediaplayer-titlebar,
.k-mediaplayer .k-mediaplayer-toolbar-wrap {
z-index: 2;
}
.k-mediaplayer .k-mediaplayer-overlay {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
}
.k-mediaplayer-titlebar {
position: absolute;
top: 0;
left: 0;
right: 0;
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.05) 80%, rgba(0, 0, 0, 0));
color: white;
padding: 12px 12px 30px;
}
.k-mediaplayer-toolbar-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.k-mediaplayer-toolbar {
padding: 0px;
border-width: 0;
}
.k-mediaplayer-toolbar .k-button.k-bare {
padding-left: 9px;
padding-right: 9px;
}
.k-mediaplayer-toolbar div.k-mediaplayer-volume {
margin: 2px 6px 0;
}
.k-mediaplayer-toolbar .k-toolbar-spacer {
display: none;
}
.k-mediaplayer-toolbar .k-mediaplayer-quality {
width: auto;
padding: 0;
background: none transparent;
}
.k-mediaplayer-toolbar .k-mediaplayer-quality .k-dropdown-wrap {
border: 0 none;
box-shadow: none;
padding: 0;
background: none transparent;
color: inherit;
}
.k-mediaplayer-toolbar .k-mediaplayer-quality .k-input {
display: none;
}
.k-mediaplayer-toolbar .k-mediaplayer-quality .k-select {
position: relative;
width: auto;
min-height: 0;
line-height: inherit;
}
.k-mediaplayer-toolbar .k-align-right {
line-height: inherit;
}
.k-mediaplayer-toolbar .k-align-right > * {
display: inline-block;
}
.k-mediaplayer-currenttime {
display: inline-block;
margin-top: 2px;
}
.k-quality-list {
width: 80px !important;
margin-left: -32px !important;
}
.k-mediaplayer-fullscreen {
z-index: 10000;
position: fixed;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.k-mediaplayer-seekbar {
margin: 0;
width: 100%;
position: absolute;
top: -17px;
left: 0;
right: 0;
}
.k-mediaplayer-seekbar .k-slider-track {
width: 100% !important;
}
.k-mediaplayer-seekbar .k-slider-track,
.k-mediaplayer-seekbar .k-slider-selection {
border-radius: 0;
}
.k-mediaplayer-seekbar .k-draghandle {
opacity: 0;
transition: 0.2s opacity;
}
.k-mediaplayer-seekbar .k-draghandle.k-state-selected,
.k-mediaplayer-seekbar:hover .k-draghandle {
opacity: 1;
}
.k-mediaplayer .k-mediaplayer-seekbar {
position: absolute;
z-index: 2;
}
/*!
*/
/* ImageBrowser */
.k-toolbar-wrap .k-dropzone em,
.k-toolbar-wrap .k-upload-files {
display: none;
}
.k-toolbar-wrap .k-dropzone {
border: 0;
padding: 0;
}
.k-toolbar-wrap .k-dropzone-active {
text-align: center;
}
.k-toolbar-wrap .k-dropzone-active em {
display: inline;
margin: 0;
font-size: 5em;
font-style: normal;
}
.k-toolbar-wrap .k-dropzone-active .k-upload-button {
display: none;
}
.k-filebrowser-dropzone {
z-index: 10010;
filter: alpha(opacity=40);
opacity: .4;
position: fixed;
}
.k-search-wrap {
position: relative;
float: right;
width: 20%;
padding: 0;
}
.k-search-wrap label {
position: absolute;
top: 0;
left: 4px;
line-height: 20px;
font-style: italic;
}
.k-search-wrap input.k-input {
padding-left: 0;
padding-right: 0;
}
.k-search-wrap .k-search {
position: absolute;
top: 4px;
right: 2px;
margin: 0;
}
.k-breadcrumbs {
position: relative;
float: left;
width: 79%;
}
.k-breadcrumbs-wrap {
position: absolute;
top: 3px;
left: 0;
z-index: 1;
padding-left: 5px;
line-height: 18px;
}
.k-breadcrumbs > .k-input {
width: 100%;
font-size: inherit;
font-family: inherit;
border: 0;
}
.k-breadcrumbs .k-link,
.k-breadcrumbs-wrap .k-icon {
margin-top: 0;
text-decoration: none;
vertical-align: middle;
position: relative;
}
.k-breadcrumbs .k-link:hover {
text-decoration: underline;
}
.k-filebrowser .k-tile .k-folder,
.k-filebrowser .k-tile .k-file,
.k-filebrowser .k-tile .k-i-folder,
.k-filebrowser .k-tile .k-i-file {
font-size: 5em;
}
.k-filebrowser .k-breadcrumbs .k-i-arrow-end-left {
text-decoration: none;
cursor: default;
}
.k-filebrowser .k-filebrowser-toolbar {
border-style: solid;
border-width: 1px;
margin: 8px 0 0;
padding: .25em;
line-height: 23px;
white-space: nowrap;
/*required by WebKit*/
}
.k-filebrowser .k-filebrowser-toolbar .k-button.k-state-disabled {
display: none;
}
.k-filebrowser .k-toolbar-wrap {
float: left;
}
.k-filebrowser .k-tiles-arrange {
float: right;
}
.k-filebrowser .k-tiles-arrange .k-dropdown {
width: 75px;
}
.k-filebrowser .k-upload {
float: left;
z-index: 10010;
border-width: 0;
background-color: transparent;
}
.k-filebrowser .k-upload .k-upload-status {
display: none;
}
.k-filebrowser .k-upload .k-upload-button {
width: auto;
margin-left: 0;
vertical-align: top;
}
.k-filebrowser .k-upload .k-icon {
vertical-align: bottom;
}
.k-tiles {
clear: both;
height: 390px;
border-style: solid;
border-width: 1px;
border-top-width: 0;
margin: 0 0 1.4em;
padding: 9px;
overflow: auto;
line-height: 1.2;
}
.k-tile {
float: left;
width: 223px;
height: 88px;
overflow: hidden;
border-style: solid;
border-width: 1px;
margin: 1px;
padding: 0 0 4px;
background-position: 0 100px;
background-repeat: repeat-x;
cursor: pointer;
}
.k-tiles li.k-state-hover,
.k-tiles li.k-state-selected {
background-position: 0 center;
}
.k-filebrowser .k-thumb {
float: left;
display: inline;
width: 80px;
height: 80px;
margin: 4px 10px 0 4px;
user-select: none;
}
.k-filebrowser .k-file,
.k-filebrowser .k-i-file {
width: 80px;
height: 80px;
}
.k-filebrowser .k-image {
margin: 2px 0 0 2px;
}
.k-filebrowser .k-folder,
.k-filebrowser .k-i-folder {
width: 80px;
height: 80px;
background-position: 0 -200px;
background-repeat: no-repeat;
}
.k-filebrowser .k-loading {
margin: 35px 0 0 33px;
}
.k-tile strong,
.k-tile input {
margin: 10px 0 4px;
font-weight: normal;
}
.k-tile strong {
float: left;
width: 120px;
overflow: hidden;
text-overflow: ellipsis;
}
.k-tile input {
width: 100px;
}
.k-tile strong,
.k-tile input {
display: block;
}
.k-tile .k-filesize {
display: inline-block;
}
.k-filebrowser .k-form-text-row {
text-align: right;
}
.k-filebrowser .k-form-text-row label {
width: 14%;
}
.k-filebrowser .k-form-text-row input {
width: 80%;
}
.k-tile-empty {
margin: 160px 0 0;
}
.k-tile-empty .k-dialog-upload {
font-weight: bold;
font-size: 120%;
}
.k-tile-empty strong {
display: block;
margin: 0 0 0.2em;
font-size: 3em;
font-weight: normal;
}
.k-tile-empty,
.k-tile-empty .k-button-wrapper {
text-align: center;
}
/*!
*/
.k-chart,
.k-gauge,
.k-sparkline,
.k-stockchart {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-chart,
.k-stockchart {
height: 400px;
}
div.k-chart,
div.k-gauge,
span.k-sparkline,
.k-stockchart {
background-color: transparent;
}
.k-gauge {
text-align: left;
position: relative;
}
.k-baseline-marker {
zoom: 1;
*display: inline;
}
.k-chart-tooltip {
border-radius: 4px;
padding: 6px;
white-space: nowrap;
z-index: 12000;
line-height: normal;
background-repeat: repeat-x;
background-position: 0 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//vwMDFQELEP8beQb+HTWQYgP/DHoD/466cAR4edRAyg38P6hLbIAAAwCnWhhVsxvdCAAAAABJRU5ErkJggg==);
color: #fff;
}
.k-chart-tooltip-inverse {
color: #000;
}
.k-chart-tooltip table {
border-spacing: 0;
border-collapse: collapse;
}
.k-chart-tooltip th {
width: auto;
text-align: center;
padding: 1px;
}
.k-chart-tooltip td {
width: auto;
text-align: left;
padding: .1em .2em;
}
.k-chart-shared-tooltip-marker {
display: block;
width: 15px;
height: 3px;
}
/*Stock Charts*/
/* Selection */
.k-selector {
position: absolute;
-webkit-transform: translateZ(0);
}
.k-selection {
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #d2d2d2;
border-bottom: 0;
height: 100%;
}
.k-selection-bg {
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.01);
filter: alpha(opacity=1);
}
.k-handle {
background: #d2d2d2;
width: 7px;
height: 26px;
cursor: e-resize;
z-index: 1;
border-radius: 6px;
position: absolute;
}
.k-handle div {
width: 100%;
height: 100%;
background-color: transparent;
}
.k-left-handle {
left: -4px;
}
.k-right-handle {
right: -4px;
}
.k-left-handle div {
margin: -20px 0 0 -15px;
padding: 40px 30px 0 0;
}
.k-left-handle.k-handle-active div {
margin-left: -40px;
padding-right: 55px;
}
.k-right-handle div {
margin: -20px 0 0 -15px;
padding: 40px 0 0 30px;
}
.k-right-handle.k-handle-active div {
padding-left: 55px;
}
.k-mask {
position: absolute;
height: 100%;
background-color: #fff;
filter: alpha(opacity=80);
opacity: 0.80;
}
.k-border {
background: #d2d2d2;
width: 1px;
height: 100%;
position: absolute;
}
/* Navigator hint */
.k-navigator-hint div {
position: absolute;
}
.k-navigator-hint .k-scroll {
position: absolute;
height: 4px;
border-radius: 4px;
background: #d2d2d2;
}
.k-navigator-hint .k-tooltip {
margin-top: 20px;
min-width: 160px;
opacity: 1;
text-align: center;
border: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
background: #fff;
}
/* Sparklines */
.k-sparkline,
.k-sparkline span {
display: inline-block;
vertical-align: top;
}
.k-sparkline span {
height: 100%;
width: 100%;
}
/* Map */
.k-map,
.k-diagram {
height: 600px;
}
.k-map .km-scroll-wrapper,
.k-diagram .km-scroll-wrapper {
padding-bottom: 0;
user-select: none;
}
.k-map .km-scroll-wrapper,
.k-diagram .km-scroll-wrapper,
.k-map .km-scroll-container,
.k-diagram .km-scroll-container {
position: absolute;
width: 100%;
height: 100%;
}
.k-map .k-layer,
.k-diagram .k-layer {
position: absolute;
left: 0;
top: 0;
}
.k-map .km-touch-scrollbar,
.k-diagram .km-touch-scrollbar {
display: none;
}
.k-map .k-marker {
position: absolute;
width: 28px;
height: 40px;
margin: -40px 0 0 -14px;
cursor: pointer;
}
.k-map .k-marker-pin {
background-position: 0px 40px;
}
.k-map .k-marker-pin-target {
background-position: 0px 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.k-map .k-marker {
width: 56px;
height: 80px;
margin: -80px 0 0 -28px;
}
.k-map .k-marker-pin {
background-position: 0px 80px;
}
}
/* Control positions */
.k-map .k-pos-top {
top: 0;
}
.k-map .k-pos-bottom {
bottom: 0;
}
.k-map .k-pos-left {
left: 0;
}
.k-map .k-pos-right {
right: 0;
}
.k-map-controls {
position: absolute;
}
.k-map-controls.k-pos-left .k-widget:first-child {
margin-right: 0;
}
.k-map-controls.k-pos-right .k-widget:first-child {
margin-left: 0;
}
/* Map navigator */
.k-navigator {
width: 50px;
height: 50px;
margin: 20px;
border-radius: 80px;
position: relative;
display: inline-block;
vertical-align: middle;
}
.k-pdf-export .k-navigator {
display: none;
}
.k-navigator > button {
border-color: transparent;
background: none;
}
div.k-navigator > .k-button {
margin: 0;
padding: 0;
line-height: 10px;
border-radius: 16px;
position: absolute;
font-size: 1px;
/*IE7*/
line-height: 1px;
}
div.k-navigator .k-navigator-n,
div.k-navigator .k-navigator-up {
top: 2px;
left: 50%;
margin-left: -9px;
}
div.k-navigator .k-navigator-e,
div.k-navigator .k-navigator-right {
right: 2px;
top: 50%;
margin-top: -9px;
}
div.k-navigator .k-navigator-s,
div.k-navigator .k-navigator-down {
bottom: 2px;
left: 50%;
margin-left: -9px;
}
div.k-navigator .k-navigator-w,
div.k-navigator .k-navigator-left {
left: 2px;
top: 50%;
margin-top: -9px;
}
/* Attribution */
.k-map .k-attribution {
background-color: rgba(255, 255, 255, 0.8);
font-size: 10px;
padding: 2px 4px;
z-index: 1000;
}
/* Zoom */
.k-zoom-control {
margin: 14px;
vertical-align: middle;
}
.k-pdf-export .k-zoom-control {
display: none;
}
.k-button-wrap {
border-radius: 4px;
display: inline-block;
}
.k-button-wrap .k-button {
position: relative;
padding: 4px;
line-height: 16px;
}
.k-button-wrap .k-button .k-icon {
vertical-align: top;
}
.k-buttons-horizontal :first-child {
border-radius: 4px 0 0 4px;
}
.k-buttons-horizontal :first-child + .k-zoom-in {
border-radius: 0;
margin-left: -1px;
}
.k-buttons-horizontal .k-zoom-out {
border-radius: 0 4px 4px 0;
margin-left: -1px;
}
.k-button-wrap .k-button:hover {
z-index: 1;
}
.k-buttons-vertical .k-button {
display: block;
}
.k-buttons-vertical :first-child {
border-radius: 4px 4px 0 0;
}
.k-buttons-vertical .k-zoom-out {
border-radius: 0 0 4px 4px;
margin-top: -1px;
}
.k-zoom-text {
margin: 0;
width: 4.3em;
vertical-align: top;
}
/* RTL */
.k-rtl .k-buttons-horizontal :first-child {
border-radius: 0 4px 4px 0;
}
.k-rtl .k-buttons-horizontal :first-child + .k-zoom-in {
border-radius: 0;
margin-left: 0;
margin-right: -1px;
}
.k-rtl .k-buttons-horizontal .k-zoom-out {
border-radius: 4px 0 0 4px;
margin-left: 0;
margin-right: -1px;
}
/* Diagram */
.k-diagram {
height: 600px;
}
.k-diagram .km-scroll-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.k-diagram .km-scroll-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.k-canvas-container {
width: 100%;
height: 100%;
}
/* IE8- */
.k-diagram img {
box-sizing: content-box;
}
/* TreeMap start */
.k-treemap {
overflow: hidden;
height: 400px;
}
.k-treemap-tile {
box-sizing: border-box;
border-style: solid;
border-width: 1px;
position: absolute;
margin: -1px 0 0 -1px;
overflow: hidden;
}
.k-treemap-tile.k-leaf {
padding: .6em;
}
.k-treemap-wrap.k-last > .k-treemap-tile {
padding: .3em;
}
.k-treemap-tile.k-state-hover,
.k-treemap-tile.k-state-hover:hover {
z-index: 2;
background-image: none;
}
.k-treemap > .k-treemap-tile {
position: relative;
height: 100%;
}
.k-treemap-title {
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
line-height: 2.42em;
height: 2.42em;
padding: 0 .6em;
white-space: nowrap;
}
.k-treemap-wrap .k-treemap-title {
border-width: 0 0 1px;
border-style: solid;
}
.k-treemap-wrap {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.k-treemap-title + .k-treemap-wrap {
top: 2.42em;
}
.k-treemap-title-vertical {
box-sizing: border-box;
text-overflow: ellipsis;
position: absolute;
top: 0;
bottom: 0;
width: 2.42em;
line-height: 2.42em;
overflow: hidden;
padding: .6em 0;
white-space: nowrap;
}
.k-treemap-title-vertical > div {
position: absolute;
top: 0;
right: 1.23em;
transform-origin: right;
transform: rotate(-90deg);
}
.k-treemap-title-vertical + .k-treemap-wrap {
left: 2.42em;
}
/* TreeMap end */
/*!
*/
/* common mobile css */
.km-root,
.km-pane,
.km-pane-wrapper {
width: 100%;
height: 100%;
-ms-touch-action: none;
-ms-content-zooming: none;
user-select: none;
text-size-adjust: none;
}
.km-pane-wrapper {
position: absolute;
width: 100%;
height: 100%;
}
.km-pane,
.km-shim {
font-family: sans-serif;
}
.km-pane {
overflow-x: hidden;
}
.km-view {
top: 0;
left: 0;
position: absolute;
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
align-items: stretch;
align-content: stretch;
vertical-align: top;
}
.k-ff .km-view,
.k-ff .km-pane {
overflow: hidden;
}
.k-ff18 .km-view,
.k-ff18 .km-pane,
.k-ff19 .km-view,
.k-ff19 .km-pane,
.k-ff20 .km-view,
.k-ff20 .km-pane,
.k-ff21 .km-view,
.k-ff21 .km-pane {
position: relative;
}
.k-ff .km-view {
display: -moz-inline-box;
display: flex;
}
.km-content {
min-height: 1px;
flex: 1;
flex-align: stretch;
display: block;
width: auto;
overflow: hidden;
position: relative;
}
.km-actionsheet > li {
list-style-type: none;
padding: inherit 1em;
line-height: 2em;
}
.km-actionsheet {
padding: 0;
margin: 0;
}
.km-shim {
left: 0;
bottom: 0;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 10001;
}
.km-shim .k-animation-container,
.km-actionsheet-wrapper {
width: 100%;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
border: 0;
}
.km-shim .k-animation-container {
width: auto;
}
/* /common mobile css */
.km-pane-wrapper .k-grid-edit-form > .km-header,
.km-pane-wrapper .k-grid-column-menu > .km-header,
.km-pane-wrapper .k-grid-filter-menu > .km-header,
.km-pane-wrapper .k-scheduler-edit-form > .km-header {
border-style: solid;
border-width: 1px;
padding: .3em .6em;
text-align: center;
width: auto;
line-height: 2em;
}
.k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-toolbar,
.k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer {
line-height: 2em;
}
.km-pane-wrapper .k-grid-edit-form .k-multiselect,
.km-pane-wrapper .k-scheduler-edit-form .k-multiselect {
width: 15em;
}
.km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap,
.km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap {
display: block;
}
.km-pane-wrapper .k-grid-column-menu .k-done,
.km-pane-wrapper .k-grid-filter-menu .k-submit,
.km-pane-wrapper .k-grid-edit-form .k-grid-update,
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
float: right;
}
.km-pane-wrapper .k-grid-filter-menu .k-i-cancel,
.km-pane-wrapper .k-grid-edit-form .k-grid-cancel,
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
float: left;
}
.km-pane-wrapper .k-grid-edit-row .k-textbox {
box-sizing: border-box;
}
/* Actiosheet Styles */
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete,
*:not(.km-pane) > .km-shim .km-actionsheet .k-button {
display: block;
text-align: center;
}
*:not(.km-pane) > .km-shim .km-actionsheet .k-button {
font-size: 1.4em;
margin: .3em 1em;
}
*:not(.km-pane) > .km-shim .km-actionsheet-title {
text-align: center;
line-height: 3em;
margin-bottom: -0.3em;
}
*:not(.km-pane) > .km-shim > .k-animation-container {
margin: 0 !important;
padding: 0 !important;
left: 0 !important;
}
/* Adaptive Grid */
.km-pane-wrapper > div.km-pane {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
font-weight: normal;
}
.km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container,
.km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container,
.km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container,
.km-pane-wrapper .k-grid-filter-menu .km-content > .km-scroll-container {
position: absolute;
width: 100%;
min-height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
width: 74%;
}
.km-pane-wrapper .k-grid-edit-form .k-popup-edit-form,
.km-pane-wrapper .k-grid-edit-form .k-edit-form-container {
width: auto;
}
.km-pane-wrapper .k-filter-menu .k-button {
width: 100%;
margin: 0;
}
.k-grid-mobile {
border-width: 0;
}
.k-grid-mobile .k-resize-handle-inner {
position: absolute;
top: 50%;
margin-top: -10px;
left: -7px;
width: 17px;
height: 17px;
border-style: solid;
border-width: 2px;
border-radius: 10px;
}
.k-grid-mobile .k-resize-handle-inner:before {
content: "";
position: absolute;
top: 50%;
margin-top: -3px;
left: 1px;
width: 6px;
height: 6px;
background-position: -5px -53px;
}
.k-grid-mobile .k-resize-handle-inner:after {
content: "";
position: absolute;
top: 50%;
margin-top: -3px;
right: 1px;
width: 6px;
height: 6px;
background-position: -5px -21px;
}
/* Adaptive Grid & Scheduler */
.km-pane-wrapper .km-pane * {
background-clip: border-box;
}
.km-pane-wrapper .km-pane .k-mobile-list,
.km-pane-wrapper .k-mobile-list ul {
padding: 0;
margin: 0;
list-style-type: none;
border-radius: 0;
background: none;
}
.km-pane-wrapper .km-switch {
top: 50%;
right: .8rem;
position: absolute;
margin-top: -1.1rem;
}
.km-pane-wrapper .k-mobile-list .k-state-disabled {
opacity: 1;
}
.km-pane-wrapper .k-mobile-list .k-state-disabled > * {
opacity: .7;
}
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-item > .k-link,
.km-pane-wrapper .k-mobile-list .k-item > .k-label,
.km-pane-wrapper .k-mobile-list .k-edit-label {
display: block;
position: relative;
list-style-type: none;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .5em 0 .5em 1em;
font-size: 1em;
}
.km-pane-wrapper .k-edit-form-container,
.km-pane-wrapper .k-scheduler-edit-form .km-scroll-container {
padding-top: 1em;
width: 100%;
}
.km-pane-wrapper .k-mobile-list .k-edit-label {
position: absolute;
margin: 0;
float: none;
clear: none;
width: 100%;
}
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label label {
display: block;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .1em 0;
margin: 0;
}
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label {
font-size: 1em;
line-height: 1.6em;
overflow: hidden;
}
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label {
width: 100%;
float: none;
clear: none;
min-height: 2.7em;
}
.km-pane-wrapper .km-header .k-icon,
.km-pane-wrapper .k-grid-toolbar .k-icon,
.km-pane-wrapper .k-grid-edit .k-icon,
.km-pane-wrapper .k-grid-delete .k-icon {
display: none;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
padding: .5em 0;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar {
padding: .3em 0;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
line-height: 2em;
}
.km-pane-wrapper .k-mobile-list .k-item > * {
line-height: normal;
}
.km-pane-wrapper .k-mobile-list .k-edit-buttons,
.km-pane-wrapper .k-mobile-list .k-button-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .5em 1em;
margin: 0;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-filter-help-text > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
display: block;
padding: .2em 1em;
font-size: .95em;
position: -webkit-sticky;
margin: 0;
font-weight: normal;
line-height: 2em;
background: transparent;
border-top: 1em solid transparent;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
position: relative;
}
.km-pane-wrapper .k-mobile-list .k-item:first-child {
border-top: 0;
}
.km-pane-wrapper .k-mobile-list .k-item:last-child {
border-bottom: 0;
}
.km-pane-wrapper .k-mobile-list .k-item > .k-link,
.km-pane-wrapper .k-mobile-list .k-item > .k-label {
line-height: inherit;
text-decoration: none;
margin: -0.5em 0 -0.5em -1em;
}
/* Mobile list form elements */
.k-check[type=checkbox],
.k-check[type=radio],
.k-mobile-list .k-edit-field [type=checkbox],
.k-mobile-list .k-edit-field [type=radio] {
appearance: none;
background-color: transparent;
}
.km-pane-wrapper .k-mobile-list .k-link .k-check,
.km-pane-wrapper .k-mobile-list .k-label .k-check,
.k-mobile-list .k-edit-field [type=checkbox],
.k-mobile-list .k-edit-field [type=radio] {
border: 0;
font-size: inherit;
width: 13px;
height: 13px;
margin: .26em 1em .26em 0;
}
.k-ie .km-pane-wrapper .k-icon,
.k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check,
.k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check,
.k-ie .k-mobile-list .k-edit-field [type=checkbox],
.k-ie .k-mobile-list .k-edit-field [type=radio] {
font-size: inherit;
text-indent: -9999px;
width: 1.01em;
height: 1em;
}
.km-pane-wrapper .k-column-menu .k-label .k-check {
height: 16px;
width: 16px;
}
.km-pane-wrapper .km-pane .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .km-pane .k-mobile-list textarea,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
text-indent: 0;
font-size: 1em;
line-height: 1.6em;
vertical-align: middle;
height: auto;
padding: 0;
border: 0;
margin: 0;
background: transparent;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
border-radius: 0;
}
.km-pane-wrapper .k-mobile-list .k-widget {
border: 0;
border-radius: 0;
}
.k-ie .km-pane-wrapper .k-mobile-list .k-widget {
height: initial;
}
.km-pane-wrapper .k-mobile-list .k-widget .k-input,
.km-pane-wrapper .k-mobile-list .k-widget .k-state-default {
border: 0;
background: transparent;
}
.km-pane-wrapper *:not(.k-state-default):not(.k-pager-input) > input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
width: 80%;
padding: .6em 0;
margin: -0.5em 0;
}
.km-pane-wrapper .km-pane .k-mobile-list input,
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .km-pane .k-mobile-list textarea,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-mobile-list .k-edit-field > * {
appearance: none;
float: right;
z-index: 1;
position: relative;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
padding: 10px;
border-radius: 0;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
float: none;
width: 100%;
padding: 1px 0;
margin: 0;
border-radius: 3px;
text-indent: 30px;
border-width: 1px;
border-style: solid;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-icon {
position: absolute;
left: 20px;
z-index: 1;
}
.km-pane-wrapper .k-scheduler-views {
width: 18em;
}
.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
background: transparent;
border: 0;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
padding: .5em 1em;
}
.km-pane-wrapper #recurrence .k-scheduler-navigation {
width: 100%;
}
.km-pane-wrapper .k-scheduler-views,
.km-pane-wrapper .k-mobile-list .k-scheduler-navigation {
display: table;
table-layout: fixed;
}
.km-pane-wrapper .k-scheduler-views li,
.km-pane-wrapper .k-mobile-list .k-scheduler-navigation li {
display: table-cell;
text-align: center;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
margin: 0;
padding-left: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
margin-top: -0.5em;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child {
margin-bottom: -0.5em;
}
.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
text-indent: 1em;
}
.km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
margin-left: 20%;
float: left;
}
.km-pane-wrapper .k-mobile-list .k-picker-wrap,
.km-pane-wrapper .k-mobile-list .k-numeric-wrap,
.km-pane-wrapper .k-mobile-list .k-dropdown-wrap {
position: static;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.km-pane-wrapper .k-mobile-list .k-datepicker .k-select,
.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select,
.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select {
position: absolute;
top: 0;
right: 0;
line-height: normal;
}
.km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before,
.km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before {
content: "\a0";
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}
.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link {
height: 50%;
}
.km-pane-wrapper .k-grid .k-button,
.km-pane-wrapper .k-edit-form-container .k-button {
margin: 0;
}
.km-pane-wrapper .k-grid .k-button + .k-button,
.km-pane-wrapper .k-edit-form-container .k-button + .k-button {
margin: 0 0 0 .18em;
}
.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-numbers .k-state-selected,
.km-pane-wrapper .k-pager-wrap > .k-link {
width: 2.4em;
height: 2.4em;
line-height: 2.1em;
border-radius: 2em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-numbers .k-state-selected {
width: auto;
line-height: 2.2em;
padding: 0 .86em;
min-width: .7em;
}
.km-pane-wrapper .k-pager-wrap {
line-height: 2.4em;
}
@media all and (max-width: 1024px) {
.km-pane-wrapper .k-pager-nav + .k-pager-nav ~ .k-pager-nav {
position: absolute;
right: .3em;
top: .3em;
}
.km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
.km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav {
right: 3em;
}
.km-pane-wrapper .k-pager-info,
.km-pane-wrapper .k-pager-refresh {
display: none;
}
}
@media all and (max-width: 699px), (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width: 800px) {
.km-pane-wrapper *:not(.k-state-default):not(.k-pager-input) > input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
width: 50%;
}
.km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
margin-left: 50%;
}
.km-pane-wrapper .k-mobile-list .k-edit-field > .k-timezone-button {
margin-left: 1em;
}
.km-pane-wrapper .k-nav-today a {
padding-left: .6em;
padding-right: .6em;
}
.km-pane-wrapper li.k-nav-current {
margin-left: 0;
margin-right: 0;
}
.km-pane-wrapper .k-pager-wrap {
position: relative;
}
.km-pane-wrapper .k-pager-numbers {
width: auto;
display: block;
overflow: hidden;
margin-right: 5.5em;
float: none;
text-overflow: ellipsis;
height: 2.4em;
text-align: center;
}
.km-pane-wrapper .k-pager-numbers li {
float: none;
display: inline-block;
}
.km-pane-wrapper .k-pager-nav {
float: left;
}
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check,
.km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]),
.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
width: 100%;
}
/* Mobile Scroller */
.km-scroll-container {
user-select: none;
-webkit-margin-collapse: separate;
-webkit-transform: translatez(0);
}
.k-widget .km-scroll-wrapper {
position: relative;
padding-bottom: 0;
}
.km-touch-scrollbar {
position: absolute;
visibility: hidden;
z-index: 200000;
height: .3em;
width: .3em;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
-webkit-transition: "opacity 0.3s linear";
-o-transition: "opacity 0.3s linear";
transition: opacity 0.3s linear;
transition: "opacity 0.3s linear";
}
.km-vertical-scrollbar {
height: 100%;
right: 2px;
top: 2px;
}
.km-horizontal-scrollbar {
width: 100%;
left: 2px;
bottom: 2px;
}
/* Responsive styles */
@media only screen and (max-width: 1024px) {
.k-scheduler-toolbar > ul.k-scheduler-views {
position: absolute;
right: 6px;
top: 6px;
z-index: 10000;
}
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
right: auto;
left: 6px;
}
.k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
display: none;
}
.k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
display: none;
}
.k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
display: inline;
}
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
display: block;
border-width: 1px;
}
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
text-align: left;
padding-left: 1em;
}
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
display: block;
position: relative;
padding-right: 2.5em;
padding-left: 1em;
box-sizing: border-box;
}
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
padding-left: 0;
}
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
display: block;
content: "";
position: absolute;
top: 50%;
margin-top: -0.6em;
right: 0.333em;
width: 1.333em;
height: 1.333em;
}
.k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
.k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
display: block;
border: 0;
border-radius: 0;
}
.k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
border: 1px solid #c5c5c5;
background-color: #fff;
background-image: none;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
text-align: left;
}
}
/*!
*/
/* animation classes */
.k-fx-end .k-fx-next,
.k-fx-end .k-fx-current {
-webkit-transition: all 350ms ease-out;
-o-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.k-fx {
position: relative;
}
.k-fx .k-fx-current {
z-index: 0;
}
.k-fx .k-fx-next {
z-index: 1;
}
.k-fx-hidden,
.k-fx-hidden * {
visibility: hidden !important;
}
.k-fx-reverse .k-fx-current {
z-index: 1;
}
.k-fx-reverse .k-fx-next {
z-index: 0;
}
/* Zoom */
.k-fx-zoom.k-fx-start .k-fx-next {
transform: scale(0) !important;
}
.k-fx-zoom.k-fx-end .k-fx-next {
transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next,
.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next {
transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
transform: scale(1) !important;
}
.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
transform: scale(0) !important;
}
/* Fade */
.k-fx-fade.k-fx-start .k-fx-next {
will-change: opacity;
opacity: 0;
}
.k-fx-fade.k-fx-end .k-fx-next {
opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
will-change: opacity;
opacity: 1;
}
.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
opacity: 0;
}
/* Slide */
.k-fx-slide {
/* left */
/* left reverse */
/* right */
}
.k-fx-slide.k-fx-end .k-fx-next .km-content,
.k-fx-slide.k-fx-end .k-fx-next .km-header,
.k-fx-slide.k-fx-end .k-fx-next .km-footer,
.k-fx-slide.k-fx-end .k-fx-current .km-content,
.k-fx-slide.k-fx-end .k-fx-current .km-header,
.k-fx-slide.k-fx-end .k-fx-current .km-footer {
-webkit-transition: all 350ms ease-out;
-o-transition: all 350ms ease-out;
transition: all 350ms ease-out;
}
.k-fx-slide.k-fx-start .k-fx-next .km-content {
will-change: transform;
transform: translatex(100%);
}
.k-fx-slide.k-fx-start .k-fx-next .km-header,
.k-fx-slide.k-fx-start .k-fx-next .km-footer {
will-change: opacity;
opacity: 0;
}
.k-fx-slide.k-fx-end .k-fx-current .km-content {
transform: translatex(-100%);
}
.k-fx-slide.k-fx-end .k-fx-next .km-header,
.k-fx-slide.k-fx-end .k-fx-next .km-footer {
opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
will-change: transform;
transform: translatex(0);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
transform: translatex(100%);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
transform: translatex(-100%);
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
transform: translatex(0);
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header,
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer {
will-change: opacity;
opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header,
.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer {
opacity: 1;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header,
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer {
opacity: 0;
}
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header,
.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer {
opacity: 1;
}
.k-fx-slide.k-fx-right {
/* right reverse */
}
.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
transform: translatex(-100%);
}
.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
transform: translatex(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
transform: translatex(0);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
transform: translatex(-100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
transform: translatex(100%);
}
.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
transform: translatex(0%);
}
/* Tile */
.k-fx-tile {
/* left */
/* left reverse */
/* right */
}
.k-fx-tile.k-fx-start .k-fx-next {
will-change: transform;
transform: translatex(100%);
}
.k-fx-tile.k-fx-end .k-fx-current {
transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
will-change: transform;
transform: translatex(0);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
transform: translatex(100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
transform: translatex(0);
}
.k-fx-tile.k-fx-right {
/* right reverse */
}
.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
transform: translatex(0%);
}
/* Tile */
.k-fx-tile {
/* left */
/* left reverse */
/* right */
}
.k-fx-tile.k-fx-start .k-fx-next {
will-change: transform;
transform: translatex(100%);
}
.k-fx-tile.k-fx-end .k-fx-current {
transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
will-change: transform;
transform: translatex(0);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
transform: translatex(100%);
}
.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
transform: translatex(-100%);
}
.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
transform: translatex(0);
}
.k-fx-tile.k-fx-right {
/* right reverse */
}
.k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
transform: translatex(0);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
transform: translatex(-100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
transform: translatex(100%);
}
.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
transform: translatex(0%);
}
/* Overlay */
.k-fx.k-fx-overlay.k-fx-start .k-fx-next,
.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next {
will-change: transform;
transform: translatex(100%);
}
.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
transform: translatex(-100%);
}
.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
transform: translatey(100%);
}
.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
transform: translatey(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
will-change: transform;
transform: none;
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
transform: translatex(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
transform: translatex(-100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
transform: translatey(100%);
}
.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
transform: translatey(-100%);
}
/*!
*/
/* Virtual List */
.k-virtual-wrap {
position: relative;
}
.k-virtual-wrap .k-list.k-virtual-list {
height: auto;
}
.k-virtual-content {
overflow-y: scroll;
/* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;
position: relative;
}
.k-virtual-list > .k-virtual-content {
position: absolute;
top: 0;
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
}
.k-virtual-option-label {
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
}
.k-virtual-wrap > .k-virtual-header {
text-align: right;
}
.k-popup .k-item.k-first {
position: relative;
}
.k-virtual-content > .k-virtual-list > .k-virtual-item {
position: absolute;
width: 100%;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
}
.k-popup .k-list .k-item > .k-group,
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
text-transform: uppercase;
font-size: .857em;
}
.k-popup .k-list .k-item > .k-group {
position: absolute;
top: 0;
right: 0;
padding: 0 .5em;
line-height: 1.8;
}
.k-popup .k-state-hover > .k-group {
right: -1px;
}
.k-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first {
border-top-style: solid;
border-top-width: 1px;
padding-top: 0;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
text-align: right;
}
/*!
*/
@font-face {
font-family: 'WebComponentsIcons';
src: url('../fonts/glyphs/WebComponentsIcons.eot?gedxeo');
src: url('../fonts/glyphs/WebComponentsIcons.eot?gedxeo#iefix') format('embedded-opentype'), url('../fonts/glyphs/WebComponentsIcons.ttf?gedxeo') format('truetype'), url('../fonts/glyphs/WebComponentsIcons.woff?gedxeo') format('woff'), url('../fonts/glyphs/WebComponentsIcons.svg?gedxeo#WebComponentsIcons') format('svg');
font-weight: normal;
font-style: normal;
}
.k-i-arrow-45-up-right:before {
content: "\e000";
}
.k-i-collapse-ne:before {
content: "\e000";
}
.k-i-resize-ne:before {
content: "\e000";
}
.k-i-arrow-45-down-right:before {
content: "\e001";
}
.k-i-collapse-se:before {
content: "\e001";
}
.k-i-collapse:before {
content: "\e001";
}
.k-i-resize-se:before {
content: "\e001";
}
.k-i-arrow-45-down-left:before {
content: "\e002";
}
.k-i-collapse-sw:before {
content: "\e002";
}
.k-i-resize-sw:before {
content: "\e002";
}
.k-i-arrow-45-up-left:before {
content: "\e003";
}
.k-i-collapse-nw:before {
content: "\e003";
}
.k-i-resize-new:before {
content: "\e003";
}
.k-i-arrow-60-up:before {
content: "\e004";
}
.k-i-arrow-n:before {
content: "\e004";
}
.k-i-arrow-60-right:before {
content: "\e005";
}
.k-i-arrow-e:before {
content: "\e005";
}
.k-i-expand:before {
content: "\e005";
}
.k-i-arrow-60-down:before {
content: "\e006";
}
.k-i-arrow-s:before {
content: "\e006";
}
.k-i-arrow-60-left:before {
content: "\e007";
}
.k-i-arrow-w:before {
content: "\e007";
}
.k-i-arrow-end-up:before {
content: "\e008";
}
.k-i-seek-n:before {
content: "\e008";
}
.k-i-arrow-end-right:before {
content: "\e009";
}
.k-i-seek-e:before {
content: "\e009";
}
.k-i-arrow-end-down:before {
content: "\e00a";
}
.k-i-seek-s:before {
content: "\e00a";
}
.k-i-arrow-end-left:before {
content: "\e00b";
}
.k-i-seek-w:before {
content: "\e00b";
}
.k-i-arrow-double-60-up:before {
content: "\e00c";
}
.k-i-arrow-seek-up:before {
content: "\e00c";
}
.k-i-arrow-double-60-right:before {
content: "\e00d";
}
.k-i-arrow-seek-right:before {
content: "\e00d";
}
.k-i-arrow-double-60-down:before {
content: "\e00e";
}
.k-i-arrow-seek-down:before {
content: "\e00e";
}
.k-i-arrow-double-60-left:before {
content: "\e00f";
}
.k-i-arrow-seek-left:before {
content: "\e00f";
}
.k-i-arrows-kpi:before {
content: "\e010";
}
.k-i-kpi:before {
content: "\e010";
}
.k-i-arrows-no-change:before {
content: "\e011";
}
.k-i-arrow-overflow-down:before {
content: "\e012";
}
.k-i-arrow-chevron-up:before {
content: "\e013";
}
.k-i-arrow-chevron-right:before {
content: "\e014";
}
.k-i-arrow-chevron-down:before {
content: "\e015";
}
.k-i-arrow-chevron-left:before {
content: "\e016";
}
.k-i-arrow-up:before {
content: "\e017";
}
.k-i-arrow-right:before {
content: "\e018";
}
.k-i-arrow-down:before {
content: "\e019";
}
.k-i-arrow-left:before {
content: "\e01a";
}
.k-i-arrow-drill:before {
content: "\e01b";
}
.k-i-arrow-parent:before {
content: "\e01c";
}
.k-i-arrow-root:before {
content: "\e01d";
}
.k-i-arrows-resizing:before {
content: "\e01e";
}
.k-i-arrows-dimensions:before {
content: "\e01f";
}
.k-i-arrows-swap:before {
content: "\e020";
}
.k-i-drag-and-drop:before {
content: "\e021";
}
.k-i-categorize:before {
content: "\e022";
}
.k-i-grid:before {
content: "\e023";
}
.k-i-grid-layout:before {
content: "\e024";
}
.k-i-group:before {
content: "\e025";
}
.k-i-ungroup:before {
content: "\e026";
}
.k-i-handler-drag:before {
content: "\e027";
}
.k-i-layout:before {
content: "\e028";
}
.k-i-layout-1-by-4:before {
content: "\e029";
}
.k-i-layout-2-by-2:before {
content: "\e02a";
}
.k-i-layout-side-by-side:before {
content: "\e02b";
}
.k-i-layout-stacked:before {
content: "\e02c";
}
.k-i-columns:before {
content: "\e02d";
}
.k-i-rows:before {
content: "\e02e";
}
.k-i-reorder:before {
content: "\e02f";
}
.k-i-menu:before {
content: "\e030";
}
.k-i-more-vertical:before {
content: "\e031";
}
.k-i-more-horizontal:before {
content: "\e032";
}
.k-i-undo:before {
content: "\e100";
}
.k-i-redo:before {
content: "\e101";
}
.k-i-reset:before {
content: "\e102";
}
.k-i-reload:before {
content: "\e103";
}
.k-i-refresh:before {
content: "\e103";
}
.k-i-non-recurrence:before {
content: "\e104";
}
.k-i-reset-sm:before {
content: "\e105";
}
.k-i-reload-sm:before {
content: "\e106";
}
.k-i-refresh-sm:before {
content: "\e106";
}
.k-i-clock:before {
content: "\e107";
}
.k-i-calendar:before {
content: "\e108";
}
.k-i-save:before {
content: "\e109";
}
.k-i-floppy:before {
content: "\e109";
}
.k-i-print:before {
content: "\e10a";
}
.k-i-printer:before {
content: "\e10a";
}
.k-i-edit:before {
content: "\e10b";
}
.k-i-pencil:before {
content: "\e10b";
}
.k-i-delete:before {
content: "\e10c";
}
.k-i-trash:before {
content: "\e10c";
}
.k-i-attachment:before {
content: "\e10d";
}
.k-i-clip:before {
content: "\e10d";
}
.k-i-attachment-45:before {
content: "\e10e";
}
.k-i-clip-45:before {
content: "\e10e";
}
.k-i-link-horizontal:before {
content: "\e10f";
}
.k-i-hyperlink:before {
content: "\e10f";
}
.k-i-unlink-horizontal:before {
content: "\e110";
}
.k-i-hyperlink-remove:before {
content: "\e110";
}
.k-i-link-vertical:before {
content: "\e111";
}
.k-i-unlink-vertical:before {
content: "\e112";
}
.k-i-lock:before {
content: "\e113";
}
.k-i-unlock:before {
content: "\e114";
}
.k-i-cancel:before {
content: "\e115";
}
.k-i-cancel-outline:before {
content: "\e116";
}
.k-i-cancel-circle:before {
content: "\e117";
}
.k-i-check:before {
content: "\e118";
}
.k-i-checkmark:before {
content: "\e118";
}
.k-i-success:before {
content: "\e118";
}
.k-i-check-outline:before {
content: "\e119";
}
.k-i-checkmark-outline:before {
content: "\e119";
}
.k-i-check-circle:before {
content: "\e11a";
}
.k-i-checkmark-circle:before {
content: "\e11a";
}
.k-i-close:before {
content: "\e11b";
}
.k-i-x:before {
content: "\e11b";
}
.k-i-close-outline:before {
content: "\e11c";
}
.k-i-x-outline:before {
content: "\e11c";
}
.k-i-close-circle:before {
content: "\e11d";
}
.k-i-x-circle:before {
content: "\e11d";
}
.k-i-plus:before {
content: "\e11e";
}
.k-i-add:before {
content: "\e11e";
}
.k-i-plus-outline:before {
content: "\e11f";
}
.k-i-plus-circle:before {
content: "\e120";
}
.k-i-minus:before {
content: "\e121";
}
.k-i-minus-outline:before {
content: "\e122";
}
.k-i-minus-circle:before {
content: "\e123";
}
.k-i-sort-asc:before {
content: "\e124";
}
.k-i-sort-desc:before {
content: "\e125";
}
.k-i-unsort:before {
content: "\e126";
}
.k-i-sort-clear:before {
content: "\e126";
}
.k-i-sort-asc-sm:before {
content: "\e127";
}
.k-i-sort-desc-sm:before {
content: "\e128";
}
.k-i-filter:before {
content: "\e129";
}
.k-i-filter-clear:before {
content: "\e12a";
}
.k-i-filter-sm:before {
content: "\e12b";
}
.k-i-filter-sort-asc-sm:before {
content: "\e12c";
}
.k-i-filter-sort-desc-sm:before {
content: "\e12d";
}
.k-i-filter-add-expression:before {
content: "\e12e";
}
.k-i-filter-add-group:before {
content: "\e12f";
}
.k-i-login:before {
content: "\e130";
}
.k-i-logout:before {
content: "\e131";
}
.k-i-download:before {
content: "\e132";
}
.k-i-upload:before {
content: "\e133";
}
.k-i-hyperlink-open:before {
content: "\e134";
}
.k-i-hyperlink-open-sm:before {
content: "\e135";
}
.k-i-launch:before {
content: "\e136";
}
.k-i-window:before {
content: "\e137";
}
.k-i-window-maximize:before {
content: "\e137";
}
.k-i-windows:before {
content: "\e138";
}
.k-i-window-restore:before {
content: "\e138";
}
.k-i-tiles:before {
content: "\e138";
}
.k-i-window-minimize:before {
content: "\e139";
}
.k-i-gear:before {
content: "\e13a";
}
.k-i-cog:before {
content: "\e13a";
}
.k-i-custom:before {
content: "\e13a";
}
.k-i-gears:before {
content: "\e13b";
}
.k-i-cogs:before {
content: "\e13b";
}
.k-i-wrench:before {
content: "\e13c";
}
.k-i-settings:before {
content: "\e13c";
}
.k-i-preview:before {
content: "\e13d";
}
.k-i-eye:before {
content: "\e13d";
}
.k-i-zoom:before {
content: "\e13e";
}
.k-i-search:before {
content: "\e13e";
}
.k-i-zoom-in:before {
content: "\e13f";
}
.k-i-zoom-out:before {
content: "\e140";
}
.k-i-pan:before {
content: "\e141";
}
.k-i-move:before {
content: "\e141";
}
.k-i-calculator:before {
content: "\e142";
}
.k-i-cart:before {
content: "\e143";
}
.k-i-shopping-cart:before {
content: "\e143";
}
.k-i-connector:before {
content: "\e144";
}
.k-i-plus-sm:before {
content: "\e145";
}
.k-i-minus-sm:before {
content: "\e146";
}
.k-i-play:before {
content: "\e200";
}
.k-i-pause:before {
content: "\e201";
}
.k-i-stop:before {
content: "\e202";
}
.k-i-rewind:before {
content: "\e203";
}
.k-i-forward:before {
content: "\e204";
}
.k-i-volume-down:before {
content: "\e205";
}
.k-i-volume-up:before {
content: "\e206";
}
.k-i-volume-off:before {
content: "\e207";
}
.k-i-hd:before {
content: "\e208";
}
.k-i-subtitles:before {
content: "\e209";
}
.k-i-playlist:before {
content: "\e20a";
}
.k-i-play-sm:before {
content: "\e20c";
}
.k-i-pause-sm:before {
content: "\e20d";
}
.k-i-stop-sm:before {
content: "\e20e";
}
.k-i-audio:before {
content: "\e20b";
}
.k-i-heart-outline:before {
content: "\e300";
}
.k-i-fav-outline:before {
content: "\e300";
}
.k-i-favorite-outline:before {
content: "\e300";
}
.k-i-heart:before {
content: "\e301";
}
.k-i-fav:before {
content: "\e301";
}
.k-i-favorite:before {
content: "\e301";
}
.k-i-star-outline:before {
content: "\e302";
}
.k-i-bookmark-outline:before {
content: "\e302";
}
.k-i-star:before {
content: "\e303";
}
.k-i-bookmark:before {
content: "\e303";
}
.k-i-checkbox:before {
content: "\e304";
}
.k-i-shape-rect:before {
content: "\e304";
}
.k-i-checkbox-checked:before {
content: "\e305";
}
.k-i-tri-state-indeterminate:before {
content: "\e306";
}
.k-i-tri-state-null:before {
content: "\e307";
}
.k-i-circle:before {
content: "\e308";
}
.k-i-radiobutton:before {
content: "\e309";
}
.k-i-shape-circle:before {
content: "\e309";
}
.k-i-radiobutton-checked:before {
content: "\e30a";
}
.k-i-notification:before {
content: "\e400";
}
.k-i-bell:before {
content: "\e400";
}
.k-i-information:before {
content: "\e401";
}
.k-i-info:before {
content: "\e401";
}
.k-i-question:before {
content: "\e402";
}
.k-i-help:before {
content: "\e402";
}
.k-i-warning:before {
content: "\e403";
}
.k-i-exception:before {
content: "\e403";
}
.k-i-error:before {
content: "\e403";
}
.k-i-photo-camera:before {
content: "\e500";
}
.k-i-image:before {
content: "\e501";
}
.k-i-photo:before {
content: "\e501";
}
.k-i-image-export:before {
content: "\e502";
}
.k-i-photo-export:before {
content: "\e502";
}
.k-i-zoom-actual-size:before {
content: "\e503";
}
.k-i-zoom-best-fit:before {
content: "\e504";
}
.k-i-image-resize:before {
content: "\e505";
}
.k-i-crop:before {
content: "\e506";
}
.k-i-mirror:before {
content: "\e507";
}
.k-i-flip-horizontal:before {
content: "\e508";
}
.k-i-flip-vertical:before {
content: "\e509";
}
.k-i-rotate:before {
content: "\e50a";
}
.k-i-rotate-right:before {
content: "\e50b";
}
.k-i-rotate-left:before {
content: "\e50c";
}
.k-i-brush:before {
content: "\e50d";
}
.k-i-palette:before {
content: "\e50e";
}
.k-i-paint:before {
content: "\e50f";
}
.k-i-droplet:before {
content: "\e50f";
}
.k-i-background:before {
content: "\e50f";
}
.k-i-line:before {
content: "\e510";
}
.k-i-shape-line:before {
content: "\e510";
}
.k-i-brightness-contrast:before {
content: "\e511";
}
.k-i-saturation:before {
content: "\e512";
}
.k-i-invert-colors:before {
content: "\e513";
}
.k-i-transperancy:before {
content: "\e514";
}
.k-i-opacity:before {
content: "\e514";
}
.k-i-greyscale:before {
content: "\e515";
}
.k-i-blur:before {
content: "\e516";
}
.k-i-sharpen:before {
content: "\e517";
}
.k-i-shape:before {
content: "\e518";
}
.k-i-round-corners:before {
content: "\e519";
}
.k-i-front-element:before {
content: "\e51a";
}
.k-i-back-element:before {
content: "\e51b";
}
.k-i-forward-element:before {
content: "\e51c";
}
.k-i-backward-element:before {
content: "\e51d";
}
.k-i-align-left-element:before {
content: "\e51e";
}
.k-i-align-center-element:before {
content: "\e51f";
}
.k-i-align-right-element:before {
content: "\e520";
}
.k-i-align-top-element:before {
content: "\e521";
}
.k-i-align-middle-element:before {
content: "\e522";
}
.k-i-align-bottom-element:before {
content: "\e523";
}
.k-i-thumbnails-up:before {
content: "\e524";
}
.k-i-thumbnails-right:before {
content: "\e525";
}
.k-i-thumbnails-down:before {
content: "\e526";
}
.k-i-thumbnails-left:before {
content: "\e527";
}
.k-i-full-screen:before {
content: "\e528";
}
.k-i-fullscreen:before {
content: "\e528";
}
.k-i-full-screen-exit:before {
content: "\e529";
}
.k-i-fullscreen-exit:before {
content: "\e529";
}
.k-i-reset-color:before {
content: "\e52a";
}
.k-i-paint-remove:before {
content: "\e52a";
}
.k-i-background-remove:before {
content: "\e52a";
}
.k-i-page-properties:before {
content: "\e600";
}
.k-i-bold:before {
content: "\e601";
}
.k-i-italic:before {
content: "\e602";
}
.k-i-underline:before {
content: "\e603";
}
.k-i-font-family:before {
content: "\e604";
}
.k-i-foreground-color:before {
content: "\e605";
}
.k-i-convert-lowercase:before {
content: "\e606";
}
.k-i-convert-uppercase:before {
content: "\e607";
}
.k-i-strikethrough:before {
content: "\e608";
}
.k-i-sub-script:before {
content: "\e609";
}
.k-i-sup-script:before {
content: "\e60a";
}
.k-i-div:before {
content: "\e60b";
}
.k-i-all:before {
content: "\e60c";
}
.k-i-h1:before {
content: "\e60d";
}
.k-i-h2:before {
content: "\e60e";
}
.k-i-h3:before {
content: "\e60f";
}
.k-i-h4:before {
content: "\e610";
}
.k-i-h5:before {
content: "\e611";
}
.k-i-h6:before {
content: "\e612";
}
.k-i-list-ordered:before {
content: "\e613";
}
.k-i-list-numbered:before {
content: "\e613";
}
.k-i-list-unordered:before {
content: "\e614";
}
.k-i-list-bulleted:before {
content: "\e614";
}
.k-i-indent-increase:before {
content: "\e615";
}
.k-i-indent:before {
content: "\e615";
}
.k-i-indent-decrease:before {
content: "\e616";
}
.k-i-outdent:before {
content: "\e616";
}
.k-i-insert-up:before {
content: "\e617";
}
.k-i-insert-top:before {
content: "\e617";
}
.k-i-insert-middle:before {
content: "\e618";
}
.k-i-insert-down:before {
content: "\e619";
}
.k-i-insert-bottom:before {
content: "\e619";
}
.k-i-align-top:before {
content: "\e61a";
}
.k-i-align-middle:before {
content: "\e61b";
}
.k-i-align-bottom:before {
content: "\e61c";
}
.k-i-align-left:before {
content: "\e61d";
}
.k-i-align-center:before {
content: "\e61e";
}
.k-i-align-right:before {
content: "\e61f";
}
.k-i-align-justify:before {
content: "\e620";
}
.k-i-align-remove:before {
content: "\e621";
}
.k-i-text-wrap:before {
content: "\e622";
}
.k-i-rule-horizontal:before {
content: "\e623";
}
.k-i-table-align-top-left:before {
content: "\e624";
}
.k-i-table-align-top-center:before {
content: "\e625";
}
.k-i-table-align-top-right:before {
content: "\e626";
}
.k-i-table-align-middle-left:before {
content: "\e627";
}
.k-i-table-align-middle-center:before {
content: "\e628";
}
.k-i-table-align-middle-right:before {
content: "\e629";
}
.k-i-table-align-bottom-left:before {
content: "\e62a";
}
.k-i-table-align-bottom-center:before {
content: "\e62b";
}
.k-i-table-align-bottom-right:before {
content: "\e62c";
}
.k-i-table-align-remove:before {
content: "\e62d";
}
.k-i-borders-all:before {
content: "\e62e";
}
.k-i-all-borders:before {
content: "\e62e";
}
.k-i-borders-outside:before {
content: "\e62f";
}
.k-i-outside-borders:before {
content: "\e62f";
}
.k-i-borders-inside:before {
content: "\e630";
}
.k-i-inside-borders:before {
content: "\e630";
}
.k-i-borders-inside-horizontal:before {
content: "\e631";
}
.k-i-inside-horizontal-borders:before {
content: "\e631";
}
.k-i-borders-inside-vertical:before {
content: "\e632";
}
.k-i-inside-vertical-borders:before {
content: "\e632";
}
.k-i-border-top:before {
content: "\e633";
}
.k-i-top-border:before {
content: "\e633";
}
.k-i-border-bottom:before {
content: "\e634";
}
.k-i-bottom-border:before {
content: "\e634";
}
.k-i-border-left:before {
content: "\e635";
}
.k-i-left-border:before {
content: "\e635";
}
.k-i-border-right:before {
content: "\e636";
}
.k-i-right-border:before {
content: "\e636";
}
.k-i-border-no:before {
content: "\e637";
}
.k-i-no-border:before {
content: "\e637";
}
.k-i-borders-show-hide:before {
content: "\e638";
}
.k-i-form:before {
content: "\e639";
}
.k-i-border:before {
content: "\e639";
}
.k-i-form-element:before {
content: "\e63a";
}
.k-i-code-snippet:before {
content: "\e63b";
}
.k-i-select-all:before {
content: "\e63c";
}
.k-i-button:before {
content: "\e63d";
}
.k-i-select-box:before {
content: "\e63e";
}
.k-i-calendar-date:before {
content: "\e63f";
}
.k-i-group-box:before {
content: "\e640";
}
.k-i-textarea:before {
content: "\e641";
}
.k-i-textbox:before {
content: "\e642";
}
.k-i-textbox-hidden:before {
content: "\e643";
}
.k-i-password:before {
content: "\e644";
}
.k-i-paragraph-add:before {
content: "\e645";
}
.k-i-edit-tools:before {
content: "\e646";
}
.k-i-template-manager:before {
content: "\e647";
}
.k-i-change-manually:before {
content: "\e648";
}
.k-i-track-changes:before {
content: "\e649";
}
.k-i-track-changes-enable:before {
content: "\e64a";
}
.k-i-track-changes-accept:before {
content: "\e64b";
}
.k-i-track-changes-accept-all:before {
content: "\e64c";
}
.k-i-track-changes-reject:before {
content: "\e64d";
}
.k-i-track-changes-reject-all:before {
content: "\e64e";
}
.k-i-document-manager:before {
content: "\e64f";
}
.k-i-custom-icon:before {
content: "\e650";
}
.k-i-dictionary-add:before {
content: "\e651";
}
.k-i-image-light-dialog:before {
content: "\e652";
}
.k-i-image-insert:before {
content: "\e652";
}
.k-i-image-edit:before {
content: "\e653";
}
.k-i-image-map-editor:before {
content: "\e654";
}
.k-i-comment:before {
content: "\e655";
}
.k-i-comment-remove:before {
content: "\e656";
}
.k-i-comments-remove-all:before {
content: "\e657";
}
.k-i-silverlight:before {
content: "\e658";
}
.k-i-media-manager:before {
content: "\e659";
}
.k-i-video-external:before {
content: "\e65a";
}
.k-i-flash-manager:before {
content: "\e65b";
}
.k-i-find-and-replace:before {
content: "\e65c";
}
.k-i-find:before {
content: "\e65c";
}
.k-i-copy:before {
content: "\e65d";
}
.k-i-files:before {
content: "\e65d";
}
.k-i-cut:before {
content: "\e65e";
}
.k-i-paste:before {
content: "\e65f";
}
.k-i-paste-as-html:before {
content: "\e660";
}
.k-i-paste-from-word:before {
content: "\e661";
}
.k-i-paste-from-word-strip-file:before {
content: "\e662";
}
.k-i-paste-html:before {
content: "\e663";
}
.k-i-paste-markdown:before {
content: "\e664";
}
.k-i-paste-plain-text:before {
content: "\e665";
}
.k-i-apply-format:before {
content: "\e666";
}
.k-i-clear-css:before {
content: "\e667";
}
.k-i-copy-format:before {
content: "\e668";
}
.k-i-strip-all-formating:before {
content: "\e669";
}
.k-i-strip-css-format:before {
content: "\e66a";
}
.k-i-strip-font-elements:before {
content: "\e66b";
}
.k-i-strip-span-elements:before {
content: "\e66c";
}
.k-i-strip-word-formatting:before {
content: "\e66d";
}
.k-i-format-code-block:before {
content: "\e66e";
}
.k-i-style-builder:before {
content: "\e66f";
}
.k-i-module-manager:before {
content: "\e670";
}
.k-i-hyperlink-light-dialog:before {
content: "\e671";
}
.k-i-hyperlink-insert:before {
content: "\e671";
}
.k-i-hyperlink-globe:before {
content: "\e672";
}
.k-i-hyperlink-globe-remove:before {
content: "\e673";
}
.k-i-hyperlink-email:before {
content: "\e674";
}
.k-i-anchor:before {
content: "\e675";
}
.k-i-table-light-dialog:before {
content: "\e676";
}
.k-i-table-insert:before {
content: "\e676";
}
.k-i-table:before {
content: "\e677";
}
.k-i-table-properties:before {
content: "\e678";
}
.k-i-table-wizard:before {
content: "\e678";
}
.k-i-table-cell:before {
content: "\e679";
}
.k-i-table-cell-properties:before {
content: "\e67a";
}
.k-i-table-column-insert-left:before {
content: "\e67b";
}
.k-i-table-column-insert-right:before {
content: "\e67c";
}
.k-i-table-row-insert-above:before {
content: "\e67d";
}
.k-i-table-row-insert-below:before {
content: "\e67e";
}
.k-i-table-column-delete:before {
content: "\e67f";
}
.k-i-table-row-delete:before {
content: "\e680";
}
.k-i-table-cell-delete:before {
content: "\e681";
}
.k-i-table-delete:before {
content: "\e682";
}
.k-i-cells-merge:before {
content: "\e683";
}
.k-i-cells-merge-horizontally:before {
content: "\e684";
}
.k-i-cells-merge-vertically:before {
content: "\e685";
}
.k-i-cell-split-horizontally:before {
content: "\e686";
}
.k-i-cell-split-vertically:before {
content: "\e687";
}
.k-i-table-unmerge:before {
content: "\e688";
}
.k-i-pane-freeze:before {
content: "\e689";
}
.k-i-row-freeze:before {
content: "\e68a";
}
.k-i-column-freeze:before {
content: "\e68b";
}
.k-i-toolbar-float:before {
content: "\e68c";
}
.k-i-spell-checker:before {
content: "\e68d";
}
.k-i-validation-xhtml:before {
content: "\e68e";
}
.k-i-validation-data:before {
content: "\e68f";
}
.k-i-toggle-full-screen-mode:before {
content: "\e690";
}
.k-i-formula-fx:before {
content: "\e691";
}
.k-i-sum:before {
content: "\e692";
}
.k-i-symbol:before {
content: "\e693";
}
.k-i-dollar:before {
content: "\e694";
}
.k-i-currency:before {
content: "\e694";
}
.k-i-percent:before {
content: "\e695";
}
.k-i-custom-format:before {
content: "\e696";
}
.k-i-decimal-increase:before {
content: "\e697";
}
.k-i-decimal-decrease:before {
content: "\e698";
}
.k-i-font-size:before {
content: "\e699";
}
.k-i-image-absolute-position:before {
content: "\e69a";
}
.k-i-globe-outline:before {
content: "\e700";
}
.k-i-globe:before {
content: "\e701";
}
.k-i-marker-pin:before {
content: "\e702";
}
.k-i-marker-pin-target:before {
content: "\e703";
}
.k-i-pin:before {
content: "\e704";
}
.k-i-unpin:before {
content: "\e705";
}
.k-i-share:before {
content: "\e800";
}
.k-i-user:before {
content: "\e801";
}
.k-i-inbox:before {
content: "\e802";
}
.k-i-blogger:before {
content: "\e803";
}
.k-i-blogger-box:before {
content: "\e804";
}
.k-i-delicious:before {
content: "\e805";
}
.k-i-delicious-box:before {
content: "\e806";
}
.k-i-digg:before {
content: "\e807";
}
.k-i-digg-box:before {
content: "\e808";
}
.k-i-email:before {
content: "\e809";
}
.k-i-envelop:before {
content: "\e809";
}
.k-i-letter:before {
content: "\e809";
}
.k-i-email-box:before {
content: "\e80a";
}
.k-i-envelop-box:before {
content: "\e80a";
}
.k-i-letter-box:before {
content: "\e80a";
}
.k-i-facebook:before {
content: "\e80b";
}
.k-i-facebook-box:before {
content: "\e80c";
}
.k-i-google:before {
content: "\e80d";
}
.k-i-google-box:before {
content: "\e80e";
}
.k-i-google-plus:before {
content: "\e80f";
}
.k-i-google-plus-box:before {
content: "\e810";
}
.k-i-linkedin:before {
content: "\e811";
}
.k-i-linkedin-box:before {
content: "\e812";
}
.k-i-myspace:before {
content: "\e813";
}
.k-i-myspace-box:before {
content: "\e814";
}
.k-i-pinterest:before {
content: "\e815";
}
.k-i-pinterest-box:before {
content: "\e816";
}
.k-i-reddit:before {
content: "\e817";
}
.k-i-reddit-box:before {
content: "\e818";
}
.k-i-stumble-upon:before {
content: "\e819";
}
.k-i-stumble-upon-box:before {
content: "\e81a";
}
.k-i-tell-a-friend:before {
content: "\e81b";
}
.k-i-tell-a-friend-box:before {
content: "\e81c";
}
.k-i-tumblr:before {
content: "\e81d";
}
.k-i-tumblr-box:before {
content: "\e81e";
}
.k-i-twitter:before {
content: "\e81f";
}
.k-i-twitter-box:before {
content: "\e820";
}
.k-i-yammer:before {
content: "\e821";
}
.k-i-yammer-box:before {
content: "\e822";
}
.k-i-behance:before {
content: "\e823";
}
.k-i-behance-box:before {
content: "\e824";
}
.k-i-dribbble:before {
content: "\e825";
}
.k-i-dribbble-box:before {
content: "\e826";
}
.k-i-rss:before {
content: "\e827";
}
.k-i-rss-box:before {
content: "\e828";
}
.k-i-vimeo:before {
content: "\e829";
}
.k-i-vimeo-box:before {
content: "\e82a";
}
.k-i-youtube:before {
content: "\e82b";
}
.k-i-youtube-box:before {
content: "\e82c";
}
.k-i-folder:before {
content: "\e900";
}
.k-i-folder-open:before {
content: "\e901";
}
.k-i-folder-add:before {
content: "\e902";
}
.k-i-folder-up:before {
content: "\e903";
}
.k-i-folder-more:before {
content: "\e904";
}
.k-i-fields-more:before {
content: "\e904";
}
.k-i-aggregate-fields:before {
content: "\e905";
}
.k-i-file:before {
content: "\e906";
}
.k-i-file-vertical:before {
content: "\e906";
}
.k-i-file-add:before {
content: "\e907";
}
.k-i-file-txt:before {
content: "\e908";
}
.k-i-txt:before {
content: "\e908";
}
.k-i-file-csv:before {
content: "\e909";
}
.k-i-csv:before {
content: "\e909";
}
.k-i-file-excel:before {
content: "\e90a";
}
.k-i-file-xls:before {
content: "\e90a";
}
.k-i-excel:before {
content: "\e90a";
}
.k-i-xls:before {
content: "\e90a";
}
.k-i-file-word:before {
content: "\e90b";
}
.k-i-file-doc:before {
content: "\e90b";
}
.k-i-word:before {
content: "\e90b";
}
.k-i-doc:before {
content: "\e90b";
}
.k-i-file-mdb:before {
content: "\e90c";
}
.k-i-mdb:before {
content: "\e90c";
}
.k-i-file-ppt:before {
content: "\e90d";
}
.k-i-ppt:before {
content: "\e90d";
}
.k-i-file-pdf:before {
content: "\e90e";
}
.k-i-pdf:before {
content: "\e90e";
}
.k-i-file-psd:before {
content: "\e90f";
}
.k-i-psd:before {
content: "\e90f";
}
.k-i-file-flash:before {
content: "\e910";
}
.k-i-flash:before {
content: "\e910";
}
.k-i-file-config:before {
content: "\e911";
}
.k-i-config:before {
content: "\e911";
}
.k-i-file-ascx:before {
content: "\e912";
}
.k-i-ascx:before {
content: "\e912";
}
.k-i-file-bac:before {
content: "\e913";
}
.k-i-bac:before {
content: "\e913";
}
.k-i-file-zip:before {
content: "\e914";
}
.k-i-zip:before {
content: "\e914";
}
.k-i-film:before {
content: "\e915";
}
.k-i-css3:before {
content: "\e916";
}
.k-i-html5:before {
content: "\e917";
}
.k-i-html:before {
content: "\e918";
}
.k-i-source-code:before {
content: "\e918";
}
.k-i-view-source:before {
content: "\e918";
}
.k-i-css:before {
content: "\e919";
}
.k-i-js:before {
content: "\e91a";
}
.k-i-exe:before {
content: "\e91b";
}
.k-i-csproj:before {
content: "\e91c";
}
.k-i-vbproj:before {
content: "\e91d";
}
.k-i-cs:before {
content: "\e91e";
}
.k-i-vb:before {
content: "\e91f";
}
.k-i-sln:before {
content: "\e920";
}
.k-i-cloud:before {
content: "\e921";
}
.k-i-file-horizontal:before {
content: "\e922";
}
/*!
*/
.k-spreadsheet {
width: 800px;
height: 600px;
position: relative;
border-width: 1px;
border-style: solid;
cursor: default;
}
.k-spreadsheet .k-spreadsheet-pane {
padding-right: 1px;
position: absolute;
border-width: 1px;
border-style: solid;
overflow: hidden;
box-sizing: border-box;
}
.k-spreadsheet .k-spreadsheet-pane.k-top {
border-top-width: 0;
}
.k-spreadsheet .k-spreadsheet-pane.k-left {
border-left-width: 0;
}
.k-spreadsheet .k-spreadsheet-pane .k-spreadsheet-cell {
position: absolute;
white-space: pre;
box-sizing: border-box;
overflow: hidden;
padding: 1px 3px;
background-clip: padding-box;
}
.k-spreadsheet .k-spreadsheet-vaxis,
.k-spreadsheet .k-spreadsheet-haxis {
position: absolute;
border-style: solid;
}
.k-spreadsheet .k-spreadsheet-vaxis {
top: 0;
border-width: 0 0 0 1px;
}
.k-spreadsheet .k-spreadsheet-haxis {
left: 0;
border-width: 1px 0 0;
}
.k-spreadsheet .k-filter-range,
.k-spreadsheet .k-spreadsheet-selection {
border-width: 1px;
border-style: solid;
position: absolute;
box-sizing: border-box;
}
.k-spreadsheet .k-spreadsheet-active-cell {
position: absolute;
box-sizing: border-box;
}
.k-spreadsheet .k-spreadsheet-action-bar {
border-width: 0 0 1px;
border-style: solid;
position: relative;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
display: table;
width: 100%;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor,
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar {
display: table-cell;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
position: relative;
vertical-align: top;
border-width: 0 1px 0 0;
border-style: solid;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox {
width: 9.5em;
border-radius: 0;
border-color: transparent;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap {
border-radius: 0;
border-color: transparent;
background: transparent;
box-shadow: none;
border-width: 0;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-input {
border-radius: 0;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor .k-combobox .k-dropdown-wrap .k-select {
border-radius: 0;
margin: -1px -1px -1px 0;
padding: 1px 1px 1px 0;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar {
width: 100%;
padding-left: 31px;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
position: relative;
display: inline-block;
overflow: hidden;
width: 1em;
height: 1em;
text-align: center;
vertical-align: middle;
background-image: none;
font: 16px/1 'WebComponentsIcons';
speak: none;
font-variant: normal;
text-transform: none;
text-indent: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e691";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
border-width: 0 1px 0 0;
border-style: solid;
width: 24px;
margin-left: -24px;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-input {
overflow: hidden;
height: 2.294em;
max-height: 2.294em;
line-height: 1.94em;
text-indent: 0.8em;
border: 0;
margin: 0;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-state-border-down {
padding-bottom: 0;
}
.k-spreadsheet .k-spreadsheet-formula-input {
outline: none;
border-width: 0;
height: 26px;
line-height: 20px;
width: 100%;
box-sizing: border-box;
white-space: pre;
padding: 3px 0.5em;
}
.k-spreadsheet .k-spreadsheet-cell-editor {
position: absolute;
display: none;
padding: 0 3px;
line-height: 20px;
z-index: 2000;
overflow: hidden;
}
.k-spreadsheet > .k-spreadsheet-view {
position: relative;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
}
.k-spreadsheet .k-tabstrip-wrapper {
position: relative;
line-height: 1.7em;
}
.k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
padding: 0.3em 0 0;
}
.k-spreadsheet .k-spreadsheet-quick-access-toolbar {
display: inline-block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
padding: 0.3em 0.3em 0;
}
.k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
padding: .3em;
line-height: 1.4em;
}
.k-spreadsheet .k-merged-cells-wrapper,
.k-spreadsheet .k-selection-wrapper,
.k-spreadsheet .k-filter-wrapper,
.k-spreadsheet .k-spreadsheet-row-header {
position: relative;
}
.k-spreadsheet .k-spreadsheet-column-header {
position: absolute;
}
.k-spreadsheet .k-filter-wrapper {
pointer-events: none;
}
.k-spreadsheet .k-spreadsheet-sheets-bar {
border-width: 1px 0 0;
}
.k-spreadsheet .k-vertical-align-center {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.k-spreadsheet .k-vertical-align-bottom {
position: relative;
top: 100%;
transform: translateY(-100%);
}
.k-spreadsheet .k-dirty {
position: absolute;
top: 0;
right: 0;
margin: -2px 0 0 -7px;
border-width: 4px;
border-color: #f00 #f00 transparent transparent;
}
.k-spreadsheet .k-single-selection::after {
content: " ";
height: 6px;
width: 6px;
position: absolute;
display: block;
bottom: 0;
right: 0;
border-radius: 50%;
margin-bottom: -5px;
margin-right: -5px;
border-width: 1px;
border-style: solid;
z-index: 100;
cursor: crosshair;
}
.k-spreadsheet .k-spreadsheet-edit-container .k-single-selection::after {
display: none;
}
.k-spreadsheet .k-auto-fill,
.k-spreadsheet .k-auto-fill-punch {
position: absolute;
box-sizing: border-box;
}
.k-spreadsheet .k-auto-fill {
border-width: 1px;
border-style: solid;
cursor: crosshair;
}
.k-spreadsheet .k-auto-fill-wrapper {
position: relative;
}
.k-spreadsheet .k-spreadsheet-vborder {
position: absolute;
border-left-style: solid;
border-left-width: 1px;
}
.k-spreadsheet .k-spreadsheet-hborder {
position: absolute;
border-top-style: solid;
border-top-width: 1px;
}
.k-spreadsheet-names-popup .k-item {
position: relative;
}
.k-spreadsheet-names-popup .k-icon {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0.7;
cursor: pointer;
}
.k-spreadsheet-names-popup .k-icon:hover {
opacity: 1;
}
.k-horizontal-resize {
cursor: col-resize;
}
.k-vertical-resize {
cursor: row-resize;
}
.k-spreadsheet-data,
.k-merged-cells-wrapper,
.k-selection-wrapper,
.k-spreadsheet-active-cell {
cursor: cell;
}
.k-horizontal-resize .k-spreadsheet-data,
.k-horizontal-resize .k-merged-cells-wrapper,
.k-horizontal-resize .k-selection-wrapper,
.k-horizontal-resize .k-spreadsheet-active-cell {
cursor: col-resize;
}
.k-vertical-resize .k-spreadsheet-data,
.k-vertical-resize .k-merged-cells-wrapper,
.k-vertical-resize .k-selection-wrapper,
.k-vertical-resize .k-spreadsheet-active-cell {
cursor: row-resize;
}
.k-spreadsheet .k-colorpicker .k-tool-icon {
overflow: visible;
}
.k-button.k-reset-color,
.k-button.k-custom-color {
display: block;
width: 100%;
border-radius: 0;
border: none;
text-align: left;
line-height: 2em;
}
.k-spreadsheet-colorpicker .k-colorpalette {
border: 1px solid #dbdbdb;
border-left: none;
border-right: none;
padding: 0.4em;
}
.k-spreadsheet-filter {
position: absolute;
cursor: pointer;
pointer-events: all;
}
.k-spreadsheet-sample {
float: right;
}
.k-spreadsheet-clipboard-paste,
.k-spreadsheet-clipboard {
position: fixed;
opacity: 0;
top: 0;
left: 0;
overflow: hidden;
padding: 0;
margin: 0;
border: 0;
width: 1px;
height: 1px;
box-sizing: border-box;
}
textarea.k-spreadsheet-clipboard {
position: fixed;
}
.k-spreadsheet-top-corner {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
border-width: 0 1px 1px 0;
border-style: solid;
}
.k-spreadsheet-top-corner:after {
content: "";
display: block;
width: 0;
height: 0;
overflow: hidden;
position: absolute;
bottom: 0;
right: 0;
border-width: 6px;
border-style: solid;
}
.k-spreadsheet-scroller {
width: 100%;
height: 100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
position: absolute;
z-index: 1;
}
.k-spreadsheet-fixed-container {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
z-index: 2;
user-select: none;
}
.k-spreadsheet-view-size {
position: relative;
}
.k-spreadsheet-column-header,
.k-spreadsheet-row-header {
text-align: center;
}
.k-spreadsheet-column-header .k-spreadsheet-cell,
.k-spreadsheet-row-header .k-spreadsheet-cell {
border-style: solid;
border-width: 0 1px 1px 0;
}
div.k-spreadsheet-window {
padding: 1.167em .75em .75em;
}
.k-spreadsheet-window .k-edit-form-container {
width: 100%;
}
.k-spreadsheet-window .k-root-tabs {
border-width: 0;
margin: -1em -1em 0;
padding: .5em 1em 0;
}
.k-spreadsheet-window .k-root-tabs .k-loading {
display: none;
}
.k-spreadsheet-window .k-list-wrapper {
padding: .15em 0;
border-width: 1px;
border-style: solid;
height: 190px;
}
.k-spreadsheet-window .k-list .k-item {
border-radius: 0;
padding: .5em .6em .4em .6em;
cursor: pointer;
line-height: 1.1em;
}
.k-spreadsheet-window .k-format-filter {
width: 100%;
}
.k-spreadsheet-window .k-format-filter + .k-group-header + .k-list-wrapper {
margin-top: 1em;
}
.k-spreadsheet-window .k-action-buttons {
padding: 1em;
}
.k-spreadsheet-window .k-edit-label {
width: 27%;
margin: 0 0 0 .75em;
}
.k-spreadsheet-window .k-edit-field {
width: 67%;
margin: 0 .917em 0 0;
}
.k-spreadsheet-window .k-edit-field > .k-radio-label {
margin-right: 1.25em;
vertical-align: baseline;
}
.k-spreadsheet-window .k-edit-field > .k-radio-label:before,
.k-spreadsheet-window .k-edit-field > .k-radio-label:after {
margin-top: -1px;
}
.k-spreadsheet-window .k-edit-label,
.k-spreadsheet-window .k-edit-field {
padding: 0;
line-height: 3em;
}
.k-spreadsheet-window .k-edit-field .k-textbox,
.k-spreadsheet-window .k-edit-field .k-dropdown {
width: 100%;
}
.k-spreadsheet-window .export-config {
border-width: 1px 0 0;
border-style: solid;
padding: 1em;
margin: 0 -1em;
}
.k-spreadsheet-window .export-config .k-edit-field {
width: 40%;
float: left;
margin-left: 30px;
}
.k-spreadsheet-window .k-edit-field > input[type="radio"] {
display: inline;
opacity: 0;
width: 0;
margin: 0;
}
.k-spreadsheet-window .k-edit-field > .k-orientation-label {
position: relative;
display: inline-block;
text-align: center;
width: 28px;
height: 28px;
line-height: 28px;
border-width: 1px;
border-style: solid;
}
.k-spreadsheet-window .k-edit-field > .k-orientation-label:before {
font-family: 'KendoUIGlyphs';
font-size: 16px;
}
.k-spreadsheet-window .k-orientation-portrait-label:before {
content: "\e639";
}
.k-spreadsheet-window .k-orientation-landscape-label:before {
content: "\e901";
}
.k-spreadsheet-window .k-page-orientation {
position: absolute;
right: 2em;
top: 25%;
width: 64px;
height: 92px;
border-width: 1px;
border-style: solid;
}
.k-spreadsheet-window .k-page-orientation:before {
position: absolute;
top: 0;
right: 0;
content: "";
display: inline-block;
width: 0;
height: 0;
border-width: 3px;
border-style: solid;
margin-top: -1px;
margin-right: -1px;
}
.k-spreadsheet-window .k-page-landscape {
top: 29%;
width: 92px;
height: 64px;
}
.k-spreadsheet-window .k-margins-horizontal {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 62px;
border-width: 1px 0;
border-style: solid;
}
.k-spreadsheet-window .k-margins-vertical {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 34px;
height: 100%;
border-width: 0 1px;
border-style: solid;
}
.k-spreadsheet-window .k-page-landscape .k-margins-horizontal {
height: 34px;
}
.k-spreadsheet-window .k-page-landscape .k-margins-vertical {
width: 62px;
}
.k-spreadsheet-window .export-config:after,
.k-spreadsheet-window > div:after {
content: " ";
display: block;
clear: both;
height: 0;
}
.k-spreadsheet-format-cells .k-spreadsheet-preview {
font-weight: bold;
text-align: center;
font-size: 1.16em;
line-height: 3.64em;
margin: 0 -0.863em 0.72em;
border-style: solid;
border-width: 1px 0;
}
.k-spreadsheet-border-palette {
width: 153px;
}
.k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
box-sizing: border-box;
width: 20%;
}
.k-spreadsheet-border-palette .k-colorpalette {
vertical-align: bottom;
}
.k-spreadsheet-popup .k-separator {
width: 1px;
height: 1.8em;
vertical-align: middle;
display: inline-block;
}
.k-spreadsheet-popup .k-colorpalette {
vertical-align: top;
}
.k-spreadsheet-popup .k-button.k-button-icon {
padding: 0.6em;
border-width: 0;
border-radius: 0;
}
.k-spreadsheet-popup .k-button.k-button-icontext {
display: block;
text-align: left;
text-transform: initial;
padding: 0.3em 1.5em 0.3em 0.9em;
border-width: 0;
border-radius: 0;
}
.k-spreadsheet-filter-menu {
width: 280px;
}
.k-spreadsheet-filter-menu > .k-menu {
border-width: 0;
}
.k-spreadsheet-filter-menu > .k-menu .k-link {
padding-left: 26px;
}
.k-spreadsheet-filter-menu > .k-menu .k-icon.k-icon {
margin-left: -26px;
width: 26px;
}
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
height: 200px;
overflow-y: scroll;
overflow-x: auto;
border-width: 1px;
border-style: solid;
}
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper .k-treeview {
overflow: visible;
padding: 6px 7px;
}
.k-spreadsheet-filter-menu .k-details {
border-top-width: 1px;
border-top-style: solid;
padding: 4px 0;
}
.k-spreadsheet-filter-menu .k-details-summary {
cursor: pointer;
line-height: 26px;
}
.k-spreadsheet-filter-menu .k-details-summary .k-icon {
margin: 0 5px;
}
.k-spreadsheet-filter-menu .k-details-content {
padding: 0 8px 0 26px;
}
.k-spreadsheet-filter-menu .k-details-content > .k-textbox,
.k-spreadsheet-filter-menu .k-details-content > .k-widget {
width: 100%;
margin-bottom: 3px;
}
.k-spreadsheet-filter-menu .k-details-content .k-space-right {
background-image: none;
}
.k-spreadsheet-filter-menu .k-details-content .k-filter-and {
width: 75px;
margin: 8px 0;
}
.k-spreadsheet-filter-menu .k-action-buttons {
border-top-width: 0;
margin: 8px;
padding: 0;
position: static;
}
.k-resize-handle,
.k-resize-hint {
position: absolute;
}
.k-resize-hint-handle {
width: 100%;
height: 20px;
}
.k-resize-hint-marker {
width: 2px;
height: 100%;
margin: 0 auto;
}
.k-resize-hint-vertical .k-resize-hint-handle {
height: 100%;
width: 20px;
float: left;
}
.k-resize-hint-vertical .k-resize-hint-marker {
height: 2px;
width: 100%;
}
.k-spreadsheet-quick-access-toolbar .k-button,
.k-button.k-spreadsheet-sheets-bar-add {
border-color: transparent;
background-color: transparent;
background-image: none;
}
/* top TabStrip */
.k-spreadsheet-tabstrip {
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
}
.k-spreadsheet-tabstrip > .k-content {
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
margin: 0;
padding: 0;
}
.k-spreadsheet-tabstrip .k-loading {
display: none;
}
.k-spreadsheet-toolbar.k-toolbar {
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
}
.k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor + * {
margin-left: 0.3em;
}
.k-spreadsheet-toolbar.k-toolbar > .k-button-group {
border-width: 0;
}
.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar .k-button,
.k-spreadsheet-toolbar > .k-button-group,
.k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) {
margin: 0;
border-color: transparent;
background-color: transparent;
background-image: none;
}
.k-spreadsheet-toolbar > .k-widget[data-property='fontSize'] {
width: 75px;
}
.k-spreadsheet-toolbar > .k-widget[data-property='format'] {
width: 100px;
}
.k-spreadsheet-toolbar > .k-widget[data-property='fontFamily'] {
width: 130px;
}
.k-spreadsheet-toolbar > .k-combobox .k-state-default:not(.k-state-hover):not(.k-state-active) .k-input {
background-color: transparent;
box-shadow: none;
}
.k-spreadsheet-toolbar > .k-widget .k-state-default:not(.k-state-hover):not(.k-state-active) .k-select {
border-color: transparent;
}
.k-spreadsheet-toolbar .k-separator {
margin: 0 3px;
width: 0;
overflow: hidden;
height: 1.8em;
vertical-align: middle;
display: inline-block;
}
.k-spreadsheet-formula-input > .k-syntax-func.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-bool.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-ref.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-str.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-num.k-syntax-at-point {
text-decoration: underline;
}
.k-spreadsheet-formula-input > .k-series-a,
.k-spreadsheet-formula-input > .k-series-b,
.k-spreadsheet-formula-input > .k-series-c,
.k-spreadsheet-formula-input > .k-series-d {
background-color: transparent;
}
.k-spreadsheet-selection-highlight {
border-width: 1px;
border-style: solid;
position: absolute;
box-sizing: border-box;
}
.k-spreadsheet-formula-list {
min-width: 100px;
}
.k-spreadsheet-formula-list .k-item {
padding: 0 .3em;
box-shadow: none;
}
/* bottom TabStrip */
.k-spreadsheet-sheets-bar {
position: relative;
}
.k-button.k-spreadsheet-sheets-bar-add {
position: absolute;
bottom: .2em;
left: .4em;
z-index: 1;
}
.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
padding: 0;
margin: 0.5em 0.5em 0.5em -0.5em;
}
.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
padding: 2px;
line-height: normal;
}
.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
margin: 0;
}
.k-spreadsheet-sheets-items-hint {
margin-top: .1em;
background: none !important;
border-width: 0 !important;
}
.k-spreadsheet-editor-button {
position: absolute;
width: 20px;
z-index: 10;
margin-left: 2px;
padding: 0 !important;
}
.k-spreadsheet-editor-button span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.hint-wrapper {
margin-top: 1em;
}
.hint-wrapper:before {
content: "";
display: block;
width: 100%;
height: 1px;
margin-left: -0.917em;
padding-right: .917em;
padding-left: .917em;
}
.k-edit-form-container > div:after {
display: block;
content: "";
clear: both;
}
.k-spreadsheet-filter-menu .k-i-arrow-45-down-right {
cursor: pointer;
}
.k-spreadsheet-import-errors .k--header-message {
font-weight: bold;
padding-bottom: 5px;
border-bottom: 1px solid #888;
margin-bottom: 5px;
}
.k-spreadsheet-import-errors .k--errors {
max-height: 350px;
overflow: auto;
}
.k-spreadsheet-import-errors .k--errors table {
border-collapse: collapse;
font-size: 90%;
}
.k-spreadsheet-import-errors .k--errors table td,
.k-spreadsheet-import-errors .k--errors table th {
padding: 2px 4px;
border-bottom: 1px solid #bbb;
}
.k-spreadsheet-import-errors .k--errors table th {
text-align: left;
border-bottom: 1px solid #000;
}
/*!
*/
/* Dialog */
.k-dialog {
min-width: 90px;
min-height: 3em;
max-width: 100%;
max-height: 100%;
}
.k-window.k-dialog {
position: fixed;
padding-top: 0;
}
.k-dialog .k-dialog-titlebar {
position: static;
margin: 0;
padding: 0.6em 0.8em 1em 0.8em;
width: auto;
}
.k-dialog .k-dialog-titlebar .k-dialog-title {
margin: 0;
padding: 0;
width: auto;
max-width: 98%;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.2em;
line-height: 1.2em;
}
.k-dialog .k-content {
margin: 0;
padding: 1.8em 1em 1.8em 1em;
}
.k-dialog.k-dialog-titleless .k-content {
padding: 2.4em;
}
.k-dialog .k-dialog-buttongroup {
margin: 0;
padding: 0;
}
.k-dialog a.k-dialog-action.k-dialog-close {
position: absolute;
top: .35em;
right: 0;
cursor: pointer;
z-index: 10000;
}
.k-dialog.k-dialog-titleless a.k-dialog-action.k-dialog-close {
right: .5em;
top: 1em;
}
.k-dialog.k-alert .k-dialog-titlebar,
.k-dialog.k-confirm .k-dialog-titlebar,
.k-dialog.k-prompt .k-dialog-titlebar {
background: none;
border-bottom: none;
}
.k-dialog.k-alert .k-content,
.k-dialog.k-confirm .k-content {
padding: 2.4em;
}
.k-dialog.k-prompt .k-content {
padding: 1.2em 1.2em 0.6em 1.2em;
}
.k-dialog .k-prompt-container {
width: auto;
padding: 0.6em 1.2em 1.8em 1.2em;
}
.k-dialog .k-prompt-container .k-textbox {
width: 100%;
}
.k-dialog .k-button {
box-sizing: border-box;
}
/* Default fonts for PDF export */
/*!
*/
/* sans-serif */
@font-face {
font-family: "DejaVu Sans";
src: url("DejaVuSans.ttf?v=1.1") format("truetype");
}
@font-face {
font-family: "DejaVu Sans";
font-weight: bold;
src: url("DejaVuSans-Bold.ttf?v=1.1") format("truetype");
}
@font-face {
font-family: "DejaVu Sans";
font-style: italic;
src: url("DejaVuSans-Oblique.ttf?v=1.1") format("truetype");
}
@font-face {
font-family: "DejaVu Sans";
font-weight: bold;
font-style: italic;
src: url("DejaVuSans-BoldOblique.ttf?v=1.1") format("truetype");
}
/* serif */
@font-face {
font-family: "DejaVu Serif";
src: url("DejaVuSerif.ttf?v=1.1") format("truetype");
}
@font-face {
font-family: "DejaVu Serif";
font-weight: bold;
src: url("DejaVuSerif-Bold.ttf?v=1.1") format("truetype");
}
@font-face {
font-family: "DejaVu Serif";
font-style: italic;
src: url("DejaVuSerif-Italic.ttf?v=1.1") format("truetype");
}
@font-face {
font-family: "DejaVu Serif";
font-weight: bold;
font-style: italic;
src: url("DejaVuSerif-BoldItalic.ttf?v=1.1") format("truetype");
}
/* monospace */
@font-face {
font-family: "DejaVu Mono";
src: url("DejaVuSansMono.ttf?v=1.1") format("truetype");
}
@font-face {
font-family: "DejaVu Mono";
font-weight: bold;
src: url("DejaVuSansMono-Bold.ttf?v=1.1") format("truetype");
}
@font-face {
font-family: "DejaVu Mono";
font-style: italic;
src: url("DejaVuSansMono-Oblique.ttf?v=1.1") format("truetype");
}
@font-face {
font-family: "DejaVu Mono";
font-weight: bold;
font-style: italic;
src: url("DejaVuSansMono-BoldOblique.ttf?v=1.1") format("truetype");
}
.kendo-pdf-hide-pseudo-elements:before,
.kendo-pdf-hide-pseudo-elements:after {
display: none !important;
}
.k-pdf-export sub,
.k-pdf-export sup {
display: inline-block;
}
.k-widget.k-tabstrip {
background-color: transparent;
background-image: none;
border-style: none;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-tabstrip .k-tabstrip-items {
padding: 0;
}
.k-tabstrip-items .k-link {
padding: .65em .92em;
}
.k-tabstrip > .k-content,
.k-panelbar .k-tabstrip > .k-content {
margin: 0;
}
.k-slider-track {
border-width: 1px;
border-style: solid;
}
.k-grouping-dropclue {
margin-top: 10px;
}
.k-grid tr td {
border-width: 0 0 1px 1px;
border-style: solid;
}
.k-slider-horizontal .k-slider-track,
.k-slider-horizontal .k-slider-selection {
margin-top: -5px;
}
.k-slider-vertical .k-slider-track,
.k-slider-vertical .k-slider-selection {
margin-left: -5px;
}
input.k-textbox {
height: 2.43em;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
padding: 0.167em 0;
}
.k-combobox-clearable .k-input {
padding-right: 1.9em;
}
.k-autocomplete > .k-i-close {
margin-right: 8px;
}
.k-colorpicker .k-selected-color {
width: 2.28571428em;
height: 2.28571428em;
}
.k-colorpicker .k-selected-color .k-i-line {
font-size: 2.28571428em;
}
.k-combobox > .k-dropdown-wrap > .k-i-close {
right: 2.55em;
}
.k-multiselect > .k-multiselect-wrap > .k-i-close {
top: 7px;
}
.k-numerictextbox .k-link {
height: 1.167em;
}
.k-webkit .k-rtl .k-widget .k-dropdown-wrap .k-input,
.k-webkit .k-rtl .k-widget .k-numeric-wrap .k-input {
margin-right: 0;
}
.k-rtl .k-widget.k-autocomplete > .k-i-close,
.k-rtl .k-widget.k-multiselect > .k-multiselect-wrap > .k-i-close {
left: 0;
right: initial;
margin-left: 8px;
margin-right: 0;
}
.k-rtl .k-widget.k-combobox > .k-dropdown-wrap > .k-i-close {
left: 2.55em;
right: initial;
}
.k-pager-wrap,
.k-pager-numbers .k-link {
line-height: 2.3em;
}
.k-pager-wrap > .k-link {
height: 2.3em;
line-height: 2.3em;
}
.k-pager-wrap > .k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
min-width: 2.3em;
}
.k-pager-sizes .k-dropdown-wrap .k-input {
line-height: 2em;
}
.k-toolbar .k-button-group .k-button {
margin: 0;
}
.k-checkbox-label:before,
.k-checkbox-label:after,
.k-radio-label:before,
.k-radio-label:after {
box-sizing: content-box;
}
.k-spreadsheet-window .k-page-orientation {
top: 25%;
}
.k-spreadsheet-window .k-page-landscape {
top: 28%;
}
.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
margin: 0 0 0 -0.5em;
padding: .65em .92em .65em .32em;
}
.k-button.k-spreadsheet-sheets-bar-add {
padding-top: 2px;
padding-bottom: 2px;
top: 2px;
bottom: 4px;
}
.k-spreadsheet .k-spreadsheet-sheets-bar {
padding-bottom: 4px;
}
.k-gantt .k-grid-content tr,
.k-gantt-rows tr,
.k-gantt-tasks tr {
height: 2.4em;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-tabstrip-wrapper .k-content {
min-height: 510px;
height: 38em;
}
.k-edit-label,
.k-edit-form-container .editor-label {
padding: 0.65em 0 1em;
}
.k-editor-dialog.k-editor-table-wizard-dialog .k-dropdown.k-align {
min-width: 56px;
}
.k-grid .k-edit-cell input[type='checkbox'],
.k-grid .k-edit-cell input.k-checkbox {
margin-left: calc(3.3em);
}
.k-grid .k-edit-cell input[type='checkbox'] + label.k-checkbox-label,
.k-grid .k-edit-cell input.k-checkbox + label.k-checkbox-label {
margin-left: .3em;
}
/**
* Kendo UI v2017.2.504 (http://www.telerik.com/kendo-ui)
* Copyright 2017 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
/*!
*/
/* Kendo skin */
/*!
*/
.k-theme-test-class,
.ktb-theme-id-bootstrap {
opacity: 0;
}
.ktb-var-accent {
color: #428bca;
}
.ktb-var-base {
color: #ebebeb;
}
.ktb-var-background {
color: #fff;
}
.ktb-var-border-radius {
border-radius: 4px;
}
.ktb-var-normal-background {
color: #fff;
}
.ktb-var-normal-gradient {
background-image: none;
}
.ktb-var-normal-text-color {
color: #585858;
}
.ktb-var-hover-background {
color: #ebebeb;
}
.ktb-var-hover-gradient {
background-image: none;
}
.ktb-var-hover-text-color {
color: #fff;
}
.ktb-var-selected-background {
color: #428bca;
}
.ktb-var-selected-gradient {
background-image: none;
}
.ktb-var-selected-text-color {
color: #fff;
}
.ktb-var-error {
color: #ffe0d9;
}
.ktb-var-warning {
color: #fbeed5;
}
.ktb-var-success {
color: #eaf7ec;
}
.ktb-var-info {
color: #e5f5fa;
}
.ktb-var-series-a {
color: #428bca;
}
.ktb-var-series-b {
color: #5bc0de;
}
.ktb-var-series-c {
color: #5cb85c;
}
.ktb-var-series-d {
color: #f2b661;
}
.ktb-var-series-e {
color: #e67d4a;
}
.ktb-var-series-f {
color: #da3b36;
}
.k-grid-norecords-template {
background-color: #fff;
border: 1px solid #d5d5d5;
}
.k-in,
.k-item,
.k-window-action {
border-color: transparent;
}
/* main colors */
.k-splitbar .k-resize-handle {
background-color: #585858;
}
.k-block,
.k-widget {
background-color: #fff;
}
.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-button-group .k-tool,
.k-popup.k-align .k-list .k-item:last-child,
.k-upload-files {
border-color: #d5d5d5;
}
.k-group,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-calendar th,
.k-calendar .k-alt,
.k-dropzone-hovered,
.k-widget.k-popup {
background-color: #fff;
}
.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
background-color: #fff;
}
.k-list-container {
border-color: rgba(0, 0, 0, 0.2);
background-color: #fff;
}
.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
background-color: #fff;
}
.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
background-color: #f5f5f5;
}
.k-pivot-rowheaders .k-alt .k-alt,
.k-header.k-alt {
background-color: #e1e1e1;
}
.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
border-color: #d5d5d5;
background-color: #fff;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-autocomplete.k-state-focused .k-input,
.k-dropdown-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused .k-input {
border-color: #d5d5d5;
}
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input {
background: none;
}
.k-input,
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input,
.k-multiselect-wrap {
background-color: #fff;
color: #585858;
}
.k-input[readonly] {
background-color: #fff;
color: #585858;
}
.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
color: #585858;
}
.k-inverse {
color: #fff;
}
.k-block {
color: #848484;
}
.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
color: #0095da;
}
.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
color: #585858;
}
.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
color: #848484;
}
.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-button,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
background-image: none;
background-position: 50% 50%;
background-color: #fff;
}
.k-widget.k-tooltip {
background-image: none;
}
.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-button,
.k-draghandle,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
background-color: #fff;
}
.k-grid-header,
.k-grid-header tr:first-child {
background: transparent;
}
.k-mediaplayer-toolbar {
background-color: rgba(255, 255, 255, 0.85);
}
/* icons */
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite,
.k-pager-numbers .k-current-page .k-link:hover:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after {
opacity: 1;
}
.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
opacity: 1;
}
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
opacity: 1;
}
.k-tool {
border-color: transparent;
}
/* IE will ignore the above selectors if these are added too */
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
background-image: url('../bower_components/kendo-ui/styles/Bootstrap/sprite.png');
border-color: transparent;
}
.k-i-loading {
background-image: url('../bower_components/kendo-ui/styles/Bootstrap/loading.gif');
}
.k-loading-image {
background-image: url('../bower_components/kendo-ui/styles/Bootstrap/loading-image.gif');
}
.k-loading-color {
background-color: #fff;
}
.k-button {
color: #fff;
border-color: #d5d5d5;
background-color: #0095da;
}
.k-draghandle {
border-color: #d5d5d5;
background-color: #fff;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-draghandle:hover {
border-color: #aeaeae;
background-color: #ebebeb;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
/* Scheduler */
.k-scheduler {
color: #fff;
background-color: #fff;
}
.k-scheduler-layout {
color: #585858;
}
.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
background-color: #fff;
color: #585858;
}
.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
border-color: #b5b5b5;
}
.k-nonwork-hour {
background-color: #f5f5f5;
}
.k-gantt .k-nonwork-hour {
background-color: rgba(0, 0, 0, 0.02);
}
.k-gantt .k-header.k-nonwork-hour {
background-color: rgba(0, 0, 0, 0.2);
}
.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
background-color: #e8e8e8;
}
.k-scheduler-now-arrow {
border-left-color: #dbdbdb;
}
.k-scheduler-now-line {
background-color: #dbdbdb;
}
.k-event,
.k-task-complete {
border-color: #3174ad;
background: #3174ad 0 -257px none repeat-x;
color: #fff;
}
.k-event-inverse {
color: #585858;
}
.k-event.k-state-selected {
background-position: 0 0;
-webkit-box-shadow: 0 0 0 2px #585858;
-webkit-box-shadow: 0 0 0 2px #585858, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 2px #585858, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 2px #585858, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 2px #585858;
}
.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
background-color: #fff;
}
.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
border-color: #0095da;
}
.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
background-color: #fff;
color: #585858;
border-color: #d5d5d5;
}
.k-panelbar > li > .k-link {
color: #585858;
}
.k-panelbar > .k-item > .k-link {
border-color: #d5d5d5;
}
.k-panel > li.k-item {
background-color: #fff;
}
/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
background-color: #fff;
border-color: #0095da;
color: #585858;
}
.k-fieldselector .k-list-container {
background-color: #fff;
}
.k-button:focus,
.k-button.k-state-focused {
border-color: #76abd9;
}
.k-button:hover,
.k-button.k-state-hover {
color: #585858;
border-color: #aeaeae;
background-color: #ebebeb;
}
.k-button:active,
.k-button.k-state-active {
color: #fff;
background-color: #ebebeb;
border-color: #428bca;
}
.k-button:active:hover,
.k-button.k-state-active:hover {
color: #fff;
border-color: #285e8e;
background-color: #3276b1;
}
.k-button:focus:not(.k-state-disabled):not([disabled]) {
-webkit-box-shadow: 0 0 7px 0 #76abd9;
-webkit-box-shadow: 0 0 7px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 7px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 7px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 7px 0 #76abd9;
}
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
-webkit-box-shadow: inset 0 0 5px 3px #d4d4d4;
-webkit-box-shadow: inset 0 0 5px 3px #d4d4d4, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0 5px 3px #d4d4d4, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 5px 3px #d4d4d4, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 5px 3px #d4d4d4;
}
.k-menu .k-state-hover > .k-state-active {
background-color: transparent;
}
.k-state-highlight {
background: #fff;
color: #585858;
}
.k-state-focused,
.k-grouping-row .k-state-focused {
border-color: #0095da;
}
.k-mediaplayer-toolbar .k-button.k-bare:active,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover {
color: #428bca;
}
.k-calendar .k-link {
color: #585858;
}
.k-calendar .k-footer {
padding: 0;
}
.k-calendar .k-footer .k-nav-today {
color: #585858;
text-decoration: none;
background-color: #fff;
}
.k-calendar .k-footer .k-nav-today:hover,
.k-calendar .k-footer .k-nav-today.k-state-hover {
background-color: #fff;
text-decoration: underline;
}
.k-calendar .k-footer .k-nav-today:active {
background-color: #fff;
}
.k-calendar .k-link.k-nav-fast {
color: #585858;
}
.k-calendar .k-nav-fast.k-state-hover {
text-decoration: none;
background-color: #ebebeb;
color: #fff;
}
.k-calendar .k-link.k-state-hover {
border-radius: 4px;
}
.k-calendar .k-state-focused.k-state-hover {
background-color: #98deff;
}
.k-calendar .k-state-selected.k-state-hover {
background-color: #3276b1;
}
.k-calendar .k-state-selected.k-state-hover .k-link {
color: #fff;
}
.k-calendar td.k-state-focused.k-state-selected.k-state-hover {
box-shadow: inset 0 0 7px 0 #1f496e;
}
.k-calendar .k-today {
background-color: #ebebeb;
}
.k-calendar .k-today.k-state-selected {
background-color: #0095da;
}
.k-calendar .k-today.k-state-hover {
background-color: #d9d9d9;
}
.k-calendar .k-today.k-state-focused.k-state-hover {
background-color: #98deff;
}
.k-calendar .k-today.k-state-selected.k-state-hover {
background-color: #3276b1;
}
.k-calendar .k-footer .k-link {
border-radius: 0;
}
.k-calendar th {
background-color: #f5f5f5;
}
.k-window-titlebar .k-link {
border-radius: 4px;
}
.k-calendar-container.k-group {
border-color: rgba(0, 0, 0, 0.2);
}
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
color: #fff;
background-color: #0095da;
border-color: #0095da;
}
.k-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first {
border-top-color: #82c135;
}
.k-group-header + div > .k-list > .k-item.k-first:before {
border-top-color: #82c135;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
background: #82c135;
color: #fff;
}
.k-popup .k-list .k-item > .k-group {
background: #82c135;
color: #fff;
border-bottom-left-radius: 3px;
}
.k-marquee-text {
color: #fff;
}
.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button.k-state-focused {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-popup .k-list .k-state-focused {
border-radius: 4px;
box-shadow: inset 0 0 2px 0 #428bca, none;
}
.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-ie8 .k-panelbar span.k-state-focused,
.k-ie8 .k-menu li.k-state-focused,
.k-ie8 .k-listview > .k-state-focused,
.k-ie8 .k-grid-header th.k-state-focused,
.k-ie8 td.k-state-focused,
.k-ie8 .k-tool.k-state-hover,
.k-ie8 .k-button:focus,
.k-ie8 .k-button.k-state-focused {
background-color: #82c135;
}
.k-list > .k-state-selected.k-state-focused,
.k-list-optionlabel.k-state-selected.k-state-focused {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-state-selected > .k-link,
.k-panelbar > li > .k-state-selected,
.k-panelbar > li.k-state-default > .k-link.k-state-selected {
color: #fff;
}
.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active,
.k-listbox .k-item:hover:not(.k-state-disabled) {
color: #fff;
background-color: #82c135;
border-color: #82c135;
}
/* this selector should be used separately, otherwise old IEs ignore the whole rule */
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
color: #fff;
background-color: #82c135;
border-color: #82c135;
}
.k-ie8 .k-window-titlebar .k-state-hover {
border-color: #82c135;
}
.k-state-hover > .k-select,
.k-state-focused > .k-select {
border-color: #82c135;
}
.k-button:hover,
.k-button.k-state-hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover,
.k-listbox .k-item:hover {
background-image: none;
}
.k-pager-wrap {
background-color: #fff;
color: #848484;
}
.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link,
.k-button:active,
.k-panelbar > .k-item > .k-state-focused {
background-image: none;
}
.k-state-selected,
.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
background-image: none;
}
.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
background-position: 50% 50%;
}
.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em {
color: #fff;
}
.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
background-color: #fff;
background-image: none;
background-position: 50% 50%;
border-color: #82c135;
}
.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.k-dropdown .k-state-focused .k-input {
color: #585858;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
background-image: none;
background-position: 50% 50%;
background: #ebebeb;
border-color: #ebebeb;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
background: #fff;
border-color: #d5d5d5;
}
.km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
border-color: #76abd9;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-dropdown .k-state-hover .k-input {
color: #fff;
}
.k-state-error {
border-color: #dbdbdb;
background-color: #e3e3e3;
color: #909090;
}
.k-state-disabled {
opacity: .7;
}
.k-ie11 .k-select,
.k-edge .k-select,
.k-ie11 .k-popup-edit-form,
.k-edge .k-popup-edit-form {
opacity: .9;
}
.k-ie8 .k-state-disabled {
filter: alpha(opacity=70);
}
.k-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
border-width: 0;
background-image: none;
background-color: transparent;
}
.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-dropzone .k-upload-status,
.k-tile-empty strong,
.k-slider .k-draghandle {
color: #999999;
}
/* Progressbar */
.k-progressbar-indeterminate {
background: url('../bower_components/kendo-ui/styles/Bootstrap/indeterminate.gif');
}
.k-progressbar-indeterminate .k-progress-status-wrap,
.k-progressbar-indeterminate .k-state-selected {
display: none;
}
/* Slider */
.k-slider-track {
background-color: #d5d5d5;
}
.k-slider-selection {
background-color: #0095da;
}
.k-slider-horizontal .k-tick {
background-image: url('../bower_components/kendo-ui/styles/Bootstrap/slider-h.gif');
}
.k-slider-vertical .k-tick {
background-image: url('../bower_components/kendo-ui/styles/Bootstrap/slider-v.gif');
}
/* Tooltip */
.k-widget.k-tooltip,
.k-chart-crosshair-tooltip,
.k-chart-shared-tooltip {
border-color: #b5b5b5;
background-color: #e6e6e6;
color: #333;
}
.k-widget.k-tooltip-validation {
border-color: #fbeed5;
background-color: #fbeed5;
color: #90640e;
}
/* Bootstrap theme fix */
.input-prepend .k-tooltip-validation,
.input-append .k-tooltip-validation {
font-size: 12px;
position: relative;
top: 3px;
}
.k-callout-n {
border-bottom-color: #b5b5b5;
}
.k-callout-w {
border-right-color: #b5b5b5;
}
.k-callout-s {
border-top-color: #b5b5b5;
}
.k-callout-e {
border-left-color: #b5b5b5;
}
.k-tooltip-validation .k-callout-n {
border-bottom-color: #fbeed5;
}
.k-tooltip-validation .k-callout-w {
border-right-color: #fbeed5;
}
.k-tooltip-validation .k-callout-s {
border-top-color: #fbeed5;
}
.k-tooltip-validation .k-callout-e {
border-left-color: #fbeed5;
}
/* Splitter */
.k-splitbar {
background-color: #fff;
}
.k-restricted-size-vertical,
.k-restricted-size-horizontal {
background-color: #909090;
}
/* Upload */
.k-file {
background-color: #fff;
border-color: #b5b5b5;
}
.k-file-progress {
color: #2498bc;
}
.k-file-progress .k-progress {
background-color: #2498bc;
}
.k-file-success .k-file-name,
.k-file-success .k-upload-pct {
color: #28760b;
}
.k-file-success .k-progress {
background-color: #ddffd0;
}
.k-file-error {
color: #d92800;
}
.k-file-error .k-file-extension-wrapper,
.k-file-error .k-multiple-files-extension-wrapper {
color: #d92800;
border-color: #d92800;
}
.k-file-error .k-file-extension-wrapper:before,
.k-file-error .k-multiple-files-extension-wrapper:before {
background-color: #fff;
border-color: transparent transparent #d92800 #d92800;
}
.k-file-error .k-progress {
background-color: #d92800;
}
.k-file-extension-wrapper,
.k-multiple-files-extension-wrapper {
color: #999999;
border-color: #999999;
}
.k-file-invalid .k-file-name-invalid {
color: #d92800;
}
.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
color: #d92800;
border-color: #d92800;
}
.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before {
background-color: #fff;
border-color: transparent transparent #999999 #999999;
}
.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before {
background-color: #fff;
border-color: transparent transparent #d92800 #d92800;
}
.k-multiple-files-extension-wrapper:after {
border-top-color: #999999;
border-left-color: #999999;
}
.k-multiple-files-invalid-extension-wrapper:after {
border-top-color: #d92800;
border-left-color: #d92800;
}
.k-file-size,
.k-file-information,
.k-file-validation-message {
color: #999999;
}
.k-upload .k-upload-selected {
color: #428bca;
border-color: #d5d5d5;
}
.k-upload .k-upload-selected:hover {
color: #fff;
background-color: #428bca;
}
/* ImageBrowser */
.k-tile {
border-color: #fff;
}
.k-textbox:hover,
.k-tiles li.k-state-hover {
border-color: #82c135;
}
.k-tiles li.k-state-selected {
border-color: #0095da;
}
/* TreeMap */
.k-leaf,
.k-leaf.k-state-hover:hover {
color: #fff;
}
.k-leaf.k-inverse,
.k-leaf.k-inverse.k-state-hover:hover {
color: #000;
}
/* Shadows */
.k-widget,
.k-button {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-slider,
.k-treeview,
.k-upload {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-state-hover {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-state-selected {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-state-active {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-grid td.k-state-selected.k-state-focused {
background-color: #009fe9;
}
.k-popup,
.k-menu .k-menu-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.k-treemap-tile.k-state-hover {
-webkit-box-shadow: inset 0 0 0 3px #d5d5d5;
-webkit-box-shadow: inset 0 0 0 3px #d5d5d5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0 0 3px #d5d5d5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 0 3px #d5d5d5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 0 3px #d5d5d5;
}
/* Window */
.k-window {
border-color: rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
-webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
background-color: #fff;
}
.k-window.k-state-focused {
border-color: rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
}
.k-window.k-window-maximized,
.k-window-maximized .k-window-titlebar,
.k-window-maximized .k-window-content {
border-radius: 0;
}
.k-shadow {
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.k-inset {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
/* Selection */
.k-editor-inline ::selection {
background-color: #0095da;
text-shadow: none;
color: #fff;
}
.k-editor-inline ::-moz-selection {
background-color: #0095da;
text-shadow: none;
color: #fff;
}
/* Notification */
.k-widget.k-notification.k-notification-info {
background-color: #e5f5fa;
color: #2498bc;
border-color: #bae5f2;
}
.k-widget.k-notification.k-notification-success {
background-color: #eaf7ec;
color: #3ea44e;
border-color: #c5e9cb;
}
.k-widget.k-notification.k-notification-warning {
background-color: #fbeed5;
color: #bf8412;
border-color: #f7dba6;
}
.k-widget.k-notification.k-notification-error {
background-color: #ffe0d9;
color: #d92800;
border-color: #ffb6a6;
}
/* Gantt */
.k-gantt .k-treelist {
background: #f5f5f5;
}
.k-gantt .k-treelist .k-alt {
background-color: #dcdcdc;
}
.k-gantt .k-treelist tr:hover {
background-color: #ebebeb;
}
.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td,
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td {
background-color: #0095da;
}
.k-task-dot:after {
background-color: #585858;
border-color: #585858;
}
.k-task-dot:hover:after {
background-color: #fff;
}
.k-task-summary {
border-color: #989898;
background: #989898;
}
.k-task-milestone,
.k-task-summary-complete {
border-color: #585858;
background: #585858;
}
.k-state-selected.k-task-summary {
border-color: #5bcbff;
background: #5bcbff;
}
.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
border-color: #0095da;
background: #0095da;
}
.k-task-single {
background-color: #3a86c8;
border-color: #3174ad;
color: #fff;
}
.k-state-selected.k-task-single {
border-color: #0095da;
}
.k-line {
background-color: #585858;
color: #585858;
}
.k-state-selected.k-line {
background-color: #0095da;
color: #0095da;
}
.k-resource {
background-color: #fff;
}
/* Border radius */
.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-notification,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload,
.k-split-button {
border-radius: 4px;
}
.k-tool {
text-align: center;
vertical-align: middle;
}
.k-tool.k-group-start,
.k-toolbar .k-split-button .k-button,
.k-toolbar .k-button-group .k-group-start {
border-radius: 4px 0 0 4px;
}
.k-rtl .k-tool.k-group-start,
.k-rtl .k-toolbar .k-split-button .k-button,
.k-rtl .k-toolbar .k-button-group .k-group-start {
border-radius: 0 4px 4px 0;
}
.k-toolbar .k-button-group > .k-group-end {
border-radius: 4px;
}
.k-tool.k-group-end,
.k-toolbar .k-button-group .k-button + .k-group-end,
.k-toolbar .k-split-button .k-split-button-arrow {
border-radius: 0 4px 4px 0;
}
.k-rtl .k-tool.k-group-end,
.k-rtl .k-toolbar .k-button-group .k-group-end,
.k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
border-radius: 4px 0 0 4px;
}
.k-toolbar:not(.k-spreadsheet-toolbar) .k-button-group .k-button {
border-left-color: transparent;
}
.k-toolbar:not(.k-spreadsheet-toolbar) .k-button-group .k-group-start {
border-left-color: #d5d5d5;
}
.k-toolbar:not(.k-spreadsheet-toolbar) .k-button-group .k-button:focus {
border-left-color: #76abd9;
}
.k-group-start.k-group-end.k-tool {
border-radius: 4px;
}
.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
border-radius: 0 0 4px 4px;
}
.k-autocomplete.k-state-border-up .k-input,
.k-dropdown-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-selected-color,
.k-numeric-wrap.k-state-border-up .k-input {
border-radius: 0 0 0 4px;
}
.k-multiselect.k-state-border-up .k-multiselect-wrap {
border-radius: 0 0 4px 4px;
}
.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
border-radius: 4px 4px 0 0;
}
.k-split-button.k-state-border-down > .k-button {
border-radius: 4px 0 0 0;
}
.k-split-button.k-state-border-up > .k-button {
border-radius: 0 0 0 4px;
}
.k-split-button.k-state-border-down > .k-split-button-arrow {
border-radius: 0 4px 0 0;
}
.k-split-button.k-state-border-up > .k-split-button-arrow {
border-radius: 0 0 4px 0;
}
.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
border-radius: 3px 0 0 3px;
}
.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input {
border-radius: 0 3px 3px 0;
}
.k-numeric-wrap .k-link {
border-radius: 0 3px 0 0;
}
.k-numeric-wrap .k-link + .k-link {
border-radius: 0 0 3px 0;
}
.k-colorpicker .k-selected-color {
border-radius: 3px 0 0 3px;
}
.k-rtl .k-colorpicker .k-selected-color {
border-radius: 0 3px 3px 0;
}
.k-autocomplete.k-state-border-down .k-input {
border-radius: 4px 4px 0 0;
}
.k-dropdown-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input {
border-radius: 4px 0 0 0;
}
.k-numeric-wrap .k-link.k-state-selected {
background-color: #0095da;
}
.k-multiselect.k-state-border-down .k-multiselect-wrap {
border-radius: 3px 3px 0 0;
}
.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-list-container.k-state-border-right {
border-radius: 0 4px 4px 0;
}
.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-list-container.k-state-border-right {
border-radius: 4px 0 0 4px;
}
.k-numeric-wrap.k-expand-padding .k-input {
border-radius: 4px;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
border-radius: 3px;
}
.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone,
.k-listbox .k-item {
border-radius: 3px;
}
.k-slider .k-button,
.k-grid .k-slider .k-button {
border-radius: 4px;
}
.k-draghandle {
border-radius: 7px;
}
.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
border-radius: 4px 0 0 4px;
}
.k-rtl .k-scheduler-toolbar > ul li:first-child,
.k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
border-radius: 0 4px 4px 0;
}
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
.k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link,
.k-edit-field > .k-scheduler-navigation {
border-radius: 4px;
}
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child .k-link {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.k-rtl .k-scheduler-toolbar .k-nav-next,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
border-radius: 4px 0 0 4px;
}
.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link {
border-radius: 4px;
}
.k-more-events,
.k-event,
.k-task-single,
.k-task-complete,
.k-event .k-link {
border-radius: 3px;
}
.k-scheduler-mobile .k-event {
border-radius: 2px;
}
/* Adaptive Grid */
.k-grid-mobile .k-column-active + th.k-header {
border-left-color: #585858;
}
html .km-pane-wrapper .km-widget,
.k-ie .km-pane-wrapper .k-widget,
.k-ie .km-pane-wrapper .k-group,
.k-ie .km-pane-wrapper .k-content,
.k-ie .km-pane-wrapper .k-header,
.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-edit-field {
color: #585858;
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
div.km-pane-wrapper a {
color: #585858;
}
}
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
background-color: #fff;
border-top: 1px solid #b5b5b5;
}
.km-pane-wrapper .k-mobile-list .k-edit-field textarea {
outline-width: 0;
}
.km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
background-color: #0095da;
border-top-color: #0095da;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
border-top-color: transparent;
}
.km-pane-wrapper .k-mobile-list .k-item:last-child {
-webkit-box-shadow: inset 0 -1px 0 #b5b5b5;
-webkit-box-shadow: inset 0 -1px 0 #b5b5b5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 -1px 0 #b5b5b5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 -1px 0 #b5b5b5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 -1px 0 #b5b5b5;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
color: #696969;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
border-bottom: 1px solid #b5b5b5;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
-webkit-box-shadow: 0 1px 1px #b5b5b5;
-webkit-box-shadow: 0 1px 1px #b5b5b5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 1px #b5b5b5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 1px #b5b5b5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 1px #b5b5b5;
}
.km-actionsheet .k-grid-delete,
.km-actionsheet .k-scheduler-delete,
.km-pane-wrapper .k-scheduler-delete,
.km-pane-wrapper .k-filter-menu .k-button[type=reset] {
color: #fff;
border-color: #dbdbdb;
background-color: red;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
}
.km-actionsheet .k-grid-delete:active,
.km-actionsheet .k-scheduler-delete:active,
.km-pane-wrapper .k-scheduler-delete:active,
.km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
background-color: #990000;
}
.km-pane-wrapper .k-pager-numbers .k-link,
.km-pane-wrapper .k-pager-numbers .k-state-selected,
.km-pane-wrapper .k-pager-wrap > .k-link {
border-radius: 0;
}
.km-pane-wrapper .k-pager-nav.k-pager-first {
border-radius: 4px 0 0 4px;
}
/* /Column Menu */
.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
background-image: none;
background-position: 50% 50%;
background-color: #fff;
border-color: #d5d5d5;
}
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
background-color: #fff;
background-image: none;
background-position: 50% 50%;
border-color: #82c135;
}
.k-multiselect.k-header {
border-color: #d5d5d5;
}
.k-multiselect.k-header.k-state-hover {
border-color: #82c135;
}
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
background-color: #fff;
background-image: none;
background-position: 50% 50%;
border-color: #82c135;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-list-container {
color: #585858;
}
.k-nodata {
color: #999999;
}
.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
color: #585858;
}
.k-state-default > .k-select {
border-color: #d5d5d5;
}
.k-state-hover > .k-select {
border-color: #82c135;
}
.k-state-focused > .k-select {
border-color: #82c135;
}
.k-tabstrip:focus {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
color: #585858;
}
.k-tabstrip-items .k-state-hover .k-link,
.k-panelbar > li.k-state-hover > .k-link,
.k-panelbar > li.k-state-default > .k-link.k-state-hover {
color: #fff;
}
.k-panelbar > .k-state-focused.k-state-hover {
background: #82c135;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-tabstrip-items .k-state-default {
border-color: #d5d5d5;
}
.k-tabstrip-items .k-state-hover {
border-color: #82c135;
}
.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
background-color: #fff;
background-image: none;
border-color: #0095da;
}
.k-tabstrip-top .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active {
border-bottom-color: #fff;
}
.k-tabstrip .k-content.k-state-active {
background-color: #fff;
color: #585858;
}
.k-menu.k-header,
.k-menu .k-item {
border-color: #cccccc;
}
.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
border-color: #d5d5d5;
}
.k-overflow-container .k-overflow-group {
box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
}
.k-toolbar-first-visible.k-overflow-group,
.k-overflow-container .k-overflow-group + .k-overflow-group {
box-shadow: 0 1px 0 #ffffff;
}
.k-toolbar-last-visible.k-overflow-group {
box-shadow: inset 0 1px 0 #ffffff;
}
.k-column-menu .k-separator {
border-color: #d5d5d5;
background-color: transparent;
}
.k-menu .k-group {
border-color: rgba(0, 0, 0, 0.2);
}
.k-grid-filter.k-state-active {
background-color: #fff;
}
.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
color: #585858;
border-color: #d5d5d5;
font-weight: bold;
}
.k-grouping-header {
color: #585858;
}
.k-grid tr:hover {
background-color: #ebebeb;
}
.k-grid .k-filter-row:hover,
.k-pivot-rowheaders .k-grid tr:hover {
background: none;
}
.k-grid td.k-state-focused {
box-shadow: inset 0 0 0 1px none;
}
.k-grid tr.k-state-focused:hover td {
background-color: #98deff;
}
.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td {
background-color: #007db6;
}
.k-grid tr:hover .k-state-focused.k-state-selected,
.k-grid tr.k-state-selected:hover td.k-state-focused {
box-shadow: inset 0 0 7px 0 #193c5a;
}
.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator,
.k-gantt-toolbar .k-state-default {
border-color: #d5d5d5;
}
.k-primary,
.k-overflow-container .k-primary {
color: #fff;
border-color: #357ebd;
background-image: none;
background-position: 50% 50%;
background-color: #428bca;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-primary:focus,
.k-primary.k-state-focused {
color: #fff;
border-color: #eef8fc;
background-image: none;
-webkit-box-shadow: 0 0 8px 0 #cbebf5;
-webkit-box-shadow: 0 0 8px 0 #cbebf5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 8px 0 #cbebf5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 8px 0 #cbebf5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 8px 0 #cbebf5;
}
.k-primary:hover {
color: #fff;
border-color: #285e8e;
background-image: none;
background-color: #3276b1;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
-webkit-box-shadow: 0 0 8px 0 #cbebf5;
-webkit-box-shadow: 0 0 8px 0 #cbebf5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 8px 0 #cbebf5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 8px 0 #cbebf5, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 8px 0 #cbebf5;
}
.k-primary:active {
color: #fff;
border-color: #285e8e;
background-image: none;
background-color: #3276b1;
-webkit-box-shadow: inset 0 0 8px 0 #76abd9;
-webkit-box-shadow: inset 0 0 8px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0 8px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 8px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 8px 0 #76abd9;
}
.k-primary.k-state-disabled,
.k-state-disabled .k-primary,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:hover,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:active,
.k-primary.k-state-disabled:active {
color: #fff;
border-color: #7aadda;
background-color: #82b2dc;
background-image: none;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-pager-numbers .k-link,
.k-treeview .k-in {
border-color: transparent;
}
.k-treeview .k-icon,
.k-scheduler-table .k-icon,
.k-grid .k-hierarchy-cell .k-icon {
background-color: transparent;
border-radius: 4px;
}
.k-scheduler-table .k-state-hover .k-icon {
background-color: transparent;
}
.k-button:focus,
.k-split-button:focus {
outline: none;
}
.k-split-button:focus {
background-color: #0095da;
box-shadow: 0 0 8px 0 #76abd9;
}
.k-split-button:focus > .k-button {
background: transparent;
border-color: #76abd9;
}
.k-editor .k-tool:focus {
outline: 0;
border-color: #76abd9;
-webkit-box-shadow: 0 0 7px 0 #76abd9;
-webkit-box-shadow: 0 0 7px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 7px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 7px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 7px 0 #76abd9;
}
/*!
*/
.k-checkbox-label:before {
border-color: #cccccc;
background: #fff;
border-radius: 3px;
}
.k-checkbox:hover + .k-checkbox-label:before,
.k-checkbox:checked:hover + .k-checkbox-label:before,
.k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:hover:before {
border-color: #aeaeae;
box-shadow: none;
}
.k-checkbox:checked + .k-checkbox-label:before {
background-color: #fff;
border-color: #cccccc;
color: #428bca;
}
.k-checkbox:active + .k-checkbox-label:before,
.k-checkbox-label:active:before {
box-shadow: 0 0 2px 0 #76abd9;
border-color: #76abd9;
}
.k-checkbox:checked:active + .k-checkbox-label:before,
.k-checkbox:checked + .k-checkbox-label:before {
box-shadow: 0 0 2px 0 #76abd9;
border-color: #76abd9;
}
.k-checkbox:disabled + .k-checkbox-label {
color: #a1a1a1;
}
.k-checkbox:disabled + .k-checkbox-label:hover:before {
box-shadow: none;
}
.k-checkbox:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:active:before,
.k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
color: #a1a1a1;
background: #fff;
border-color: #cccccc;
border-radius: 3px;
}
.k-checkbox:focus + .k-checkbox-label:before {
border-color: #76abd9;
box-shadow: 0 0 2px 0 #76abd9;
}
.k-checkbox:indeterminate + .k-checkbox-label:after {
background-color: #428bca;
background-image: none;
border-color: #76abd9;
border-radius: 2px;
}
.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
border-color: #428bca;
background-color: #428bca;
}
/*!
*/
.k-radio-label:before {
border-color: #cccccc;
border-radius: 50%;
background-color: #fff;
border-width: 1px;
}
.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
border-color: #aeaeae;
box-shadow: none;
}
.k-radio:checked + .k-radio-label:after {
background-color: #428bca;
border-radius: 50%;
}
.k-radio-label:active:before {
border-color: #76abd9;
box-shadow: 0 0 2px 0 #76abd9;
}
.k-radio:checked + .k-radio-label:active:before {
box-shadow: 0 0 2px 0 #76abd9;
border-color: #76abd9;
}
.k-radio:disabled + .k-radio-label {
color: #d2d2d2;
}
.k-radio:disabled + .k-radio-label:before,
.k-radio:disabled + .k-radio-label:active:before,
.k-radio:disabled + .k-radio-label:hover:after,
.k-radio:disabled + .k-radio-label:hover:before {
background: #fff;
border-color: #cccccc;
box-shadow: none;
}
.k-radio:disabled:checked + .k-radio-label:after {
background-color: #428bca;
opacity: .5;
}
.k-radio:focus + .k-radio-label:before {
border-color: #76abd9;
box-shadow: 0 0 2px 0 #76abd9;
}
@media screen and (-ms-high-contrast: active) {
.k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
.k-editor-toolbar-wrap .k-button-group .k-tool:focus {
border-color: #fff;
}
}
/* Responsive styles */
@media only screen and (max-width: 1024px) {
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-webkit .k-pager-numbers .k-current-page .k-link,
.k-ff .k-pager-numbers .k-current-page .k-link,
.k-ie11 .k-pager-numbers .k-current-page .k-link,
.k-edge .k-pager-numbers .k-current-page .k-link,
.k-safari .k-pager-numbers .k-current-page .k-link {
background-image: none;
background-position: 50% 50%;
background-color: #fff;
border-color: #d5d5d5;
}
.k-webkit .k-pager-numbers .k-current-page .k-link,
.k-ff .k-pager-numbers .k-current-page .k-link,
.k-ie11 .k-pager-numbers .k-current-page .k-link,
.k-edge .k-pager-numbers .k-current-page .k-link,
.k-safari .k-pager-numbers .k-current-page .k-link {
border-color: #d5d5d5;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
border-radius: 4px;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
border-radius: 0;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
border-radius: 3px 3px 0 0;
}
.k-webkit .k-scheduler-toolbar > ul li:first-child,
.k-ff .k-scheduler-toolbar > ul li:first-child,
.k-ie11 .k-scheduler-toolbar > ul li:first-child,
.k-edge .k-scheduler-toolbar > ul li:first-child,
.k-safari .k-scheduler-toolbar > ul li:first-child,
.k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
.k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
.k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
.k-edge .k-scheduler-toolbar > ul li:first-child .k-link,
.k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views li,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
border-radius: 0;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
border-radius: 0 0 3px 3px;
}
.k-webkit .k-pager-numbers .k-current-page .k-link:hover,
.k-ff .k-pager-numbers .k-current-page .k-link:hover,
.k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
.k-edge .k-pager-numbers .k-current-page .k-link:hover,
.k-safari .k-pager-numbers .k-current-page .k-link:hover,
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
border-color: #82c135;
background-image: none;
background-color: #82c135;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
color: #585858;
min-width: 75px;
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
color: #fff;
}
.k-webkit .k-pager-numbers .k-current-page .k-link:after,
.k-ff .k-pager-numbers .k-current-page .k-link:after,
.k-ie11 .k-pager-numbers .k-current-page .k-link:after,
.k-edge .k-pager-numbers .k-current-page .k-link:after,
.k-safari .k-pager-numbers .k-current-page .k-link:after,
.k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after,
.k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
.k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
.k-edge .k-scheduler-views > li.k-state-selected > .k-link:after,
.k-safari .k-scheduler-views > li.k-state-selected > .k-link:after {
display: block;
content: "";
position: absolute;
top: 50%;
margin-top: -0.5em;
right: 0.333em;
width: 1.333em;
height: 1.333em;
}
.k-webkit .k-pager-numbers.k-state-expanded,
.k-ff .k-pager-numbers.k-state-expanded,
.k-ie11 .k-pager-numbers.k-state-expanded,
.k-edge .k-pager-numbers.k-state-expanded,
.k-safari .k-pager-numbers.k-state-expanded,
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #d5d5d5;
background-color: #fff;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
.k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
border-width: 1px;
background-image: none;
border-radius: 4px;
}
.k-webkit .k-pager-numbers .k-state-selected,
.k-ff .k-pager-numbers .k-state-selected,
.k-ie11 .k-pager-numbers .k-state-selected,
.k-edge .k-pager-numbers .k-state-selected,
.k-safari .k-pager-numbers .k-state-selected,
.k-webkit .k-pager-numbers .k-link,
.k-ff .k-pager-numbers .k-link,
.k-ie11 .k-pager-numbers .k-link,
.k-edge .k-pager-numbers .k-link,
.k-safari .k-pager-numbers .k-link {
border-radius: 3px;
}
.k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
.k-ff .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
.k-ie11 .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
.k-edge .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
.k-safari .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
position: absolute;
}
}
.k-grid,
.k-scheduler,
.k-menu,
.k-editor {
border-radius: 4px;
}
.k-grid > .k-grouping-header,
.k-grid-header:first-child,
.k-grid-toolbar:first-child,
.k-scheduler > .k-scheduler-toolbar:first-child {
border-radius: 3px 3px 0 0;
}
.k-grid-header:first-child th.k-header:first-child,
thead.k-grid-header th.k-header:first-child,
.k-rtl thead.k-grid-header th.k-header:last-child {
border-radius: 3px 0 0 0;
}
.k-rtl .k-grid-header:first-child th.k-header:first-child,
.k-rtl thead.k-grid-header th.k-header:first-child,
thead.k-grid-header th.k-header:last-child {
border-radius: 0 3px 0 0;
}
.k-grid-pager,
.k-scheduler-footer {
border-radius: 0 0 3px 3px;
}
.k-menu > .k-first {
border-radius: 3px 0 0 3px;
}
.k-rtl .k-menu > .k-first {
border-radius: 0 3px 3px 0;
}
.k-widget.k-treeview {
color: #585858;
}
.k-treeview .k-in.k-state-hover {
color: #fff;
}
.k-treeview .k-state-selected,
.k-draghandle.k-state-selected {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-tabstrip-items .k-state-hover .k-link {
color: #fff;
}
.k-tabstrip-items .k-state-active .k-link {
color: #585858;
}
.k-tabstrip-items .k-state-active .k-link {
color: #585858;
}
.k-tabstrip-items .k-item {
background: transparent;
}
.k-tabstrip-items .k-item.k-state-active {
background: #fff;
}
.k-tabstrip-items .k-item.k-state-hover {
background: #82c135;
}
.k-tabstrip-items .k-state-focused {
border-color: #0095da;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-tabstrip-items .k-state-default.k-state-hover {
border-color: #82c135;
}
.k-multiselect .k-button {
color: #fff;
border-color: #357ebd;
background-color: #428bca;
}
.k-multiselect .k-button.k-state-hover {
border-color: #285e8e;
background-color: #3276b1;
}
.k-multiselect .k-button:active {
color: #fff;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-list > .k-state-hover {
border-color: #82c135;
}
.k-scheduler-toolbar > ul > li {
background-color: #fff;
border-color: #d5d5d5;
}
.k-menu .k-group {
background: #fff;
}
.k-menu .k-state-default .k-state-border-down {
background-color: #e8e8e8;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.k-menu .k-item > .k-state-border-right,
.k-menu .k-item > .k-state-border-left {
background-color: #0095da;
color: #fff;
}
.k-menu .k-state-selected > .k-link {
color: #fff;
background-color: #0095da;
border-color: #0095da;
background-image: none;
}
.k-menu .k-link.k-state-active,
.k-menu .k-state-hover > .k-link,
.k-menu .k-menu-scroll-button:hover {
color: #fff;
background-color: #82c135;
border-color: #82c135;
background-image: none;
}
.k-menu .k-state-hover .k-link.k-state-active {
background-color: #6fa52d;
}
/* Slider */
.k-slider-track {
background-color: #fff;
border-color: #cccccc;
border-radius: 0;
}
.k-slider-selection {
background-color: #ebebeb;
border-radius: 0;
}
.k-slider-horizontal .k-tick {
background-image: url('../bower_components/kendo-ui/styles/Bootstrap/slider-h.gif');
}
.k-draghandle.k-state-selected,
.k-draghandle.k-state-selected:link,
.k-draghandle.k-state-selected:hover {
background-color: #cccccc;
border-color: #cccccc;
}
.k-draghandle.k-state-focused,
.k-draghandle.k-state-focused:link,
.k-slider-buttons .k-button:focus,
.k-slider-buttons .k-button:active {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
border-color: #82c135;
background-color: #fff;
}
.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-multiselect.k-header {
border-color: #cccccc;
}
.k-widget.k-autocomplete,
.k-widget.k-combobox,
.k-widget.k-dropdown,
.k-widget.k-datepicker,
.k-widget.k-datetimepicker,
.k-widget.k-timepicker,
.k-widget.k-numerictextbox,
.k-widget.k-multiselect,
.k-widget.k-menu,
.k-widget.k-progressbar,
.k-progressbar > .k-state-selected {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-autocomplete.k-state-default .k-input,
.k-combobox .k-state-default .k-input,
.k-picker-wrap.k-state-default .k-input,
.k-numeric-wrap.k-state-default .k-input,
.k-multiselect-wrap,
.k-slider-track,
.k-slider-selection,
.k-progress-status-wrap {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
background-color: #fff;
background-image: none;
background-position: 50% 50%;
border-color: #82c135;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-textbox:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
background-color: #fff;
background-image: none;
background-position: 50% 50%;
border-color: #82c135;
}
.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-pager-numbers.k-state-expanded .k-current-page .k-link {
border-color: #cccccc;
background-color: #fff;
}
.k-grid-filter.k-state-active {
border-color: #82c135;
background-color: #fff;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-picker-wrap.k-state-active.k-state-border-down,
.k-dropdown-wrap.k-state-active.k-state-border-down,
.k-numeric-wrap .k-link.k-state-selected,
.k-pager-numbers.k-state-expanded .k-current-page .k-link {
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.k-picker-wrap.k-state-focused > .k-select,
.k-picker-wrap.k-state-active > .k-select,
.k-dropdown-wrap.k-state-focused > .k-select,
.k-dropdown-wrap.k-state-active > .k-select {
border-color: #cccccc;
}
.k-panelbar > .k-item > .k-link {
border-color: #d5d5d5;
}
.k-panelbar > li.k-state-default > .k-link {
color: #585858;
}
.k-panelbar > .k-state-focused {
-webkit-box-shadow: inset none;
-webkit-box-shadow: inset none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset none;
}
.k-toolbar .k-button.k-state-active:hover,
.k-split-container .k-button.k-state-active:hover,
.k-overflow-container .k-button.k-state-active:hover,
.k-panelbar > li > .k-link.k-state-selected {
color: #fff;
}
.k-toolbar .k-button.k-state-active,
.k-split-container .k-button.k-state-active,
.k-overflow-container .k-button.k-state-active,
.k-panelbar .k-link.k-state-selected.k-state-hover {
color: #fff;
}
td.k-state-focused.k-state-selected,
.k-state-selected td.k-state-focused,
.k-listview > .k-state-focused.k-state-selected {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-panelbar > .k-state-focused.k-state-hover {
background: #82c135;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-panelbar > li .k-state-selected.k-state-hover {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-pager-wrap {
color: #a6a6a6;
}
.k-pager-wrap > .k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
border-radius: 0;
}
.k-grid tr td {
border-style: solid;
border-color: #d5d5d5;
}
.k-pager-wrap .k-link {
background: #0095da;
border-color: #d5d5d5;
border-right: none;
}
.k-pager-wrap .k-pager-refresh {
background: #fff;
}
.k-pager-wrap .k-link:hover {
color: #428bca;
border-color: #d5d5d5;
background: #82c135;
}
.k-grid-header .k-link:link,
.k-grid-header .k-link:visited,
.k-grid-header .k-nav-current.k-state-hover .k-link,
.k-grouping-header .k-link {
color: #585858;
}
.k-pager-wrap .k-pager-nav.k-pager-last {
border-radius: 0 4px 4px 0;
border-right-color: #d5d5d5;
}
.k-rtl .k-pager-wrap .k-pager-nav.k-pager-last {
border-radius: 4px 0 0 4px;
border-right-width: 0;
}
.k-pager-nav.k-pager-first {
border-radius: 4px 0 0 4px;
}
.k-rtl .k-pager-nav.k-pager-first {
border-radius: 0 4px 4px 0;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #d5d5d5;
margin-right: 6px;
}
.k-dropzone .k-upload-status {
color: #585858;
}
.k-file .k-upload-status {
color: #585858;
}
.k-menu .k-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-window {
border-color: #d5d5d5;
}
.k-state-focused,
.k-button:focus:not(.k-state-disabled):not([disabled]),
.k-button.k-state-focused,
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-list > .k-state-focused {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-button {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-popup {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.k-tooltip {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-list-container {
border-color: #cccccc;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
background: transparent;
border: 5px solid #d5d5d5;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
.k-flatcolorpicker .k-hue-slider .k-draghandle:focus {
border-color: #d5d5d5;
-webkit-box-shadow: 0 0 8px 0 rgba(102, 175, 233, 0.75);
-webkit-box-shadow: 0 0 8px 0 rgba(102, 175, 233, 0.75), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 8px 0 rgba(102, 175, 233, 0.75), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 8px 0 rgba(102, 175, 233, 0.75), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 8px 0 rgba(102, 175, 233, 0.75);
border-width: 5px;
padding: 0;
}
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
margin-right: 0;
}
.k-grid .k-pager-numbers,
.k-pager-wrap > .k-link {
margin: 0;
}
.k-pager-wrap .k-link {
border-right: none;
}
.k-pager-wrap .k-link.k-pager-last {
border-right-width: 1px;
border-right-style: solid;
}
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active,
.k-listbox .k-button.k-state-disabled {
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
}
.k-primary:active {
color: #fff;
border-color: #285e8e;
background-image: none;
background-color: #3276b1;
-webkit-box-shadow: inset 0 0 8px 0 #76abd9;
-webkit-box-shadow: inset 0 0 8px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0 8px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 8px 0 #76abd9, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 0 8px 0 #76abd9;
}
.k-editor-toolbar .k-tool {
color: #585858;
background-color: #0095da;
border-color: #d5d5d5;
}
.k-editor-toolbar .k-tool.k-state-hover {
color: #fff;
border-color: #82c135;
background-color: #82c135;
}
.k-editor-toolbar .k-state-selected {
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
background-color: #fff;
border-color: #82c135;
}
.k-editor-toolbar .k-button-group .k-tool-icon {
border-color: #d5d5d5;
}
.k-splitbar,
.k-splitbar:hover {
border-color: transparent;
}
.k-button:active {
color: #fff;
background-color: #ebebeb;
border-color: #82c135;
}
.k-button:active:hover,
.k-button.k-state-active:hover {
color: #585858;
border-color: #82c135;
background-color: #82c135;
}
.k-button[disabled],
.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active,
.k-button.k-state-disabled:active:hover {
color: #999999;
border-color: #cccccc;
background-color: #fff;
background-image: none;
}
/* Responsive styles */
@media only screen and (max-width: 1024px) {
.k-webkit .k-pager-wrap,
.k-ff .k-pager-wrap,
.k-ie11 .k-pager-wrap,
.k-edge .k-pager-wrap,
.k-safari .k-pager-wrap {
min-height: 2.4em;
}
.k-webkit .k-pager-wrap .k-pager-nav,
.k-ff .k-pager-wrap .k-pager-nav,
.k-ie11 .k-pager-wrap .k-pager-nav,
.k-edge .k-pager-wrap .k-pager-nav,
.k-safari .k-pager-wrap .k-pager-nav,
.k-webkit .k-pager-input,
.k-ff .k-pager-input,
.k-ie11 .k-pager-input,
.k-edge .k-pager-input,
.k-safari .k-pager-input {
display: inline-block;
vertical-align: top;
}
.k-webkit .k-pager-numbers,
.k-ff .k-pager-numbers,
.k-ie11 .k-pager-numbers,
.k-edge .k-pager-numbers,
.k-safari .k-pager-numbers,
.k-webkit .k-grid .k-pager-numbers,
.k-ff .k-grid .k-pager-numbers,
.k-ie11 .k-grid .k-pager-numbers,
.k-edge .k-grid .k-pager-numbers,
.k-safari .k-grid .k-pager-numbers {
position: absolute;
display: inline-flex;
flex-direction: column-reverse;
left: 5.6em;
overflow: visible;
height: auto;
transform: translatey(-100%);
-webkit-transform: translatey(-100%);
}
.k-webkit .k-pager-numbers:first-child,
.k-ff .k-pager-numbers:first-child,
.k-ie11 .k-pager-numbers:first-child,
.k-edge .k-pager-numbers:first-child,
.k-safari .k-pager-numbers:first-child,
.k-webkit .k-grid .k-pager-numbers:first-child,
.k-ff .k-grid .k-pager-numbers:first-child,
.k-ie11 .k-grid .k-pager-numbers:first-child,
.k-edge .k-grid .k-pager-numbers:first-child,
.k-safari .k-grid .k-pager-numbers:first-child {
left: .3em;
}
.k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
.k-ff .km-pane-wrapper .k-pager-numbers .k-link,
.k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
.k-edge .km-pane-wrapper .k-pager-numbers .k-link,
.k-safari .km-pane-wrapper .k-pager-numbers .k-link,
.k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
.k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
.k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
.k-edge .km-pane-wrapper .k-pager-wrap > .k-link,
.k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
.k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
padding-top: 0;
padding-bottom: 0;
}
.k-webkit .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
.k-ff .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
.k-ie11 .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
.k-edge .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
.k-safari .km-pane-wrapper .k-pager-wrap .k-pager-numbers + .k-pager-nav,
.k-webkit .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
.k-ff .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
.k-ie11 .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
.k-edge .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav,
.k-safari .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .k-pager-nav {
right: 2.7em;
}
.k-webkit .k-rtl .k-pager-numbers,
.k-ff .k-rtl .k-pager-numbers,
.k-ie11 .k-rtl .k-pager-numbers,
.k-edge .k-rtl .k-pager-numbers,
.k-safari .k-rtl .k-pager-numbers,
.k-webkit .k-rtl .k-grid .k-pager-numbers,
.k-ff .k-rtl .k-grid .k-pager-numbers,
.k-ie11 .k-rtl .k-grid .k-pager-numbers,
.k-edge .k-rtl .k-grid .k-pager-numbers,
.k-safari .k-rtl .k-grid .k-pager-numbers {
right: 5.68em;
width: 4.45em;
}
.k-webkit .k-rtl .k-pager-numbers:first-child,
.k-ff .k-rtl .k-pager-numbers:first-child,
.k-ie11 .k-rtl .k-pager-numbers:first-child,
.k-edge .k-rtl .k-pager-numbers:first-child,
.k-safari .k-rtl .k-pager-numbers:first-child,
.k-webkit .k-rtl .k-grid .k-pager-numbers:first-child,
.k-ff .k-rtl .k-grid .k-pager-numbers:first-child,
.k-ie11 .k-rtl .k-grid .k-pager-numbers:first-child,
.k-edge .k-rtl .k-grid .k-pager-numbers:first-child,
.k-safari .k-rtl .k-grid .k-pager-numbers:first-child {
right: .3em;
}
.k-webkit .k-pager-numbers .k-current-page,
.k-ff .k-pager-numbers .k-current-page,
.k-ie11 .k-pager-numbers .k-current-page,
.k-edge .k-pager-numbers .k-current-page,
.k-safari .k-pager-numbers .k-current-page,
.k-webkit .k-grid .k-pager-numbers .k-current-page,
.k-ff .k-grid .k-pager-numbers .k-current-page,
.k-ie11 .k-grid .k-pager-numbers .k-current-page,
.k-edge .k-grid .k-pager-numbers .k-current-page,
.k-safari .k-grid .k-pager-numbers .k-current-page {
display: block;
border-left: 0;
transform: translatey(100%);
-webkit-transform: translatey(100%);
}
.k-webkit .k-pager-numbers li:not(.k-current-page),
.k-ff .k-pager-numbers li:not(.k-current-page),
.k-ie11 .k-pager-numbers li:not(.k-current-page),
.k-edge .k-pager-numbers li:not(.k-current-page),
.k-safari .k-pager-numbers li:not(.k-current-page) {
display: none;
}
.k-webkit .k-pager-numbers .k-current-page .k-link,
.k-ff .k-pager-numbers .k-current-page .k-link,
.k-ie11 .k-pager-numbers .k-current-page .k-link,
.k-edge .k-pager-numbers .k-current-page .k-link,
.k-safari .k-pager-numbers .k-current-page .k-link {
width: 3.2em;
padding: 0 .429em 0 .714em;
border-radius: 4px;
border-right: 1px solid #d5d5d5;
color: #585858;
background-color: #fff;
}
.k-webkit .k-pager-numbers .k-link,
.k-ff .k-pager-numbers .k-link,
.k-ie11 .k-pager-numbers .k-link,
.k-edge .k-pager-numbers .k-link,
.k-safari .k-pager-numbers .k-link {
color: #585858;
}
.k-webkit .k-pager-nav.k-pager-first + .k-link,
.k-ff .k-pager-nav.k-pager-first + .k-link,
.k-ie11 .k-pager-nav.k-pager-first + .k-link,
.k-edge .k-pager-nav.k-pager-first + .k-link,
.k-safari .k-pager-nav.k-pager-first + .k-link {
border-right: 1px solid #d5d5d5;
border-radius: 0 4px 4px 0;
}
.k-webkit .k-pager-nav.k-pager-first,
.k-ff .k-pager-nav.k-pager-first,
.k-ie11 .k-pager-nav.k-pager-first,
.k-edge .k-pager-nav.k-pager-first,
.k-safari .k-pager-nav.k-pager-first,
.k-webkit .k-rtl .k-pager-nav.k-pager-first + .k-link,
.k-ff .k-rtl .k-pager-nav.k-pager-first + .k-link,
.k-ie11 .k-rtl .k-pager-nav.k-pager-first + .k-link,
.k-edge .k-rtl .k-pager-nav.k-pager-first + .k-link,
.k-safari .k-rtl .k-pager-nav.k-pager-first + .k-link {
border-right: 0;
border-radius: 4px 0 0 4px;
}
.k-webkit .k-pager-numbers + .k-link,
.k-ff .k-pager-numbers + .k-link,
.k-ie11 .k-pager-numbers + .k-link,
.k-edge .k-pager-numbers + .k-link,
.k-safari .k-pager-numbers + .k-link {
margin-left: 5.6em;
border-radius: 4px 0 0 4px;
}
.k-webkit .k-rtl .k-pager-numbers + .k-link,
.k-ff .k-rtl .k-pager-numbers + .k-link,
.k-ie11 .k-rtl .k-pager-numbers + .k-link,
.k-edge .k-rtl .k-pager-numbers + .k-link,
.k-safari .k-rtl .k-pager-numbers + .k-link {
margin-right: 5.6em;
margin-left: 0;
border-radius: 0 4px 4px 0;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #d5d5d5;
}
.k-webkit .k-pager-numbers .k-state-selected,
.k-ff .k-pager-numbers .k-state-selected,
.k-ie11 .k-pager-numbers .k-state-selected,
.k-edge .k-pager-numbers .k-state-selected,
.k-safari .k-pager-numbers .k-state-selected,
.k-webkit .k-pager-numbers .k-link,
.k-ff .k-pager-numbers .k-link,
.k-ie11 .k-pager-numbers .k-link,
.k-edge .k-pager-numbers .k-link,
.k-safari .k-pager-numbers .k-link {
display: block;
margin-right: 0;
padding: 1px 5px 1px 5px;
text-align: left;
}
.k-webkit .k-pager-numbers.k-state-expanded,
.k-ff .k-pager-numbers.k-state-expanded,
.k-ie11 .k-pager-numbers.k-state-expanded,
.k-edge .k-pager-numbers.k-state-expanded,
.k-safari .k-pager-numbers.k-state-expanded {
box-sizing: border-box;
padding: 2px 2px 0;
background-color: #fff;
}
.k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
.k-ff .k-pager-numbers.k-state-expanded .k-current-page,
.k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
.k-edge .k-pager-numbers.k-state-expanded .k-current-page,
.k-safari .k-pager-numbers.k-state-expanded .k-current-page {
margin: -2em -3px 0;
padding: 0;
}
.k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
border-radius: 0 0 4px 4px;
}
.k-webkit .k-pager-numbers.k-state-expanded li,
.k-ff .k-pager-numbers.k-state-expanded li,
.k-ie11 .k-pager-numbers.k-state-expanded li,
.k-edge .k-pager-numbers.k-state-expanded li,
.k-safari .k-pager-numbers.k-state-expanded li {
display: inline-block;
}
.k-webkit .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
.k-ff .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
.k-ie11 .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
.k-edge .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link,
.k-safari .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link {
border: 0;
background-color: #fff;
border-radius: 3px;
}
.k-webkit .k-pager-numbers .k-state-selected,
.k-ff .k-pager-numbers .k-state-selected,
.k-ie11 .k-pager-numbers .k-state-selected,
.k-edge .k-pager-numbers .k-state-selected,
.k-safari .k-pager-numbers .k-state-selected {
border-radius: 3px;
}
.k-webkit .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
.k-ff .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
.k-ie11 .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
.k-edge .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover,
.k-safari .k-pager-numbers.k-state-expanded li:not(.k-current-page) .k-link:hover {
color: #fff;
background-color: #82c135;
}
}
@media only screen and (max-width: 640px) {
.k-webkit .k-pager-info,
.k-ff .k-pager-info,
.k-ie11 .k-pager-info,
.k-edge .k-pager-info,
.k-safari .k-pager-info {
display: none;
}
}
@media only screen and (max-width: 480px) {
.k-webkit .k-pager-sizes,
.k-ff .k-pager-sizes,
.k-ie11 .k-pager-sizes,
.k-edge .k-pager-sizes,
.k-safari .k-pager-sizes {
display: none;
}
}
.k-chart .k-selection {
border-color: #cccccc;
transition: box-shadow 0.2s linear, border-color 0.2s linear;
}
.k-chart .k-selection:hover {
border-color: #9e9e9e;
}
.k-chart .k-handle {
background-color: #ffffff;
width: 15px;
height: 15px;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.k-chart .k-handle:hover {
background-color: #ffffff;
border-color: #cccccc;
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
}
.k-chart .k-left-handle {
left: -8px;
}
.k-chart .k-right-handle {
right: -8px;
}
.k-chart .k-navigator-hint .k-tooltip {
border: 3px solid #ffffff;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
background: #ffffff;
color: #676767;
}
.k-chart .k-navigator-hint .k-scroll {
background: rgba(0, 124, 204, 0.7);
height: 4px;
}
.k-chart .k-tooltip,
.k-sparkline .k-tooltip,
.k-chart-crosshair-tooltip,
.k-chart-shared-tooltip {
background-image: none;
}
/* Map */
.k-map .k-marker {
background-image: url("../bower_components/kendo-ui/styles/Bootstrap/markers.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
.k-map .k-marker {
background-image: url("../bower_components/kendo-ui/styles/Bootstrap/markers_2x.png");
}
}
/*!
*/
.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
background-color: #fff;
}
.k-spreadsheet-top-corner,
.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
background-color: #ebebeb;
background-image: none;
color: #000000;
border-color: #b8b8b8;
}
.k-spreadsheet-top-corner {
border-color: #b8b8b8;
}
.k-spreadsheet-top-corner:after {
border-color: transparent #b8b8b8 #b8b8b8 transparent;
}
.k-spreadsheet-pane {
border-color: #b8b8b8;
}
.k-spreadsheet-pane .k-spreadsheet-vaxis,
.k-spreadsheet-pane .k-spreadsheet-haxis {
border-color: #d2d2d2;
}
.k-spreadsheet-pane .k-spreadsheet-column-header,
.k-spreadsheet-pane .k-spreadsheet-row-header {
border-color: #b8b8b8;
}
.k-spreadsheet-pane .k-spreadsheet-merged-cell {
background-color: #fff;
}
.k-spreadsheet-pane .k-selection-partial,
.k-spreadsheet-pane .k-selection-full {
border-color: rgba(66, 139, 202, 0.2);
background-color: rgba(66, 139, 202, 0.2);
}
.k-spreadsheet-pane .k-filter-range {
border-color: #428bca;
}
.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial,
.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full {
border-bottom-color: #428bca;
}
.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial,
.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full {
border-right-color: #428bca;
}
.k-auto-fill,
.k-spreadsheet-selection {
border-color: #428bca;
box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #428bca;
}
.k-spreadsheet-selection {
background-color: rgba(66, 139, 202, 0.2);
}
.k-spreadsheet-active-cell {
border-color: #428bca !important;
background-color: #fff;
}
.k-spreadsheet-active-cell.k-single {
color: #585858;
background-color: #fff;
}
.k-spreadsheet .k-spreadsheet-action-bar {
background-color: #fff;
border-color: #d5d5d5;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
border-color: #b8b8b8;
}
.k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
border-color: #b8b8b8;
}
.k-spreadsheet .k-spreadsheet-formula-input {
background-color: #fff;
color: #585858;
}
.k-spreadsheet .k-resize-handle,
.k-spreadsheet .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-marker {
background-color: #428bca;
}
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
background-color: #428bca;
}
.k-spreadsheet .k-single-selection::after {
background-color: #428bca;
border-color: #fff;
}
.k-spreadsheet .k-auto-fill-punch {
background-color: rgba(255, 255, 255, 0.5);
}
.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
background-color: rgba(66, 139, 202, 0.5);
}
.k-spreadsheet-format-cells .k-spreadsheet-preview {
border-color: #d5d5d5;
}
.k-spreadsheet-filter {
border-radius: 4px;
background-color: #fff;
box-shadow: inset 0 0 0 1px #d2d2d2;
}
.k-spreadsheet-filter.k-state-active {
color: #fff;
background-color: #428bca;
}
.k-spreadsheet-filter:hover {
color: #fff;
background: #ebebeb;
border-color: #d7d7d7;
}
.k-action-window .k-action-buttons {
border-color: #d5d5d5;
}
.k-spreadsheet-sample {
color: #a4a4a4;
}
.k-state-selected .k-spreadsheet-sample {
color: inherit;
}
.k-spreadsheet-window .k-list-wrapper,
.k-spreadsheet-window .k-list {
border-color: #d5d5d5;
border-radius: 4px;
}
.k-spreadsheet-window .export-config,
.k-spreadsheet-window .k-edit-field > .k-orientation-label {
border-color: #d5d5d5;
}
.k-spreadsheet-window .k-edit-field > input[type="radio"]:checked + .k-orientation-label {
background-image: none;
background-color: #428bca;
color: #ffffff;
}
.k-spreadsheet-window .k-page-orientation {
border-color: #c7c7c7;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.k-spreadsheet-window .k-page-orientation:before {
background: #fff;
border-color: transparent;
border-bottom-color: #c7c7c7;
border-left-color: #c7c7c7;
}
.k-spreadsheet-window .k-margins-horizontal,
.k-spreadsheet-window .k-margins-vertical {
background: transparent;
border-color: #d5d5d5;
}
.k-spreadsheet-window .hint-wrapper:before {
background: #d5d5d5;
}
.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
border-radius: 4px;
}
.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar > .k-button,
.k-spreadsheet-toolbar > .k-button-group {
border-radius: 4px;
}
.k-spreadsheet-toolbar > .k-separator {
border-color: #d5d5d5;
}
.k-spreadsheet-toolbar .k-overflow-anchor {
border-radius: 0;
}
.k-spreadsheet-popup {
border-radius: 4px;
}
.k-spreadsheet-popup .k-separator {
background-color: #d5d5d5;
}
.k-spreadsheet-popup .k-button {
background-color: transparent;
}
.k-spreadsheet-popup .k-button:hover {
background-color: #ebebeb;
}
.k-spreadsheet-popup .k-state-active {
background-color: #428bca;
color: #000000;
}
.k-spreadsheet-popup .k-state-active:hover {
background-color: #3071a9;
}
.k-spreadsheet-filter-menu .k-details {
border-color: #d5d5d5;
}
.k-spreadsheet-filter-menu .k-details-content .k-space-right {
background-color: #fff;
}
.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
background-color: #fff;
border-color: #d5d5d5;
border-radius: 4px 0 0 4px;
}
.k-syntax-ref {
color: #ff8822;
}
.k-syntax-num {
color: #0099ff;
}
.k-syntax-func {
font-weight: bold;
}
.k-syntax-str {
color: #38b714;
}
.k-syntax-error {
color: red;
}
.k-syntax-bool {
color: #a9169c;
}
.k-syntax-startexp {
font-weight: bold;
}
.k-syntax-paren-match {
background-color: #caf200;
}
.k-series-a {
border-color: #428bca;
background-color: rgba(66, 139, 202, 0.15);
}
.k-series-b {
border-color: #5bc0de;
background-color: rgba(91, 192, 222, 0.15);
}
.k-series-c {
border-color: #5cb85c;
background-color: rgba(92, 184, 92, 0.15);
}
.k-series-d {
border-color: #f2b661;
background-color: rgba(242, 182, 97, 0.15);
}
.k-series-e {
border-color: #e67d4a;
background-color: rgba(230, 125, 74, 0.15);
}
.k-series-f {
border-color: #da3b36;
background-color: rgba(218, 59, 54, 0.15);
}
.k-spreadsheet-sheets-remove:hover .k-icon {
color: #cc2222;
}
.k-spreadsheet-formula-list .k-state-focused {
background-color: #428bca;
color: #fff;
}
.k-spreadsheet .k-widget[data-property='fontSize'] {
width: 70px;
}
.k-spreadsheet .k-widget[data-property='format'] {
width: 100px;
}
.k-spreadsheet .k-widget[data-property='fontFamily'] {
width: 130px;
}
.k-window .k-popup-edit-form .k-edit-field input.k-checkbox {
margin-top: 1.1em;
}
.k-window .k-popup-edit-form .k-edit-field label.k-checkbox-label {
margin-top: 0.8em;
}
/* Dialog */
.k-dialog .k-window-titlebar {
padding: 1.1em 1em;
border-color: #ebebeb;
background: #fff;
}
.k-dialog .k-window-titlebar .k-dialog-title {
font-size: 1.1em;
}
.k-dialog a.k-dialog-action.k-dialog-close {
position: absolute;
padding: 1.1em;
right: 0;
top: 0;
line-height: 1em;
cursor: pointer;
z-index: 10000;
}
.k-dialog.k-dialog-titleless a.k-dialog-action.k-dialog-close {
right: 0.5em;
top: 0.5em;
}
.k-dialog .k-content {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.k-dialog.k-dialog-titleless .k-content {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched {
width: 100%;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
display: inline-block;
padding: 0.9em 0 0.9em 0;
border-radius: 0;
border-bottom: 0;
border-width: 1px 0 0 1px;
border-color: #ebebeb;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
border-bottom-left-radius: 4px;
border-left: 0;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
border-bottom-right-radius: 4px;
border-right: 0;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
width: auto;
padding: 1em;
text-align: right;
border-top: 1px solid #ebebeb;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
margin-left: 0.5em;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
margin-left: 0;
}
.k-rtl .k-dialog a.k-dialog-action.k-dialog-close {
left: 0.5em;
}
.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
border-bottom-right-radius: 4px;
}
.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
border-bottom-left-radius: 4px;
}
.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
text-align: left;
}
.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
margin-left: 0;
margin-right: 0.5em;
}
.k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
margin-right: 0;
}
.k-editor-dialog .k-tabstrip-items {
border-color: #0095da;
}
.k-numeric-wrap .k-i-warning {
color: #d92800;
position: absolute;
top: 0;
right: 1.9em;
width: 1.9em;
}
.k-numeric-wrap.k-state-invalid {
border-color: #d92800;
}
.k-numeric-wrap.k-state-invalid .k-select {
border-color: #d92800;
}
.k-numeric-wrap.k-state-invalid input {
color: #d92800;
}
.k-rtl .k-numeric-wrap.k-state-invalid .k-i-warning {
right: auto;
left: 1.9em;
}
.k-maskedtextbox.k-state-invalid .k-textbox {
border-color: #d92800;
color: #d92800;
}
.k-maskedtextbox.k-state-invalid .k-i-warning {
color: #d92800;
}
.k-dateinput.k-state-invalid .k-textbox {
color: #d92800;
border-color: #d92800;
}
.k-dateinput.k-state-invalid .k-i-warning {
margin-left: 0;
margin-right: 0.7em;
color: #d92800;
}
.k-rtl .k-dateinput .k-i-warning {
margin-right: 0;
margin-left: 0.7em;
}
.k-datepicker .k-picker-wrap.k-state-invalid {
border-color: #d92800;
}
.k-datepicker .k-picker-wrap.k-state-invalid .k-input {
color: #d92800;
}
.k-datepicker .k-picker-wrap .k-i-warning {
color: #d92800;
margin-left: 0;
margin-right: 2.1em;
}
.k-rtl .k-datepicker .k-picker-wrap .k-i-warning {
margin-right: 0;
margin-left: 2.1em;
}
.k-listbox .k-list-scroller {
padding: 2px;
border-color: #d5d5d5;
background-color: #fff;
}
.k-listbox .k-item:hover {
border-color: transparent;
}
.k-listbox .k-item.k-state-focused {
border-radius: 4px;
box-shadow: inset 0 0 2px 0 #428bca, none;
}
.k-listbox .k-drop-hint {
height: 0;
border-top: 1px solid #428bca;
}
.k-grid-header .k-i-sort-asc-sm,
.k-grid-header .k-i-sort-desc-sm,
.k-grid-header .k-sort-order {
color: #428bca;
}
.k-grid-header .k-sort-order {
font-size: .7em;
vertical-align: bottom;
}
.k-menu-scroll-button {
border-color: #d5d5d5;
color: #848484;
background-image: none;
background-position: 50% 50%;
background-color: #fff;
}
/*
Uncomment the following two @import statements if you want to compile a Kendo UI Bootstrap theme with a custom color scheme, based on a custom Bootstrap Less file.
The first file (bootstrap-variables.less) contains the Bootstrap Less variables. It is part of the Bootstrap source code, not the Kendo UI source code.
The second file (bootstrap-mapper.less) exists in the same folder as this file. It maps the Bootstrap Less variables to Kendo UI Less variables,
which will cause the Kendo UI color values to be overwritten.
More information is available in the Kendo UI documentation:
http://docs.telerik.com/kendo-ui/using-kendo-with-twitter-bootstrap
*/
/*@import "bootstrap-variables.less";*/
/*@import "bootstrap-mapper.less";*/
/**
* Kendo UI v2017.2.504 (http://www.telerik.com/kendo-ui)
* Copyright 2017 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
/* File content has moved to kendo common. Remove any links to this file. */
/**
* Kendo UI v2017.2.504 (http://www.telerik.com/kendo-ui)
* Copyright 2017 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
/* File content has moved to kendo themes. Remove any links to this file. */
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
/* Widget Base Styles */
/* Selects, Dropdowns */
/* Inputs */
/* Links */
/* Headers */
/* Buttons */
/* Group Base Styles */
/* Widget States */
/* Hover State */
/* Selected State */
/*Focused State*/
/* Active State */
/* Disabled State */
.k-state-disabled {
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
color: inherit;
}
/* ToolTip */
/* Splitter */
/* Slider */
/* Grid */
/* Upload */
/* Tabs */
/* Icons */
.k-loading,
.k-state-hover .k-loading {
background-image: url('../bower_components/kendo-ui/styles/Bootstrap/loading.gif');
background-position: 50% 50%;
}
.k-loading-image {
background-image: url('../bower_components/kendo-ui/styles/Bootstrap/loading-image.gif');
}
.k-autocomplete.k-state-default .k-input,
.k-combobox .k-state-default .k-input,
.k-picker-wrap.k-state-default .k-input,
.k-numeric-wrap.k-state-default .k-input,
.k-multiselect-wrap,
.k-slider-track,
.k-slider-selection,
.k-progress-status-wrap {
box-shadow: none;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-combobox .k-input,
.k-selectbox .k-input {
text-indent: 5px;
height: 24px;
line-height: 24px;
padding: 2px 2px;
}
.k-dropdown-wrap .k-select {
min-height: 19px;
height: 19px;
line-height: 19px;
width: 27px;
margin-top: 4px;
margin-bottom: 5px;
cursor: pointer;
}
.k-state-hover:not(.k-state-active) .k-dropdown-wrap .k-select {
border-left-color: #fff;
}
.k-textbox,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap {
padding-top: 0;
padding-right: 31px;
padding-left: 0;
padding-bottom: 0;
}
.k-dropdown-wrap .k-i-arrow-60-down {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 3px 0 3px;
border-color: #848484 transparent transparent transparent;
margin-right: 2px;
background: none;
}
.smallControls .k-textbox > input,
.smallControls .k-autocomplete .k-input,
.smallControls .k-numeric-wrap .k-input,
.smallControls .k-dropdown-wrap .k-input,
.smallControls .k-combobox .k-input,
.smallControls .k-selectbox .k-input {
text-indent: 5px;
height: 18px;
line-height: 18px;
padding: 2px 1px;
}
.smallControls .k-dropdown-wrap .k-select {
min-height: 13px;
height: 13px;
line-height: 13px;
width: 14px;
margin-top: 4px;
margin-bottom: 5px;
cursor: pointer;
}
.k-state-hover:not(.k-state-active) .smallControls .k-dropdown-wrap .k-select {
border-left-color: #fff;
}
.smallControls .k-textbox,
.smallControls .k-autocomplete,
.smallControls .k-dropdown-wrap,
.smallControls .k-picker-wrap,
.smallControls .k-numeric-wrap {
padding-top: 0;
padding-right: 18px;
padding-left: 0;
padding-bottom: 0;
}
.smallControls .k-dropdown-wrap .k-i-arrow-60-down {
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: #848484 transparent transparent transparent;
margin-right: 2px;
background: none;
}
.k-list > .k-state-focused {
color: #fff;
background-color: #0095da;
}
.k-popup.k-list-container {
padding: 2px 0;
}
.k-popup .k-list .k-state-focused {
border-radius: 0;
box-shadow: none;
}
.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone,
.k-listbox .k-item {
border-radius: 0;
}
.k-picker-wrap.k-state-active.k-state-border-down,
.k-dropdown-wrap.k-state-active.k-state-border-down,
.k-numeric-wrap .k-link.k-state-selected,
.k-pager-numbers.k-state-expanded .k-current-page .k-link {
box-shadow: none;
}
.k-popup .k-list .k-item,
.k-popup .k-list .k-state-focused,
.k-popup .k-list .k-state-selected {
padding: 1px 7px 1px 7px;
border: none;
border-radius: 0;
}
.k-datetimepicker {
height: 30px;
}
.k-datetimepicker .k-picker-wrap {
height: 30px;
box-sizing: border-box;
}
.k-datetimepicker .k-picker-wrap input {
padding: 2px 0 0 0;
}
.k-numerictextbox .k-link {
height: 50%;
}
.k-picker-wrap .k-input {
padding: 2px 0px;
}
.k-picker.placeholder .k-picker-wrap .k-input,
.k-numeric.placeholder .k-numeric-wrap .k-input,
.k-dropdown.placeholder .k-dropdown-wrap .k-input,
.k-selectbox.placeholder .k-input.placeholder {
color: #848484;
font-style: italic;
font-weight: 200;
}
.k-dropdown .fa,
.k-item .fa {
margin-right: 5px;
}
.k-dropdown .k-state-hover .k-input {
color: #585858;
}
.k-state-hover .k-select {
color: #585858;
}
.k-multiselect .k-delete {
background: none;
color: white;
}
.k-multiselect .k-delete:hover {
color: #e5e5e5;
}
.k-multiselect .k-delete:after {
margin-top: 9px;
margin-left: 1px;
content: "\f00d";
font-family: FontAwesome, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
height: 16px;
width: 16px;
}
.evg-kendo-multiselect-list .k-state-selected {
background-color: #cfcfcf;
color: white;
}
.evg-kendo-multiselect-list .k-state-selected.k-state-focused,
.evg-kendo-multiselect-list .k-state-selected.k-state-hover {
background-color: #b5b5b5;
}
.k-webkit .k-combobox .k-dropdown-wrap:before {
content: none;
}
.k-webkit .k-numeric-wrap:before {
content: "\a0";
display: inline-block;
width: 0;
height: 0;
padding-bottom: 0.4em;
}
.k-combobox .k-dropdown-wrap.k-state-hover > .k-i-close,
.k-combobox .k-dropdown-wrap.k-state-focused > .k-i-close {
display: none;
}
.k-combobox .k-input {
box-sizing: content-box;
}
.k-grid {
border-style: none;
border-width: 0;
color: #848484;
}
.k-grid table {
width: 100% !important;
}
.k-grid tr td {
border-style: none;
border-width: 0;
}
.gridSpacing {
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 6px;
}
.k-grid .k-header > .k-header-column-menu {
margin-top: -0.25em;
}
.k-grid .k-header > .k-header-column-menu .k-icon {
font-size: 12px;
}
.k-grid .k-header > .k-header-column-menu .k-i-more-vertical:before {
content: "\e015";
}
.k-grid .k-header .k-icon {
color: #808080;
}
.k-grid-header-wrap > table,
.k-grid-header-locked > table {
margin-bottom: 0;
}
.k-grid-header th.k-header > .k-link {
min-height: 19px;
line-height: 19px;
}
.k-grid tr:hover .k-state-focused.k-state-selected,
.k-grid tr.k-state-selected:hover td.k-state-focused {
box-shadow: none;
}
.k-grid-header th.k-header,
.k-filter-row th {
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 6px;
font-weight: bold;
font-size: 11px;
color: #808080;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
border-bottom-width: 1px;
border-left-width: 0;
line-height: 12px;
padding-bottom: 8px;
}
.k-grid-header .k-header.k-with-icon .k-link {
overflow: visible;
}
.k-grid-header .k-filter-row .k-filtercell > .k-operator-hidden {
padding-right: 0px;
}
.k-grid-header .k-filter-row .k-filtercell > span .k-autocomplete {
padding: 0px;
margin-right: 0px;
padding-right: 0px;
}
.k-grid-header .k-filter-row .k-filtercell > span .k-autocomplete > input {
box-sizing: border-box;
height: 28px;
}
.k-grid-header .k-filter-row .k-filtercell > span > button {
right: 0px;
padding-right: 3px;
padding-left: 3px;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 18px;
}
.k-grid-header .k-filter-row .k-filtercell > span > .k-dropdown-operator {
right: 33px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
margin-left: 0px;
border-left: 0px;
}
.k-grid-header .k-filter-row .k-filtercell > span > .k-dropdown-operator > span {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
margin-left: 0px;
border-left: 0px;
}
.k-grid-header tr[role="row"] .k-header:not(:first-child) {
font-weight: 600;
}
.k-grid-header tr[role="row"] .k-header:first-child {
padding-left: 21px;
}
.k-grid-header tr[role="row"] .k-header:first-child:before {
padding-left: 21px;
}
div.k-grid-header {
border: none;
}
.k-grid-header-wrap,
.k-grid-footer-wrap {
border: none;
}
.k-pager-wrap {
border: none;
margin-top: 8px;
}
.k-pager-wrap .k-link.k-pager-last {
border: none;
}
.k-pager-wrap > .k-link {
border: none;
background: none;
}
.k-grid-pager {
border: none;
}
.k-grid-pager .k-icon {
opacity: 0.5;
}
.k-grid th {
cursor: default;
}
.k-grid td {
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 6px;
border-style: none;
overflow: hidden;
cursor: pointer;
font-weight: 600;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: inherit;
}
.k-grid td:first-child {
padding-left: 21px;
}
.k-grid .k-state-selected a {
color: white;
}
.k-multiselect-wrap .k-i-close {
color: white;
}
.k-multiselect-wrap .k-button {
background-color: #1071a8;
border: none;
}
.k-multiselect-wrap .k-button:active:hover {
background-color: #1071a8;
color: white;
}
.k-multiselect-wrap .k-button.k-state-hover {
color: white;
background-color: #1071a8;
}
.k-multiselect-wrap .k-button.k-state-hover .k-i-close {
color: #d5d5d5;
}
.k-pager-wrap .k-dropdown {
width: 72px;
}
.k-pager-wrap .k-pager-nav.k-pager-last {
-webkit-border-radius: 13px;
-webkit-background-clip: padding-box;
-moz-border-radius: 13px;
-moz-background-clip: padding;
border-radius: 13px;
background-clip: padding-box;
border-right-color: transparent;
}
.k-pager-wrap > .k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected,
.k-pager-nav.k-pager-first {
border-style: solid;
border-width: 0px;
line-height: 22px;
padding: 0 7px;
-webkit-border-radius: 13px;
-webkit-background-clip: padding-box;
-moz-border-radius: 13px;
-moz-background-clip: padding;
border-radius: 13px;
background-clip: padding-box;
}
.k-pager-wrap > .k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
min-width: 8px;
}
.k-pager-wrap .k-link {
background: transparent;
border-color: transparent;
}
.k-pager-wrap .k-link:not(.k-state-disabled):hover {
color: #fff;
border-color: #82c135;
background: #82c135;
}
.k-pager-wrap .k-link.k-state-disabled:hover {
border-color: transparent;
}
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
margin-right: 1px;
}
.k-tabstrip > .k-state-active {
border-color: #d5d5d5;
}
.k-tabstrip-items {
border: none;
}
.k-tabstrip-items .k-state-active .k-link {
color: #848484;
}
.k-tabstrip-items > .k-item {
background: transparent;
margin-bottom: -1px;
border-style: none;
border-radius: 0;
padding-top: 3px;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.k-tabstrip-items > .k-item .k-loading,
.k-tabstrip-items > .k-item .k-complete {
border-style: none;
}
.k-tabstrip-items > .k-item:first-child {
margin-left: 0px;
}
.k-tabstrip-items > .k-item.k-state-active {
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
border-top-style: solid;
border-top-width: 3px;
border-top-color: #0095da;
background: #fff;
padding-top: 0px;
}
.k-tabstrip-items > .k-item a {
margin-right: 0;
padding-left: 17px;
padding-right: 17px;
color: #0095da;
}
.k-tabstrip-items > .k-item a:hover {
color: #fff;
}
.k-tabstrip-items > .k-item a.k-link {
padding-top: 6px;
padding-bottom: 8px;
}
.k-tabstrip-items > .k-item.k-state-active > a {
color: #848484;
}
.k-tabstrip-items > .k-item.k-state-active > a:hover {
color: #848484;
}
.k-tabstrip-items > .k-item.k-state-disabled {
pointer-events: auto;
cursor: not-allowed;
}
.k-tabstrip-items > .k-item.k-state-disabled > a {
color: #b5b5b5;
}
.k-tabstrip > .k-content {
padding: 18px;
overflow: initial;
}
.k-slider .k-state-hover,
.k-slider .k-state-focused {
background-color: #82c135;
border-color: #82c135;
}
.k-slider .k-draghandle,
.k-slider .k-draghandle:hover,
.k-slider .k-slider-selection {
background-color: #0095da;
border-color: #0095da;
}
.k-slider .k-slider-track {
border: none;
background-color: #d5d5d5;
border-radius: 4px;
}
.k-slider .k-slider-selection {
border-radius: 4px;
}
.k-dropzone {
border: 3px dashed #b5b5b5;
border-radius: 10px;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 10px;
}
.k-dropzone em {
color: #848484;
visibility: visible;
display: initial;
}
.k-widget.k-upload.k-header {
border: none;
}
.k-widget.k-upload.k-header .k-upload-files {
border-top: none;
}
.k-upload .k-clear-selected,
.k-upload .k-upload-selected {
background-repeat: repeat;
background-position: 0 center;
font-size: 100%;
border-style: solid;
border-width: 1px;
-webkit-appearance: none;
margin: 0;
padding: 5px 14px 4px;
font-family: inherit;
line-height: 1.72em;
text-align: center;
cursor: pointer;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
background-image: none;
background-position: 50% 50%;
background-color: #fff;
color: #fff;
border-color: #d5d5d5;
background-color: #0095da;
border-radius: 4px;
-webkit-box-shadow: none;
-webkit-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
margin: 4px;
width: inherit;
}
.k-popup {
z-index: 2147483607 !important;
}
.k-animation-container {
z-index: 2147483607 !important;
}
.k-window {
z-index: 2147483577 !important;
box-sizing: border-box;
padding: 0;
}
.k-window .k-window-titlebar {
box-sizing: border-box;
padding: 18px;
border-bottom-style: solid;
border-bottom-color: #b5b5b5;
border-bottom-width: 1px;
background: #fff;
}
.k-window .k-window-titlebar .k-window-title {
box-sizing: border-box;
font-weight: bold;
bottom: 9px;
}
.k-window .content {
box-sizing: border-box;
padding: 18px;
}
.k-window .footer {
box-sizing: border-box;
width: 100%;
padding: 18px;
margin-top: 30px;
margin-right: 20px;
border-top-style: solid;
border-top-color: #b5b5b5;
border-top-width: 1px;
background: #fff;
}
.k-window .footer .buttons {
float: right;
}
/*!
* jQuery contextMenu - Plugin for simple contextMenu handling
*
* Version: 1.5.24
*
* Authors: Rodney Rehm, Addy Osmani (patches for FF)
* Web: http://medialize.github.com/jQuery-contextMenu/
*
* Licensed under
* MIT License http://www.opensource.org/licenses/mit-license
* GPL v3 http://opensource.org/licenses/GPL-3.0
*
*/
.context-menu-list {
margin: 0;
padding: 0;
min-width: 120px;
max-width: 450px;
display: inline-block;
position: absolute;
list-style-type: none;
line-height: normal;
border: 1px solid #b5c1ca;
border-radius: 4px;
background: white;
-webkit-box-shadow: 3px 5px 5px rgba(46, 49, 55, 0.75);
-moz-box-shadow: 3px 5px 5px rgba(46, 49, 55, 0.75);
-ms-box-shadow: 3px 5px 5px rgba(46, 49, 55, 0.75);
-o-box-shadow: 3px 5px 5px rgba(46, 49, 55, 0.75);
box-shadow: 3px 5px 5px rgba(46, 49, 55, 0.75);
font-family: Arial;
font-size: 13px;
text-align: left;
overflow: visible;
}
.context-menu-root {
min-width: 250px;
max-width: 450px;
border-left: 2px solid #216CA0;
}
.context-menu-item {
word-break: break-all;
list-style-type: inherit;
padding: 6px 14px 6px 14px;
background-color: #E8ECEF;
position: relative;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
font-style: normal;
font-size: inherit;
color: #153e5a;
font-family: inherit;
font-weight: inherit;
margin: inherit;
}
.context-menu-separator {
padding-bottom: 0px;
padding-top: 1px;
border-bottom: 1px solid #DDD;
}
.context-menu-item > label > input,
.context-menu-item > label > textarea {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.context-menu-item.hover {
cursor: pointer;
background-color: #F2F4F5;
}
.context-menu-item.disabled {
color: grey;
}
.context-menu-input.hover,
.context-menu-item.disabled.hover {
cursor: default;
background-color: white;
}
.context-menu-submenu {
padding-right: 24px;
}
.context-menu-submenu:after {
content: "";
color: black;
position: absolute;
top: 6px;
right: 3px;
z-index: 2147483567;
background-image: url('chrome-extension://__MSG_@@extension_id__/toolbarIFrame/images/contextMenuArrow.png');
width: 12px;
height: 15px;
}
/* icons
#protip:
In case you want to use sprites for icons (which I would suggest you do) have a look at
http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement
.context-menu-item.icon:before {}
*/
.context-menu-item.icon {
min-height: 18px;
background-repeat: no-repeat;
background-position: 4px 2px;
width: initial;
}
.context-menu-item.icon-edit {
background-image: url(toolbarIFrame/images/page_white_edit.png);
}
.context-menu-item.icon-cut {
background-image: url(toolbarIFrame/images/cut.png);
}
.context-menu-item.icon-copy {
background-image: url(toolbarIFrame/images/page_white_copy.png);
}
.context-menu-item.icon-paste {
background-image: url(toolbarIFrame/images/page_white_paste.png);
}
.context-menu-item.icon-delete {
background-image: url(toolbarIFrame/images/page_white_delete.png);
}
.context-menu-item.icon-add {
background-image: url(toolbarIFrame/images/page_white_add.png);
}
.context-menu-item.icon-quit {
background-image: url(toolbarIFrame/images/door.png);
}
.context-menu-item.icon-checked {
background-image: url('chrome-extension://__MSG_@@extension_id__/toolbarIFrame/images/checkedRadio.png');
background-position-x: 2px;
background-position-y: 4px;
}
.context-menu-item.icon-unchecked {
background-image: url('chrome-extension://__MSG_@@extension_id__/toolbarIFrame/images/uncheckedRadio.png');
background-position-x: 2px;
background-position-y: 4px;
}
.context-menu-item.menuWithIcons {
padding-left: 20px;
}
/* vertically align inside labels */
.context-menu-input > label > * {
vertical-align: top;
}
/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
margin-left: -17px;
}
.context-menu-input > label > span {
margin-left: 5px;
}
.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.context-menu-input > label > textarea {
height: 100px;
}
.context-menu-item > .context-menu-list {
display: none;
/* re-positioned by js */
right: -5px;
top: 5px;
}
.context-menu-item.hover > .context-menu-list {
display: block;
}
.context-menu-accesskey {
text-decoration: underline;
}
/*
* Copyright (C) 2010-2016 Evergage, Inc.
* All rights reserved.
*/
h2 {
font-size: 1.6em;
}
.buttonRow {
margin-top: 10px;
margin-bottom: 18px;
text-align: right;
padding-right: 12px;
}
.buttonRow .pageTitle {
float: left;
margin-top: 0;
margin-bottom: 0;
}
.buttonRow .linkButton {
margin-left: 8px;
}
.and,
.or {
text-transform: uppercase;
text-align: left;
font-size: 13px;
}
.clickable {
cursor: pointer;
}
.and {
color: #90c94d;
}
.or {
color: #ecb84f;
}
.loadingColumnImage {
width: 18px;
height: 18px;
}
.buttonStyleHover {
background-color: #0084c1;
}
.buttonStyleActive {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYjhmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjMzI3N2IyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzMyNzVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmM2ODljIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
background-image: -webkit-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -moz-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -o-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: linear-gradient(to top, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
}
.buttonStyleDisabled {
color: #b5b5b5;
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background-color: #efefef;
pointer-events: none;
cursor: not-allowed;
}
.buttonStyleMedium {
height: 28px;
line-height: 28px;
font-size: 13px;
}
.buttonStyleLarge {
height: 38px;
line-height: 38px;
font-size: 15px;
}
.buttonStyleJumbo {
height: 48px;
line-height: 48px;
font-size: 17px;
}
.buttonStyleSecondary {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
}
.buttonStyleSecondary:hover {
background-color: #c8c8c8;
}
.buttonStyleSecondary.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
.buttonStyleSecondary.secondRow {
display: inline-block;
margin-top: 9px;
}
.smallIconButton {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
}
.smallIconButton:hover {
background-color: #c8c8c8;
}
.smallIconButton.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
.smallIconButton.secondRow {
display: inline-block;
margin-top: 9px;
}
.rightPreviewPane .topButtons i.fa-check,
#campaignSetupTabContent .topButtons i.fa-check {
height: 28px;
}
.rightPreviewPane .rightPreviewPaneTitle,
#campaignSetupTabContent .rightPreviewPaneTitle {
margin-top: 15px;
margin-bottom: 15px;
font-size: 17px;
color: #585858;
}
.rightPreviewPane .rightPreviewPaneSubtitle,
#campaignSetupTabContent .rightPreviewPaneSubtitle {
font-size: 15px;
color: #585858;
}
.rightPreviewPane .oddEvenRow.even,
#campaignSetupTabContent .oddEvenRow.even {
background-color: #f5f5f5;
}
.rightPreviewPane .oddEvenRow.odd,
#campaignSetupTabContent .oddEvenRow.odd {
background-color: #fff;
}
.rightPreviewPane [kendo-tab-strip] .previewSection,
#campaignSetupTabContent [kendo-tab-strip] .previewSection {
padding: 0px;
}
.rightPreviewPane .listItem,
#campaignSetupTabContent .listItem {
box-sizing: border-box;
padding: 10px 15px;
height: 65px;
width: 100%;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rightPreviewPane .listItem .oneLineEllipsisText,
#campaignSetupTabContent .listItem .oneLineEllipsisText {
white-space: nowrap;
}
.rightPreviewPane .listItem .title,
#campaignSetupTabContent .listItem .title {
font-weight: bold;
}
.rightPreviewPane .listItem .nextLineInfo,
#campaignSetupTabContent .listItem .nextLineInfo {
font-style: italic;
}
.rightPreviewPane .listItem .colorTitle,
#campaignSetupTabContent .listItem .colorTitle {
font-weight: bold;
color: #0095da;
}
.rightPreviewPane .listItem .right-floated-date,
#campaignSetupTabContent .listItem .right-floated-date {
float: right;
}
.rightPreviewPane .showMoreButton,
#campaignSetupTabContent .showMoreButton {
color: #0095da;
text-align: center;
cursor: pointer;
border-top: 1px solid #d5d5d5;
padding-top: 4px;
padding-bottom: 4px;
}
.topButtonsStylePreviewPane {
margin-bottom: 5px;
}
.topButtonsStylePreviewPane .mainActionsButtonRow {
margin-bottom: 8px;
}
.topButtonsStylePreviewPane .mainActionsButtonRow .linkButton {
height: 28px;
line-height: 28px;
font-size: 13px;
padding-bottom: 1px;
padding-top: 1px;
margin-right: 3px;
}
.topButtonsStylePreviewPane .mainActionsButtonRow .linkButton.secondRow {
margin-top: 5px;
}
.topButtonsStylePreviewPane .multiSelectButtonArea .linkButton {
display: table;
margin-bottom: 20px;
}
.topButtonsStylePreviewPane .secondaryActionsButtonRow {
margin-top: 11px;
}
.topButtonsStylePreviewPane .secondaryActionsButtonRow .linkButton {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
}
.topButtonsStylePreviewPane .secondaryActionsButtonRow .linkButton:hover {
background-color: #c8c8c8;
}
.topButtonsStylePreviewPane .secondaryActionsButtonRow .linkButton.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
.topButtonsStylePreviewPane .secondaryActionsButtonRow .linkButton.secondRow {
display: inline-block;
margin-top: 9px;
}
.topButtonsStyleHeaderRow {
margin-bottom: 5px;
display: inline;
position: absolute;
right: 7px;
}
.topButtonsStyleHeaderRow .linkButton {
margin-left: 5px;
margin-right: 5px;
}
.topButtonsStyleHeaderRow .mainActionsButtonRow {
margin-bottom: 8px;
display: inline-block;
}
.topButtonsStyleHeaderRow .secondaryActionsButtonRow {
margin-bottom: 5px;
display: inline-block;
}
.topButtonsStyleHeaderRow .secondaryActionsButtonRow .linkButton {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
padding: 0px 14px;
}
.topButtonsStyleHeaderRow .secondaryActionsButtonRow .linkButton:hover {
background-color: #c8c8c8;
}
.topButtonsStyleHeaderRow .secondaryActionsButtonRow .linkButton.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
.topButtonsStyleHeaderRow .secondaryActionsButtonRow .linkButton.secondRow {
display: inline-block;
margin-top: 9px;
}
.linkButton.secondary {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
}
.linkButton.secondary:hover {
background-color: #c8c8c8;
}
.linkButton.secondary.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
.linkButton.secondary.secondRow {
display: inline-block;
margin-top: 9px;
}
.linkButtonStyle {
height: 28px;
cursor: pointer;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
background-color: #0095da;
padding-left: 14px;
padding-right: 14px;
display: inline-block;
line-height: 28px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600;
text-transform: uppercase;
}
.linkButtonStyle:hover {
background-color: #0084c1;
}
.linkButtonStyle:active {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYjhmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjMzI3N2IyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzMyNzVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmM2ODljIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
background-image: -webkit-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -moz-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -o-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: linear-gradient(to top, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
}
.linkButtonStyle.disabled {
color: #b5b5b5;
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background-color: #efefef;
pointer-events: none;
cursor: not-allowed;
}
.linkButtonStyle.lg {
height: 38px;
line-height: 38px;
font-size: 15px;
}
.linkButtonStyle.secondary {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
}
.linkButtonStyle.secondary:hover {
background-color: #c8c8c8;
}
.linkButtonStyle.secondary.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
.linkButtonStyle.secondary.secondRow {
display: inline-block;
margin-top: 9px;
}
.linkButtonStyle.redDelete {
background-color: #e13e06;
}
.linkButtonStyle.redDelete:hover {
background-color: #c83705;
}
.linkIconStyle {
cursor: pointer;
}
.linkIconStyle:hover {
color: #82c135;
}
.right .linkButton,
.footer-right .linkButton {
margin-left: 7px;
}
a.linkButton {
height: 28px;
cursor: pointer;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
background-color: #0095da;
padding-left: 14px;
padding-right: 14px;
display: inline-block;
line-height: 28px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600;
text-transform: uppercase;
}
a.linkButton:hover {
background-color: #0084c1;
}
a.linkButton:active {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYjhmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjMzI3N2IyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzMyNzVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmM2ODljIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
background-image: -webkit-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -moz-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -o-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: linear-gradient(to top, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
}
a.linkButton.disabled {
color: #b5b5b5;
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background-color: #efefef;
pointer-events: none;
cursor: not-allowed;
}
a.linkButton.lg {
height: 38px;
line-height: 38px;
font-size: 15px;
}
a.linkButton.secondary {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
}
a.linkButton.secondary:hover {
background-color: #c8c8c8;
}
a.linkButton.secondary.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
a.linkButton.secondary.secondRow {
display: inline-block;
margin-top: 9px;
}
a.linkButton.redDelete {
background-color: #e13e06;
}
a.linkButton.redDelete:hover {
background-color: #c83705;
}
a.linkButton.buttonStyleSecondary {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
}
a.linkButton.buttonStyleSecondary:hover {
background-color: #c8c8c8;
}
a.linkButton.buttonStyleSecondary.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
a.linkButton.buttonStyleSecondary.secondRow {
display: inline-block;
margin-top: 9px;
}
a.linkButton .fa {
vertical-align: middle;
padding-right: 5px;
}
a.linkButtonSmall {
padding-left: 6px;
padding-right: 6px;
height: 22px;
line-height: 22px;
font-size: 12px;
}
.linkIcon {
color: #0095da;
cursor: pointer;
}
.linkIcon:hover {
color: #82c135;
}
.linkIconGray {
color: #585858;
cursor: pointer;
}
.linkIconGray:hover {
color: #82c135;
}
a.linkButton.mediumBlue {
background-color: #1071a8;
}
a.linkButton.mediumBlue:hover {
background-color: #0084c1;
}
a.backToListLink {
cursor: pointer;
color: #848484;
padding-left: 32px;
font-weight: 600;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a.backToListLink:before {
content: "\f104";
font-family: "FontAwesome";
position: absolute;
left: 18px;
font-weight: 400;
font-size: 14pt;
}
.placeholderStyle {
color: #848484;
font-style: italic;
font-weight: 200;
}
::-webkit-input-placeholder {
color: #848484;
font-style: italic;
font-weight: 200;
}
:-moz-placeholder {
color: #848484;
font-style: italic;
font-weight: 200;
}
::-moz-placeholder {
color: #848484;
font-style: italic;
font-weight: 200;
}
:-ms-input-placeholder {
color: #848484;
font-style: italic;
font-weight: 200;
}
input,
textarea,
keygen,
select,
button,
isindex {
font-family: Arial, Helvetica, sans-serif;
}
.baseHtmlInput {
color: #585858;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
border: 1px solid #d5d5d5;
}
input,
textarea {
color: #585858;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
border: 1px solid #d5d5d5;
}
input {
vertical-align: middle;
}
input.wide {
width: 282px;
}
:focus:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.k-widget.k-multiselect {
box-sizing: border-box;
}
input:not([type]),
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea {
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
height: 20px;
line-height: 20px;
}
input:not([type]).narrowest,
input[type="text"].narrowest,
input[type="password"].narrowest,
input[type="search"].narrowest,
input[type="email"].narrowest,
input[type="url"].narrowest,
input[type="number"].narrowest,
textarea.narrowest {
width: 35px;
}
input:not([type]).narrower,
input[type="text"].narrower,
input[type="password"].narrower,
input[type="search"].narrower,
input[type="email"].narrower,
input[type="url"].narrower,
input[type="number"].narrower,
textarea.narrower {
width: 70px;
}
input:not([type]).narrow,
input[type="text"].narrow,
input[type="password"].narrow,
input[type="search"].narrow,
input[type="email"].narrow,
input[type="url"].narrow,
input[type="number"].narrow,
textarea.narrow {
width: 140px;
}
input:not([type]).wide,
input[type="text"].wide,
input[type="password"].wide,
input[type="search"].wide,
input[type="email"].wide,
input[type="url"].wide,
input[type="number"].wide,
textarea.wide {
width: 200px;
}
input:not([type]).wider,
input[type="text"].wider,
input[type="password"].wider,
input[type="search"].wider,
input[type="email"].wider,
input[type="url"].wider,
input[type="number"].wider,
textarea.wider {
width: 275px;
}
input:not([type]).widest,
input[type="text"].widest,
input[type="password"].widest,
input[type="search"].widest,
input[type="email"].widest,
input[type="url"].widest,
input[type="number"].widest,
textarea.widest {
width: 350px;
}
.k-dropdown {
width: 197px;
}
.k-dropdown.narrowest {
width: 62px;
}
.k-dropdown.narrower {
width: 97px;
}
.k-dropdown.narrow {
width: 167px;
}
.k-dropdown.wide {
width: 227px;
}
.k-dropdown.wider {
width: 302px;
}
.k-dropdown.widest {
width: 377px;
}
.k-multiselect {
width: 170px;
}
.k-multiselect.narrowest {
width: 35px;
}
.k-multiselect.narrower {
width: 70px;
}
.k-multiselect.narrow {
width: 140px;
}
.k-multiselect.wide {
width: 200px;
}
.k-multiselect.wider {
width: 275px;
}
.k-multiselect.widest {
width: 350px;
}
input[type="checkbox"],
input[type="radio"] {
margin-right: 2px;
}
textarea {
height: 100px;
resize: none;
}
textarea[msd-elastic] {
height: inherit;
}
.smallControls input:not([type]),
.smallControls input[type="text"],
.smallControls input[type="password"],
.smallControls input[type="search"],
.smallControls input[type="email"],
.smallControls input[type="url"],
.smallControls input[type="number"],
.smallControls textarea {
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
height: 14px;
line-height: 14px;
}
.smallControls input:not([type]).narrowest,
.smallControls input[type="text"].narrowest,
.smallControls input[type="password"].narrowest,
.smallControls input[type="search"].narrowest,
.smallControls input[type="email"].narrowest,
.smallControls input[type="url"].narrowest,
.smallControls input[type="number"].narrowest,
.smallControls textarea.narrowest {
width: 35px;
}
.smallControls input:not([type]).narrower,
.smallControls input[type="text"].narrower,
.smallControls input[type="password"].narrower,
.smallControls input[type="search"].narrower,
.smallControls input[type="email"].narrower,
.smallControls input[type="url"].narrower,
.smallControls input[type="number"].narrower,
.smallControls textarea.narrower {
width: 70px;
}
.smallControls input:not([type]).narrow,
.smallControls input[type="text"].narrow,
.smallControls input[type="password"].narrow,
.smallControls input[type="search"].narrow,
.smallControls input[type="email"].narrow,
.smallControls input[type="url"].narrow,
.smallControls input[type="number"].narrow,
.smallControls textarea.narrow {
width: 140px;
}
.smallControls input:not([type]).wide,
.smallControls input[type="text"].wide,
.smallControls input[type="password"].wide,
.smallControls input[type="search"].wide,
.smallControls input[type="email"].wide,
.smallControls input[type="url"].wide,
.smallControls input[type="number"].wide,
.smallControls textarea.wide {
width: 200px;
}
.smallControls input:not([type]).wider,
.smallControls input[type="text"].wider,
.smallControls input[type="password"].wider,
.smallControls input[type="search"].wider,
.smallControls input[type="email"].wider,
.smallControls input[type="url"].wider,
.smallControls input[type="number"].wider,
.smallControls textarea.wider {
width: 275px;
}
.smallControls input:not([type]).widest,
.smallControls input[type="text"].widest,
.smallControls input[type="password"].widest,
.smallControls input[type="search"].widest,
.smallControls input[type="email"].widest,
.smallControls input[type="url"].widest,
.smallControls input[type="number"].widest,
.smallControls textarea.widest {
width: 350px;
}
.smallControls .k-dropdown {
width: 197px;
}
.smallControls .k-dropdown.narrowest {
width: 62px;
}
.smallControls .k-dropdown.narrower {
width: 97px;
}
.smallControls .k-dropdown.narrow {
width: 167px;
}
.smallControls .k-dropdown.wide {
width: 227px;
}
.smallControls .k-dropdown.wider {
width: 302px;
}
.smallControls .k-dropdown.widest {
width: 377px;
}
.smallControls .k-multiselect {
width: 170px;
}
.smallControls .k-multiselect.narrowest {
width: 35px;
}
.smallControls .k-multiselect.narrower {
width: 70px;
}
.smallControls .k-multiselect.narrow {
width: 140px;
}
.smallControls .k-multiselect.wide {
width: 200px;
}
.smallControls .k-multiselect.wider {
width: 275px;
}
.smallControls .k-multiselect.widest {
width: 350px;
}
.smallControls input[type="checkbox"],
.smallControls input[type="radio"] {
margin-right: 2px;
}
.smallControls textarea {
height: 70px;
resize: none;
}
.smallControls textarea[msd-elastic] {
height: inherit;
}
div.code,
textarea.code {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
font-family: Monaco, Menlo, Ubuntu Mono, Consolas, source-code-pro, monospace;
font-size: 12px;
line-height: normal;
}
div.code {
background-color: #d5d5d5;
padding: 4px;
margin-top: 4px;
margin-bottom: 4px;
}
.disabledWithPointerEvents {
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
cursor: default;
}
.disabled {
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.progressDetail {
font-style: italic;
}
/*
.progress {
height: 11px;
margin-right: 8px;
min-width: 20px; // Override the width when you go to use the progress bar
background-color: white;
.lh-border-radius(1px);
.lh-box-shadow(0 -1px 1px rgba(0,0,0,.7));
display: inline-block;
.bar {
.lh-border-radius(1px);
.lh-box-shadow(0 1px 1px rgba(255,255,255,.7), inset 0 1px 1px rgba(0,0,0,.3));
.lh-background-image(linear-gradient(to bottom, #b1d94b, #57ac24));
height: 100%;
}
}
*/
.upArrow {
display: inline-block;
width: 16px;
background-repeat: no-repeat;
height: 16px;
background-image: url('../images/icons/trend_up_16.png');
vertical-align: middle;
}
.downArrow {
display: inline-block;
width: 16px;
background-repeat: no-repeat;
height: 16px;
background-image: url('../images/icons/trend_down_16.png');
vertical-align: middle;
}
.note {
background-color: #f5f5f5;
color: #4a4a4a;
border: thin solid #d5d5d5;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
font-size: 12px;
padding: 9px;
margin-top: 4px;
margin-bottom: 4px;
}
.note:before {
font-family: FontAwesome;
content: "\f129";
color: #0095da;
margin-right: 6px;
vertical-align: middle;
}
.nowrap {
white-space: nowrap;
}
.mimicKendoTable {
border-spacing: 2px;
border-collapse: separate;
margin-bottom: 20px;
color: #848484;
width: 100%;
/** Copy of Kendo header underline css k-header **/
}
.mimicKendoTable th,
.mimicKendoTable td {
position: relative;
padding: 4px 8px;
}
.mimicKendoTable th {
font-weight: bold;
font-size: 11px;
color: #585859;
text-transform: lowercase;
text-align: left;
font-weight: 600;
}
.mimicKendoTable th:before {
content: "";
position: absolute;
left: 0;
bottom: 3px;
width: 100%;
height: 1px;
background: #bfc1c2;
background-clip: content-box;
box-sizing: border-box;
padding-top: 7px;
padding-right: 7px;
padding-left: 7px;
padding-bottom: 6px;
padding-top: 0;
padding-bottom: 0;
}
.mimicKendoTable td {
white-space: nowrap;
padding-right: 10px;
min-width: 50px;
height: 25px;
text-align: left;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600;
color: #848484;
}
.mimicKendoTable tr.alt {
background-color: #f9fafb;
}
i.online.fa.fa-circle {
color: #82C135;
}
ul.tooltipShared {
margin: 0px 20px 0px 0px;
padding: 0px;
list-style-position: inside;
}
.form-control {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 13px;
line-height: 1.42857143;
color: #555555;
vertical-align: middle;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eeeeee;
}
textarea.form-control {
height: auto;
}
.radio,
.checkbox {
display: block;
min-height: 18px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
vertical-align: middle;
}
.radio label,
.checkbox label {
display: inline;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
float: left;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.input-lg {
height: 45px;
padding: 10px 16px;
font-size: 17px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 45px;
line-height: 45px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #ffffff;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #feede9;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168, 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #fbfdf8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.form-control-static {
margin-bottom: 0;
}
.tabs.primary {
font-size: 14px;
font-weight: bold;
}
.kendoWidgetsHide {
visibility: hidden;
}
tr.k-state-selected .actions .fa-minus-circle {
color: #fff;
}
.actions {
white-space: nowrap;
}
.actions .fa {
color: #848484;
margin-left: 1px;
margin-right: 1px;
}
.actions .fa:hover {
color: #5e5e5e;
}
.actions .fa.fa-remove:hover {
color: #e13e06;
}
.actions .fa.fa-trash:hover {
color: #e13e06;
}
.actions .fa.fa-minus-circle:hover {
color: #e13e06;
}
.feature-unavailable-message {
display: inline-block;
background-color: white;
border: thin solid #d1d1d1;
padding: 8px 10px;
border-radius: 3px;
}
.feature-unavailable-message .icon-container {
float: left;
height: 100%;
width: 20px;
font-size: 22px;
margin-top: 2px;
color: #0095da;
margin-right: 3px;
margin-left: 2px;
vertical-align: middle;
}
.feature-unavailable-message .text-container {
font-size: 13px;
float: left;
text-align: center;
}
.inline-input {
display: inline-block;
}
.error-below {
overflow-x: visible;
white-space: nowrap;
position: relative;
}
.error-below > .error-message-container > * {
position: absolute;
top: 3px;
min-height: 12px;
}
/* --------- FORM VALIDATION ---------*/
.help-container {
margin-left: 12px;
}
.help-block {
display: none;
color: #dd360b;
margin-top: 5px;
margin-bottom: 0;
}
.formError {
margin-top: 5px;
margin-bottom: 5px;
color: #dd360b;
}
.formError:before {
content: "\f071";
font-family: FontAwesome;
margin-right: 6px;
vertical-align: middle;
}
form .error,
ng-form .error,
[ng-form] .error {
margin-top: 5px;
margin-bottom: 5px;
color: #dd360b;
}
form .error:before,
ng-form .error:before,
[ng-form] .error:before {
content: "\f071";
font-family: FontAwesome;
margin-right: 6px;
vertical-align: middle;
}
form .error-lg,
ng-form .error-lg,
[ng-form] .error-lg {
margin-top: 5px;
margin-bottom: 5px;
color: #dd360b;
font-size: 15px;
}
form .error-lg:before,
ng-form .error-lg:before,
[ng-form] .error-lg:before {
content: "\f071";
font-family: FontAwesome;
margin-right: 6px;
vertical-align: middle;
}
form.ng-dirty input.ng-invalid,
form.ng-dirty select.ng-invalid,
form.ng-dirty textarea.ng-invalid,
form.ng-dirty .k-multiselect.k-header.k-state-focused.ng-invalid,
form.ng-dirty .k-picker-wrap.ng-invalid {
border-color: #dd360b;
background-color: #fff1eb;
}
form.ng-dirty input.ng-invalid:focus,
form.ng-dirty select.ng-invalid:focus,
form.ng-dirty textarea.ng-invalid:focus,
form.ng-dirty .k-multiselect.k-header.k-state-focused.ng-invalid:focus,
form.ng-dirty .k-picker-wrap.ng-invalid:focus {
outline-color: #e77e7e;
}
form.ng-dirty input.ng-invalid:active,
form.ng-dirty select.ng-invalid:active,
form.ng-dirty textarea.ng-invalid:active,
form.ng-dirty .k-multiselect.k-header.k-state-focused.ng-invalid:active,
form.ng-dirty .k-picker-wrap.ng-invalid:active {
outline-color: #e77e7e;
}
tags-input .tags {
box-shadow: none;
border-radius: 3px;
}
tags-input .tags .input {
font: inherit;
}
/* ---------- SWITCH ---------- */
.switch input {
font-family: inherit;
font-size: 100%;
line-height: normal;
margin: 0;
}
.switch input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
.switch-container {
display: inline-block;
cursor: pointer;
position: relative;
height: 18px;
width: 93px;
text-align: left;
}
.switch {
left: 28px;
cursor: pointer;
background: #fff;
border-radius: 32px;
display: inline-block;
height: 14px;
position: relative;
width: 40px;
border: 1px solid #d5d5d5;
}
.switch label {
cursor: pointer;
color: #808080;
font-size: 12px;
font-weight: 300;
line-height: 14px;
text-transform: uppercase;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
width: 20px;
}
.switch label:nth-of-type(1) {
left: -29px;
position: absolute;
text-align: right;
}
.switch label:nth-of-type(2) {
position: absolute;
right: -26px;
text-align: left;
}
.switch input {
cursor: pointer;
height: 14px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 40px;
z-index: 2;
}
.switch input:checked ~ label:nth-of-type(1) {
color: #0095da;
}
.switch input:checked ~ label:nth-of-type(2) {
color: #808080;
}
.switch input ~ :checked ~ label:nth-of-type(1) {
color: #808080;
}
.switch input ~ :checked ~ label:nth-of-type(2) {
color: #0095da;
}
.switch input:checked ~ .toggle {
left: 4px;
}
.switch input ~ :checked ~ .toggle {
left: 24px;
}
.switch input:checked {
z-index: 0;
}
.switch .toggle {
background: #808080;
border-radius: 50%;
height: 12px;
left: 4px;
position: absolute;
top: 1px;
-webkit-transition: left .2s ease;
-moz-transition: left .2s ease;
-ms-transition: left .2s ease;
-o-transition: left .2s ease;
transition: left .2s ease;
width: 12px;
z-index: 1;
}
#toolbarOptionsArea .switch-container {
cursor: pointer;
height: 18px;
right: 65px;
position: absolute;
bottom: 8px;
width: 40px;
}
#toolbarOptionsArea .switch {
left: 0;
}
/* Used, among other things, for the dynamic content dropdowns */
.controlWithTopLabel {
display: inline-block;
padding-left: 20px;
}
.controlWithTopLabel div {
display: inline-block;
}
.controlWithTopLabel label {
font-size: 10px;
position: absolute;
margin-top: -13px;
}
.controlWithTopLabel a.tbLinkButton {
font-family: Arial, Helvetica, sans-serif, "FontAwesome";
color: #848484;
cursor: pointer;
display: inline-block;
width: 34px;
height: 24px;
line-height: 24px;
text-align: center;
vertical-align: middle;
background-color: #fff;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
border: 1px solid #c2c2c2;
}
.controlWithTopLabel a.tbLinkButton:hover,
.controlWithTopLabel a.tbLinkButton.active:hover {
background-color: #82c135;
color: #fff;
}
.controlWithTopLabel a.tbLinkButton[disabled] {
color: #d5d5d5;
cursor: default;
pointer-events: none;
}
.controlWithTopLabel a.tbLinkButton[disabled]:hover {
background-color: #fff;
}
.controlWithTopLabel a.tbLinkButton.active {
background-color: #0095da;
color: #fff;
}
.controlWithTopLabel a.tbLinkButton span:after {
content: "\f067";
font-family: "FontAwesome";
color: #848484;
vertical-align: middle;
padding-left: 4px;
}
.bottom20 {
margin-bottom: 20px;
}
.smallListItemIndent {
padding-inline-start: 20px;
-moz-padding-start: 20px;
-webkit-padding-start: 20px;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
.ace_editor.ace_autocomplete {
z-index: 2147483617 !important;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.commonDropdownMenuStyle {
padding: 5px 0;
margin: 0;
list-style: none;
font-size: 13px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu {
padding: 5px 0;
margin: 0;
list-style: none;
font-size: 13px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu .fa {
margin-right: 5px;
}
.dropdown-menu [dropdown-toggle] span.actualValue {
color: #848484;
}
.tooltip {
background-color: #fff;
border: solid 1px #d5d5d5;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
-webkit-box-shadow: 0px 1px 5px rgba(20, 20, 20, 0.5);
-moz-box-shadow: 0px 1px 5px rgba(20, 20, 20, 0.5);
box-shadow: 0px 1px 5px rgba(20, 20, 20, 0.5);
font-weight: normal;
overflow: hidden;
}
.tooltip.in {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
z-index: 2147483602;
}
.tooltip-inner {
min-width: 180px;
max-width: 300px;
text-align: left;
}
.popover {
background-color: #fff;
color: #848484;
padding: 0;
z-index: 2147483627;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
-webkit-box-shadow: 0px 1px 5px rgba(121, 121, 121, 0.5);
-moz-box-shadow: 0px 1px 5px rgba(121, 121, 121, 0.5);
box-shadow: 0px 1px 5px rgba(121, 121, 121, 0.5);
}
.popover.bottom .arrow:after {
border-bottom-color: #d5d5d5;
}
.popover-title {
line-height: 1.25;
}
.popover-content {
width: auto;
font-size: 12px;
}
.modal-backdrop {
z-index: 2147483587 !important;
}
.modal {
display: block !important;
overflow: visible;
z-index: 2147483597 !important;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, 0%);
-ms-transform: translate(0, 0%);
-o-transform: translate(0, 0%);
transform: translate(0, 0%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.hide {
display: none;
}
.nav,
.pagination,
.carousel,
.panel-title a {
cursor: pointer;
}
.nav > li > a:hover,
.nav > li > a:focus {
color: #fff;
}
.nav-justified.nav-pills > li > a {
margin-left: 2px;
margin-right: 2px;
}
.nav-pills a {
color: #585858;
}
ul.nav {
margin-top: 0;
}
.btn-nav-pills .btn {
border-radius: 4px;
color: #585858;
background-color: transparent;
border-style: none;
}
.btn-nav-pills .btn:hover {
color: #fff;
background-color: #82c135;
}
.btn-nav-pills .btn.active {
color: #fff;
background-color: #0095da;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.tabbable,
.tabs {
background-color: transparent;
}
.nav.nav-tabs,
.nav.nav-pills {
border: none;
}
.nav.nav-tabs li,
.nav.nav-pills li {
background-color: transparent;
margin-bottom: -1px;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
.nav.nav-tabs li a,
.nav.nav-pills li a {
border-radius: 0;
margin-right: 0;
padding-left: 17px;
padding-right: 17px;
padding-top: 7px;
padding-bottom: 8px;
color: #0095da;
font-weight: bold;
}
.nav.nav-tabs li a:hover,
.nav.nav-pills li a:hover {
color: #fff;
}
.nav.nav-tabs li.active,
.nav.nav-pills li.active {
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
}
.nav.nav-tabs li.active > a,
.nav.nav-pills li.active > a {
border: none;
background-color: #fff;
color: #848484;
}
.nav.nav-tabs li.active > a:hover,
.nav.nav-pills li.active > a:hover {
color: #848484;
}
.nav.nav-tabs li.disabled,
.nav.nav-pills li.disabled {
pointer-events: auto;
cursor: not-allowed;
}
.nav.nav-tabs li.disabled > a,
.nav.nav-pills li.disabled > a {
border: none;
color: #b5b5b5;
}
.nav-tabs li {
margin-bottom: -1px;
padding-top: 3px;
box-sizing: border-box;
}
.nav-tabs li:first-child {
margin-left: 5px;
}
.nav-tabs li.active {
border-top-style: solid;
border-top-width: 3px;
border-top-color: #0095da;
padding-top: 0px;
}
.nav-tabs li > a {
border: none;
}
.nav-stacked li {
margin-right: -1px;
}
.nav-stacked li:first-child {
margin-top: 5px;
}
.nav-stacked li.active {
border-left-style: solid;
border-left-width: 3px;
border-left-color: #0095da;
margin-right: -2px;
}
button.btn:not(.btn-lg) {
height: 28px;
cursor: pointer;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
background-color: #0095da;
padding-left: 14px;
padding-right: 14px;
display: inline-block;
line-height: 28px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600;
text-transform: uppercase;
padding-top: 0;
padding-bottom: 0;
border: none;
}
button.btn:not(.btn-lg):hover {
background-color: #0084c1;
}
button.btn:not(.btn-lg):active {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYjhmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjMzI3N2IyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzMyNzVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmM2ODljIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
background-image: -webkit-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -moz-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -o-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: linear-gradient(to top, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
}
button.btn:not(.btn-lg).disabled {
color: #b5b5b5;
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background-color: #efefef;
pointer-events: none;
cursor: not-allowed;
}
button.btn:not(.btn-lg).lg {
height: 38px;
line-height: 38px;
font-size: 15px;
}
button.btn:not(.btn-lg).secondary {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
}
button.btn:not(.btn-lg).secondary:hover {
background-color: #c8c8c8;
}
button.btn:not(.btn-lg).secondary.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
button.btn:not(.btn-lg).secondary.secondRow {
display: inline-block;
margin-top: 9px;
}
button.btn:not(.btn-lg).redDelete {
background-color: #e13e06;
}
button.btn:not(.btn-lg).redDelete:hover {
background-color: #c83705;
}
button.btn:not(.btn-lg).cancel {
background-color: #808080;
}
button.btn:not(.btn-lg).cancel:hover {
background-color: #0084c1;
}
button.btn-default {
/* Needed a more specific selector to override bootstrap's button color */
color: #fff;
}
button.btn-default.hover {
background-color: #0084c1;
}
button.btn-default.active {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYjhmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjMzI3N2IyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzMyNzVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmM2ODljIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
background-image: -webkit-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -moz-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -o-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: linear-gradient(to top, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
}
button.btn-default.disabled {
color: #b5b5b5;
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background-color: #efefef;
pointer-events: none;
cursor: not-allowed;
}
button.btn:not(.btn-lg).disabled {
color: #b5b5b5;
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background-color: #efefef;
pointer-events: none;
cursor: not-allowed;
}
.radio .btn {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.progress {
border-style: none;
box-shadow: none;
border-radius: none;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.chosen-container {
min-width: 222px !important;
}
form .chosen-container {
margin-left: 6px;
margin-right: 6px;
}
.chosen-container .chosen-default {
color: #585858;
background-color: white;
background-image: none;
}
.chosen-container .chosen-results {
color: #848484;
}
.chosen-container .chosen-results li.highlighted {
background-color: #82c135;
background-image: none;
}
.chosen-container-single .chosen-single {
height: 30px;
line-height: 28px;
color: #585858;
border-radius: 4px;
background-color: white;
background-image: none;
border-color: #d5d5d5;
box-shadow: none;
}
.chosen-container-single .chosen-single:hover {
border-color: #82c135;
}
.chosen-container-single.chosen-with-drop .chosen-single:hover {
border-color: #aaa;
}
.chosen-container-single .chosen-single div b {
background-position-y: 4px;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position-y: 4px;
}
.chosen-container-active.chosen-with-drop .chosen-single {
background-image: none;
}
.chosen-container-active .chosen-choices {
border-color: #82c135;
box-shadow: none;
}
.chosen-container-single .chosen-choices li.search-field input[type="text"] {
color: #848484;
font-style: italic;
font-weight: 200;
font-family: Arial, Helvetica, sans-serif;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
color: #848484;
font-style: italic;
font-weight: 200;
font-family: Arial, Helvetica, sans-serif;
}
.chosen-container-multi .chosen-choices li.search-choice {
border: none;
box-shadow: none;
background: #1071a8;
color: white;
max-width: 460px;
overflow: hidden;
text-overflow: ellipsis;
}
.chosen-container-single .chosen-single abbr {
top: 8px;
}
.chosen-container-multi .chosen-choices {
border-radius: 3px;
background-image: none;
min-height: 30px;
border-color: #d5d5d5;
}
.chosen-container-multi .chosen-choices li.search-choice {
padding: 5px 20px 5px 5px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
background: none;
color: white;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
color: #e5e5e5;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
margin-top: 2px;
margin-left: 1px;
content: "\f00d";
font-family: FontAwesome, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
height: 16px;
width: 16px;
}
.chosen-container-multi .chosen-choices li.search-choice {
margin: 2px 0 2px 5px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.sp-container {
padding: 5px 0;
margin: 0;
list-style: none;
font-size: 13px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
padding: 1px 0px;
z-index: 2147483617;
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
font-family: Arial, Helvetica, sans-serif;
font-size: inherit;
}
.sp-cancel {
height: 28px;
cursor: pointer;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
background-color: #0095da;
padding-left: 14px;
padding-right: 14px;
display: inline-block;
line-height: 28px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600;
text-transform: uppercase;
margin-left: 26px;
margin-right: 0px;
color: #fff !important;
}
.sp-cancel:hover {
background-color: #0084c1;
}
.sp-cancel:active {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYjhmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjMzI3N2IyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzMyNzVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmM2ODljIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
background-image: -webkit-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -moz-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -o-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: linear-gradient(to top, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
}
.sp-cancel.disabled {
color: #b5b5b5;
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background-color: #efefef;
pointer-events: none;
cursor: not-allowed;
}
.sp-cancel.lg {
height: 38px;
line-height: 38px;
font-size: 15px;
}
.sp-cancel.secondary {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
}
.sp-cancel.secondary:hover {
background-color: #c8c8c8;
}
.sp-cancel.secondary.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
.sp-cancel.secondary.secondRow {
display: inline-block;
margin-top: 9px;
}
.sp-cancel.redDelete {
background-color: #e13e06;
}
.sp-cancel.redDelete:hover {
background-color: #c83705;
}
.sp-cancel:hover {
color: #fff !important;
text-decoration: none;
}
.sp-cancel:active {
color: #fff !important;
text-decoration: none;
}
.sp-choose {
padding: 0px !important;
visibility: hidden;
width: 0px;
height: 0px !important;
}
.sp-container button {
height: 28px;
cursor: pointer;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
background-color: #0095da;
padding-left: 14px;
padding-right: 14px;
display: inline-block;
line-height: 28px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 600;
text-transform: uppercase;
box-sizing: content-box;
font-size: inherit;
border: 0px none;
text-shadow: none;
padding-top: 0;
padding-bottom: 0;
}
.sp-container button:hover {
background-color: #0084c1;
}
.sp-container button:active {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYjhmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjMzI3N2IyIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzMyNzVhZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmM2ODljIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
background-image: -webkit-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -moz-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: -o-linear-gradient(bottom, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
background-image: linear-gradient(to top, #3b8fcb 0%, #3277b2 28%, #3275af 80%, #2c689c 100%);
}
.sp-container button.disabled {
color: #b5b5b5;
zoom: 1;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background-color: #efefef;
pointer-events: none;
cursor: not-allowed;
}
.sp-container button.lg {
height: 38px;
line-height: 38px;
font-size: 15px;
}
.sp-container button.secondary {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
}
.sp-container button.secondary:hover {
background-color: #c8c8c8;
}
.sp-container button.secondary.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
.sp-container button.secondary.secondRow {
display: inline-block;
margin-top: 9px;
}
.sp-container button.redDelete {
background-color: #e13e06;
}
.sp-container button.redDelete:hover {
background-color: #c83705;
}
.sp-container button:hover {
border: 0px none;
text-shadow: none;
}
.sp-container button:active {
border: 0px none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.sp-container input {
font-size: 13px !important;
height: 24px;
line-height: 24px;
}
.sp-input {
color: #585858;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
border: 1px solid #d5d5d5;
margin-top: 1px;
margin-bottom: 3px;
}
input[type="text"].sp-input {
margin-left: 0px;
}
.sp-color,
.sp-hue,
.sp-clear {
border-color: #d5d5d5;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
border-color: #82c135;
}
.sp-replacer {
border-color: #d5d5d5;
background-color: #fff;
-webkit-border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius: 4px;
-moz-background-clip: padding;
border-radius: 4px;
background-clip: padding-box;
}
tags-input .host {
display: inline-block;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
border: 1px solid #d5d5d5;
margin-top: 0;
margin-bottom: 0;
}
tags-input .host .tags .tag-item {
background: #1071a8;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
border: none;
}
tags-input .host .tags .tag-item .remove-button {
background: none;
color: white;
}
tags-input .host .tags .tag-item .remove-button:hover {
color: #e5e5e5;
}
tags-input .host .tags.focused {
box-shadow: none;
}
.ng-cloak {
display: none !important;
}
body {
font-family: Arial, Helvetica, sans-serif;
color: #848484;
font-size: 13px;
}
.height100Percent {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}
body {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
overflow-y: hidden;
}
body.isEditorPanelView {
box-sizing: border-box;
}
body.isEditorPanelView * {
box-sizing: border-box;
}
body.isEditorPanelView #rootContent {
overflow-y: hidden !important;
}
body #headerBars {
margin-top: -100px;
height: 99px;
border-bottom: 1px solid #b5b5b5;
}
body #pageExceptFooter {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
box-sizing: border-box;
padding-top: 100px;
padding-bottom: 44px;
position: absolute;
}
body #pageExceptFooter:not(.isVisualEditor) #headerBars {
z-index: 1000403;
position: relative;
}
body #pageExceptFooter.isEditorPanelView {
padding: 0 !important;
}
body #pageExceptFooter.isEditorPanelView #rootContent {
top: 0px !important;
}
body.customScrollPage #rootContent {
overflow-y: hidden;
}
body #rootContent {
position: static;
overflow-y: scroll;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}
body #rootContent #campaignEditor {
box-sizing: border-box;
padding-top: 145px;
overflow-y: hidden;
}
body #rootContent #campaignEditor.emailCampaign {
padding-top: 80px;
}
body #rootContent #campaignEditor.emailCampaign .campaignEditorToolbars {
margin-top: -80px;
height: 80px;
}
body #rootContent #campaignEditor .campaignEditorToolbars {
margin-top: -145px;
height: 145px;
}
body #rootContent #campaignEditor #editorPane {
position: static;
overflow-y: scroll;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}
body #rootContent #campaignEditor.withHierarchyBar {
padding-top: 170px;
}
body #rootContent #campaignEditor.withHierarchyBar .campaignEditorToolbars {
margin-top: -170px;
}
body #rootContent #campaignEditor.withHierarchyBar #campaignHierarchyBar {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}
body #rootContent #campaignEditor:not(.withHierarchyBar) .campaignEditorToolbars {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}
body footer {
margin-bottom: -44px;
height: 43px;
z-index: 1000403;
position: relative;
}
body.customScrollPage #datasetState > ui-view > div.ng-scope,
body.customScrollPage #datasetState > div.ng-scope,
body.customScrollPage #datasetState > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope,
body.customScrollPage ui-view > ui-view > div.ng-isolate-scope,
body.customScrollPage .modal-body > .ng-isolate-scope,
body.customScrollPage .modal-body > .ng-scope {
overflow-y: hidden !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
}
body #datasetState > ui-view > div.ng-scope .rightPreviewPane,
body #datasetState > ui-view > div.ng-isolate-scope .rightPreviewPane,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .rightPreviewPane,
body .modal-body > .ng-isolate-scope .rightPreviewPane,
body .modal-body > .ng-scope .rightPreviewPane {
max-height: 100%;
min-height: 100%;
overflow-y: scroll;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo,
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo,
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo,
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
overflow-y: hidden;
padding-top: 51px;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .selectionFilter,
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectionFilter,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .selectionFilter,
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectionFilter,
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .selectionFilter {
margin-top: -51px;
height: 51px;
overflow: hidden;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane,
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane,
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane,
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
overflow-y: hidden;
padding-top: 32px;
padding-bottom: 45px;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane .allCampaigns,
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane .allCampaigns,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane .allCampaigns,
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane .allCampaigns,
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane .allCampaigns {
margin-top: -27px;
height: 27px;
box-sizing: border-box;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid],
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid],
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid],
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid],
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid] {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
padding-top: 28px;
overflow-y: hidden;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid] > div.k-grid-header,
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid] > div.k-grid-header,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid] > div.k-grid-header,
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid] > div.k-grid-header,
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid] > div.k-grid-header {
margin-top: -28px;
height: 28px;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid] > div.k-grid-content,
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid] > div.k-grid-content,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid] > div.k-grid-content,
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid] > div.k-grid-content,
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane div[kendo-grid] > div.k-grid-content {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane .addFolder,
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane .addFolder,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane .addFolder,
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane .addFolder,
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .leftSelectionPane .addFolder {
margin-bottom: -40px;
height: 40px;
box-sizing: border-box;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane,
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane,
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane,
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
overflow-y: hidden;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid],
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid],
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid],
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid],
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
overflow-y: hidden;
padding-top: 35px;
padding-bottom: 38px;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-header,
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-header,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-header,
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-header,
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-header {
margin-top: -35px;
height: 35px;
box-sizing: border-box;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-pager,
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-pager,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-pager,
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-pager,
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-pager {
margin-bottom: -38px;
height: 38px;
margin-top: 0px;
padding-top: 8px;
box-sizing: border-box;
}
body #datasetState > ui-view > div.ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-content,
body #datasetState > ui-view > div.ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-content,
body.customScrollPage ui-view > div.ng-scope > .selectionAndDetailTwoPaneCombo > .selectedDetailPane > div.ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-content,
body .modal-body > .ng-isolate-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-content,
body .modal-body > .ng-scope .selectionAndDetailTwoPaneCombo .selectedDetailPane div[kendo-grid] > .k-grid-content {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
h1,
.h1 {
font-size: 26px;
margin-top: 0;
margin-bottom: 20px;
}
h2,
.h2 {
font-size: 20px;
}
h3,
.h3 {
font-size: 16px;
}
h4,
.h4 {
font-size: 14px;
}
.isVisualEditor h1,
#campaignEditor h1,
#campaignList h1,
.isVisualEditor h2,
#campaignEditor h2,
#campaignList h2,
.isVisualEditor h3,
#campaignEditor h3,
#campaignList h3,
.isVisualEditor h4,
#campaignEditor h4,
#campaignList h4,
.isVisualEditor h5,
#campaignEditor h5,
#campaignList h5,
.isVisualEditor h6,
#campaignEditor h6,
#campaignList h6,
.isVisualEditor .h1,
#campaignEditor .h1,
#campaignList .h1,
.isVisualEditor .h2,
#campaignEditor .h2,
#campaignList .h2,
.isVisualEditor .h3,
#campaignEditor .h3,
#campaignList .h3,
.isVisualEditor .h4,
#campaignEditor .h4,
#campaignList .h4,
.isVisualEditor .h5,
#campaignEditor .h5,
#campaignList .h5,
.isVisualEditor .h6,
#campaignEditor .h6,
#campaignList .h6 {
color: #585858;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.isVisualEditor h1,
#campaignEditor h1,
#campaignList h1,
.isVisualEditor .h1,
#campaignEditor .h1,
#campaignList .h1 {
font-size: 2em;
}
.isVisualEditor h2,
#campaignEditor h2,
#campaignList h2,
.isVisualEditor .h2,
#campaignEditor .h2,
#campaignList .h2 {
font-size: 1.4em;
}
.isVisualEditor h3,
#campaignEditor h3,
#campaignList h3,
.isVisualEditor .h3,
#campaignEditor .h3,
#campaignList .h3 {
font-size: 1.17em;
}
.isVisualEditor h4,
#campaignEditor h4,
#campaignList h4,
.isVisualEditor .h4,
#campaignEditor .h4,
#campaignList .h4 {
font-size: 1em;
}
a {
text-decoration: none;
color: #0095da;
}
a:hover {
cursor: pointer;
}
.todo {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 7px;
padding-right: 7px;
color: RoyalBlue;
font-size: 14px;
}
.superuser h1,
.superuser h2,
.superuser h3,
.superuser h4,
.superuser h5,
.superuser h6 {
text-transform: uppercase;
color: #ff9600;
}
.superuserOnlyNote {
color: #ff9600;
}
.listIcon {
margin-right: 5px;
}
img.listIcon,
.listIcon {
width: 16px;
height: 16px;
vertical-align: middle;
}
.icon2x {
height: 32px;
width: 32px;
}
.k-list-container .k-state-hover .evergageIcon,
.k-list-container .k-state-focused .evergageIcon,
.k-state-selected .evergageIcon {
background: url("../images/icons/productLogo-Evergage_White.svg");
background-size: cover;
height: 0;
width: 0;
padding: 8px;
}
.k-list-container .k-state-hover .icon2x.evergageIcon,
.k-list-container .k-state-focused .icon2x.evergageIcon,
.k-state-selected .icon2x.evergageIcon {
padding: 16px;
}
.fa-spacer::before,
.fa-blank::before {
width: 1em;
content: '\A0';
}
.truncate-with-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.invisible {
visibility: hidden;
}
.imageBorder {
border: #d5d5d5 dashed 2px;
}
.imagePreviewBorder {
border: #d5d5d5 dashed 2px;
display: block;
margin: auto;
max-width: 95%;
overflow: hidden;
}
#uiLabelTooltips {
font-size: 12px;
cursor: default;
background-color: #d5d5d5;
border-radius: 4px;
color: #4a4a4a;
display: none;
padding: 0px 6px;
position: absolute;
white-space: nowrap;
z-index: 2147483647;
line-height: 32px;
}
#uiLabelTooltips:before {
content: "";
position: absolute;
}
#uiLabelTooltips.n:before,
#uiLabelTooltips.s:before {
border-right: 5px solid transparent;
border-left: 5px solid transparent;
left: 50%;
margin-left: -5px;
}
#uiLabelTooltips.e:before,
#uiLabelTooltips.w:before {
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
margin-top: -5px;
top: 50%;
}
#uiLabelTooltips.n:before {
border-top: 10px solid #d5d5d5;
bottom: -10px;
}
#uiLabelTooltips.e:before {
border-right: 10px solid #d5d5d5;
left: -10px;
}
#uiLabelTooltips.s:before {
border-bottom: 10px solid #d5d5d5;
top: -10px;
}
#uiLabelTooltips.w:before {
border-left: 10px solid #d5d5d5;
right: -10px;
}
#uiLabelTooltips.ne:before,
#uiLabelTooltips.se:before {
border-right: 10px solid transparent;
border-left: 0;
left: 10px;
}
#uiLabelTooltips.nw:before,
#uiLabelTooltips.sw:before {
border-left: 10px solid transparent;
border-right: 0;
right: 10px;
}
#uiLabelTooltips.ne:before,
#uiLabelTooltips.nw:before {
border-top: 10px solid #d5d5d5;
bottom: -10px;
}
#uiLabelTooltips.se:before,
#uiLabelTooltips.sw:before {
border-bottom: 10px solid #d5d5d5;
top: -10px;
}
#uiLabelTooltips.nw-alt:before,
#uiLabelTooltips.ne-alt:before,
#uiLabelTooltips.sw-alt:before,
#uiLabelTooltips.se-alt:before {
border-top: 6px solid #d5d5d5;
bottom: -6px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
left: 10px;
}
#uiLabelTooltips.ne-alt:before {
left: auto;
right: 10px;
}
#uiLabelTooltips.sw-alt:before,
#uiLabelTooltips.se-alt:before {
border-top: none;
border-bottom: 10px solid #d5d5d5;
bottom: auto;
top: -10px;
}
#uiLabelTooltips.se-alt:before {
left: auto;
right: 10px;
}
.resizable {
position: relative;
}
.resizable.no-transition {
transition: none !important;
}
.rg-right,
.rg-left,
.rg-top,
.rg-bottom {
display: block;
width: 14px;
height: 14px;
line-height: 14px;
position: absolute;
z-index: 1;
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
background: transparent;
}
.rg-right span,
.rg-left span,
.rg-top span,
.rg-bottom span {
position: absolute;
box-sizing: border-box;
display: block;
border: 1px solid #ccc;
}
.rg-right span,
.rg-left span {
border-width: 0 1px;
top: 50%;
margin-top: -10px;
margin: -10px 0 0 3.5px;
height: 20px;
width: 7px;
}
.rg-top span,
.rg-bottom span {
border-width: 1px 0;
left: 50%;
margin: 3.5px 0 0 -10px;
width: 20px;
height: 7px;
}
.rg-top {
cursor: row-resize;
width: 100%;
top: 0;
left: 0;
margin-top: -14px;
}
.rg-right {
cursor: col-resize;
height: 100%;
right: 0;
top: 0;
margin-right: -14px;
}
.rg-bottom {
cursor: row-resize;
width: 100%;
bottom: 0;
left: 0;
margin-bottom: -14px;
}
.rg-left {
cursor: col-resize;
height: 100%;
left: 0;
top: 0;
margin-left: -14px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
body {
-webkit-animation-delay: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-duration: 0.1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}
@-webkit-keyframes fontfix {
from {
opacity: 1;
}
to {
opacity: 1;
}
}
:focus:focus:focus {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.contentHeader {
width: 100%;
height: 53px;
}
.contentHeader .rightHeaderPane {
float: right;
width: 350px;
}
.contentHeader .rightHeaderPane div {
padding: 0 18px;
text-align: center;
}
.kendoWindow .k-window {
border: none;
border-left: thin solid #cccccc;
box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);
}
.kendoWindow .k-window-titlebar {
color: white;
font-weight: bold;
font-size: 17px;
background-color: #1071a8;
}
.kendoWindow .k-window-titlebar .k-window-action {
opacity: 1;
}
.kendoWindow .k-window-titlebar .k-window-action .k-icon {
-webkit-filter: invert(100%) brightness(500%);
filter: invert(100%) brightness(500%);
}
.left {
float: left;
}
.right {
float: right;
}
.label {
margin-right: 4px;
}
.rightLabel {
margin-right: 0px;
margin-left: 4px;
}
.clearfix:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
content: "";
display: table;
clear: both;
}
#rootContent > #rootState > #datasetState > .ng-scope > .selectionAndDetailTwoPaneCombo .leftSelectionPane,
#rootContent > #rootState > #datasetState > .ng-scope > .selectionAndDetailTwoPaneCombo .selectedDetailPane,
#rootContent > #rootState > #datasetState > .ng-scope > .selectionAndDetailTwoPaneCombo .thirdPaneFlexibleWidth {
border-top: none;
}
.selectionAndDetailTwoPaneCombo {
overflow: hidden;
}
.selectionAndDetailTwoPaneCombo .selectionFilter {
height: 51px;
line-height: 51px;
position: relative;
}
.selectionAndDetailTwoPaneCombo .selectionFilter input[type="text"],
.selectionAndDetailTwoPaneCombo .selectionFilter span.k-dropdown {
margin-left: 10px;
margin-right: 10px;
}
.selectionAndDetailTwoPaneCombo .selectionFilter input[type="search"],
.selectionAndDetailTwoPaneCombo .selectionFilter div.checkbox,
.selectionAndDetailTwoPaneCombo .selectionFilter a.linkButton {
margin-left: 10px;
margin-right: 10px;
}
.selectionAndDetailTwoPaneCombo .selectionFilter input[type="search"].noMarginRight,
.selectionAndDetailTwoPaneCombo .selectionFilter div.checkbox.noMarginRight,
.selectionAndDetailTwoPaneCombo .selectionFilter a.linkButton.noMarginRight {
margin-right: 0;
}
.selectionAndDetailTwoPaneCombo .selectionFilter .actionButtonSequence {
margin-right: 20px;
display: inline-block;
}
.selectionAndDetailTwoPaneCombo .selectionFilter .topButtons {
margin-bottom: 5px;
display: inline;
position: absolute;
right: 7px;
}
.selectionAndDetailTwoPaneCombo .selectionFilter .topButtons .linkButton {
margin-left: 5px;
margin-right: 5px;
}
.selectionAndDetailTwoPaneCombo .selectionFilter .topButtons .mainActionsButtonRow {
margin-bottom: 8px;
display: inline-block;
}
.selectionAndDetailTwoPaneCombo .selectionFilter .topButtons .secondaryActionsButtonRow {
margin-bottom: 5px;
display: inline-block;
}
.selectionAndDetailTwoPaneCombo .selectionFilter .topButtons .secondaryActionsButtonRow .linkButton {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
padding: 0px 14px;
}
.selectionAndDetailTwoPaneCombo .selectionFilter .topButtons .secondaryActionsButtonRow .linkButton:hover {
background-color: #c8c8c8;
}
.selectionAndDetailTwoPaneCombo .selectionFilter .topButtons .secondaryActionsButtonRow .linkButton.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
.selectionAndDetailTwoPaneCombo .selectionFilter .topButtons .secondaryActionsButtonRow .linkButton.secondRow {
display: inline-block;
margin-top: 9px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane {
float: left;
width: 210px;
border-top: 1px solid #b5b5b5;
padding-top: 5px;
padding-bottom: 5px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane .k-treeview {
min-height: 700px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane .header {
font-weight: bold;
font-size: 11px;
color: #808080;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 21px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane .content {
margin-left: 21px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane ul {
-webkit-padding-start: 0px;
-moz-padding-start: 0px;
padding-left: 0px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu {
line-height: 2.3;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu ul {
margin-bottom: 10px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu ul ul div {
margin-left: 39px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu ul ul a {
text-indent: 52px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu ul ul a.navItemWithIcon {
text-indent: 2px;
padding-left: 42px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li {
list-style-type: none;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li > div,
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li > a {
display: inline-block;
padding-left: 13px;
padding-right: 13px;
margin-top: 1px;
margin-bottom: 1px;
width: 100%;
box-sizing: border-box;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li > div span,
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li > a span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li > div .fa,
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li > a .fa {
padding-right: 4px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li > a {
text-indent: 26px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li > a.navItemWithIcon {
text-indent: 2px;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li > a:hover {
background-color: #82c135;
color: #fff;
}
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li > a.selected,
.selectionAndDetailTwoPaneCombo .leftSelectionPane #navMenu li > a.selected:hover {
background-color: #0095da;
color: #fff;
}
.selectionAndDetailTwoPaneCombo .selectedDetailPane {
overflow: hidden;
border-top: 1px solid #b5b5b5;
border-left: 1px solid #b5b5b5;
padding-top: 0px;
padding-bottom: 0px;
}
.selectionAndDetailTwoPaneCombo .selectedDetailPane.withThirdPane {
float: left;
width: 466px;
}
.selectionAndDetailTwoPaneCombo .selectedDetailPane.withThirdPane.collapsed {
width: 18px;
}
.selectedDetailPane .selectionAndDetailTwoPaneCombo .selectedDetailPane {
border-left: none;
}
.selectedDetailPane .pageContent .selectionAndDetailTwoPaneCombo .selectedDetailPane {
border-left: 1px solid #b5b5b5;
}
.selectionAndDetailTwoPaneCombo .thirdPaneFlexibleWidth {
margin-left: 676px;
border-top: 1px solid #b5b5b5;
border-left: 1px solid #b5b5b5;
}
.selectionAndDetailTwoPaneCombo .thirdPaneFlexibleWidth.collapsed {
margin-left: 18px;
}
.rightPreviewPane,
#campaignSetupTabContent {
float: right;
width: 350px;
min-height: 400px;
overflow: hidden;
background-color: #fff;
}
.rightPreviewPane:not(.hasCollapsibleBar),
#campaignSetupTabContent:not(.hasCollapsibleBar) {
border-left: 1px solid #b5b5b5;
}
.rightPreviewPane .topButtons,
#campaignSetupTabContent .topButtons {
margin-bottom: 5px;
}
.rightPreviewPane .topButtons .mainActionsButtonRow,
#campaignSetupTabContent .topButtons .mainActionsButtonRow {
margin-bottom: 8px;
}
.rightPreviewPane .topButtons .mainActionsButtonRow .linkButton,
#campaignSetupTabContent .topButtons .mainActionsButtonRow .linkButton {
height: 28px;
line-height: 28px;
font-size: 13px;
padding-bottom: 1px;
padding-top: 1px;
margin-right: 3px;
}
.rightPreviewPane .topButtons .mainActionsButtonRow .linkButton.secondRow,
#campaignSetupTabContent .topButtons .mainActionsButtonRow .linkButton.secondRow {
margin-top: 5px;
}
.rightPreviewPane .topButtons .multiSelectButtonArea .linkButton,
#campaignSetupTabContent .topButtons .multiSelectButtonArea .linkButton {
display: table;
margin-bottom: 20px;
}
.rightPreviewPane .topButtons .secondaryActionsButtonRow,
#campaignSetupTabContent .topButtons .secondaryActionsButtonRow {
margin-top: 11px;
}
.rightPreviewPane .topButtons .secondaryActionsButtonRow .linkButton,
#campaignSetupTabContent .topButtons .secondaryActionsButtonRow .linkButton {
padding: 4px 6px;
background-color: #d5d5d5;
color: #0095da;
font-size: 12px;
text-transform: uppercase;
border-radius: 3px;
}
.rightPreviewPane .topButtons .secondaryActionsButtonRow .linkButton:hover,
#campaignSetupTabContent .topButtons .secondaryActionsButtonRow .linkButton:hover {
background-color: #c8c8c8;
}
.rightPreviewPane .topButtons .secondaryActionsButtonRow .linkButton.deleteButton:hover,
#campaignSetupTabContent .topButtons .secondaryActionsButtonRow .linkButton.deleteButton:hover {
background-color: #e13e06;
color: #fff;
}
.rightPreviewPane .topButtons .secondaryActionsButtonRow .linkButton.secondRow,
#campaignSetupTabContent .topButtons .secondaryActionsButtonRow .linkButton.secondRow {
display: inline-block;
margin-top: 9px;
}
.rightPreviewPane .actionButtonSequence,
#campaignSetupTabContent .actionButtonSequence {
vertical-align: middle;
}
.rightPreviewPane .actionButtonSequence a,
#campaignSetupTabContent .actionButtonSequence a {
margin-right: 6px;
}
.rightPreviewPane .previewSection,
#campaignSetupTabContent .previewSection {
padding: 18px 18px;
}
.rightPreviewPane .previewSection .label,
#campaignSetupTabContent .previewSection .label {
font-weight: bold;
color: #585858;
}
.rightPreviewPane .previewSection .right,
#campaignSetupTabContent .previewSection .right {
float: right;
}
.rightPreviewPane .contentEntry .backgroundDiv,
#campaignSetupTabContent .contentEntry .backgroundDiv {
display: table-cell;
position: relative;
width: 23px;
}
.rightPreviewPane .contentEntry .backgroundDiv .backgroundBar,
#campaignSetupTabContent .contentEntry .backgroundDiv .backgroundBar {
height: 100%;
z-index: 0;
position: absolute;
top: 0;
bottom: 0;
}
.rightPreviewPane .contentEntry.itemView .backgroundDiv .backgroundBar,
#campaignSetupTabContent .contentEntry.itemView .backgroundDiv .backgroundBar,
.rightPreviewPane .contentEntry.auditView .backgroundDiv .backgroundBar,
#campaignSetupTabContent .contentEntry.auditView .backgroundDiv .backgroundBar {
left: 7px;
width: 1px;
background-color: #b5b5b5;
}
.rightPreviewPane .contentEntry.itemView .backgroundDiv .backgroundDot,
#campaignSetupTabContent .contentEntry.itemView .backgroundDiv .backgroundDot,
.rightPreviewPane .contentEntry.auditView .backgroundDiv .backgroundDot,
#campaignSetupTabContent .contentEntry.auditView .backgroundDiv .backgroundDot {
z-index: 0;
position: absolute;
bottom: 0;
background-color: #808080;
top: 50%;
}
.rightPreviewPane .contentEntry.itemView .backgroundDiv .backgroundDot.smallDot,
#campaignSetupTabContent .contentEntry.itemView .backgroundDiv .backgroundDot.smallDot,
.rightPreviewPane .contentEntry.auditView .backgroundDiv .backgroundDot.smallDot,
#campaignSetupTabContent .contentEntry.auditView .backgroundDiv .backgroundDot.smallDot {
top: 5px;
height: 5px;
left: 4.5px;
width: 5px;
border-radius: 5px;
}
.rightPreviewPane .contentEntry.itemView .backgroundDiv .backgroundDot.smallDot.topDot,
#campaignSetupTabContent .contentEntry.itemView .backgroundDiv .backgroundDot.smallDot.topDot,
.rightPreviewPane .contentEntry.auditView .backgroundDiv .backgroundDot.smallDot.topDot,
#campaignSetupTabContent .contentEntry.auditView .backgroundDiv .backgroundDot.smallDot.topDot {
top: 5px;
}
.rightPreviewPane .contentEntry.itemView .backgroundDiv .backgroundDot.mediumDot,
#campaignSetupTabContent .contentEntry.itemView .backgroundDiv .backgroundDot.mediumDot,
.rightPreviewPane .contentEntry.auditView .backgroundDiv .backgroundDot.mediumDot,
#campaignSetupTabContent .contentEntry.auditView .backgroundDiv .backgroundDot.mediumDot {
height: 10px;
left: 2px;
width: 10px;
border-radius: 10px;
margin-top: -5px;
}
.rightPreviewPane .contentEntry.itemView .backgroundDiv .backgroundDot.mediumDot.topDot,
#campaignSetupTabContent .contentEntry.itemView .backgroundDiv .backgroundDot.mediumDot.topDot,
.rightPreviewPane .contentEntry.auditView .backgroundDiv .backgroundDot.mediumDot.topDot,
#campaignSetupTabContent .contentEntry.auditView .backgroundDiv .backgroundDot.mediumDot.topDot {
top: 8px;
}
.rightPreviewPane .contentEntry.itemView .backgroundDiv .backgroundDot.largeDot,
#campaignSetupTabContent .contentEntry.itemView .backgroundDiv .backgroundDot.largeDot,
.rightPreviewPane .contentEntry.auditView .backgroundDiv .backgroundDot.largeDot,
#campaignSetupTabContent .contentEntry.auditView .backgroundDiv .backgroundDot.largeDot {
top: 0;
height: 15px;
left: -0.5px;
width: 15px;
border-radius: 15px;
}
.rightPreviewPane .contentEntry.itemView .backgroundDiv .backgroundDot.largeDot.topDot,
#campaignSetupTabContent .contentEntry.itemView .backgroundDiv .backgroundDot.largeDot.topDot,
.rightPreviewPane .contentEntry.auditView .backgroundDiv .backgroundDot.largeDot.topDot,
#campaignSetupTabContent .contentEntry.auditView .backgroundDiv .backgroundDot.largeDot.topDot {
top: 0;
}
.rightPreviewPane .contentEntry.itemView.first .backgroundDiv > .backgroundBar,
#campaignSetupTabContent .contentEntry.itemView.first .backgroundDiv > .backgroundBar,
.rightPreviewPane .contentEntry.auditView.first .backgroundDiv > .backgroundBar,
#campaignSetupTabContent .contentEntry.auditView.first .backgroundDiv > .backgroundBar {
top: 10px;
}
.rightPreviewPane .contentEntry.itemView.first.last .backgroundDiv > .backgroundBar,
#campaignSetupTabContent .contentEntry.itemView.first.last .backgroundDiv > .backgroundBar,
.rightPreviewPane .contentEntry.auditView.first.last .backgroundDiv > .backgroundBar,
#campaignSetupTabContent .contentEntry.auditView.first.last .backgroundDiv > .backgroundBar {
height: 0;
}
.rightPreviewPane .contentEntry.itemView.last .backgroundDiv > .backgroundBar,
#campaignSetupTabContent .contentEntry.itemView.last .backgroundDiv > .backgroundBar,
.rightPreviewPane .contentEntry.auditView.last .backgroundDiv > .backgroundBar,
#campaignSetupTabContent .contentEntry.auditView.last .backgroundDiv > .backgroundBar {
height: 10px;
}
.rightPreviewPane .k-tabstrip .k-content.k-state-active,
#campaignSetupTabContent .k-tabstrip .k-content.k-state-active,
#userDetail .k-tabstrip .k-content.k-state-active {
background-color: inherit;
border-left: none;
border-bottom: none;
border-right: none;
}
.rightPreviewPane .k-tabstrip .k-content.k-state-active.auditHistoryTabContent,
#campaignSetupTabContent .k-tabstrip .k-content.k-state-active.auditHistoryTabContent,
#userDetail .k-tabstrip .k-content.k-state-active.auditHistoryTabContent {
padding: 0px;
}
.rightPreviewPane .k-tabstrip-items > .k-item.k-state-active,
#campaignSetupTabContent .k-tabstrip-items > .k-item.k-state-active,
#userDetail .k-tabstrip-items > .k-item.k-state-active {
background-color: #fff;
border-top-color: #82c135;
border-bottom: none;
margin-bottom: -1px;
}
.rightPreviewPane .k-tabstrip-items > .k-item.k-state-active a.k-link,
#campaignSetupTabContent .k-tabstrip-items > .k-item.k-state-active a.k-link,
#userDetail .k-tabstrip-items > .k-item.k-state-active a.k-link {
color: #848484;
}
.rightPreviewPane .k-tabstrip-items > .k-item.k-state-active a.k-link:hover,
#campaignSetupTabContent .k-tabstrip-items > .k-item.k-state-active a.k-link:hover,
#userDetail .k-tabstrip-items > .k-item.k-state-active a.k-link:hover {
background-color: #fff;
color: #848484;
}
.rightPreviewPane .k-tabstrip-items > .k-state-default .k-link,
#campaignSetupTabContent .k-tabstrip-items > .k-state-default .k-link,
#userDetail .k-tabstrip-items > .k-state-default .k-link {
color: #0095da;
}
.rightPreviewPane .k-tabstrip-items > .k-item,
#campaignSetupTabContent .k-tabstrip-items > .k-item,
#userDetail .k-tabstrip-items > .k-item {
background-color: #e5e5e5;
border-top: 3px solid #0095da;
margin-left: 5px;
padding-top: 0px;
border-left-color: #d5d5d5;
border-right-color: #d5d5d5;
}
.rightPreviewPane .k-tabstrip-items > .k-item:hover,
#campaignSetupTabContent .k-tabstrip-items > .k-item:hover,
#userDetail .k-tabstrip-items > .k-item:hover {
border-top: 3px solid #82c135;
}
.rightPreviewPane .k-tabstrip-items > .k-item:hover a:hover,
#campaignSetupTabContent .k-tabstrip-items > .k-item:hover a:hover,
#userDetail .k-tabstrip-items > .k-item:hover a:hover {
color: #fff;
background-color: #82c135;
border-radius: 0px;
}
.rightPreviewPane .k-tabstrip-items > .k-item > .k-state-hover,
#campaignSetupTabContent .k-tabstrip-items > .k-item > .k-state-hover,
#userDetail .k-tabstrip-items > .k-item > .k-state-hover {
border-color: #d5d5d5;
}
.rightPreviewPane .k-tabstrip-items > .k-item:first-child,
#campaignSetupTabContent .k-tabstrip-items > .k-item:first-child,
#userDetail .k-tabstrip-items > .k-item:first-child {
margin-left: 10px;
}
.stateSelectionBar {
vertical-align: middle;
}
.stateSelectionBar A {
font-size: 12px;
line-height: 33px;
display: inline-block;
padding: 0px 14px;
}
.stateSelectionBar A.active {
color: #1071a8;
background-color: #b0d7f4;
}
.pageContent {
min-height: 880px;
padding: 18px 18px;
}
.pageContent.hasTable {
padding-left: 0;
padding-right: 0;
}
.pageContent.hasTable .selectedDetailPane {
border-left: none !important;
border-top: 1px solid #b5b5b5 !important;
}
.pageContent.hasTable .selectionFilter {
margin-left: 18px;
margin-right: 18px;
margin-bottom: 18px;
}
.pageContent.hasTable .rightPreviewPane.noTabs {
border-top: 1px solid #b5b5b5;
}
.pageContent.hasTable .noMarginTab .k-tabstrip-items > .k-item.k-state-active:first-of-type {
border-left: none;
}
.pageContent.hasTable .noMarginTab .k-content {
border-left: none;
}
.breadcrumbs {
overflow: hidden;
font-size: 13px;
margin-bottom: 16px;
}
.breadcrumbs i.fa {
margin-left: 0.27em;
margin-right: 0.27em;
}
.breadcrumbs .current {
margin-top: 8px;
}
.filterCheckbox {
display: inline-block;
}
.filterCheckbox label {
font-weight: bold;
font-size: 11px;
}
table.attributes tr td:first-child {
width: 105px;
text-align: right;
padding-right: 1em;
color: #585858;
font-weight: bold;
}
table.attributes tr td {
vertical-align: top;
padding-top: 7px;
padding-bottom: 7px;
}
table.attributes tr td > * {
display: inline-block;
}
table.attributes tr td span {
margin-left: 5px;
margin-right: 5px;
}
table.attributes tr td .staticValue {
padding-left: 10px;
}
table.attributes tr td .staticValue,
table.attributes tr td input:not([type]),
table.attributes tr td input[type=text],
table.attributes tr td textarea {
width: 300px;
}
table.attributes tr td .k-dropdown {
margin-left: 8px;
}
table.attributes tr td input[type=checkbox] {
margin-left: 8px;
margin-right: 7px;
}
table.attributes tr td input.number {
width: 100px;
}
table.attributes tr td img {
padding-left: 7px;
}
table.attributes tr td tags-input .host {
margin-left: 7px;
width: 317px;
}
table.attributes tr td tags-input .host .tags {
height: 62px;
}
table.attributes tr td .datetime {
display: inline-block;
margin-left: 7px;
}
table.attributes tr td .datetime .k-datetimepicker {
width: 220px;
}
.secondaryOptionsSection {
border-left: 3px solid #e8eef7;
padding: 2px 0px 2px 4px;
margin-left: 10px;
}
.k-tabstrip.oneTab .k-tabstrip-items {
display: none;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.folderItemList .addFolder {
display: block;
padding: 5px;
cursor: pointer;
z-index: 1;
text-align: center;
color: #0095da;
}
.folderItemList .addFolder .fa-plus-square {
font-size: 16px;
position: relative;
top: 1px;
margin-right: 5px;
}
.folderItemList .addFolder:hover {
color: #1071a8;
}
.folderItemList .folderGrid .k-grid-header .k-header:before {
background: none;
}
.folderItemList .folderGrid .deleteFolder,
.folderItemList .folderGrid .editFolder {
display: inline-block;
padding: 5px;
visibility: hidden;
position: absolute;
top: -5px;
}
.folderItemList .folderGrid .deleteFolder {
left: -25px;
}
.folderItemList .folderGrid .editFolder {
right: -5px;
}
.folderItemList .folderGrid td[role='gridcell']:hover .deleteFolder,
.folderItemList .folderGrid td[role='gridcell']:hover .editFolder {
visibility: visible;
}
.folderItemList .folderGrid .dropTarget {
position: relative;
margin-left: 5px;
}
.folderItemList .itemGrid td[role='gridcell'] .fa-arrows {
visibility: hidden;
}
.folderItemList .itemGrid td[role='gridcell']:hover .fa-arrows {
visibility: visible;
}
.folderItemList .draggable {
display: inline-block;
position: relative;
left: -5px;
padding: 0 5px;
cursor: hand;
float: left;
margin-bottom: 2px;
}
.folderItemList .dropTargetHighlight {
background: #d5d5d5;
color: #4a4a4a;
}
.folderItemList .dropTargetOver {
background: #82c135;
color: white;
}
.draggedItem {
border: 1px dotted #0095da;
background: #0095da;
color: #fff;
min-width: 100px;
border-radius: 4px;
padding: 3px 6px;
border-style: solid;
border-width: 1px;
opacity: 0.9;
}
#clientAccount .accountDetailsSection {
width: 1050px;
padding-top: 2px;
}
#clientAccount .accountDetailsSection .textEntryRow {
width: 246px;
padding-bottom: 14px;
display: inline-block;
}
#clientAccount .accountDetailsSection .textEntryRow label {
margin-bottom: 5px;
display: block;
font-weight: bold;
}
#clientAccount .accountDetailsSection .textEntryRow input[type=text] {
width: 180px;
margin: 0px;
}
#clientAccount .featuresTitleRow h3 label {
margin-left: 432px;
font-weight: normal;
font-size: 13px;
color: #848484;
}
#clientAccount .featuresGrid {
width: 750px;
}
#clientAccount .featuresGrid label {
width: 250px;
display: inline-block;
line-height: 22px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#clientAccounts .filterRow {
padding-bottom: 10px;
}
#clientAccounts .filterRow > * {
margin-right: 10px;
}
#clientAccounts .rightPreviewPane {
min-height: 200px;
}
#clientAccounts .selectionAndDetailTwoPaneCombo {
min-height: 200px;
}
#clientAccounts .sideButtonRow {
padding-bottom: 15px;
}
#clientAccounts .sideButtonRow .linkButton {
margin-left: 8px;
}
#clientAccounts .datasetsSection {
border-top: 3px solid #4a4a4a;
margin-top: 20px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#clusterSettings .aceEditor {
border: 2px solid grey;
height: 500px;
width: 100%;
}
#clusterSettings .aceEditor .ui-resizable-se {
right: 12px;
bottom: -3px;
}
/*
* Copyright (C) 2010-2017 Evergage, Inc.
* All rights reserved.
*/
#clusterTasks .clusterTaskLauncherButtonRow {
padding-top: 5px;
padding-bottom: 5px;
}
#clusterTasks .clusterTaskLauncherButtonRow .environmentName,
#clusterTasks .clusterTaskLauncherButtonRow .nodeName,
#clusterTasks .clusterTaskLauncherButtonRow .eventHZState {
font-size: 15px;
font-weight: bold;
}
#clusterTasks .clusterTaskLauncherButtonRow .environmentName {
color: blue;
}
#clusterTasks .clusterTaskLauncherButtonRow .eventHZRunning {
color: green;
}
#clusterTasks .clusterTaskLauncherButtonRow .eventHZStopped {
color: red;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#datasetTasks .clusterTaskLauncherButtonRow {
padding-top: 5px;
padding-bottom: 5px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#datasetUpdater .aceEditor {
border: 2px solid grey;
height: 500px;
width: 100%;
}
#datasetUpdater .aceEditor .ui-resizable-se {
right: 12px;
bottom: -3px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#jobHistory .rightPreviewPane {
width: 300px;
}
#jobHistory .triggerJobSection {
padding-top: 5px;
padding-bottom: 5px;
}
#jobHistory .triggerJobSection span {
margin-left: 4px;
margin-right: 4px;
}
#jobHistory .filterRow {
padding-bottom: 10px;
overflow-y: hidden;
}
#jobHistory .filterRow > div,
#jobHistory .filterRow > input {
margin-right: 10px;
display: inline-block;
}
#jobHistory .filterRow .rightButton {
float: right;
margin-top: 22px;
}
#jobHistory .filterRow .k-dropdown {
width: 250px;
}
#jobHistory .filterRow .k-dropdown-wrap {
width: 200px;
}
#jobHistory .filterRow .filterInput > input {
height: 22px;
line-height: 18px;
padding: 2px;
}
#jobHistory .jobSelectDropdown {
margin-top: 15px;
}
#jobHistory #infoBox {
display: inline-block;
}
#jobHistory #infoBox .border {
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ffffff;
padding: 10px 40px;
display: inline-block;
}
#jobHistory #infoBox ul {
text-align: center;
list-style-type: none;
padding: 0;
margin: 0;
}
#jobHistory #infoBox ul li > i {
padding-left: 5px;
color: #0095da;
cursor: pointer;
}
#jobHistory #jobHistoryGrid th[role=columnheader] {
border-right: 1px solid #d5d5d5 !important;
}
#jobHistory .numbers {
text-align: right;
}
#jobLaunch .previewSection .topButtons span {
display: block;
margin-top: 14px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#objectClone .topSection {
padding-top: 5px;
padding-bottom: 5px;
}
#objectClone .subOptionSection {
border-left: 3px solid #e8eef7;
padding: 2px 0px 2px 10px;
}
#objectClone .segmentCloneRow {
box-sizing: border-box;
width: 100%;
padding-right: 400px;
}
#objectClone .segmentCloneRow h2 {
cursor: pointer;
}
#objectClone .segmentCloneRow h2 i {
width: 11px;
}
#objectClone .segmentCloneRow #segmentsForClone {
display: inline-block;
vertical-align: top;
padding-right: 20px;
}
#objectClone .segmentCloneRow #segmentDatasetCloneDestination {
width: 400px;
display: inline-block;
vertical-align: top;
float: right;
margin-right: -400px;
}
#objectClone .segmentCloneRow #segmentsCloneButton {
display: inline-block;
vertical-align: top;
}
#objectClone .campaignCloneRow {
box-sizing: border-box;
width: 100%;
padding-right: 400px;
margin-top: 30px;
}
#objectClone .campaignCloneRow h2 {
cursor: pointer;
}
#objectClone .campaignCloneRow h2 i {
width: 11px;
}
#objectClone .campaignCloneRow #campaignsForClone {
display: inline-block;
vertical-align: top;
padding-right: 20px;
}
#objectClone .campaignCloneRow #campaignDatasetCloneDestination {
width: 400px;
display: inline-block;
vertical-align: top;
float: right;
margin-right: -400px;
}
#objectClone .campaignCloneRow #campaignsCloneButton {
display: inline-block;
vertical-align: top;
}
#scheduledJobs .aceEditor {
border: 2px solid grey;
height: 500px;
width: 100%;
}
#scheduledJobs .aceEditor .ui-resizable-se {
right: 12px;
bottom: -3px;
}
.campaignExperienceOverview {
box-sizing: border-box;
padding: 10px;
width: 100%;
}
.campaignExperienceOverview .testLink {
float: right;
position: relative;
}
.campaignExperienceOverview .testLink .experienceIdText {
vertical-align: middle;
padding-right: 4px;
}
.campaignExperienceOverview .testLink a .fa {
color: #0095da;
}
.campaignExperienceOverview h4 {
margin-top: 0;
}
.campaignExperienceOverview ul {
padding-inline-start: 20px;
-moz-padding-start: 20px;
-webkit-padding-start: 20px;
}
.campaignExperienceOverview .hideShowLink {
margin-left: 5px;
}
.rightPreviewPane .campaignOverview .notes-container.web-campaign {
width: 100%;
padding: 10px 10px 0px;
}
.rightPreviewPane .in-app-campaign-edit-link {
display: none;
}
.campaignOverview hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.campaignOverview .in-app-campaign-edit-link {
padding-bottom: 10px;
}
.campaignOverview .in-app-campaign-edit-link span {
color: #585858;
font-weight: bold;
}
.campaignOverview .in-app-campaign-edit-link input[type="text"] {
margin-top: 5px;
width: 650px;
}
.campaignOverview .attributes-notes-wrapper {
margin-bottom: 10px;
}
.campaignOverview .attributes {
box-sizing: border-box;
width: 340px;
display: inline-block;
vertical-align: top;
}
.campaignOverview .attributes .email-experience-name {
font-size: 14px;
white-space: nowrap;
text-align: left;
}
.campaignOverview .attributes .email-experience-name span {
margin-left: 20px;
}
.campaignOverview .notes-container {
padding-top: 7px;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: calc(100% - 350px);
height: 87px;
}
.campaignOverview .notes-container.web-campaign {
height: 140px;
}
.campaignOverview .notes-container .notes-label {
color: #585858;
font-weight: bold;
}
.campaignOverview .notes-container .notes-label .fa {
margin-left: 4px;
color: #0095da;
}
.campaignOverview .notes-container .notes-input-container {
box-sizing: border-box;
padding-top: 4px;
height: calc(100% - 24px);
}
.campaignOverview .notes-container .notes-input-container .note-input {
height: 100%;
box-sizing: border-box;
margin-left: 0;
margin-right: 0;
padding: 3px 7px;
width: 100%;
}
.campaignOverview .notes-container .notes-input-container .note-input:not(:focus) {
padding: 4px 8px;
border: none;
box-sizing: border-box;
}
.campaignOverview .notes-container .notes-input-container .note-input-static {
width: 100%;
padding: 3px 7px;
box-sizing: border-box;
}
.campaignOverview .label {
font-weight: bold;
}
.campaignOverview .email-experience-overview {
padding: 0 15px;
}
.campaignOverview .email-experience-overview h3 {
margin-bottom: 7px;
}
.campaignOverview .email-experience-overview .attributes-box {
margin-top: 0;
margin-bottom: 12px;
margin-left: 50px;
margin-right: 50px;
border: 1px #b5b5b5 solid;
padding: 7px;
}
.campaignOverview .email-experience-overview .email-message-summary {
margin: 5px 0;
color: #585858;
}
.campaignOverview .email-experience-overview .email-message-summary .message-summary {
padding: 5px 10px;
}
.campaignOverview .email-experience-overview .email-message-summary .message-summary-table tr td:first-child {
font-weight: normal;
}
.campaignOverview .email-experience-overview .email-message-summary .message-summary-table tr td {
color: #848484;
vertical-align: middle;
padding-top: 0;
padding-bottom: 0;
}
.campaignOverview .email-experience-overview .disabled {
font-style: italic;
}
.campaignOverview .rules > ul > li > *,
.campaignOverview .experiences > ul > li > * {
margin-left: -11px;
}
.campaignOverview .rules ul,
.campaignOverview .experiences ul {
margin-top: 6px;
margin-bottom: 6px;
padding-left: 17px;
}
.campaignOverview .rules ul li,
.campaignOverview .experiences ul li {
padding: 3px;
padding-left: 0;
}
.campaignOverview .emailBlockSummary h3 {
margin-bottom: 3px;
}
.campaignOverview .rules > ul {
margin-top: 0;
margin-bottom: 0;
}
.campaignOverview .experiences .header {
font-size: 13px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 2px;
margin-left: 6px;
}
.campaignOverview .campaignExperienceHeader {
padding: 0 10px;
}
.campaignOverview .experienceSummaries {
box-sizing: border-box;
width: 100%;
margin-top: 10px;
}
.campaignOverview .experienceSummaries .experienceSummary.even {
background-color: #f5f5f5;
}
.campaignOverview .experienceSummaries .experienceSummary.odd {
background-color: #fff;
}
.campaignOverview .experienceSummaries .experienceGroupSummary {
margin-bottom: 7px;
}
.campaignOverview .campaignHistory {
margin-left: auto;
margin-right: auto;
}
.campaignOverview .campaignHistory .showMoreAuditsButton {
cursor: pointer;
text-align: center;
color: #0095da;
}
.campaignOverview .mobileTest {
padding: 10px;
}
.campaignOverview .mobileTest h3 {
margin-top: 0;
}
.campaignOverview .mobileTest ul {
padding-inline-start: 20px;
-moz-padding-start: 20px;
-webkit-padding-start: 20px;
}
.campaignOverview .mobileUrl {
font-size: 12px;
font-family: 'Monaco', 'Menlo', monospace;
color: #848484;
}
.campaignOverview .mobileUrl a:hover {
color: #82c135;
}
.campaignOverview .code {
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
font-size: 12px;
word-wrap: break-word;
}
.campaignOverview .campaignRules {
padding: 0 10px;
}
.campaignOverview .campaignRules ul {
padding-inline-start: 20px;
-moz-padding-start: 20px;
-webkit-padding-start: 20px;
}
.campaignOverview .guardianBlock {
padding: 0 10px;
margin-bottom: 13px;
height: 15px;
}
.campaignOverview .guardian-button {
color: #0095da;
float: right;
font-size: 15px;
height: 100%;
}
.campaignStateSelect.DisabledCampaign span:not(.k-state-hover) > .k-input {
color: #999999;
}
.campaignStateSelect.TestingCampaign span:not(.k-state-hover) > .k-input {
color: rgba(221, 54, 11, 0.6);
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#campaignStats {
padding-bottom: 114px;
box-sizing: border-box;
}
#campaignStats .mainHeader {
overflow: hidden;
width: 100%;
padding: 15px;
box-sizing: border-box;
height: 67px;
margin-bottom: 0;
}
#campaignStats #viewContainer {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
display: block;
padding-left: 165px;
}
#campaignStats #viewContainer > * {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
display: block;
box-sizing: border-box;
}
#campaignStats #viewContainer #viewTabs {
float: left;
width: 165px;
margin-left: -165px;
background: #f5f5f5;
}
#campaignStats #viewContainer #viewTabs > .nav {
width: 165px;
-webkit-margin-before: 0;
}
#campaignStats #viewContainer #viewTabs > .nav:before {
content: inherit;
}
#campaignStats #viewContainer #viewTabs > .nav li {
border-right: none;
}
#campaignStats #viewContainer #viewTabs > .nav li > a,
#campaignStats #viewContainer #viewTabs > .nav li > a:hover,
#campaignStats #viewContainer #viewTabs > .nav li > a:focus {
color: #808080;
border-radius: 0;
white-space: nowrap;
overflow: hidden;
border-left-style: solid;
border-left-width: 4px;
border-left-color: #f5f5f5;
}
#campaignStats #viewContainer #viewTabs > .nav li > a:hover,
#campaignStats #viewContainer #viewTabs > .nav li > a:hover:hover,
#campaignStats #viewContainer #viewTabs > .nav li > a:focus:hover,
#campaignStats #viewContainer #viewTabs > .nav li > a:focus,
#campaignStats #viewContainer #viewTabs > .nav li > a:hover:focus,
#campaignStats #viewContainer #viewTabs > .nav li > a:focus:focus {
background: #ddf2c3;
color: #808080;
border-left-style: solid;
border-left-width: 4px;
border-left-color: #82c135;
}
#campaignStats #viewContainer #viewTabs > .nav li.active > a,
#campaignStats #viewContainer #viewTabs > .nav li.active > a:hover,
#campaignStats #viewContainer #viewTabs > .nav li.active > a:focus {
background: #fff;
color: #808080;
border-left-style: solid;
border-left-width: 4px;
border-left-color: #0095da;
}
#campaignStats #viewContainer #viewContent {
overflow-y: scroll;
width: 100%;
padding: 15px;
}
#campaignStats h2 {
margin-top: 0;
margin-bottom: 10px;
}
#campaignStats .header {
height: 33px;
margin-top: 20px;
margin-bottom: 8px;
}
#campaignStats .header > * {
display: inline-block;
}
#campaignStats .header > .left {
float: left;
}
#campaignStats .header > .right {
float: right;
}
#campaignStats #leadingExperienceSummary {
position: relative;
display: table;
margin: auto;
}
#campaignStats #leadingExperienceSummary > div {
height: 24px;
}
#campaignStats #leadingExperienceSummary > div > * {
display: inline-block;
}
#campaignStats #leadingExperienceSummary > div > span {
height: 24px;
line-height: 24px;
}
#campaignStats #leadingExperienceSummary > div .progress {
width: 250px;
height: 20px;
margin: 0;
margin-left: 16px;
margin-right: 16px;
border-radius: none;
}
#campaignStats #usersChart {
height: 90px;
}
#campaignStats .chart.large {
height: 200px;
}
#campaignStats .chart.small {
height: 150px;
}
#campaignStats .sideBySideCharts {
display: table;
width: 100%;
}
#campaignStats .sideBySideCharts > div {
display: table-cell;
width: 50%;
}
#campaignStats .sideBySideCharts > div:first-child {
margin-right: 20px;
}
#campaignStats #campaignItemGrid {
margin-bottom: -114px;
height: campaignItemGridHeight;
box-sizing: border-box;
}
#campaignStats #campaignItemGrid .k-grid-header {
background: #efefef;
}
#campaignStats #campaignItemGrid .k-grid-header .k-header {
background: #efefef;
}
#campaignStats .inlineBlock {
display: inline-block;
}
#campaignStats .testGroupColor {
color: #0095da;
}
#campaignStats .controlGroupColor {
color: #848484;
}
#campaignStats .spacer {
display: inline-block;
height: 1px;
}
#campaignStats td .fa-circle {
margin-right: 5px;
}
#campaignStats .liftpercent {
font-size: 10px;
margin-left: 4px;
position: relative;
}
#campaignStats .liftpercent.up {
color: #227414;
}
#campaignStats .liftpercent.down {
color: #DD360B;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
#campaign-stats-v2 {
margin: 0 15px 0 15px;
}
#campaign-stats-v2 .k-grid table {
border-collapse: collapse;
}
#campaign-stats-v2 .title-container {
float: left;
min-width: 200px;
}
@media (max-width: 1250px) {
#campaign-stats-v2 .title-container {
width: 100%;
}
}
#campaign-stats-v2 .title-container .page-title {
display: inline;
margin-top: 0;
margin-bottom: 6px;
}
#campaign-stats-v2 .title-container .fa-info-circle {
color: #b5b5b5;
font-size: 22px;
margin-left: 10px;
}
#campaign-stats-v2 .title-container .breadcrumbs {
margin-left: 2px;
}
#campaign-stats-v2 .options-container {
margin-right: 13px;
margin-top: 5px;
margin-bottom: 10px;
float: right;
}
#campaign-stats-v2 .options-container .chosen-container {
max-width: 222px;
}
#campaign-stats-v2 .options-container .chosen-single {
color: #585858;
}
#campaign-stats-v2 .options-container .option-wrap {
display: inline-block;
width: 228px;
margin-left: 14px;
vertical-align: top;
}
#campaign-stats-v2 .options-container #attribution-wrap {
width: 135px;
}
#campaign-stats-v2 .options-container #outlier-filter {
vertical-align: top;
width: 110px;
}
#campaign-stats-v2 .options-container .selection-container {
display: inline-block;
margin-top: 5px;
}
#campaign-stats-v2 .options-container .selection-container.outlier-selection,
#campaign-stats-v2 .options-container .selection-container.attribution-selection,
#campaign-stats-v2 .options-container .selection-container.attribution-window-selection {
height: 43px;
vertical-align: bottom;
}
#campaign-stats-v2 .options-container .selection-container.outlier-selection .switch-container,
#campaign-stats-v2 .options-container .selection-container.attribution-selection .switch-container,
#campaign-stats-v2 .options-container .selection-container.attribution-window-selection .switch-container {
margin-top: 8px;
}
#campaign-stats-v2 .options-container .selection-container.attribution-selection .switch label:nth-of-type(1) {
left: -36px;
}
#campaign-stats-v2 .options-container .selection-container .option-label {
font-weight: bold;
margin-right: 2px;
margin-bottom: 4px;
}
#campaign-stats-v2 .options-container .selection-container .chosenDropdownWrapper {
display: inline-block;
}
#campaign-stats-v2 .options-container .selection-container .egItemSearchWrapper,
#campaign-stats-v2 .options-container .selection-container .k-multiselect,
#campaign-stats-v2 .options-container .selection-container .k-multiselect-wrap {
width: 220px;
height: 28px;
}
#campaign-stats-v2 .options-container .selection-container .k-button {
max-width: 218px;
}
#campaign-stats-v2 .options-container .selection-container .switch-container {
margin-left: 5px;
display: block;
}
#campaign-stats-v2 .options-container .selection-container #attribution-type-switch {
margin-left: 15px;
}
#campaign-stats-v2 .unable-to-load {
margin-left: 12px;
margin-top: -16px;
font-size: 14px;
}
#campaign-stats-v2 .page-row {
margin-bottom: 18px;
}
#campaign-stats-v2 .page-row.title-row {
margin-top: 16px;
margin-bottom: 30px;
}
#campaign-stats-v2 .page-row.timeline-row {
margin-bottom: 46px;
}
#campaign-stats-v2 .page-row.overview-row {
margin-bottom: 38px;
}
#campaign-stats-v2 .campaign-overview-dropdown {
z-index: 100;
width: 650px;
padding: 4px;
position: absolute;
display: none;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
border: 1px solid #848484;
overflow-y: auto;
}
.campaignsListModal .modal-content > .ng-scope.statusMessageWrapperDiv {
position: absolute;
left: 120px;
margin-right: 120px;
height: 0px !important;
min-height: 0px !important;
max-height: 0px !important;
z-index: 1;
padding-bottom: 0px;
padding-top: 0px;
overflow: visible;
margin-top: 14px;
}
.campaignsListModal .modal-content > .ng-scope {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
overflow-y: hidden;
padding-top: 57px;
padding-bottom: 68px;
}
.campaignsListModal .modal-content > .ng-scope .modal-header {
margin-top: -57px;
height: 57px;
box-sizing: border-box;
}
.campaignsListModal .modal-content > .ng-scope .modal-body {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
}
.campaignsListModal .modal-content > .ng-scope .modal-footer {
margin-bottom: 68px;
margin-top: 0px !important;
box-sizing: border-box;
}
.campaignsListModal .modal-dialog {
height: calc(100% - 60px);
width: calc(100% - 60px);
}
.campaignsListModal .modal-dialog .modal-content {
width: 100%;
height: 100%;
}
.campaignsListModal .modal-dialog .modal-content .modal-body {
padding: 20px;
box-sizing: border-box;
margin: 0;
}
.campaignsListModal .modal-dialog .modal-content .modal-header {
padding: 20px;
}
.campaignsListModal .modal-dialog .modal-content .modal-header h3 {
float: left;
line-height: 0px;
margin-top: 9px;
}
.campaignsListModal .modal-dialog .modal-content .modal-header .closeIcon {
float: right;
font-size: 20px;
cursor: pointer;
}
.campaignsListModal .modal-dialog .modal-content .modal-header .statusMessage {
min-height: 0px;
height: 0px;
margin-left: 20px;
margin-top: -6px;
}
.attribution-window-dropdown .chosen-container {
min-width: 130px !important;
width: 130px !important;
}
#experiencesToolbar {
height: 35px;
max-width: 92%;
overflow-x: hidden;
white-space: nowrap;
}
#experiencesToolbar > .left,
#experiencesToolbar > .right {
height: 35px;
vertical-align: top;
}
#experiencesToolbar > .left > *,
#experiencesToolbar > .right > * {
line-height: 35px;
height: 35px;
vertical-align: top;
display: inline-block;
}
#experiencesToolbar .left .fa {
color: #0095da;
}
#experiencesToolbar .left .experiencesLabel {
padding-left: 10px;
padding-right: 4px;
}
#experiencesToolbar .left .addExperienceTab {
padding-left: 16px;
padding-right: 16px;
}
#experiencesToolbar .left .fontAwesomeATag a:before {
content: "\f0fe";
font-family: FontAwesome;
}
#experiencesToolbar .left .nav-tabs li {
background-color: #f9f9f9;
-webkit-box-shadow: 0px -3px 0px 0px #d5d5d5;
-moz-box-shadow: 0px -3px 0px 0px #d5d5d5;
box-shadow: 0px -3px 0px 0px #d5d5d5;
padding-top: 0px;
margin-left: 4px;
margin-top: 2px;
border-left: none;
border-right: none;
}
#experiencesToolbar .left .nav-tabs li.active {
background-color: #f5f5f5;
-webkit-box-shadow: 0px -3px 0px 0px #039fdf;
-moz-box-shadow: 0px -3px 0px 0px #039fdf;
box-shadow: 0px -3px 0px 0px #039fdf;
border-top: none;
}
#experiencesToolbar .left .nav-tabs li.active a {
background-color: transparent;
}
#experiencesToolbar .left .nav-tabs li.addExperienceIcon {
background-color: #fff;
font-size: 17px;
height: 35px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-top: -1px;
}
#experiencesToolbar .left .nav-tabs li.addExperienceIcon a {
height: 21px;
}
#experiencesToolbar .left .nav-tabs li.actionTab {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
#experiencesToolbar .left .nav-tabs li.headerTab {
cursor: initial;
background: transparent;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-left: 20px;
}
#experiencesToolbar .left .nav-tabs li.headerTab a {
color: #808080;
pointer-events: none;
cursor: initial;
font-weight: normal;
padding-left: 0;
padding-right: 0;
}
#experiencesToolbar .left .nav-tabs li.headerTab a:hover {
background-color: transparent;
}
#experiencesToolbar .addExperience {
width: 40px;
text-align: center;
cursor: pointer;
}
#experiencesToolbar .addExperience:hover {
background: #82c135;
}
#experiencesToolbar .right {
background-color: #f5f5f5;
border-top-left-radius: 6px;
color: #0095da;
font-weight: bold;
}
#experiencesToolbar .right span {
padding-right: 10px;
padding-left: 10px;
}
#experiencesToolbar .right span i.fa {
padding-left: 4px;
}
.campaign-scheduler {
margin-left: 10px;
}
.campaign-scheduler .hours-of-block {
margin-top: 14px;
margin-bottom: 6px;
}
.campaign-scheduler .checkbox-align {
margin-top: 9px;
}
.campaign-scheduler .second-input {
margin-left: 24px;
}
.campaign-scheduler .second-input > * {
vertical-align: top;
}
.campaign-scheduler .align-on-input {
padding-right: 4px;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
.campaign-stats-expandable-chart {
margin: 0 20px;
}
.campaign-stats-expandable-chart .chart-header {
vertical-align: bottom;
position: relative;
padding-right: 6px;
}
.campaign-stats-expandable-chart .chart-header.global-average {
padding-right: 70px;
}
.campaign-stats-expandable-chart .chart-header .chart-title {
font-size: 22px;
color: #585858;
}
.campaign-stats-expandable-chart .chart-header .chart-info {
font-size: 22px;
margin-left: 8px;
color: #b5b5b5;
}
.campaign-stats-expandable-chart .chart-header .chartHoverInfoBox {
display: inline-block;
max-width: 400px;
position: absolute;
padding: 8px;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
margin-top: -10px;
margin-left: 10px;
box-sizing: border-box;
background-color: #f5f5f5;
z-index: 100000;
}
.campaign-stats-expandable-chart .chart-header .chartHoverInfoBox:after {
right: 100%;
top: 18px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(205, 213, 204, 0);
border-right-color: #f5f5f5;
border-width: 8px;
margin-top: -5px;
}
.campaign-stats-expandable-chart .chart-header .chart-control {
cursor: pointer;
font-size: 13px;
color: #848484;
float: right;
margin-right: 8px;
margin-top: 6px;
}
.campaign-stats-expandable-chart .chart-header .chart-control .fa {
font-size: 18px;
margin-bottom: 1px;
vertical-align: middle;
margin-left: 4px;
color: #6E6E6E;
}
.campaign-stats-expandable-chart .chart-header .chart-control:hover {
color: #BABABA;
}
.campaign-stats-expandable-chart .chart-header .chart-control:hover .fa {
color: #BABABA;
}
.campaign-stats-expandable-chart .chart-header .hide-show-control .fa {
font-size: 19px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper {
margin-top: 10px;
position: relative;
padding-right: 270px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-container {
margin-right: -270px;
width: 100%;
float: right;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-container .highcharts-tooltip > span {
width: 180px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-container .highcharts-tooltip .time-range {
font-weight: bold;
margin-bottom: 4px;
color: #848484;
font-size: 13px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-container .highcharts-tooltip .point-data {
font-size: 13px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container {
width: 260px;
float: left;
box-sizing: border-box;
overflow: hidden;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend {
height: 280px;
width: 260px;
margin: 0;
padding: 0;
font-size: 16px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend table {
margin: 0 auto;
width: 260px;
table-layout: fixed;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend table th {
font-weight: normal;
text-align: left;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tr,
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend table td {
padding: 0;
margin: 0;
box-sizing: border-box;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tbody {
display: table;
width: 260px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend table thead,
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tbody {
border-bottom: #FFFFFF solid 3px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tbody.hidden td {
opacity: .4;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tbody.hidden td.low-confidence {
opacity: .18;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tbody:hover {
background-color: #ecfcba !important;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer {
height: 0;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer .circle-spacer {
width: 40px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer .test-total-spacer {
width: 76px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer .control-total-spacer {
width: 76px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer .lift-percent-spacer {
width: 84px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer .lift-confidence-spacer {
width: 88px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .legend-body {
height: 238px;
overflow-y: auto;
overflow-x: hidden;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .legend-header {
background-color: #f5f5f5;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .legend-header .sub-headers .header {
padding-top: 5px;
height: 20px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .experience-group {
width: 100%;
cursor: pointer;
display: table-row-group;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .value {
margin-left: 2px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .value.empty {
font-size: 18px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .series-bar {
display: inline-block;
height: 0px;
width: 48px;
border-top: 3px;
position: absolute;
bottom: 2px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .top-experience-row {
height: 36px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .bottom-experience-row .experience-name-container {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .bottom-experience-row td {
border-spacing: 1px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .circle-column .legend-circle {
height: 16px;
width: 16px;
border-radius: 16px;
margin: auto;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .test-total-column {
position: relative;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .test-total-column .value {
margin-top: 3px;
font-weight: bold;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .test-total-column .series-bar {
border-top: solid;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .control-total-column {
position: relative;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .control-total-column .value {
margin-top: 5px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .control-total-column .series-bar {
border-top: dashed;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .control-total-column.is-experience-baseline .series-bar {
border-top: solid;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .value {
font-size: 18px;
margin-top: 3px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .value .fa {
font-size: 16px;
position: relative;
top: -1px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .value.empty {
margin-top: 5px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column.low-confidence {
opacity: .4;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .positive-lift {
color: #519100;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .zero-lift {
color: #808080;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .negative-lift {
color: #dd360b;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-confidence-column .value {
width: 100%;
margin: 5px 0 0 0;
text-align: center;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-confidence-column .value .fa {
margin-right: 10px;
font-size: 18px;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-confidence-column .positive-lift {
color: #519100;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-confidence-column .negative-lift {
color: #dd360b;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .experience-name {
padding-right: 10px;
box-sizing: border-box;
white-space: nowrap;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .spacer-column {
width: 0;
}
.campaign-stats-expandable-chart .outer-chart-wrapper .chart-legend-container .chart-legend .spacer-column .legend-row-spacer {
min-height: 56px;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
.campaign-time-range-selector {
position: relative;
}
.campaign-time-range-selector .range-selector-description {
font-size: 12px;
float: right;
font-style: italic;
margin-right: 20px;
margin-top: 20px;
position: relative;
}
.campaign-time-range-selector .range-selector-description .range-selector-title {
font-weight: bold;
}
.campaign-time-range-selector .campaign-time-range-selector-chart {
margin-top: 18px;
overflow: visible;
cursor: pointer;
}
.campaign-time-range-selector .campaign-time-range-selector-chart.selecting {
cursor: ew-resize;
}
.campaign-time-range-selector .campaign-time-range-selector-chart .highcharts-container {
box-sizing: border-box;
overflow: visible !important;
}
.campaign-time-range-selector .campaign-time-range-selector-chart .highcharts-container .highcharts-tooltip span {
white-space: normal !important;
}
.campaign-time-range-selector .campaign-time-range-selector-chart .highcharts-container svg {
overflow: visible !important;
}
.campaign-time-range-selector .timeline-container {
position: relative;
margin-right: 220px;
}
.campaign-time-range-selector .timeline-container .highcharts-xaxis-labels {
pointer-events: none;
}
.campaign-time-range-selector .timeline-container .zoom-reset-button {
position: absolute;
right: 10px;
top: -20px;
font-size: 13px;
height: 22px;
line-height: 22px;
padding-right: 12px;
padding-left: 12px;
color: #848484;
cursor: pointer;
}
.campaign-time-range-selector .timeline-container .zoom-reset-button:hover {
color: #BABABA;
}
.campaign-time-range-selector .timeline-container .zoom-reset-button:hover .fa {
color: #BABABA;
}
.campaign-time-range-selector .timeline-container .zoom-reset-button .fa {
font-size: 18px;
vertical-align: middle;
margin-left: 4px;
margin-bottom: 1px;
color: #6E6E6E;
}
.campaign-time-range-selector .range-input-container {
float: right;
width: 220px;
padding-left: 12px;
padding-top: 8px;
box-sizing: border-box;
}
.campaign-time-range-selector .range-input-container ng-form .form-group .label {
margin-bottom: 4px;
font-weight: bold;
}
.campaign-time-range-selector .range-input-container ng-form .form-group:first-child {
margin-bottom: 20px;
}
.campaign-time-range-selector .timeline-title {
display: none;
pointer-events: none;
font-size: 22px;
color: #585858;
position: absolute;
top: 44px;
left: 22px;
}
.timeline-tooltip {
position: absolute;
box-sizing: border-box;
background-color: #f5f5f5;
padding: 12px;
z-index: 100000;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.timeline-tooltip .header {
text-align: center;
margin-bottom: 6px;
font-weight: bold;
}
.timeline-tooltip.state-tooltip {
width: 190px;
}
.timeline-tooltip.state-tooltip .header {
font-size: 14px;
}
.timeline-tooltip.pin-tooltip {
min-width: 160px;
}
.timeline-tooltip.pin-tooltip .content {
text-align: center;
}
.timeline-tooltip.epoch-tooltip {
width: 160px;
}
.timeline-tooltip.epoch-tooltip .content {
text-align: center;
}
.timeline-tooltip:not(.shifted):after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(243, 243, 243, 0);
border-bottom-color: #f5f5f5;
border-width: 5px;
margin-left: -5px;
}
.timeline-tooltip.shifted:after {
bottom: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(243, 243, 243, 0);
border-bottom-color: #f5f5f5;
border-width: 5px;
margin-left: -5px;
}
#campaignStatsOverviewGrid.is-multivariate thead th[data-field=name] div {
margin-bottom: 0;
}
#campaignStatsOverviewGrid thead > tr > th {
background-color: #f5f5f5;
}
#campaignStatsOverviewGrid thead tr:last-child th .tableHeader {
font-size: 14px;
}
#campaignStatsOverviewGrid thead th {
border: 2px solid #fff;
}
#campaignStatsOverviewGrid thead th[data-field=name] div {
margin-bottom: 13px;
}
#campaignStatsOverviewGrid.hide-per-exp-control .controlDiv {
display: none;
}
#campaignStatsOverviewGrid .tableHeader {
color: #848484;
text-transform: none;
font-size: 16px;
text-align: center;
}
#campaignStatsOverviewGrid .tableHeader > a {
color: #848484;
}
#campaignStatsOverviewGrid .tableHeader > a:hover {
color: #1071a8;
}
#campaignStatsOverviewGrid td {
padding: 0px;
font-weight: normal;
}
#campaignStatsOverviewGrid td div {
text-align: right;
cursor: auto;
border: 1px solid #fff;
padding: 2px 5px 1px 5px;
}
#campaignStatsOverviewGrid td div i {
margin-right: 3px;
}
#campaignStatsOverviewGrid td div hr {
margin-top: 3px;
height: 3px;
border: 0;
display: block;
}
#campaignStatsOverviewGrid td .titleDiv {
text-align: left;
overflow: hidden;
}
#campaignStatsOverviewGrid td .experienceDiv {
height: 25px;
font-size: 16px;
font-weight: bold;
white-space: nowrap;
}
#campaignStatsOverviewGrid td .experienceDiv p {
margin: 0 0 0 5px;
}
#campaignStatsOverviewGrid td .experienceDiv hr {
width: 80px;
border-top: 3px solid;
margin-left: 6px;
}
#campaignStatsOverviewGrid td .experienceDiv.rolled-up-control hr {
border-top: dashed;
}
#campaignStatsOverviewGrid td .controlDiv {
height: 25px;
font-size: 16px;
}
#campaignStatsOverviewGrid td .controlDiv p {
margin: 0 0 0 20px;
}
#campaignStatsOverviewGrid td .controlDiv hr {
width: 64px;
border-top: 2px dashed;
margin-left: 22px;
}
#campaignStatsOverviewGrid td .tooltipDiv {
box-sizing: border-box;
pointer-events: none;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: left;
position: absolute;
display: none;
color: #848484;
line-height: 0.65;
background: #f5f5f5;
border: none;
z-index: 10000;
padding: 12px;
}
#campaignStatsOverviewGrid td .tooltipDiv .positiveLift {
color: #519100;
}
#campaignStatsOverviewGrid td .tooltipDiv .negativeLift {
color: #dd360b;
}
#campaignStatsOverviewGrid td .tooltipDiv .neutralLift {
color: #808080;
}
#campaignStatsOverviewGrid td .tooltipDiv .experience-name {
font-weight: bold;
}
#campaignStatsOverviewGrid td .tooltipDiv:after,
#campaignStatsOverviewGrid td .tooltipDiv:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#campaignStatsOverviewGrid td .tooltipDiv:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #f5f5f5;
border-width: 3px;
margin-left: -3px;
}
#campaignStatsOverviewGrid td .tooltipDiv:before {
border-color: rgba(209, 209, 209, 0);
border-bottom-color: #f5f5f5;
border-width: 6px;
margin-left: -6px;
}
.beaconVersionModalCtrl .modal-content {
max-height: 140px;
overflow-y: auto;
}
.beaconVersionModalCtrl #beacon-version-modal .icon-container {
float: left;
height: 100%;
width: 20px;
font-size: 22px;
margin-top: 2px;
color: #0095da;
margin-right: 3px;
margin-left: 2px;
vertical-align: middle;
}
.beaconVersionModalCtrl #beacon-version-modal .text-container {
font-size: 14px;
float: left;
text-align: center;
}
.beaconVersionModalCtrl #beacon-version-modal .modal-footer {
margin-top: 0px;
}
#campaignEditor .state.published {
color: #519100;
}
#campaignEditor .state.failed {
color: #dd360b;
}
#campaignEditor .campaign-save-spinner {
font-size: 14px;
}
#campaignEditor .campaignEditorToolbars {
background-color: #fff;
}
#pageExceptFooter:not(.isVisualEditor) #campaignEditor .campaignEditorToolbars {
z-index: 2147483548;
position: relative;
}
.isVisualEditor #rootContent #campaignEditor {
background-color: transparent;
}
#campaignEditor .campaignMainToolbar {
height: 45px;
position: relative;
min-width: 1080px;
}
.messageEditVE #campaignEditor .campaignMainToolbar a.linkButton {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#campaignEditor .campaignMainToolbar > .left,
#campaignEditor .campaignMainToolbar > .right {
position: relative;
height: 45px;
vertical-align: top;
}
#campaignEditor .campaignMainToolbar > .left > *,
#campaignEditor .campaignMainToolbar > .right > * {
height: 45px;
vertical-align: top;
display: inline-block;
}
#campaignEditor .campaignMainToolbar #campaignTypeSelect {
line-height: 45px;
margin-left: 15px;
}
#campaignEditor .campaignMainToolbar #campaignTypeSelect .campaignTypeSelector {
width: 125px;
vertical-align: middle;
}
#campaignEditor .campaignMainToolbar .breadcrumbs {
font-size: 11px;
}
#campaignEditor .campaignMainToolbar .breadcrumbs a {
cursor: pointer;
}
#campaignEditor .campaignMainToolbar .breadcrumbs .current input[name=name] {
line-height: 13px;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0px;
font-size: 16px;
display: inline-block;
font-weight: bold;
}
#campaignEditor .campaignMainToolbar .breadcrumbs .current input[name=name]:focus {
border-bottom: dashed 1px #0095da;
}
#campaignEditor .campaignMainToolbar .breadcrumbs .current .btn {
line-height: 20px;
height: 20px;
}
#campaignEditor #editorPane {
min-height: 500px;
-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.75);
-moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.75);
box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.75);
padding-bottom: 50px;
box-sizing: border-box;
background: url('../images/campaignEditorCheckeredBackground.png') repeat;
}
#campaignEditor #editorPane #previewContainer {
height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#campaignEditor #editorPane #previewContainer #calloutMessagePreviewTargetParent {
position: relative;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
width: 100%;
}
#campaignEditor #editorPane #previewContainer #calloutMessagePreviewTargetWrapper {
position: relative;
box-sizing: border-box;
}
#campaignEditor #editorPane #previewContainer #calloutMessagePreviewTarget,
#campaignEditor #editorPane #previewContainer #inlineMessagePreviewTarget {
display: none;
}
#campaignEditor #editorPane #previewContainer #calloutMessagePreviewTarget {
color: crimson;
position: absolute;
}
#campaignEditor #editorPane #previewContainer #inlineMessagePreviewTarget {
padding: 0;
border: solid 1px #CCC;
border-radius: 3px;
}
.messageEditVE #campaignEditor #editorPane {
display: none;
}
#campaignEditor #mobileEditorPane {
width: 100%;
height: 100%;
position: relative;
overflow-y: visible;
}
#campaignEditor #mobileEditorPane #mobileDataPreviewContainer {
height: 100%;
overflow-y: auto;
}
#campaignEditor #mobileEditorPane #mobileDataPreviewContainer #mobileDataEditor {
height: 45%;
border: 1px solid #d5d5d5;
margin: 15px;
border-radius: 6px;
min-height: 150px;
}
#campaignEditor #mobileEditorPane #mobileDataPreviewContainer #mobileDataEditor .ace_editor {
width: 100%;
height: 100%;
border-radius: inherit;
}
#campaignEditor #mobileEditorPane #mobileDataPreviewContainer #mobileDataEditor .ace_editor .ace_print-margin {
display: none;
}
#campaignEditor #mobileEditorPane #mobileNotificationPreviewContainer {
width: 100%;
height: 100%;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
background-image: -webkit-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), -webkit-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-image: -moz-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), -moz-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-image: -o-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), -o-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-image: linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
background-color: #D5D5D5 !important;
}
#campaignEditor #mobileEditorPane #mobileNotificationPreviewContainer #toolsSidebar {
background-color: #f5f5f5;
position: relative;
width: 464px;
height: 100%;
float: left;
overflow-y: auto;
}
#campaignEditor #mobileEditorPane #mobileNotificationPreviewContainer #mobileMessagePreview {
background-color: rgba(0, 0, 0, 0.7);
height: 100%;
overflow-y: hidden;
}
#campaignEditor #emailEditorPane {
padding-left: 464px;
box-sizing: border-box;
width: 100%;
height: 100%;
}
#campaignEditor .campaignStateSelector {
margin-left: 9px;
margin-right: 5px;
width: 101px;
}
#campaignEditor .breadcrumbs {
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 0px;
}
#campaignEditor .breadcrumbs .fa-caret-right {
margin-left: 2px;
margin-right: 4px;
}
#campaignEditor .breadcrumbs .current {
width: 370px;
margin-top: 0px;
padding-top: 4px;
}
#campaignEditor .breadcrumbs .current i.fa-pencil {
color: #0095da;
}
#campaignEditor .breadcrumbs .current input[name=name] {
width: 25px;
height: 20px;
line-height: 20px;
background-color: transparent;
}
#campaignEditor .breadcrumbs .current input[name=name].newMessageNameWidth {
width: 165px;
}
#campaignEditor .breadcrumbs .current .error {
font-weight: normal;
color: #dd360b;
}
#campaignEditor .statusMessageWrapperDiv {
left: 300px;
margin-right: 300px;
position: absolute;
z-index: 1;
min-height: 0px;
max-height: 0px;
margin-top: 6px;
overflow: visible;
}
#campaignEditor .visualEditorEvergageLogoParent {
position: absolute;
width: 100%;
height: 100%;
padding-right: 157px;
box-sizing: border-box;
}
#campaignEditor .visualEditorEvergageLogoParent .visualEditorEvergageLogoWrapper {
position: relative;
}
#campaignEditor .visualEditorEvergageLogoParent .visualEditorEvergageLogoWrapper #visualEditorEvergageLogo {
box-sizing: border-box;
margin: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
height: auto;
padding-left: 18px;
padding-right: 18px;
padding-top: 6px;
padding-bottom: 6px;
background-color: #0095da;
color: white;
width: 157px;
position: absolute;
left: 50%;
}
#campaignEditor .visualEditorEvergageLogoParent .visualEditorEvergageLogoWrapper #visualEditorEvergageLogo img {
height: 26px;
width: 121px;
}
#campaignEditor eg-campaign-state-select {
margin-left: 15px;
vertical-align: top;
line-height: 45px;
height: 45px;
}
#campaignEditor .description {
margin-bottom: 17px;
margin-top: 10px;
}
#campaignEditor .selectionFilter {
margin: 5px 0px;
}
#campaignEditor #campaignSetupDropdown {
position: relative;
vertical-align: top;
}
#campaignEditor #campaignSetupButton {
display: inline-block;
background-color: #fff;
color: #ff9600;
height: 45px;
line-height: 45px;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;
font-size: 17px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
}
#campaignEditor #campaignSetupButton:hover {
background-color: #ff9600;
color: #fff;
}
#campaignEditor #campaignSetupButton i.fa {
vertical-align: middle;
}
#campaignEditor #campaignSetupButton i.fa.fa-gear {
font-size: 125%;
margin-right: 4px;
}
#campaignEditor #campaignSetupButton i.fa.fa-caret-down {
margin-left: 4px;
}
#campaignEditor #campaignSetupButton span {
display: inline-block;
vertical-align: middle;
height: 21px;
line-height: 21px;
}
#campaignEditor #saveCancelButtons {
line-height: 45px;
height: 45px;
vertical-align: top;
padding-left: 20px;
padding-right: 20px;
}
#campaignEditor #saveCancelButtons i.fa {
padding-right: 2px;
}
#campaignEditor #saveCancelButtons > div {
display: inline-block;
}
#campaignEditor #saveCancelButtons .state {
font-size: 14px;
margin-right: 12px;
}
#campaignEditor #saveCancelButtons .state-label {
font-weight: bold;
}
#campaignEditor #originalTabInAppInfo {
padding: 0px 50px;
}
#campaignEditor #sourceEditorContainer {
width: 100%;
position: absolute;
bottom: 45px;
}
#campaignEditor #sourceEditorContainer .rg-top {
display: none;
top: 45px;
right: 0;
z-index: 0;
}
#campaignEditor #sourceEditorContainer .rg-top span {
display: none;
}
#campaignEditor #sourceEditorContainer.open {
z-index: 2147483548;
}
#campaignEditor #sourceEditorContainer.open .rg-top {
display: block;
}
.campaignExperience .attributes {
width: 100%;
}
.campaignExperience .rules {
margin-bottom: 3px;
}
.campaignExperience section {
margin-top: 25px;
}
.campaignExperience section h3 {
margin-bottom: 10px;
}
.campaignExperience h3.inlineBlock {
display: inline-block;
margin-right: 10px;
}
.campaignExperience table thead th {
background: #f5f5f5;
}
.campaignExperience .newLink {
margin-top: 9px;
}
.campaignExperience .redirectUrl {
display: block;
}
.campaignExperience .tooltip-inner .ng-scope {
margin: 5px;
}
.campaignExperience #mobileMessageSection h3 {
display: inline-block;
margin-right: 15px;
}
.campaignExperience #mobileMessageSection h4 {
display: inline-block;
}
.campaignExperience #mobileMessageSection .fa-gear,
.campaignExperience #mobileMessageSection .fa-remove {
color: #848484;
}
.campaignExperience #mobileMessageSection .fa-gear:hover,
.campaignExperience #mobileMessageSection .fa-remove:hover {
color: #82c135;
}
.campaignExperience #mobileMessageSection .ace_editor {
width: 100%;
height: 200px;
border: 1px solid #e5e5e5;
}
.campaignExperience #mobileMessageSection .ace_editor .ace_cursor-layer {
opacity: 0;
}
.campaignExperience #mobileMessageSection .ace_editor .ace_marker-layer .ace_bracket {
opacity: 0;
}
.campaignExperience #mobileUiMessageInfo h3 {
margin-left: 10px;
}
.campaignExperience #mobileUiMessageInfo table.attributes td {
padding-top: 3px;
padding-bottom: 3px;
}
.campaignExperience #mobileUiMessageInfo table.attributes td:first-child {
padding-left: 20px;
width: 60px;
}
.campaignExperience #mobileUiMessageInfo table.attributes td.singleRow {
text-align: left;
}
.campaignExperience input.redirectUrlInput {
width: 531px;
margin-right: 0;
margin-left: 0;
}
.campaignExperience .redirectOptions .optionsRow {
padding: 5px 0;
}
.campaignExperience .redirectOptions .disabledInfo {
padding: 8px 8px;
background: #bde5f8;
border: 1px solid #41caf8;
border-radius: 4px;
line-height: 1.3em;
color: #4a4a4a;
margin-bottom: 10px;
}
.campaignExperience .redirectOptions .disabledInfo i {
margin-right: 1px;
}
#campaignSetup .campaignExperience .row {
overflow: visible;
}
.campaignHierarchyBar {
border-top: 1px solid #d5d5d5;
box-sizing: border-box;
display: block;
color: #848484;
font-size: 14px;
height: 25px;
overflow: hidden;
white-space: nowrap;
background-color: #fff;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.campaignHierarchyBar .toolbarHierarchyLeftButton {
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
height: 25px;
background-color: white;
cursor: pointer;
border-right: 2px solid #f2f2f2;
}
.campaignHierarchyBar .toolbarHierarchyLeftButton i {
font-size: 18px;
padding-left: 4px;
padding-right: 6px;
padding-top: 3px;
vertical-align: middle;
}
.campaignHierarchyBar .toolbarHierarchyLeftButton.highlightedNode {
background: #82c135;
cursor: pointer;
color: #fff;
}
.campaignHierarchyBar .hierarchySection {
cursor: pointer;
line-height: 19px;
display: inline-block;
padding-left: 4px;
padding-right: 4px;
border-radius: 2px;
}
.campaignHierarchyBar .toolbarHierarchyRightButton {
position: absolute;
right: 0px;
top: 0px;
z-index: 1;
height: 25px;
vertical-align: middle;
border-left: 2px solid #f2f2f2;
background-color: white;
cursor: pointer;
}
.campaignHierarchyBar .toolbarHierarchyRightButton i {
font-size: 18px;
padding-left: 6px;
padding-right: 4px;
padding-top: 3px;
vertical-align: middle;
}
.campaignHierarchyBar .toolbarHierarchyRightButton.highlightedNode {
background: #82c135;
cursor: pointer;
color: #fff;
}
.campaignHierarchyBar .toolbarHierarchyElements {
position: relative;
top: 0px;
left: 0px;
z-index: 0;
}
.campaignHierarchyBar .toolbarHierarchyElements .hierarchySection {
padding-left: 4px;
padding-right: 4px;
padding-top: 3px;
padding-bottom: 3px;
cursor: pointer;
}
.campaignHierarchyBar .toolbarHierarchyElements .highlightedNode {
background-color: #82c135;
color: #fff;
}
.campaignHierarchyBar .toolbarHierarchyElements .selectedNode {
background-color: #0095da;
color: #fff;
}
.campaignHierarchyBar .hierarchyArrow {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 4px;
background: #9d9d9d;
margin: 1px 8px;
/*display: inline-block;
width: 0;
height: 0;
border-left: 16px solid rgb(145, 144, 144);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
margin-left: 10px;
padding-right: 8px;*/
}
.htmlElementsToolbar {
height: 65px;
background-color: #f5f5f5;
border-top: 1px solid #d5d5d5;
box-sizing: border-box;
}
.htmlElementsToolbar > .left,
.htmlElementsToolbar > .right {
height: 65px;
vertical-align: top;
}
.htmlElementsToolbar > .left > *,
.htmlElementsToolbar > .right > * {
height: 65px;
vertical-align: top;
display: inline-block;
}
.htmlElementsToolbar .htmlElementsSectionSet {
height: 100%;
border-bottom: 0px;
white-space: nowrap;
position: relative;
min-width: 1176px;
}
.htmlElementsToolbar .htmlElementsSectionSet.mobileCampaign {
min-width: 1215px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection {
height: 100%;
background-color: #f5f5f5;
padding-top: 8px;
padding-left: 6px;
padding-bottom: 4px;
padding-right: 6px;
display: inline-block;
white-space: normal;
vertical-align: top;
border-right: 1px solid #b5b5b5;
box-sizing: border-box;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection > .htmlElementGlobalControls {
margin-top: 0px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection > .htmlElementGlobalControls .undoRedoClear {
margin-bottom: 8px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection > .htmlElementGlobalControls .globalLinks {
color: #0095da;
float: right;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection > .htmlElementGlobalControls .globalLinks a {
margin: 0 5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection > .htmlElementGlobalControls .globalLinks a:last-child {
margin-right: 0;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection > .htmlElementGlobalControls .globalLinks a.disabled {
color: #999999;
cursor: default;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection > .htmlElementGlobalControls .htmlElementBox {
display: inline-block;
margin-left: 6px;
margin-right: 0px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox {
position: relative;
border: 1px solid #d5d5d5;
border-radius: 4px;
vertical-align: top;
height: 22px;
line-height: 22px;
color: #585858;
padding-left: 8px;
padding-right: 6px;
font-weight: bold;
font-size: 12px;
margin-right: 0px;
background-color: #fff;
margin-bottom: 4px;
cursor: pointer;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox:last-child {
margin-left: 0px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox.dropdown-div-toggle {
padding-right: 24px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox:not(.disabled):not(.btn):hover {
border-color: #82c135;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox:not(.disabled):not(.btn):hover .icon-hover-highlight {
background-color: #82c135;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox:not(.disabled):not(.btn):hover .icon-hover-highlight .fa {
color: white;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox.btn:not(.disabled):hover {
background-color: #82c135;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox:not(.disabled).active {
background-color: #0095da;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox.disabled,
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox.disabledWithPointerEvents {
cursor: default;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox:last-child {
margin-right: 0px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox .icon-hover-highlight {
position: absolute;
top: 0;
right: 0;
display: inline-block;
height: 100%;
width: 20px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox i.fa,
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox .icon {
padding-left: 6px;
padding-right: 2px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox .htmlElementBoxSeparator {
display: inline-block;
border: 1px solid #848484;
height: 100%;
vertical-align: top;
line-height: 12px;
box-sizing: border-box;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementBox .colorPreviewBox {
display: inline-block;
height: 16px;
width: 22px;
border: 1px dotted #b5b5b5;
background-clip: padding-box;
background-color: transparent;
vertical-align: top;
line-height: 16px;
margin-top: 2px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.formatText {
width: 320px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.editElementStyle {
width: 333px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.editInsertElement {
width: 140px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.right {
padding-right: 10px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection > * {
display: inline-block;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .htmlElementsSectionTitle {
display: block;
text-align: center;
text-transform: uppercase;
font-size: 10px;
color: #b5b5b5;
margin-bottom: 3px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-combobox,
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-dropdown-wrap {
border-radius: 4px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-combobox .k-i-arrow-60-down,
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-dropdown-wrap .k-i-arrow-60-down {
border-width: 4px 4px 0 4px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-combobox .k-input,
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-dropdown-wrap .k-input,
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-combobox .k-select,
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-dropdown-wrap .k-select {
height: 22px;
line-height: 22px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-combobox .k-input,
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-dropdown-wrap .k-input {
padding: 0;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-combobox .k-select,
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .k-dropdown-wrap .k-select {
margin: 0;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .fontFamilyDropdown {
width: 143px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .cssSizeInput {
width: 73px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .multiselectBox {
display: inline-block;
border-style: none;
height: 24px;
vertical-align: top;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .multiselectBox.disabled button:not(.disabled).active {
background-color: #ffffff;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .multiselectBox button {
background-color: #fff;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 1px solid #d5d5d5;
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
margin: 0;
margin-right: -5px;
padding-left: 8px;
padding-right: 8px;
color: #585858;
height: auto;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .multiselectBox button.active {
border-color: #d5d5d5;
background-color: #f9f9f9;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .multiselectBox button.disabled {
color: #999999;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .multiselectBox button:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius-bottomleft: 4px;
-moz-background-clip: padding;
border-bottom-left-radius: 4px;
background-clip: padding-box;
border-right-color: #d5d5d5;
padding-left: 9px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .multiselectBox button:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius-bottomright: 4px;
-moz-background-clip: padding;
border-bottom-right-radius: 4px;
background-clip: padding-box;
border-left-color: #d5d5d5;
margin-right: 0;
padding-right: 9px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .multiselectBox button i.fa {
padding: 0;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .bottomRowOption {
margin-top: 4px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .editTasksButton {
width: 120px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .editElementDropdownButton {
width: 87px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.newMessageContainer {
background-image: url('/ui/images/icons/add_message.png');
background-repeat: no-repeat;
background-position-x: 17px;
background-position-y: 5px;
padding: 37px 0 0 0;
position: relative;
font-size: 13px;
cursor: pointer;
text-align: center;
color: #0095da;
width: 70px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.newMessageContainer .newMessageText {
margin-top: 4px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.newMessageContainer:hover {
color: #1071a8;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection .borderLayoutDropdown.disabled .colorPreviewBox {
background: transparent !important;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.javascriptAndChanges {
padding-right: 9px;
width: 135px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.javascriptAndChanges .javascriptEditorDropdown {
border: none;
width: 100%;
margin-top: 9px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.javascriptAndChanges .javascriptEditorDropdown a.dropdown-div-toggle {
color: #0095da;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.javascriptAndChanges .javascriptEditorDropdown .dropdown-div-content {
width: 450px;
height: 250px;
position: fixed;
max-height: none;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.javascriptAndChanges .javascriptEditorDropdown .dropdown-div-content .ui-resizable-handle.ui-resizable-s {
height: 5px;
bottom: 0px;
}
.htmlElementsToolbar .htmlElementsSectionSet > .htmlElementsSection.javascriptAndChanges .javascriptEditorDropdown .dropdown-div-content > div {
height: 100%;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection h4 {
display: inline-block;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection #button_promote_rules {
background-color: #fff;
color: #585858;
-webkit-box-shadow: 0 0 3px 2px #b5b5b5;
-moz-box-shadow: 0 0 3px 2px #b5b5b5;
box-shadow: 0 0 3px 2px #b5b5b5;
padding: 1px 10px;
margin: 0 10px;
position: relative;
top: 1px;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection #button_promote_rules .fa-cog {
font-size: 18px;
position: relative;
top: -1px;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection .radioGroup {
margin: 0 5px;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection .radioGroup .btn.orientation {
padding-left: 15px;
padding-right: 15px;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection .k-slider {
vertical-align: middle;
margin: 0 5px;
width: 120px;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection .chosen-container {
background-color: #fff;
min-width: 200px !important;
position: relative;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection .chosen-container .chosen-single {
height: 28px;
line-height: 28px;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection #deviceDimensions {
display: inline-block;
position: absolute;
font-size: 11px;
top: 5px;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection .zoomOptionsDropdown {
width: 110px;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection .dynamicContentDropdown {
position: relative;
top: -2px;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection .dynamicContentDropdown .k-link {
line-height: 22px;
}
.htmlElementsToolbar .htmlElementsSectionSet .mobileToolsSection .hideNavigationInScreen {
visibility: hidden;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileMessageTools {
border: none;
line-height: 46px;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileMessageTools h4 {
line-height: normal;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileMessageTools input.ng-invalid-required {
background-color: #fff1eb;
border: 1px solid #dd360b;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileMessageTools .htmlElementBox {
color: #0095da;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileMessageTools .radioGroup {
margin: 0;
text-transform: uppercase;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileMessageTools .radioGroup .btn {
padding-top: 5px;
padding-bottom: 5px;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileMessageTools div {
vertical-align: middle;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools {
position: absolute;
right: 0;
top: 0;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .fa-android,
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .fa-apple,
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .fa-long-arrow-right,
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .fa-long-arrow-up {
font-size: 18px;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .fa-long-arrow-right {
position: absolute;
top: -2px;
left: 12px;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .fa-long-arrow-up {
position: absolute;
left: 7px;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .fa-mobile {
font-size: 26px;
position: relative;
left: 5px;
top: -3px;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .fa-mobile.fa-rotate-90 {
top: 0;
left: 0;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .selection-container {
vertical-align: middle;
margin-right: 25px;
margin-left: 10px;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .selection-container p {
color: #585858;
margin: 0 0 7px 0;
font-weight: bold;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .selection-container .switch {
left: 45px;
border: 2px solid #585858;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .selection-container .switch label:nth-of-type(1) {
left: -39px;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .selection-container .switch input:checked ~ label:nth-of-type(1) {
color: #82c135;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .selection-container .switch input:checked ~ label:nth-of-type(2) {
color: #808080;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .selection-container .switch input ~ :checked ~ label:nth-of-type(1) {
color: #808080;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .selection-container .switch input ~ :checked ~ label:nth-of-type(2) {
color: #82c135;
}
.htmlElementsToolbar .htmlElementsSectionSet #mobileDevicePreviewTools .selection-container .switch .toggle {
background-color: #82c135;
}
.htmlElementsToolbar .dropdown-div-content label {
color: #585858;
font-size: 13px;
}
.htmlElementsToolbar .dropdown-div-content .sp-container {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
}
.htmlElementsToolbar .dropdown-div-content .buttons {
float: right;
}
.htmlElementsToolbar .dropdown-div-content .emptyMessage {
margin: 20px;
font-style: italic;
font-weight: 200;
font-size: 14px;
}
.htmlElementsToolbar .colorDropdownPositionHack {
top: -7px;
}
.htmlElementsToolbar .blockToolbarMessage {
position: absolute;
color: #000000;
background-color: #d5d5d5;
opacity: 0.7;
width: 100%;
z-index: 2;
height: 100%;
font-weight: bold;
text-align: center;
}
.htmlElementsToolbar .blockToolbarMessage:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.toolbarHierarchyBlock {
color: #848484;
font-size: 14px;
height: 25px;
overflow-x: hidden;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.toolbarHierarchyBlock #toolbarHierarchyLeftButton {
position: absolute;
left: 0px;
top: 50px;
z-index: 1;
height: 25px;
border-right: 2px solid #f2f2f2;
}
.toolbarHierarchyBlock #toolbarHierarchyLeftButton i {
font-size: 18px;
padding-left: 4px;
padding-right: 6px;
padding-top: 3px;
vertical-align: middle;
}
.toolbarHierarchyBlock #toolbarHierarchyLeftButton.highlightedNode {
background: #82c135;
cursor: pointer;
color: #fff;
}
.toolbarHierarchyBlock .hierarchySection {
cursor: pointer;
line-height: 19px;
display: inline-block;
padding-left: 4px;
padding-right: 4px;
border-radius: 2px;
}
.toolbarHierarchyBlock #toolbarHierarchyRightButton {
position: absolute;
right: 0px;
top: 50px;
z-index: 1;
height: 25px;
vertical-align: middle;
border-left: 2px solid #f2f2f2;
}
.toolbarHierarchyBlock #toolbarHierarchyRightButton i {
font-size: 18px;
padding-left: 6px;
padding-right: 4px;
padding-top: 3px;
vertical-align: middle;
}
.toolbarHierarchyBlock #toolbarHierarchyRightButton.highlightedNode {
background: #82c135;
cursor: pointer;
color: #fff;
}
.toolbarHierarchyBlock #toolbarHierarchyElements {
position: relative;
top: 0px;
left: 0px;
z-index: 0;
}
.toolbarHierarchyBlock #toolbarHierarchyElements .hierarchySection {
padding-left: 4px;
padding-right: 4px;
padding-top: 3px;
padding-bottom: 3px;
cursor: pointer;
}
.toolbarHierarchyBlock #toolbarHierarchyElements .highlightedNode {
background-color: #82c135;
color: #fff;
}
.toolbarHierarchyBlock #toolbarHierarchyElements .selectedNode {
background-color: #0095da;
color: #fff;
}
.toolbarHierarchyBlock .hierarchyArrow {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 4px;
background: #9d9d9d;
margin: 1px 8px;
/*display: inline-block;
width: 0;
height: 0;
border-left: 16px solid rgb(145, 144, 144);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
margin-left: 10px;
padding-right: 8px;*/
}
.toolbarHierarchyBlock .dropdown-div-toggle {
color: #000000;
}
.toolbarHierarchyBlock .dropdown-div-content label {
color: #585858;
font-size: 13px;
}
.toolbarHierarchyBlock .dropdown-div-content .sp-container {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
}
.toolbarHierarchyBlock .dropdown-div-content .buttons {
float: right;
}
.toolbarHierarchyBlock .dropdown-div-content .emptyMessage {
margin: 20px;
font-style: italic;
font-weight: 200;
font-size: 14px;
}
.campaignMessageSettingsModal .tab-content {
display: none;
}
.campaignMessageSettingsModal .message-settings-tab {
padding: 10px;
border: 1px solid #d5d5d5;
}
.campaignMessageSettingsModal ul.nav.nav-tabs li:first-child {
margin-left: initial;
}
.campaignMessageSettingsModal .modal-dialog {
width: 754px;
}
.campaignMessageSettingsModal .modal-content {
background-color: #fff;
width: 754px;
max-height: 700px;
/*
.row {
margin-bottom: 11px;
margin-top: 11px;
vertical-align: top;
> * {
display: inline-block;
}
> span {
margin-left: 5px;
margin-right: 5px;
}
}
*/
}
.campaignMessageSettingsModal .modal-content .modal-body {
background-color: #f9f9f9;
}
.campaignMessageSettingsModal .modal-content ng-form[name=campaignRuleTypeForm] > * {
vertical-align: top;
}
.campaignMessageSettingsModal .modal-content .sub-section {
margin-bottom: 8px;
}
.campaignMessageSettingsModal .modal-content .sub-header {
color: #585858;
font-size: 13px;
font-weight: bold;
line-height: 30px;
}
.campaignMessageSettingsModal .modal-content a.deleteRule {
color: #b5b5b5;
cursor: pointer;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: 16px;
right: 16px;
}
.campaignMessageSettingsModal .modal-content .campaignRuleRow {
padding: 10px 5px;
position: relative;
}
.campaignMessageSettingsModal .modal-content .campaignRuleRow:not(:first-of-type) {
border-top: 1px solid #b5b5b5;
}
.campaignMessageSettingsModal .modal-content .campaignRuleRow.even {
background-color: #f5f5f5;
}
.campaignMessageSettingsModal .modal-content .campaignRuleRow.odd {
background-color: white;
}
.campaignMessageSettingsModal .modal-content .new-link-action {
margin-top: 5px;
}
.campaignMessageSettingsModal .modal-content .newLink {
margin-left: 11px;
margin-top: 15px;
cursor: pointer;
color: #0095da;
}
.campaignMessageSettingsModal .modal-content .newLink .fa {
color: #0095da;
margin-right: 3px;
}
.campaignMessageSettingsModal .modal-content .newLink:hover {
color: #1071a8;
}
.campaignMessageSettingsModal .modal-content .newLink:hover .fa {
color: #1071a8;
}
.campaignMessageSettingsModal .modal-content .required {
color: #dd360b;
margin-left: 5px;
font-size: 18px;
}
.campaignMessageSettingsModal .modal-content .requiredText {
color: #dd360b;
font-size: 14px;
float: right;
}
.campaignMessageSettingsModal .modal-content .customErrorMessage {
color: #dd360b;
font-size: 14px;
float: left;
}
.campaignMessageSettingsModal .modal-content .row {
margin-top: 10px;
margin-bottom: 14px;
line-height: 200%;
}
.campaignMessageSettingsModal .modal-content .row .description {
font-size: 12px;
line-height: 135%;
}
.campaignMessageSettingsModal .modal-content .row div.description {
margin-top: 7px;
}
.campaignMessageSettingsModal .modal-content .row > div {
margin-left: 16px;
}
.campaignMessageSettingsModal .modal-content .row > div:first-of-type {
margin-left: 0;
}
.campaignMessageSettingsModal .modal-content .row .kendoControlContainment {
display: inline-block;
vertical-align: middle;
}
.campaignMessageSettingsModal .modal-content .row .midsizeChosenSelect {
display: inline-block;
vertical-align: middle;
}
.campaignMessageSettingsModal .modal-content .row .midsizeChosenSelect .chosen-container {
min-width: 200px;
}
.campaignMessageSettingsModal .modal-content .row .wideMultiselect {
display: inline-block;
}
.campaignMessageSettingsModal .modal-content .row .wideMultiselect .chosen-container {
min-width: 300px;
}
.campaignMessageSettingsModal .modal-content .row .singleSelectMultiRow {
height: auto;
vertical-align: middle;
}
.campaignMessageSettingsModal .modal-content .row .optionSubDetail {
margin-top: 8px;
margin-left: 18px;
}
.campaignMessageSettingsModal .modal-content .orientationSelectorTemplate {
width: 150px;
height: 100px;
margin-bottom: 16px;
background-color: #f5f5f5;
border: solid thin #d5d5d5;
}
.campaignMessageSettingsModal .modal-content .orientationSelectorTemplate span {
content: "x";
background-color: #b0d7f4;
}
.campaignMessageSettingsModal .modal-content .orientationSelectorTemplate span.selected {
background-color: #0095da;
}
.campaignMessageSettingsModal .modal-content .orientationSelectorTemplate span:hover {
background-color: #82c135;
}
.campaignMessageSettingsModal .modal-content #popupOrientationSelector {
width: 150px;
height: 100px;
margin-bottom: 16px;
background-color: #f5f5f5;
border: solid thin #d5d5d5;
}
.campaignMessageSettingsModal .modal-content #popupOrientationSelector span {
content: "x";
background-color: #b0d7f4;
}
.campaignMessageSettingsModal .modal-content #popupOrientationSelector span.selected {
background-color: #0095da;
}
.campaignMessageSettingsModal .modal-content #popupOrientationSelector span:hover {
background-color: #82c135;
}
.campaignMessageSettingsModal .modal-content #popupOrientationSelector div {
height: 20px;
margin: 10px 0px;
}
.campaignMessageSettingsModal .modal-content #popupOrientationSelector span {
display: inline-block;
width: 34px;
height: 20px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
margin-left: 0;
margin-right: 12px;
}
.campaignMessageSettingsModal .modal-content #popupOrientationSelector span:first-child {
margin-left: 12px;
}
.campaignMessageSettingsModal .modal-content #infobarOrientationSelector {
width: 150px;
height: 100px;
margin-bottom: 16px;
background-color: #f5f5f5;
border: solid thin #d5d5d5;
}
.campaignMessageSettingsModal .modal-content #infobarOrientationSelector span {
content: "x";
background-color: #b0d7f4;
}
.campaignMessageSettingsModal .modal-content #infobarOrientationSelector span.selected {
background-color: #0095da;
}
.campaignMessageSettingsModal .modal-content #infobarOrientationSelector span:hover {
background-color: #82c135;
}
.campaignMessageSettingsModal .modal-content #infobarOrientationSelector span {
display: block;
width: 150px;
height: 14.28571429px;
}
.campaignMessageSettingsModal .modal-content #infobarOrientationSelector span:first-child {
margin-bottom: 71.42857143px;
}
.campaignMessageSettingsModal .modal-content #changeTemplateLink {
margin-left: 50px;
}
.campaignMessageSettingsModal .modal-content .goalSegmentList {
display: inline-block;
margin: 0 !important;
}
.campaignMessageSettingsModal .modal-content .goalSegmentList + .chosen-container {
margin: 0 3px 0 3px;
}
.campaignMessageSettingsModal .modal-content .negation-options + .chosen-container {
margin: 0 3px 0 3px;
}
.campaignMessageSettingsModal .modal-content #targetInsertionContentEditor {
width: 380px;
height: 140px;
border: 1px solid #bbb;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
margin-bottom: 10px;
}
.campaignMessageSettingsModal .modal-content #targetInsertionContentEditor .ace_gutter-layer {
padding-top: 7px;
}
.campaignMessageSettingsModal .modal-content #targetInsertionContentEditor .ace_gutter-active-line {
margin-top: 7px;
}
.campaignMessageSettingsModal .modal-content #multiMessageDisplayMode {
width: 111px;
}
.campaignMessageSettingsModal .modal-content .options .row > * {
display: inline-block;
}
.campaignMessageSettingsModal .modal-content .options .row > div {
margin-left: 6px;
}
.campaignMessageSettingsModal #promotedContentModal .help-block {
display: none;
color: #dd360b;
}
.campaignMessageSettingsModal #promotedContentModal .has-error .help-block {
display: block;
}
.campaignMessageSettingsModal #promotedContentModal .has-error div.ng-invalid {
border-color: #dd360b;
}
.campaignMessageSettingsModal #promotedContentModal .has-error div.ng-invalid div {
background-color: #fff1eb;
}
.campaignMessageSettingsModal #promotedContentModal .has-error div.ng-invalid:focus {
outline-color: #e77e7e;
}
.campaignMessageSettingsModal #promotedContentModal .has-error div.ng-invalid:active {
outline-color: #e77e7e;
}
.campaignMessageSettingsModal #promotedContentModal #dynamicTab #relatedContentToggle {
margin-top: 5px;
}
.campaignMessageSettingsModal #promotedContentModal #dynamicTab .k-dropdown {
width: 120px;
}
.campaignMessageSettingsModal #promotedContentModal #recommendTab .description {
margin-top: 10px;
}
.campaignMessageSettingsModal #promotedContentModal #recommendTab .description .recipeRow {
margin-top: 5px;
margin-bottom: 5px;
}
.campaignMessageSettingsModal #promotedContentModal #recommendTab .products {
margin-top: 10px;
}
.campaignMessageSettingsModal #promotedContentModal #recommendTab .numericInput {
max-width: 75px;
}
.campaignMessageSettingsModal #promotedContentModal #recommendTab .inputItemActionDropdownWrapper .k-dropdown {
width: 220px;
}
.campaignMessageSettingsModal #promotedContentModal #admcTab .note {
margin-bottom: 15px;
}
.campaignMessageSettingsModal #promotedContentModal #admcTab .queryLabelCell {
vertical-align: middle;
}
.campaignMessageSettingsModal #promotedContentModal .k-content {
padding-top: 0.75em;
padding-bottom: 0.75em;
background-color: #f5f5f5;
}
.campaignMessageSettingsModal #promotedContentModal .k-content .k-item img {
width: auto;
max-height: 100%;
}
.campaignMessageSettingsModal #promotedContentModal .k-content select {
min-width: 116px;
}
.campaignMessageSettingsModal #promotedContentModal .k-content .options {
margin-top: 10px;
border-top-style: solid;
border-top-color: #b5b5b5;
border-top-width: 1px;
padding-top: 10px;
}
.campaignMessageSettingsModal #promotedContentModal .twoCharsInputWidth {
width: 20px;
}
.campaignMessageSettingsModal #promotedContentModal .itemMultiRow {
width: 170px;
}
.campaignMessageSettingsModal #promotedContentModal .itemStatMultiRow {
width: 190px;
}
.campaignMessageSettingsModal #promotedContentModal #dynamicTab .k-menu .k-item > .k-link {
padding: 10px;
}
.campaignMessageSettingsModal #promotedContentModal .selectedContentDescription {
font-style: italic;
min-height: 30px;
margin-bottom: 10px;
}
.campaignMessageSettingsModal #promotedContentModal .k-menu .k-item > .k-link {
padding: 6px 12px;
}
.campaignMessageSettingsModal #promotedContentModal td {
padding: 3px;
}
.campaignMessageSettingsModal .no-recipes {
margin-top: 4px;
}
#mobileNotificationPreview {
width: 100%;
height: 100%;
overflow: auto;
}
#mobileNotificationPreview .statusBar {
position: relative;
margin: 5px 5px 0 5px;
}
#mobileNotificationPreview .statusBar .fa-battery-full {
float: right;
font-size: 16px;
}
#mobileNotificationPreview .statusBar div {
position: absolute;
top: 0;
text-align: center;
width: 100%;
}
#mobileNotificationPreview #notificationMessage {
margin: 10px auto;
width: 100%;
min-height: 44px;
box-sizing: border-box;
background-color: #fff;
position: absolute;
left: 0;
right: 0;
padding: 10px 11px;
font-weight: normal;
text-align: center;
}
#mobileNotificationPreview #notificationMessage h3 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0;
color: #000000;
font-weight: normal;
font-size: 16px;
font-family: "SF SemiBold", "Helvetica Neue", "Helvetica", Arial, Helvetica, sans-serif;
}
#mobileNotificationPreview #notificationMessage p {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 21px;
max-height: 42px;
color: #000000;
font-size: 16px;
font-family: "SF Regular", "Helvetica Neue", "Helvetica", Arial, Helvetica, sans-serif;
}
#mobileNotificationPreview #notificationMessage #mobileButtonsPreview {
margin: 10px auto 0 auto;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 16px;
font-family: "SF Regular", "Helvetica Neue", "Helvetica", Arial, Helvetica, sans-serif;
}
#mobileNotificationPreview #notificationMessage #mobileButtonsPreview .mobileButton {
border-radius: 6px;
min-width: 110px;
max-width: 48%;
background-color: #fff;
color: #000000;
padding: 8px 10px;
min-height: 36px;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
}
#mobileNotificationPreview #notificationMessage #mobileButtonsPreview .mobileButton .text {
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
}
#mobileNotificationPreview #notificationMessage #mobileButtonsPreview #mobileButtonPreview-1 {
margin-left: 10px;
}
#mobileNotificationPreview #notificationMessage .hideBottomMargin {
margin-bottom: 0 !important;
}
#mobileNotificationPreview #notificationMessage .hideTopMargin {
margin-top: 0 !important;
}
#mobileNotificationPreview #notificationMessage .marginTop {
margin-top: 2px !important;
}
#mobileNotificationPreview .deviceWrapper {
margin: 0 auto;
}
#mobileNotificationPreview .deviceFrame {
height: 731px;
width: 362px;
background: #000000;
z-index: 2;
position: relative;
margin: 10px auto;
-webkit-border-radius: 56px;
-webkit-background-clip: padding-box;
-moz-border-radius: 56px;
-moz-background-clip: padding;
border-radius: 56px;
background-clip: padding-box;
-webkit-box-shadow: inset 0 0 0 1px #000000, inset 0 0 1px 3px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 0 0 1px #000000, inset 0 0 1px 3px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 1px #000000, inset 0 0 1px 3px rgba(255, 255, 255, 0.3);
-webkit-transition: -webkit-transform 0.7s;
-webkit-transition-timing-function: ease-in-out;
transition: transform 0.7s;
transition-timing-function: ease-in-out;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
#mobileNotificationPreview .deviceFrame.landscape {
-ms-transform: translate(0%, -10%) rotate(-90deg);
-webkit-transform: translate(0%, -10%) rotate(-90deg);
transform: translate(0%, -10%) rotate(-90deg);
}
#mobileNotificationPreview .deviceFrame.landscape .screenContent {
-ms-transform: translate(50%) rotate(90deg);
-webkit-transform: translate(50%) rotate(90deg);
transform: translate(50%) rotate(90deg);
-ms-transform-origin: left top;
-webkit-transform-origin: left top;
transform-origin: left top;
}
#mobileNotificationPreview .deviceFrame .gradient {
position: absolute;
width: 362px;
height: 731px;
top: 5px;
right: 5px;
border-radius: 53px;
background: -webkit-linear-gradient(-155deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.075) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(-155deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.075) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
overflow: hidden;
z-index: 2;
}
#mobileNotificationPreview .deviceFrame .screen {
width: 320px;
height: 480px;
top: 128px;
z-index: 10;
overflow: hidden;
right: 0;
left: 0;
margin: 0 auto;
position: absolute;
border-radius: 3px;
border: 3px solid #4a4a4a;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
background-image: -webkit-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), -webkit-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-image: -moz-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), -moz-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-image: -o-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), -o-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-image: linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
background-color: #D5D5D5 !important;
}
#mobileNotificationPreview .deviceFrame .screenContent {
width: 300px;
height: 480px;
z-index: 11;
overflow: hidden;
right: 0;
top: 0;
left: 0;
margin: 0 auto;
position: absolute;
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
#mobileNotificationPreview .deviceFrame .screenContent .contentContainer {
width: 100%;
margin: 0 auto;
}
#mobileNotificationPreview .deviceFrame .iPhoneHomeButton {
position: absolute;
width: 70px;
height: 70px;
bottom: 20px;
left: 0;
right: 0;
margin: 0 auto;
overflow: hidden;
z-index: 5;
border-radius: 100px;
-webkit-box-shadow: rgba(255, 255, 255, 0.3) 0 0 0 3px;
-moz-box-shadow: rgba(255, 255, 255, 0.3) 0 0 0 3px;
box-shadow: rgba(255, 255, 255, 0.3) 0 0 0 3px;
}
#mobileNotificationPreview .android #notificationMessage h3 {
font-family: "Roboto Bold", sans-serif;
font-size: 14px;
}
#mobileNotificationPreview .android #notificationMessage p,
#mobileNotificationPreview .android #notificationMessage #mobileButtonsPreview {
font-family: "Roboto", sans-serif;
font-size: 14px;
}
#mobileNotificationPreview .android #notificationMessage #mobileButtonsPreview .mobileButton {
min-width: 48%;
font-size: 14px;
line-height: 20px;
}
#mobileNotificationPreview .android #notificationMessage #mobileButtonsPreview .mobileButton .text {
min-width: 100%;
}
#mobileNotificationPreview .android .deviceFrame {
border-radius: 45px;
-webkit-box-shadow: 0 0 0 1px #e5e5e5, inset 0 0 0 1px #808080, inset 0 0 1px 3px rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 0 0 1px #e5e5e5, inset 0 0 0 1px #808080, inset 0 0 1px 3px rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 1px #e5e5e5, inset 0 0 0 1px #808080, inset 0 0 1px 3px rgba(255, 255, 255, 0.3);
}
#mobileNotificationPreview .android .iPhoneHomeButton {
display: none;
}
#mobileNotificationPreview .android .statusBar div {
text-align: right;
}
#mobileNotificationPreview .android .statusBar .fa {
position: absolute;
float: none;
font-size: 13px;
}
#mobileNotificationPreview .android .statusBar .fa.fa-battery-full {
right: 55px;
}
#mobileNotificationPreview .android .statusBar .fa.fa-wifi {
right: 75px;
}
#mobileNotificationPreview .android .navigationBar {
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
font-size: 26px;
color: #fff;
right: 0;
left: 0;
padding-top: 15px;
padding-bottom: 15px;
}
#mobileNotificationPreview .android .navigationBar .androidNavigation {
width: 55%;
margin-left: auto;
margin-right: auto;
}
#mobileNotificationPreview .android .navigationBar .androidNavigation .triangle {
float: left;
font-size: 28px;
}
#mobileNotificationPreview .android .navigationBar .androidNavigation .fa-circle-o {
vertical-align: bottom;
}
#mobileNotificationPreview .android .navigationBar .androidNavigation .fa-square-o {
float: right;
font-weight: bold;
margin-top: 6px;
}
#mobileNotificationPreview .android .screen .navigationBar {
background-color: #323232;
padding-top: 7px;
padding-bottom: 7px;
}
#mobileNotificationPreview .android .screen .navigationBar .androidNavigation {
width: 300px;
}
#mobileNotificationPreview .ios .navigationBar {
display: none;
}
#mobileSidebar {
margin: 25px;
}
#mobileSidebar .fa-times {
color: #d5d5d5;
cursor: pointer;
}
#mobileSidebar hr {
margin-top: 15px;
}
#mobileSidebar h4 {
display: inline-block;
}
#mobileSidebar .inputGroup {
margin: 5px;
}
#mobileSidebar .inputGroup label {
width: 87px;
display: inline-block;
text-align: right;
margin-right: 2px;
vertical-align: middle;
}
#mobileSidebar .inputGroup input[type="text"],
#mobileSidebar .inputGroup textarea {
min-width: 163px;
width: 63%;
position: relative;
resize: vertical;
height: auto;
vertical-align: middle;
box-sizing: border-box;
}
#mobileSidebar .inputGroup input[type="number"] {
width: 30px;
}
#mobileSidebar .inputGroup .numericTextBox {
max-width: 65px;
}
#mobileSidebar .k-numerictextbox {
width: 60px;
padding-right: 2.5px !important;
}
#mobileSidebar .k-numerictextbox .k-numeric-wrap {
padding-right: 26px !important;
}
#mobileSidebar .k-numerictextbox .k-numeric-wrap:before {
height: 0;
}
#mobileSidebar .k-numerictextbox .k-numeric-wrap span.k-select {
width: 26px;
}
#mobileSidebar .k-numerictextbox .k-numeric-wrap span.k-select > span {
width: 26px;
height: 16px;
}
#mobileSidebar .k-numerictextbox .k-numeric-wrap input[type=text] {
width: 100%;
line-height: 32px;
height: 32px;
box-sizing: border-box;
min-width: 0;
}
#mobileSidebar .bottomRowOption {
margin: 5px 0 10px 89px;
}
#mobileSidebar .radioGroup {
text-transform: uppercase;
font-weight: 600;
}
#mobileSidebar .dropdown-div {
display: inline-block;
}
#mobileSidebar .dropdown-div .sp-container {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#mobileSidebar .dropdown-div.openRight .dropdown-div-content {
right: 0;
left: auto;
}
#mobileSidebar .colorDropdown {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
width: 40px;
}
#mobileSidebar .colorDropdown .htmlElementBox {
width: 30px;
background-color: #fff;
border-radius: 3px;
border: 1px solid #d5d5d5;
padding: 5px;
}
#mobileSidebar .colorDropdown .htmlElementBox .colorPreviewLetter {
font-size: 18px;
}
#mobileSidebar .colorDropdown .icon-hover-highlight {
display: inline-block;
margin-left: 4px;
}
#mobileSidebar .colorDropdown .sp-alpha {
display: none;
}
#mobileSidebar .colorPreviewBox {
display: inline-block;
width: 25px;
height: 21px;
vertical-align: middle;
background-color: #fff;
border: 1px solid #d5d5d5;
}
#mobileSidebar .backgroundColorDropdown {
display: inline-block;
background: white;
border-radius: 3px;
padding: 2px;
border: 1px solid #d5d5d5;
left: -4px;
position: relative;
margin: 0 4px;
width: 85px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
}
#mobileSidebar .backgroundColorDropdown .fa-eyedropper {
position: absolute;
margin: 4px;
right: 0;
}
#mobileSidebar .borderSettings .dropdown-div-content {
right: 0;
left: auto;
}
#mobileSidebar .mainContentSection .colorDropdown .dropdown-div-content {
right: 0;
left: auto;
}
#mobileSidebar .buttonSection .colorDropdown {
margin-left: 0;
}
#mobileSidebar .buttonSection h4 {
margin-left: 5px;
}
#mobileSidebar .buttonSection .dropdown-div-content {
bottom: 100%;
top: auto;
}
#mobileSidebar .interactionSection h4 {
margin-top: 0;
}
#mobileSidebar .plus {
cursor: pointer;
margin-left: 15px;
}
#mobileSidebar .multiselectBox {
display: inline-block;
}
#mobileSidebar .multiselectBox button {
background-color: #fff;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 1px solid #d5d5d5;
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
margin: 0;
margin-right: -5px;
padding-left: 8px;
padding-right: 8px;
color: #585858;
height: auto;
}
#mobileSidebar .multiselectBox button.active {
border-color: #d5d5d5;
background-color: #d5d5d5;
}
#mobileSidebar .multiselectBox button.disabled {
color: #999999;
}
#mobileSidebar .multiselectBox button:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius-bottomleft: 4px;
-moz-background-clip: padding;
border-bottom-left-radius: 4px;
background-clip: padding-box;
border-right-color: #d5d5d5;
padding-left: 9px;
}
#mobileSidebar .multiselectBox button:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius-bottomright: 4px;
-moz-background-clip: padding;
border-bottom-right-radius: 4px;
background-clip: padding-box;
border-left-color: #d5d5d5;
margin-right: 0;
padding-right: 9px;
}
#mobileSidebar .multiselectBox button i.fa {
padding: 0;
}
#mobileSidebar .linkEntireMessage div {
display: inline-block;
position: relative;
}
#mobileSidebar .linkEntireMessage label {
width: auto;
}
#mobileSidebar .linkEntireMessage input[type="checkbox"] {
margin-left: 15px;
}
#mobileSidebar .linkEntireMessage .linkTo {
width: 210px;
margin-left: 30px;
}
#mobileSidebar .linkEntireMessage .fa-cog {
position: absolute;
top: 8px;
right: 6px;
left: auto;
}
.tappableAreasDropdown,
#tappableAreasDropdown-list {
width: 63%;
}
.tappableAreasDropdown .tappableAreaPreview,
#tappableAreasDropdown-list .tappableAreaPreview {
display: inline-block;
width: 47px;
height: 21px;
background: #d5d5d5;
vertical-align: middle;
border-radius: 3px;
margin-right: 10px;
text-indent: 0;
}
.tappableAreasDropdown .tappableAreaPreview.linkEntireMessage,
#tappableAreasDropdown-list .tappableAreaPreview.linkEntireMessage {
background-color: #0095da;
}
.tappableAreasDropdown .tappableAreaPreview.button1,
#tappableAreasDropdown-list .tappableAreaPreview.button1,
.tappableAreasDropdown .tappableAreaPreview.button2,
#tappableAreasDropdown-list .tappableAreaPreview.button2 {
text-align: center;
}
.tappableAreasDropdown .tappableAreaPreview.button1 .button,
#tappableAreasDropdown-list .tappableAreaPreview.button1 .button,
.tappableAreasDropdown .tappableAreaPreview.button2 .button,
#tappableAreasDropdown-list .tappableAreaPreview.button2 .button {
background-color: #0095da;
width: 15px;
height: 5px;
display: inline-block;
border-radius: 3px;
margin: 0 2px;
position: relative;
}
.tappableAreasDropdown .tappableAreaPreview.button1 .secondButton,
#tappableAreasDropdown-list .tappableAreaPreview.button1 .secondButton {
display: none;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.campaignPageChangeSettingsModal .modal-content {
width: 754px;
background-color: #fff;
max-height: 698px;
overflow-y: auto;
}
.campaignPageChangeSettingsModal .modal-content .modal-body {
background-color: #f9f9f9;
}
.campaignPageChangeSettingsModal .modal-content .required {
color: #dd360b;
margin-left: 5px;
font-size: 18px;
}
.campaignPageChangeSettingsModal .modal-content .requiredText {
color: #dd360b;
font-size: 14px;
float: right;
}
.campaignPageChangeSettingsModal .modal-content a.deleteRule {
color: #b5b5b5;
cursor: pointer;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: 16px;
right: 16px;
}
.campaignPageChangeSettingsModal .modal-content .actions.newLink {
padding-top: 4px;
cursor: pointer;
color: #0095da;
}
.campaignPageChangeSettingsModal .modal-content .actions.newLink .fa {
color: #0095da;
margin-right: 3px;
}
.campaignPageChangeSettingsModal .modal-content .actions.newLink:hover {
color: #1071a8;
}
.campaignPageChangeSettingsModal .modal-content .actions.newLink:hover .fa {
color: #1071a8;
}
.campaignPageChangeSettingsModal .modal-content .campaignRuleRow {
padding: 10px 5px;
position: relative;
}
.campaignPageChangeSettingsModal .modal-content .campaignRuleRow:not(:first-of-type) {
border-top: 1px solid #b5b5b5;
}
.campaignPageChangeSettingsModal .modal-content .campaignRuleRow.even {
background-color: #f9f9f9;
}
.campaignPageChangeSettingsModal .modal-content .campaignRuleRow.odd {
background-color: white;
}
.campaignPageChangeSettingsModal .modal-content .row {
margin-top: 8px;
margin-bottom: 16px;
line-height: 200%;
}
.campaignPageChangeSettingsModal .modal-content .row .description {
font-size: 12px;
line-height: 135%;
}
.campaignPageChangeSettingsModal .modal-content .row div.description {
margin-top: 7px;
}
.campaignPageChangeSettingsModal .modal-content .row > div {
margin-left: 16px;
}
.campaignPageChangeSettingsModal .modal-content .row .kendoControlContainment {
display: inline-block;
vertical-align: middle;
}
.campaignPageChangeSettingsModal .modal-content .row .midsizeChosenSelect {
display: inline-block;
vertical-align: middle;
}
.campaignPageChangeSettingsModal .modal-content .row .midsizeChosenSelect .chosen-container {
min-width: 200px;
}
.campaignPageChangeSettingsModal .modal-content .row .wideMultiselect {
display: inline-block;
}
.campaignPageChangeSettingsModal .modal-content .row .wideMultiselect .chosen-container {
min-width: 300px;
}
.campaignPageChangeSettingsModal .modal-content .row .singleSelectMultiRow {
height: auto;
vertical-align: middle;
}
.campaignPageChangeSettingsModal .modal-content .row .optionSubDetail {
margin-top: 8px;
margin-left: 18px;
}
.campaignPageChangeSettingsModal .modal-content .rules .statusMessage {
margin-bottom: 10px;
}
.campaignPageChangeSettingsModal .modal-content .negation-options + .chosen-container {
margin: 0 3px 0 3px;
}
.campaignPageChangeSettingsModal .modal-content .options .row > * {
display: inline-block;
}
.campaignPageChangeSettingsModal .modal-content .options .row > div {
margin-left: 6px;
}
.campaignRule {
display: block !important;
}
.campaignRule section {
margin-top: 0;
}
.campaignRule > ng-form {
display: block;
width: 100%;
}
.campaignRule > ng-form:before,
.campaignRule > ng-form:after {
content: " ";
display: table;
}
.campaignRule > ng-form:after {
clear: both;
}
.campaignRule .rule-type {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 200px;
}
.campaignRule .rule-options {
box-sizing: border-box;
padding: 0 35px 0 5px;
width: calc(100% - 200px);
float: right;
}
.campaignRule .align-on-input {
vertical-align: top;
line-height: 30px;
}
.campaignRule .start-spacing {
padding-left: 8px;
padding-bottom: 8px;
}
.campaignRule .rule-description {
padding: 10px 0px 4px 0px;
}
.campaignRule .rule-options-row:not(:first-child) {
margin-top: 4px;
}
.campaignRule .input-label {
vertical-align: top;
line-height: 28px;
}
.campaignRule .chosenDropdownWrapper .chosen-container {
margin: 0;
width: 100% !important;
}
.campaignRule .top-align-children > * {
vertical-align: top;
}
.campaignRule .miles-input {
max-width: 154px;
}
.campaignRule .radioGroup {
vertical-align: top;
}
.campaignRule .btn {
padding: 5px 12px;
}
.campaignRule .egIndustryCodeSearchWrapper {
width: 100%;
}
.campaignRule .egIndustryCodeSearchWrapper .egIndustryCodeSearch {
width: 100%;
height: inherit;
}
.campaignRule input[type="number"]::-webkit-outer-spin-button,
.campaignRule input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.campaignRule input[type="number"] {
-moz-appearance: textfield;
}
.campaignRule .GeoRuleNearLocation .locationDropdownWrapper {
display: inline-block;
}
.campaignRule .GeoRuleNearLocation .k-dropdown-wrap .k-select {
display: none;
}
.campaignRule .GeoRuleNearLocation .milesOf {
width: 40px;
}
.campaignRule .SourceCampaignRule .chosenDropdownWrapper {
width: 370px !important;
display: inline-block;
}
.campaignRule .DeviceTypeCampaignRule .k-multiselect,
.campaignRule .OperatingSystemCampaignRule .k-multiselect,
.campaignRule .BrowserCampaignRule .k-multiselect {
width: 370px;
display: inline-block;
}
.campaignRule .BrowserCampaignRule .show-errors-wrapper {
width: 372px;
}
.campaignRule .PageUrlCampaignRule {
position: relative;
}
.campaignRule .PageUrlCampaignRule .ignore-case-box {
position: absolute;
top: 5px;
right: 3px;
}
.campaignRule .PageUrlCampaignRule .chosen-container.chosen-container-multi {
width: 280px !important;
}
.campaignRule .PageUrlCampaignRule .Contains .chosen-choices {
width: 334px;
}
.campaignRule .PageUrlCampaignRule .DoesNotContain .chosen-choices {
width: 383px;
}
.campaignRule .PageUrlCampaignRule .path-exactly-input {
width: 324px;
}
.campaignRule .GeoRuleCompany .locationDropdownWrapper tags-input .host .tags,
.campaignRule .GeoRuleIsp .locationDropdownWrapper tags-input .host .tags {
min-height: 0;
width: 100%;
}
.campaignRule .GeoRuleCompany .locationDropdownWrapper tags-input .host,
.campaignRule .GeoRuleIsp .locationDropdownWrapper tags-input .host {
width: 100%;
}
.campaignRule .ActionCampaignRule .egItemSearchWrapper {
display: block;
}
.campaignRule .ActionCampaignRule .egItemSearchWrapper .k-multiselect {
width: 100%;
}
.campaignRule .InactivityCampaignRule .k-dropdown {
width: 100px;
}
.campaignRule .MinimumPageScrollCampaignRule .input-xs {
width: 40px;
}
.campaignRule .VisitReferrerCampaignRule input.wide {
width: 286px;
}
.campaignRuleDescription {
display: inline-block;
vertical-align: text-top;
}
.campaignRuleDescription ul {
margin-top: 5px;
margin-bottom: 5px;
}
.campaignRuleDescription section {
display: inline-block;
margin-left: 9px;
line-height: 125%;
}
.campaignRuleDescription section div {
display: inline-block;
}
.campaignRuleDescription section h2,
.campaignRuleDescription section h3 {
width: 170px;
font-size: 14px;
margin: 0;
margin-right: 16px;
padding: 0px;
}
.campaignRuleDescription section header > * {
display: inline-block;
}
.campaignRuleDescription section > span,
.campaignRuleDescription section > div {
margin-left: 3px;
margin-right: 3px;
display: inline;
}
.campaignRuleDescription section > span em,
.campaignRuleDescription section > div em {
color: #666;
font-style: normal;
font-weight: bold;
}
.campaignRuleDescription section > span:first-of-type,
.campaignRuleDescription section > div:first-of-type {
margin-left: 0;
}
.campaignRuleDescription section .k-dropdown {
width: auto;
}
.campaignRuleDescription section .wide {
width: 340px;
}
.campaignRuleDescription .chosenDropdownWrapper {
display: inline-block;
}
.campaignRuleTypeDropdown .rule-type-dropdown {
background-color: white;
width: 200px;
border: #d5d5d5 1px solid;
border-radius: 4px;
box-sizing: border-box;
}
.campaignRuleTypeDropdown .rule-type-dropdown.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-menu {
display: block;
visibility: visible;
left: -1px;
}
.campaignRuleTypeDropdown .rule-type-dropdown:not(.open) > .dropdown-menu {
display: none;
visibility: hidden;
}
.campaignRuleTypeDropdown .rule-type-dropdown.open > .dropdown-menu {
display: block;
visibility: visible;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.campaignRuleTypeDropdown .rule-type-dropdown > .dropdown-menu {
min-width: 200px;
box-sizing: border-box;
}
.campaignRuleTypeDropdown .rule-type-dropdown:not(.open) .dropdown-submenu {
display: none;
}
.campaignRuleTypeDropdown .rule-type-dropdown.open .dropdown-submenu {
display: block;
}
.campaignRuleTypeDropdown .rule-type-dropdown:not(.open):hover {
border-color: #82c135;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-toggle {
display: inline-block;
width: 100%;
box-sizing: border-box;
color: #585858;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-toggle .label {
margin: 0;
box-sizing: border-box;
display: inline-block;
width: calc(100% - 30px);
line-height: 28px;
padding: 0 5px 0 10px;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-toggle .caret-wrapper {
box-sizing: border-box;
display: inline-block;
width: 26px;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-toggle .caret-wrapper .caret {
color: #848484;
margin-left: 6px;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-submenu {
position: relative;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-submenu > .dropdown-menu {
visibility: hidden;
transition: 0.05s .15s;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-submenu:hover > .dropdown-menu {
visibility: visible;
transition: 0.07s .18s;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-submenu > span:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 3px 0 3px 5px;
border-left-color: #848484;
margin-top: 6px;
margin-right: -8px;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-submenu.pull-left {
float: none;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-menu > span > li.rule-item:hover {
background-color: #82c135;
color: white;
background-image: none;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-menu > span > li.submenu-item:hover {
background-color: #efefef;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-menu > span > li.submenu-item:hover.menu-header {
background-color: inherit;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-menu > span > li > a,
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-menu > span > li > span {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-menu > span > li > a.menu-header,
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-menu > span > li > span.menu-header {
padding-left: 10px;
font-size: 12px;
font-weight: bold;
}
.campaignRuleTypeDropdown .rule-type-dropdown .dropdown-menu > span > li > span {
cursor: default;
}
#campaignSetup {
position: absolute;
z-index: 2147483582;
left: 0;
top: 100%;
float: left;
width: 880px;
height: 520px;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
background-color: #fff;
overflow-y: initial;
overflow-x: hidden;
border: 1px solid #848484;
border-top-width: 3px;
border-top-color: #ff9600;
}
#campaignSetup .schedule-button {
margin-left: 11px;
margin-top: 3px;
}
#campaignSetup .rule-description-row:not(:first-child) {
margin-top: 6px;
}
#campaignSetup #campaignSetupWrapper {
display: table;
min-height: 100%;
}
#campaignSetup #campaignSetupWrapper #experiencesGridRules.email tr:last-of-type td:nth-child(2) div:first-child:after {
content: " (Default)";
}
#campaignSetup #campaignSetupWrapper #experiencesGridRules.email tr:last-of-type td:nth-child(2) div:first-child div:after {
content: "";
}
#campaignSetup #campaignSetupWrapper #experiencesGridRules.email tr:first-of-type td:nth-child(2) div:first-child:after {
content: " (Master)";
}
#campaignSetup #campaignSetupWrapper #experiencesGridRules.email tr:first-of-type td:nth-child(2) div:first-child div:after {
content: "";
}
#campaignSetup #campaignSetupWrapper #experiencesGridUserPercentage.email tr:first-of-type td:nth-child(2) div:first-child:after {
content: " (Master)";
}
#campaignSetup #campaignSetupWrapper #experiencesGridUserPercentage.email tr:first-of-type td:nth-child(2) div:first-child div:after {
content: "";
}
#campaignSetup #campaignSetupWrapper > * {
display: inline-block;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs {
display: table-cell;
min-width: 165px;
max-width: 165px;
min-height: 100%;
vertical-align: top;
padding-top: 18px;
padding-bottom: 18px;
background: #efefef;
overflow-y: auto;
overflow-x: hidden;
box-sizing: border-box;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li a {
font-size: 12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li a .fa {
margin-right: 5px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li.topLevelTab a {
text-transform: uppercase;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li.topLevelTab.headerTab a,
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li.topLevelTab.actionTab a {
text-transform: capitalize;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li.nestedTab a {
padding-left: 30px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li.actionTab a {
color: #848484;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li.actionTab a:hover {
color: #fff;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li.headerTab {
cursor: initial;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li.headerTab a {
color: #848484;
pointer-events: none;
cursor: initial;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li.headerTab a:hover {
background-color: transparent;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabs li hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
margin-top: 1px;
margin-bottom: 1px;
}
#campaignSetup #campaignSetupWrapper ng-form[name=campaignRuleTypeForm] > * {
vertical-align: top;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent {
background-color: #fff;
width: 678px;
padding: 18px;
border-left: none;
overflow-x: visible;
overflow-y: initial;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent > section,
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .top > * > section {
margin-top: 0;
margin-bottom: 20px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent > section h3,
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .top > * > section h3 {
margin-top: 6px;
margin-bottom: 12px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .campaignRuleRowInfoBlock {
background: #f5f5f5;
text-align: center;
line-height: 38px;
padding: 5px 0px 12px;
border-radius: 3px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .k-content.k-state-active {
border-top: none;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .k-tabstrip .k-content.k-state-active {
border-right: none;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .google-analytics-settings .campaign-ga-settings {
background: #f5f5f5;
border-radius: 3px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .google-analytics-settings .campaign-ga-settings .btn-group {
margin-bottom: 10px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .google-analytics-settings .campaign-ga-settings label:not(.btn) {
margin: 10px 0;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .google-analytics-settings .campaign-ga-settings label:not(.btn):first-child {
margin-top: 0;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .google-analytics-settings .campaign-ga-settings label.btn {
line-height: initial;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .google-analytics-settings .ga-row {
padding: 10px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .google-analytics-settings .ga-row:not(:first-of-type) {
margin-top: 10px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .google-analytics-settings .ga-campaign-overrides input[type="text"] {
width: 300px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .google-analytics-settings label {
display: block;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .google-analytics-settings label input[type="checkbox"] {
margin-right: 5px;
margin-top: -2px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .google-analytics-settings label input[type="text"] {
display: block;
margin-left: 0px;
margin-top: 4px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .setup-tab-content .settings-section {
margin-bottom: 20px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .setup-tab-content .settings-section h3.section-header {
margin-top: 12px;
margin-bottom: 6px;
}
#campaignSetup #campaignSetupWrapper #campaignSetupTabContent .setup-tab-content .settings-section .section-description {
font-style: italic;
}
#campaignSetup #campaignSetupWrapper .row {
width: 100%;
margin-bottom: 10px;
margin-top: 10px;
}
#campaignSetup #campaignSetupWrapper .row > * {
display: inline-block;
line-height: 30px;
}
#campaignSetup #campaignSetupWrapper .row .statusMessage {
line-height: inherit;
}
#campaignSetup #campaignSetupWrapper .row > span {
margin-left: 5px;
margin-right: 5px;
}
#campaignSetup #campaignSetupWrapper #settings .top {
height: 230px;
}
#campaignSetup #campaignSetupWrapper #settings .newLink {
margin-top: 6px;
}
#campaignSetup #campaignSetupWrapper .top {
width: 100%;
}
#campaignSetup #campaignSetupWrapper .top > .left {
float: left;
width: 254.2px;
}
#campaignSetup #campaignSetupWrapper .top > .left .campaignGoalSection {
margin-bottom: 0px;
}
#campaignSetup #campaignSetupWrapper .top > .left .campaignGoalSection .tooltip {
width: 280px;
}
#campaignSetup #campaignSetupWrapper .top > .left .campaignGoalSection .row {
height: 100px;
}
#campaignSetup #campaignSetupWrapper .top > .left .campaignGoalSection .campaignGoalRow {
margin-bottom: 0px;
}
#campaignSetup #campaignSetupWrapper .top > .left .campaignGoalSection .campaignGoalRow .removeGoalRow {
margin-top: 0px;
margin-bottom: 0px;
}
#campaignSetup #campaignSetupWrapper .top > .left .campaignGoalSection #selectedNonGoalSegmentInfo {
display: inline-block;
line-height: 1em;
position: relative;
top: 5px;
}
#campaignSetup #campaignSetupWrapper .top > .right {
float: right;
width: 388.8px;
}
#campaignSetup #campaignSetupWrapper .goalSegmentList {
width: 100%;
max-width: 222px;
}
#campaignSetup #campaignSetupWrapper .goalSegmentList .chosen-container {
margin-left: 0;
margin-right: 0;
width: 254.2px;
}
#campaignSetup #campaignSetupWrapper .addGoal {
box-sizing: border-box;
width: 100%;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
padding: 20px;
background: #f5f5f5;
text-align: center;
}
#campaignSetup #campaignSetupWrapper .addGoal > div {
margin-bottom: 15px;
}
#campaignSetup #campaignSetupWrapper .removeGoal {
float: right;
margin-top: 5px;
line-height: 15px;
}
#campaignSetup #campaignSetupWrapper .successGauge {
width: 254.2px;
}
#campaignSetup #campaignSetupWrapper .campaignQualificationRules {
margin-bottom: 3px;
}
#campaignSetup #campaignSetupWrapper .k-numerictextbox {
width: 95px;
}
#campaignSetup #campaignSetupWrapper .newLink {
display: inline-block;
margin-left: 11px;
margin-top: 11px;
cursor: pointer;
color: #0095da;
}
#campaignSetup #campaignSetupWrapper .newLink .fa {
color: #0095da;
margin-right: 3px;
}
#campaignSetup #campaignSetupWrapper .newLink:hover {
color: #1071a8;
}
#campaignSetup #campaignSetupWrapper .newLink:hover .fa {
color: #1071a8;
}
#campaignSetup #campaignSetupWrapper #experiences .top {
margin-bottom: 18px;
width: 100%;
}
#campaignSetup #campaignSetupWrapper #experiences .top > .left {
float: left;
width: 422.45px;
}
#campaignSetup #campaignSetupWrapper #experiences .top > .right {
float: right;
width: 220.55px;
height: 100%;
}
#campaignSetup #campaignSetupWrapper #experiences .top > .right > * {
float: right;
display: inline-block;
height: 100%;
vertical-align: bottom;
}
#campaignSetup #campaignSetupWrapper #experiences .top:after {
clear: both;
content: "";
display: table;
position: relative;
}
#campaignSetup #campaignSetupWrapper #experiences .k-grid td {
cursor: default;
position: relative;
}
#campaignSetup #campaignSetupWrapper #experiences table thead th {
background: #f5f5f5;
}
#campaignSetup #campaignSetupWrapper #experiences table tr:last-child td {
overflow: visible;
}
#campaignSetup #campaignSetupWrapper #experiences table tr:last-child td div.tooltip {
margin-left: 25px;
}
#campaignSetup #campaignSetupWrapper #experiences .attributes tr > td {
width: auto;
vertical-align: middle;
}
#campaignSetup #campaignSetupWrapper #experiences .gridFooter {
margin-top: 18px;
width: 100%;
overflow: hidden;
}
#campaignSetup #campaignSetupWrapper #experiences .gridFooter .tip {
float: right;
}
#campaignSetup #campaignSetupWrapper #experiences .lock-unlock {
position: relative;
top: -6px;
display: inline-block;
width: 20px;
cursor: pointer;
font-size: 16px;
}
#campaignSetup #campaignSetupWrapper #experiences .lock-unlock:hover {
color: #5b5b5b;
}
#campaignSetup #campaignSetupWrapper #experiences .experienceGroup {
margin-bottom: 20px;
padding-top: 10px;
}
#campaignSetup #campaignSetupWrapper #experiences .experienceGroup .experienceGroupName {
width: 300px;
}
#campaignSetup #campaignSetupWrapper #experiences .experienceGroup > input {
margin-bottom: 10px;
}
#campaignSetup #campaignSetupWrapper #experiences .experienceGroup .right {
float: right;
margin-right: 6px;
}
#campaignSetup #campaignSetupWrapper #experiences hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#campaignSetup #campaignSetupWrapper .randomizeByAccounts input {
margin-bottom: 2px;
}
#campaignSetup #campaignSetupWrapper input.twoDigits {
width: 2em;
}
#campaignSetup #campaignSetupWrapper span.noLeftMargin {
padding-left: 0;
margin-left: 0;
}
#campaignSetup #campaignSetupWrapper .draggable {
display: inline-block;
position: relative;
left: -5px;
padding: 0 5px;
cursor: pointer;
float: left;
margin-bottom: 2px;
}
#campaignSetup #campaignSetupWrapper .draggable .fa-ellipsis-v {
font-size: 1.3em;
margin-right: 1px;
pointer-events: none;
}
#campaignSetup #campaignSetupWrapper .dropTargetHighlight {
background: #d5d5d5;
color: #4a4a4a;
}
#campaignSetup #campaignSetupWrapper .dropTargetOver {
background: #82c135;
color: white;
}
#campaignSetup #campaignSetupWrapper .userPercentageSlider {
width: 170px;
}
#campaignSetup #campaignSetupWrapper .userPercentageSlider.locked .k-slider-selection,
#campaignSetup #campaignSetupWrapper .userPercentageSlider.locked .k-draghandle {
background-color: #1071a8;
border-color: #1071a8;
}
#campaignSetup #campaignSetupWrapper .k-numerictextbox.userPercentageTextbox {
width: 80px;
margin-left: 10px;
vertical-align: top;
}
#campaignSetup #campaignSetupWrapper .rightNote {
font-size: 12px;
margin-left: 5px;
}
#campaignSetup #campaignSetupWrapper .experiencesSectionsPane .text.warning i.fa-exclamation-triangle {
color: #ff9600;
}
#campaignSetup #campaignSetupWrapper #experiencesGridUserPercentage .controlInfoWrapper {
position: relative;
display: inline;
}
#campaignSetup #campaignSetupWrapper radio-group .tooltip {
width: 290px;
z-index: 1031;
}
#campaignSetup #campaignSetupWrapper .sub-section {
margin-bottom: 8px;
}
#campaignSetup #campaignSetupWrapper .sub-header {
color: #585858;
font-size: 13px;
font-weight: bold;
line-height: 30px;
}
#campaignSetup .campaignRuleRow {
position: relative;
margin-top: 0;
padding: 10px 5px;
}
#campaignSetup .campaignRuleRow > * {
display: inline-block;
}
#campaignSetup .campaignRuleRow > span {
margin-left: 5px;
margin-right: 5px;
}
#campaignSetup .campaignRuleRow .ruleSelectorWrapper {
margin-bottom: 0;
}
#campaignSetup .campaignRuleRow a.deleteRule {
color: #b5b5b5;
cursor: pointer;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: 16px;
right: 16px;
}
#campaignSetup .campaignRuleRow.even {
background-color: #f5f5f5;
}
#campaignSetup .campaignRuleRow.odd {
background-color: white;
}
#campaignSetup .k-slider-tooltip {
z-index: 2147483583;
}
#campaignSetup .nav > li > a:focus {
background-color: transparent;
}
#campaignSetup .nav > li > a:hover {
background-color: #82c135;
}
#campaignSetup .nav.nav-pills li.active {
background-color: white;
}
#campaignSetup .nav.nav-pills li.active a:hover {
background-color: white;
}
#campaignSourceEditor {
min-height: 350px !important;
width: 100% !important;
height: 100% !important;
padding: 10px 20px 65px;
box-sizing: border-box;
border-top: 1px solid #9b9b9b;
background: #e5e5e5;
margin-top: 40px;
}
#campaignSourceEditor * {
box-sizing: border-box;
}
#campaignSourceEditor:not(.isVisualEditor).experienceJavascriptView {
padding-bottom: 15px;
}
#campaignSourceEditor.isVisualEditor {
padding: 10px 20px 113px;
}
#campaignSourceEditor.isVisualEditor.messageJavascriptView {
padding-bottom: 92px;
}
#campaignSourceEditor.experienceJavascriptView {
padding-bottom: 60px;
}
#campaignSourceEditor.experienceJavascriptView .sourceEditorAceEditors {
padding-top: 40px;
}
#campaignSourceEditor .toggleTab {
position: absolute;
top: 1px;
left: 0px;
width: 384px;
height: 40px;
background: #fff;
padding-top: 4px;
padding-left: 19px;
cursor: pointer;
font-size: 12px;
font-weight: 500;
color: #0095da;
border-top-right-radius: 5px;
border: 1px solid #9b9b9b;
border-bottom: 0;
z-index: 1;
}
#campaignSourceEditor .toggleTab.open {
width: 425px;
}
#campaignSourceEditor .toggleTab .toggleIcon {
position: relative;
top: -40px;
left: 336px;
padding-top: 16px;
width: 60px;
height: 40px;
}
#campaignSourceEditor .toggleTab .nav.nav-tabs li,
#campaignSourceEditor .toggleTab .nav.nav-pills li {
background-color: transparent;
margin-bottom: -1px;
border-left: 0px;
border-right: 0px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
#campaignSourceEditor .toggleTab .nav.nav-tabs li:not(:first-child),
#campaignSourceEditor .toggleTab .nav.nav-pills li:not(:first-child) {
margin-left: 4px;
}
#campaignSourceEditor .toggleTab .nav.nav-tabs li a,
#campaignSourceEditor .toggleTab .nav.nav-pills li a {
padding-left: 15px;
padding-right: 15px;
padding-top: 7px;
padding-bottom: 8px;
color: #848484;
}
#campaignSourceEditor .toggleTab .nav.nav-tabs li.active,
#campaignSourceEditor .toggleTab .nav.nav-pills li.active {
border-left: 0px;
border-right: 0px;
}
#campaignSourceEditor .toggleTab .nav.nav-tabs li.active a,
#campaignSourceEditor .toggleTab .nav.nav-pills li.active a {
background-color: #e5e5e5;
}
#campaignSourceEditor .toggleTab .nav-tabs li.active {
border-top-style: solid;
border-top-width: 3px;
border-top-color: #e5e5e5;
padding-top: 0px;
}
#campaignSourceEditor .toggleTab .nav > li > a:hover,
#campaignSourceEditor .toggleTab .nav > li > a:focus {
text-decoration: none;
background-color: transparent;
color: #4a4a4a;
}
#campaignSourceEditor .dynamicContentDropdown {
display: inline;
}
#campaignSourceEditor .dynamicContentDropdown .controlWithTopLabel {
padding-left: 10px;
}
#campaignSourceEditor .dynamicContentDropdown .tbLinkButton {
width: 150px;
height: 32px;
line-height: 32px;
}
#campaignSourceEditor .dynamicContentDropdown .tbLinkButton:hover span::after {
color: #fff;
}
#campaignSourceEditor .messageSourceTypeTogglesAndDMC,
#campaignSourceEditor .experienceJavascriptInfo {
display: inline;
}
#campaignSourceEditor .messageNotSelectedAlert {
width: 100%;
height: 100%;
padding-top: 19px;
color: #FFF;
text-align: center;
position: absolute;
top: 0;
left: 0;
display: none;
margin-top: 40px;
z-index: 10;
}
#campaignSourceEditor .messageNotSelectedAlert span {
font-size: 14px;
background: #585858;
padding: 7px 13px;
border-radius: 5px;
}
#campaignSourceEditor .button-separator {
padding: 0px 3px;
color: #c0c0c0;
}
#campaignSourceEditor span.unappliedChanges {
background: #ffeccb;
border: 1px solid #ff9600;
padding: 5px 7px 6px;
border-radius: 3px;
margin-right: 3px;
color: #db7305;
}
#campaignSourceEditor .sourceEditorAceEditors {
padding-top: 10px;
height: 100%;
}
#campaignSourceEditor .htmlAndCssEditor {
height: 100%;
}
#campaignSourceEditor .messageNotSelectedAlert.show {
display: block;
}
#campaignSourceEditor .htmlSourceEditorLeft,
#campaignSourceEditor .htmlSourceEditorRight {
float: left;
width: 50%;
height: 100%;
}
#campaignSourceEditor .htmlSourceEditorLeft {
padding-right: 10px;
}
#campaignSourceEditor .htmlSourceEditorRight {
padding-left: 10px;
}
#campaignSourceEditor .editorTypeLabel {
font-size: 11px;
background: #fff;
padding: 4px 6px;
text-align: center;
border-bottom: 1px solid #efefef;
}
#campaignSourceEditor .editorTypeLabel span {
color: #ff9600;
font-weight: bold;
}
#campaignSourceEditor [class*='col-'] {
float: left;
height: 100%;
}
#campaignSourceEditor .col-left {
width: 60%;
}
#campaignSourceEditor .col-right {
width: 40%;
}
#campaignSourceEditor .topLevelStylesContainer {
padding-left: 20px;
}
#campaignSourceEditor .topLevelStylesContainer h4 {
margin: 0px 0px 5px;
}
#campaignSourceEditor .topLevelStylesContainer .topLevelStylesEditor {
width: 100%;
margin-top: 10px;
min-height: 220px;
}
#campaignSourceEditor .nav-tabs li:first-child {
margin-left: 0px;
}
#campaignSourceEditor .aceDialog,
#campaignSourceEditor .ace_editor {
min-height: 260px;
height: 100%;
width: 100%;
}
#campaignSourceEditor .aceDialog#messageJavascriptContent,
#campaignSourceEditor .ace_editor#messageJavascriptContent {
min-height: 280px;
}
#campaignSourceEditor .button-row {
width: 450px;
height: 28px;
text-align: right;
float: right;
}
#campaignSourceEditor .button-row .smallIconButton {
padding: 7px 12px;
color: #000;
line-height: 28px;
}
#campaignSourceEditor .button-row .smallIconButton.dark {
background: #585858;
color: #fff;
}
#emailCampaignGeneratedContent .modal-header {
background-color: #0095da;
height: 52px;
}
#emailCampaignGeneratedContent .modal-header h2 {
color: #FFFFFF;
-webkit-font-smoothing: antialiased;
}
#emailCampaignGeneratedContent .modal-header h2 a {
float: right;
color: #FFFFFF;
}
#emailCampaignGeneratedContent .modal-header .warningMessage {
font-size: 12px;
margin-top: -10px;
color: #FFFFFF;
}
#emailCampaignGeneratedContent .modal-body {
background-color: #FFFFFF;
}
#emailCampaignGeneratedContent .modal-body .generatedContent {
margin: 0px 20px 40px 20px;
}
#emailCampaignGeneratedContent .modal-body .generatedContent .copyHtml {
float: right;
margin-right: 12px;
margin-bottom: 10px;
font-size: 12px;
}
#emailCampaignGeneratedContent .modal-body .generatedContent textarea {
width: 95%;
height: 200px;
border: 2px solid #d5d5d5;
border-radius: 6px;
background-color: #f9f9f9;
}
#emailCampaignGeneratedContent .modal-body .combinedContent {
margin: 0px 20px 40px 20px;
}
#emailCampaignGeneratedContent .modal-body .combinedContent .copyHtml {
float: right;
margin-right: 12px;
margin-bottom: 10px;
font-size: 12px;
}
#emailCampaignGeneratedContent .modal-body .combinedContent textarea {
width: 95%;
height: 200px;
border: 2px solid #d5d5d5;
border-radius: 6px;
background-color: #f9f9f9;
}
#emailCampaignGeneratedContent .combineBlocksButton {
margin-left: 18px;
}
#emailCampaignGeneratedContent #combinedHtmlContent {
display: none;
}
#emailPreviewContainer {
overflow-y: auto;
height: 100%;
width: 100%;
position: relative;
background-color: #D5D5D5 !important;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNjYmNiY2IiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
background-image: -webkit-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), -webkit-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-image: -moz-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), -moz-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-image: -o-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), -o-linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-image: linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb), linear-gradient(45deg, #cbcbcb 25%, transparent 25%, transparent 75%, #cbcbcb 75%, #cbcbcb);
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
}
#emailPreviewContainer #previewContainer {
height: 100%;
overflow-y: scroll;
}
#emailToolsSidebar {
padding: 16px 0 16px 16px;
margin-left: -464px;
background-color: #f5f5f5;
position: relative;
width: 464px;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
float: left;
box-sizing: border-box;
}
#emailToolsSidebar .blockControls {
padding-right: 16px;
overflow-y: auto;
}
#emailToolsSidebar div.panel-group {
margin-bottom: 5px;
}
#emailToolsSidebar i.fa-exclamation-triangle {
color: #ff9600;
}
#emailToolsSidebar table {
width: 100%;
border-collapse: separate;
border-spacing: 4px;
}
#emailToolsSidebar table tr {
margin-bottom: 4px;
}
#emailToolsSidebar table tr td:nth-child(1) {
text-align: right;
}
#emailToolsSidebar table tr td.blockDimensionsCol {
width: 100px;
}
#emailToolsSidebar table tr td.no-recipes {
padding-top: 4px;
text-align: center;
}
#emailToolsSidebar table tr td.anchorCheckbox {
display: inline-block;
vertical-align: top;
margin: 0px auto;
width: 100%;
padding-top: 5px;
}
#emailToolsSidebar table tr td div.blockTitleText {
padding: 5px 0;
}
#emailToolsSidebar table input[type=text] {
width: 90%;
}
#emailToolsSidebar table .deleteBlockButton {
float: right;
color: #808080;
}
#emailToolsSidebar table .deleteBlockButton:hover {
color: #585858;
}
#emailToolsSidebar table .promotionDropdown {
width: 260px;
}
#emailToolsSidebar table .block-size input {
margin-right: 2px;
}
#emailToolsSidebar table.titleTable td.titleCol {
margin-left: -100px;
margin-top: 7.5px;
display: inline-block;
}
#emailToolsSidebar table.titleTable td.titleCssCol {
margin-left: -100px;
margin-top: 7.5px;
display: inline-block;
}
#emailToolsSidebar table.titleTable tr td input {
margin-left: -9px;
}
#emailToolsSidebar table.titleTable tr td textarea {
margin-left: -9px;
width: 90%;
}
#emailToolsSidebar .block-template td:first-child {
width: 90px;
}
#emailToolsSidebar .warning-msg {
color: #dd360b;
}
#emailToolsSidebar .block-controls {
padding-bottom: 12px;
padding-top: 10px;
margin-bottom: 2px;
}
#emailToolsSidebar .block-controls:not(:last-child) {
border-bottom: 1px solid #b5b5b5;
}
#emailToolsSidebar .block-controls .k-widget:not(.disabled) .k-input.disabled {
color: #585858;
opacity: 1;
}
#emailToolsSidebar .block-controls .block-size input {
width: 60px;
}
#emailToolsSidebar .block-controls .block-size #totalItemsInput {
width: 20%;
}
#emailToolsSidebar .block-controls .itemTemplateDropdown .k-list,
#emailToolsSidebar .block-controls .itemTemplateDropdown .k-dropdown {
width: 100%;
}
#emailToolsSidebar .block-controls textarea {
height: 20px;
width: 90%;
}
#emailToolsSidebar .block-controls:first-child {
margin-top: -10px;
}
#emailToolsSidebar .linkButton.disabled {
background-color: #b5b5b5;
color: #808080;
}
#emailToolsSidebar .generateHtmlWrapper {
padding-bottom: 8px;
border-bottom: 1px solid #b5b5b5;
text-align: center;
}
#emailToolsSidebar .generateHtmlWrapper a {
margin-bottom: 8px;
}
#emailToolsSidebar .addBlockWrapper {
padding-top: 14px;
border-top: 1px solid #b5b5b5;
}
#emailToolsSidebar .addBlockWrapper .newLink {
margin-left: 8px;
}
#emailToolsSidebar .k-numerictextbox {
width: 35%;
padding-right: 2.5px !important;
}
#emailToolsSidebar .k-numerictextbox .k-numeric-wrap {
padding-right: 26px !important;
}
#emailToolsSidebar .k-numerictextbox .k-numeric-wrap input[type=text] {
width: 100%;
line-height: 32px;
height: 32px;
box-sizing: border-box;
}
#emailToolsSidebar .k-numerictextbox .k-numeric-wrap span.k-select {
width: 26px;
}
#emailToolsSidebar .k-numerictextbox .k-numeric-wrap span.k-select > span {
width: 26px;
height: 16px;
}
#emailToolsSidebar .k-numerictextbox .k-numeric-wrap span.k-select > span.k-i-arrow-60-up {
background-position: 0 0px;
}
#emailToolsSidebar .k-numerictextbox .k-numeric-wrap span.k-select > span.k-i-arrow-60-down {
background-position: 0 -33px;
}
#emailToolsSidebar .newLink .fa-plus-square {
margin-left: 3px;
}
#addPromotionModal .addPromotion {
display: table-cell;
}
.email-simulator .search-box-wrapper {
padding: 0 15px;
margin: 15px 0;
}
.email-simulator .search-box-wrapper .label-text {
font-size: 18px;
font-weight: bold;
line-height: 30px;
}
.email-simulator .search-box-wrapper .k-dropdown-wrap {
width: 50%;
}
.email-simulator .preview-pane {
padding: 0 15px;
margin: 15px 0;
}
.email-simulator #emptyUserHint {
margin: auto;
padding: 10px;
max-width: 500px;
border-radius: 4px;
border: 1px solid #c4c4c4;
background-color: #ffffff;
font-size: 14px;
text-align: center;
font-style: italic;
}
.email-simulator .simulator-preview-section {
position: relative;
margin: 20px auto;
}
.email-simulator #simulatorHtmlContent textarea {
width: 95%;
height: 300px;
border: 2px solid #d5d5d5;
border-radius: 6px;
background-color: #f9f9f9;
}
#experienceComponentsGrid .k-grid-norecords {
background: #efefef;
line-height: 40px;
}
#externalCampaignEditor .breadcrumbs {
margin-bottom: 25px;
}
#externalCampaignEditor .breadcrumbs .listIcon {
margin-left: 2px;
margin-right: 0;
}
#externalCampaignEditor h2 {
margin-bottom: 5px;
}
#externalCampaignEditor h3 {
margin-top: 25px;
}
#externalCampaignEditor section {
margin-top: 0;
margin-bottom: 25px;
}
#externalCampaignEditor section h3 {
margin-top: 6px;
margin-bottom: 12px;
}
#externalCampaignEditor .buttons {
float: right;
}
#externalCampaignEditor .buttons a {
margin-left: 10px;
}
#externalCampaignEditor .buttons #locked {
width: 100px;
margin-right: 10px;
}
#externalCampaignEditor .row {
display: table;
vertical-align: top;
min-height: 35px;
margin-top: 10px;
margin-bottom: 10px;
}
#externalCampaignEditor .row > .label {
display: table-cell;
width: 105px;
text-align: right;
padding-right: 9px;
}
#externalCampaignEditor .row > .staticValue {
padding-left: 0;
}
#externalCampaignEditor .row > .staticValue,
#externalCampaignEditor .row > input[type=text],
#externalCampaignEditor .row > textarea {
width: 410px;
}
#externalCampaignEditor .row > .k-dropdown {
margin-left: 8px;
}
#externalCampaignEditor .row > input[type=checkbox] {
margin-left: 8px;
margin-right: 7px;
}
#externalCampaignEditor .row > input.number {
width: 100px;
}
#externalCampaignEditor .row {
width: 100%;
margin-bottom: 11px;
margin-top: 11px;
}
#externalCampaignEditor .row > * {
display: inline-block;
line-height: 30px;
}
#externalCampaignEditor .row > span {
margin-left: 5px;
margin-right: 5px;
}
#externalCampaignEditor #goalSection .goalSegmentList {
width: 360px;
}
#externalCampaignEditor #goalSection .goalSegmentList .chosen-container {
margin-left: 0;
margin-right: 0;
width: 360px;
min-width: 360px !important;
}
#externalCampaignEditor #goalSection .addGoal {
box-sizing: border-box;
width: 100%;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
padding: 20px;
background: #f5f5f5;
text-align: center;
}
#externalCampaignEditor #goalSection .addGoal > div {
margin-bottom: 15px;
}
#externalCampaignEditor #goalSection .removeGoal {
display: inline-block;
margin-left: 20px;
}
#externalCampaignEditor #goalSection .removeGoal a {
color: #848484;
}
#externalCampaignEditor #goalSection #selectedNonGoalSegmentInfo {
margin-left: 20px;
}
#externalCampaignEditor #goalSection #selectedNonGoalSegmentInfo .text.info {
padding-top: 0;
padding-bottom: 0;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#evergageContextMenu {
height: auto !important;
width: 190px !important;
background: transparent !important;
opacity: 0 !important;
padding: 0px !important;
margin: 0px !important;
outline: 0px !important;
border: none !important;
border-top-right-radius: 3px !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
box-shadow: 0px 0px 12px #848484 !important;
font-family: "Helvetica", Arial, Helvetica, sans-serif !important;
font-weight: initial !important;
line-height: initial !important;
z-index: 2147483547 !important;
box-sizing: border-box !important;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
transition: visibility 0.2s, opacity 0.2s ease-in-out !important;
/* Menu sub-list */
/* Menu sub container */
}
#evergageContextMenu.active {
opacity: 1 !important;
}
#evergageContextMenu.menu-state-event-coordinates {
border-top-left-radius: 3px !important;
}
#evergageContextMenu.menu-state-event-coordinates div.evg-context-menu-header {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
#evergageContextMenu.menu-state-event-coordinates div.evg-context-menu-header i.eg-fa,
#evergageContextMenu.menu-state-event-coordinates div.evg-context-menu-header i.fa {
padding-left: 3px !important;
}
#evergageContextMenu div.evg-context-menu-header {
height: 30px !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
background: #82C135 !important;
outline: 0 !important;
border: none !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
cursor: default !important;
font-family: "Helvetica", Arial, Helvetica, sans-serif !important;
line-height: initial !important;
font-weight: initial !important;
box-sizing: border-box !important;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
#evergageContextMenu div.evg-context-menu-header i.eg-fa,
#evergageContextMenu div.evg-context-menu-header i.fa {
color: #FFFFFF !important;
padding-right: 6px !important;
}
#evergageContextMenu div.evg-context-list-group:not(.sub-list) {
border: 1px solid #CACACA !important;
border-radius: none !important;
border-top: 0 !important;
box-sizing: border-box !important;
margin: 0px !important;
padding: 0px !important;
}
#evergageContextMenu a.evg-context-list-group-item {
height: 28px !important;
color: #555 !important;
text-decoration: none !important;
position: relative !important;
display: block !important;
padding: 7px 10px !important;
background-color: #FFFFFF !important;
border-top: 1px solid #DDDDDD !important;
font-size: 12px !important;
transition: background 0.1s ease-in !important;
box-sizing: border-box !important;
font-weight: initial !important;
}
#evergageContextMenu a.evg-context-list-group-item:first-child {
border-top: 0px !important;
}
#evergageContextMenu a.evg-context-list-group-item:hover {
color: #555 !important;
background-color: #ECECEC !important;
text-decoration: none !important;
}
#evergageContextMenu span.evg-context-list-item-icon {
color: #A5A5A5 !important;
float: right !important;
}
#evergageContextMenu div.evg-context-menu-sub-list {
opacity: 0 !important;
height: 0px;
visibility: hidden !important;
display: block !important;
position: absolute !important;
box-shadow: 2px 2px 11px rgba(0, 0, 0, 0.3) !important;
transition: visibility 0.1s, opacity 0.1s ease-in-out !important;
box-sizing: border-box !important;
}
#evergageContextMenu div.evg-context-menu-sub-list.active {
opacity: 1 !important;
height: auto !important;
visibility: visible !important;
}
#evergageContextMenu div.evg-context-menu-sub-list.width-sm {
width: 200px;
}
#evergageContextMenu div.evg-context-menu-sub-list.width-sm.on-right {
left: 190px !important;
}
#evergageContextMenu div.evg-context-menu-sub-list.width-sm.on-left {
left: -200px !important;
}
#evergageContextMenu div.evg-context-menu-sub-list.width-md {
width: 250px;
}
#evergageContextMenu div.evg-context-menu-sub-list.width-md.on-right {
left: 190px !important;
}
#evergageContextMenu div.evg-context-menu-sub-list.width-md.on-left {
left: -250px !important;
}
#evergageContextMenu div.evg-context-menu-sub-list.width-lg {
width: 300px;
}
#evergageContextMenu div.evg-context-menu-sub-list.width-lg.on-right {
left: 190px !important;
}
#evergageContextMenu div.evg-context-menu-sub-list.width-lg.on-left {
left: -300px !important;
}
#evergageContextMenu div.evg-context-menu-sub-list.sub-menu-1 {
top: 0px;
}
#evergageContextMenu div.evg-context-menu-sub-list.sub-menu-2 {
top: 30px;
}
#evergageContextMenu div.evg-context-menu-sub-list.sub-menu-3 {
top: 58px;
}
#evergageContextMenu div.evg-context-menu-sub-list.sub-menu-4 {
top: 86px;
}
#evergageContextMenu div.evg-context-menu-sub-list.sub-menu-5 {
top: 114px;
}
#evergageContextMenu div.evg-context-menu-sub-list.sub-menu-6 {
top: 170px;
}
#evergageContextMenu div.evg-context-menu-sub-list div.evg-context-sub-menu-header {
font-family: "Helvetica", Arial, Helvetica, sans-serif !important;
color: #0095DA !important;
text-transform: capitalize !important;
letter-spacing: .02em !important;
font-size: 13px !important;
font-weight: bold !important;
background: #f5f5f5 !important;
padding: 5px 10px !important;
height: 29px !important;
border-bottom: 1px solid #DDDDDD !important;
border-top: 3px solid #0095DA !important;
box-sizing: border-box !important;
cursor: default !important;
}
#evergageContextMenu div.evg-context-menu-sub-list span.evg-sub-menu-header-icon {
float: right;
}
#evergageContextMenu div.evg-context-menu-sub-list div.evg-context-sub-menu-divider {
height: 1px;
background: #E0E0E0;
}
#evergageContextMenu div.evg-context-menu-sub-list a.evg-context-list-group-item {
height: 28px !important;
color: #555 !important;
text-decoration: none !important;
position: relative !important;
display: block !important;
padding: 7px 10px !important;
background: #fff !important;
border-top: none !important;
font-size: 12px !important;
transition: background 0.1s ease-in !important;
box-sizing: border-box !important;
font-weight: initial !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#evergageContextMenu div.evg-context-menu-sub-list a.evg-context-list-group-item:first-child {
border-top: 0px !important;
}
#evergageContextMenu div.evg-context-menu-sub-list a.evg-context-list-group-item.disabled {
color: #C7C7C7 !important;
opacity: initial !important;
}
#evergageContextMenu div.evg-context-menu-sub-list a.evg-context-list-group-item.disabled:hover {
cursor: not-allowed;
}
#evergageContextMenu div.evg-context-menu-sub-list a.evg-context-list-group-item:not(.disabled):hover {
color: #555 !important;
background: #ECECEC !important;
text-decoration: none !important;
}
#evergageContextMenu div.evg-context-menu-sub-list span.node-name-tag {
font-weight: bold;
background: #E0E0E0;
padding: 3px 6px;
border-radius: 10px;
}
#evergageContextMenu span.tag-name {
font-family: courier;
padding: 0px 3px 0px 3px;
margin-top: 5px;
background: #337AB7;
margin-right: 7px;
border-radius: 4px;
color: #FFFFFF;
float: right;
height: 20px;
line-height: 20px;
font-size: 13px;
}
#evergageContextMenu span.header-copy {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 14px !important;
line-height: 31px !important;
color: #FFF !important;
padding: 0px 8px !important;
text-transform: capitalize !important;
}
#evergageContextMenu span.header-badge {
float: right;
color: #FFF;
background: #519100;
font-size: 12px;
padding: 2px 4px;
border-radius: 10px;
margin: 6px 8px;
}
#evergageContextMenu div.evg-context-menu-sub-editor {
display: none !important;
}
#evergageContextMenu div.evg-context-menu-sub-editor.active {
display: block !important;
position: absolute;
left: 202px;
width: 300px;
height: 300px;
background: #FFF;
border: 1px solid #DDD;
box-shadow: 0px 0px 12px #848484;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.evergageResizeHandle {
background-color: white !important;
border-radius: 6px !important;
border: 1px solid black !important;
width: 8px !important;
height: 8px !important;
padding: 0 0 0 0 !important;
z-index: 2147483547 !important;
}
.evergageResizeHandle.disabled {
background-color: rgba(0, 0, 0, 0) !important;
border: none !important;
cursor: default !important;
color: black;
opacity: 0.5;
line-height: 10px;
font-family: arial;
}
.evergageResizeHandle.disabled:before {
content: "\00D7";
font-size: 15px;
}
.evergageSelected:not(.evergageTextEdit) {
outline: 4px solid #82c135 !important;
outline-offset: -2px !important;
}
.evergageDraggable:not(.evergageTextEdit) {
outline: 4px solid #82c135 !important;
outline-offset: -2px !important;
cursor: -webkit-grab;
cursor: move;
}
.evergageDragging {
cursor: -webkit-grabbing;
}
.evergageTextEdit {
outline-width: 0px !important;
box-shadow: 0px 0px 2px 2px rgba(130, 193, 53, 0.75), inset 0px 0px 2px 2px rgba(130, 193, 53, 0.75) !important;
}
.evergageTextEdit.evergageBlockHover {
box-shadow: 0px 0px 2px 2px rgba(255, 150, 0, 0.75), inset 0px 0px 2px 2px rgba(255, 150, 0, 0.75) !important;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#evergageGearOptionsTooltip {
padding: 0px !important;
padding-top: 4px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 4px !important;
height: 30px !important;
z-index: 2147483547 !important;
font-size: 20px !important;
outline: none !important;
color: #FFF !important;
background-color: #585858 !important;
display: block !important;
border: none !important;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5) !important;
cursor: pointer !important;
border-radius: 4px !important;
vertical-align: initial !important;
box-sizing: border-box;
}
#evergageGearOptionsTooltip.hidden {
display: none !important;
}
#evergageGearOptionsTooltip.messageOptions {
width: 82px;
}
#evergageGearOptionsTooltip.elementOptions {
width: 32px;
}
#evergageGearOptionsTooltip .evergageGearOptionsIcon {
display: inline-block;
text-align: center;
width: 25px;
box-sizing: border-box;
color: #FFFFFF;
font-size: 20px;
}
#evergageGearOptionsTooltip .evergageGearOptionsIcon.messageSettings:hover,
#evergageGearOptionsTooltip .evergageGearOptionsIcon.messageSource:hover,
#evergageGearOptionsTooltip .evergageGearOptionsIcon.elementOptions:hover {
color: #82c135;
}
#evergageGearOptionsTooltip .evergageGearOptionsIcon.deleteMessage:hover {
color: #dd360b;
}
.evergageBlockHover:not(.evergageTextEdit):not(.evergageSelected):not(.evergageDraggable) {
outline: 4px dashed #ff9600 !important;
outline-offset: -2px !important;
transition: none !important;
}
.evergageFieldOrClickHighlighted {
outline: 4px dashed #82c135 !important;
outline-offset: -2px !important;
transition: none !important;
}
.evergageBlockHover.evergageBlockHover.evergageBlockHover {
outline-color: #ff9600 !important;
transition: none !important;
}
.evergage-preview-message.evergage-tooltip.evergage-tooltip-page {
position: relative;
overflow: hidden !important;
min-height: 24px;
}
.evergageUserSelectNone {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.evergage-invisible-message {
opacity: 0.4 !important;
display: none !important;
}
#evergageEditorLabels {
top: 1000px;
left: 2000px;
-webkit-animation-delay: 0s;
-webkit-animation-direction: normal;
-webkit-animation-duration: 0s;
-webkit-animation-fill-mode: none;
-webkit-animation-iteration-count: 1;
-webkit-animation-name: none;
-webkit-animation-play-state: running;
-webkit-animation-timing-function: ease;
-webkit-app-region: no-drag;
-webkit-appearance: none;
-webkit-backface-visibility: visible;
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-border-fit: border;
-webkit-border-horizontal-spacing: 0px;
-webkit-border-image: none;
-webkit-border-vertical-spacing: 0px;
-webkit-box-align: stretch;
-webkit-box-decoration-break: slice;
-webkit-box-direction: normal;
-webkit-box-flex: 0;
-webkit-box-flex-group: 1;
-webkit-box-lines: single;
-webkit-box-ordinal-group: 1;
-webkit-box-orient: horizontal;
-webkit-box-pack: start;
-webkit-box-reflect: none;
-webkit-box-shadow: none;
-webkit-clip-path: none;
-webkit-column-break-after: auto;
-webkit-column-break-before: auto;
-webkit-column-break-inside: auto;
-webkit-column-count: auto;
-webkit-column-gap: normal;
-webkit-column-rule-color: #000000;
-webkit-column-rule-style: none;
-webkit-column-rule-width: 0px;
-webkit-column-span: none;
-webkit-column-width: auto;
-webkit-filter: none;
-webkit-font-smoothing: auto;
-webkit-highlight: none;
-webkit-hyphenate-character: auto;
-webkit-line-box-contain: block inline replaced;
-webkit-line-break: auto;
-webkit-line-clamp: none;
-webkit-locale: auto;
-webkit-margin-after-collapse: collapse;
-webkit-margin-before-collapse: collapse;
-webkit-mask-box-image: none;
-webkit-mask-box-image-outset: 0px;
-webkit-mask-box-image-repeat: stretch;
-webkit-mask-box-image-slice: 0 fill;
-webkit-mask-box-image-source: none;
-webkit-mask-box-image-width: auto;
-webkit-mask-clip: border-box;
-webkit-mask-composite: source-over;
-webkit-mask-image: none;
-webkit-mask-origin: border-box;
-webkit-mask-position: 0% 0%;
-webkit-mask-repeat: repeat;
-webkit-mask-size: auto;
-webkit-perspective: none;
-webkit-perspective-origin: 952px 297px;
-webkit-print-color-adjust: economy;
-webkit-rtl-ordering: logical;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);
-webkit-text-combine: none;
-webkit-text-decorations-in-effect: none;
-webkit-text-emphasis-color: #000000;
-webkit-text-emphasis-position: over;
-webkit-text-emphasis-style: none;
-webkit-text-fill-color: initial;
-webkit-text-orientation: vertical-right;
-webkit-text-security: none;
-webkit-text-stroke-color: #000000;
-webkit-text-stroke-width: 0px;
-webkit-transform: none;
-webkit-transform-origin: 952px 297px;
-webkit-transform-style: flat;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-webkit-user-drag: auto;
-webkit-user-modify: read-only;
-webkit-user-select: text;
-webkit-writing-mode: horizontal-tb;
align-content: stretch;
align-items: start;
align-self: start;
alignment-baseline: auto;
backface-visibility: visible;
background-attachment: scroll;
background-blend-mode: normal;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
baseline-shift: baseline;
border-bottom-color: #000000;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: separate;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: #000000;
border-left-style: none;
border-left-width: 0px;
border-right-color: #000000;
border-right-style: none;
border-right-width: 0px;
border-top-color: #000000;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
bottom: auto;
box-shadow: none;
box-sizing: content-box;
buffered-rendering: auto;
caption-side: top;
clear: none;
clip: auto;
clip-path: none;
clip-rule: nonzero;
color: #000000;
color-interpolation: srgb;
color-interpolation-filters: linearrgb;
color-rendering: auto;
cursor: auto;
direction: ltr;
display: initial;
dominant-baseline: auto;
empty-cells: show;
fill: #000000;
fill-opacity: 1;
fill-rule: nonzero;
filter: none;
flex-basis: auto;
flex-direction: row;
flex-grow: 0;
flex-shrink: 1;
flex-wrap: nowrap;
float: none;
flood-color: #000000;
flood-opacity: 1;
font-kerning: auto;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-variant-ligatures: normal;
font-weight: initial;
glyph-orientation-horizontal: 0deg;
glyph-orientation-vertical: auto;
image-rendering: auto;
justify-content: flex-start;
letter-spacing: normal;
lighting-color: #ffffff;
line-height: normal;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin-bottom: initial;
margin-left: initial;
margin-right: initial;
margin-top: initial;
marker-end: none;
marker-mid: none;
marker-start: none;
mask: none;
mask-type: luminance;
max-height: none;
max-width: none;
min-height: 0px;
min-width: 0px;
object-fit: fill;
object-position: 50% 50%;
opacity: 1;
order: 0;
orphans: auto;
outline-color: #000000;
outline-offset: 0px;
outline-style: none;
outline-width: 0px;
overflow-wrap: normal;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
paint-order: fill stroke markers;
perspective: none;
perspective-origin: 952px 297px;
pointer-events: auto;
position: static;
resize: none;
right: auto;
shape-image-threshold: 0;
shape-margin: 0px;
shape-outside: none;
shape-rendering: auto;
speak: normal;
stop-color: #000000;
stop-opacity: 1;
stroke: none;
stroke-dasharray: none;
stroke-dashoffset: 0;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-opacity: 1;
stroke-width: 1;
tab-size: 8;
table-layout: auto;
text-align: start;
text-anchor: start;
text-decoration: none;
text-indent: 0px;
text-overflow: clip;
text-rendering: auto;
text-shadow: none;
text-transform: none;
touch-action: auto;
transform: none;
transform-origin: 952px 297px;
transform-style: flat;
transition-delay: 0s;
transition-duration: 0s;
transition-property: all;
transition-timing-function: ease;
unicode-bidi: normal;
vector-effect: none;
vertical-align: baseline;
visibility: initial;
white-space: normal;
will-change: auto;
word-break: normal;
word-spacing: 0px;
word-wrap: normal;
writing-mode: lr-tb;
z-index: auto;
zoom: 1;
}
/* PowerTip alias */
#evergageEditorLabels {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
cursor: default;
background-color: #ff9600;
background-color: #fd8b03;
border-radius: 4px;
color: #fff;
display: none;
padding: 0px 6px;
position: absolute;
white-space: nowrap;
z-index: 2147483647;
line-height: 32px;
}
#evergageEditorLabels:before {
content: "";
position: absolute;
}
#evergageEditorLabels.n:before,
#evergageEditorLabels.s:before {
border-right: 5px solid transparent;
border-left: 5px solid transparent;
left: 50%;
margin-left: -5px;
}
#evergageEditorLabels.e:before,
#evergageEditorLabels.w:before {
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
margin-top: -5px;
top: 50%;
}
#evergageEditorLabels.n:before {
border-top: 10px solid #ff9600;
border-top: 10px solid #fd8b03;
bottom: -10px;
}
#evergageEditorLabels.e:before {
border-right: 10px solid #ff9600;
border-right: 10px solid #fd8b03;
left: -10px;
}
#evergageEditorLabels.s:before {
border-bottom: 10px solid #ff9600;
border-bottom: 10px solid #fd8b03;
top: -10px;
}
#evergageEditorLabels.w:before {
border-left: 10px solid #ff9600;
border-left: 10px solid #fd8b03;
right: -10px;
}
#evergageEditorLabels.ne:before,
#evergageEditorLabels.se:before {
border-right: 10px solid transparent;
border-left: 0;
left: 10px;
}
#evergageEditorLabels.nw:before,
#evergageEditorLabels.sw:before {
border-left: 10px solid transparent;
border-right: 0;
right: 10px;
}
#evergageEditorLabels.ne:before,
#evergageEditorLabels.nw:before {
border-top: 10px solid #ff9600;
border-top: 10px solid #fd8b03;
bottom: -10px;
}
#evergageEditorLabels.se:before,
#evergageEditorLabels.sw:before {
border-bottom: 10px solid #ff9600;
border-bottom: 10px solid #fd8b03;
top: -10px;
}
#evergageEditorLabels.nw-alt:before,
#evergageEditorLabels.ne-alt:before,
#evergageEditorLabels.sw-alt:before,
#evergageEditorLabels.se-alt:before {
border-top: 6px solid #ff9600;
border-top: 6px solid #fd8b03;
bottom: -6px;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
left: 10px;
}
#evergageEditorLabels.ne-alt:before {
left: auto;
right: 10px;
}
#evergageEditorLabels.sw-alt:before,
#evergageEditorLabels.se-alt:before {
border-top: none;
border-bottom: 10px solid #ff9600;
border-bottom: 10px solid #fd8b03;
bottom: auto;
top: -10px;
}
#evergageEditorLabels.se-alt:before {
left: auto;
right: 10px;
}
#evergageEditorLabels .info-tip-bubble {
font-weight: bold;
background: #ff9600;
color: #FFFFFF;
padding: 3px 6px;
border-radius: 10px;
border: 1px solid #db7305;
}
#evergageEditorLabels .info-tip-bubble.push-right {
margin-left: 6px;
}
#evergageEditorLabels .info-tip-bubble:not(.node-name) {
text-transform: capitalize;
}
#evergageEditorLabels .info-tip-bubble .info-tip-image-icon {
display: initial !important;
width: 14px;
margin-right: 6px;
}
#evergageEditorLabels span:not(:first-of-type) {
padding: 0px 3px;
}
#evergageEditorLabels a.info-tip-btn {
cursor: pointer;
background: #FFFFFF;
color: #ff9600;
padding: 3px 6px;
border-radius: 10px;
border: 1px solid transparent;
text-decoration: none;
}
#evergageEditorLabels a.info-tip-btn:hover {
color: #FFFFFF;
background: #ff9600;
border: 1px solid #FFFFFF;
}
#evergageEditorLabels .info-tip-selector {
cursor: text !important;
-webkit-user-select: initial !important;
-khtml-user-select: initial !important;
-moz-user-select: initial !important;
-ms-user-select: initial !important;
user-select: initial !important;
}
html[evergagevisualeditorloading] body {
position: initial !important;
}
.sourceEditorKeymapModal .modal-content {
max-height: 270px;
}
#sourceEditorKeymapModal .col-left,
#sourceEditorKeymapModal .col-right {
width: 50%;
float: left;
}
#sourceEditorKeymapModal .table td {
line-height: 13px;
}
#sourceEditorKeymapModal .table th,
#sourceEditorKeymapModal .table td {
padding: 5px;
}
#sourceEditorKeymapModal .table thead tr th {
text-align: left;
}
#sourceEditorKeymapModal .table-bordered > thead > tr > th,
#sourceEditorKeymapModal .table-bordered > tbody > tr > th,
#sourceEditorKeymapModal .table-bordered > tfoot > tr > th,
#sourceEditorKeymapModal .table-bordered > thead > tr > td,
#sourceEditorKeymapModal .table-bordered > tbody > tr > td,
#sourceEditorKeymapModal .table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
#sourceEditorKeymapModal .table-bordered > thead > tr > th,
#sourceEditorKeymapModal .table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
#sourceEditorKeymapModal .modal-body {
padding: 10px;
}
#sourceEditorKeymapModal .modal-footer {
border: 0;
clear: both;
}
.structuredDataGridEditor {
height: 100%;
margin-left: 15px;
margin-right: 15px;
}
.structuredDataGridEditor .dataRow {
margin: 20px 0;
display: inline-block;
width: 100%;
}
.structuredDataGridEditor .dataRow h3 {
margin-top: 30px;
margin-bottom: 0;
}
.structuredDataGridEditor .dataRow input[type=text] {
width: 170px;
margin: 10px 5px;
margin-left: 0;
}
.structuredDataGridEditor .dataRow textarea {
width: 50%;
max-width: 600px;
height: 20px;
margin: 10px 5px;
}
.structuredDataGridEditor .dataRow a {
text-align: right;
margin: 10px 5px;
}
.structuredDataGridEditor #structuredDataGrid {
border-top: 1px solid #d5d5d5;
}
.structuredDataGridEditor #structuredDataGrid .k-grid-toolbar {
padding-left: 0;
}
.structuredDataGridEditor #structuredDataGrid input {
height: 30px;
}
.structuredDataGridEditor #structuredDataGrid .k-button {
text-transform: uppercase;
}
.structuredDataGridEditor #structuredDataGrid .k-button:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #fff;
}
.structuredDataGridEditor #structuredDataGrid .k-button .k-icon {
display: none;
}
.structuredDataGridEditor #structuredDataGrid textarea {
width: 97%;
max-width: 97%;
resize: both;
}
.structuredDataGridEditor #structuredDataGrid .dropdownButton {
width: 135px;
}
.structuredDataGridEditor .readOnly td {
cursor: default;
}
.structuredDataGridEditor .readOnly .k-grid-toolbar {
padding: 0;
}
/*
* Copyright (C) 2010-2013 Evergage, Inc.
* All rights reserved.
*/
.templateSelectorModal .modal-dialog {
width: 800px;
}
.templateSelectorModal .modal-content {
max-height: 574px;
overflow-y: auto;
}
#templateSelectorModal .modal-dialog {
padding-top: 0px;
padding-bottom: 0px;
}
#templateSelectorModal .modal-body {
padding: 0px;
}
#templateSelectorModal h4 {
padding: 0px;
margin: 0px;
}
#templateSelectorModal .leftPane {
float: left;
width: 150px;
padding: 10px;
}
#templateSelectorModal .leftPane ul {
padding: 0px 0px 0px 10px;
margin-top: 4px;
}
#templateSelectorModal .leftPane li {
list-style-type: none;
display: block;
}
#templateSelectorModal .leftPane a {
border-radius: 4px;
padding: 3px;
border-style: solid;
border-width: 1px;
border-color: rgba(0, 0, 0, 0);
margin-bottom: 1px;
display: inline-block;
width: 100%;
box-sizing: border-box;
}
#templateSelectorModal .leftPane a:hover {
background-color: #82c135;
border-color: #82c135;
}
#templateSelectorModal .leftPane a.active {
color: #ffffff;
background-color: #0095da;
border-color: #0095da;
}
#templateSelectorModal .mainPreviewList {
overflow: scroll;
border-left: 1px dotted grey;
min-height: 400px;
height: 400px;
padding: 10px;
}
#templateSelectorModal .mainPreviewList .evergage-tooltip {
pointer-events: none;
}
#templateSelectorModal .mainPreviewList .templatePreviewContainer {
min-width: 202px;
min-height: 1px;
padding: 5px;
margin-bottom: 20px;
zoom: 0.9;
cursor: pointer;
display: table;
}
#templateSelectorModal .mainPreviewList .templatePreviewContainer:hover {
-webkit-box-shadow: inset 0 0 6px 3px rgba(252, 211, 8, 0.6), 0 0 6px 3px rgba(252, 211, 8, 0.6);
-moz-box-shadow: inset 0 0 6px 3px rgba(252, 211, 8, 0.6), 0 0 6px 3px rgba(252, 211, 8, 0.6);
box-shadow: inset 0 0 6px 3px rgba(252, 211, 8, 0.6), 0 0 6px 3px rgba(252, 211, 8, 0.6);
}
#templateSelectorModal .mainPreviewList .templatePreviewContainer.selected,
#templateSelectorModal .mainPreviewList .templatePreviewContainer.selected:hover {
-webkit-box-shadow: inset 0 0 6px 3px rgba(54, 147, 31, 0.6), 0 0 6px 3px rgba(54, 147, 31, 0.6);
-moz-box-shadow: inset 0 0 6px 3px rgba(54, 147, 31, 0.6), 0 0 6px 3px rgba(54, 147, 31, 0.6);
box-shadow: inset 0 0 6px 3px rgba(54, 147, 31, 0.6), 0 0 6px 3px rgba(54, 147, 31, 0.6);
}
#templateSelectorModal .mainPreviewList .infobar {
display: block;
}
#templateSelectorModal .modal-footer {
clear: both;
position: relative;
height: 20px;
}
#templateSelectorModal .modal-footer .footer-left {
position: absolute;
left: 10px;
}
#templateSelectorModal .modal-footer .footer-right {
position: absolute;
right: 10px;
}
#templateSelectorModal #noTemplateButton {
margin-right: 30px;
}
.backgroundDropdown {
width: 140px;
border: none;
}
.backgroundDropdown .dropdown-div-content {
width: 302px;
}
.backgroundDropdown .dropdown-div-content .sp-picker-container {
margin-bottom: -300px;
}
.backgroundDropdown .dropdown-div-content .nav > li > a {
padding: 6px 8px;
}
.backgroundDropdown .dropdown-div-content .gradientPreviewAndSelector {
vertical-align: top;
margin-top: 10px;
margin-bottom: 4px;
margin-left: 8px;
margin-right: 8px;
}
.backgroundDropdown .dropdown-div-content .gradientPreviewAndSelector .colorWithAlpha {
position: relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.backgroundDropdown .dropdown-div-content .gradientPreviewAndSelector .colorWithAlphaInner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.backgroundDropdown .dropdown-div-content .gradientPreviewAndSelector .gradientHandle {
width: 14px;
height: 14px;
border: #b5b5b5 dotted 1px;
box-sizing: border-box;
cursor: pointer;
}
.backgroundDropdown .dropdown-div-content .gradientPreviewAndSelector .gradientHandle.active {
outline: #0095da auto 5px;
border-color: #6ad0ff;
}
.backgroundDropdown .dropdown-div-content .gradientPreviewAndSelector .gradientHandle:hover {
outline: #82c135 auto 5px;
border-color: #c6e5a0;
}
.backgroundDropdown .dropdown-div-content .gradientPreviewAndSelector .gradientHandles {
position: relative;
height: 14px;
}
.backgroundDropdown .dropdown-div-content .gradientPreviewAndSelector .gradient_0 {
position: absolute;
left: 0;
}
.backgroundDropdown .dropdown-div-content .gradientPreviewAndSelector .gradient_1 {
position: absolute;
right: 0;
}
.backgroundDropdown .dropdown-div-content .gradientPreviewAndSelector .gradientPreview {
height: 24px;
margin: 6px 7px;
}
.backgroundDropdown .dropdown-div-content .gradientOptions {
margin-top: 0;
margin-bottom: 10px;
}
.backgroundDropdown .dropdown-div-content .gradientOptions .tabbable {
display: inline-block;
}
.backgroundDropdown .dropdown-div-content .imageTabContent .backgroundImageUrl {
width: 284px;
margin-left: 0;
}
.backgroundDropdown .dropdown-div-content .imageTabContent .backgroundPositionButtons {
width: 300px;
background-color: #f5f5f5;
border: solid thin #d5d5d5;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
}
.backgroundDropdown .dropdown-div-content .imageTabContent .backgroundPositionButtons table {
width: 303px;
margin-top: 4px;
}
.backgroundDropdown .dropdown-div-content .imageTabContent .backgroundPositionButtons table td {
text-align: center;
}
.backgroundDropdown .dropdown-div-content .imageTabContent .backgroundPositionButtons table td button {
height: 26px;
line-height: 12px;
min-width: 66px;
padding: 0;
padding-left: 12px;
padding-right: 12px;
margin: 4px;
}
.borderLayoutDropdown {
width: 108px;
}
.borderLayoutDropdown .border-layout-content {
position: relative;
width: 450px;
height: 320px;
}
.borderLayoutDropdown .border-layout-content .css-width-input .k-numeric-wrap {
border-width: 2px;
}
.borderLayoutDropdown .border-layout-content .css-width-input .k-numeric-wrap.k-state-default {
border-color: #0095da;
}
.borderLayoutDropdown .border-layout-content .css-width-input .k-numeric-wrap.k-state-hover {
border-color: #0095da;
}
.borderLayoutDropdown .border-layout-content .css-radius-input .k-numeric-wrap {
border-width: 2px;
}
.borderLayoutDropdown .border-layout-content .css-radius-input .k-numeric-wrap.k-state-default {
border-color: #82c135;
}
.borderLayoutDropdown .border-layout-content .css-radius-input .k-numeric-wrap.k-state-hover {
border-color: #82c135;
}
.borderLayoutDropdown .border-layout-content .css-width-input.k-numerictextbox,
.borderLayoutDropdown .border-layout-content .css-radius-input.k-numerictextbox {
width: 77px;
}
.borderLayoutDropdown .border-layout-content .css-width-input.k-numerictextbox .k-numeric-wrap,
.borderLayoutDropdown .border-layout-content .css-radius-input.k-numerictextbox .k-numeric-wrap {
width: 44px;
}
.borderLayoutDropdown .border-layout-content .css-width-input.k-numerictextbox .k-numeric-wrap input,
.borderLayoutDropdown .border-layout-content .css-radius-input.k-numerictextbox .k-numeric-wrap input {
font-size: 12px;
}
.borderLayoutDropdown .border-layout-content .aspect-selector {
position: relative;
width: 260px;
height: 145px;
margin: 40px auto;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-selection-box {
position: absolute;
box-sizing: border-box;
background-color: white;
cursor: pointer;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-selection-box.hover {
background-color: #82c135;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-selection-box.selected {
background-color: #0095da;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-selection-box .selector-name {
color: black;
font-size: 10px;
line-height: 1;
margin-left: 5px;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .margin-selector {
width: 260px;
height: 145px;
top: 0px;
left: 0px;
border: dashed 1px #848484;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .border-selector {
width: 220px;
height: 105px;
top: 19px;
left: 19px;
background-color: #efefef;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .padding-selector {
width: 180px;
height: 65px;
top: 19px;
left: 19px;
background-color: white;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .content-selector {
width: 140px;
height: 25px;
top: 19px;
left: 19px;
background-color: #efefef;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay {
position: absolute;
width: 430px;
height: 225px;
top: -40px;
left: -85px;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .k-state-hover > .k-select {
border-color: #d1d1d1;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .k-numeric-wrap.k-state-hover {
background-color: white;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .css-width-input-wrapper {
position: absolute;
display: inline-block;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .css-width-input-wrapper.top-width-input {
top: 0px;
left: 176px;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .css-width-input-wrapper.right-width-input {
top: 96px;
right: 0px;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .css-width-input-wrapper.bottom-width-input {
bottom: 0px;
left: 176px;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .css-width-input-wrapper.left-width-input {
top: 96px;
left: 0px;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .css-radius-input-wrapper {
position: absolute;
display: inline-block;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .css-radius-input-wrapper.top-right-radius-input {
top: 8px;
right: 8px;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .css-radius-input-wrapper.bottom-right-radius-input {
bottom: 8px;
right: 8px;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .css-radius-input-wrapper.bottom-left-radius-input {
bottom: 8px;
left: 8px;
}
.borderLayoutDropdown .border-layout-content .aspect-selector .aspect-control-overlay .css-radius-input-wrapper.top-left-radius-input {
top: 8px;
left: 8px;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container {
margin-top: 55px;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container.short {
margin-top: 0px;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .link-unlink {
text-align: center;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .link-unlink .btn {
font-size: 10px;
margin: 5px 0 3px 0;
padding: 3px 6px;
height: 22px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .link-unlink .btn .fa {
font-size: 12px;
line-height: 1;
vertical-align: middle;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .link-unlink .explanation {
font-size: 11px;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .link-unlink .half-width {
width: 50%;
float: left;
padding: 0 10px;
box-sizing: border-box;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .label {
font-weight: bold;
font-size: 14px;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .label.width-label {
color: #0095da;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .label.radius-label {
color: #82c135;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .content-controls {
text-align: center;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .content-controls .content-width-input > div {
display: inline-block;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .content-controls .content-width-input .width-label {
margin-bottom: 3px;
}
.borderLayoutDropdown .border-layout-content .aspect-control-container .color-picker-wrapper {
text-align: center;
margin-top: 15px;
}
.borderLayoutDropdown .border-color-content {
position: relative;
width: 450px;
height: 300px;
}
.elementEditorModal:focus {
outline: none;
}
.elementEditorModal .label {
line-height: 30px;
white-space: nowrap;
}
.elementEditorModal .help-container {
margin-left: 12px;
}
.elementEditorModal .help-block {
display: none;
color: #dd360b;
margin-bottom: 0;
}
.elementEditorModal .fullSizeInput {
width: 100%;
}
.elementEditorModal .form-group.has-error .help-block {
display: block;
}
.elementEditorModal .form-group.has-error tags-input.ng-invalid .tags,
.elementEditorModal .form-group.has-error input.ng-invalid {
border-color: #dd360b;
background-color: #fff1eb;
}
.elementEditorModal .form-group.has-error tags-input.ng-invalid .tags:focus,
.elementEditorModal .form-group.has-error input.ng-invalid:focus {
outline-color: #e77e7e;
}
.elementEditorModal .form-group.has-error tags-input.ng-invalid .tags:active,
.elementEditorModal .form-group.has-error input.ng-invalid:active {
outline-color: #e77e7e;
}
.elementEditorModal tr {
margin-bottom: 4px;
}
.elementEditorModal form.ng-dirty input.ng-invalid,
.elementEditorModal form.ng-dirty select.ng-invalid,
.elementEditorModal form.ng-dirty textarea.ng-invalid {
border-color: #d5d5d5;
background-color: white;
}
.elementEditorModal form.ng-dirty input.ng-invalid:focus,
.elementEditorModal form.ng-dirty select.ng-invalid:focus,
.elementEditorModal form.ng-dirty textarea.ng-invalid:focus {
outline-color: #82c135;
}
.elementEditorModal form.ng-dirty input.ng-invalid:active,
.elementEditorModal form.ng-dirty select.ng-invalid:active,
.elementEditorModal form.ng-dirty textarea.ng-invalid:active {
outline-color: #82c135;
}
.elementEditorModal .linkForm {
width: 100%;
}
.elementEditorModal .tab-content {
margin: 10px 40px 10px 20px;
}
.elementEditorModal .tab-content table {
width: 100%;
}
.elementEditorModal .tab-content table input[type="text"] {
margin-left: 0px;
margin-right: 0px;
}
.elementEditorModal .tab-content table td {
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px;
}
.elementEditorModal .tab-content table td:first-child {
text-align: right;
width: 150px;
}
.elementEditorModal .tab-content table td:last-child > * {
box-sizing: border-box;
width: 100%;
}
.elementEditorModal .tab-content table td:last-child > input {
height: 30px;
}
.elementEditorModal .tab-content table .k-combobox input {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.elementEditorModal .required {
color: #dd360b;
padding-left: 1px;
}
.elementEditorModal .requiredText {
color: #dd360b;
font-size: 14px;
float: right;
}
.elementEditorModal .modal-dialog .modal-content .modal-header h3 {
display: inline;
color: #585858;
}
.elementEditorModal .modal-dialog .modal-content :focus {
outline: thin dotted;
}
.elementEditorModal .modal-dialog .modal-content .form {
position: relative;
}
.elementEditorModal .modal-dialog .modal-content .form table {
border-collapse: collapse;
}
.elementEditorModal .modal-dialog .modal-content .form td {
vertical-align: top;
padding-top: 3px;
padding-bottom: 6px;
}
.elementEditorModal tags-input .host {
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 0px;
border: none;
}
.elementEditorModal tags-input .host .tags {
border-radius: 3px;
border: 1px solid #d1d1d1;
height: 68px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.experienceChangesDropdown {
width: 100%;
height: 17px;
}
.experienceChangesDropdown .dropdown-div-toggle {
font-weight: bold;
padding-left: 8px;
}
.experienceChangesDropdown .dropdown-div-toggle .icon-hover-highlight {
display: inline;
right: 8px;
position: absolute;
top: 0px;
}
.experienceChangesDropdown .newChangeAlert {
color: #ff9600;
font-weight: bold;
}
.experienceChangesDropdown .dropdown-div-content {
padding: 0px;
max-height: 250px;
margin-top: 7px;
max-width: 400px;
}
.experienceChangesDropdown .dropdown-div-content h4 {
margin: 15px 10px;
}
.experienceChangesDropdown .dropdown-div-content .k-grid td {
padding: 5px;
text-overflow: ellipsis;
max-width: 60px;
}
.experienceChangesDropdown .dropdown-div-content .k-grid td:first-child {
padding-left: 7px;
}
.experienceChangesDropdown .dropdown-div-content .k-grid td:last-child {
text-align: right;
}
.experienceChangesDropdown .dropdown-div-content .k-grid table {
table-layout: fixed;
}
.experienceChangesDropdown .dropdown-div-content .k-grid table .pageChangeLocation,
.experienceChangesDropdown .dropdown-div-content .k-grid table .messageLocation {
white-space: nowrap;
word-break: break-word;
max-width: 150px;
text-overflow: ellipsis;
}
.experienceChangesDropdown .dropdown-div-content .k-grid table .fa-gear:hover,
.experienceChangesDropdown .dropdown-div-content .k-grid table .fa-code:hover {
color: #fff;
}
.experienceChangesDropdown .dropdown-div-content .k-grid table tr:hover {
background-color: #82c135;
color: #fff;
}
.experienceChangesDropdown .dropdown-div-content .k-grid-header .k-header:first-child {
padding-left: 7px;
}
.colorDropdown {
border: none;
}
.colorDropdown .colorPreviewLetter {
text-decoration: underline;
font-family: "Times New Roman, Times, serif";
font-size: 16px;
line-height: 18px;
}
.colorDropdown .dropdown-div-content {
width: 199px;
}
.colorDropdown .dropdown-div-content .sp-picker-container {
margin-bottom: -300px;
}
.cssNodeEditorDropdown {
border: none;
display: inline-block;
}
.cssNodeEditorDropdown a.dropdown-div-toggle {
color: #0095da;
}
.cssNodeEditorDropdown .dropdown-div-content {
width: 350px;
}
.cssNodeEditorDropdown .dropdown-div-content textarea {
height: 250px;
width: 330px;
}
.dynamicContentDropdown {
width: 97px;
border: none;
margin-top: 4px;
}
.dynamicContentDropdown .menuWrapper > .k-menu > .k-item {
border-style: none;
}
.dynamicContentDropdown .menuWrapper > .k-menu > .k-item > .k-link {
padding: 0.25em;
font-weight: bold;
font-size: 12px;
}
.dynamicContentDropdown .menuWrapper .icon-hover-highlight {
margin-left: 3px;
}
.dynamicContentDropdown .menuWrapper .k-group .k-animation-container {
max-height: 300px;
}
.dynamicContentDropdown .menuWrapper .k-group .k-animation-container .k-menu-group {
height: 100%;
}
.dynamicContentDropdown .menuWrapper span.k-icon.k-i-arrow-60-down {
background-image: none;
visibility: hidden;
}
.dynamicContentDropdown .menuWrapper .fa.fa-plus {
position: relative;
right: -15px;
padding-right: 4px;
}
.dynamicContentDropdown .menuWrapper > .k-header > .k-state-hover {
border-color: #82c135;
}
.formPropertiesDropdown .dropdown-div-content {
width: 330px;
}
.formPropertiesDropdown .dropdown-div-content .header {
font-weight: bold;
margin-bottom: 16px;
}
.formPropertiesDropdown .dropdown-div-content .input-group {
margin-bottom: 8px;
float: right;
}
.formPropertiesDropdown .dropdown-div-content input {
vertical-align: baseline;
max-width: 172px;
height: 14px;
}
.formPropertiesDropdown .dropdown-div-content .label {
color: #848484;
}
.formPropertiesDropdown .dropdown-div-content tags-input .host {
width: 190px;
margin-top: 0px;
margin-bottom: 0px;
border-radius: 0px;
border: none;
}
.formPropertiesDropdown .dropdown-div-content tags-input .host .tags {
border-radius: 3px;
border: 1px solid #d1d1d1;
height: 68px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.formPropertiesDropdown .dropdown-div-content tags-input[name="inputValues"]:before {
content: "Option Values:";
position: relative;
top: -30px;
left: -9px;
}
.formPropertiesDropdown .dropdown-div-content .actionNameBox {
max-width: 190px;
}
.formPropertiesDropdown .dropdown-div-content .customFieldNote {
padding-bottom: 7px;
margin-left: 10px;
}
.formPropertiesDropdown .dropdown-div-content .messageCloseOptions {
float: left;
}
.gridSizeSelector .table-icon {
font-size: larger;
position: relative;
top: 2px;
}
.gridSizeSelector .selectorPopup {
background: #fff;
border: 1px solid #d5d5d5;
border-radius: 4px;
position: absolute;
}
.gridSizeSelector .selectionDisplay {
text-align: center;
margin-bottom: 8px;
}
.gridSizeSelector .grid {
width: 140px;
height: 140px;
background: #fff;
position: relative;
padding: 2px;
margin: 10px;
}
.gridSizeSelector .grid {
border: 1px solid #d5d5d5;
}
.gridSizeSelector .grid .square {
border: 1px solid #d5d5d5;
}
.gridSizeSelector .grid .illegal {
background: rgba(254, 237, 233, 0.25);
}
.gridSizeSelector .grid .active {
background: rgba(176, 215, 244, 0.5);
}
.imagePropertiesDropdown .dropdown-div-content {
width: 330px;
}
.imagePropertiesDropdown .dropdown-div-content .dropdown-alert {
margin-bottom: 6px;
}
.imagePropertiesDropdown .dropdown-div-content .dropdown-div-sub-header {
padding: 5px 0px;
margin-top: -5px;
}
.imagePropertiesDropdown .dropdown-div-content .dropdown-div-sub-header > span {
color: #0095da;
font-size: 14px;
font-weight: bold;
}
.imagePropertiesDropdown .dropdown-div-content .input-group:not(:last-child) {
margin-bottom: 10px;
}
.imagePropertiesDropdown .dropdown-div-content input[type=text] {
width: 311px;
margin: 0 !important;
}
.imagePropertiesDropdown .dropdown-div-content .actionNameBox {
width: 329px;
}
.imagePropertiesDropdown .dropdown-div-content .actionNameBox input.k-input,
.imagePropertiesDropdown .dropdown-div-content .actionNameBox span.k-select {
height: 28px !important;
line-height: 26px !important;
}
.imagePropertiesDropdown .dropdown-div-content .label {
color: #848484;
}
.imagePropertiesDropdown .dropdown-div-content .backgroundPositionButtons {
background-color: #f5f5f5;
border: solid thin #d5d5d5;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
}
.imagePropertiesDropdown .dropdown-div-content .backgroundPositionButtons table {
width: 303px;
margin-top: 4px;
}
.imagePropertiesDropdown .dropdown-div-content .backgroundPositionButtons table td {
text-align: center;
}
.imagePropertiesDropdown .dropdown-div-content .backgroundPositionButtons table td button {
height: 26px;
line-height: 12px;
min-width: 66px;
padding: 0;
padding-left: 12px;
padding-right: 12px;
margin: 4px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.insertElementDropdown {
width: 121px;
border: none;
}
.insertElementDropdown .dropdown-div-content {
width: 130px;
padding-left: 0px;
padding-right: 0px;
}
.itemBlockPropertiesDropdown .dropdown-div-content {
padding: 18px;
overflow: visible;
}
.itemBlockPropertiesDropdown .dropdown-div-content .label {
color: #848484;
font-weight: bold;
padding-top: 7.5px;
padding-bottom: 2.5px;
margin-left: 1px;
}
.itemBlockPropertiesDropdown .in-page,
.itemBlockPropertiesDropdown .gridSizeContainer {
margin-bottom: 7px;
}
.itemBlockPropertiesDropdown div.gridSizeContainer {
display: flex;
justify-content: space-between;
width: 100%;
}
.itemBlockPropertiesDropdown div.gridSizeContainer input {
width: 55px;
height: 100%;
padding-left: 1px;
margin: 0px !important;
}
.itemBlockPropertiesDropdown div.gridSizeContainer div#spacingLabel {
line-height: 25px;
margin-left: -25px;
}
.itemBlockPropertiesDropdown .itemCountRow .control {
width: 45px;
height: 22px;
padding-left: 1px;
margin: 0px !important;
}
.itemBlockPropertiesDropdown span.max {
padding-left: 19px !important;
}
.itemBlockPropertiesDropdown span.min {
padding-left: 0.5px !important;
}
.itemBlockPropertiesDropdown #gridSizeContainer {
display: flex;
justify-content: space-between;
}
.itemBlockPropertiesDropdown #layoutAndSpacingLabels {
display: flex;
}
.itemBlockPropertiesDropdown #layoutAndSpacingLabels #spacingHeader {
margin-left: 48px;
}
.javascriptEditor {
height: 100%;
border: 1px solid #b5b5b5;
border-radius: 3px;
}
.javascriptEditor .ace_print-margin {
display: none;
}
.linkPropertiesDropdown .dropdown-div-content {
width: 330px;
}
.linkPropertiesDropdown .dropdown-div-content .dropdown-alert {
margin-bottom: 6px;
}
.linkPropertiesDropdown .dropdown-div-content .dropdown-div-sub-header {
padding: 5px 0px;
margin-top: -5px;
}
.linkPropertiesDropdown .dropdown-div-content .dropdown-div-sub-header > span {
color: #0095da;
font-size: 14px;
font-weight: bold;
}
.linkPropertiesDropdown .dropdown-div-content .input-group:not(:last-child) {
margin-bottom: 10px;
}
.linkPropertiesDropdown .dropdown-div-content input[type=text] {
width: 311px;
margin: 0px 0px;
}
.linkPropertiesDropdown .dropdown-div-content .actionNameBox {
width: 329px;
}
.linkPropertiesDropdown .dropdown-div-content .actionNameBox input.k-input,
.linkPropertiesDropdown .dropdown-div-content .actionNameBox span.k-select {
height: 28px !important;
line-height: 26px !important;
}
.linkPropertiesDropdown .dropdown-div-content .label {
color: #848484;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
#catalog .selectionAndDetailTwoPaneCombo {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
}
#catalog .selectionAndDetailTwoPaneCombo .leftSelectionPane {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}
#catalog .selectionAndDetailTwoPaneCombo .selectedDetailPane {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
}
.userItemSummary .row {
width: 100%;
margin-bottom: 10px;
padding: 7px;
box-sizing: border-box;
}
.userItemSummary .row.grey {
background-color: #f9f9f9;
}
.userItemSummary .row.prop > * {
display: inline-block;
}
.userItemSummary .fa-usd {
margin-right: 5px;
color: white;
background-color: #82c135;
padding: 3px 6px;
border-radius: 20px;
}
.userItemSummary .fa-user {
margin-right: 5px;
}
.userItemSummary .fa-star-o {
margin-left: 5px;
color: #585858;
}
.userItemSummary .fa-favorite {
margin-left: 5px;
color: #fde96e;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #b98243;
}
.userItemSummary .nickname {
width: 220px;
}
.userItemSummaryv2 {
max-width: 450px;
}
.userItemSummaryv2 .affinityBarGraph .topItems {
width: 400px;
margin-left: 15px;
}
.userItemSummaryv2 .affinityBarGraph .itemInfo .itemName {
color: #000000;
}
.userItemSummaryv2 .affinityBarGraph .itemInfo .count {
color: #d5d5d5;
}
.userItemSummaryv2 .affinityBarGraph .barContainer {
height: 14px;
width: 100%;
background-color: #b5b5b5;
}
.userItemSummaryv2 .affinityBarGraph .barContainer .bar {
height: 100%;
}
#itemTemplateEdit .buttonRow {
margin-bottom: 0;
}
#itemTemplateEdit .buttonRow h1 {
float: left;
}
#itemTemplateEdit .buttonRow .docsLink {
font-weight: normal;
font-size: 75%;
margin-left: 10px;
}
#itemTemplateEdit .state.published {
color: #519100;
}
#itemTemplateEdit .state.failed {
color: #dd360b;
}
#itemTemplateEdit .publish-button {
margin-right: 20px;
}
#itemTemplateEdit .itemTemplatePreviewSection {
border-left: 1px solid #d5d5d5;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 0;
width: 35%;
margin-left: 20px;
display: table-cell;
vertical-align: middle;
}
#itemTemplateEdit .itemTemplatePreviewSection #centerPreviewDiv {
max-width: 100%;
max-height: 100%;
overflow: auto;
bottom: 60px;
display: table-cell;
margin: 0 auto;
width: 50%;
vertical-align: middle;
}
#itemTemplateEdit .itemTemplatePreviewSection #centerPreviewDiv iframe#browserRenderedPreviewImage {
border: #d5d5d5 dashed 2px;
}
#itemTemplateEdit .itemTemplatePreviewSection #emailPreviewDiv {
margin-top: 15px;
}
#itemTemplateEdit .itemTemplatePreviewSection #emailPreviewDiv img {
display: block;
margin: auto;
border: 2px dashed #d5d5d5;
}
#itemTemplateEdit .itemTemplatePreviewSection #emailPreviewDiv span {
color: #dd360b;
}
#itemTemplateEdit .flex-container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
#itemTemplateEdit .flex-container #editor-left-pane {
width: 65%;
}
#itemTemplateEdit table {
border-collapse: separate;
border-spacing: 6px 4px;
}
#itemTemplateEdit table td:first-child {
text-align: right;
}
#itemTemplateEdit table #stateRow {
height: 30px;
}
#itemTemplateEdit .itemTypeDropdownWrapper,
#itemTemplateEdit .dynamicContentDropdown {
display: inline-block;
}
#itemTemplateEdit .dynamicContentDropdown {
margin-top: 0;
vertical-align: middle;
}
#itemTemplateEdit .dynamic-content-input {
margin-top: 16px;
margin-left: 4px;
float: right;
}
#itemTemplateEdit .name-input {
width: 300px;
}
#itemTemplateEdit .width-input input,
#itemTemplateEdit .height-input input {
width: 70px;
}
#itemTemplateEdit .height-input {
margin-left: 18px;
}
#itemTemplateEdit .height-input-box,
#itemTemplateEdit .width-input-box {
margin-left: 4px;
}
#itemTemplateEdit .dynamic-content-header h3 {
display: inline-block;
}
#itemTemplateEdit .ace_editor {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 360px;
border: 1px solid #b5b5b5;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
margin: 0;
}
#itemTemplateEdit .ace_editor[readonly="true"],
#itemTemplateEdit .ace_editor[readonly="readonly"] {
background-color: #f9f9f9;
}
#itemTemplateEdit .ace_editor[readonly="true"] .ace_active-line,
#itemTemplateEdit .ace_editor[readonly="readonly"] .ace_active-line,
#itemTemplateEdit .ace_editor[readonly="true"] .ace_gutter-active-line,
#itemTemplateEdit .ace_editor[readonly="readonly"] .ace_gutter-active-line,
#itemTemplateEdit .ace_editor[readonly="true"] .ace_selection,
#itemTemplateEdit .ace_editor[readonly="readonly"] .ace_selection,
#itemTemplateEdit .ace_editor[readonly="true"] .ace_cursor,
#itemTemplateEdit .ace_editor[readonly="readonly"] .ace_cursor {
opacity: 0;
}
#itemTemplateEdit .egItemSearchWrapper {
margin-bottom: 15px;
}
#itemTemplateList .state-summary {
margin-top: 20px;
}
#itemTemplateList .templateName {
font-size: 22px;
margin-bottom: 18px;
}
#itemTemplateList .buttonRow {
padding-right: 0;
margin-left: 18px;
margin-right: 18px;
}
#itemTemplateList .secondaryActionsButtonRow > .actionButtonSequence > .smallIconButton {
margin-right: 3px;
}
#itemTemplateList #itemTemplatePreviewImage > img {
display: block;
margin: auto;
max-width: 95%;
border: #d5d5d5 dashed 2px;
}
#itemTemplateList .k-tabstrip .k-tabstrip-items {
border-bottom: solid 1px #d5d5d5;
}
#itemTemplateList .k-tabstrip .k-content {
border-style: none;
}
#itemTemplateList .state.published {
color: #519100;
}
#itemTemplateList .state.failed {
color: #dd360b;
}
#itemTemplateList span.state-summary {
margin: 5px;
}
#itemTemplateList span.state-summary h3 {
display: inline;
}
#itemTemplateList span.state-summary div {
display: inline;
}
#itemTemplateList #browserRenderedPreviewImage {
display: block;
margin: auto;
max-width: 95%;
border: #d5d5d5 dashed 2px;
overflow: hidden;
}
#itemTemplateList #superuserOnly {
margin-top: 20px;
}
#itemTemplateList #superuserOnly .superuser {
text-align: center;
}
#itemTemplateList #superuserOnly .superuser h3 {
text-align: left;
}
#itemTemplateList #superuserOnly .superuser div#rendered {
text-align: left;
font-size: 1.25em;
margin-bottom: 10px;
margin-top: 5px;
}
#itemTemplateList #stateCell span {
margin: 0;
}
#productDetail .productSummary {
display: inline-block;
width: 350px;
vertical-align: top;
}
#productDetail .productSummary .header {
font-size: 18px;
}
#productDetail .productSummary .imageAndDesc img {
max-width: 200px;
max-height: 200px;
}
#productDetail .productSummary .propLabel {
font-weight: bold;
width: 60px;
text-align: right;
padding-right: 12px;
}
#productDetail .graphSection {
width: 400px;
height: 200px;
display: inline-block;
}
#productDetail #purchasedWithProducts img {
max-width: 100px;
max-height: 100px;
}
#productDetail .awesomeTable {
width: 100%;
}
#productDetail .awesomeTable .header {
width: 100%;
background-color: #efefef;
margin-bottom: 1px;
padding-bottom: 6px;
padding-top: 6px;
}
#productDetail .awesomeTable .header .title.cell {
font-weight: bold;
margin-left: 10px;
display: table-cell;
}
#productDetail .awesomeTable .body {
display: table;
border-spacing: 0 2px;
border-collapse: separate;
width: 100%;
}
#productDetail .awesomeTable .row {
width: 100%;
display: table-row;
background-color: #f5f5f5;
}
#productDetail .awesomeTable .row .cell {
display: table-cell;
padding: 8px;
vertical-align: middle;
height: 100%;
font-size: 16px;
}
#productDetail .awesomeTable .row img {
width: 96px;
max-width: 96px;
display: table-cell;
border: 10px;
}
#productDetail .awesomeTable .row .image {
width: 96px;
max-width: 96px;
display: table-cell;
border: 10px;
}
#productDetail .awesomeTable .row .productDetailCell {
height: 100%;
display: inline-table;
padding: 8px;
}
#productDetail .awesomeTable .row .productDetailCell .bottomRow {
display: table-row;
vertical-align: bottom;
}
#productDetail .awesomeTable .row .productDetailCell .bottomCell {
display: table-cell;
vertical-align: bottom;
}
#productDetail .awesomeTable .productName {
font-size: 16px;
color: #0095da;
}
#productDetail .awesomeTable .categoryText {
color: #0095da;
}
#productDetail .fa-external-link {
margin-left: 6px;
}
.ingredient {
position: relative;
}
.ingredient .ingredientWrapper {
background-color: #efefef;
width: 333px;
min-width: 333px;
max-width: 333px;
padding: 10px;
box-sizing: border-box;
}
.ingredient .ingredientWrapper .defaultLabel {
min-width: 125px;
width: 125px;
display: inline-block;
}
.ingredient .ingredientWrapper .header {
position: relative;
height: 30px;
}
.ingredient .ingredientWrapper .header .title {
font-size: 14px;
color: #585858;
font-weight: bold;
}
.ingredient .ingredientWrapper .commonControls label {
min-width: 125px;
width: 125px;
display: inline-block;
}
.ingredient .ingredientWrapper .commonControls .weightSlider {
height: 30px;
margin-top: 10px;
}
.ingredient .ingredientWrapper .commonControls .weightSlider label {
min-width: 65px;
width: 65px;
display: inline-block;
position: relative;
top: -10px;
}
.ingredient .ingredientWrapper .commonControls .useInCartAnchorItem label {
width: 10px;
}
.ingredient .ingredientWrapper .commonControls .useInCartAnchorItem .anchorType {
width: 100px;
}
.ingredient .ingredientWrapper .ingredientControls label {
min-width: 125px;
width: 125px;
display: inline-block;
}
.ingredient .ingredientWrapper .ingredientControls .trendingStatType {
height: 60px;
}
.ingredient .ingredientWrapper .ingredientControls .trendingStatType div {
float: left;
}
.ingredient .ingredientWrapper .ingredientControls .trendingStatType label {
line-height: 1.3;
float: right;
width: 175px;
}
.ingredient .ingredientWrapper .ingredientControls .smartBundleItemTypeToMatchDropdown {
width: 101px;
}
.ingredient .ingredientWrapper .ingredientControls .trackByParentCategories {
width: 200px;
margin-top: 5px;
}
.ingredient .ingredientWrapper .row {
margin-bottom: 10px;
}
.ingredientsTab {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}
.ingredientsTab .ingredientWrapper {
margin-bottom: 10px;
position: relative;
}
.ingredientsTab .ingredientWrapper:hover .buttons a.delete {
visibility: visible;
}
.ingredientsTab .ingredientWrapper .buttons {
position: absolute;
top: 5px;
right: 5px;
font-size: 18px;
z-index: 10;
}
.ingredientsTab .ingredientWrapper .buttons a {
margin-left: 20px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ingredientsTab .ingredientWrapper .buttons a.delete {
position: absolute;
right: 20px;
}
.ingredientsTab .ingredientWrapper .buttons a.delete:hover {
color: #e13e06;
}
.ingredientsTab .outer-ingredients-wrapper {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ingredientsTab .inner-ingredient-wrapper {
overflow-y: auto;
}
.ingredientsTab .sticky-footer {
margin-right: 10px;
padding-top: 15px;
margin-bottom: 58px;
margin-top: 6px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #b5b5b5;
}
.ingredientsTab .addIngredientDropdown {
width: 280px;
}
.ingredientsTab .fallback-config {
padding: 16px 5px 2px 5px;
margin-right: 10px;
background-color: #fff;
}
.ingredientsTab .fallback-config #fallback-enabled {
vertical-align: baseline;
}
.ingredientsTab .fallback-config .lookback {
margin-top: 8px;
margin-left: 18px;
}
.ingredientsTab .normalization-coefficients {
padding: 5px;
}
.ingredientsTab .normalization-coefficients .coefficient {
height: 30px;
}
.ingredientsTab .normalization-coefficients input {
float: right;
margin-right: 55px;
}
.ingredientsTab .normalization-coefficients label {
margin-top: 6px;
float: left;
}
.addIngredientDropdownList .name {
font-weight: bold;
font-size: 14px;
line-height: 1.33;
}
.addIngredientDropdownList .description {
font-size: 12px;
}
.modifiersTab {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}
.modifiersTab .modifiers-wrapper {
overflow-y: scroll;
overflow-y: auto;
}
.modifiersTab .modifier {
margin: 10px 10px 10px 0;
padding: 10px 0 10px 0;
}
.modifiersTab .modifier:not(:last-child) {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #b5b5b5;
}
.modifiersTab .modifier .modifierName {
font-weight: bold;
color: #585858;
}
.modifiersTab .modifier .divider {
margin-left: 7px;
margin-right: 7px;
}
.modifiersTab .modifier.selected {
background: #efefef;
min-height: 175px;
overflow-y: auto;
}
.modifiersTab .modifier.selected .modifierName {
color: #0095da;
}
.modifiersTab .modifier table {
width: 100%;
}
.modifiersTab .modifier .editor {
padding-top: 8px;
}
.modifiersTab .modifier .editor .row {
min-height: 20px;
margin-top: 5px;
margin-bottom: 5px;
}
.modifiersTab .modifier .editor .toggle {
margin: 0;
}
.modifiersTab .modifier .editor .toggle label {
width: auto;
}
.modifiersTab .modifier .editor .priceExclusionTypes label {
width: 95px !important;
}
.modifiersTab .modifier .editor .price-exclusion-units {
margin-top: 3px;
}
.modifiersTab .modifier .editor .itemTypeAsStringDropdown {
width: 110px;
}
.modifiersTab .modifier .editor .commonControls label {
min-width: 125px;
width: 125px;
display: inline-block;
}
.modifiersTab .modifier .editor .commonControls .weightSlider {
height: 30px;
margin-top: 10px;
}
.modifiersTab .modifier .editor .commonControls .weightSlider label {
min-width: 65px;
width: 65px;
display: inline-block;
position: relative;
top: -10px;
}
.modifiersTab .modifier .editor .commonControls .moreInfoIconWrapper {
width: 15px;
top: -10px;
display: inline-block;
position: relative;
}
.modifiersTab .modifier .itemTypeDropdownWrapper .k-dropdown {
width: 100px;
}
.modifiersTab .modifier .itemContextTypeDropdownWrapper .k-dropdown {
width: 150px;
}
.modifiersTab .modifier .egItemSearchWrapper .k-multiselect {
width: 305px;
}
.modifiersTab .actions {
width: 36px;
}
.modifiersTab .actions > div {
float: right;
}
.modifiersTab .actions i {
cursor: pointer;
}
.modifiersTab .addModifierDropdownWrapper {
margin-right: 10px;
padding-top: 15px;
margin-bottom: 58px;
margin-top: 6px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #b5b5b5;
}
.addModifierDropdownList .modifierName {
font-weight: bold;
font-size: 14px;
line-height: 1.33;
}
.addModifierDropdownList .modifierDescription {
font-size: 12px;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
#recipeEditor {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
}
#recipeEditor .control-bar {
height: 30px;
}
#recipeEditor .control-bar .titleAndBreadcrumbs {
float: left;
}
#recipeEditor .control-bar .titleAndBreadcrumbs h1 {
margin: 0px;
vertical-align: middle;
display: inline-block;
}
#recipeEditor .control-bar .recipeName {
margin-left: 40px;
display: inline;
float: left;
}
#recipeEditor .control-bar .recipeName input {
width: 225px;
}
#recipeEditor .control-bar .recommendableItemType {
display: inline-block;
line-height: 30px;
margin-left: 20px;
float: left;
}
#recipeEditor .control-bar .superUserOptions {
display: inline-block;
height: 30px;
margin-left: 30px;
float: left;
}
#recipeEditor .control-bar .liveToggle {
float: right;
margin-right: 50px;
}
#recipeEditor .control-bar .liveToggle .switch-container {
margin-top: 4px;
}
#recipeEditor .control-bar .liveToggle .switch label:nth-of-type(1) {
left: -92px;
}
#recipeEditor .control-bar .cancel {
float: right;
display: inline;
}
#recipeEditor .editView {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
padding-bottom: 27px;
box-sizing: border-box;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#recipeEditor .editView h2,
#recipeEditor .editView h3 {
margin: 0px;
}
#recipeEditor .editView .link:hover {
color: #82c135;
}
#recipeEditor .editView .editViewLhs {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
width: 350px;
min-width: 350px;
}
#recipeEditor .editView .editViewLhs header {
height: 40px;
position: relative;
}
#recipeEditor .editView .editViewLhs header h2 {
display: inline-block;
}
#recipeEditor .editView .editViewLhs .btn-group {
margin-top: 4px;
margin-bottom: 16px;
}
#recipeEditor .editView .editViewLhs .btn-group label {
width: 110px;
box-sizing: border-box;
height: 25px;
border: none;
text-align: left;
padding: 4px 10px;
}
#recipeEditor .editView .editViewLhs .btn-group label .total {
float: right;
}
#recipeEditor .editView .editViewLhs .recipeConfigSection {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
margin-bottom: 50px;
}
#recipeEditor .editView .editViewLhs .ingredientSelector {
margin-bottom: 20px;
}
#recipeEditor .editView .editViewLhs .presets {
margin-top: 10px;
}
#recipeEditor .editView .editViewLhs .presets a {
float: right;
}
#recipeEditor .editView .editViewTestRecipe {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
overflow-y: scroll;
box-sizing: border-box;
-webkit-flex-grow: 2;
flex-grow: 2;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 20px 0 20px;
background-color: #efefef;
min-width: 500px;
margin-bottom: 44px;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter {
position: relative;
padding: 10px;
background-color: white;
margin-bottom: 20px;
-webkit-flex-grow: 0;
flex-grow: 0;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter menu {
position: absolute;
right: 10px;
top: 10px;
margin: 0px;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter menu i {
margin-right: 10px;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter .titleRow {
margin-bottom: 10px;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter h3 {
margin-bottom: 10px;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter .filterRow {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter .filterRow .userFilter {
width: 50%;
padding-right: 10px;
padding-bottom: 12px;
box-sizing: border-box;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter .filterRow .userFilter .userSelected {
margin-top: 10px;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter .filterRow .userFilter .userSelected .row {
margin-bottom: 10px;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter .filterRow .userFilter .userSelected .row .value {
color: #4a4a4a;
font-weight: bold;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter .filterRow .userFilter .userSelected .fa-usd {
margin-right: 5px;
color: white;
background-color: #82c135;
padding: 3px 6px;
border-radius: 20px;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter .filterRow .userFilter .wordCloud {
height: 200px;
}
#recipeEditor .editView .editViewTestRecipe header.titleAndFilter .filterRow .catalogueFilter {
width: 50%;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 12px;
box-sizing: border-box;
}
#recipeEditor .editView .editViewTestRecipe .userSummaryRow {
margin-top: 4px;
}
#recipeEditor .editView .editViewTestRecipe .userSummaryRow .expand-collapse-button {
font-weight: bold;
}
#recipeEditor .editView .editViewTestRecipe .selection-preview {
overflow-y: auto;
}
#recipeEditor .editView .editViewTestRecipe .tall {
height: 50px;
}
#recipeEditor .editView .editViewTestRecipe .short {
height: 28px;
}
#recipeEditor .editView .editViewTestRecipe .left {
float: left;
width: 505px;
}
#recipeEditor .editView .editViewTestRecipe .narrow {
width: 70%;
}
#recipeEditor .editView .editViewTestRecipe .trainingStatus {
width: 100%;
color: #000000;
}
#recipeEditor .editView .editViewTestRecipe .trainingStatus .rightButtonRow {
margin-top: 2px;
margin-bottom: 4px;
text-align: right;
}
#recipeEditor .editView .editViewTestRecipe .trainingStatus p {
margin-top: 0px;
}
#recipeEditor .editView .editViewTestRecipe .trainingStatus .newRecipe {
width: 80px;
}
#recipeEditor .editView .editViewTestRecipe .trainingStatus .willCauseRetrain {
width: 100px;
}
#recipeEditor .editView .editViewTestRecipe .trainingStatus .inTraining {
width: 160px;
}
#recipeEditor .editView .editViewTestRecipe .trainingStatus .finishedTraining {
width: 380px;
}
#recipeEditor .editView .editViewTestRecipe .trainingStatus .trainedAndPublished {
width: 160px;
}
#recipeEditor .editView .editViewTestRecipe .trainingStatus .trainedAndUnpublished {
width: 240px;
}
#recipeEditor .editView .editViewTestRecipe .testResultsContainer {
-webkit-flex-grow: 2;
flex-grow: 2;
box-sizing: border-box;
overflow-y: auto;
background-color: #efefef;
}
#recipeEditor .editView .editViewTestRecipe .testResultsContainer i {
margin-right: 10px;
}
#recipeEditor .editView .editViewTestRecipe .testResultsContainer header {
margin-bottom: 20px;
}
#recipeEditor .editView .editViewTestRecipe .testResultsContainer .fallback-info {
margin-bottom: 12px;
}
#recipeEditor .editView .editViewTestRecipe .testResultsContainer .testResults {
overflow-y: auto;
}
#recipeEditor .editView .editViewTestRecipe .testResultsContainer .testResults .product {
display: inline-block;
margin-bottom: 30px;
margin-right: 20px;
width: 180px;
max-width: 180px;
vertical-align: top;
}
#recipeEditor .editView .editViewTestRecipe .testResultsContainer .testResults .product .imageContainer {
width: 180px;
height: 180px;
text-align: center;
}
#recipeEditor .editView .editViewTestRecipe .testResultsContainer .testResults .product .image {
max-width: 180px;
max-height: 180px;
}
#recipeEditor .editView .editViewTestRecipe .testResultsContainer .testResults .product .name {
color: #4a4a4a;
font-weight: bold;
font-size: 14px;
margin-top: 18px;
margin-bottom: 6px;
}
#recipeEditor .editView .editViewTestRecipe .testResultsContainer .testResults .product .details {
color: #848484;
font-size: 12px;
}
#recipeEditor .recentUser {
margin-top: 9px;
margin-bottom: 9px;
}
/*
* Copyright (C) 2010-2017 Evergage, Inc.
* All rights reserved.
*/
#recipeList .selectionAndDetailTwoPaneCombo {
padding-top: 66px;
padding-bottom: 0px;
}
#recipeList .selectionAndDetailTwoPaneCombo .recipesHeader {
margin-top: -66px;
height: 66px;
padding-left: 18px;
}
#recipeList .selectionAndDetailTwoPaneCombo .recipesHeader h1 {
display: inline-block;
}
#recipeList .selectionAndDetailTwoPaneCombo .recipesHeader .top-action-buttons {
float: right;
padding-right: 20px;
}
#recipeList .selectionAndDetailTwoPaneCombo .recipesHeader h1,
#recipeList .selectionAndDetailTwoPaneCombo .recipesHeader .top-action-buttons {
margin-top: 0px;
margin-bottom: 0px;
line-height: 66px;
}
#recipeList .selectionAndDetailTwoPaneCombo #recipeGrid {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
padding-top: 32px;
padding-bottom: 35px;
}
#recipeList .selectionAndDetailTwoPaneCombo #recipeGrid .k-grid-header {
margin-top: -32px;
height: 32px;
}
#recipeList .selectionAndDetailTwoPaneCombo #recipeGrid .k-grid-content {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
overflow-y: scroll;
}
#recipeList .selectionAndDetailTwoPaneCombo #recipeGrid .k-grid-pager {
margin-bottom: -35px;
height: 35px;
margin-top: 0px;
box-sizing: border-box;
padding-top: 8px;
}
#recipeList .rightPreviewPane .rightPreviewPaneTitle {
margin-bottom: 0;
}
#recipeList .rightPreviewPane .previewSection {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
box-sizing: border-box;
}
#recipeList .rightPreviewPane .previewSection .recipeHistory {
margin-left: auto;
margin-right: auto;
}
#recipeList .rightPreviewPane .previewSection .recipeHistory .audit {
box-sizing: border-box;
border-style: solid;
border-width: 1px;
padding: 5px;
height: 54px;
border-color: #d5d5d5;
width: 100%;
text-align: left;
}
#recipeList .rightPreviewPane .previewSection .recipeHistory .audit.even {
background-color: #f5f5f5;
}
#recipeList .rightPreviewPane .previewSection .recipeHistory .audit.odd {
background-color: #fff;
}
#recipeList .rightPreviewPane .previewSection .recipeHistory .audit .nextLineInfo {
margin-left: 25px;
}
#recipeList .rightPreviewPane .previewSection .recipeHistory .showMoreAuditsButton {
cursor: pointer;
text-align: center;
color: #0095da;
}
#recipeList .fa-exclamation-triangle.error {
color: #dd360b;
}
#recipeList .fa-exclamation-triangle.warning {
color: #ff9600;
}
#recipeList .campaigns .disabled {
color: #999999;
}
#recipeList .campaigns .testing {
color: rgba(221, 54, 11, 0.6);
}
#trainingDiagnosticsPage .dbscanClusterType {
float: left;
margin-left: 25px;
}
#trainingDiagnosticsPage .dbscanClusterType .calculateClusters {
margin-top: 10px;
}
#termDetail #headerChartRow {
height: 275px;
}
#termDetail #headerChartRow .chart {
width: 33.3%;
float: left;
}
#termDetail .awesomeTable {
width: 100%;
}
#termDetail .awesomeTable .header {
width: 100%;
background-color: #efefef;
margin-bottom: 1px;
padding-bottom: 6px;
padding-top: 6px;
}
#termDetail .awesomeTable .header .title.cell {
font-weight: bold;
margin-left: 10px;
display: table-cell;
}
#termDetail .awesomeTable .body {
display: table;
border-spacing: 0 2px;
border-collapse: separate;
width: 100%;
}
#termDetail .awesomeTable .row {
width: 100%;
display: table-row;
background-color: #f5f5f5;
}
#termDetail .awesomeTable .row .cell {
display: table-cell;
padding: 8px;
vertical-align: middle;
height: 100%;
}
#termDetail .awesomeTable .row img {
width: 96px;
max-width: 96px;
display: table-cell;
border: 10px;
}
#termDetail .awesomeTable .row .image {
width: 96px;
max-width: 96px;
display: table-cell;
border: 10px;
}
#termDetail .awesomeTable .row .productDetailCell {
height: 100%;
display: inline-table;
padding: 8px;
}
#termDetail .awesomeTable .row .productDetailCell .bottomRow {
display: table-row;
vertical-align: bottom;
}
#termDetail .awesomeTable .row .productDetailCell .bottomCell {
display: table-cell;
vertical-align: bottom;
}
#termDetail .awesomeTable .productName {
font-size: 16px;
color: #0095da;
}
#termDetail .awesomeTable .categoryText {
color: #0095da;
}
#datasets .nameCell > div {
float: left;
}
#datasets .nameCell .icon {
width: 42px;
padding: 5px;
}
#datasets .nameCell .icon img {
width: 32px;
max-width: 32px;
max-height: 32px;
}
#datasets .nameCell .nameAndDefaultUrl .name {
font-size: 19px;
margin-bottom: 5px;
}
#datasets .nameCell .nameAndDefaultUrl .fa-external-link {
margin-left: 6px;
}
#createDatasetWindow .footer,
#exportEventsWindow .footer {
margin-top: 0px;
text-align: right;
}
#createDatasetWindow .footer .buttons,
#exportEventsWindow .footer .buttons {
display: inline-block;
float: none;
}
#createDatasetWindow .row,
#exportEventsWindow .row {
margin-top: 12px;
margin-bottom: 12px;
}
#createDatasetWindow table.attributes tr td,
#exportEventsWindow table.attributes tr td {
vertical-align: middle;
}
#createDatasetWindow table.attributes tr td label,
#exportEventsWindow table.attributes tr td label {
color: #585858;
font-weight: bold;
}
#createDatasetWindow table.attributes tr td i,
#exportEventsWindow table.attributes tr td i {
vertical-align: middle;
}
#createDatasetWindow table.attributes tr td input[type=checkbox],
#exportEventsWindow table.attributes tr td input[type=checkbox] {
margin-left: 0px;
margin-right: 0px;
}
#createDatasetWindow table.attributes tr td span,
#exportEventsWindow table.attributes tr td span {
margin-left: 0px;
margin-right: 0px;
}
#createDatasetWindow table.attributes tr td .k-datepicker .k-picker-wrap,
#exportEventsWindow table.attributes tr td .k-datepicker .k-picker-wrap {
padding-right: 26px !important;
}
#createDatasetWindow table.attributes tr td .k-datepicker .k-picker-wrap input[kendo-date-picker],
#exportEventsWindow table.attributes tr td .k-datepicker .k-picker-wrap input[kendo-date-picker] {
line-height: 28px;
height: 28px;
}
#createDatasetWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap,
#exportEventsWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap {
padding-right: 26px !important;
}
#createDatasetWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap input[type=text],
#exportEventsWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap input[type=text] {
width: 100%;
line-height: 32px;
height: 32px;
box-sizing: border-box;
}
#createDatasetWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap span.k-select,
#exportEventsWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap span.k-select {
width: 26px;
}
#createDatasetWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap span.k-select > span,
#exportEventsWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap span.k-select > span {
width: 26px;
height: 16px;
}
#createDatasetWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap span.k-select > span.k-i-arrow-60-up,
#exportEventsWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap span.k-select > span.k-i-arrow-60-up {
background-position: 0 0px;
}
#createDatasetWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap span.k-select > span.k-i-arrow-60-down,
#exportEventsWindow table.attributes tr td .k-numerictextbox .k-numeric-wrap span.k-select > span.k-i-arrow-60-down {
background-position: 0 -33px;
}
#createDatasetWindow table.attributes tr td .oneCharInput,
#exportEventsWindow table.attributes tr td .oneCharInput {
width: 10px;
}
#guardianDashboard {
height: 100%;
padding-left: 0;
padding-right: 0;
background-color: #efefef;
}
#guardianDashboard .header {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 12px;
}
#guardianDashboard .header .title {
color: #000000;
font-size: 24px;
}
#guardianDashboard .header .title .guardianIcon {
height: 32px;
vertical-align: top;
margin-top: -2px;
}
#guardianDashboard .k-tabstrip-wrapper {
height: 100%;
}
#guardianDashboard .k-tabstrip-wrapper .k-tabstrip {
height: 100%;
}
#guardianDashboard .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items {
margin-left: 20px;
}
#guardianDashboard .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-item {
background-color: #d5d5d5;
}
#guardianDashboard .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-item.k-state-active {
background-color: #fff;
}
#guardianDashboard .k-tabstrip-wrapper .k-tabstrip .k-content {
border-left-style: none;
border-right-style: none;
border-bottom-style: none;
background-color: #fff;
height: 100%;
padding: 20px;
}
#guardianDashboard .k-tabstrip-wrapper .k-tabstrip .k-content.topicsTab {
padding: 0px 18px 18px 18px;
}
#guardianDashboard .k-tabstrip-wrapper .k-tabstrip .k-content.topicsTab .rightPreviewPane {
padding: 0px 18px 18px 18px;
}
#guardianDashboard .signalsTab .signalContainer {
width: 1230px;
margin: 0 auto;
}
#guardianDashboard .signalsTab .signalContainer .loadingGears {
margin-top: 150px;
}
#guardianDashboard .signalsTab .signalContainer .signalsHeader {
width: 1224px;
height: 40px;
font-size: 18px;
}
#guardianDashboard .signalsTab .signalContainer .signalsHeader .signalToggle {
float: right;
}
#guardianDashboard .signalsTab .signalContainer .signalsHeader .signalToggle .radioGroup {
float: right;
}
#guardianDashboard .signalsTab .signalContainer .signalsHeader .signalToggle .radioGroup label i {
display: none;
}
#guardianDashboard .signalsTab .signalContainer .signalsHeader .signalToggle .radioGroup .btn {
padding: 6px 24px;
}
#guardianDashboard .signalsTab .signalContainer .signalColumns {
width: 1220px;
height: 100%;
padding-top: 20px;
}
#guardianDashboard .signalsTab .signalContainer .signalColumns .signalColumn {
display: inline-block;
box-sizing: border-box;
width: 585px;
}
#guardianDashboard .signalsTab .signalContainer .signalColumns .signalColumn.left {
margin-right: 20px;
}
#guardianDashboard .signalsTab .signalContainer .signalColumns .signalColumn.right {
margin-left: 20px;
}
#guardianDashboard .signalsTab .signalContainer .signalColumns .signalColumn .title {
font-size: 16px;
margin-bottom: 12px;
}
#guardianDashboard .signalsTab .signalContainer .signalColumns .signalColumn .noSignalsMessage {
width: 565px;
height: 50px;
margin-bottom: 10px;
background-color: #efefef;
border-left: 3px solid #9b9b9b;
padding-left: 20px;
padding-top: 25px;
font-size: 18px;
}
#guardianDashboard .topicsTab {
height: 200% !important;
}
#guardianDashboard .topicsTab .loadingGearContainer {
width: 1230px;
margin: 0 auto;
}
#guardianDashboard .topicsTab .loadingGearContainer .loadingGears {
margin-top: 150px;
}
#guardianDashboard .topicsTab .internalTopicOptions {
margin-top: 40px;
}
#guardianDashboard .topicsTab .internalTopicOptions .signalTypeDropdown {
margin: 30px 0px 10px 0px;
}
#guardianDashboard .topicsTab .internalTopicOptions .signalTypeDropdown h3 {
color: #000000;
text-transform: none;
}
#guardianDashboard .topicsTab .internalTopicOptions .signalTypeInternalOptions {
margin: 10px 0px;
}
#guardianDashboard .topicsTab .internalTopicOptions .signalTypeInternalOptions .linkButton {
margin-top: 10px;
}
#guardianDashboard .topicsTab .attributes {
margin-top: 25px;
}
#guardianDashboard .topicsTab .attributes .clearTopicInternal {
display: inline-block;
width: 80%;
float: right;
margin-right: 11px;
line-height: 26px;
}
#guardianDashboard .settingsTab p {
size: 12px;
max-width: 800px;
}
#guardianDashboard .settingsTab .notificationContainer {
width: 800px;
}
#guardianDashboard .settingsTab .notificationContainer .notificationHeader {
font-size: 20px;
width: 200px;
margin-left: -8px;
}
#guardianDashboard .settingsTab .notificationContainer .disableAllNotifications:hover {
cursor: default;
}
#guardianDashboard .settingsTab .notificationSettings {
margin-top: 30px;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer {
width: 1220px;
height: auto;
padding-top: 20px;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer .settingsColumn {
box-sizing: border-box;
width: 800px;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer .settingsColumn.left {
margin-right: 20px;
width: 300px;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer .settingsColumn .title {
font-size: 18px;
margin-bottom: 12px;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer .settingsColumn .settingsCheckbox {
margin: 20px 10px;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer .settingsColumn .settingsCheckbox .notificationInfo {
font-size: 12px;
margin-left: 18px;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer .settingsColumn .settingsCheckbox .innerCheckboxes {
margin: 5px 10px;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer .settingsColumn .settingsCheckbox .innerCheckboxes td.settingsLabel {
vertical-align: middle;
font-size: 13px;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer .settingsColumn .settingsCheckbox .settingsNote {
margin-left: 20px;
font-style: italic;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer .infoIconLink {
margin-left: 5px;
padding-right: 0px;
cursor: pointer;
font-size: 17px;
color: #848484;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer .infoIconLink:hover {
color: #6b6b6b;
}
#guardianDashboard .settingsTab .notificationSettings #settingsContainer .infoIconLink > span {
display: none;
}
#guardianDashboard .settingsTab .notificationSettings .saveSettingsContainer {
width: 800px;
margin-bottom: 20px;
}
#guardianDashboard .settingsTab .notificationSettings .clearNotificationsContainer {
padding-top: 3px;
}
#guardianDashboard .settingsTab .notificationSettings .clearNotificationsContainer a {
height: 20px;
line-height: 20px;
padding: 0 7px;
}
#guardianDashboard .settingsTab .notificationSettings .clearNotificationsContainer .notificationToggleText {
cursor: default;
}
#guardianDashboard .settingsTab .notificationSettings .clearNotificationsContainer .enabledSwitchText {
left: -52px;
}
#guardianDashboard .settingsTab .notificationSettings .clearNotificationsContainer .switch input:checked ~ .toggle {
left: -2px;
}
#guardianDashboard .settingsTab .notificationSettings .clearNotificationsContainer .switch input ~ :checked ~ .toggle {
left: 20px;
}
#guardianDashboard .settingsTab .notificationSettings table.attributes {
margin-bottom: 10px;
}
#guardianDashboard .settingsTab .notificationSettings table.attributes.predictionOptions td:first-of-type {
width: 180px;
}
#guardianDashboard .settingsTab .notificationSettings table.attributes.predictionOptions input {
width: 30px;
}
#guardianDashboard .topicAttributesSection {
padding-left: 20px;
}
#guardianDashboard .topicAttributesSection .topicAttribute {
font-size: 16px;
padding-top: 5px;
padding-bottom: 5px;
}
#guardianDashboard .topicAttributesSection .topicAttribute .topicAttributeName {
font-weight: bold;
padding-bottom: 10px;
display: inline-block;
}
#guardianDashboard .topicAttributesSection .topicAttribute .innerAttribute {
padding-left: 20px;
padding-bottom: 5px;
}
#guardianDashboard .flex-container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
#guardianDashboard .flex-container #editor-left-pane {
width: 65%;
}
#guardianDashboard .selectionAndDetailTwoPaneCombo {
padding-top: 0;
}
#guardianDashboard .rightPreviewPane {
margin-top: 34px;
}
#guardianDashboard .rightPreviewPane .actionButtonSequence {
margin: 15px 0px;
}
#guardianDashboard .rightPreviewPane .actionButtonSequence .subscriptionButton:hover {
filter: brightness(90%);
}
#guardianDashboard .rightPreviewPane .noTopicSelected {
margin: 15px;
font-size: 17px;
}
#guardianDashboard .adminTab .linkButton {
margin-bottom: 20px;
background-color: #ff9600;
}
#guardianDashboard .adminTab .linkButton:hover {
background-color: #e68700;
}
#guardianDashboard li.k-item.k-state-default:not(.k-state-active) {
border-top: 3px solid #0095da;
margin-right: 2px;
padding-top: 1px;
}
#guardianDashboard li.k-item.k-state-default:not(.k-state-active) a {
color: #0095da;
}
#guardianDashboard li.k-item.k-state-default:not(.k-state-active):hover {
border-left: 1px solid #b5b5b5;
border-right: 1px solid #b5b5b5;
background-color: #b5b5b5;
}
#guardianDashboard li.k-item.k-state-default.k-tab-on-top.k-state-active {
border-top-color: #82c135;
margin-right: 2px;
}
#guardianDashboard li.k-item.k-state-default.k-tab-on-top.k-state-active a {
color: #585858;
}
.evergageProfile {
display: inline-block;
font-size: 15px;
line-height: 34px;
}
.evergageProfile img {
display: inline-block;
vertical-align: middle;
margin-top: -4px;
width: 32px;
height: auto;
}
.evergageProfile i.avatar-image {
float: left;
display: inline-block;
width: 32px;
height: 32px;
background-color: #b5b5b5;
text-align: center;
margin-right: 5px;
margin-top: 2px;
}
.evergageProfile .displayName {
display: inline-block;
color: #000000;
height: 42px;
}
.evergageProfile .evergageIcon {
height: 24px;
width: 24px;
}
.evergageProfile div.timestamp {
display: inline-block;
line-height: 38px;
font-size: 11px;
margin-left: 10px;
color: #b5b5b5;
}
.percentDelta {
font-size: 24px;
margin-left: -5px;
}
.percentDelta.positive {
color: #82c135;
}
.percentDelta.negative {
color: #dd360b;
}
.percentDelta .percentageValue {
margin-left: -7px;
}
.signalChart {
margin-bottom: 50px;
}
.signalChart .referencedComments {
position: relative;
height: 20px;
top: 240px;
background-color: #f5f5f5;
}
.signalChart .referencedComments .referencedComment {
position: absolute;
}
.signalChart .referencedComments .referencedComment .commentIcon {
background-color: #585858;
color: #fff;
padding: 3px 4px;
border-radius: 10px;
margin-left: -10px;
max-width: 21px;
}
.signalChart .referencedComments .referencedComment .arrow-up {
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 10px solid #fff;
margin-left: -9px;
margin-top: 4px;
}
.signalChart .referencedComments .referencedComment .arrow-up-border {
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 11px solid #d5d5d5;
margin-left: -11px;
margin-top: 2px;
}
.signalChart .referencedComments .referencedComment .commentHoverPreview {
border-radius: 5px;
border: 2px solid #d5d5d5;
background-color: #fff;
margin-left: -20px;
margin-top: -14px;
padding: 5px 10px;
max-height: 42px;
overflow: hidden;
}
.signalChart .referencedComments .referencedComment .commentHoverPreview .evergageProfile {
margin-left: -3px;
margin-top: -2px;
}
.signalChart .referencedComments .referencedComment .commentHoverPreview .evergageProfile .displayName {
vertical-align: inherit;
}
.signalChart .referencedComments .referencedComment .commentHoverPreview .commentText {
text-overflow: ellipsis;
font-size: 14px;
color: #000000;
}
.signalChart .referencedComments .referencedComment:hover {
cursor: pointer;
}
.signalChart .chartContainer {
height: 250px;
width: 100%;
background-color: #f5f5f5;
}
.signalChart .chartContainer .signalMetadata {
float: right;
display: inline-block;
width: 15%;
min-width: 215px;
margin: 25px 0px 25px 5px;
height: 200px;
position: relative;
}
.signalChart .chartContainer .signalMetadata .impactBanner {
width: 110px;
cursor: default;
position: absolute;
right: -10px;
top: -15px;
color: #fff;
padding: 5px 30px 5px 15px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
text-transform: uppercase;
}
.signalChart .chartContainer .signalMetadata .signalContent {
height: 100px;
margin-bottom: 10px;
background-color: #f5f5f5;
}
.signalChart .chartContainer .signalMetadata .signalContent a {
display: block;
color: #585858;
}
.signalChart .chartContainer .signalMetadata .signalContent .row.top {
height: 37px;
margin-bottom: 13px;
}
.signalChart .chartContainer .signalMetadata .signalContent .row.bottom {
height: 30px;
}
.signalChart .chartContainer .signalMetadata .signalContent .row > div {
display: inline-block;
vertical-align: top;
}
.signalChart .chartContainer .signalMetadata .signalContent .caption {
font-size: 14px;
text-transform: uppercase;
color: #b5b5b5;
}
.signalChart .chartContainer .signalMetadata .signalContent .percentage {
width: 160px;
}
.signalChart .chartContainer .signalMetadata .signalContent .percentage .value {
font-size: 24px;
}
.signalChart .chartContainer .signalMetadata .signalContent .percentage .value.positive {
color: #82c135;
}
.signalChart .chartContainer .signalMetadata .signalContent .percentage .value.negative {
color: #dd360b;
}
.signalChart .chartContainer .signalMetadata .signalContent .value {
margin-top: 13px;
}
.signalChart .chartContainer .signalMetadata .signalContent .actual {
width: 160px;
}
.signalChart .chartContainer .signalMetadata .signalContent .impacts {
width: 300px;
}
.signalChart .chartContainer .signalMetadata .signalContent .impact {
display: inline-block;
font-size: 18px;
}
.signalChart .chartContainer .signalMetadata .signalContent .timeAndDuration {
margin-top: 40px;
margin-bottom: 30px;
font-size: 12px;
}
.signalChart .chartContainer .signalMetadata .signalContent .timeAndDuration .time {
margin-bottom: 5px;
}
.signalChart .chartContainer .signalMetadata .signalContent .timeAndDuration .grayLabel {
display: inline-block;
float: left;
color: #b5b5b5;
margin-right: 5px;
}
.signalChart .chartContainer .signalMetadata .signalContent .commentSelectedSignal {
width: 132px;
font-size: 14px;
font-weight: 600;
padding: 2px;
padding-top: 0px;
color: #0095da;
position: absolute;
bottom: 0px;
}
.signalChart .chartContainer .signalMetadata .signalContent .commentSelectedSignal span {
position: relative;
top: -2px;
}
.signalChart .chartContainer .signalMetadata .signalContent .commentSelectedSignal i {
padding-bottom: 1px;
margin-left: 2px;
font-size: 1.5em;
}
.signalChart .chartContainer .signalMetadata .signalContent .commentSelectedSignal:hover {
cursor: pointer;
color: #1071a8;
}
.signalChart .chartContainer .signalMetadata .signalContent .commentSelectedSignal:hover i {
color: #1071a8;
}
.signalChart .chartContainer .signalData {
display: inline-block;
min-width: 700px;
width: 82.4%;
float: left;
position: relative;
}
.signalChart .chartContainer .signalData .signalSummaryData {
display: inline-block;
float: left;
min-width: 190px;
margin: 25px 0px 0px 15px;
}
.signalChart .chartContainer .signalData .signalSummaryData .signalName {
text-align: left;
font-size: 20px;
margin-bottom: 30px;
color: #000000;
}
.signalChart .chartContainer .signalData .signalSummaryData .signalName .name {
font-size: 20px;
}
.signalChart .chartContainer .signalData .signalSummaryData .signalName .name a {
display: inline-block;
}
.signalChart .chartContainer .signalData .signalSummaryData .signalName .name > div {
width: 435px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.signalChart .chartContainer .signalData .signalSummaryData .signalName .name .actionIcons {
display: inline-block;
margin-left: 6px;
}
.signalChart .chartContainer .signalData .signalSummaryData .signalName .name .actionIcons .fa {
color: #ff9600;
}
.signalChart .chartContainer .signalData .signalSummaryData .signalName .name .actionIcons .fa:hover {
color: #e68700;
}
.signalChart .chartContainer .signalData .signalSummaryData .caption {
font-size: 12px;
text-transform: uppercase;
color: #b5b5b5;
}
.signalChart .chartContainer .signalData .signalSummaryData .impact {
font-size: 18px;
height: 40px;
margin-bottom: 30px;
color: #4a4a4a !important;
}
.signalChart .chartContainer .signalData .signalSummaryData .largerText {
font-size: 20px;
}
.signalChart .chartContainer .signalData .signalChartContainer {
display: inline-block;
float: right;
width: 78%;
}
.signalChart .chartContainer .signalData .signalChartContainer .resetZoomButton {
position: absolute;
top: 10px;
left: 15px;
border-radius: 8px;
background-color: #0095da;
color: #fff;
padding: 5px 10px;
}
.signalChart .chartContainer .positive.impactTextColor {
color: #82c135;
}
.signalChart .chartContainer .negative.impactTextColor {
color: #dd360b;
}
.signalChart .chartContainer .impactBorder {
border-left: 9px solid #9b9b9b;
}
.signalChart .chartContainer .impactBorder.positive.critical {
border-left-color: #82c135;
}
.signalChart .chartContainer .impactBorder.positive.important {
border-left-color: rgba(130, 193, 53, 0.7);
}
.signalChart .chartContainer .impactBorder.positive.minor {
border-left-color: rgba(130, 193, 53, 0.4);
}
.signalChart .chartContainer .impactBorder.negative.critical {
border-left-color: #82c135;
}
.signalChart .chartContainer .impactBorder.negative.important {
border-left-color: rgba(221, 54, 11, 0.7);
}
.signalChart .chartContainer .impactBorder.negative.minor {
border-left-color: rgba(221, 54, 11, 0.4);
}
.signalChart .chartContainer .positive.critical.impactBackgroundColor {
background-color: #82c135;
}
.signalChart .chartContainer .positive.important.impactBackgroundColor {
background-color: rgba(130, 193, 53, 0.7);
}
.signalChart .chartContainer .positive.minor.impactBackgroundColor {
background-color: rgba(130, 193, 53, 0.4);
}
.signalChart .chartContainer .negative.critical.impactBackgroundColor {
background-color: #dd360b;
}
.signalChart .chartContainer .negative.important.impactBackgroundColor {
background-color: rgba(221, 54, 11, 0.7);
}
.signalChart .chartContainer .negative.minor.impactBackgroundColor {
background-color: rgba(221, 54, 11, 0.4);
}
.signalChart .chartContainer.hasReferences {
height: 270px;
}
.signalChart .renderingGears {
width: 500px;
height: 250px;
}
#guardianSignalDebug #recalculatePredictions {
min-height: 50px;
margin-bottom: 30px;
}
#guardianSignalDebug #recalculatePredictions h2 {
color: #ff9600;
}
#guardianSignalDebug #recalculatePredictions .optionsAndButton {
margin-top: 15px;
margin-bottom: 25px;
}
#guardianSignalDebug #recalculatePredictions table.attributes {
margin-bottom: 10px;
}
#guardianSignalDebug #recalculatePredictions table.attributes.predictionOptions td:first-of-type {
width: 180px;
}
#guardianSignalDebug #recalculatePredictions table.attributes.predictionOptions input {
width: 30px;
}
#guardianSignalDebug #recalculatePredictions .predictionOptionsSummary {
display: inline-block;
color: blue;
font-size: 14px;
margin-bottom: 5px;
}
#guardianSignalDebug #recalculatePredictions .predictionOptionsSummary .option {
margin-right: 15px;
}
#guardianSignalDebug .graphs {
margin-top: 15px;
}
.signalSummary {
width: 585px;
height: 100px;
margin-bottom: 10px;
background-color: #efefef;
border-left: 3px solid #9b9b9b;
}
.signalSummary.positive {
border-left-color: #82c135;
}
.signalSummary.negative {
border-left-color: #dd360b;
}
.signalSummary:hover {
background-color: #e2e2e2;
}
.signalSummary a {
display: block;
color: #585858;
}
.signalSummary .signalContent {
padding: 11px;
}
.signalSummary .row.top {
height: 37px;
margin-bottom: 14px;
}
.signalSummary .row.top .right-align {
text-align: right;
}
.signalSummary .row.bottom {
height: 28px;
}
.signalSummary .row > div {
display: inline-block;
vertical-align: top;
}
.signalSummary .caption {
font-size: 10px;
text-transform: uppercase;
color: #b5b5b5;
}
.signalSummary .percentage {
width: 130px;
margin-top: 18px;
}
.signalSummary .percentage .value {
font-size: 24px;
}
.signalSummary .percentage .value.positive {
color: #82c135;
}
.signalSummary .percentage .value.negative {
color: #dd360b;
}
.signalSummary .name {
font-size: 16px;
line-height: 1.3;
}
.signalSummary .name > div {
width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.signalSummary .name .topicName {
color: #000000;
}
.signalSummary .name .signalName {
color: #9b9b9b;
}
.signalSummary .actual {
width: 130px;
}
.signalSummary .impacts {
width: 276px;
}
.signalSummary .impact {
display: inline-block;
}
.signalSummary .impact:first-of-type {
width: 235px;
}
.signalSummary .start {
float: right;
margin-right: 5px;
}
.signalSummary .start .caption {
float: right;
}
.signalValue.Positive {
color: #82c135;
}
.signalValue.Negative {
color: #dd360b;
}
.signalValue.isSummary {
color: #585858;
}
.signalValue .fa-stack {
font-size: 0.6em;
}
#guardianTopic > div {
overflow: auto;
width: 100%;
}
#guardianTopic div {
box-sizing: border-box;
}
#guardianTopic h2 {
font-size: 14px;
font-weight: normal;
color: #000000;
}
#guardianTopic .fa-stop.critical {
color: #dd360b;
}
#guardianTopic .fa-stop.positive {
color: #82c135;
}
#guardianTopic .guardianIcon {
vertical-align: middle;
height: 36px;
margin-top: 8px;
}
#guardianTopic .breadcrumbs {
overflow-y: hidden;
margin-bottom: 5px;
}
#guardianTopic .topicLink {
margin-top: 7px;
}
#guardianTopic .activeSignalsHeader {
font-size: 20px;
color: #000000;
padding-bottom: 20px;
}
#guardianTopic .missingSignalsHeader {
font-size: 18px;
padding-bottom: 34px;
}
#guardianTopic .neverFiredSignalHeader {
min-height: 50px;
}
#guardianTopic .signalToggle,
#guardianTopic .historyToggle {
float: right;
}
#guardianTopic .signalToggle .radioGroup,
#guardianTopic .historyToggle .radioGroup {
float: right;
}
#guardianTopic .signalToggle .radioGroup .btn,
#guardianTopic .historyToggle .radioGroup .btn {
padding: 6px 24px;
}
#guardianTopic .signalToggle .radioGroup .btn i,
#guardianTopic .historyToggle .radioGroup .btn i {
display: none;
}
#guardianTopic .header {
height: 80px;
overflow: visible;
}
#guardianTopic .header .headerLeftWrapper {
float: left;
overflow: auto;
width: 100%;
height: 100%;
}
#guardianTopic .header .headerLeftWrapper .headerLeft {
margin-right: 250px;
height: 90%;
}
#guardianTopic .header .headerLeftWrapper .headerLeft > div {
display: inline-block;
}
#guardianTopic .header .headerLeftWrapper .headerLeft .icon {
margin-right: 6px;
vertical-align: top;
}
#guardianTopic .header .headerLeftWrapper .headerLeft .titleAndSummary {
display: inline-block;
margin-top: 4px;
}
#guardianTopic .header .headerLeftWrapper .headerLeft .titleAndSummary .title {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
color: #000000;
font-size: 22px;
}
#guardianTopic .header .headerLeftWrapper .headerLeft .titleAndSummary .title .fa {
color: #9b9b9b;
line-height: 20px;
height: 24px;
font-size: 24px;
vertical-align: bottom;
margin-right: 3px;
}
#guardianTopic .header .headerRight {
float: right;
width: 250px;
margin-left: -250px;
height: 100%;
overflow: visible;
}
#guardianTopic .header .headerRight .signalToggle {
float: right;
width: 400px;
margin-bottom: 10px;
}
#guardianTopic .header .headerRight .currentTime {
color: #000000;
font-size: 16px;
padding-bottom: 6px;
}
#guardianTopic .header .headerRight .lastUpdatedTime {
color: #000000;
font-size: 14px;
text-align: right;
}
#guardianTopic .header .headerRight .resetZoomContainer {
float: right;
}
#guardianTopic .header .headerRight .resetZoomContainer .resetZoomButton {
top: 10px;
left: 15px;
border-radius: 8px;
background-color: #0095da;
color: #fff;
padding: 5px 10px;
}
#guardianTopic [eg-loading-gears].loadingGears.loading {
min-height: 200px;
width: auto;
overflow: hidden;
}
#guardianTopic [eg-loading-gears].loadingGears {
height: 0px;
}
#guardianTopic .graphSection {
height: 0px;
overflow: hidden;
}
#guardianTopic .selected .graphSection {
height: auto;
padding-bottom: 22px;
}
#guardianTopic .leftContentPaneWrapper {
float: left;
width: 100%;
display: inline-block;
}
#guardianTopic .leftContentPane {
margin-right: 350px;
}
#guardianTopic .rightContentPane {
float: right;
width: 350px;
margin-left: -350px;
}
#guardianTopic .factorsAndSuggestions {
height: 190px;
}
#guardianTopic .factorsAndSuggestions .factorsWrapper {
float: left;
width: 100%;
display: inline-block;
height: 100%;
}
#guardianTopic .factorsAndSuggestions .factorsWrapper .factors {
margin-right: 350px;
height: 90%;
}
#guardianTopic .factorsAndSuggestions .suggestions {
float: right;
width: 350px;
margin-left: -350px;
height: 100%;
}
#guardianTopic .historyAndFollowers {
background-color: #f5f5f5;
min-height: 500px;
margin-top: -20px;
padding: 18px;
}
#guardianTopic .historyAndFollowers .historyWrapper {
float: left;
width: 100%;
display: inline-block;
}
#guardianTopic .historyAndFollowers .historyWrapper .history {
max-width: 1000px;
margin-right: 425px;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .titleWrapper {
margin-left: 5px;
font-size: 18px;
color: #000000;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .addCommentInput {
max-width: 1000px;
margin-right: 75px;
margin: 5px;
padding-bottom: 45px;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .addCommentInput .saveCommentButton {
margin-top: 14px;
float: right;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .addCommentInput .saveCommentButton.disabled {
border: #d5d5d5 solid thin;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryList {
max-width: 1000px;
margin-right: 75px;
margin: 5px;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryList .historyListPagination .pageHint {
font-size: 14px;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryList .historyListPagination .paginationButton.disabled {
border: #d5d5d5 solid thin;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryList i.thumbs:hover {
color: #6b6b6b;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryList i.fa-thumbs-up.green,
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryList i.fa-thumbs-down.red {
color: #0095da;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryList i.dismissIcon:hover {
color: #dd360b;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryItem {
height: auto;
padding: 14px;
margin-top: 20px;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryItem div.signalMessage {
margin: 10px 5px;
color: #000000;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryItem .commentEditIcons {
float: right;
display: inline-block;
line-height: 28px;
opacity: 0;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryItem .commentEditIcons i.fa {
font-size: 16px;
padding: 0px 3px;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryItem span.signalLinks a {
color: #9b9b9b;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryItem span.signalLinks a:hover {
color: #0095da;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryItem .dereferenceDate {
float: right;
display: inline-block;
}
#guardianTopic .historyAndFollowers .historyWrapper .history .topicHistoryItem:hover .commentEditIcons {
opacity: 1;
}
#guardianTopic .historyAndFollowers .historyWrapper .history span.mentioned {
color: #ff9600;
}
#guardianTopic .historyAndFollowers .historyWrapper .commentBubble {
height: 100px;
background-color: #fff;
border-radius: 5px;
}
#guardianTopic .historyAndFollowers .historyWrapper .commentBubble i.calendar {
margin-left: 5px;
}
#guardianTopic .historyAndFollowers .historyWrapper .commentBubble div.commentTextInput {
color: #9b9b9b;
display: block;
width: 100%;
border: 0px;
margin-top: 10px;
min-height: 20px;
overflow: hidden;
}
#guardianTopic .historyAndFollowers .historyWrapper .commentBubble div.commentTextInput:empty:before {
content: attr(placeholder);
display: block;
}
#guardianTopic .historyAndFollowers .historyWrapper .commentBubble div.commentTextInput:focus {
color: #000000;
}
#guardianTopic .historyAndFollowers .historyWrapper .commentBubble div.editingComment {
margin: 10px 5px;
}
#guardianTopic .historyAndFollowers .historyWrapper .commentBubble div.editingComment div.commentEditInput {
color: #000000;
width: 95%;
}
#guardianTopic .historyAndFollowers .historyWrapper .commentBubble div.submitEditComment {
display: block;
float: right;
margin-top: -25px;
}
#guardianTopic .historyAndFollowers .historyWrapper .commentBubble h3 {
line-height: 5px;
float: left;
}
#guardianTopic .historyAndFollowers .historyWrapper .commentBubble div.dateTime {
display: inline-block;
line-height: 38px;
font-size: 11px;
margin-left: 10px;
color: #b5b5b5;
}
#guardianTopic .historyAndFollowers .historyWrapper .commentBubble div.lockedComment {
opacity: 0;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble {
height: 100px;
background-color: #fff;
margin-bottom: 20px;
border-left: 3px solid #9b9b9b;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble.positive.critical {
border-left-color: #82c135;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble.positive.important {
border-left-color: rgba(130, 193, 53, 0.7);
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble.positive.minor {
border-left-color: rgba(130, 193, 53, 0.4);
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble.negative.critical {
border-left-color: #dd360b;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble.negative.important {
border-left-color: rgba(221, 54, 11, 0.7);
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble.negative.minor {
border-left-color: rgba(221, 54, 11, 0.4);
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble .type {
display: inline-block;
margin-left: 10px;
min-width: 250px;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble .type:hover {
cursor: pointer;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble div.dateTime {
margin-bottom: 5px;
font-size: 12px;
color: #b5b5b5;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble div.dateTime span {
border-left: 0px solid;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble .percentageValue {
min-width: 20%;
display: inline-block;
margin-left: 5px;
font-size: 20px;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble .percentageValue .percentDelta {
font-size: 20px;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble .textValue {
font-size: 16px;
color: #000000;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble .textValue.signalName {
font-size: 20px;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble .impactValue {
min-width: 25%;
display: inline-block;
margin-left: 10px;
font-size: 16px;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble .durationValue {
min-width: 80px;
display: inline-block;
margin-left: 10px;
}
#guardianTopic .historyAndFollowers .historyWrapper .signalBubble .caption {
font-size: 11px;
margin-top: 5px;
text-transform: uppercase;
color: #9b9b9b;
}
#guardianTopic .historyAndFollowers .historyRightPane {
float: right;
width: 350px;
margin-left: -350px;
width: 450px;
margin-left: -450px;
}
#guardianTopic .historyAndFollowers .historyRightPane .paneHeader {
margin-left: 40px;
margin-bottom: 10px;
font-size: 18px;
color: #000000;
}
#guardianTopic .historyAndFollowers .historyRightPane .subscriberList {
list-style-type: none;
width: 350px;
margin-bottom: 15px;
margin-left: 40px;
}
#guardianTopic .historyAndFollowers .historyRightPane .subscriberList li {
font-size: 15px;
margin: 5px 0px;
}
#guardianTopic .historyAndFollowers .historyRightPane .subscriberList i.fa-bell-o {
color: #82c135;
}
#guardianTopic .historyAndFollowers .historyRightPane .subscriberList i.fa-bell-slash-o {
color: #848484;
}
#guardianTopic .historyAndFollowers .historyRightPane .subscriberList .channelToggle {
float: right;
width: 32px;
height: 18px;
font-size: 18px;
text-align: center;
}
#guardianTopic .historyAndFollowers .historyRightPane .subscriberList .channelToggle.on {
color: #82c135;
}
#guardianTopic .historyAndFollowers .historyRightPane .subscriberList .channelToggle.off {
color: #848484;
}
#guardianTopic .historyAndFollowers .historyRightPane .subscriberList .channelToggle:hover {
cursor: pointer;
}
#guardianTopic .historyAndFollowers .historyRightPane .followerList {
list-style-type: none;
width: 350px;
margin-bottom: 25px;
}
#guardianTopic .historyAndFollowers .historyRightPane .noFollowers {
font-size: 15px;
margin-left: 62px;
}
#guardianTopic .impactText {
text-transform: uppercase;
font-weight: bold;
margin-right: 7px;
}
#guardianTopic .impactText.positive {
color: #82c135;
}
#guardianTopic .impactText.negative {
color: #dd360b;
}
#guardianTopic .impactBorder {
border-left: 3px solid #9b9b9b;
}
#guardianTopic .impactBorder.positive.critical {
border-left-color: #82c135;
}
#guardianTopic .impactBorder.positive.important {
border-left-color: rgba(130, 193, 53, 0.7);
}
#guardianTopic .impactBorder.positive.minor {
border-left-color: rgba(130, 193, 53, 0.4);
}
#guardianTopic .impactBorder.negative.critical {
border-left-color: #dd360b;
}
#guardianTopic .impactBorder.negative.important {
border-left-color: rgba(221, 54, 11, 0.7);
}
#guardianTopic .impactBorder.negative.minor {
border-left-color: rgba(221, 54, 11, 0.4);
}
#guardianTopic .positive.critical.impactBackgroundColor {
background-color: #82c135;
}
#guardianTopic .positive.important.impactBackgroundColor {
background-color: rgba(130, 193, 53, 0.7);
}
#guardianTopic .positive.minor.impactBackgroundColor {
background-color: rgba(130, 193, 53, 0.4);
}
#guardianTopic .negative.critical.impactBackgroundColor {
background-color: #dd360b;
}
#guardianTopic .negative.important.impactBackgroundColor {
background-color: rgba(221, 54, 11, 0.7);
}
#guardianTopic .negative.minor.impactBackgroundColor {
background-color: rgba(221, 54, 11, 0.4);
}
#guardianTopic .predictionOptionsSummary {
display: inline-block;
color: blue;
font-size: 14px;
margin-bottom: 5px;
}
#datasetAndDateNavBar {
padding-top: 12px;
padding-bottom: 12px;
height: 30px;
position: relative;
overflow: hidden;
z-index: 1;
padding-left: 17px;
background-color: #f5f5f5;
}
#datasetAndDateNavBar #datasetAndDateLeftSection {
float: left;
display: inline-block;
vertical-align: top;
height: 30px;
}
#datasetAndDateNavBar .k-dropdown {
margin-right: 16px;
}
#datasetAndDateNavBar .datasetSelector {
width: 239px;
}
#datasetAndDateNavBar .datasetSelector .k-dropdown-wrap .k-input:before {
content: "\f1c0";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
#datasetAndDateNavBar .datasetSelector .k-dropdown-wrap .k-input:before {
content: "\f1c0";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
#datasetAndDateNavBar .dateRangeSelector {
width: 209px;
}
#datasetAndDateNavBar .dateRangeSelector .k-dropdown-wrap .k-input:before {
content: "\f073";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
#datasetAndDateNavBar .dateRangeSelector .k-dropdown-wrap .k-input:before {
content: "\f073";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
#datasetAndDateNavBar .statusMessageWrapperDiv {
position: absolute;
overflow: visible;
left: 500px;
}
#datasetAndDateNavBar .statusMessageWrapperDiv .statusMessage {
z-index: 1000000;
}
#dateRangeWindow a,
#dateRangeWindow label {
margin: 10px;
}
#dateRangeWindow .dateSelectionRow,
#dateRangeWindow .dateSelectionButtonRow {
margin-top: 20px;
}
#dateRangeWindow .dateSelectionButtonRow {
float: right;
}
#dateRangeWindow div.error {
margin-top: 10px;
}
#globalSearch-list .k-item {
border-bottom: 1px dotted #808080;
padding: 3px;
cursor: pointer;
}
#globalSearch-list .searchResult {
white-space: nowrap;
position: relative;
padding-left: 20px;
}
#globalSearch-list .searchResult .icon {
position: absolute;
top: 3px;
left: 0px;
font-size: 18px;
}
#globalSearch-list .searchResult .iconSegment {
display: inline-block;
margin-right: 0px;
font-size: 14px;
}
#globalSearch-list .searchResult .description {
pointer-events: none;
overflow: hidden;
position: relative;
}
#globalSearch-list .searchResult .messagePreview {
margin-bottom: 10px;
position: relative;
top: -20px;
pointer-events: none;
width: 200px;
height: 100px;
max-width: 200px;
max-height: 100px;
}
#globalSearch-list .searchResult .pseudoPreventHiddenTarget {
position: relative;
top: 0px;
}
#globalSearch-list .searchResult .additionalInfo {
color: #808080;
font-size: 12px;
}
#topNavBar {
height: 45px;
background-color: #0095da;
}
#topNavBar .fullColorImage {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
-moz-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
-ms-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
}
#topNavBar .dimmedImage {
zoom: 1;
filter: alpha(opacity=40);
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
-webkit-filter: grayscale(0.7) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
-moz-filter: grayscale(0.7) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
-ms-filter: grayscale(0.7) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
filter: grayscale(0.7) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
}
#topNavBar.isLocalTest {
background-color: #64A70F;
}
#topNavBar.isTestMachine {
background-color: #DA9900;
}
#topNavBar.isDifferentAKAccount {
background-color: red;
}
#topNavBar .logoContainer {
overflow: hidden;
background-color: white;
display: inline-block;
line-height: 45px;
float: left;
height: 45px;
}
#topNavBar .logo {
float: left;
margin-left: 15px;
margin-top: 9px;
margin-right: 13px;
-webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.07));
-moz-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.07));
-ms-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.07));
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.07));
}
#topNavBar #sectionLinks {
display: inline-block;
}
#topNavBar .tab {
display: inline-block;
padding-left: 16px;
padding-right: 16px;
line-height: 45px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
color: white;
font-size: 16px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#topNavBar .tab img,
#topNavBar .tab i {
vertical-align: middle;
margin-right: 4px;
zoom: 1;
filter: alpha(opacity=40);
-webkit-opacity: 0.4;
-moz-opacity: 0.4;
opacity: 0.4;
-webkit-filter: grayscale(0.7) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
-moz-filter: grayscale(0.7) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
-ms-filter: grayscale(0.7) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
filter: grayscale(0.7) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
font-size: 22px;
}
#topNavBar .tab:hover img,
#topNavBar .tab:hover i {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
-moz-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
-ms-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
}
#topNavBar .tab.active {
color: #4476a9;
background-color: #f5f5f5;
font-weight: 600;
}
#topNavBar .tab.active img,
#topNavBar .tab.active i {
zoom: 1;
filter: alpha(opacity=100);
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
-moz-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
-ms-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.23));
}
#topNavBar #campaignsIcon {
margin-right: 3px;
}
#topNavBar #segmentsIcon {
position: relative;
top: -1px;
zoom: 1;
filter: alpha(opacity=25);
-webkit-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
}
#topNavBar .active #segmentsIcon {
zoom: 1;
filter: alpha(opacity=75);
-webkit-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;
}
#topNavBar .tab:hover #segmentsIcon {
zoom: 1;
filter: alpha(opacity=75);
-webkit-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;
}
#topNavBar #topNavRight {
display: inline-block;
float: right;
margin-right: 18px;
}
#topNavBar #topNavRight .icons {
display: inline-block;
margin-top: 5px;
margin-right: 12px;
}
#topNavBar #topNavRight .icons .guardianWrapper {
overflow: visible !important;
cursor: pointer;
position: relative;
text-align: center;
z-index: 1000;
width: 30px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-font-smoothing: antialiased;
}
#topNavBar #topNavRight .icons .guardianWrapper .tooltip {
background: #fff;
color: #f5f5f5;
overflow: visible;
display: block;
border: 0;
left: -52px;
top: 100%;
margin-top: 10px;
opacity: 0;
pointer-events: none;
position: absolute;
z-index: 1000;
min-width: 135px;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
}
#topNavBar #topNavRight .icons .guardianWrapper .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 0;
left: 0;
width: 100%;
}
#topNavBar #topNavRight .icons .guardianWrapper:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(1px);
-moz-transform: translateY(1px);
-o-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
}
#topNavBar #topNavRight .icons .arrow-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
margin-left: 57px;
margin-top: -9px;
}
#topNavBar #topNavRight .icons .arrow-up-border {
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 11px solid #d5d5d5;
margin-left: 56px;
margin-top: -11px;
}
#topNavBar #topNavRight .icons .signalCounts {
display: inline-block;
vertical-align: middle;
line-height: 1.3;
margin-left: 8px;
padding: 5px;
}
#topNavBar #topNavRight .icons .signalCounts .signalCount {
height: 100%;
text-align: center;
}
#topNavBar #topNavRight .icons .signalCounts .signalCount .count {
font-weight: bold;
text-align: center;
font-size: 15px;
}
#topNavBar #topNavRight .icons .signalCounts .signalCount .countCaption {
font-size: 10px;
text-transform: uppercase;
}
#topNavBar #topNavRight .icons .signalCounts .signalCount.positive {
float: left;
color: #82c135;
margin-right: 11px;
}
#topNavBar #topNavRight .icons .signalCounts .signalCount.negative {
float: right;
color: #dd360b;
}
#topNavBar #topNavRight .icons .guardianIcon {
vertical-align: middle;
height: 32px;
}
#topNavBar #topNavRight .icons .guardianWrapper:hover .guardianIcon {
-webkit-filter: brightness(90%);
-moz-filter: brightness(90%);
-ms-filter: brightness(90%);
filter: brightness(90%);
}
#topNavBar #topNavRight .icons .guardianIconWrapper::before {
content: attr(data-count);
background-color: #fff;
color: #4a4a4a;
position: absolute;
right: 22px;
z-index: 10000;
box-sizing: border-box;
border-radius: 8px;
min-width: 16px;
height: 16px;
line-height: 10px;
font-size: 10px;
font-weight: bold;
padding: 3px;
}
#topNavBar #topNavRight .icons .guardianIconWrapper.zeroSignals::before {
display: none;
}
#topNavBar #topNavRight .userProfileWrapper {
display: inline-block;
float: right;
width: 198px;
}
#topNavBar #topNavRight .userProfileWrapper .userProfileMenuInApp {
float: right;
display: inline-block;
vertical-align: top;
background: transparent;
float: left;
margin-top: 7px;
}
#topNavBar #topNavRight .userProfileWrapper .userProfileMenuInApp .k-dropdown-wrap .k-input:before {
content: "\f007";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
#topNavBar #topNavRight .userProfileWrapper .userProfileMenuInApp .k-dropdown-wrap .k-input:before {
content: "\f007";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
#multiDataset .accountAndDatasetSelector {
padding-left: 20px;
padding-top: 8px;
padding-bottom: 8px;
}
#multiDataset .accountAndDatasetSelector > span {
padding-right: 10px;
}
/*
* Copyright (C) 2010-2017 Evergage, Inc.
* All rights reserved.
*/
#audits .leftAuditNav {
float: left;
width: 160px;
}
#audits .leftAuditNav .auditTypeLinkRow {
line-height: 19px;
}
#audits .leftAuditNav .auditTypeLinkRow.selected > a {
font-weight: bold;
font-size: 16px;
text-decoration: underline;
}
#audits .filterRow .actionTypeSection .k-dropdown {
width: 90px;
}
#audits .filterRow .campaignStateSection .k-dropdown {
width: 105px;
}
#audits .filterRow > div {
display: inline-block;
}
#audits .filterRow > div input,
#audits .filterRow > div .k-dropdown {
margin-left: 4px;
margin-right: 10px;
}
#audits .filterRow .filterTitle {
color: #585858;
font-weight: bold;
font-size: 16px;
padding-right: 10px;
}
#audits .rightContentArea {
margin-left: 160px;
padding-left: 10px;
}
#audits .aceEditor {
border: 2px solid grey;
height: 500px;
width: 100%;
}
#audits .aceEditor .ui-resizable-se {
right: 12px;
bottom: -3px;
}
#audits .k-grid table {
width: 100% !important;
}
#audits #flex-container {
display: flex;
display: -webkit-flex;
flex-direction: row;
bottom: 0;
left: 0px;
/* these 3 lines are to prevents an unsightly scrolling bounce affect on Safari */
height: 600px;
width: 100%;
overflow: auto;
}
#audits #flex-container > div {
flex-grow: 1;
-webkit-flex-grow: 1;
position: relative;
}
#audits #flex-container > div#acediff-gutter {
flex: 0 0 60px;
-webkit-flex: 0 0 60px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
background-color: #efefef;
overflow: hidden;
}
#audits #acediff-gutter svg {
background-color: #efefef;
}
#audits #acediff-left-editor {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
#audits #acediff-right-editor {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
#audits .acediff-diff {
background-color: #d8f2ff;
border-top: 1px solid #a2d7f2;
border-bottom: 1px solid #a2d7f2;
position: absolute;
z-index: 4;
}
#audits .acediff-diff.targetOnly {
height: 0px !important;
border-top: 1px solid #a2d7f2;
border-bottom: 0px;
position: absolute;
}
#audits .acediff-connector {
fill: #d8f2ff;
stroke: #a2d7f2;
}
#audits .acediff-copy-left {
float: right;
}
#audits .acediff-copy-right,
#audits .acediff-copy-left {
position: relative;
}
#audits .acediff-copy-right div {
color: #000000;
text-shadow: 1px 1px #ffffff;
position: absolute;
margin: 2px 3px;
cursor: pointer;
}
#audits .acediff-copy-right div:hover {
color: #004ea0;
}
#audits .acediff-copy-left div {
color: #000000;
text-shadow: 1px 1px #ffffff;
position: absolute;
right: 0px;
margin: 2px 3px;
cursor: pointer;
}
#audits .acediff-copy-left div:hover {
color: #c98100;
}
#audits .editorHeader {
display: flex;
display: -webkit-flex;
flex-direction: row;
width: 100%;
border: 2px;
background-color: #efefef;
}
#audits div.editorHeader > div {
flex-grow: 1;
-webkit-flex-grow: 1;
position: relative;
margin: 2px;
font-size: 18px;
}
#audits div.editorHeader > div.editorHeaderCenter {
flex: 0 0 60px;
-webkit-flex: 0 0 60px;
}
#audits .updateDate {
float: right;
margin-right: 30px;
}
#audits .detailPane {
margin-top: 18px;
}
#audits .detailPane .buttonRow {
margin-bottom: 10px;
}
#audits .editorHeader {
margin-top: 18px;
}
#behavior {
height: 100%;
}
#behavior h1 {
float: left;
}
#behavior .selection-container {
float: right;
margin-top: 8px;
margin-left: 12px;
}
#behavior .global-filter-selection .chosen-container .chosen-single {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: 30px;
}
#behavior .global-filter-selection .chosen-container .chosen-single abbr {
top: 10px;
}
#behavior .global-filter-selection .chosen-container .chosen-single > span {
line-height: 2.3;
}
#behavior .global-filter-selection .chosen-container .chosen-single div b {
background-position-y: 5px;
}
#behavior .global-filter-selection .chosen-container-active .chosen-single {
border: 1px solid #aaa;
}
#behavior .behaviorStatsChart {
position: relative;
}
#behavior .behaviorStatsChart .loading-container {
position: absolute;
top: calc(50% - 78px);
left: calc(50% - 50px);
}
#daytime h1 {
float: left;
}
#daytime .highcharts-tooltip {
pointer-events: none;
}
#daytime .daytimeTooltipTable tr > td:nth-child(1) {
font-weight: bold;
text-align: right;
}
#daytime .daytimeTooltipTable tr > td:nth-child(2) {
text-align: left;
}
#daytime .tabStrip .k-content {
padding-top: 15px;
padding-bottom: 15px;
}
#daytime .egItemGrid td {
cursor: default;
}
#daytime .header {
min-height: 55px;
}
#daytime .header .right .radioGroup {
display: inline-block;
}
#daytime .header .right .modulesFilter {
display: inline-block;
}
#daytime .header .right .modulesFilter h4 {
margin: 0;
}
#daytime .header .right .exportIcon {
display: inline-block;
margin-left: 20px;
vertical-align: middle;
}
#daytime .header .right .exportIcon img {
display: block;
margin: 0 auto;
}
#daytime .selection-container {
display: inline-block;
margin-top: 8px;
margin-left: 12px;
}
#daytime .chartContainer {
position: relative;
min-height: 400px;
margin-top: 20px;
}
#daytime .global-filter-selection .chosen-container .chosen-single {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: 30px;
}
#daytime .global-filter-selection .chosen-container .chosen-single abbr {
top: 10px;
}
#daytime .global-filter-selection .chosen-container .chosen-single > span {
line-height: 2.3;
}
#daytime .global-filter-selection .chosen-container .chosen-single div b {
background-position-y: 5px;
}
#daytime .global-filter-selection .chosen-container-active .chosen-single {
border: 1px solid #aaa;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
.goal-stats-chart {
margin: 0 20px;
}
.goal-stats-chart .chart-header {
vertical-align: bottom;
position: relative;
padding-right: 6px;
}
.goal-stats-chart .chart-header.global-average {
padding-right: 70px;
}
.goal-stats-chart .chart-header .chart-title {
font-size: 22px;
color: #585858;
}
.goal-stats-chart .chart-header .chart-info {
font-size: 22px;
margin-left: 8px;
color: #b5b5b5;
}
.goal-stats-chart .chart-header .chartHoverInfoBox {
display: inline-block;
max-width: 400px;
position: absolute;
padding: 8px;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
margin-top: -10px;
margin-left: 10px;
box-sizing: border-box;
background-color: #f5f5f5;
z-index: 100000;
}
.goal-stats-chart .chart-header .chartHoverInfoBox:after {
right: 100%;
top: 18px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(205, 213, 204, 0);
border-right-color: #f5f5f5;
border-width: 8px;
margin-top: -5px;
}
.goal-stats-chart .chart-header .chart-control {
cursor: pointer;
font-size: 13px;
color: #848484;
float: right;
margin-right: 8px;
margin-top: 6px;
}
.goal-stats-chart .chart-header .chart-control .fa {
font-size: 18px;
margin-bottom: 1px;
vertical-align: middle;
margin-left: 4px;
color: #6E6E6E;
}
.goal-stats-chart .chart-header .chart-control:hover {
color: #BABABA;
}
.goal-stats-chart .chart-header .chart-control:hover .fa {
color: #BABABA;
}
.goal-stats-chart .chart-header .hide-show-control .fa {
font-size: 19px;
}
.goal-stats-chart .outer-chart-wrapper {
margin-top: 10px;
position: relative;
padding-right: 270px;
}
.goal-stats-chart .outer-chart-wrapper .chart-container {
margin-right: -270px;
width: 100%;
float: right;
}
.goal-stats-chart .outer-chart-wrapper .chart-container .highcharts-tooltip > span {
width: 180px;
}
.goal-stats-chart .outer-chart-wrapper .chart-container .highcharts-tooltip .time-range {
font-weight: bold;
margin-bottom: 4px;
color: #848484;
font-size: 13px;
}
.goal-stats-chart .outer-chart-wrapper .chart-container .highcharts-tooltip .point-data {
font-size: 13px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container {
width: 260px;
float: left;
box-sizing: border-box;
overflow: hidden;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend {
height: 280px;
width: 260px;
margin: 0;
padding: 0;
font-size: 16px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend table {
margin: 0 auto;
width: 260px;
table-layout: fixed;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend table th {
font-weight: normal;
text-align: left;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tr,
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend table td {
padding: 0;
margin: 0;
box-sizing: border-box;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tbody {
display: table;
width: 260px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend table thead,
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tbody {
border-bottom: #FFFFFF solid 3px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tbody.hidden td {
opacity: .4;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tbody.hidden td.low-confidence {
opacity: .18;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend table tbody:hover {
background-color: #ecfcba !important;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer {
height: 0;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer .circle-spacer {
width: 40px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer .test-total-spacer {
width: 220px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer .control-total-spacer {
width: 76px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer .lift-percent-spacer {
width: 84px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .column-spacer .lift-confidence-spacer {
width: 88px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .legend-body {
height: 238px;
overflow-y: auto;
overflow-x: hidden;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .legend-header {
background-color: #f5f5f5;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .legend-header .sub-headers .header {
padding-top: 5px;
height: 20px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .experience-group {
width: 100%;
cursor: pointer;
display: table-row-group;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .value {
margin-left: 2px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .value.empty {
font-size: 18px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .series-bar {
display: inline-block;
height: 0px;
width: 48px;
border-top: 3px;
position: absolute;
bottom: 2px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .top-experience-row {
height: 36px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .bottom-experience-row .experience-name-container {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .bottom-experience-row td {
border-spacing: 1px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .circle-column .legend-circle {
height: 16px;
width: 16px;
border-radius: 16px;
margin: auto;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .test-total-column {
position: relative;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .test-total-column .value {
margin-top: 3px;
font-weight: bold;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .test-total-column .series-bar {
border-top: solid;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .control-total-column {
position: relative;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .control-total-column .value {
margin-top: 5px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .control-total-column .series-bar {
border-top: dashed;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .control-total-column.is-experience-baseline .series-bar {
border-top: solid;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .value {
font-size: 18px;
margin-top: 3px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .value .fa {
font-size: 16px;
position: relative;
top: -1px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .value.empty {
margin-top: 5px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column.low-confidence {
opacity: .4;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .positive-lift {
color: #519100;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .zero-lift {
color: #808080;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-percent-column .negative-lift {
color: #dd360b;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-confidence-column .value {
width: 100%;
margin: 5px 0 0 0;
text-align: center;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-confidence-column .value .fa {
margin-right: 10px;
font-size: 18px;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-confidence-column .positive-lift {
color: #519100;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .lift-confidence-column .negative-lift {
color: #dd360b;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .experience-name {
padding-right: 10px;
box-sizing: border-box;
white-space: nowrap;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .spacer-column {
width: 0;
}
.goal-stats-chart .outer-chart-wrapper .chart-legend-container .chart-legend .spacer-column .legend-row-spacer {
min-height: 56px;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
.filtered-stats-overview .overview-chart {
overflow-x: auto;
}
.filtered-stats-overview .overview-chart .chart-row {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.filtered-stats-overview .overview-chart .chart-row:not(.filters-header) .chart-cell,
.filtered-stats-overview .overview-chart .chart-row.filters-header .header-chart-cell-container,
.filtered-stats-overview .overview-chart .chart-row.filters-header .goal-name-column.chart-cell {
min-width: 135px;
}
.filtered-stats-overview .overview-chart .chart-row .chart-cell {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
justify-content: center;
text-align: center;
padding: 4px;
background-color: #efefef;
border: 3px solid white;
}
.filtered-stats-overview .overview-chart .chart-row .chart-cell.show-heat-map.higher {
background-color: rgba(118, 167, 114, 0.3);
}
.filtered-stats-overview .overview-chart .chart-row .chart-cell.show-heat-map.lower {
background-color: rgba(195, 121, 121, 0.3);
}
.filtered-stats-overview .overview-chart .chart-row .chart-cell.goal-name-column {
text-align: left;
padding-top: 12px;
}
.filtered-stats-overview .overview-chart .chart-row .chart-cell.goal-name-column .goal-completion-rate {
margin-left: 8px;
}
.filtered-stats-overview .overview-chart .chart-row .chart-cell .cell-content {
width: 100%;
}
.filtered-stats-overview .overview-chart .chart-row .chart-cell .goal-completion-rate,
.filtered-stats-overview .overview-chart .chart-row .chart-cell .filter-goal-completion-rate {
padding-top: 10px;
font-size: 26px;
}
.filtered-stats-overview .overview-chart .chart-row .chart-cell.goal-name-column .goal-completion-rate,
.filtered-stats-overview .overview-chart .chart-row .chart-cell .filter-goal-completion-rate {
padding-top: 0;
}
.filtered-stats-overview .overview-chart .chart-row .chart-cell .goal-completions,
.filtered-stats-overview .overview-chart .chart-row .chart-cell .goal-completion-rate,
.filtered-stats-overview .overview-chart .chart-row .chart-cell .filter-goal-completions,
.filtered-stats-overview .overview-chart .chart-row .chart-cell .filter-goal-completion-rate {
display: inline-block;
}
.filtered-stats-overview .overview-chart .chart-row .chart-cell .stat-description {
font-size: 11px;
visibility: hidden;
text-transform: uppercase;
}
.filtered-stats-overview .overview-chart .chart-row:not(.no-stat-descriptions) .show-stat-labels .stat-description {
visibility: visible;
}
.filtered-stats-overview .overview-chart .chart-row:not(.filters-header) .chart-cell:not(.goal-name-column) .cell-content {
position: relative;
top: 7px;
}
.filtered-stats-overview .overview-chart .goal-name {
margin-left: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.filtered-stats-overview .overview-chart .filter-name,
.filtered-stats-overview .overview-chart .goal-name {
font-weight: bold;
font-size: 15px;
margin-bottom: 5px;
color: #737373;
}
.filtered-stats-overview .overview-chart .count {
margin-bottom: 3px;
}
.filtered-stats-overview .overview-chart .filters-header .goal-name-column {
background-color: inherit;
}
.filtered-stats-overview .overview-chart .filters-header .filter-stat-column.chart-cell {
padding-top: 11px;
border-top: none;
line-height: normal;
}
.filtered-stats-overview .overview-chart .filters-header .top-color-bar {
line-height: normal;
width: 100%;
box-sizing: border-box;
display: inline-block;
height: 3px;
border-left: 3px solid white;
border-right: 3px solid white;
}
.filtered-stats-overview .overview-chart .filters-header .header-chart-cell-container {
line-height: 0;
display: inline-block;
}
.filtered-stats-overview:not(.is-revenue-overview) .overview-chart .chart-row .chart-cell .goal-completions,
.filtered-stats-overview:not(.is-revenue-overview) .overview-chart .chart-row .chart-cell .filter-goal-completions {
margin-left: 5px;
}
.filtered-stats-overview:not(.is-revenue-overview) .overview-chart .chart-row .chart-cell .goal-completion-rate,
.filtered-stats-overview:not(.is-revenue-overview) .overview-chart .chart-row .chart-cell .filter-goal-completion-rate {
margin-right: 5px;
}
.filtered-stats-overview:not(.is-revenue-overview) .overview-chart .chart-row .chart-cell .filter-goal-completions {
text-align: left;
}
.filtered-stats-overview:not(.is-revenue-overview) .overview-chart .chart-row .chart-cell .filter-goal-completion-rate {
text-align: right;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
.global-goals-time-range-selector {
position: relative;
margin-bottom: 28px;
}
.global-goals-time-range-selector .range-selector-description {
font-size: 12px;
float: right;
font-style: italic;
margin-right: 20px;
margin-top: 6px;
position: relative;
}
.global-goals-time-range-selector .range-selector-description .range-selector-title {
font-weight: bold;
}
.global-goals-time-range-selector .time-range-selector-chart {
margin-top: 18px;
overflow: visible;
cursor: pointer;
}
.global-goals-time-range-selector .time-range-selector-chart.selecting {
cursor: ew-resize;
}
.global-goals-time-range-selector .time-range-selector-chart .highcharts-container {
overflow: visible !important;
border-left: solid 1px #EFEFEF;
border-right: solid 1px #EFEFEF;
}
.global-goals-time-range-selector .time-range-selector-chart .highcharts-container .highcharts-tooltip span {
white-space: normal !important;
}
.global-goals-time-range-selector .time-range-selector-chart .highcharts-container svg {
overflow: visible !important;
}
.global-goals-time-range-selector .timeline-container {
position: relative;
margin-right: 240px;
}
.global-goals-time-range-selector .timeline-container.filtered-mode {
margin-right: 22px;
}
.global-goals-time-range-selector .timeline-container .loading-container {
position: absolute;
top: 22px;
left: calc(50% - 20px);
opacity: 0.4;
}
.global-goals-time-range-selector .timeline-container .highcharts-xaxis-labels {
pointer-events: none;
}
.global-goals-time-range-selector .timeline-container .zoom-reset-button {
position: absolute;
right: 10px;
top: -34px;
font-size: 13px;
height: 22px;
line-height: 22px;
padding-right: 12px;
padding-left: 12px;
color: #848484;
cursor: pointer;
}
.global-goals-time-range-selector .timeline-container .zoom-reset-button:hover {
color: #BABABA;
}
.global-goals-time-range-selector .timeline-container .zoom-reset-button:hover .fa {
color: #BABABA;
}
.global-goals-time-range-selector .timeline-container .zoom-reset-button .fa {
font-size: 18px;
vertical-align: middle;
margin-left: 4px;
margin-bottom: 1px;
color: #6E6E6E;
}
.global-goals-time-range-selector .chart-key-container {
float: right;
width: 240px;
padding-left: 12px;
padding-top: 1px;
box-sizing: border-box;
}
.global-goals-time-range-selector .chart-key-container ul {
-webkit-padding-start: 30px;
-moz-padding-start: 30px;
padding-start: 30px;
-webkit-margin-before: 4px;
margin-before: 4px;
}
.global-goals-time-range-selector .chart-key-container ul li {
margin-bottom: 2px;
}
.global-goals-time-range-selector .label {
margin-top: 2px;
margin-bottom: 2px;
font-weight: bold;
text-align: center;
}
.global-goals-time-range-selector .range-input-container {
float: right;
width: 240px;
padding-left: 12px;
padding-top: 1px;
box-sizing: border-box;
}
.global-goals-time-range-selector .range-input-container ng-form .form-group .label {
text-align: left;
margin-top: 0px;
margin-bottom: 4px;
}
.global-goals-time-range-selector .range-input-container ng-form .form-group:first-child {
margin-bottom: 10px;
}
.timeline-tooltip {
position: absolute;
box-sizing: border-box;
background-color: #f5f5f5;
padding: 12px;
z-index: 100000;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.timeline-tooltip .header {
text-align: center;
margin-bottom: 6px;
font-weight: bold;
}
.timeline-tooltip.state-tooltip {
width: 190px;
}
.timeline-tooltip.state-tooltip .header {
font-size: 14px;
}
.timeline-tooltip.pin-tooltip {
min-width: 160px;
}
.timeline-tooltip.pin-tooltip .content {
text-align: center;
}
.timeline-tooltip.epoch-tooltip {
width: 160px;
}
.timeline-tooltip.epoch-tooltip .content {
text-align: center;
}
.timeline-tooltip:not(.shifted-left):not(.shifted-right):after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(243, 243, 243, 0);
border-bottom-color: #f5f5f5;
border-width: 5px;
margin-left: -5px;
}
.timeline-tooltip.shifted-left:after {
bottom: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(243, 243, 243, 0);
border-bottom-color: #f5f5f5;
border-width: 5px;
margin-left: -5px;
}
.timeline-tooltip.shifted-right:after {
bottom: 100%;
left: 80%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(243, 243, 243, 0);
border-bottom-color: #f5f5f5;
border-width: 5px;
margin-left: -5px;
}
.visitStatsChart {
clear: both;
}
.visitStatsChart .legendAndBarGraphs {
float: left;
width: 27%;
}
.visitStatsChart .legendAndBarGraphs table {
width: 100%;
}
.visitStatsChart .legendAndBarGraphs table tr:hover {
background-color: #ecfcba !important;
}
.visitStatsChart .legendAndBarGraphs table tr {
border: 3px solid #fff;
cursor: pointer;
}
.visitStatsChart .legendAndBarGraphs table tr .title {
font-size: 20px;
background-color: #efefef;
padding-top: 5px;
padding-bottom: 5px;
font-weight: normal;
}
.visitStatsChart .legendAndBarGraphs table tr .legend-circle {
height: 16px;
width: 16px;
border-radius: 16px;
margin: auto;
}
.visitStatsChart .legendAndBarGraphs table tr .legend-circle.hidden {
color: transparent;
}
.visitStatsChart .legendAndBarGraphs table tr .percentageBarContainer {
width: 85px;
}
.visitStatsChart .legendAndBarGraphs table tr .percentageBarContainer .percentageBar {
text-align: center;
height: 100%;
border: 3px solid;
border-radius: 3px;
}
.visitStatsChart .legendAndBarGraphs table tr .percentageOfVisits {
white-space: nowrap;
font-size: 18px;
}
.visitStatsChart .legendAndBarGraphs table tr .filter-name {
font-size: 18px;
}
.visitStatsChart .legendAndBarGraphs table tr td {
padding: 10px 5px 10px 5px;
}
.visitStatsChart .legendAndBarGraphs table tr td:first-child {
padding-left: 10px;
}
.visitStatsChart .legendAndBarGraphs table tr td:last-child {
padding-right: 10px;
}
.visitStatsChart .lineChart {
float: left;
width: 73%;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#eventStream .hide {
display: none;
}
#eventStream .selectionFilter {
line-height: normal;
height: auto;
}
#eventStream h1 {
margin-bottom: 0;
}
#eventStream .right {
float: right;
}
#eventStream .left {
float: left;
}
#eventStream .row {
position: relative;
}
#eventStream .row:after {
content: "";
display: table;
clear: both;
}
#eventStream .black {
color: #000000;
}
#eventStream .modeToggle {
margin-top: 24px;
}
#eventStream #filterBox {
padding-top: 20px;
width: 520px;
}
#eventStream #infoBox {
float: right;
margin-top: -27px;
}
#eventStream #infoBox .border {
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ffffff;
padding: 10px 40px;
display: inline-block;
}
#eventStream #infoBox ul {
text-align: center;
list-style-type: none;
padding: 0;
margin: 0;
}
#eventStream #infoBox ul li > i {
padding-left: 5px;
color: #0095da;
cursor: pointer;
}
#eventStream .pageDetail {
padding: 0 15px 15px 0;
}
#eventStream .pageDetail p {
margin-bottom: 0;
}
#eventStream .alignCenter td:first-child {
text-align: right;
vertical-align: top;
}
#eventStream .alignCenter td:nth-child(2) {
text-align: left;
}
#eventStream .oneCampaignStat:not(:first-child) {
margin-top: 6px;
}
#eventStream .searchForRow .label {
padding-right: 6px;
}
#eventStream .searchForRow .k-dropdown {
padding-right: 10px;
}
#eventStream .searchForRow a.linkButtonSmall {
margin-left: 5px;
}
#eventStream .eventTypeRow {
padding-top: 10px;
}
#funnels .funnelStats {
margin-top: 12px;
width: 95%;
}
#funnels .heading {
font-size: 14px;
}
#funnels .heading span {
font-style: italic;
}
#funnels .alternateRow {
background-color: #f5f5f5;
}
#funnels .stepStats {
margin-left: 12px;
}
#funnels .stepStats .funnelRow {
height: 50px;
line-height: 50px;
}
#funnels .stepStats .funnelRow DIV {
display: inline-block;
}
#funnels .stepStats .funnelRow .funnelLabel {
width: 43%;
text-align: right;
height: 50px;
line-height: 50px;
vertical-align: top;
font-size: 16px;
padding: 0 10px;
box-sizing: border-box;
color: #585858;
}
#funnels .stepStats .funnelRow .traversalStats {
width: 43%;
text-align: left;
border-left: 4px #d5d5d5 solid;
}
#funnels .stepStats .funnelRow .exitsSection {
width: 43%;
text-align: right;
border-right: 4px #d5d5d5 solid;
}
#funnels .stepStats .funnelRow .exits {
background-color: #DD360B;
}
#funnels .stepStats .funnelRow.spacingRow {
height: 16px;
line-height: 16px;
}
#funnels .stepStats .funnelRow.headings .legend {
padding: 0 10px;
display: inline-block;
}
#funnels .stepStats .funnelRow.headings .exitsLabel I.fa {
color: #DD360B;
}
#funnels .stepStats .funnelRow.headings .continuousLabel I.fa {
color: #1071a8;
}
#funnels .stepStats .funnelRow.headings .entrancesLabel I.fa {
color: #227414;
}
#funnels .stepStats .funnelBar {
height: 50px;
line-height: 50px;
color: white;
padding: 0 6px;
box-sizing: border-box;
vertical-align: bottom;
cursor: default;
text-align: center;
}
#funnels .stepStats .funnelBar.narrow {
min-width: 8px;
padding: 0 4px;
}
#funnels .stepStats .funnelBar.narrow SPAN {
color: #f0f0f0;
text-shadow: 0px 0px 3px black;
}
#funnels .stepStats .funnelBar.zeroWidth {
padding: 0 0;
min-width: 0;
}
#funnels .stepStats .funnelBar.continuous:not(.zeroWidth) {
margin-right: 1px;
}
#funnels .stepStats .continuous {
background-color: #1071a8;
}
#funnels .stepStats .entrances {
background-color: #227414;
}
#funnels #noFunnelsMessage {
position: relative;
display: inline-block;
}
#funnels #noFunnelsMessage .message {
width: 250px;
padding: 15px;
background-color: #f5f5f5;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
z-index: 1;
margin: 0 auto;
}
#funnels #noFunnelsMessage .message p {
margin: 5px;
}
#funnels #noFunnelsMessage span {
font-weight: bold;
}
#funnels #noFunnelsMessage .linkButton {
margin: 5px;
}
#funnels #noFunnelsMessage img {
z-index: -1;
opacity: 0.2;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
#global-goals-stats .k-grid table {
border-collapse: collapse;
}
#global-goals-stats .title-container {
float: left;
width: calc(100% - 300px);
}
#global-goals-stats .title-container .page-title {
display: inline-block;
margin-top: 0;
margin-bottom: 4px;
}
#global-goals-stats .title-container .fa-info-circle {
color: #b5b5b5;
font-size: 22px;
margin-left: 10px;
}
#global-goals-stats .title-container .breadcrumbs {
margin-left: 2px;
}
#global-goals-stats .options-container {
margin-right: 13px;
margin-top: 5px;
float: right;
width: 709px;
}
#global-goals-stats .options-container .chosen-single {
color: #585858;
}
#global-goals-stats .options-container .chosen-container {
max-width: 222px;
}
#global-goals-stats .options-container .selection-container {
display: inline-block;
}
#global-goals-stats .options-container .selection-container .option-label {
font-weight: bold;
margin-right: 2px;
margin-bottom: 4px;
}
#global-goals-stats .options-container .selection-container .chosenDropdownWrapper {
display: inline-block;
}
#global-goals-stats .options-container .filter-attribution-selection {
margin-left: 14px;
}
#global-goals-stats .unable-to-load {
margin-left: 12px;
margin-top: 20px;
}
#global-goals-stats .page-row {
margin-bottom: 18px;
}
#global-goals-stats .page-row.overview-row {
margin-bottom: 38px;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
#global-goals-stats-filter .title-container {
float: left;
width: 300px;
}
#global-goals-stats-filter .title-container .page-title {
display: inline-block;
margin-top: 0;
margin-bottom: 4px;
}
#global-goals-stats-filter .title-container .fa-info-circle {
color: #b5b5b5;
font-size: 22px;
margin-left: 10px;
}
#global-goals-stats-filter .title-container .breadcrumbs {
margin-left: 2px;
}
#global-goals-stats-filter .options-container {
margin-right: 13px;
margin-top: 5px;
float: right;
width: 485px;
}
#global-goals-stats-filter .options-container .chosen-single {
color: #585858;
}
#global-goals-stats-filter .options-container .chosen-container {
max-width: 222px;
}
#global-goals-stats-filter .options-container .selection-container {
display: inline-block;
margin-left: 14px;
}
#global-goals-stats-filter .options-container .selection-container .option-label {
font-weight: bold;
margin-right: 2px;
margin-bottom: 4px;
}
#global-goals-stats-filter .options-container .selection-container .chosenDropdownWrapper {
display: inline-block;
}
#global-goals-stats-filter .nav .nav-tabs {
display: none;
}
#global-goals-stats-filter .nav {
cursor: default;
}
#global-goals-stats-filter .nav .a {
cursor: pointer;
}
#global-goals-stats-filter .nav.nav-tabs {
border-bottom: 1px solid #b5b5b5;
}
#global-goals-stats-filter .stats-overview-row {
margin-top: 35px;
}
#global-goals-stats-filter .unable-to-load {
margin-left: 12px;
margin-top: 20px;
}
#incoming h2 {
display: inline-block;
}
#incoming .tabStrip .k-content {
padding-top: 15px;
padding-bottom: 15px;
}
#incoming .incomingGrid {
margin-top: 30px;
}
#incoming .incomingGrid td {
cursor: default;
}
#incoming .header {
color: #000000;
font-size: 12px;
}
#incoming .header .visitLabel {
width: 473px;
display: inline-block;
}
#incoming .subHeader {
color: #000000;
min-height: 55px;
width: 100%;
height: 80px;
font-size: 14px;
}
#incoming .subHeader .revenueTotals {
width: 65%;
float: left;
}
#incoming .subHeader .revenueTotals .referringRev {
width: 250px;
float: left;
}
#incoming .subHeader .revenueTotals .siteRev {
margin-left: 10px;
}
#incoming .subHeader .subHeaderLabel {
display: inline-block;
font-weight: 300;
}
#incoming .subHeader .radioGroup {
margin-top: 4px;
}
#incoming .subHeader .visitLabel {
width: 473px;
font-size: 22px;
display: inline-block;
}
#incoming .subHeader .totals {
font-size: 18px;
}
#incoming .gridHeader {
height: 30px;
margin-bottom: 7px;
}
#incoming .gridHeader .groupBy .modulesFilter {
display: inline-block;
}
#incoming .gridHeader .groupBy .modulesFilter h4 {
margin: 0;
}
#incoming .gridHeader .groupBy .exportIcon {
display: inline-block;
margin-left: 20px;
vertical-align: middle;
}
#incoming .gridHeader .groupBy .exportIcon img {
display: block;
margin: 0 auto;
}
#incoming .sourcesGrid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#incoming .sourcesGrid .sourceBlockCell {
height: 350px;
width: 400px;
margin: 20px 20px 20px 0px;
background-color: #f5f5f5;
color: #000000;
}
#incoming .sourcesGrid .sourceBlockCell .sourceName {
padding: 16px;
font-size: 22px;
}
#incoming .sourcesGrid .sourceBlockCell .sourceName .revenuePercentage {
float: right;
margin-top: -36px;
margin-right: 30px;
padding: 3px;
background-color: #000000;
color: #FFFFFF;
font-size: 16px;
border-radius: 50px;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
}
#incoming .sourcesGrid .sourceBlockCell .highchartContainer {
width: 100%;
height: 125px;
}
#incoming .sourcesGrid .sourceBlockCell .highchartContainer .loading-background {
background-color: inherit !important;
}
#incoming .sourcesGrid .sourceBlockCell .sourceMetadata {
width: 94%;
margin-left: 10px;
height: 142px;
}
#incoming .sourcesGrid .sourceBlockCell .sourceMetadata .sourceRevenueContainer {
float: left;
height: 100px;
margin-top: 10px;
}
#incoming .sourcesGrid .sourceBlockCell .sourceMetadata .sourceRevenueContainer .revenueNumber {
font-size: 28px;
}
#incoming .sourcesGrid .sourceBlockCell .sourceMetadata .sourceVisitContainer {
height: 75px;
margin-top: 10px;
float: right;
width: 35%;
font-size: 18px;
}
#incoming .sourcesGrid .sourceBlockCell .sourceMetadata .sourceVisitContainer .visitLabel {
margin-bottom: 10px;
}
#incoming .sourcesGrid .sourceBlockCell .sourceMetadata .dataLabel {
color: #848484;
font-size: 14px;
}
#incoming .sourcesGrid .sourceBlockCell .bottomLines {
width: 100%;
height: 25px;
color: #848484;
}
#incoming .sourcesGrid .sourceBlockCell .bottomLines div.lineContainer {
float: left;
width: 33%;
text-align: center;
padding-bottom: 5px;
}
#incoming .sourcesGrid .sourceBlockCell .bottomLines div.lineContainer .lineChart {
background-color: #ff9600;
margin-top: 5px;
padding-bottom: 5px;
}
#paths .actionNameBox {
width: 500px;
}
#paths #pathsList {
margin-top: 10px;
}
#paths #pathsList h3 {
margin: 2px 0 2px 0;
}
#paths #pathsList p {
margin: 2px 0 2px 0;
}
#paths #pathsList .pathsSummary {
height: 150px;
}
#paths #pathsList .pathsSummary .pathsDescription {
float: left;
max-width: 300px;
min-width: 300px;
width: 300px;
}
#paths #pathsList .pathsSummary .exitStats {
float: left;
text-align: center;
}
#paths #pathsList table {
width: 600px;
max-width: 600px;
min-width: 600px;
}
#paths #pathsList table .pathsTableHeader {
color: #585858;
}
#paths #pathsList table tr.pathRow {
color: #0095da;
cursor: pointer;
}
#paths #pathsList table tr.pathRow td {
padding: 7px;
}
#paths #pathsList table tr.pathRow td .percentageBarContainer {
width: 120px;
}
#paths #pathsList table tr.pathRow td .percentageBarContainer .percentageBar {
text-align: center;
height: 100%;
border: 3px solid;
border-radius: 3px;
}
#paths #pathsList table tr.pathRow .destinationAction {
width: 250px !important;
}
#paths #pathsList table tr.pathRow .totalCount {
text-align: center;
}
#paths #pathsList table tr.pathRow .percentOfTotal {
text-align: right;
}
#paths #pathsList table .oddRow {
background-color: #fff;
}
#paths #pathsList table .evenRow {
background-color: #efefef;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#purchaseFunnel .segmentInfo {
display: inline-block;
vertical-align: top;
width: 300px;
height: auto;
margin: 15px;
}
#purchaseFunnel .segmentInfo .header {
height: 75px;
}
#purchaseFunnel .segmentInfo .header h3 {
text-align: center;
}
#purchaseFunnel .segmentInfo .header .chosenFilter {
margin-bottom: 5px;
}
#purchaseFunnel .segmentInfo .k-chart {
display: table;
margin: 0 auto;
width: 260px;
margin-bottom: 15px;
}
#purchaseFunnel .segmentInfo .noneSelected {
height: 460px;
}
#purchaseFunnel .segmentInfo .revenue {
display: table;
margin: 0 auto;
}
#purchaseFunnel .segmentInfo .revenue .label {
padding-right: 4px;
}
#purchaseFunnel .addColumn {
display: inline-block;
vertical-align: top;
margin-top: 24px;
padding-left: 24px;
}
#purchaseFunnel .addColumn .fa-plus-circle {
cursor: pointer;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#revenue .inlineChart {
min-width: 300px;
display: inline-block;
margin: 0px 20px;
}
#revenue .row {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#revenue .row .chart {
min-width: 300px;
display: inline-block;
margin: 0px 20px;
}
#revenue #row1 {
margin-bottom: 50px;
}
#technology {
height: 100%;
}
#technology h1 {
float: left;
}
#technology .selection-container {
float: right;
margin-top: 8px;
margin-left: 12px;
}
#technology .global-filter-selection .chosen-container .chosen-single {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: 30px;
}
#technology .global-filter-selection .chosen-container .chosen-single abbr {
top: 10px;
}
#technology .global-filter-selection .chosen-container .chosen-single > span {
line-height: 2.3;
}
#technology .global-filter-selection .chosen-container .chosen-single div b {
background-position-y: 5px;
}
#technology .global-filter-selection .chosen-container-active .chosen-single {
border: 1px solid #aaa;
}
#technology .behaviorStatsChart {
position: relative;
}
#technology .behaviorStatsChart .loading-container {
position: absolute;
top: calc(50% - 78px);
left: calc(50% - 50px);
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#dashboard {
padding: 17px;
}
#dashboard a:hover {
cursor: pointer;
}
#dashboard .header h1 {
display: inline-block;
margin-bottom: 0;
}
#dashboard .header .dashboardSlider {
float: right;
}
#dashboard .dashboardSection {
margin-top: 20px;
}
#dashboard .dashboardSection h2 {
margin: 0px 0px;
padding-left: 6px;
font-family: inherit;
margin-bottom: 3px;
}
#dashboard .dashboardSection h3 {
padding: 0px;
margin: 0px;
}
#dashboard .dashboardSection .divider {
width: 100%;
height: 3px;
margin-top: 10px;
margin-bottom: 18px;
background-color: #0095da;
}
#dashboard .dashboardSection .row {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#dashboard .dashboardSection .row > div {
min-width: 200px;
text-align: left;
}
#dashboard .dashboardSection .content {
padding: 0px 12px 12px 12px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#dashboard .dashboardSection .content .spacer {
width: 20px;
}
#dashboard .dashboardSection .content .subSectionHeader {
box-sizing: content-box;
}
#dashboard .dashboardSection .content .subSectionHeader .title {
margin-bottom: 10px;
position: relative;
}
#dashboard .dashboardSection .content .subSectionHeader .title.summaryTitleSpacer {
margin-bottom: 10px;
}
#dashboard .dashboardSection .content .subSectionHeader .title .viewDetail {
position: absolute;
right: 0px;
top: 0px;
color: #0095da;
}
#dashboard .dashboardSection .content .subSectionHeader .title .viewDetail i {
margin-left: 8px;
}
#dashboard .dashboardSection .content .subSectionHeader .subtitle {
height: 21px;
}
#dashboard .dashboardSection .content .subSectionHeader .subtitle .description {
display: inline-block;
position: relative;
top: 2px;
}
#dashboard .dashboardSection .content .subSectionHeader .subtitle .description.indent {
margin-left: 13px;
}
#dashboard .dashboardSection .content .subSectionHeader .subtitle.extraSpace {
margin-top: 15px;
margin-bottom: 13px;
}
#dashboard .dashboardSection .summaryTable table {
width: 100%;
}
#dashboard .dashboardSection .summaryTable tr {
height: 30px;
}
#dashboard .dashboardSection .summaryTable tr.grey {
background-color: #f9f9f9;
}
#dashboard .dashboardSection .summaryTable tr td.statTitle {
padding-left: 12px;
}
#dashboard .dashboardSection #topCampaignsList {
margin-top: 0;
}
#dashboard .dashboardSection .topCampaignsTable .k-header,
#dashboard .dashboardSection .topCountriesTable .k-header,
#dashboard .dashboardSection .topItemsTable .k-header {
background-color: #f5f5f5;
text-transform: inherit;
font-size: 12px;
}
#dashboard .dashboardSection .topCampaignsTable .k-header .k-link,
#dashboard .dashboardSection .topCountriesTable .k-header .k-link,
#dashboard .dashboardSection .topItemsTable .k-header .k-link {
color: #808080;
}
#dashboard .dashboardSection .topCampaignsTable .k-header:before,
#dashboard .dashboardSection .topCountriesTable .k-header:before,
#dashboard .dashboardSection .topItemsTable .k-header:before {
display: none;
}
#dashboard .dashboardSection .topCampaignsTable td,
#dashboard .dashboardSection .topCountriesTable td,
#dashboard .dashboardSection .topItemsTable td {
font-weight: inherit;
cursor: default;
}
#dashboard .dashboardSection .topCampaignsTable td div,
#dashboard .dashboardSection .topCountriesTable td div,
#dashboard .dashboardSection .topItemsTable td div {
color: #0095da;
}
#dashboard .dashboardSection .topCampaignsTable td:nth-child(2),
#dashboard .dashboardSection .topCountriesTable td:nth-child(2),
#dashboard .dashboardSection .topItemsTable td:nth-child(2) {
padding-left: 12px;
}
#dashboard #dashboardRevenueSection .content #totalRevenueChart {
height: 270px;
}
#dashboard #dashboardRevenueSection .content .col1 {
-webkit-flex-grow: 1.5;
flex-grow: 1.5;
width: 0;
margin-left: -22px;
}
#dashboard #dashboardRevenueSection .content .col1 .loadingGears {
top: 80px !important;
}
#dashboard #dashboardRevenueSection .content .col2 {
-webkit-flex-grow: 1;
flex-grow: 1;
width: 0;
min-width: 300px;
max-width: 510px;
}
#dashboard #dashboardRevenueSection .content .totalRevenueSubHeader {
float: right;
}
#dashboard #dashboardRevenueSection .content .totalRevenueSubHeader .cell {
display: inline-block;
vertical-align: top;
}
#dashboard #dashboardRevenueSection .content .totalRevenueSubHeader .revenueNumber {
font-size: 28px;
color: #000000;
}
#dashboard #dashboardRevenueSection .content .totalRevenueSubHeader .revenueLabel {
font-size: 16px;
text-align: right;
}
#dashboard #dashboardRevenueSection .content .totalRevenueSubHeader .revenuePercentage .dashboardChangeArrow {
padding-top: 0px;
}
#dashboard #dashboardRevenueSection .content .totalRevenueSubHeader .revenuePercentage .dashboardChangeArrow i {
text-align: center;
width: 100%;
}
#dashboard #dashboardRevenueSection .content .totalRevenueSubHeader .revenuePercentage .dashboardChangeArrow div {
width: 100%;
font-size: 16px;
text-align: center;
top: -10px;
}
#dashboard #dashboardActivitySection .content .col1 {
-webkit-flex-grow: 1.5;
flex-grow: 1.5;
width: 0;
}
#dashboard #dashboardActivitySection .content .col2 {
-webkit-flex-grow: 1;
flex-grow: 1;
width: 0;
min-width: 300px;
max-width: 510px;
}
#dashboard #dashboardActivitySection .content .col2 #topCampaignsHeader {
margin-top: 30px;
}
#dashboard #dashboardVisitorsSection {
min-height: 450px;
}
#dashboard #dashboardVisitorsSection .content .col1 {
-webkit-flex-grow: 1.5;
flex-grow: 1.5;
width: 0;
}
#dashboard #dashboardVisitorsSection .content .col2 {
-webkit-flex-grow: 1;
flex-grow: 1;
width: 0;
min-width: 510px;
max-width: 510px;
}
#dashboard #dashboardVisitorsSection .content .col2 #geographyHeader {
margin-top: 30px;
}
#dashboard #dashboardVisitorsSection #visitorsMapAndTable {
position: relative;
height: 200px;
margin-top: 20px;
}
#dashboard #dashboardVisitorsSection #visitorsMapAndTable #topVisitorsMap {
position: absolute;
display: table;
margin: 0 auto;
width: 250px;
height: 180px;
border: 1px solid #e5e5e5;
}
#dashboard #dashboardVisitorsSection #visitorsMapAndTable #topVisitorsMap svg {
height: 180px;
}
#dashboard #dashboardVisitorsSection #visitorsMapAndTable #topCountriesList {
-webkit-flex-grow: 1;
flex-grow: 1;
position: absolute;
top: 0px;
left: 260px;
width: 250px;
}
#dashboard #dashboardItemsSection .content #dailyItemStatsChart {
height: 350px;
}
#dashboard #dashboardItemsSection .content .col1 {
width: 230px;
background-color: #f9f9f9;
}
#dashboard #dashboardItemsSection .content .col1 ul.itemTypes {
padding: 3px 0px;
margin: 0px;
}
#dashboard #dashboardItemsSection .content .col1 ul.itemTypes li {
position: relative;
max-height: 35px;
height: 35px;
list-style-position: inside;
font-size: 14px;
padding-left: 15px;
padding-top: 10px;
box-sizing: border-box;
list-style-type: none;
cursor: pointer;
display: block;
margin: 0px;
border-left: 3px solid #f9f9f9;
}
#dashboard #dashboardItemsSection .content .col1 ul.itemTypes li > div {
position: absolute;
left: 15px;
top: 10px;
}
#dashboard #dashboardItemsSection .content .col1 ul.itemTypes li:hover {
background-color: #ddf2c3;
border-left: 3px solid #82c135;
}
#dashboard #dashboardItemsSection .content .col1 ul.itemTypes li.selected {
background-color: white;
border-left: 3px solid #0095da;
}
#dashboard #dashboardItemsSection .content .col2 {
-webkit-flex-grow: 1;
flex-grow: 1;
}
#dashboard .graph,
#dashboard #visitorsMapAndTable,
#dashboard .summaryTable {
position: relative;
}
#dashboard .visitor-map-container {
min-height: 191px;
}
#dashboard .topCampaignsTable {
min-height: 140px;
}
#dashboard .chart.partialLastBucket svg .highcharts-series rect:last-child {
outline: 2px solid #0095da;
outline-offset: -2px;
fill: rgba(0, 149, 218, 0.1);
outline-style: dotted;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.dashboardChangeArrow {
min-width: 70px;
height: 21px;
max-height: 21px;
border-radius: 5px;
position: relative;
display: inline-block;
box-sizing: content-box;
padding: 0px 10px;
}
.dashboardChangeArrow.large {
min-width: 114px;
height: 39px;
padding: 15px;
font-size: 28px;
}
.dashboardChangeArrow.large i {
position: static;
}
.dashboardChangeArrow.large .value {
margin-left: 0;
top: 0;
}
.dashboardChangeArrow i {
position: absolute;
left: 10px;
top: 3px;
}
.dashboardChangeArrow .value {
display: inline-block;
margin-left: 20px;
position: relative;
top: 2px;
}
.dashboardChangeArrow.up {
color: #519100;
}
.dashboardChangeArrow.up.background {
background-color: #ddf2c3;
}
.dashboardChangeArrow.down {
color: #dd360b;
}
.dashboardChangeArrow.down.background {
background-color: #ffdcc5;
}
#actions h1 {
display: inline-block;
}
#actions .tabStrip .k-content {
padding-top: 15px;
padding-bottom: 15px;
}
#actions .egItemGrid .k-grid table td {
cursor: pointer !important;
}
#actions .header {
min-height: 55px;
}
#actions .header .right .pageViewFilter {
display: inline-block;
min-height: 55px;
margin-right: 16px;
}
#actions .header .right .modulesFilter {
display: inline-block;
min-height: 55px;
}
#actions .header .right .modulesFilter h4 {
margin: 0;
}
#actions .header .right .modulesFilter .k-multiselect {
max-height: 35px;
overflow-x: hidden;
overflow-y: auto;
height: 29px;
cursor: text;
}
#actions .header .right .modulesFilter .k-multiselect .k-multiselect-wrap {
height: 29px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#actions .header .right .modulesFilter .k-multiselect-wrap > .k-input {
margin-top: 4px;
color: #848484;
font-style: italic;
}
#actions .header .right .modulesFilter .k-multiselect-wrap > .k-input:focus {
color: #585D67;
font-style: normal;
}
#actions .header .right .keywordFilter {
display: inline-block;
min-height: 55px;
margin-left: 16px;
}
#actions .header .right .keywordFilter h4 {
margin: 0;
}
#actions .header .right .exportIcon {
display: inline-block;
margin-left: 20px;
vertical-align: middle;
}
#actions .header .right .exportIcon img {
display: block;
margin: 0 auto;
}
#actions #emptyGridMessage {
margin-top: 20px;
margin-left: 20px;
position: relative;
width: 650px;
height: 115px;
}
#actions #emptyGridMessage .message {
margin-left: 125px;
width: 310px;
padding: 5px 15px 5px 20px;
background-color: #f5f5f5;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
}
#actions #emptyGridMessage .linkButton {
margin: 0;
}
#actions #emptyGridMessage span {
font-weight: bold;
}
#actions #emptyGridMessage a {
margin: 5px;
}
#actions #emptyGridMessage img {
position: absolute;
top: 0;
z-index: -1;
opacity: 0.8;
}
.addPromotion h2 .fa {
margin-right: 5px;
}
.addPromotion table tr td span.k-dropdown {
margin-left: 0;
}
.addPromotion table tr td span.k-dropdown span.k-dropdown-wrap {
margin-left: 0;
}
.addPromotion table tr td .staticValue {
padding-left: 0;
}
.addPromotion .k-upload .k-button.k-upload-selected {
visibility: hidden;
}
.addPromotion .buttonRow {
margin-top: 20px;
}
.addPromotion .buttonRow .linkButton {
margin-left: 5px;
}
.statusMessageWrapperDiv.modalStatusMessageWrapperDiv {
text-align: center;
margin: 5px 15px;
min-height: inherit;
max-height: inherit;
max-width: 500px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#categories .tabStrip {
border: none;
}
#categories .tabStrip > div {
padding: 0px;
}
#categories .tabStrip > div.statistics {
padding: 15px;
}
#categories .selectionAndDetailTwoPaneCombo {
min-height: 500px;
}
#categories .selectionAndDetailTwoPaneCombo #categoryGrid {
min-height: 675px;
}
#categories .selectionAndDetailTwoPaneCombo #categoryGrid .spacer {
display: inline-block;
height: 1px;
}
#categories .selectionAndDetailTwoPaneCombo #categoryGrid .toggle {
display: inline-block;
width: 9px;
height: 9px;
}
#categories .selectionAndDetailTwoPaneCombo .chart {
margin-left: -30px;
}
#categories .rightPreviewPane .noneSelected {
min-height: 645px;
}
#categories .rightPreviewPane .previewSection.main .header {
font-weight: bold;
margin-bottom: 13px;
}
#categories .rightPreviewPane .previewSection.main .header div {
display: inline-block;
}
#categories .rightPreviewPane .previewSection.main .header .right {
float: right;
}
#categories .rightPreviewPane .previewSection.main .header .right .fa {
margin-left: 9px;
}
#categories .rightPreviewPane .previewSection.main .imageAndDesc img {
width: 96px;
height: 96px;
float: left;
margin-right: 11px;
}
#categories .rightPreviewPane .previewSection.main .imageAndDesc div {
width: 254px;
}
#categories .rightPreviewPane .previewSection.main .props {
clear: both;
padding-top: 13px;
}
#categories .rightPreviewPane .previewSection.main .props td {
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px;
vertical-align: top;
}
#categories .rightPreviewPane .previewSection.main .props td a {
padding-right: 6px;
}
#categories .rightPreviewPane .previewSection.main .props td:first-child {
font-weight: bold;
text-align: right;
}
#categories .rightPreviewPane .itemStats {
position: relative;
}
#categories .note {
margin-top: 12px;
margin-bottom: 12px;
}
#categories .smallNote {
font-size: 11px;
color: #b5b5b5;
}
#categories .previewList {
margin-left: 6px;
margin-top: 20px;
}
#categories .categoryLink {
vertical-align: middle;
display: inline-block;
}
#itemEdit .k-tabstrip-wrapper {
padding-top: 10px;
}
#itemEdit h2 {
margin-bottom: 10px;
}
#itemEdit h3 {
margin-top: 25px;
}
#itemEdit .k-upload {
margin-bottom: 30px;
}
#itemEdit .headerWithDescription {
margin-bottom: 5px;
}
#itemEdit .buttons {
float: right;
margin-left: 10px;
margin-top: 10px;
}
#itemEdit .buttons a {
margin-left: 10px;
}
#itemEdit .buttons #locked {
width: 100px;
margin-right: 10px;
}
#itemEdit .row {
display: table;
vertical-align: top;
min-height: 35px;
margin-top: 10px;
margin-bottom: 10px;
}
#itemEdit .row .k-datetimepicker {
margin-left: 7px;
}
#itemEdit .label {
display: table-cell;
width: 105px;
text-align: right;
vertical-align: top;
padding-top: 7px;
font-size: 14px;
white-space: nowrap;
}
#itemEdit .mediaThumbnail {
display: inline-block;
vertical-align: top;
padding: 10px;
margin-right: 10px;
margin-top: 10px;
border-radius: 5px;
height: 280px;
width: 220px;
background-color: #f5f5f5;
}
#itemEdit .mediaThumbnail .imageContainer {
height: 200px;
}
#itemEdit .mediaThumbnail .mediaTitle {
height: 50px;
margin-top: 10px;
text-align: center;
}
#itemEdit .mediaThumbnail .mediaActions {
height: 20px;
text-align: center;
text-transform: uppercase;
}
#itemEdit .mediaThumbnail .mediaActions a {
margin-right: 10px;
}
#itemEdit .mediaThumbnail .itemImage {
display: block;
margin: auto auto;
max-height: 100%;
max-width: 100%;
padding: 0;
margin-left: 6px;
}
#itemEdit .egItemSearch {
margin-left: 6px;
margin-right: 6px;
}
#itemEdit .itemImage {
border: #d5d5d5 dashed 2px;
max-width: 250px;
max-height: 250px;
}
#itemEdit .staticValue {
display: table-cell;
padding-top: 7px;
padding-left: 10px;
}
#itemEdit .staticValue,
#itemEdit input[type=text],
#itemEdit textarea {
width: 600px;
margin-left: 7px;
margin-right: 7px;
}
#itemEdit input,
#itemEdit textarea {
margin-left: 8px;
}
#itemEdit input.twoColumn {
width: 200px;
}
#itemEdit .label.twoColumn {
padding-left: 20px;
}
#itemEdit .k-dropdown {
margin-left: 8px;
}
#itemEdit input[type=checkbox] {
margin-left: 8px;
margin-right: 7px;
}
#itemEdit input.number {
width: 100px;
}
#itemEdit img {
margin-left: 7px;
}
#itemEdit tags-input .host {
margin-left: 7px;
width: 617px;
}
#itemEdit tags-input .host .tags {
min-height: 62px;
}
#itemEdit .datetime {
display: inline-block;
margin-left: 7px;
}
#itemEdit .datetime .k-datetimepicker {
width: 220px;
}
#itemEdit .exclusions .header {
margin-top: 10px;
height: 28px;
}
#itemEdit .exclusions .header .page-header {
float: left;
margin-top: 0px;
margin-bottom: 0px;
}
#itemEdit .exclusions .header .user-buttons {
z-index: 1;
float: right;
}
#itemEdit .categoryLink {
vertical-align: middle;
display: inline-block;
}
#itemEdit .categoryLink.header {
margin-bottom: 10px;
}
#itemEdit .relationships #relationshipDescription {
color: #9b9b9b;
font-size: 14px;
}
#itemEdit .tag {
background: #b5b5b5;
color: white;
padding: 5px 10px;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 3px;
cursor: default;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#itemList .selectionFilter h1 {
margin: 0;
}
#itemList .selectionFilter .filters {
float: right;
}
#itemList .selectionFilter .filters div {
display: inline-block;
}
#itemList .selectionFilter .itemsFilter {
padding-top: 0px;
}
#itemList .selectionFilter .promotion {
margin-left: 15px;
margin-right: 0;
}
#itemList .tabStrip {
border: none;
}
#itemList .tabStrip > div {
padding: 0px;
}
#itemList .tabStrip > div.statistics {
padding: 15px;
min-height: 500px;
}
#itemList #noCampaignSelected {
width: 100%;
min-height: 675px;
padding: 20px;
}
#itemList .selectionAndDetailTwoPaneCombo {
min-height: 500px;
}
#itemList .selectionAndDetailTwoPaneCombo #itemGrid {
min-height: 675px;
}
#itemList .selectionAndDetailTwoPaneCombo .chart {
margin-left: -30px;
}
#itemList .rightPreviewPane .noneSelected {
min-height: 645px;
}
#itemList .rightPreviewPane .previewSection.main .header {
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
position: relative;
}
#itemList .rightPreviewPane .previewSection.main .header div {
display: inline-block;
}
#itemList .rightPreviewPane .previewSection.main .header .right {
float: right;
}
#itemList .rightPreviewPane .previewSection.main .header .right .fa {
margin-left: 9px;
}
#itemList .rightPreviewPane .previewSection.main .imageAndDesc {
margin-top: 7px;
margin-bottom: 7px;
}
#itemList .rightPreviewPane .previewSection.main .imageAndDesc img {
max-width: 96px;
max-height: 96px;
float: left;
margin-right: 11px;
}
#itemList .rightPreviewPane .previewSection.main .imageAndDesc div {
width: 254px;
}
#itemList .rightPreviewPane .previewSection.main .imageOnly {
margin-top: 7px;
margin-bottom: 7px;
}
#itemList .rightPreviewPane .previewSection.main .imageOnly img {
max-width: 100%;
}
#itemList .rightPreviewPane .previewSection.main .productInfoTags .productInfoTag {
background-color: gray;
color: white;
padding: 4px;
border-radius: 4px;
line-height: 28px;
}
#itemList .rightPreviewPane .previewSection.main .props {
clear: both;
padding-top: 13px;
}
#itemList .rightPreviewPane .previewSection.main .props table {
width: auto;
table-layout: fixed;
}
#itemList .rightPreviewPane .previewSection.main .props td {
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px;
vertical-align: top;
}
#itemList .rightPreviewPane .previewSection.main .props td a {
padding-right: 6px;
word-break: break-all;
}
#itemList .rightPreviewPane .previewSection.main .props td:last-child {
width: 99%;
}
#itemList .rightPreviewPane .previewSection.main .props td:first-child {
white-space: nowrap;
word-break: keep-all;
font-weight: bold;
text-align: right;
}
#itemList .rightPreviewPane .itemStats {
position: relative;
}
#itemList .rightPreviewPane .listPrice {
position: absolute;
right: 22px;
top: 16px;
color: #b5b5b5;
text-decoration: line-through;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.itemsFilter {
min-height: 50px;
margin-bottom: 10px;
height: initial;
line-height: initial;
padding-top: 20px;
}
.itemsFilter > * {
display: inline-block;
}
.itemsFilter #categoryDropdown {
margin-right: 6px;
}
.itemsFilter #categoryDropdown span.k-dropdown {
margin-top: -1px;
}
.itemsFilter #categoryDropdown .k-input {
padding-top: 1px;
padding-bottom: 1px;
}
.itemsFilter .dropdownButton {
width: 200px;
line-height: initial;
display: inline-block;
}
.itemsFilter .chosenFilter {
min-width: 235px;
margin-left: 11px;
}
.itemsFilter .chosenFilter .chosen-container {
height: 28px;
margin-top: -1px;
}
.itemsFilter .chosenFilter .chosen-container-multi > .chosen-choices {
min-height: 28px;
}
.itemsFilter .chosenFilter .chosen-container-multi > .chosen-choices input {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.itemsFilter #filterByKeyword {
padding-top: 3px;
padding-bottom: 3px;
margin-top: -1px;
}
.itemsFilter toggle {
margin-left: 10px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.itemsStats {
overflow: hidden;
}
.itemsStats #revenueStatsGrid {
margin-top: 40px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#smartBundle .linkedItemGroup {
border: 1px solid #e5e5e5;
margin-top: 25px;
}
#smartBundle .linkedItemGroup.table {
width: 100%;
}
#smartBundle .linkedItemHeader {
height: 30px;
background-color: #e5e5e5;
padding: 5px 10px 5px 10px;
position: relative;
text-align: left;
}
#smartBundle .linkedItemHeader b {
position: absolute;
top: 12px;
left: 10px;
}
#smartBundle .relationshipCell {
position: relative;
padding: 10px;
min-height: 20px;
}
#smartBundle .relationshipCell:not(.last) {
border-bottom: 1pt solid #e5e5e5;
}
#smartBundle .relationshipCell .fa {
vertical-align: middle;
}
#smartBundle .relationshipCell .fa-ellipsis-v {
font-size: 1.5em;
margin-right: 2px;
}
#smartBundle .relationshipCell .linkedItemText {
margin-left: 12px;
}
#smartBundle .relationshipCell .linkedItemText .egItemSearch {
margin-left: 0px;
}
#smartBundle .relationshipCell .deleteRelationship {
position: absolute;
top: 12px;
right: 20px;
}
#smartBundle .newLinkedItem {
background: none;
color: #0095da;
padding-left: 1px;
margin-top: 5px;
display: block;
}
#smartBundle .linkedItemError {
color: #dd360b;
}
#itemList .termApprovalDropdown {
margin-right: 25px;
margin-top: -1px;
}
#itemList .termApprovalDropdown span.k-dropdown {
margin-top: -1px;
}
#itemList .termApprovalDropdown .k-input {
padding: 1px 0 1px 0;
}
/* using a class instead of an ID like we usually do because the ID is has a generated component */
.addImageModal .buttonRow {
margin-bottom: 0;
text-align: left;
}
.addImageModal .buttonRow a.linkButton {
margin-left: 11px;
text-transform: none;
}
.addImageModal .statusMessageWrapperDiv.modalStatusMessageWrapperDiv {
text-align: center;
margin: 5px 15px;
min-height: inherit;
max-height: inherit;
max-width: 460px;
}
.addImageModal .k-button {
border: none;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#reports .collapsibleBar {
display: none;
}
#reports .selectedDetailPane .selectionFilter {
min-height: 50px;
margin-bottom: 10px;
padding-top: 10px;
}
#reports .selectedDetailPane .selectionFilter .right {
float: right;
}
#reports .selectedDetailPane .selectionFilter input[type="search"] {
margin-right: 4px;
}
#reports .selectedDetailPane .selectionFilter .dropdownButton {
width: 200px;
line-height: initial;
display: inline-block;
}
#reports .selectedDetailPane .selectionFilter .chosenFilter {
min-width: 300px;
}
#reports .selectedDetailPane .selectionFilter .chosenFilter .chosen-container {
height: 28px;
}
#reports .selectedDetailPane .selectionFilter .chosenFilter .chosen-choices {
height: 50px !important;
overflow-y: scroll;
}
#reports .noneSelected {
min-height: 540px;
padding: 15px;
}
#reports .dashboardHomeButton {
display: inline-block;
padding: 5px 8px;
color: #585859;
border-radius: 3px;
margin: 10px 0px 5px 5px;
width: 100px;
}
#reports .dashboardHomeButton .fa {
margin-right: 7px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.compare {
padding-top: 50px;
position: relative;
}
.compare .topRight {
position: absolute;
right: 5px;
top: 5px;
}
.compare #table .mimicKendoTable {
min-width: 100px;
width: initial;
}
.compare #table .mimicKendoTable td {
width: 100px;
}
.compare #table .mimicKendoTable .labelCol {
width: 150px;
min-width: 150px;
max-width: 150px;
}
.compare #table .mimicKendoTable th {
padding-right: 60px;
min-height: 50px;
}
.compare #table .mimicKendoTable th:hover .segmentSelector,
.compare #table .mimicKendoTable th:hover .deleteColumn {
visibility: visible;
}
.compare #table .mimicKendoTable .deleteColumn {
visibility: hidden;
display: inline-block;
position: absolute;
top: 8px;
right: 40px;
font-size: initial;
font-size: 15px;
}
.compare #table .mimicKendoTable .segmentSelector {
visibility: hidden;
display: inline-block;
position: absolute;
top: 5px;
right: 5px;
}
.compare #table .mimicKendoTable .segmentSelector .chosen-container {
height: 28px;
min-width: 28px;
max-width: 28px;
min-width: initial;
}
.compare #table .mimicKendoTable .segmentSelector .chosen-container .chosen-single {
border-radius: 5px;
}
.compare #table .mimicKendoTable .segmentSelector .chosen-choices {
height: 50px !important;
overflow-y: scroll;
}
.compare #table .mimicKendoTable .segmentSelector .chosen-drop {
min-width: 300px;
border-top: 1px solid #aaa;
}
.compare #table .deleteColumn {
cursor: pointer;
visibility: hidden;
}
.compare .css-highlight-add,
.compare .css-highlight-remove {
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.compare .css-highlight,
.compare .css-highlight-add.css-highlight-add-active {
background-color: #ffffe0;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.distributions {
padding-top: 50px;
}
.distributions .chart {
margin-bottom: 30px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#engagementCompareDirective h1 {
display: inline-block;
margin-right: 20px;
margin-bottom: 25px;
}
#engagementCompareDirective h2 {
padding: 0px;
margin: 0px;
}
#engagementCompareDirective #trimmedTimeRange {
width: 350px;
}
#engagementCompareDirective #trimmedTimeRange .fa-exclamation-triangle {
margin-right: 10px;
}
#engagementCompareDirective.pageContent {
padding-bottom: 200px;
}
#engagementCompareDirective .headerGraph {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 20px;
}
#engagementCompareDirective .headerGraph .graph {
-webkit-flex-grow: 1;
flex-grow: 1;
}
#engagementCompareDirective .headerGraph .graph h3 {
margin: 0px 0px 10px 10px;
}
#engagementCompareDirective .headerGraph .key {
width: 500px;
float: right;
padding-left: 20px;
}
#engagementCompareDirective .headerGraph .key h3 {
margin-bottom: 17px;
}
#engagementCompareDirective .headerGraph .key table {
width: 100%;
margin-bottom: 10px;
border-top: 4px solid #f9f9f9;
}
#engagementCompareDirective .headerGraph .key table tr.grey {
background-color: #f9f9f9;
}
#engagementCompareDirective .headerGraph .key table td {
padding: 10px;
}
#engagementCompareDirective .headerGraph .key table td.icon {
width: 10px;
}
#engagementCompareDirective .headerGraph .key table td.stats {
width: 135px;
min-width: 135px;
max-width: 135px;
}
#engagementCompareDirective .headerGraph .key .addColumn {
padding-left: 40px;
}
#engagementCompareDirective .headerGraph .key .addColumn > span {
display: block;
margin-bottom: 5px;
}
#engagementCompareDirective #toolbar div {
display: inline-block;
}
#engagementCompareDirective #dataTable {
border-collapse: collapse;
}
#engagementCompareDirective #dataTable tr {
height: 30px;
}
#engagementCompareDirective #dataTable tr:hover .buttons * {
visibility: visible;
}
#engagementCompareDirective #dataTable tr.grey {
background-color: #f9f9f9;
}
#engagementCompareDirective #dataTable tr.groupTitleRow td {
padding-left: 12px;
font-size: 18px;
padding-top: 30px;
}
#engagementCompareDirective #dataTable tr.groupTitleRow .moreInfoIcon {
top: 30px;
}
#engagementCompareDirective #dataTable tr.hasGraph.selected,
#engagementCompareDirective #dataTable tr.hasGraph:hover.selected {
background-color: rgba(0, 149, 218, 0.1);
}
#engagementCompareDirective #dataTable tr.hasGraph.selected td:first-child,
#engagementCompareDirective #dataTable tr.hasGraph:hover.selected td:first-child {
border-left: 5px solid #0095da;
}
#engagementCompareDirective #dataTable tr.hasGraph:hover {
background-color: rgba(130, 193, 53, 0.1);
cursor: pointer;
}
#engagementCompareDirective #dataTable tr.hasGraph:hover td:first-child {
border-left: 5px solid #82c135;
}
#engagementCompareDirective #dataTable tr th {
padding: 7px;
font-weight: bold;
color: #808080;
border-bottom-width: 1px;
background-color: #f5f5f5;
text-transform: inherit;
font-size: 12px;
border-bottom-color: #d1d1d1;
text-align: left;
min-width: 135px;
max-width: 135px;
}
#engagementCompareDirective #dataTable tr th:first-child {
min-width: 200px;
max-width: 200px;
}
#engagementCompareDirective #dataTable tr th.optionsCol {
min-width: 50px;
max-width: 50px;
}
#engagementCompareDirective #dataTable tr th:hover .deleteButton {
visibility: visible;
}
#engagementCompareDirective #dataTable tr th .deleteButton {
float: right;
visibility: hidden;
cursor: pointer;
}
#engagementCompareDirective #dataTable tr th .deleteButton:hover {
color: #82c135;
}
#engagementCompareDirective #dataTable tr th .radio {
margin-top: 5px;
text-align: left;
padding-left: 20px;
}
#engagementCompareDirective #dataTable tr th .radio label {
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
}
#engagementCompareDirective #dataTable tr th .radio .form-group {
margin: 0 0 6px 0;
display: inline-block;
width: 23%;
text-align: center;
}
#engagementCompareDirective #dataTable tr td {
padding: 5px 5px;
min-width: 135px;
max-width: 135px;
}
#engagementCompareDirective #dataTable tr td:first-child {
border-left: 5px solid transparent;
position: relative;
}
#engagementCompareDirective #dataTable tr td:first-child .fa-line-chart {
font-size: 10px;
position: absolute;
left: 5px;
top: 9px;
}
#engagementCompareDirective #dataTable tr td.statTitle {
padding-left: 24px;
}
#engagementCompareDirective #dataTable tr td.buttons {
position: relative;
min-width: 20px;
}
#engagementCompareDirective #dataTable tr td.buttons * {
visibility: hidden;
}
#engagementCompareDirective #dataTable tr td.buttons i {
position: absolute;
top: 5px;
}
#engagementCompareDirective #dataTable tr td.buttons .moreInfoIcon {
left: 0px;
}
.tagCloud {
width: 100%;
height: 527px;
}
.tagCloud header {
font-size: 22px;
color: #585858;
padding-left: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #b5b5b5;
margin-bottom: 10px;
font-weight: normal;
}
.tagCloud .tabs .nav-tabs li:first-child {
margin-left: 0px;
}
.tagCloud .wordCloud {
background-color: #f5f5f5;
height: 480px;
}
.tagCloud .wordCloud .word {
text-transform: capitalize;
}
.tagCloud .norecords {
background-color: #f5f5f5;
padding: 10px;
height: 460px;
color: #848484;
}
.tagCloud footer {
background-color: transparent;
font-size: 12px;
border-top: none;
padding-left: 0px;
height: 43px;
}
.tagCloud footer span {
color: #b5b5b5;
}
.tagCloud footer nav {
display: inline-block;
}
.tagCloud footer nav div {
display: inline-block;
margin-left: 5px;
}
.tagCloud footer nav div a {
margin: 0px;
}
.tagCloud footer nav div + div:before {
content: " | ";
padding: 0 5px;
color: #b5b5b5;
}
.tagCloud footer nav .active {
color: #848484;
padding-bottom: 4px;
border-bottom: 2px solid #0095da;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.dashboardSlider .title {
text-align: center;
}
.dashboardSlider .k-state-hover,
.dashboardSlider .k-state-focused {
background-color: #82c135;
border-color: #82c135;
}
.dashboardSlider .k-draghandle,
.dashboardSlider .k-draghandle:hover,
.dashboardSlider .k-slider-selection {
background-color: #0095da;
border-color: #0095da;
}
.dashboardSlider .k-slider-track {
border: none;
background-color: #d5d5d5;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#segmentMembershipDirective h2 {
font-size: 24px;
display: inline-block;
margin-right: 20px;
margin-bottom: 20px;
}
#segmentMembershipDirective h3 {
font-size: 18px;
padding: 0px;
margin: 0px;
}
#segmentMembershipDirective #trimmedTimeRange {
width: 350px;
}
#segmentMembershipDirective #trimmedTimeRange .fa-exclamation-triangle {
margin-right: 10px;
}
#segmentMembershipDirective.pageContent {
padding-bottom: 200px;
}
#segmentMembershipDirective .deleteButton {
color: #b5b5b5;
cursor: pointer;
}
#segmentMembershipDirective .headerGraph {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 20px;
}
#segmentMembershipDirective .headerGraph .graph {
width: 60%;
}
#segmentMembershipDirective .headerGraph .graph h3 {
margin: 0px 0px 10px 10px;
}
#segmentMembershipDirective .headerGraph .key {
width: 40%;
float: right;
padding-left: 20px;
}
#segmentMembershipDirective .headerGraph .key h3 {
margin-bottom: 17px;
}
#segmentMembershipDirective .headerGraph .key table {
width: 100%;
margin-bottom: 10px;
border-top: 4px solid #f9f9f9;
}
#segmentMembershipDirective .headerGraph .key table tr.grey {
background-color: #f9f9f9;
}
#segmentMembershipDirective .headerGraph .key table td {
padding: 10px;
}
#segmentMembershipDirective .headerGraph .key table td.icon {
width: 10px;
}
#segmentMembershipDirective .headerGraph .key table td.stats {
text-align: right;
}
#segmentMembershipDirective .headerGraph .key .addColumn {
padding-left: 40px;
}
#segmentMembershipDirective .headerGraph .key .addColumn > span {
display: block;
margin-bottom: 5px;
}
#segmentMembershipDirective #toolbar div {
display: inline-block;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#cohorts h1 {
padding-bottom: 6px;
}
#cohorts .chosenDropdownWrapper {
display: inline-block;
}
#cohorts #cohortChart > table {
border-spacing: 0px;
border-collapse: separate;
}
#cohorts tr.timeBuckets {
background-color: #eeeeee;
color: #585858;
font-weight: bold;
font-size: 14px;
text-align: center;
height: 28px;
}
#cohorts tr.timeBuckets .tbLabel {
padding-right: 10px;
text-align: left;
}
#cohorts td.dateColumn {
white-space: nowrap;
padding-right: 10px;
background-color: #EFEFEF;
}
#cohorts td.customersColumn {
min-width: 30px;
padding-right: 10px;
background-color: #EFEFEF;
padding-left: 5px;
}
#cohorts td.numberCell {
min-width: 50px;
height: 26px;
padding: 2px;
text-align: center;
}
#cohorts .zeroCell {
opacity: 0.6;
}
#cohorts .darkBackgroundCell {
color: white;
}
#cohorts .row {
margin-top: 8px;
margin-bottom: 16px;
line-height: 200%;
}
#cohorts .row .description {
font-size: 12px;
line-height: 135%;
}
#cohorts .row div.description {
margin-top: 7px;
}
#cohorts .row > div {
margin-left: 16px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#geography {
height: 100%;
overflow-y: scroll;
}
#geography #visitorsMapAndTable {
position: relative;
margin-top: 20px;
width: 100%;
min-height: 450px;
}
#geography #visitorsMapAndTable #topVisitorsMap {
display: table;
width: 600px;
height: 450px;
border: 1px solid #e5e5e5;
float: left;
}
#geography #visitorsMapAndTable #topVisitorsMap svg {
height: 450px;
}
#geography #visitorsMapAndTable #topCountriesList {
position: absolute;
-webkit-flex-grow: 1;
flex-grow: 1;
width: 37.5%;
float: left;
margin-left: 615px;
}
#geography a:hover {
cursor: pointer;
}
#geography .header {
height: 70px;
}
#geography .header h2 {
font-size: 24px;
display: inline-block;
margin-right: 20px;
}
#geography .header .dashboardSlider {
float: right;
}
#customerActions h2 {
display: inline-block;
}
#customerActions .tabStrip .k-content {
padding-top: 15px;
padding-bottom: 15px;
}
#customerActions .egItemGrid td {
cursor: default;
}
#customerActions .header {
min-height: 55px;
}
#customerActions .header .right .modulesFilter {
display: inline-block;
}
#customerActions .header .right .modulesFilter h4 {
margin: 0;
}
#customerActions .header .right .exportIcon {
display: inline-block;
margin-left: 20px;
vertical-align: middle;
}
#customerActions .header .right .exportIcon img {
display: block;
margin: 0 auto;
}
#customerList .selectionFilter {
min-height: 30px;
margin-bottom: 5px;
height: initial;
line-height: initial;
margin-left: 18px;
margin-right: 18px;
padding-top: 5px;
}
#customerList .selectionFilter h2 {
display: inline-block;
}
#customerList .selectionFilter h1,
#customerList .selectionFilter h2 {
float: left;
margin: 0;
}
#customerList .selectionFilter h1 i.fa,
#customerList .selectionFilter h2 i.fa {
margin-right: 0.3em;
}
#customerList .selectionFilter .right {
float: right;
}
#customerList .selectionFilter #exportIcon {
display: inline-block;
margin-left: 20px;
vertical-align: middle;
}
#customerList .selectionFilter input[type="search"] {
margin-bottom: 5px;
margin-top: 5px;
}
#customerList .selectionFilter .dropdownButton {
width: 200px;
line-height: initial;
display: inline-block;
}
#customerList .selectionFilter .chosenFilter {
min-width: 300px;
}
#customerList .selectionFilter .chosenFilter .chosen-container {
height: 28px;
}
#customerList .selectionFilter .chosenFilter .chosen-choices {
height: 50px !important;
overflow-y: scroll;
}
#customerList .selectionFilter .headerControls {
float: left;
display: inline-block;
min-width: 320px;
margin-left: 5px;
}
#customerList .selectionFilter .headerControls > * {
display: inline-block;
}
#customerList .selectionFilter .headerControls .label {
font-weight: bold;
}
#customerList .selectionFilter .headerControls .actionLinkWrapper {
margin-left: 20px;
}
#customerList .selectionFilter .headerControls .actionLinkWrapper .fa {
margin-right: 5px;
}
#customerList .selectionFilter .rightHeaderControls {
float: right;
display: inline-block;
margin-right: 18px;
}
#customerList .selectionFilter .rightHeaderControls > * {
display: inline-block;
}
#customerList .selectionFilter .rightHeaderControls .dashboardSlider {
vertical-align: middle;
margin-left: 20px;
}
#customerList .tabStrip {
border: none;
}
#customerList .tabStrip .k-state-active {
border-color: #b5b5b5;
}
#customerList .tabStrip > div {
padding: 0px;
}
#customerList .tabStrip > div.statistics {
padding: 15px;
min-height: 500px;
}
#customerList .selectionAndDetailTwoPaneCombo #customerGrid {
min-height: 675px;
}
#customerList .selectionAndDetailTwoPaneCombo #customerGrid table {
table-layout: fixed;
}
#customerList .rightHeaderPane div {
padding: 0px;
}
#customerList .rightPreviewPane .noneSelected {
min-height: 645px;
}
#customerList .rightPreviewPane .previewSection .customerIconRow {
vertical-align: middle;
padding-top: 10px;
}
#customerList .rightPreviewPane .previewSection .customerIconRow div {
display: inline-block;
}
#customerList .rightPreviewPane .previewSection .customerIconRow > * {
vertical-align: middle;
}
#customerList .rightPreviewPane .previewSection .fa-stack {
color: #b5b5b5;
font-size: 26px;
}
#customerList .rightPreviewPane .previewSection .fa-stack .fa-usd {
color: #808080;
}
#customerList .rightPreviewPane .previewSection .fa-stack .fa-smile-o {
color: #808080;
}
#customerList .rightPreviewPane .previewSection .ltv {
font-size: 22px;
}
#customerList .rightPreviewPane .previewSection .engagementScore {
font-size: 22px;
}
#customerList .rightPreviewPane .previewSection .green-highlight {
color: #82c135;
}
#customerList .rightPreviewPane .previewSection .green-highlight .circular-icon {
color: #ddf2c3;
}
#customerList .rightPreviewPane .previewSection .green-highlight .inner-icon {
color: #82c135;
}
#customerList .rightPreviewPane .previewSection .ltv.value {
font-size: 22px;
}
#customerList .rightPreviewPane .previewSection.main .header {
margin-bottom: 13px;
}
#customerList .rightPreviewPane .previewSection.main .header div {
display: inline-block;
}
#customerList .rightPreviewPane .previewSection.main .header div:first-child {
font-weight: bold;
}
#customerList .rightPreviewPane .previewSection.main .header div.right {
float: right;
}
#customerList .rightPreviewPane .previewSection.main .props {
clear: both;
padding-top: 13px;
}
#customerList .rightPreviewPane .previewSection.main .props td {
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px;
vertical-align: top;
}
#customerList .rightPreviewPane .previewSection.main .props td a {
padding-right: 6px;
}
#customerList .rightPreviewPane .previewSection.main .props td:first-child {
font-weight: bold;
text-align: right;
}
#customerList .rightPreviewPane .previewSection.location {
text-align: center;
font-weight: bold;
line-height: 2;
}
#customerList .rightPreviewPane .previewSection.location #locationMap {
display: table;
margin: 0 auto;
width: 300px;
height: 200px;
}
#customerList .rightPreviewPane .previewSection.location #locationMap svg {
height: 200px;
}
#customerOverview {
padding: 17px;
}
#customerOverview a:hover {
cursor: pointer;
}
#customerOverview .col1 {
box-sizing: border-box;
width: 450px;
margin-right: 30px;
}
#customerOverview .col2 {
box-sizing: border-box;
width: calc(100% - 480px);
}
#customerOverview .summaryTable {
width: 100%;
}
#customerOverview .content-full-width {
padding: 0 12px 12px 12px;
}
#customerOverview .content-full-width .subSectionHeader {
margin-bottom: 10px;
}
#customerOverview .no-value .editable-click,
#customerOverview .no-value a.editable-click {
border-bottom: none;
}
#customerOverview .plus-button {
color: #848484;
cursor: pointer;
}
#customerOverview .plus-button:hover {
color: #82c135;
}
#customerOverview .header {
height: 70px;
}
#customerOverview .header h2 {
font-size: 24px;
display: inline-block;
margin-right: 20px;
}
#customerOverview .dashboardSection {
margin-top: 20px;
}
#customerOverview .dashboardSection h2 {
margin: 0px 0px;
padding-left: 6px;
font-family: inherit;
margin-bottom: 3px;
}
#customerOverview .dashboardSection h3 {
padding: 0px;
margin: 0px;
}
#customerOverview .dashboardSection .divider {
width: 100%;
height: 3px;
margin-top: 10px;
margin-bottom: 18px;
background-color: #0095da;
}
#customerOverview .dashboardSection .row {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#customerOverview .dashboardSection .row > div {
min-width: 200px;
text-align: left;
}
#customerOverview .dashboardSection .content {
padding: 0px 12px 12px 12px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#customerOverview .dashboardSection .content .spacer {
width: 20px;
}
#customerOverview .dashboardSection .content .subSectionHeader {
box-sizing: content-box;
}
#customerOverview .dashboardSection .content .subSectionHeader .title {
margin-bottom: 10px;
position: relative;
}
#customerOverview .dashboardSection .content .subSectionHeader .title.summaryTitleSpacer {
margin-bottom: 10px;
}
#customerOverview .dashboardSection .content .subSectionHeader .title .viewDetail {
position: absolute;
right: 0px;
top: 0px;
color: #0095da;
}
#customerOverview .dashboardSection .content .subSectionHeader .title .viewDetail i {
margin-left: 8px;
}
#customerOverview .dashboardSection .content .subSectionHeader .subtitle {
height: 21px;
}
#customerOverview .dashboardSection .content .subSectionHeader .subtitle .description {
display: inline-block;
position: relative;
top: 2px;
}
#customerOverview .dashboardSection .content .subSectionHeader .subtitle .description.indent {
margin-left: 13px;
}
#customerOverview .dashboardSection .content .subSectionHeader .subtitle.extraSpace {
margin-top: 15px;
margin-bottom: 13px;
}
#customerOverview .dashboardSection .summaryTable table {
width: 100%;
}
#customerOverview .dashboardSection .summaryTable tr {
height: 30px;
}
#customerOverview .dashboardSection .summaryTable tr.grey {
background-color: #f9f9f9;
}
#customerOverview .dashboardSection .summaryTable tr td.statTitle {
padding-left: 12px;
}
#customerOverview .verticalSpacer {
margin-top: 40px;
}
#customerOverview #dashboardInfoSection .content .col1 {
-webkit-flex-grow: 1;
flex-grow: 1;
min-width: 450px;
}
#customerOverview #dashboardInfoSection .content .col2 {
-webkit-flex-grow: 1;
flex-grow: 1;
}
#customerOverview #dashboardInfoSection .content .col2 .graph {
margin-top: 10px;
}
#customerOverview #dashboardAttributesSegmentsSection {
margin-top: 20px;
}
#customerOverview #dashboardAttributesSegmentsSection .attrLabel {
width: 200px;
}
#customerOverview .dashboardSection .summaryTable table.customer-details {
width: auto;
margin-top: -12px;
}
#customerOverview .dashboardSection .summaryTable table.customer-details tr td:first-child {
padding-right: 20px;
font-weight: bold;
text-align: right;
min-width: 100px;
}
#customerOverview .order-history {
margin-top: 6px;
margin-bottom: 10px;
text-align: center;
}
#customerOverview .order-history:before,
#customerOverview .order-history:after {
content: " ";
display: table;
}
#customerOverview .order-history:after {
clear: both;
}
#customerOverview .order-history .panel-wrapper {
text-align: left;
display: inline-block;
float: none;
width: 300px;
}
#customerOverview .order-history .panel-wrapper:first-child {
margin-right: 20px;
}
#customerOverview .page-top-info {
min-width: 750px;
}
#customerOverview .page-top-info:before,
#customerOverview .page-top-info:after {
content: " ";
display: table;
}
#customerOverview .page-top-info:after {
clear: both;
}
#customerOverview .page-top-info .top-panel-wrapper {
display: inline-block;
float: left;
width: 50%;
}
#customerOverview .panel-wrapper {
display: inline-block;
float: left;
width: 50%;
}
#customerOverview .info-panel {
vertical-align: top;
height: 80px;
box-sizing: border-box;
color: #808080;
}
#customerOverview .info-panel:before,
#customerOverview .info-panel:after {
content: " ";
display: table;
}
#customerOverview .info-panel:after {
clear: both;
}
#customerOverview .info-panel.purchase-made {
color: #82c135;
}
#customerOverview .info-panel.purchase-made .circular-icon {
background-color: #ddf2c3;
}
#customerOverview .info-panel .panel-left {
float: left;
vertical-align: top;
box-sizing: border-box;
height: 100%;
display: inline-block;
}
#customerOverview .info-panel .panel-right {
width: calc(100% - 80px);
float: left;
padding-left: 10px;
padding-top: 14px;
vertical-align: top;
box-sizing: border-box;
height: 100%;
display: inline-block;
}
#customerOverview .info-panel .circular-icon {
padding-top: 18px;
border-radius: 40px;
width: 80px;
background-color: #d5d5d5;
text-align: center;
font-size: 40px;
}
#customerOverview .info-panel .panel-header {
font-size: 26px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#customerOverview .info-panel .panel-sub-header {
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#customerOverview .info-panel .unit-label {
font-size: 12px;
color: #b5b5b5;
}
#customerOverview .info-panel:not(:first-child) {
padding-left: 6px;
}
#customerOverview .info-panel:first-child {
padding-left: 10px;
}
#customerOverview .time-map-outer-wrapper {
text-align: center;
}
#customerOverview .time-map-wrapper {
width: 100%;
max-width: 700px;
text-align: left;
display: inline-block;
margin-bottom: 30px;
}
#customerOverview .time-map-wrapper .highcharts-container {
overflow: visible !important;
}
#customerOverview .time-map-wrapper .highcharts-container svg:not(:root) {
overflow: visible !important;
}
#customerOverview .time-map-wrapper .highcharts-container g.highcharts-data-labels text {
display: block;
}
#customerOverview .time-map-wrapper .highcharts-container text {
display: none;
}
#customerOverview .time-map-wrapper .time-map-labels {
margin-bottom: 6px;
}
#customerOverview .time-map-wrapper .end-date,
#customerOverview .time-map-wrapper .start-date {
display: inline-block;
font-size: 16px;
}
#customerOverview .time-map-wrapper .end-date {
float: right;
}
#customerOverview .customer-visit-time,
#customerOverview .customer-weekly-visit-time {
text-align: center;
height: auto;
}
.customer-visit-chart-container .user-name-column {
display: inline-block;
width: 250px;
vertical-align: top;
margin-top: 75px;
}
.customer-visit-chart-container .user-name-column .user-name {
font-size: 18px;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.customer-visit-chart-container .user-name-column .evenRow {
margin-top: 80px;
}
.customer-visit-chart-container .user-name-column .oddRow:not(:first-child) {
margin-top: 79px;
}
.customer-visit-chart-container .chart-column {
display: inline-block;
width: calc(100% - 254px);
vertical-align: top;
}
.customer-visit-chart-container .tooltip-header {
font-weight: bold;
}
.customer-visit-chart-container .highcharts-container {
overflow: visible !important;
}
.customer-visit-chart-container .highcharts-container svg:not(:root) {
overflow: visible !important;
}
.customer-visit-chart-containerv2 .chart-column {
display: inline-block;
width: 100%;
padding-left: 30px;
padding-right: 30px;
vertical-align: top;
}
.customer-visit-chart-containerv2 .account-chart-column {
margin-top: -25px;
}
.customer-visit-chart-containerv2 .user-chart-column {
margin-top: 0;
}
.customer-visit-chart-containerv2 .tooltip-header {
font-weight: bold;
}
.customer-visit-chart-containerv2 .highcharts-container {
overflow: visible !important;
}
.customer-visit-chart-containerv2 .highcharts-container svg:not(:root) {
overflow: visible !important;
}
#allCustomers .breadcrumbs {
padding: 15px 15px 0px 15px;
margin-bottom: 0;
}
#accountDetail {
min-height: 1090px;
}
#accountDetail .topPaneSpacer {
height: 500px;
transition: height 0.5s ease;
}
#accountDetail .topPaneSpacer.condensed {
height: 270px;
}
#accountDetail .accountDetailTopPane {
height: 490px;
width: 100%;
min-width: 1260px;
z-index: 2;
background: #FFF;
position: relative;
top: -500px;
left: 0;
transition: height, position 0.5s ease;
}
#accountDetail .accountDetailTopPane * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#accountDetail .accountDetailTopPane *:before,
#accountDetail .accountDetailTopPane *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#accountDetail .accountDetailTopPane .accountDetailRow {
background: #FFF;
height: 340px;
transition: height 0.5s ease;
}
#accountDetail .accountDetailTopPane .accountDetailRow div.left-col,
#accountDetail .accountDetailTopPane .accountDetailRow div.right-col {
display: inline-block;
float: left;
}
#accountDetail .accountDetailTopPane .accountDetailRow div.left-col:first-child,
#accountDetail .accountDetailTopPane .accountDetailRow div.right-col:first-child {
padding-left: 30px;
}
#accountDetail .accountDetailTopPane .accountDetailRow .left-col {
width: 49%;
}
#accountDetail .accountDetailTopPane .accountDetailRow .right-col {
width: 49%;
}
@media (max-width: 1450px) {
#accountDetail .accountDetailTopPane .accountDetailRow .left-col {
width: 40%;
}
#accountDetail .accountDetailTopPane .accountDetailRow .right-col {
width: 60%;
padding-right: 30px;
}
}
#accountDetail .accountDetailTopPane .accountDetailRow .sub-col-left,
#accountDetail .accountDetailTopPane .accountDetailRow .sub-col-right {
width: 49%;
float: left;
}
#accountDetail .accountDetailTopPane .accountDetailRow .sub-col-right {
padding-left: 40px;
}
#accountDetail .accountDetailTopPane .accountDetailRow .breadcrumbs {
margin-bottom: 0;
padding: 10px 0px 0px;
}
#accountDetail .accountDetailTopPane .accountDetailRow h1.userDisplayName {
margin: 5px 0;
font-weight: 300;
}
#accountDetail .accountDetailTopPane .accountDetailRow h2.userLocation {
margin: 5px 0;
font-weight: 400;
}
#accountDetail .accountDetailTopPane .accountDetailRow #egUserLocationMap {
width: 250px;
height: 150px;
}
#accountDetail .accountDetailTopPane .accountDetailRow #egUserLocationMap svg {
height: 150px;
}
#accountDetail .accountDetailTopPane .accountDetailRow .gender-affinities {
position: relative;
top: -5px;
color: #585858;
}
#accountDetail .accountDetailTopPane .accountDetailRow .order-history {
margin-top: 10px;
text-align: center;
}
#accountDetail .accountDetailTopPane .accountDetailRow .order-history:before,
#accountDetail .accountDetailTopPane .accountDetailRow .order-history:after {
content: " ";
display: table;
}
#accountDetail .accountDetailTopPane .accountDetailRow .order-history:after {
clear: both;
}
#accountDetail .accountDetailTopPane .accountDetailRow .order-history .panel-wrapper {
text-align: left;
display: inline-block;
float: none;
width: 100%;
min-width: 210px;
margin-bottom: 20px;
}
#accountDetail .accountDetailTopPane .accountDetailRow .order-history .panel-wrapper:last-child {
margin-bottom: 0;
}
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel {
vertical-align: top;
height: 50px;
box-sizing: border-box;
color: #585858;
}
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel:before,
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel:after {
content: " ";
display: table;
}
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel:after {
clear: both;
}
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel.purchase-made {
color: #82c135;
}
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel.purchase-made .circular-icon {
background-color: #ddf2c3;
}
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel .panel-left {
float: left;
vertical-align: top;
box-sizing: border-box;
height: 100%;
display: inline-block;
}
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel .panel-right {
width: 100%;
padding-left: 8px;
padding-top: 3px;
vertical-align: top;
box-sizing: border-box;
height: 100%;
display: inline-block;
}
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel .panel-header {
font-size: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel .panel-sub-header {
font-size: 13px;
}
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel .unit-label {
font-size: 12px;
color: #b5b5b5;
}
#accountDetail .accountDetailTopPane .accountDetailRow .info-panel:not(:first-child) {
padding-left: 6px;
}
#accountDetail .accountDetailTopPane .accountDetailRow .affinitiesQuadrantChart {
float: right;
}
#accountDetail .accountDetailTopPane.condensed {
position: fixed;
height: 256px;
top: 100px;
}
#accountDetail .accountDetailTopPane.condensed .accountDetailRow {
height: 100px;
}
#accountDetail .accountDetailTopPane.condensed .accountDetailRow .sub-col-right {
width: 99% !important;
padding-left: 0px !important;
}
#accountDetail .accountDetailTopPane.condensed .accountDetailRow .accountStats {
margin-top: 10px !important;
margin-bottom: -10px !important;
}
#accountDetail .accountDetailTopPane.condensed .accountDetailRow .accountStats .panel-wrapper {
max-width: 210px;
display: inline;
}
#accountDetail .accountDetailTopPane.condensed .accountDetailVisitRow.accountVisitChartContainer {
top: -30px;
margin-bottom: -30px;
}
#accountDetail .accountDetailTopPane .accountDetailVisitRow.accountVisitChartContainer {
position: relative;
clear: both;
top: -15px;
margin-bottom: -15px;
z-index: 110;
background: #FFF;
height: 130px;
}
#accountDetail .accountDetailTopPane .accountDetailVisitRow.accountVisitChartContainer .selectedTimeRangeLabel {
color: #5d5d5d;
font-size: 14px;
position: absolute;
top: 110px;
right: 30px;
}
#accountDetail .accountDetailTopPane .accountDetailVisitRow.accountVisitChartContainer .selectedTimeRangeLabel h6 {
margin: 8px 0px 5px 0px;
font-size: 11px;
font-weight: 500;
text-align: right;
}
#accountDetail .accountDetailTopPane .accountDetailVisitRow.accountVisitChartContainer .selectedTimeRangeLabel span {
cursor: default;
}
#accountDetail .accountDetailTopPane #showVisitGraphHelp {
position: absolute;
top: 136px;
right: 270px;
}
#accountDetail .btn-group .btn {
z-index: 0;
}
#accountDetail .accountDetailBottomPane {
position: relative;
top: -500px;
}
#accountDetail .accountDetailBottomPane.condensed {
top: 32px;
}
#accountDetail .accountDetailBottomPane .pageContent {
padding: 10px 30px;
position: relative;
}
#accountDetail ul.nav.nav-tabs {
border-bottom: 1px solid #d5d5d5;
padding: 0px 30px;
}
#accountDetail ul.nav.nav-tabs li {
background: #f5f5f5;
padding-top: 0;
margin-right: 3px;
border-right: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
border-top: 3px solid #0095da;
}
#accountDetail ul.nav.nav-tabs li:hover,
#accountDetail ul.nav.nav-tabs li.active {
border-top-color: #82c135;
}
#accountDetail ul.nav.nav-tabs li a {
font-weight: normal;
}
#accountDetail #uiLabelTooltips {
background: rgba(255, 255, 255, 0.9);
color: #1F1F1F;
border: 1px solid #c8c8c8;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
#affinities {
padding: 10px 30px 0;
}
#affinities .affinity-screen-error {
border: 1px solid #d8d8d8;
padding: 5px;
border-radius: 4px;
width: 633px;
margin: 30px auto;
text-align: center;
}
#affinities .affinity-screen-error h2 {
font-weight: 500;
font-size: 14px;
margin: 0;
}
#affinities .row:first-of-type {
padding-bottom: 10px;
}
#affinities .criteria {
float: right;
}
#affinities .btn.active {
z-index: 1;
}
#affinities .columnHeader {
color: #585858;
width: 100%;
float: left;
}
#affinities .k-state-selected {
background-color: #990573;
}
#affinities .streamGraphPlaceholder {
text-align: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff;
z-index: 1;
}
#affinities .percentageTextAndBar {
line-height: 8px;
margin-right: 53px;
}
#affinities .percentageTextAndBar .formattedValue {
float: left;
text-align: right;
}
#affinities .percentageTextAndBar .percentageBarContainer {
margin-left: 10px;
width: 50%;
float: right;
height: 100%;
}
#affinities .percentageTextAndBar .percentageBarContainer .percentageBar {
text-align: center;
height: 100%;
border: 3px solid;
border-radius: 3px;
background-color: #848484;
border-color: #848484;
}
#customer-item-summaries * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#customer-item-summaries *:before,
#customer-item-summaries *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#customer-item-summaries .chart-data-error {
text-align: center;
padding: 30px 150px 0px;
}
#customer-item-summaries .chart-data-error h2 {
font-weight: 500;
border: 1px solid #d8d8d8;
padding: 5px;
font-size: 14px;
border-radius: 4px;
}
#customer-item-summaries .bar {
position: relative;
width: 100%;
height: 7px;
margin-bottom: 12px;
}
#customer-item-summaries .bar-status {
text-align: right;
padding-right: .5em;
background-color: #990573;
border-color: white;
border-right: 0.5em solid adjust-lightness(#3aa6d0, 20);
width: 0%;
color: white;
height: 100%;
line-height: 1.2em;
-webkit-animation: width 0.5s ease-in;
transition: width 0.5s ease;
}
#customer-item-summaries .chart-container {
float: right;
margin-top: 20px;
}
#customer-item-summaries .chart-container.full-chart {
margin-top: 0px;
width: 700px;
height: 340px;
position: relative;
top: 0;
left: 0;
}
#customer-item-summaries .chart-container.condensed-chart {
width: 685px;
height: 100px;
margin-top: 20px;
}
#customer-item-summaries .chart-container.condensed-chart .criteria-selector {
margin: 0;
width: initial;
}
#customer-item-summaries .chart-container.condensed-chart .criteria-selector .criteria-icon {
text-align: center;
padding: 5px 0;
}
#customer-item-summaries .chart-container.condensed-chart .criteria-selector .criteria-icon:first-child {
padding-top: 0px;
}
#customer-item-summaries .chart-container.condensed-chart .criteria-selector .criteria-icon i {
color: #b5b5b5;
}
#customer-item-summaries .chart-container.condensed-chart .criteria-selector .criteria-icon i.fa-2x {
font-size: 1.3em;
}
#customer-item-summaries .chart-container.condensed-chart .criteria-selector .criteria-icon.active i,
#customer-item-summaries .chart-container.condensed-chart .criteria-selector .criteria-icon:hover i {
cursor: pointer;
color: #82c135;
}
#customer-item-summaries .chart-container.condensed-chart .chart-col-left {
width: 40px;
float: left;
}
#customer-item-summaries .chart-container.condensed-chart .chart-col-right {
padding-top: 15px;
}
#customer-item-summaries .chart-container.condensed-chart .container {
display: inline-block;
margin: 0px 10px;
width: 140px;
}
#customer-item-summaries .chart-container.condensed-chart .container:last-child {
margin-right: 0px;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper {
text-align: center;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper .bar {
height: 9px;
width: 140px;
margin-bottom: 5px;
cursor: pointer !important;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper .bar .bar-status {
transform: translate(-50%, -50%);
position: relative;
left: 50%;
right: 50%;
}
@-webkit-keyframes width {
from {
width: 0%;
}
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper span {
display: block;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper span.top-item {
color: #1f1f1f;
font-size: 18px;
margin-bottom: 5px;
text-transform: capitalize;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper span.item-type {
text-transform: uppercase;
font-size: 12px;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper.category .arc {
border-color: #ff9628;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper.category .item-type {
color: #ff9628;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper.brand .arc {
border-color: #006917;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper.brand .item-type {
color: #006917;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper.itemClass .arc {
border-color: #004586;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper.itemClass .item-type {
color: #004586;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper.style .arc {
border-color: #990573;
}
#customer-item-summaries .chart-container.condensed-chart .bar-wrapper.style .item-type {
color: #990573;
}
#customer-item-summaries .chart-container .chart-config-options {
position: absolute;
top: 20px;
left: -30px;
background: #E5E5E5;
border-radius: 4px;
padding: 5px;
cursor: pointer !important;
}
#customer-item-summaries .chart-container .chart-config-options i {
font-size: 1.5em;
}
#customer-item-summaries .chart-container .chart-config-options:hover {
background: #848484;
}
#customer-item-summaries .chart-container .chart-config-options:hover i {
color: #E5E5E5;
}
#customer-item-summaries .chart-container svg,
#customer-item-summaries .chart-container .highcharts-container,
#customer-item-summaries .chart-container .highcharts-background,
#customer-item-summaries .chart-container #pie {
pointer-events: none;
}
#customer-item-summaries .chart-container svg * {
pointer-events: all;
}
#customer-item-summaries .chart-container .quadrant-missing-data-container {
color: #808080;
background: #e5e5e5;
width: 180px;
text-align: center;
padding: 8px 10px;
border-radius: 4px;
}
#customer-item-summaries .chart-container .ab {
pointer-events: none;
position: absolute;
height: calc(40%);
width: 35%;
z-index: 100;
}
#customer-item-summaries .chart-container .btop {
top: 15px;
}
#customer-item-summaries .chart-container .bbottom {
bottom: 0;
}
#customer-item-summaries .chart-container .bleft {
left: 0;
}
#customer-item-summaries .chart-container .bleft .quadrant-missing-data-container {
margin-top: 45px;
margin-left: 10px;
}
#customer-item-summaries .chart-container .bright {
right: 0;
}
#customer-item-summaries .chart-container .bright .quadrant-missing-data-container {
margin-top: 45px;
margin-right: 10px;
float: right;
}
#customer-item-summaries .chart-container #donutCenter {
position: relative;
height: 80px;
top: 50%;
left: 50%;
z-index: 10;
transform: translate(-50%, -50%);
text-align: center;
color: #585858;
}
#customer-item-summaries .chart-container .ltv {
font-size: 28px;
color: #585858;
}
#customer-item-summaries .chart-container .donut-center-icons {
margin-top: 8px;
}
#customer-item-summaries .chart-container .donut-criteria-label {
color: #82c135;
position: relative;
left: -2px;
text-transform: uppercase;
font-size: 11px;
}
#customer-item-summaries .chart-container .donut-icon {
display: inline-block;
font-size: 10px;
margin: 5px;
color: #b5b5b5;
}
#customer-item-summaries .chart-container .donut-icon:hover,
#customer-item-summaries .chart-container .donut-icon.active {
cursor: pointer;
color: #82c135;
}
#customerActionsv2 h2 {
display: inline-block;
}
#customerActionsv2 .tabStrip .k-content {
padding-top: 15px;
padding-bottom: 15px;
}
#customerActionsv2 .egItemGrid td {
cursor: default;
}
#customerActionsv2 .header {
min-height: 55px;
}
#customerActionsv2 .header .right .modulesFilter {
display: inline-block;
}
#customerActionsv2 .header .right .modulesFilter h4 {
margin: 0;
}
#customerActionsv2 .header .right .exportIcon {
display: inline-block;
margin-left: 20px;
vertical-align: middle;
}
#customerActionsv2 .header .right .exportIcon img {
display: block;
margin: 0 auto;
}
#customerOverviewv2 {
min-width: 1260px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane {
border: none;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane *:before,
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane #columns {
padding: 5px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane #left {
width: 30%;
float: left;
padding: 5px 20px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane #middle {
width: 35%;
float: left;
padding: 5px 20px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane #left,
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane #middle,
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane #right {
margin-bottom: 5px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane .summaryTable table.customer-details {
width: auto;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane .summaryTable table.customer-details tr td:first-child {
padding-right: 20px;
font-weight: bold;
text-align: right;
min-width: 100px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane .summaryTable table tr {
height: 30px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane .summaryTable .attrLabel {
width: 115px;
margin-right: 10px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane .summaryTable .no-value .editable-click.editable-empty {
border-bottom: none;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane .summaryTable .plus-button {
color: #848484;
cursor: pointer;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .selectedDetailPane .summaryTable .plus-button:hover {
color: #82c135;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane {
height: 600px;
width: 450px;
overflow-y: scroll;
background-color: white;
border-left: none;
position: fixed;
right: 0;
top: 600px;
padding: 0px;
transition: top 0.5s ease;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane.condensed {
top: 355px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry {
background-color: white;
z-index: 1;
top: 100px;
left: 0px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .visitHeaderDiv {
height: 30px;
background-color: #808080;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
color: white;
font-size: 16px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .visitHeaderDiv div {
line-height: 30px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .visitHeaderDiv div:first-child {
padding-left: 9px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .visitHeaderDiv div:last-child {
padding-right: 10px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .backgroundDiv {
width: 30px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .imageDiv {
display: table-cell;
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
width: 125px;
height: 125px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .imageDiv img {
display: block;
margin: auto;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .imageDiv img.purchased {
max-width: 125px;
max-height: 125px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .imageDiv img.nonPurchased {
max-width: 90px;
max-height: 90px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .itemDetails {
display: table-cell;
vertical-align: middle;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .itemDetails div.purchased {
font-size: 18px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .itemDetails div.nonPurchased {
font-size: 14px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .evenRow {
background-color: #f3f7fb;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .oddRow {
background-color: #fff;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .actionName {
padding: 5px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .font-awesome {
text-align: center;
float: right;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.itemView .backgroundDiv .backgroundBar {
left: 14px;
width: 2px;
background-color: #b5b5b5;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.itemView .backgroundDiv .mediumDot {
left: 10px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry .spacerRight {
display: table-cell;
min-width: 10px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .purchaseVisit {
background-color: #82c135;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .backgroundDiv .backgroundBar {
left: 8px;
width: 14px;
background-color: #82c135;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .purchaseSummaryPadding .backgroundDiv {
height: 14px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .purchaseSummaryPadding .backgroundDiv .backgroundBar {
left: 14px;
width: 2px;
background-color: #b5b5b5;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .purchaseSummaryHeader .backgroundDiv {
min-width: 30px;
height: 30px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .purchaseSummaryHeader .backgroundDiv .purchaseRowBackgroundBar {
height: 100%;
z-index: 0;
position: absolute;
top: 0px;
bottom: 0px;
left: 15px;
width: 15px;
background-color: #f5f5f5;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .purchaseSummaryHeader .backgroundDiv .backgroundBar {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .purchaseSummaryHeader .purchaseSummary {
display: table-cell;
width: 100%;
background-color: #f5f5f5;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .purchaseSummaryHeader .purchaseSummary .purchaseValue,
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .purchaseSummaryHeader .purchaseSummary .purchaseCount {
display: inline-block;
line-height: 40px;
color: #808080;
font-size: 14px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .purchaseSummaryHeader .purchaseSummary .purchaseValue {
padding-left: 20px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .purchaseSummaryHeader .purchaseSummary .purchaseCount {
float: right;
margin-right: 20px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .last .backgroundBar {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .itemDetails .purchaseDetails {
padding-top: 2px;
color: #848484;
font-size: 14px;
}
#customerOverviewv2 .selectionAndDetailTwoPaneCombo .rightPreviewPane .contentEntry.purchase .itemDetails .purchaseDetails:nth-child(2) {
padding-top: 10px;
}
.engagementComponent {
float: left;
width: 150px;
margin-top: 35px;
}
.engagementComponent .percentageBarContainer {
margin-left: auto;
margin-right: auto;
text-align: center;
height: 15px;
}
.engagementComponent .percentageBarContainer .percentageBar {
margin-left: auto;
margin-right: auto;
text-align: center;
height: 100%;
}
.engagementComponent .componentName {
margin-top: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#engagementHighChartsWrapper {
display: inline-block;
}
#engagementHighChartsBlock {
position: relative;
display: flex;
flex-direction: column;
}
#engagementHighChartsBlock #engagementDonutChart {
width: 300px;
height: 300px;
}
#engagementHighChartsBlock #engagementDonutChart svg,
#engagementHighChartsBlock #engagementDonutChart .highcharts-container,
#engagementHighChartsBlock #engagementDonutChart .highcharts-background,
#engagementHighChartsBlock #engagementDonutChart #pie {
pointer-events: none;
}
#engagementHighChartsBlock #engagementDonutChart svg * {
pointer-events: all;
}
#engagementHighChartsBlock .engagementDonutTooltip {
text-align: center;
}
#engagementHighChartsBlock #engagementDonutCenter {
position: absolute;
width: 300px;
height: 300px;
top: 0;
color: #585858;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
#engagementHighChartsBlock #engagementDonutCenter .engagementScoreValue {
font-size: 36px;
}
#engagementHighChartsBlock #engagementDonutCenter .engagementScoreLabel {
font-size: 16px;
}
#engagementHighChartsBlock .engagementLegend {
display: flex;
flex-wrap: wrap;
margin: 0 50px;
justify-content: center;
}
#engagementHighChartsBlock .engagementLegend .legendComponent {
width: 50%;
white-space: nowrap;
}
#engagementHighChartsBlock .engagementLegend .legendBox {
display: inline-block;
width: 10px;
height: 10px;
}
#engagementHighChartsBlock .engagementLegend .componentName {
margin-left: 5px;
display: inline-block;
}
#engagementHighChartsBlock.legendRight {
flex-direction: row;
}
#engagementHighChartsBlock.legendRight .engagementLegend {
flex-direction: column;
}
#engagementHighChartsBlock.legendRight .engagementLegend .legendComponent {
width: auto;
}
#genderTagAffinityDirective .gender-icon {
display: inline-block;
padding: 5px;
margin: 10px auto 0;
}
#genderTagAffinityDirective .gender-icon i {
color: #C8C8C8;
cursor: pointer !important;
}
#genderTagAffinityDirective .gender-icon.active i {
color: #82c135;
}
#importantActions {
width: 30%;
padding-right: 30px;
display: inline-block;
float: right;
}
#importantActions .actionCount {
float: right;
}
#importantActions .percentageBarContainer {
background-color: #e5e5e5;
height: 10px;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 20px;
}
#importantActions .percentageBarContainer .percentageBar {
height: 100%;
background-color: #0095da;
border-radius: 3px;
}
#egUserLocationMap {
display: table;
position: relative;
}
#egUserLocationMap .noLocationData {
position: absolute;
text-align: center;
margin-left: auto;
margin-right: auto;
left: 0px;
right: 0px;
top: 65px;
vertical-align: middle;
z-index: 1;
}
#egUserLocationMap .noLocationData span {
padding-left: 2px;
padding-right: 2px;
background-color: white;
}
#segmentMembershipv2 .summaryTable table.customer-details {
width: auto;
}
#segmentMembershipv2 .summaryTable table.customer-details tr td:first-child {
padding-right: 20px;
font-weight: bold;
text-align: right;
min-width: 100px;
}
#segmentMembershipv2 .summaryTable table tr {
height: 30px;
}
#segmentMembershipv2 .summaryTable .attrLabel {
width: 150px;
margin-right: 10px;
}
#userDetail {
min-height: 1090px;
}
#userDetail .topPaneSpacer {
height: 500px;
transition: height 0.5s ease;
}
#userDetail .topPaneSpacer.condensed {
height: 270px;
}
#userDetail .userDetailTopPane {
height: 490px;
width: 100%;
min-width: 1260px;
z-index: 2;
background: #FFF;
position: relative;
top: -500px;
left: 0;
transition: height, position 0.5s ease;
}
#userDetail .userDetailTopPane * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#userDetail .userDetailTopPane *:before,
#userDetail .userDetailTopPane *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#userDetail .userDetailTopPane .userDetailRow {
background: #FFF;
height: 340px;
transition: height 0.5s ease;
}
#userDetail .userDetailTopPane .userDetailRow div.left-col,
#userDetail .userDetailTopPane .userDetailRow div.right-col {
display: inline-block;
float: left;
}
#userDetail .userDetailTopPane .userDetailRow div.left-col:first-child,
#userDetail .userDetailTopPane .userDetailRow div.right-col:first-child {
padding-left: 30px;
}
#userDetail .userDetailTopPane .userDetailRow .left-col {
width: 49%;
}
#userDetail .userDetailTopPane .userDetailRow .right-col {
width: 49%;
}
@media (max-width: 1450px) {
#userDetail .userDetailTopPane .userDetailRow .left-col {
width: 40%;
}
#userDetail .userDetailTopPane .userDetailRow .right-col {
width: 60%;
padding-right: 30px;
}
}
#userDetail .userDetailTopPane .userDetailRow .sub-col-left,
#userDetail .userDetailTopPane .userDetailRow .sub-col-right {
width: 49%;
float: left;
}
#userDetail .userDetailTopPane .userDetailRow .sub-col-right {
padding-left: 40px;
}
#userDetail .userDetailTopPane .userDetailRow .breadcrumbs {
margin-bottom: 0;
padding: 10px 0px 0px;
}
#userDetail .userDetailTopPane .userDetailRow h1.userDisplayName {
margin: 5px 0;
font-weight: 300;
}
#userDetail .userDetailTopPane .userDetailRow h2.userLocation {
margin: 5px 0;
font-weight: 400;
}
#userDetail .userDetailTopPane .userDetailRow #egUserLocationMap {
width: 250px;
height: 150px;
}
#userDetail .userDetailTopPane .userDetailRow #egUserLocationMap svg {
height: 150px;
}
#userDetail .userDetailTopPane .userDetailRow .gender-affinities {
position: relative;
top: -5px;
color: #585858;
}
#userDetail .userDetailTopPane .userDetailRow .metrics-summary {
margin-top: 10px;
text-align: center;
}
#userDetail .userDetailTopPane .userDetailRow .metrics-summary:before,
#userDetail .userDetailTopPane .userDetailRow .metrics-summary:after {
content: " ";
display: table;
}
#userDetail .userDetailTopPane .userDetailRow .metrics-summary:after {
clear: both;
}
#userDetail .userDetailTopPane .userDetailRow .metrics-summary .panel-wrapper {
text-align: left;
display: inline-block;
float: none;
width: 100%;
min-width: 210px;
margin-bottom: 20px;
}
#userDetail .userDetailTopPane .userDetailRow .metrics-summary .panel-wrapper:last-child {
margin-bottom: 0;
}
#userDetail .userDetailTopPane .userDetailRow .panel-wrapper {
display: inline-block;
float: left;
width: 50%;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel {
vertical-align: top;
height: 50px;
box-sizing: border-box;
color: #585858;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel:before,
#userDetail .userDetailTopPane .userDetailRow .info-panel:after {
content: " ";
display: table;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel:after {
clear: both;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel.purchase-made {
color: #82c135;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel.purchase-made .circular-icon {
background-color: #ddf2c3;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel .panel-left {
float: left;
vertical-align: top;
box-sizing: border-box;
height: 100%;
display: inline-block;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel .panel-right {
width: calc(100% - 50px);
float: left;
padding-left: 8px;
padding-top: 3px;
vertical-align: top;
box-sizing: border-box;
height: 100%;
display: inline-block;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel .circular-icon {
padding-top: 9px;
border-radius: 40px;
width: 50px;
background-color: #d5d5d5;
text-align: center;
font-size: 30px;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel .panel-header {
font-size: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel .panel-sub-header {
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel .unit-label {
font-size: 12px;
color: #b5b5b5;
}
#userDetail .userDetailTopPane .userDetailRow .info-panel:not(:first-child) {
padding-left: 6px;
}
#userDetail .userDetailTopPane .userDetailRow .affinitiesQuadrantChart {
float: right;
}
#userDetail .userDetailTopPane.condensed {
position: fixed;
height: 256px;
top: 100px;
}
#userDetail .userDetailTopPane.condensed .userDetailRow {
height: 100px;
}
#userDetail .userDetailTopPane.condensed .userDetailRow .sub-col-right {
width: 99% !important;
padding-left: 0px !important;
}
#userDetail .userDetailTopPane.condensed .userDetailRow .order-history {
margin-top: 10px !important;
margin-bottom: -10px !important;
}
#userDetail .userDetailTopPane.condensed .userDetailRow .order-history .panel-wrapper {
max-width: 210px;
display: inline;
float: left;
}
#userDetail .userDetailTopPane.condensed .userDetailVisitRow.customerVisitChartContainer {
top: -30px;
margin-bottom: -30px;
}
#userDetail .userDetailTopPane .userDetailVisitRow.customerVisitChartContainer {
position: relative;
clear: both;
top: -15px;
margin-bottom: -15px;
z-index: 110;
background: #FFF;
height: 130px;
}
#userDetail .userDetailTopPane .userDetailVisitRow.customerVisitChartContainer .selectedTimeRangeLabel {
color: #5d5d5d;
font-size: 14px;
position: absolute;
top: 115px;
right: 30px;
}
#userDetail .userDetailTopPane .userDetailVisitRow.customerVisitChartContainer .selectedTimeRangeLabel h6 {
margin: 8px 0px 5px 0px;
font-size: 11px;
font-weight: 500;
text-align: right;
}
#userDetail .userDetailTopPane .userDetailVisitRow.customerVisitChartContainer .selectedTimeRangeLabel span {
cursor: default;
}
#userDetail .userDetailTopPane #showVisitGraphHelp {
position: absolute;
top: 140px;
right: 270px;
}
#userDetail .btn-group .btn {
z-index: 0;
}
#userDetail .userDetailBottomPane {
position: relative;
top: -500px;
}
#userDetail .userDetailBottomPane.condensed {
top: 32px;
}
#userDetail .userDetailBottomPane .pageContent {
padding: 10px 30px;
position: relative;
}
#userDetail ul.nav.nav-tabs {
border-bottom: 1px solid #d5d5d5;
padding: 0px 30px;
}
#userDetail ul.nav.nav-tabs li {
background: #f5f5f5;
padding-top: 0;
margin-right: 3px;
border-right: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
border-top: 3px solid #0095da;
}
#userDetail ul.nav.nav-tabs li:hover,
#userDetail ul.nav.nav-tabs li.active {
border-top-color: #82c135;
}
#userDetail ul.nav.nav-tabs li a {
font-weight: normal;
}
#userDetail #uiLabelTooltips {
background: rgba(255, 255, 255, 0.9);
color: #1F1F1F;
border: 1px solid #c8c8c8;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.egCategorySunburst #main {
float: left;
width: 750px;
}
.egCategorySunburst #sidebar {
float: right;
width: 100px;
}
.egCategorySunburst #sequence {
width: 750px;
height: 70px;
}
.egCategorySunburst #legend {
padding: 10px 0 0 3px;
}
.egCategorySunburst #sequence text,
.egCategorySunburst #legend text {
font-weight: 600;
fill: #fff;
}
.egCategorySunburst #chart {
position: relative;
}
.egCategorySunburst #chart path {
stroke: #fff;
}
.egCategorySunburst #explanation {
position: absolute;
top: 260px;
left: 305px;
width: 140px;
text-align: center;
color: #666;
z-index: -1;
}
.egCategorySunburst #percentage {
font-size: 2.5em;
}
.egCategorySunburst .breadcrumb {
list-style: none;
overflow: hidden;
font: 16px Helvetica, Arial, Sans-Serif;
}
.egCategorySunburst .breadcrumb li {
float: left;
}
.egCategorySunburst .breadcrumb li a {
color: white;
text-decoration: none;
padding: 4px 0 4px 45px;
position: relative;
display: block;
float: left;
}
.egCategorySunburst .breadcrumb li a:after {
content: " ";
display: block;
width: 0;
height: 0;
border-left-color: inherit;
border-top: 50px solid transparent;
/* Go big on the size, and let overflow hide */
border-bottom: 50px solid transparent;
border-left-width: 30px;
border-left-style: solid;
position: absolute;
top: 50%;
margin-top: -50px;
left: 100%;
z-index: 2;
}
.egCategorySunburst .breadcrumb li a:before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 50px solid transparent;
/* Go big on the size, and let overflow hide */
border-bottom: 50px solid transparent;
border-left: 30px solid white;
position: absolute;
top: 50%;
margin-top: -50px;
margin-left: 3px;
left: 100%;
z-index: 1;
}
.egCategorySunburst .breadcrumb li:first-child a {
padding-left: 10px;
}
.egCategorySunburst button {
display: block;
width: 128px;
height: 28px;
border: none;
border-radius: 4px;
margin: 7px;
color: white;
font-size: 13px;
}
.andOrToggle {
width: 100px;
cursor: pointer;
color: #b5b5b5;
text-transform: uppercase;
border: 1px solid #b5b5b5;
border-radius: 4px;
margin-left: 0px;
display: inline-block;
background-color: white;
}
.andOrToggle.blue .btn-primary {
background: rgba(0, 149, 218, 0.2);
}
.andOrToggle.blue .active {
color: #1071a8;
}
.andOrToggle.green .btn-primary {
background: rgba(221, 242, 195, 0.2);
}
.andOrToggle.green .active {
color: #82c135;
}
.funnelDropdownWrapper > div {
display: inline-block;
}
#segmentEditor .moreInfoIcon {
vertical-align: top;
}
#segmentEditor #upload td.label {
padding-top: 25px;
}
#segmentEditor #upload div.k-upload {
margin-left: 5px;
width: 319px;
}
#segmentEditor #upload div.k-upload span.k-progress {
margin-left: 0;
margin-right: 0;
}
.ruleStaticDropdown .k-dropdown {
min-width: 130px;
}
.ruleTypeDropdown {
width: 315px;
}
.ruleTypeDropdown select {
display: inline-block;
}
.ruleTypeDropdown .k-dropdown.ruleCategory {
width: 145px;
}
.ruleTypeDropdown .k-dropdown.ruleType {
width: 160px;
}
#segmentEditor {
position: relative;
padding: 20px 20px 0px 20px;
}
#segmentEditor .breadcrumbs {
margin-bottom: 20px;
}
#segmentEditor .segmentHeader {
position: relative;
margin-bottom: 10px;
}
#segmentEditor .segmentHeader .name {
display: inline-block;
}
#segmentEditor .segmentHeader .name label {
color: #1b1b1b;
}
#segmentEditor .segmentHeader .name input[type="text"] {
width: 240px;
}
#segmentEditor .segmentHeader .rightButtonRow {
right: 18px;
float: right;
}
#segmentEditor .segmentHeader .rightButtonRow .disabledCheckboxLabel {
margin-right: 10px;
}
#segmentEditor .segmentHeader .usedElsewhereNotification {
background-color: #ffffff;
border: 2px solid #ffcb80;
padding: 8px;
border-radius: 3px;
width: 75%;
margin-top: 5px;
}
#segmentEditor .segmentHeader .usedElsewhereNotification li {
margin-left: 20px;
}
#segmentEditor .tabRow {
height: 30px;
line-height: 30px;
background-color: #f9f9f9;
}
#segmentEditor .segmentContent .segmentToolbar {
height: 30px;
position: relative;
margin-bottom: 20px;
}
#segmentEditor .segmentContent .segmentToolbar .switch-light {
height: 28px;
}
#segmentEditor .segmentContent .deleteRuleFoo {
color: #b5b5b5;
cursor: pointer;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#segmentEditor .segmentContent .betweenAndOr {
margin-top: 10px;
margin-bottom: 10px;
}
#segmentEditor .segmentContent .ruleGroup {
border: 1px solid #d5d5d5;
margin-bottom: 3px;
}
#segmentEditor .segmentContent .ruleGroup .ruleGroupHeader {
height: 30px;
background-color: #d5d5d5;
padding: 5px;
position: relative;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
}
#segmentEditor .segmentContent .ruleGroup .ruleGroupHeader a.deleteRuleGroup,
#segmentEditor .segmentContent .ruleGroup .ruleGroupHeader a.toggleRuleGroup {
color: #b5b5b5;
cursor: pointer;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: 10px;
color: #848484;
font-size: 18px;
}
#segmentEditor .segmentContent .ruleGroup .ruleGroupHeader a.deleteRuleGroup {
right: 18px;
}
#segmentEditor .segmentContent .ruleGroup .ruleGroupHeader a.deleteRuleGroup :hover {
color: #dd360b;
}
#segmentEditor .segmentContent .ruleGroup .ruleGroupHeader a.toggleRuleGroup {
left: 18px;
}
#segmentEditor .segmentContent .ruleGroup .ruleGroupHeader .switch-light {
height: 23px;
}
#segmentEditor .segmentContent .ruleGroup .ruleGroupHeader .switch-light > span {
line-height: 24px;
}
#segmentEditor .segmentContent .ruleGroup .newRule {
background: none;
color: #848484;
}
#segmentEditor .segmentContent #segmentName {
width: 320px;
}
#segmentEditor .segmentContent #noRules {
padding-top: 20px;
padding-bottom: 25px;
}
#segmentEditor .segmentContent .rule {
padding: 5px;
position: relative;
padding-left: 50px;
padding-right: 40px;
}
#segmentEditor .segmentContent .rule .friendlyRuleRow {
min-height: 40px;
line-height: 40px;
}
#segmentEditor .segmentContent .rule.even {
background-color: #f5f5f5;
}
#segmentEditor .segmentContent .rule.odd {
background-color: white;
}
#segmentEditor .segmentContent .rule a.deleteRule {
color: #b5b5b5;
cursor: pointer;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: 10px;
right: 18px;
font-size: 18px;
}
#segmentEditor .segmentContent .rule a.deleteRule :hover {
color: #dd360b;
}
#segmentEditor .segmentContent .rule .andOrLabel {
color: #82c135;
text-transform: uppercase;
display: inline-block;
position: absolute;
left: 10px;
top: 18px;
}
#segmentEditor .segmentContent .rule .k-list-container {
width: auto !important;
}
#segmentEditor .segmentContent .rule .k-list-container .k-list .k-item {
white-space: nowrap;
}
#segmentEditor .segmentContent .andOrToggle {
margin-right: 6px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#segmentEditor .segmentContent .andOr {
padding: 5px 10px;
border: 2px solid #0095da;
display: inline-block;
cursor: pointer;
border-radius: 5px;
margin-left: 12px;
}
#segmentEditor .segmentContent .andOr:hover {
background-color: #0095da;
}
#segmentEditor .segmentContent .wideMultiselect {
display: inline-block;
}
#segmentEditor .segmentContent .wideMultiselect .chosen-container {
min-width: 300px;
}
#segmentEditor .newGroup {
margin-top: 3px;
margin-left: 6px;
vertical-align: top;
background: none;
color: #0095da;
}
#segmentEditor .segmentAdditionalSettings {
margin-top: 40px;
}
#segmentEditor .actionLinkWrapper {
padding-top: 5px;
padding-bottom: 5px;
}
#segmentEditor .actionLinkWrapper .fa {
margin-right: 5px;
}
.egRuleStaticDropdownWrapper {
display: inline-block;
}
.egRuleStaticDropdownWrapper .prefix {
margin-right: 0;
}
.egRuleStaticDropdownWrapper input[type="text"].narrow {
margin-left: 3px;
margin-right: 3px;
}
.egRuleStaticDropdownWrapper input[type="text"].narrowest {
width: 60px;
}
.egRuleStaticDropdownWrapper > div {
display: inline-block;
}
.segmentRule {
display: table;
}
.segmentRule .ruleSelectorWrapper {
display: table-cell;
padding-right: 17px;
}
.segmentRule section {
display: table-cell;
margin-left: 20px;
}
.segmentRule section > * {
vertical-align: middle;
}
.segmentRule section > input[type=checkbox] {
margin-right: 5px;
}
.segmentRule section > div {
display: inline-block;
}
.segmentRule section h2 {
display: none;
width: 170px;
font-size: 14px;
margin-right: 16px;
}
.segmentRule section > span,
.segmentRule section > div {
margin-left: 3px;
margin-right: 3px;
}
.segmentRule section > span:first-of-type,
.segmentRule section > div:first-of-type {
margin-left: 0;
}
.segmentRule section .k-dropdown {
width: auto;
}
.segmentRule section input.milesOf {
width: 44px;
}
.segmentRule section .ruleStaticDropdown[ng-model="ngModel.matchCondition"] {
width: 170px;
}
.segmentRule section .ruleStaticDropdown[ng-model="ngModel.matchCondition"] .k-dropdown {
width: 100%;
}
.segmentRule section label input[type=checkbox] {
margin-left: 7px;
}
.segmentRule section .unitSelect {
min-width: 100px;
}
.segmentRule section .smallMultiselect {
display: inline-block;
}
.segmentRule section .smallMultiselect .egLocationCodeSearchWrapper .k-multiselect {
width: 250px;
height: 30px;
}
.segmentRule section .smallMultiselect .chosen-container {
min-width: 150px;
}
.segmentRule .chosenDropdownWrapper {
display: inline-block;
}
.segmentRule .GeoRuleInLocation .cityCodeWrapper,
.segmentRule .GeoRuleInLocation .metroCodeWrapper,
.segmentRule .GeoRuleInLocation .countryWrapper,
.segmentRule .GeoRuleInLocation .stateWrapper,
.segmentRule .GeoRuleInLocation postalCodeWrapper {
min-width: 260px;
}
.timePeriodRule {
display: inline-block;
}
.timePeriodRule > * {
display: inline-block;
}
.timePeriodRule .invalidDate .k-picker-wrap {
border-color: #dd360b;
background-color: #feede9;
}
.timePeriodRule .invalidDate .k-picker-wrap .dailyBucketDatePicker {
background-color: #feede9;
}
#segment .breadcrumbs {
margin-bottom: 8px;
}
#segment .evergageSegmentDescription {
margin-bottom: 17px;
margin-top: 10px;
}
#segment .selectionFilter {
margin: 5px 0;
}
#segment .current .customerTypeIconWrapper {
display: inline-block;
font-size: 9px;
font-weight: normal;
width: 28px;
height: 28px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0;
margin-right: 6px;
}
#segment .current .customerTypeIconWrapper .fa {
margin: 0;
}
#segment .current .customerTypeIconWrapper .fa-stack-1x,
#segment .current .customerTypeIconWrapper .fa-stack-2x,
#segment .current .customerTypeIconWrapper .fa-stack-3x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
#segment .current .customerTypeIconWrapper .fa-stack-1x {
line-height: inherit;
}
#segment .current .customerTypeIconWrapper .fa-stack-2x {
font-size: 2em;
}
#segment .current .customerTypeIconWrapper .fa-stack-3x {
font-size: 3em;
}
#segment .current .customerTypeIconWrapper .customerTypeIconBadge {
color: #ff9600;
margin-top: .55em;
margin-left: .55em;
}
#segment .current .customerTypeIconWrapper .customerTypeIconBadge.account {
margin-top: .75em;
}
#segment .current .customerTypeIconWrapper .customerTypeIconBadgeText {
color: #fff;
margin-top: 1.02em;
margin-left: 1.1em;
font-weight: bolder;
}
#segment .current .customerTypeIconWrapper .customerTypeIconBadgeText.account {
margin-top: 1.4em;
}
#segment .current .headerText {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
}
#segment .segmentDescription {
margin-top: 10px;
}
#segmentEngagement iframe {
height: 1000px;
}
.segmentExportOptionsModal .modal-content {
height: 100% !important;
max-height: 500px !important;
padding: 15px;
min-height: 160px !important;
}
.segmentExportOptionsModal .modal-content .header i {
padding-right: 5px;
}
.segmentExportOptionsModal .modal-content .content .option-input-row {
padding: 10px 0px;
}
.segmentExportOptionsModal .modal-content .content .option-input-row h4 {
margin: 0;
padding: 0;
}
.segmentExportOptionsModal .modal-content .content .option-input-row p {
margin: 10px 0px;
padding: 0;
}
.segmentExportOptionsModal .modal-content .content .option-input-row label:not(.btn) {
display: block;
padding-bottom: 10px;
}
.segmentExportOptionsModal .modal-content .content .option-input-row .btn-group {
padding: 10px 0px;
}
.segmentExportOptionsModal .modal-content .content .option-input-row .chosen-container {
width: 400px !important;
}
.segmentExportOptionsModal .modal-content .content .option-input-row .option-info {
padding: 5px 0px;
color: #1071a8;
}
.segmentExportOptionsModal .modal-content .content .option-input-row .option-info i {
padding-right: 5px;
}
.segmentExportOptionsModal .modal-content .footer {
padding-top: 20px;
}
#segmentEngagement iframe {
height: 1000px;
}
#segmentOverview iframe {
height: 1000px;
}
#segmentsList .disabledSegment .rightPreviewPaneTitle {
color: #999999;
}
#segmentsList .k-state-selected .disabledSegment .rightPreviewPaneTitle {
color: #cccccc;
}
#segmentsList .enabledSegment .rightPreviewPaneTitle {
color: #4a4a4a;
}
#segmentsList .k-state-selected .enabledSegment .rightPreviewPaneTitle {
color: #fff;
}
#segmentsList .largeDragIcon {
line-height: 32px;
font-size: 16px;
}
#segmentsList .selectionFilter .right {
float: right;
margin-right: 15px;
}
#segmentsList .selectionFilter .right #allCustomersLink {
font-weight: bold;
font-size: 14px;
}
#segmentsList .selectionFilter .right #allCustomersLink .fa {
margin-right: 9px;
}
#segmentsList .leftSelectionPane .k-alt:not(.k-state-selected) {
background-color: #fff;
}
#segmentsList .rightAlignNumberColumn {
text-align: right;
}
#segmentsList .inlineGridCellLeftAlign {
display: inline-block;
float: left;
}
#segmentsList .inlineGridCellLeftAlign i.fa-exclamation-circle {
color: rgba(221, 54, 11, 0.6);
}
#segmentsList .inlineGridCellLeftAlign i.fa-clock-o {
color: #848484;
}
#segmentsList .k-state-selected .inlineGridCellLeftAlign i.fa-exclamation-circle {
color: rgba(244, 81, 39, 0.6);
}
#segmentsList .k-state-selected .inlineGridCellLeftAlign i.fa-clock-o {
color: #b7b7b7;
}
#segmentsList .allSegment {
margin-left: 13px;
}
#segmentsList .allSegment .fa {
margin-right: 9px;
}
#segmentsList #customerTypeSelect {
margin-right: 26px;
}
#segmentsList #segments .dashboardChangeArrow .value {
margin-left: 15px;
}
#segmentsList #newSegmentButton {
margin-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
position: absolute;
top: 13px;
left: 222px;
height: 26px;
}
#segmentsList #newSegmentTypeSelectWrapper {
display: inline-block;
}
#segmentsList #newSegmentTypeSelectWrapper .k-dropdown {
width: 150px;
margin-bottom: 1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
#segmentsList #newSegmentTypeSelectWrapper .k-dropdown .k-dropdown-wrap {
height: 26px;
width: 125px;
background: #0095da;
border-color: #0095da;
color: #fff;
}
#segmentsList #newSegmentTypeSelectWrapper .k-dropdown .k-dropdown-wrap .k-input {
width: 0;
padding: 0;
}
#segmentsList #newSegmentTypeSelectWrapper .k-dropdown .k-dropdown-wrap .k-select {
border-left-style: none;
}
#segmentsList #newSegmentTypeSelectWrapper .k-dropdown .k-dropdown-wrap .k-select .k-i-arrow-60-down {
border-color: #fff transparent transparent transparent;
}
#segmentsList .customerTypeIconWrapper {
margin-right: 6px;
font-size: 0.5em;
width: 28px;
height: 28px;
margin-top: 3px;
margin-bottom: 3px;
}
#segmentsList .customerTypeIconWrapper .fa-stack-1x,
#segmentsList .customerTypeIconWrapper .fa-stack-2x,
#segmentsList .customerTypeIconWrapper .fa-stack-3x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
#segmentsList .customerTypeIconWrapper .fa-stack-1x {
line-height: inherit;
}
#segmentsList .customerTypeIconWrapper .fa-stack-2x {
font-size: 2em;
}
#segmentsList .customerTypeIconWrapper .fa-stack-3x {
font-size: 3em;
}
#segmentsList .customerTypeIconWrapper .customerTypeIconBadge {
color: #ff9600;
margin-top: .55em;
margin-left: .55em;
}
#segmentsList .customerTypeIconWrapper .customerTypeIconBadge.account {
margin-top: .75em;
}
#segmentsList .customerTypeIconWrapper .customerTypeIconBadgeText {
color: #fff;
margin-top: 1.02em;
margin-left: 1.1em;
font-weight: bolder;
}
#segmentsList .customerTypeIconWrapper .customerTypeIconBadgeText.account {
margin-top: 1.4em;
}
#segmentsList .customerTypeIconWrapper .customerTypeImg {
height: 24px;
width: 24px;
margin: auto;
padding-left: 2.5px;
}
#segmentsList .k-state-selected .customerTypeIcon {
color: #fff;
}
#segmentsList .rightPreviewPane {
color: #585858;
}
#segmentsList .rightPreviewPane .noneSelected {
min-height: 645px;
}
#segmentsList .rightPreviewPane .compositeCondition {
margin-bottom: 15px;
}
#segmentsList .rightPreviewPane .header {
margin-bottom: 0;
}
#segmentsList .rightPreviewPane .header > div {
display: inline-block;
}
#segmentsList .rightPreviewPane .header .customerTypeIconWrapper {
display: table-cell;
vertical-align: top;
}
#segmentsList .rightPreviewPane .header .segmentName {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
}
#segmentsList .rightPreviewPane .linkButton {
margin-right: 6px;
}
#segmentsList .campaigns .disabled {
color: #999999;
}
#segmentsList .campaigns .testing {
color: rgba(221, 54, 11, 0.6);
}
#segmentsList .guardianSection {
height: 15px;
padding: 10px;
}
#segmentsList .guardian-button {
font-size: 15px;
height: 100%;
float: right;
}
#mobileActionMap {
color: #585858;
overflow: auto;
}
#mobileActionMap h4 {
display: inline-block;
}
#mobileActionMap .right {
margin-right: 25px;
}
#mobileActionMap .footer-right {
margin-top: 0;
padding: 15px 30px;
border: none;
}
#mobileActionMap .formInvalid {
border-color: #dd360b;
background-color: #fff1eb;
}
#mobileActionMap .search {
position: relative;
}
#mobileActionMap .search input {
text-indent: 16px;
}
#mobileActionMap .search .fa-search {
color: #585858;
position: absolute;
padding: 8px;
}
#mobileActionMap .warning {
text-align: center;
top: 0;
left: 0;
position: absolute;
width: 30px;
height: 30px;
font-size: 16px;
color: #ff9600;
line-height: 30px;
z-index: 1;
}
#mobileActionMap .rightPreviewPane {
min-height: 715px;
}
#mobileActionMap .newScreensList {
background-color: #fff;
padding: 1px 10px;
position: relative;
}
#mobileActionMap .newScreensList .newScreens {
position: relative;
min-height: 275px;
}
#mobileActionMap .newScreensList .newScreens .right {
position: absolute;
right: 0px;
top: 0px;
color: #ff9600;
}
#mobileActionMap .newScreensList .newScreens span.screenshotCount {
width: 120px;
display: inline-block;
text-align: right;
}
#mobileActionMap .newScreensList .newScreens .screenStackList {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
border: none;
padding-bottom: 40px;
}
#mobileActionMap .newScreensList .newScreens .screenStackList.ignored {
display: none;
}
#mobileActionMap .newScreensList .newScreens .screenStackList .screenshotTile {
display: inline-block;
padding: 10px;
background-color: #e5e5e5;
width: 125px;
height: 145px;
margin: 15px 15px 0px 0px;
cursor: pointer;
position: relative;
flex-shrink: 0;
}
#mobileActionMap .newScreensList .newScreens .screenStackList .screenshotTile.selected {
-webkit-box-shadow: 0px 0px 0px 3px #82c135 inset;
-moz-box-shadow: 0px 0px 0px 3px #82c135 inset;
box-shadow: 0px 0px 0px 3px #82c135 inset;
}
#mobileActionMap .newScreensList .newScreens .screenStackList .screenshotTile.selected .screenshotVersion span {
-webkit-box-shadow: 3px 0px #82c135 inset;
-moz-box-shadow: 3px 0px #82c135 inset;
box-shadow: 3px 0px #82c135 inset;
}
#mobileActionMap .newScreensList .newScreens .screenStackList .screenshotTile .numberScreensInStack {
text-align: center;
top: -15px;
right: -16px;
width: 30px;
height: 30px;
position: absolute;
background-color: orange;
color: #fff;
border-radius: 50%;
line-height: 30px;
}
#mobileActionMap .newScreensList .newScreens .screenStackList .screenshotTile .image {
height: 125px;
position: relative;
top: -2px;
}
#mobileActionMap .newScreensList .newScreens .screenStackList .screenshotTile .image .screenshot {
margin: auto;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
max-width: 115px;
max-height: 115px;
}
#mobileActionMap .newScreensList .newScreens .screenStackList .screenshotTile .screenshotVersion {
color: #585858;
position: absolute;
left: 0;
bottom: 0;
margin: 10px 0;
}
#mobileActionMap .newScreensList .newScreens .screenStackList .screenshotTile .screenshotVersion span {
background-color: #fff;
padding: 3px 15px;
}
#mobileActionMap .newScreensList .newScreens .screenStackList .screenshotTile .ignoreScreen {
text-transform: uppercase;
right: 0;
position: absolute;
bottom: 0;
color: #585858;
margin: 10px;
cursor: pointer;
font-weight: bold;
}
#mobileActionMap .newScreensList .newScreens .k-pager-wrap {
position: absolute;
bottom: 0;
width: 100%;
}
#mobileActionMap form h4 {
margin: 5px 0px;
}
#mobileActionMap form textarea {
resize: none;
margin: 0px;
height: auto;
max-width: 410px;
width: 96%;
}
#mobileActionMap form input {
margin: 0px;
}
#mobileActionMap form label {
display: inline-block;
max-width: 420px;
vertical-align: top;
}
#mobileActionMap form label#actionNameLabel {
width: 165px;
margin-right: 20px;
}
#mobileActionMap form label#matchRuleLabel {
width: 92%;
}
/*
* Copyright (C) 2010-2016 Evergage, Inc.
* All rights reserved.
*/
#unmappedPagesSearch-list {
display: none !important;
}
#actionMapping h1 {
display: inline-block;
}
#actionMapping .infoIconLink {
cursor: pointer;
font-size: 18px;
margin-left: 5px;
}
#actionMapping .infoIconLink > span {
display: none;
}
#actionMapping .searchArea {
position: relative;
margin-top: 10px;
}
#actionMapping .searchArea:after {
content: "";
display: table;
clear: both;
}
#actionMapping .k-grid-openLink {
display: none;
}
#actionMapping .k-grid td {
font-weight: normal;
color: #585858;
word-break: break-all;
}
#actionMapping .k-grid .fa-trash:hover {
color: #e13e06;
}
#actionMapping .k-grid .disabledAction {
color: #999999;
}
#actionMapping .k-grid .k-state-selected span,
#actionMapping .k-grid .k-state-selected .fa {
color: white;
}
#actionMapping .k-grid .k-state-selected .k-grid-openLink {
display: block;
color: white;
}
#actionMapping .k-grid .k-state-selected .k-grid-openLink:hover {
color: #d9d9d9;
}
#actionMapping .k-grid .k-state-selected .disabledAction {
color: #cccccc;
}
#actionMapping .k-grid .k-state-selected .fa:hover {
color: #d9d9d9;
}
#actionMapping .linkButton.top {
float: right;
margin-left: 12px;
}
#actionMapping .linkButton.top.mapped {
margin-top: 8px;
}
#actionMapping .linkButton.deleteButton:hover {
background: #e13e06;
}
#actionMapping .filterCheckbox {
margin-top: 15px;
margin-left: 10px;
color: #848484;
}
#actionMapping .actionSearch {
width: 530px;
}
#actionMapping .actionSearch.nonPage {
width: 300px;
}
#appIntegration {
background-color: #fff;
min-height: 863px;
}
#appIntegration .k-dropdown {
width: 150px;
}
#appIntegration .pageContent {
padding: 0;
background-color: #fff;
}
#appIntegration .pageContent .inputInvalid {
border-color: #dd360b;
background-color: #fff1eb;
}
#appIntegration .pageContent label {
margin-right: 10px;
}
#appIntegration code {
background-color: #efefef;
}
#appIntegration .bundleLabel {
margin-left: 5em;
}
#appIntegration .textareaCode {
width: 100%;
max-width: 800px;
font-family: monospace, monospace;
font-size: 13px;
line-height: 13px;
height: 300px;
}
#appIntegration .handleOpenUrl {
height: 150px;
}
#appIntegration .textareaCode.short {
height: 60px;
}
#apps {
min-height: 863px;
position: relative;
}
#apps h2 {
margin-bottom: 28px;
}
#apps .k-dropdown {
width: 110px;
}
#apps .pageDetail {
margin-bottom: 28px;
margin-top: 15px;
}
#apps .filter {
position: relative;
display: inline-block;
margin-left: 20px;
}
#apps .filter input {
text-indent: 16px;
}
#apps .filter .fa-search {
position: absolute;
padding: 8px;
}
#apps .selection-container {
margin-right: 25px;
margin-left: 40px;
width: 135px;
display: inline-block;
vertical-align: middle;
}
#apps .selection-container label:nth-of-type(1) {
left: -62px;
}
#apps .k-pager-wrap {
position: absolute;
bottom: 0;
width: 99%;
margin-left: -10px;
}
#apps .overlay {
text-align: left;
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
}
#apps #appName input[name=name] {
border: dashed 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0px;
font-size: 18px;
display: inline-block;
font-weight: bold;
}
#apps #appName input[name=name]:focus {
border-bottom: dashed 1px #0095da;
}
#apps #os {
position: absolute;
}
#apps .inlineAttribute {
margin: 15px 0;
}
#apps .inlineAttribute h4 {
display: inline;
}
#apps .nav-tabs li {
margin: 0 0 -1px 0;
}
#apps .nav-tabs li a {
color: #808080;
}
#apps .nav-tabs li.active,
#apps .nav-tabs li.k-state-active {
border-top: #82c135 3px solid;
}
#apps .nav-tabs li.active a,
#apps .nav-tabs li.k-state-active a {
color: #0095da;
padding-bottom: 10px;
}
#apps .nav-tabs #detectScreensButton {
position: absolute;
left: 450px;
margin-left: 15px;
}
#apps .hideVisibility {
visibility: hidden;
}
#apps .rightPreviewPane {
margin-top: 37px;
border: 1px solid #d5d5d5;
border-left: 1px solid #b5b5b5;
min-height: 270px;
}
#apps .newScreenshotsCount {
background-color: orange;
color: white;
padding: 3px 7px;
border-radius: 8px;
}
#apps .warning {
text-align: center;
top: 0;
left: 5px;
position: absolute;
height: 30px;
color: #ff9600;
line-height: 30px;
z-index: 1;
}
#apps .warning .fa {
font-size: 16px;
margin-right: 5px;
}
#apps .screenshotsListView {
border: 1px solid #d5d5d5;
padding: 20px 10px 30px 10px;
min-height: 250px;
position: relative;
}
#apps .screenshotsListView .screenStackList {
border: none;
}
#apps .screenshotsListView .screenStackList .selected {
-webkit-box-shadow: 0px 0px 0px 3px #82c135 inset;
-moz-box-shadow: 0px 0px 0px 3px #82c135 inset;
box-shadow: 0px 0px 0px 3px #82c135 inset;
}
#apps .screenshotsListView .screenStackList .selected .screenshotVersion span {
-webkit-box-shadow: 3px 0px #82c135 inset;
-moz-box-shadow: 3px 0px #82c135 inset;
box-shadow: 3px 0px #82c135 inset;
}
#apps .screenshotsListView .screenStackList .screenshotStack,
#apps .screenshotsListView .screenStackList .screenshotTile {
display: inline-block;
padding: 10px;
background-color: #e5e5e5;
width: 125px;
height: 145px;
margin: 10px 15px;
cursor: pointer;
position: relative;
}
#apps .screenshotsListView .screenStackList .screenshotStack.newStack,
#apps .screenshotsListView .screenStackList .screenshotTile.newStack {
border: 1px solid #ff9600;
}
#apps .screenshotsListView .screenStackList .screenshotStack .numberScreensInStack,
#apps .screenshotsListView .screenStackList .screenshotTile .numberScreensInStack {
text-align: center;
top: -15px;
right: -16px;
width: 30px;
height: 30px;
position: absolute;
background-color: #b0d7f4;
color: #0095da;
border-radius: 50%;
line-height: 30px;
z-index: 1;
}
#apps .screenshotsListView .screenStackList .screenshotStack .image,
#apps .screenshotsListView .screenStackList .screenshotTile .image {
height: 125px;
position: relative;
top: -2px;
}
#apps .screenshotsListView .screenStackList .screenshotStack .image .screenshot,
#apps .screenshotsListView .screenStackList .screenshotTile .image .screenshot {
margin: auto;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
max-width: 115px;
max-height: 115px;
}
#apps .screenshotsListView .screenStackList .screenshotStack .screenshotVersion,
#apps .screenshotsListView .screenStackList .screenshotTile .screenshotVersion {
color: #585858;
position: absolute;
left: 0;
bottom: 0;
margin: 10px 0;
}
#apps .screenshotsListView .screenStackList .screenshotStack .screenshotVersion span,
#apps .screenshotsListView .screenStackList .screenshotTile .screenshotVersion span {
background-color: #fff;
padding: 3px 15px;
}
#apps .screenshotsListView .screenStackList .screenshotStack .editScreenAction,
#apps .screenshotsListView .screenStackList .screenshotTile .editScreenAction {
text-transform: uppercase;
right: 0;
position: absolute;
bottom: 0;
color: #fff;
padding: 10px 10px;
cursor: pointer;
}
#apps .screenshotsListView .screenStackList .screenshotStack .editScreenAction i,
#apps .screenshotsListView .screenStackList .screenshotTile .editScreenAction i {
margin: 0 3px;
}
#apps .screenshotsListView .screenStackList .screenshotStack .fa-repeat,
#apps .screenshotsListView .screenStackList .screenshotTile .fa-repeat {
position: absolute;
right: 0;
bottom: 0;
padding: 10px 10px;
cursor: pointer;
}
#apps .screenshotsListView .screenStackList .screenshotStack {
-webkit-box-shadow: 10px -10px #d1d1d1;
-moz-box-shadow: 10px -10px #d1d1d1;
box-shadow: 10px -10px #d1d1d1;
}
#apps .screenshotsListView .screenStackList .screenshotStack.empty,
#apps .screenshotsListView .screenStackList .screenshotStack.single {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#apps .screenshotsListView .screenStackList .tooltip {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
width: 330px;
background: none;
text-align: center;
}
#apps .screenshotsListView .screenStackList .tooltip .tooltip-inner {
background-color: #efefef;
-webkit-box-shadow: 0px -1px 17px 2px #b5b5b5;
-moz-box-shadow: 0px -1px 17px 2px #b5b5b5;
box-shadow: 0px -1px 17px 2px #b5b5b5;
padding: 25px;
border-radius: 6px;
text-align: left;
position: relative;
left: 55px;
}
#apps .screenshotsListView .screenStackList .tooltip .tooltip-inner h4 {
margin: 5px 0;
}
#apps .screenshotsListView .screenStackList .tooltip .tooltip-arrow {
width: 5px;
border-bottom-color: #efefef;
z-index: 1;
}
#apps .screenshotsListView .screenStackList .tooltip .screenshotDetails {
background-color: #efefef;
margin: 0px auto;
display: block;
}
#apps .screenshotsListView .screenStackList .tooltip .screenshotDetails img {
max-height: 300px;
max-width: 280px;
}
#apps #trackedScreenshotsListView {
color: #fff;
}
#apps #trackedScreenshotsListView .overlay {
background-color: #848484;
opacity: 0.8;
}
#apps #trackedScreenshotsListView .overlay p {
margin: 30px 15px;
text-overflow: ellipsis;
overflow: auto;
max-height: 95px;
}
#apps #trackedScreenshotsListView .screenshotVersion {
background-color: #fff;
}
#apps #tempAndroidMessage {
width: 460px;
height: 85px;
border: 1px solid #848484;
background-color: #efefef;
border-radius: 5px;
position: relative;
margin-top: 50px;
}
#apps #tempAndroidMessage .fa-info-circle {
color: #fff;
font-size: 20px;
position: absolute;
background-color: #848484;
height: 100%;
line-height: 85px;
padding-left: 10px;
padding-right: 10px;
}
#apps #tempAndroidMessage p {
margin: 20px 10px 20px 50px;
}
#attributes section {
width: 100%;
}
#attributes .col {
float: left;
width: 550px;
}
#attributes .newLink {
margin-top: 15px;
margin-bottom: 30px;
}
#attributes section {
margin-bottom: 25px;
}
#attributes .hidden {
display: none;
}
#attributes .k-grid-edit-row input:not(.k-textbox) {
width: 300px;
}
#attributes .k-grid-edit-row .k-textbox {
height: 30px;
padding: 0;
width: 320px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#beaconVersion .pageDetail .row.header {
padding-bottom: 5px;
}
#beaconVersion .buttonRow a {
float: right;
margin-left: 20px;
}
#beaconVersion .statusMessageRow {
display: block;
text-align: left;
}
#beaconVersion .statusMessageRow pre {
font-family: Arial, Helvetica, sans-serif;
}
#beaconVersion .beaconTypeSection {
padding-top: 30px;
padding-bottom: 30px;
}
#beaconVersion .secondaryOptionsSection {
margin-left: 0px;
}
#beaconVersion .beaconOption {
background-color: #fff;
padding: 5px;
}
#beaconVersion .beaconOption .beaconOptionLabel {
font-weight: bold;
font-size: 16px;
color: #000000;
}
#beaconVersion .beaconOption .beaconOptionDescription {
color: #000000;
margin-left: 18px;
}
#beaconVersion .beaconOption .disabled {
opacity: .6;
}
#beaconVersion .beaconOption #specificVersionChoices {
max-width: 600px;
margin-left: 25px;
padding: 5px;
}
#beaconVersion .beaconOption #specificVersionChoices .choiceRow {
color: #0095da;
}
#beaconVersion .beaconOption #specificVersionChoices .choiceRow td {
padding: 5px;
}
#beaconVersion .beaconOption #specificVersionChoices .choiceRow td span.minimumBeaconVersion {
color: #dd360b;
}
#beaconVersion .beaconOption #specificVersionChoices .choiceRow td i.greenCheck {
font-size: 18px;
color: #82c135;
}
#beaconVersion .beaconOption #specificVersionChoices .oddRow {
background-color: #fff;
}
#beaconVersion .beaconOption #specificVersionChoices .evenRow {
background-color: #f3f7fb;
}
#beaconVersion #overrides {
color: #000000;
}
.detectMobileScreensModal .modal-body {
padding: 10px;
}
.detectMobileScreensModal .modal-content {
max-height: 400px;
overflow-y: auto;
}
.detectMobileScreensModal .modal-content #mobileActionMap {
text-align: center;
font-size: 16px;
}
.detectMobileScreensModal .modal-content #mobileActionMap .modal-footer {
border: none;
margin: 0;
text-align: center;
}
.detectMobileScreensModal .modal-content #mobileActionMap p {
margin: 20px 20px;
}
/*
* Copyright (C) 2010-2016 Evergage, Inc.
* All rights reserved.
*/
#engagement {
margin-bottom: 200px;
}
#engagement i {
font-size: 14px;
}
#engagement section {
margin: 30px 0;
}
#engagement #engagementWrapper {
max-width: 970px;
}
#engagement #engagementLeft {
width: 570px;
float: left;
}
#engagement #engagementRight {
width: 400px;
margin-top: 120px;
float: right;
}
@media (max-width: 1236px) {
#engagement #engagementRight {
margin-top: 0px;
margin-left: 60px;
float: left;
}
}
#engagement .pageSubTitle {
text-align: left;
margin-top: 10px;
}
#engagement #engagementBusinessCycleInput input {
text-align: right;
width: 80px;
}
#engagement .engagementSection {
margin: 10px;
}
#engagement .engagementSection.visitSettings .k-slider-selection,
#engagement .engagementSection.visitSettings .k-draghandle {
background-color: #227414;
border-color: #227414;
}
#engagement .engagementSection.actionSettings .k-slider-selection,
#engagement .engagementSection.actionSettings .k-draghandle {
background-color: #640974;
border-color: #640974;
}
#engagement .engagementSection.kpiSettings .k-slider-selection,
#engagement .engagementSection.kpiSettings .k-draghandle {
background-color: #DB6F05;
border-color: #DB6F05;
}
#engagement .engagementSection.segmentSettings .k-slider-selection,
#engagement .engagementSection.segmentSettings .k-draghandle {
background-color: #0C4F87;
border-color: #0C4F87;
}
#engagement .engagementSection .metricConfigurationTop {
margin: 10px 5px;
white-space: nowrap;
}
#engagement .engagementSection .metricConfigurationTop .engagementSectionHeader {
margin: 0px;
display: inline-block;
width: 100px;
vertical-align: middle;
text-transform: capitalize;
}
#engagement .engagementSection .metricConfigurationTop .engagementSectionHeader.upperCase {
text-transform: uppercase;
}
#engagement .engagementSection .metricConfigurationTop .fa-lock,
#engagement .engagementSection .metricConfigurationTop .fa-unlock-alt {
cursor: pointer;
}
#engagement .engagementSection .metricConfigurationTop .metricConfigurationSlider {
vertical-align: middle;
}
#engagement .engagementSection .metricConfigurationTop .metricConfigurationInput.k-numerictextbox {
width: 80px;
margin-left: 10px;
}
#engagement .engagementSection .metricConfigurationTop .expandToggle {
margin: 0 10px;
color: #848484;
}
#engagement .engagementSection .metricConfigurationTop .expandToggle i {
margin: 2px;
}
#engagement .engagementSection .metricConfigurationTop .expandToggle span {
display: inline-block;
width: 60px;
}
#engagement .engagementSection .metricConfigurationTop > i {
margin: 0 10px;
}
#engagement .engagementSection .metricConfigurationExpanded {
background-color: #f5f5f5;
width: 490px;
padding: 30px;
}
#engagement .engagementSection .metricConfigurationExpanded .engagementRowWrapper {
margin: 20px 0;
}
#engagement .engagementSection .metricConfigurationExpanded .engagementRowWrapper:first-child {
margin-top: 0px;
}
#engagement .engagementSection .metricConfigurationExpanded .engagementRowWrapper:last-child {
margin-bottom: 0px;
}
#engagement .engagementSection .metricConfigurationExpanded .engagementRowWrapper .childConfigurationName {
font-size: 15px;
line-height: 32px;
margin-left: 10px;
}
#engagement .engagementSection .metricConfigurationExpanded .engagementRowWrapper .fa-close {
color: #848484;
}
#engagement .engagementSection .metricConfigurationExpanded .engagementRowWrapper .childConfigurationRadioGroups {
display: inline-block;
white-space: nowrap;
float: right;
}
#engagement .engagementSection .metricConfigurationExpanded .engagementRowWrapper .childConfigurationWeightRadio {
display: inline-block;
float: right;
}
#engagement .engagementSection .metricConfigurationExpanded .engagementRowWrapper .childConfigurationWeightDirection {
font: normal normal normal 14px/1 FontAwesome;
float: right;
margin-right: 4px;
}
#engagement .engagementSection .metricConfigurationExpanded .childConfigurationOptions {
margin-left: 35px;
margin-top: 10px;
white-space: nowrap;
}
#engagement .engagementSection .metricConfigurationExpanded .childConfigurationOptions > * {
margin-right: 4px;
}
#engagement .engagementSection .metricConfigurationExpanded .childConfigurationOptions .engagementRowOptionsLabel {
font-size: 13px;
}
#engagement .engagementSection .metricConfigurationExpanded .childConfigurationOptions .engagementRowAdditionalOptions {
display: inline-block;
}
#engagement .engagementSection .metricConfigurationExpanded .childConfigurationOptions .engagementRowAdditionalOptions .engagementCustomTargetInput {
width: 80px;
margin-right: 4px;
}
#engagement .engagementSection .metricConfigurationExpanded .childConfigurationOptions .engagementRowAdditionalOptions .engagementCustomTargetDropdown {
width: 100px;
}
#engagement .engagementSection .metricConfigurationExpanded .metricConfigurationAddChild {
margin-top: 15px;
}
#engagement .engagementSection .metricConfigurationExpanded .metricConfigurationAddChild:first-child {
margin-top: 0px;
}
#engagement .engagementSection .metricConfigurationExpanded .metricConfigurationAddChild i {
background: none;
color: #0095da;
padding: 0px;
}
#engagement .engagementSection .metricConfigurationExpanded .metricConfigurationAddChild .configurationAddChildWrapper {
display: inline-block;
vertical-align: middle;
margin-left: 4px;
}
#engagement .engagementSection .metricConfigurationExpanded .metricConfigurationAddChild .search-field {
min-width: 200px;
}
#engagement .engagementSection .metricConfigurationExpanded .metricConfigurationAddChild .search-field input {
min-width: 200px;
}
#engagement #engagementVisits .childConfigurationName {
margin-left: 0px;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
#filtersAndGoals .left {
float: left;
}
#filtersAndGoals .row {
position: relative;
margin-top: 10px;
}
#filtersAndGoals .row:after {
content: "";
display: table;
clear: both;
}
#filtersAndGoals .row.header {
margin-top: 0;
}
#filtersAndGoals .section-header {
font-weight: bold;
}
#filtersAndGoals .buttonRow a {
float: right;
margin-left: 20px;
}
#filtersAndGoals .totalBox {
margin-top: 25px;
margin-bottom: 10px;
margin-left: 250px;
border: 2px solid #0095da;
width: 170px;
text-align: center;
}
#filtersAndGoals .totalBox .warning {
color: #dd360b !important;
}
#filtersAndGoals .segmentCategories {
width: 875px;
}
#filtersAndGoals .segmentCategories .filtersBox {
float: left;
margin-right: 25px;
}
#filtersAndGoals .segmentCategories .goalsBox {
float: right;
}
#filtersAndGoals .segmentCategories .segmentSelectBox {
max-width: 425px;
}
#filtersAndGoals .segmentCategories .segmentSelectBox li.search-choice {
display: none;
}
#filtersAndGoals .segmentCategories .segmentList {
margin-top: 15px;
width: 425px;
max-width: 425px;
}
#filtersAndGoals .segmentCategories .segmentList .choiceRow td {
padding: 7px;
}
#filtersAndGoals .segmentCategories .segmentList .choiceRow td i {
cursor: pointer;
float: right;
}
#filtersAndGoals .segmentCategories .segmentList .oddRow {
background-color: #fff;
}
#filtersAndGoals .segmentCategories .segmentList .evenRow {
background-color: #f3f7fb;
}
#funnelSetup .left {
float: left;
}
#funnelSetup .row {
position: relative;
margin-top: 10px;
}
#funnelSetup .row:after {
content: "";
display: table;
clear: both;
}
#funnelSetup .row.header {
margin-top: 0;
}
#funnelSetup .funnel-buttons {
float: right;
margin: 36px 18px 0 0;
}
.funnel-form-modal .modal-body {
height: 450px;
max-height: 450px;
overflow-y: auto;
}
.funnel-form-modal .modal-content {
max-height: 625px;
}
.funnel-form-modal #funnelSetupForm {
padding-bottom: 225px;
}
.funnel-form-modal #funnelNameLabel {
display: inline;
}
.funnel-form-modal #funnelNameArea {
display: inline;
}
.funnel-form-modal #funnelNameArea .show-errors-wrapper {
display: inline;
}
.funnel-form-modal #funnelNameArea #funnel-name-input {
width: 275px;
}
.funnel-form-modal #funnelNameArea .current-message {
margin-left: 100px;
}
.funnel-form-modal .form-group {
padding: 0 15px 0 15px;
}
.funnel-form-modal #defaultTraversal {
margin-left: 4px;
}
.funnel-form-modal #defaultTraversal div {
margin-left: -9px;
display: inline;
}
.funnel-form-modal #traversalConfig {
position: relative;
margin: 15px 0 30px 10px;
}
.funnel-form-modal ul {
list-style: none;
padding-left: 0;
}
.funnel-form-modal .actionRow {
display: list-item;
list-style: none;
position: relative;
padding: 10px;
margin-left: 20px;
margin-right: 20px;
}
.funnel-form-modal .actionRow .fa-ellipsis-v {
vertical-align: top;
font-size: 1.5em;
margin-right: 2px;
}
.funnel-form-modal .actionRow .input-inline-display {
display: inline;
}
.funnel-form-modal .actionRow .actionListValue {
vertical-align: middle;
margin-left: 13px;
display: inline;
}
.funnel-form-modal .actionRow .actionListValue.input {
margin-left: 6px;
}
.funnel-form-modal .actionRow:not(:first-of-type) {
border-top: 1px solid #b5b5b5;
}
.funnel-form-modal .actionRow #actionIcons {
position: absolute;
top: 12px;
right: 20px;
}
.funnel-form-modal .action-error {
color: #dd360b;
margin-left: 3px;
}
.funnel-form-modal #addAction {
margin-left: 8px;
}
#integrationSetup .buttonRow a {
margin-left: 20px;
}
#integrationSetup .settingRow {
padding: 10px 20px 10px 20px;
border: 1px solid #ddd;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-border-radius: 5px;
-moz-background-clip: padding;
border-radius: 5px;
background-clip: padding-box;
-webkit-box-shadow: 1px 1px 0 #bbb;
-moz-box-shadow: 1px 1px 0 #bbb;
box-shadow: 1px 1px 0 #bbb;
margin-bottom: 14px;
margin-top: 14px;
margin-left: 10px;
margin-right: 20px;
background: #f4f5f7;
}
#integrationSetup .settingRow .checkboxRow {
font-weight: bold;
}
#integrationSetup .settingRow .checkboxRow input,
#integrationSetup .settingRow .checkboxRow label,
#integrationSetup .settingRow .checkboxRow a {
vertical-align: middle;
}
#integrationSetup .settingRow .checkboxRow input {
margin-right: 8px;
}
#integrationSetup .settingRow .checkboxRow .docsLink {
margin-left: 8px;
}
#integrationSetup .settingRow .checkboxRow .infoIconLink {
float: right;
padding-right: 0px;
cursor: pointer;
font-size: 20px;
color: #848484;
}
#integrationSetup .settingRow .checkboxRow .infoIconLink:hover {
color: #6b6b6b;
}
#integrationSetup .settingRow .checkboxRow .infoIconLink > span {
display: none;
}
#integrationSetup .settingRow .checkboxRow label[disabled] {
cursor: not-allowed;
color: #b5b5b5;
}
#integrationSetup .settingRow .descriptionRow {
margin-left: 24px;
margin-top: 8px;
}
#integrationSetup .settingRow .descriptionRow input {
height: 15px;
margin-left: 4px;
}
#integrationSetup .settingRow .descriptionRow tags-input .host {
display: block;
}
#integrationSetup .settingRow .descriptionRow tags-input .host .tags input {
height: 26px;
}
#integrationSetup .sectionToggle {
display: block;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 16px;
padding-left: 20px;
cursor: pointer;
margin-top: 15px;
}
#integrationSetup .sectionToggle .advancedOptionsCaret {
padding-right: 6px;
font-size: 18px;
width: 10px;
}
#integrationSetup .sectionToggle > i,
#integrationSetup .sectionToggle > span {
vertical-align: middle;
}
#integrationSetup .sectionToggle > i {
width: 11px;
}
#integrationSetup .egMultiSelectTextboxWrapper .chosen-container {
width: auto !important;
}
.push-pull-settings {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
}
.push-pull-settings ul.nav.nav-tabs {
cursor: default;
}
.push-pull-settings ul.nav.nav-tabs > .li {
cursor: pointer;
}
.push-pull-settings .customer-type-tabs {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
margin-top: 20px;
}
.push-pull-settings .customer-type-tabs > .nav-tabs > li {
color: #585858;
background-color: #b5b5b5;
border: none;
padding-top: 0;
margin-right: 4px;
}
.push-pull-settings .customer-type-tabs > .nav-tabs > li a {
color: #585858;
}
.push-pull-settings .customer-type-tabs > .nav-tabs > li:first-child {
margin-left: 0;
}
.push-pull-settings .customer-type-tabs > .nav-tabs > li.active {
background-color: #efefef;
border: none;
}
.push-pull-settings .customer-type-tabs > .nav-tabs > li.active > a {
color: #585858;
background-color: #efefef;
}
.push-pull-settings .customer-type-tabs > .nav-tabs > li.active > a:hover {
color: #585858;
}
.push-pull-settings .customer-type-tabs > .tab-content {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
}
.push-pull-settings .customer-type-tabs > .tab-content > .tab-pane {
-webkit-flex-grow: 1;
flex-grow: 1;
}
.push-pull-settings .customer-type-tabs > .tab-content > .tab-pane.active {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
}
.push-pull-settings .outer-wrapper {
background-color: #efefef;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-grow: 1;
flex-grow: 1;
padding: 25px;
}
.push-pull-settings .outer-wrapper .two-column-wrapper {
background-color: #fff;
border-radius: 8px;
}
.push-pull-settings .outer-wrapper .two-column-wrapper .column-wrapper:first-child {
padding: 5px 15px 5px 5px;
}
.push-pull-settings .outer-wrapper .two-column-wrapper .column-wrapper:last-child {
padding: 5px 5px 5px 15px;
}
.push-pull-settings .outer-wrapper .two-column-wrapper .middle-column {
width: 20%;
line-height: 8px;
margin-top: 18px;
}
.push-pull-settings .outer-wrapper .two-column-wrapper .middle-column .middle-cell {
height: 33px;
}
.push-pull-settings .outer-wrapper .two-column-wrapper .middle-column .column .column-content.middle-content {
padding-top: 0;
}
.push-pull-settings .two-column-wrapper {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-grow: 1;
flex-grow: 1;
background-color: #efefef;
}
.push-pull-settings .two-column-wrapper:before,
.push-pull-settings .two-column-wrapper:after {
content: " ";
display: table;
}
.push-pull-settings .two-column-wrapper:after {
clear: both;
}
.push-pull-settings .two-column-wrapper .column-wrapper {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
box-sizing: border-box;
float: left;
width: 50%;
}
.push-pull-settings .two-column-wrapper .column-wrapper:first-child {
padding: 30px 15px 30px 30px;
}
.push-pull-settings .two-column-wrapper .column-wrapper:last-child {
padding: 30px 30px 30px 15px;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
background-color: white;
border-radius: 8px;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .column-header {
-webkit-flex-shrink: 0;
flex-shrink: 0;
overflow: visible;
margin-left: 0%;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .column-content {
-webkit-flex-grow: 1;
flex-grow: 1;
padding: 15px;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .column-content .match-field-summary {
margin: auto;
width: 100%;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .column-content .match-field-summary .remove-option {
float: right;
margin-top: 5px;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .column-content .match-field-summary .match-field-name {
font-size: 18px;
line-height: 33px;
margin-top: 75px;
margin-bottom: 20px;
margin-left: 20%;
padding: 5px;
text-align: center;
vertical-align: middle;
width: 100%;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .column-content .match-field-summary .fa-arrows-h {
font-size: 40px;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .column-content .field-summary {
margin-top: 12.5px;
margin-bottom: 12.5px;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .column-content .field-summary img {
display: inline-block;
height: 28px;
vertical-align: middle;
margin-top: -5px;
border: 1px solid #efefef;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .column-content .subInfo {
margin-left: 33.5px;
font-size: 13px;
font-weight: normal;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .column-footer {
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .field-name {
font-size: 16px;
font-weight: bold;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.push-pull-settings .two-column-wrapper .column-wrapper .column .remove-button {
float: right;
margin-top: 0 !important;
font-size: 14px;
}
.push-pull-settings .add-button,
.push-pull-settings .remove-button {
cursor: pointer;
}
.push-pull-settings .match-outer-wrapper {
max-width: 850px;
}
.push-pull-settings .push-pull-outer-wrapper {
max-width: 1050px;
}
.push-pull-settings .remove-button {
color: #d5d5d5;
font-size: 24px;
text-align: center;
vertical-align: middle;
line-height: 20px;
}
.push-pull-settings .remove-button:hover {
color: #e13e06;
}
.push-pull-settings .productHeader .productIconWrapper {
display: inline-block;
width: 42px;
height: 42px;
line-height: 42px;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-border-radius: 5px;
-moz-background-clip: padding;
border-radius: 5px;
background-clip: padding-box;
background: inherit;
margin: 10px;
margin-right: 5px;
text-align: center;
}
.push-pull-settings .productHeader .productIconWrapper img.icon {
width: 32px;
height: 32px;
vertical-align: inherit;
margin: 5px;
}
.push-pull-settings .productHeader .productLabel {
vertical-align: top;
line-height: 62px;
font-size: 17px;
font-weight: bold;
}
.push-pull-settings .productHeader .productLabelNoIcon {
margin-left: 10px !important;
}
.push-pull-settings .productHeader .middle-header {
height: 40px;
}
.push-pull-settings .subheader {
margin-left: 14px;
}
.push-pull-settings .subheader .fa-long-arrow-right {
font-size: 40px;
position: relative;
top: 50%;
transform: translateY(-50%);
height: 15px;
margin-left: 10px;
margin-right: 10px;
}
.push-pull-settings .subheader .fa-long-arrow-left {
font-size: 40px;
position: relative;
top: 50%;
transform: translateY(-50%);
height: 15px;
margin-left: 10px;
margin-right: 10px;
}
.push-pull-settings .subheader .evergage-logo-border {
border: 1px solid #b5b5b5;
}
.push-pull-settings .column-footer {
margin: 20px;
font-size: 14px;
}
.push-pull-settings .column-footer .fa {
margin-right: 5px;
}
.field-editor-modal .modal-dialog {
width: 700px;
}
.field-editor-modal .modal-content {
max-height: 500px;
}
.field-editor-modal .modal-content .modal-header {
background: #efefef;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-background-clip: padding-box;
-moz-border-radius-topright: 5px;
-moz-background-clip: padding;
border-top-right-radius: 5px;
background-clip: padding-box;
}
.field-editor-modal .modal-content .modal-body {
background: #fff;
height: 300px;
}
.field-editor-modal .modal-content .modal-footer {
position: absolute;
bottom: 0;
width: 100%;
box-sizing: border-box;
background: #efefef;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-background-clip: padding-box;
-moz-border-radius-bottomright: 5px;
-moz-background-clip: padding;
border-bottom-right-radius: 5px;
background-clip: padding-box;
}
.field-editor-modal .validation-errors {
padding: 30px;
height: 60px;
}
.field-editor-modal .save.disabled {
background: #b5b5b5;
color: #808080;
}
.field-editor-modal .field-setup-row {
margin-left: 4px;
margin-bottom: 10px;
}
.field-editor-modal .field-setup-row .field-setup-item {
display: inline-block;
}
.field-editor-modal .field-setup-row .field-setup-item .long-text-input {
width: 100%;
}
.field-editor-modal table.attributes tr td:first-child {
width: 315px;
}
.field-editor-modal table.attributes tr td .k-dropdown {
margin-left: 0;
margin-right: 0;
width: 221px;
}
.field-editor-modal table.attributes tr td .k-dropdown span.k-dropdown-wrap {
margin-left: 0;
margin-right: 0;
}
.field-editor-modal table.attributes td {
vertical-align: middle;
}
.field-editor-modal .sync-field-type-dropdown span.k-dropdown {
width: 220px;
}
.field-editor-modal .two-column-wrapper {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-grow: 1;
flex-grow: 1;
min-height: 225px;
}
.field-editor-modal .two-column-wrapper:before,
.field-editor-modal .two-column-wrapper:after {
content: " ";
display: table;
}
.field-editor-modal .two-column-wrapper:after {
clear: both;
}
.field-editor-modal .two-column-wrapper .column-wrapper {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
box-sizing: border-box;
float: left;
width: 50%;
}
.field-editor-modal .two-column-wrapper .column-wrapper:first-child {
padding: 30px 15px 30px 30px;
}
.field-editor-modal .two-column-wrapper .column-wrapper:last-child {
padding: 30px 30px 30px 15px;
}
.field-editor-modal .two-column-wrapper .column-wrapper .column {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
background-color: white;
border-radius: 8px;
}
.field-editor-modal .two-column-wrapper .column-wrapper .column .column-header {
-webkit-flex-shrink: 0;
flex-shrink: 0;
overflow: auto;
}
.field-editor-modal .two-column-wrapper .column-wrapper .column .column-content {
-webkit-flex-grow: 1;
flex-grow: 1;
}
.field-editor-modal .two-column-wrapper .column-wrapper .column .column-footer {
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.field-editor-modal .two-column-wrapper .column-wrapper .column .middle-column {
margin: auto;
width: 100%;
line-height: 10px;
}
.field-editor-modal .productHeader .productIconWrapper {
display: inline-block;
width: 42px;
height: 42px;
line-height: 42px;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-border-radius: 5px;
-moz-background-clip: padding;
border-radius: 5px;
background-clip: padding-box;
background: inherit;
margin: 10px;
margin-left: 0;
margin-right: 5px;
text-align: center;
}
.field-editor-modal .productHeader .productIconWrapper img.icon {
width: 32px;
height: 32px;
vertical-align: inherit;
margin: 5px;
}
.field-editor-modal .productHeader .productLabel {
vertical-align: top;
margin-left: 0;
line-height: 62px;
font-size: 17px;
font-weight: bold;
}
#oauth-config .wide {
width: 300px;
}
#auth-config .wide {
width: 300px;
}
#salesforceCRMEditor .topSalesforceTabs ul.nav-tabs {
border-bottom: 1px solid #d5d5d5 !important;
}
#salesforceCRMEditor .tab-content {
padding-top: 15px;
padding-left: 10px;
}
#salesforceCRMEditor .tab-content .labelCell {
font-weight: bold;
color: #585858;
width: 160px;
}
#salesforceCRMEditor .tab-content .connectionStatusTable {
margin-bottom: 6px;
}
#salesforceCRMEditor .tab-content .connectionStatusTable td {
padding-bottom: 10px;
}
#salesforceCRMEditor .tab-content .connectionStatusTable .failedJobStatusText {
font-weight: bold;
color: #dd360b;
}
#salesforceCRMEditor .tab-content .connectionStatusTable .successJobStatusText {
font-weight: bold;
color: #519100;
}
#salesforceCRMEditor .tab-content .connectionStatusTable .inProgressJobStatusText {
font-weight: bold;
color: #0095da;
}
#salesforceCRMEditor .tab-content .connectionStatusTable .lastSyncDate {
font-weight: bold;
}
#salesforceCRMEditor .tab-content .connectionStatusTable .authenticatedAuthState {
color: #519100;
}
#salesforceCRMEditor .tab-content .connectionStatusTable .otherAuthState {
color: #ff9600;
}
#salesforceCRMEditor .tab-content .connectionStatusTable .refreshSection {
padding-left: 10px;
}
#salesforceCRMEditor .tab-content .connectionStatusTable .refreshSection i.fa-refresh {
padding-right: 5px;
}
#salesforceCRMEditor .tab-content .connectToSalesforceToggle {
padding-bottom: 8px;
}
#salesforceCRMEditor .tab-content .connectToSalesforceToggle .fixed-width-toggle-icons {
width: 8px;
}
#salesforceCRMEditor .tab-content .connectionDetailsSection {
padding-left: 10px;
margin-bottom: 10px;
border-left: 3px solid #e8eef7;
}
#salesforceCRMEditor .tab-content .connectionDetailsSection td {
padding-bottom: 10px;
}
#salesforceCRMEditor .tab-content .connectionDetailsSection td input[type=text],
#salesforceCRMEditor .tab-content .connectionDetailsSection td input[type=password] {
width: 400px;
}
#salesforceCRMEditor .tab-content .connectionDetailsSection td .useLegacyCallbackURLSpan {
padding-left: 20px;
}
#salesforceCRMEditor .tab-content .spacing-10 {
padding-bottom: 10px;
}
#salesforceCRMEditor .tab-content .upgradeToEvergageArea {
background-color: #b0d7f4;
padding: 10px;
border-radius: 10px;
margin-bottom: 10px;
color: #585858;
}
#salesforceCRMEditor .tab-content .upgradeToEvergageArea .rebrandingNote {
color: #4a4a4a;
font-weight: bold;
}
#salesforceCRMEditor .tab-content .datasetInfixRow {
padding-left: 22px;
}
#salesforceCRMEditor .tab-content .userAccountPushTabs {
padding-top: 15px;
}
#salesforceCRMEditor .tab-content .userAccountPushTabs .tab-content {
padding-top: 0px;
}
#salesforceCRMEditor .tab-content .userAccountPushTabs .tab-content .inset1 {
padding-left: 20px;
}
#salesforceCRMEditor .tab-content .userAccountPushTabs .tab-content .inset2 {
padding-left: 40px;
padding-bottom: 3px;
}
#salesforceCRMEditor .tab-content .pullSyncTypeTabs {
padding-top: 15px;
}
#salesforceCRMEditor .tab-content .pullSyncTypeTabs .tab-content {
padding-top: 0px;
padding-bottom: 300px;
}
#salesforceCRMEditor .tab-content .pullSyncTypeTabs .tab-content .addRowTable td {
padding-bottom: 10px;
}
#salesforceCRMEditor .tab-content .pullSyncTypeTabs .tab-content .addRowTable td .linkButton {
margin-left: 5px;
}
#thirdPartyProductEditor,
#googleAnalyticsEditor,
#salesforceCRMEditor {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#thirdPartyProductEditor .note,
#googleAnalyticsEditor .note,
#salesforceCRMEditor .note {
margin-top: 12px;
margin-bottom: 12px;
}
#thirdPartyProductEditor .top-level-row,
#googleAnalyticsEditor .top-level-row,
#salesforceCRMEditor .top-level-row {
margin-top: 5px;
margin-bottom: 25px;
}
#thirdPartyProductEditor .top-level-row .top-level-option,
#googleAnalyticsEditor .top-level-row .top-level-option,
#salesforceCRMEditor .top-level-row .top-level-option {
display: inline-block;
margin-left: 5px;
}
#thirdPartyProductEditor .top-level-row .top-level-option label,
#googleAnalyticsEditor .top-level-row .top-level-option label,
#salesforceCRMEditor .top-level-row .top-level-option label {
margin-right: 10px;
}
#thirdPartyProductEditor h2,
#googleAnalyticsEditor h2,
#salesforceCRMEditor h2 {
margin: 0 0 8px 0;
}
#thirdPartyProductEditor .header-left,
#googleAnalyticsEditor .header-left,
#salesforceCRMEditor .header-left {
float: left;
display: inline-block;
}
#thirdPartyProductEditor .header-right,
#googleAnalyticsEditor .header-right,
#salesforceCRMEditor .header-right {
float: right;
display: inline-block;
}
#thirdPartyProductEditor .statusSuccess,
#googleAnalyticsEditor .statusSuccess,
#salesforceCRMEditor .statusSuccess {
color: #519100;
}
#thirdPartyProductEditor .statusError,
#googleAnalyticsEditor .statusError,
#salesforceCRMEditor .statusError {
color: #dd360b;
}
#thirdPartyProductEditor .fieldLabel,
#googleAnalyticsEditor .fieldLabel,
#salesforceCRMEditor .fieldLabel {
width: 160px;
padding: 0 5px 0 0;
}
#thirdPartyProductEditor td.fieldLabel,
#googleAnalyticsEditor td.fieldLabel,
#salesforceCRMEditor td.fieldLabel {
vertical-align: middle;
}
#thirdPartyProductEditor .inline,
#googleAnalyticsEditor .inline,
#salesforceCRMEditor .inline {
display: inline-block;
}
#thirdPartyProductEditor ul.nav.nav-tabs,
#googleAnalyticsEditor ul.nav.nav-tabs,
#salesforceCRMEditor ul.nav.nav-tabs {
cursor: default;
}
#thirdPartyProductEditor ul.nav.nav-tabs > .li,
#googleAnalyticsEditor ul.nav.nav-tabs > .li,
#salesforceCRMEditor ul.nav.nav-tabs > .li {
cursor: pointer;
}
#thirdPartyProductEditor .evgOptions,
#googleAnalyticsEditor .evgOptions,
#salesforceCRMEditor .evgOptions {
margin-bottom: 6px;
}
#thirdPartyProductEditor .field-type-tabs,
#googleAnalyticsEditor .field-type-tabs,
#salesforceCRMEditor .field-type-tabs {
-webkit-flex-grow: 1;
flex-grow: 1;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
}
#thirdPartyProductEditor .field-type-tabs > .nav-tabs,
#googleAnalyticsEditor .field-type-tabs > .nav-tabs,
#salesforceCRMEditor .field-type-tabs > .nav-tabs {
border-bottom: 1px solid #d5d5d5 !important;
}
#thirdPartyProductEditor .field-type-tabs > .tab-content,
#googleAnalyticsEditor .field-type-tabs > .tab-content,
#salesforceCRMEditor .field-type-tabs > .tab-content {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
}
#thirdPartyProductEditor .field-type-tabs > .tab-content > .tab-pane,
#googleAnalyticsEditor .field-type-tabs > .tab-content > .tab-pane,
#salesforceCRMEditor .field-type-tabs > .tab-content > .tab-pane {
-webkit-flex-grow: 1;
flex-grow: 1;
}
#thirdPartyProductEditor .field-type-tabs > .tab-content > .tab-pane.active,
#googleAnalyticsEditor .field-type-tabs > .tab-content > .tab-pane.active,
#salesforceCRMEditor .field-type-tabs > .tab-content > .tab-pane.active {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
}
#thirdPartyProductEditor .customer-type-tabs > .nav-tabs,
#googleAnalyticsEditor .customer-type-tabs > .nav-tabs,
#salesforceCRMEditor .customer-type-tabs > .nav-tabs {
border-bottom: 1px solid #d5d5d5 !important;
}
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
margin-top: 20px;
}
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li {
color: #585858;
background-color: #b5b5b5;
border: none;
padding-top: 0;
margin-right: 4px;
}
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li a,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li a,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li a {
color: #585858;
}
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li:first-child,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li:first-child,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li:first-child {
margin-left: 0;
}
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li.active,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li.active,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li.active {
background-color: #efefef;
border: none;
}
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li.active > a,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li.active > a,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li.active > a {
color: #585858;
background-color: #efefef;
}
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li.active > a:hover,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li.active > a:hover,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs > .nav-tabs > li.active > a:hover {
color: #585858;
}
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs > .tab-content,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs > .tab-content,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs > .tab-content {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
}
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs > .tab-content > .tab-pane,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs > .tab-content > .tab-pane,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs > .tab-content > .tab-pane {
-webkit-flex-grow: 1;
flex-grow: 1;
}
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs > .tab-content > .tab-pane.active,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs > .tab-content > .tab-pane.active,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs > .tab-content > .tab-pane.active {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
}
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs .customerMatchSyncHistoryTable,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs .customerMatchSyncHistoryTable,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs .customerMatchSyncHistoryTable,
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs .pushFieldsSyncHistoryTable,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs .pushFieldsSyncHistoryTable,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs .pushFieldsSyncHistoryTable,
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs .pullFieldsSyncHistoryTable,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs .pullFieldsSyncHistoryTable,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs .pullFieldsSyncHistoryTable,
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs .pushSegmentsSyncHistoryTable,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs .pushSegmentsSyncHistoryTable,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs .pushSegmentsSyncHistoryTable,
#thirdPartyProductEditor .customer-type-tabs .field-type-tabs .pullSegmentsSyncHistoryTable,
#googleAnalyticsEditor .customer-type-tabs .field-type-tabs .pullSegmentsSyncHistoryTable,
#salesforceCRMEditor .customer-type-tabs .field-type-tabs .pullSegmentsSyncHistoryTable {
background-color: #efefef;
padding: 10px 10px 10px 10px;
}
#thirdPartyProductEditor section,
#googleAnalyticsEditor section,
#salesforceCRMEditor section {
margin-top: 30px;
}
#thirdPartyProductEditor .row,
#googleAnalyticsEditor .row,
#salesforceCRMEditor .row {
margin-top: 5px;
margin-bottom: 15px;
}
#thirdPartyProductEditor .row .fieldLabel,
#googleAnalyticsEditor .row .fieldLabel,
#salesforceCRMEditor .row .fieldLabel {
display: inline-block;
text-align: right;
font-weight: bold;
}
#thirdPartyProductEditor input[type=checkbox],
#googleAnalyticsEditor input[type=checkbox],
#salesforceCRMEditor input[type=checkbox] {
margin-right: 5px;
}
#thirdPartyProductEditor #matchConfig .matchInputTypeSelect,
#googleAnalyticsEditor #matchConfig .matchInputTypeSelect,
#salesforceCRMEditor #matchConfig .matchInputTypeSelect {
width: 260px;
}
#thirdPartyProductEditor #matchConfig .matchConditionTypeSelect,
#googleAnalyticsEditor #matchConfig .matchConditionTypeSelect,
#salesforceCRMEditor #matchConfig .matchConditionTypeSelect {
width: 140px;
}
#thirdPartyProductEditor #matchConfig .checkboxWrapper,
#googleAnalyticsEditor #matchConfig .checkboxWrapper,
#salesforceCRMEditor #matchConfig .checkboxWrapper {
display: inline-block;
margin-left: 12px;
}
#thirdPartyProductEditor .newLink,
#googleAnalyticsEditor .newLink,
#salesforceCRMEditor .newLink {
margin-left: 11px;
margin-top: 15px;
cursor: pointer;
}
#thirdPartyProductEditor .newLink .fa,
#googleAnalyticsEditor .newLink .fa,
#salesforceCRMEditor .newLink .fa {
margin-right: 3px;
}
#thirdPartyProductEditor .rule,
#googleAnalyticsEditor .rule,
#salesforceCRMEditor .rule {
padding: 5px;
position: relative;
padding-left: 50px;
padding-right: 40px;
}
#thirdPartyProductEditor .rule .friendlyRuleRow,
#googleAnalyticsEditor .rule .friendlyRuleRow,
#salesforceCRMEditor .rule .friendlyRuleRow {
min-height: 40px;
line-height: 40px;
}
#thirdPartyProductEditor .rule.even,
#googleAnalyticsEditor .rule.even,
#salesforceCRMEditor .rule.even {
background-color: #f5f5f5;
}
#thirdPartyProductEditor .rule.odd,
#googleAnalyticsEditor .rule.odd,
#salesforceCRMEditor .rule.odd {
background-color: white;
}
#thirdPartyProductEditor .rule a.deleteRule,
#googleAnalyticsEditor .rule a.deleteRule,
#salesforceCRMEditor .rule a.deleteRule {
position: absolute;
top: 20px;
right: 20px;
color: #b5b5b5;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#thirdPartyProductEditor .rule .andOrLabel,
#googleAnalyticsEditor .rule .andOrLabel,
#salesforceCRMEditor .rule .andOrLabel {
color: #82c135;
text-transform: uppercase;
display: inline-block;
position: absolute;
left: 10px;
top: 18px;
}
#thirdPartyProductEditor .rule .k-list-container,
#googleAnalyticsEditor .rule .k-list-container,
#salesforceCRMEditor .rule .k-list-container {
width: auto !important;
}
#thirdPartyProductEditor .rule .k-list-container .k-list .k-item,
#googleAnalyticsEditor .rule .k-list-container .k-list .k-item,
#salesforceCRMEditor .rule .k-list-container .k-list .k-item {
white-space: nowrap;
}
#thirdPartyProductEditor .parameterMappingRow,
#googleAnalyticsEditor .parameterMappingRow,
#salesforceCRMEditor .parameterMappingRow {
position: relative;
margin-bottom: 11px;
margin-top: 0;
padding-top: 5px;
padding-bottom: 5px;
}
#thirdPartyProductEditor .parameterMappingRow > *,
#googleAnalyticsEditor .parameterMappingRow > *,
#salesforceCRMEditor .parameterMappingRow > * {
display: inline-block;
}
#thirdPartyProductEditor .parameterMappingRow > span,
#googleAnalyticsEditor .parameterMappingRow > span,
#salesforceCRMEditor .parameterMappingRow > span {
margin-left: 5px;
margin-right: 5px;
}
#thirdPartyProductEditor .parameterMappingRow a.deleteLink,
#googleAnalyticsEditor .parameterMappingRow a.deleteLink,
#salesforceCRMEditor .parameterMappingRow a.deleteLink {
color: #b5b5b5;
cursor: pointer;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: 20px;
right: 20px;
}
#thirdPartyProductEditor .parameterMappingRow.even,
#googleAnalyticsEditor .parameterMappingRow.even,
#salesforceCRMEditor .parameterMappingRow.even {
background-color: #f5f5f5;
}
#thirdPartyProductEditor .parameterMappingRow.odd,
#googleAnalyticsEditor .parameterMappingRow.odd,
#salesforceCRMEditor .parameterMappingRow.odd {
background-color: white;
}
#thirdPartyProductEditor .setup-tab-header,
#googleAnalyticsEditor .setup-tab-header,
#salesforceCRMEditor .setup-tab-header {
display: block;
}
#thirdPartyProductEditor .setup-tab-header .sync-now-button-wrapper,
#googleAnalyticsEditor .setup-tab-header .sync-now-button-wrapper,
#salesforceCRMEditor .setup-tab-header .sync-now-button-wrapper {
float: right;
padding-top: 15px;
}
#thirdPartyProductEditor .configure-button,
#googleAnalyticsEditor .configure-button,
#salesforceCRMEditor .configure-button {
padding-left: 5px;
padding-right: 5px;
}
#thirdPartyProductEditor .configure-button-wrapper,
#googleAnalyticsEditor .configure-button-wrapper,
#salesforceCRMEditor .configure-button-wrapper {
margin-top: 15px;
margin-bottom: 25px;
}
#thirdPartyProductEditor .connection-state .fa,
#googleAnalyticsEditor .connection-state .fa,
#salesforceCRMEditor .connection-state .fa {
margin-right: 5px;
}
#thirdPartyProductEditor .connection-state span,
#googleAnalyticsEditor .connection-state span,
#salesforceCRMEditor .connection-state span {
margin-left: 0;
}
#thirdPartyProductEditor .productHeader .productIconWrapper,
#googleAnalyticsEditor .productHeader .productIconWrapper,
#salesforceCRMEditor .productHeader .productIconWrapper {
display: inline-block;
width: 42px;
height: 42px;
line-height: 42px;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-border-radius: 5px;
-moz-background-clip: padding;
border-radius: 5px;
background-clip: padding-box;
background: inherit;
margin: 0;
margin-right: 5px;
text-align: center;
}
#thirdPartyProductEditor .productHeader .productIconWrapper img.icon,
#googleAnalyticsEditor .productHeader .productIconWrapper img.icon,
#salesforceCRMEditor .productHeader .productIconWrapper img.icon {
width: 32px;
height: 32px;
vertical-align: inherit;
margin: 5px;
}
#thirdPartyProductEditor .productHeader .productLabel,
#googleAnalyticsEditor .productHeader .productLabel,
#salesforceCRMEditor .productHeader .productLabel {
vertical-align: top;
line-height: 44px;
}
#thirdPartyProductEditor .productHeader .productLabelNoIcon,
#googleAnalyticsEditor .productHeader .productLabelNoIcon,
#salesforceCRMEditor .productHeader .productLabelNoIcon {
margin-left: 10px !important;
}
#thirdPartyProductEditor .productHeader .middle-header,
#googleAnalyticsEditor .productHeader .middle-header,
#salesforceCRMEditor .productHeader .middle-header {
height: 40px;
}
#thirdPartyProductEditor .progressBarWrapper,
#googleAnalyticsEditor .progressBarWrapper,
#salesforceCRMEditor .progressBarWrapper {
width: 125px;
}
#thirdPartyProductEditor .progressBarWrapper .progressBarLabel,
#googleAnalyticsEditor .progressBarWrapper .progressBarLabel,
#salesforceCRMEditor .progressBarWrapper .progressBarLabel {
margin-bottom: 5px;
}
#thirdPartyProductEditor.pageContent.googleAnalytics,
#googleAnalyticsEditor.pageContent.googleAnalytics,
#salesforceCRMEditor.pageContent.googleAnalytics {
max-width: 800px;
}
#thirdPartyProductEditor.pageContent.googleAnalytics .tab-content,
#googleAnalyticsEditor.pageContent.googleAnalytics .tab-content,
#salesforceCRMEditor.pageContent.googleAnalytics .tab-content {
border: 1px solid #d5d5d5;
}
#thirdPartyProductEditor.pageContent.googleAnalytics .tab-pane,
#googleAnalyticsEditor.pageContent.googleAnalytics .tab-pane,
#salesforceCRMEditor.pageContent.googleAnalytics .tab-pane {
padding: 10px;
}
#thirdPartyProductEditor.pageContent.googleAnalytics .row,
#googleAnalyticsEditor.pageContent.googleAnalytics .row,
#salesforceCRMEditor.pageContent.googleAnalytics .row {
margin: 5px 0 5px 0;
padding: 5px 0;
}
#thirdPartyProductEditor.pageContent.googleAnalytics .row input[type="text"],
#googleAnalyticsEditor.pageContent.googleAnalytics .row input[type="text"],
#salesforceCRMEditor.pageContent.googleAnalytics .row input[type="text"] {
margin-top: 5px;
display: block;
}
#thirdPartyProductEditor.pageContent.googleAnalytics .row input[type="text"][name="trackingId"],
#googleAnalyticsEditor.pageContent.googleAnalytics .row input[type="text"][name="trackingId"],
#salesforceCRMEditor.pageContent.googleAnalytics .row input[type="text"][name="trackingId"] {
width: 100px;
}
#thirdPartyProductEditor.pageContent.googleAnalytics .row input[type="text"].format-input,
#googleAnalyticsEditor.pageContent.googleAnalytics .row input[type="text"].format-input,
#salesforceCRMEditor.pageContent.googleAnalytics .row input[type="text"].format-input {
width: 400px;
}
#thirdPartyProductEditor.pageContent.googleAnalytics .row .sub-label-checkbox,
#googleAnalyticsEditor.pageContent.googleAnalytics .row .sub-label-checkbox,
#salesforceCRMEditor.pageContent.googleAnalytics .row .sub-label-checkbox {
padding: 10px 0px 0px 20px;
}
#thirdPartyProductEditor.pageContent.googleAnalytics .row label,
#googleAnalyticsEditor.pageContent.googleAnalytics .row label,
#salesforceCRMEditor.pageContent.googleAnalytics .row label {
font-weight: bold;
}
#thirdPartyProductEditor.pageContent.googleAnalytics label.well,
#googleAnalyticsEditor.pageContent.googleAnalytics label.well,
#salesforceCRMEditor.pageContent.googleAnalytics label.well {
border: 1px solid #e5e5e5;
background: #f5f5f5;
border-radius: 3px;
padding: 10px;
display: block;
}
#thirdPartyProductEditor.pageContent.googleAnalytics div.well,
#googleAnalyticsEditor.pageContent.googleAnalytics div.well,
#salesforceCRMEditor.pageContent.googleAnalytics div.well {
border: 1px solid #e5e5e5;
background: #f5f5f5;
border-radius: 3px;
padding: 0 10px;
display: block;
}
#thirdPartyProductEditor.pageContent.googleAnalytics .nav-tabs li:first-child,
#googleAnalyticsEditor.pageContent.googleAnalytics .nav-tabs li:first-child,
#salesforceCRMEditor.pageContent.googleAnalytics .nav-tabs li:first-child {
margin-left: initial;
}
#thirdPartyProductEditor.pageContent.googleAnalytics h3,
#googleAnalyticsEditor.pageContent.googleAnalytics h3,
#salesforceCRMEditor.pageContent.googleAnalytics h3 {
margin: 0;
padding: 0;
}
.parameterMappingEditorModal {
position: absolute;
left: 50%;
width: 550px;
margin-left: -275px;
top: 50%;
margin-top: -117.5px;
}
.parameterMappingEditorModal .modal-dialog .modal-content {
width: 100%;
max-height: 235px;
}
.parameterMappingEditorModal .modal-body ng-form {
line-height: 2.75;
}
.parameterMappingEditorModal .modal-body .parameterTypeSelect {
width: 260px;
}
.parameterMappingEditorModal .modal-body .error {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 12px;
padding-right: 12px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
background: #feede9;
color: #4a4a4a;
border: 1px solid #f88c70;
}
.productEnabledSelect {
width: 100px;
}
.productEnabledSelect.enabledDropdown {
margin-right: 4px;
}
.setupTabset {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
margin-top: 20px;
}
.setupTabset > .nav-tabs > li {
color: #585858;
background-color: #b5b5b5;
border: none;
padding-top: 0;
margin-right: 4px;
}
.setupTabset > .nav-tabs > li a {
color: #585858;
}
.setupTabset > .nav-tabs > li:first-child {
margin-left: 0;
}
.setupTabset > .nav-tabs > li.active {
background-color: #efefef;
border: none;
}
.setupTabset > .nav-tabs > li.active > a {
color: #585858;
background-color: #efefef;
}
.setupTabset > .nav-tabs > li.active > a:hover {
color: #585858;
}
.setupTabset > .tab-content {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
-webkit-flex-grow: 1;
flex-grow: 1;
}
.setupTabset > .tab-content > .tab-pane {
-webkit-flex-grow: 1;
flex-grow: 1;
}
.setupTabset > .tab-content > .tab-pane.active {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: no-wrap;
-ms-flex-wrap: no-wrap;
flex-wrap: no-wrap;
}
.setupTabset .historyTab {
width: 100%;
height: 300px;
background-color: #EFEFEF;
}
.setupTabset .errorsTab {
width: 100%;
height: 300px;
background-color: #EFEFEF;
}
.connectionConfigurationModal .modal-body ng-form {
line-height: 2.75;
}
.connectionConfigurationModal .modal-body .parameterTypeSelect {
width: 260px;
}
.connectionConfigurationModal .modal-body .error {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 12px;
padding-right: 12px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
background: #feede9;
color: #4a4a4a;
border: 1px solid #f88c70;
}
#thirdPartyProducts {
height: 100%;
}
#thirdPartyProducts .leftSelectionPane {
width: 250px;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #d5d5d5;
}
#thirdPartyProducts .leftSelectionPane #navMenu li > a {
line-height: 28px;
/* The second leftSelectionPane inherits padding from the 1st, so kill left padding */
padding-left: 0;
text-indent: 0;
}
#thirdPartyProducts .leftSelectionPane #navMenu li > a .fa {
padding-right: 0;
padding-left: 10px;
}
#thirdPartyProducts .leftSelectionPane #navMenu li > a:hover .fa-check,
#thirdPartyProducts .leftSelectionPane #navMenu li > a.selected .fa-check {
color: #fff;
}
#thirdPartyProducts .leftSelectionPane #navMenu li > a:hover .productIconWrapper,
#thirdPartyProducts .leftSelectionPane #navMenu li > a.selected .productIconWrapper {
color: #0095da;
}
#thirdPartyProducts .leftSelectionPane .productIconWrapper {
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
margin: 5px;
background: #fff;
text-align: center;
}
#thirdPartyProducts .leftSelectionPane .productIconWrapper img.listIcon {
vertical-align: inherit;
margin: 2px;
}
#thirdPartyProducts .leftSelectionPane .productLabel {
vertical-align: top;
line-height: 30px;
display: inline !important;
}
#thirdPartyProducts .leftSelectionPane .fa-check {
vertical-align: top;
line-height: 32px;
color: #82c135;
}
#thirdPartyProducts .leftSelectionPane #addCustomProduct {
margin-top: 22px;
margin-left: 10px;
}
#thirdPartyProducts .leftSelectionPane #addCustomProduct .fa-plus-circle {
margin-right: 6px;
}
#thirdPartyProducts .selectedDetailPane {
padding: 22px;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
#itemSetup .buttonRow a {
margin-left: 20px;
}
#itemSetup .itemTypeSection.itemTypeCheckboxRow {
padding-top: 20px;
}
#itemSetup .relatedItemTypesSection {
padding-top: 20px;
padding-left: 30px;
}
#itemSetup .relatedItemTypesSection .description {
padding-left: 20px;
font-style: italic;
}
#itemSetup .relatedItemTypesSection .url-override-section {
padding: 10px 20px;
}
#itemSetup .relatedItemTypesSection .url-override-section span {
font-weight: bold;
margin-right: 10px;
}
#itemSetup .relatedItemTypesSection .url-override-section input {
width: 250px;
}
#itemSetup .checkboxRow {
font-weight: bold;
padding-left: 20px;
margin: 10px 0;
}
#itemSetup .checkboxRow input,
#itemSetup .checkboxRow label,
#itemSetup .checkboxRow a {
vertical-align: middle;
}
#itemSetup .checkboxRow input {
margin-right: 8px;
}
#itemSetup .leftSelectionPane {
border-top: none;
}
#itemSetup .k-dropdown {
width: 18em;
}
#itemSetup section {
box-sizing: border-box;
padding: 8px;
}
#itemSetup .revenueSettings .checkboxRow {
padding-top: 10px;
}
#itemSetup .revenueSettings .threshold-inputs {
margin-top: 4px;
margin-left: 21px;
}
#itemSetup .revenueSettings .threshold-inputs .inputRow {
font-weight: bold;
padding-top: 8px;
padding-left: 22px;
}
#itemSetup .revenueSettings .threshold-inputs input {
margin-top: 4px;
}
#itemSetup .localeSettings .dropdownSection {
padding-top: 8px;
padding-bottom: 8px;
}
#itemSetup .localeSettings .dropdownSection .sectionDescription {
padding-bottom: 10px;
}
#itemSetup .localeSettings .dropdownSection .dropdownLabel {
font-weight: bold;
font-size: 16px;
vertical-align: middle;
float: left;
width: 200px;
line-height: 26px;
text-align: right;
padding-right: 10px;
}
#itemSetup .customAttrs {
width: 80%;
}
#itemSetup .customAttrs .customAttrSection {
width: 50%;
font-weight: bold;
font-size: 16px;
vertical-align: middle;
float: right;
line-height: 26px;
margin-left: 20px;
padding-right: 48%;
margin-bottom: 10px;
margin-top: 5px;
}
#itemSetup .customAttrs .customAttrSection .itemType {
width: 100px;
}
#itemSetup .customAttrs .customAttrSection input {
margin-left: 10px;
width: 75%;
float: right;
}
#javascriptIntegration .textareaCode {
width: 80%;
max-width: 800px;
font-family: monospace, monospace;
font-size: 13px;
line-height: 13px;
height: 200px;
}
#javascriptIntegration .textareaCode.short {
height: 30px;
}
#javascriptIntegration .textareaCode.userIdExample {
height: 100px;
}
#javascriptIntegration .codeRow {
display: block;
margin: 30px 0 15px 0;
color: #585858;
font-weight: bold;
cursor: pointer;
}
#javascriptIntegration .beaconIntegrationTabStrip > div {
padding-top: 0px;
}
#javascriptIntegration a h3 {
display: inline-block;
}
#javascriptIntegration hr {
margin-top: 30px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#manageApiTokens .left {
float: left;
}
#manageApiTokens .token-buttons {
float: right;
margin: 20px 18px 0 0;
}
#manageApiTokens .row {
position: relative;
margin-top: 10px;
}
#manageApiTokens .row:after {
content: "";
display: table;
clear: both;
}
#manageApiTokens .row.header {
margin-top: 0;
}
#manageApiTokens .section-header {
font-weight: bold;
}
.token-form-modal .modal-content {
max-height: 484px;
overflow-y: auto;
}
.token-form-modal .left {
float: left;
}
.token-form-modal .section {
margin: 16px 0;
}
.token-form-modal .section.first {
margin-top: 0;
}
.token-form-modal .section.last {
margin-bottom: 0;
}
.token-form-modal .section-header {
font-weight: bold;
}
.token-form-modal .section:not(.first) .section-header {
margin-bottom: 6px;
}
.token-form-modal .checkbox {
margin-left: 14px;
}
.token-form-modal textarea {
box-sizing: border-box;
width: 97%;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#managePrincipals .page-header {
float: left;
}
#managePrincipals .row {
position: relative;
margin-top: 10px;
}
#managePrincipals .row:after {
content: "";
display: table;
clear: both;
}
#managePrincipals .row.header {
margin-top: 0;
}
#managePrincipals .user-buttons {
float: right;
margin: 20px 18px 0 0;
}
#managePrincipals .user-buttons input {
margin-right: 50px;
width: 200px;
}
#managePrincipals button:focus {
outline: 0;
}
.modal-open .modal {
outline: none;
}
.modal-open .modal,
.btn:focus {
outline: none;
}
.purgeUserModal .modal-content {
max-height: 205px;
overflow-y: auto;
}
.disableUserModal .modal-content {
max-height: 190px;
overflow-y: auto;
}
.editUserModal.user-form-modal .modal-content {
max-height: 579px;
overflow-y: auto;
}
.createUserModal.user-form-modal .modal-content {
max-height: 502px;
overflow-y: auto;
}
#mobileScreenDetails .ace_editor {
width: 100%;
min-height: 250px;
}
#mobileScreenDetails h4 {
display: inline-block;
}
#mobileScreenDetails .warningDescription {
display: inline-block;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 12px;
padding-right: 12px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
background-color: #ffffff;
margin-bottom: 15px;
}
#mobileScreenDetails .warningDescription .fa {
color: #ff9600;
}
#mobileScreenDetails .screenshotDetails {
background-color: #f5f5f5;
text-align: center;
}
#mobileScreenDetails .screenshotDetails img {
max-height: 300px;
max-width: 300px;
}
#mobileScreenDetails .ignored {
color: #ff9600;
}
#actionMappingModal .modal-body {
overflow-y: auto;
}
#actionMappingModal #autoRegexFail {
color: #dd360b;
margin-bottom: 5px;
}
#actionMappingModal .form-area .form-group {
padding: 2px;
min-height: 50px;
}
#actionMappingModal .form-area .form-group .error-message-container {
display: block;
}
#actionMappingModal .form-area .form-group .pattern-error {
margin-left: 46px !important;
float: left;
color: #dd360b;
}
#actionMappingModal .form-area .form-group .domain-error {
margin-left: 0 !important;
}
#actionMappingModal .form-area .form-group .current-message {
margin-left: 92px;
}
#actionMappingModal .form-area .pattern {
display: inline-block;
margin-left: 15px;
}
#actionMappingModal .form-area .form-label {
width: 80px;
float: left;
margin-right: 1em;
line-height: 28px;
vertical-align: middle;
text-align: right;
display: block;
}
#actionMappingModal .form-area .labelRight {
margin-left: 25px;
}
#actionMappingModal .form-area #matchType {
margin-left: -5px;
}
#actionMappingModal .form-area .checkbox {
display: inline-block;
margin-top: 7px;
margin-left: 10px;
vertical-align: top;
}
#actionMappingModal .form-area .checkbox label[disabled] {
cursor: not-allowed;
color: #b5b5b5;
}
#actionMappingModal .required {
color: #dd360b;
}
#actionMappingModal .radioGroup {
display: inline-block;
margin-left: 6px;
}
#actionMappingModal .regexInput {
display: inline;
}
#actionMappingModal .shortInput {
width: 220px;
}
#actionMappingModal .longInput {
width: 350px;
}
#actionMappingModal .longInput.regex {
width: 450px;
}
#actionMappingModal #domainMatching {
display: inline;
margin-left: 85px;
}
#actionMappingModal #domainMatching .show-errors-wrapper {
display: inline-block;
}
#actionMappingModal .matchingPages h3 {
margin-top: 0px;
}
#actionMappingModal .matchingPages .conflict {
background-color: #fff1eb;
}
#actionMappingModal .k-grid td {
word-break: break-all;
}
#actionMappingModal .k-multiselect {
display: inline-block;
}
.actionMappingModal .modal-dialog {
width: 85%;
}
#createActionsModal {
padding: 10px;
}
#createActionsModal .modal-instructions {
padding-bottom: 10px;
}
#createActionsModal .action-list {
padding-top: 10px;
height: 200px;
overflow-y: auto;
}
#createActionsModal .action-list table tr {
text-align: left;
vertical-align: middle;
}
#createActionsModal .action-list table tr td,
#createActionsModal .action-list table tr th {
padding: 5px 5px 5px 0;
}
#createActionsModal .action-list .error {
font-weight: bold;
color: #dd360b;
}
#createActionsModal .action-list .success {
color: #519100;
}
.createActionsModal .modal-content {
height: 450px !important;
}
#modules .search {
position: relative;
display: inline-block;
margin-left: 20px;
}
#modules .search input {
text-indent: 16px;
}
#modules .search .fa-search {
position: absolute;
padding: 8px;
}
#modules #actionsGrid td {
cursor: default;
}
#modules #actionsGrid td.modulesList {
cursor: default;
}
.deleteActionConfirmationModal .modal-content {
height: 226px !important;
}
#saml .header {
margin-bottom: 30px;
}
#saml .header .linkButton {
margin: 0 5px;
}
#saml .selection-container {
margin-right: 25px;
margin-left: 40px;
margin-top: 5px;
width: 135px;
display: inline-block;
}
#saml .selection-container label:nth-of-type(1) {
left: -62px;
}
#saml textarea {
width: 98%;
min-width: 500px;
max-width: 100%;
height: 300px;
resize: both;
border: 2px solid #848484;
border-radius: 0;
font-family: monospace;
}
#saml .form-group {
margin-top: 20px;
margin-bottom: 20px;
}
#saml .form-group > label {
font-weight: bold;
}
#saml .form-group .linkButton {
margin-top: 10px;
}
#saml .form-group input[type="text"] {
width: 350px;
}
#saml h3 {
margin: 5px 0;
}
#saml ul {
list-style-type: none;
}
#saml ul li {
margin-top: 5px;
margin-bottom: 5px;
}
#saml .red {
color: #dd360b;
}
#saml .section {
padding-top: 10px;
padding-bottom: 10px;
}
#saml .section .form-group,
#saml .section p {
margin-left: 40px;
}
#saml #certUpload .k-upload-selected {
visibility: hidden;
}
#saml .uploadContainer {
margin: 10px 0;
width: 600px;
}
#saml .uploadContainer#metadataUpload {
background-color: #f5f5f5;
margin: 0;
padding: 20px 40px;
}
#saml .uploadContainer#metadataUpload .k-dropzone {
background-color: #fff;
margin: 10px 0;
}
#saml .uploadContainer .k-button {
border: none;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#siteWideJavascript .aceEditor {
border: 2px solid grey;
height: 500px;
width: 100%;
}
#siteWideJavascript .aceEditor .ui-resizable-se {
right: 12px;
bottom: -3px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#siteWideStyles .aceEditor {
border: 2px solid grey;
height: 500px;
width: 100%;
}
#siteWideStyles .aceEditor .ui-resizable-se {
right: 12px;
bottom: -3px;
}
#siteWideStyles .controlWithTopLabel {
display: block;
padding-left: 0px;
padding-bottom: 6px;
padding-top: 10px;
}
#siteWideStyles .controlWithTopLabel .label {
margin-top: -29px;
}
#siteWideStyles .statusMessage {
padding-bottom: 16px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#userBlacklist {
height: 100%;
padding: 17px;
}
#userBlacklist #userBlacklistTable {
margin-top: 20px;
width: 75%;
}
#userBlacklist #btnContainer {
width: 75%;
}
#userBlacklist a:hover {
cursor: pointer;
}
#userBlacklist #addBtn {
margin-left: 10px;
}
#userBlacklist .header {
height: 70px;
}
#userBlacklist .header h1 {
display: inline-block;
margin-right: 20px;
}
#userBlacklist .header .dashboardSlider {
float: right;
}
#visualEditor .fa-minus-circle,
.visualEditorLauncher .fa-minus-circle {
font-size: 20px;
vertical-align: middle;
padding-bottom: 1px;
color: lightcoral;
cursor: pointer;
}
#visualEditor .launchVisualEditorRow,
.visualEditorLauncher .launchVisualEditorRow {
padding-top: 14px;
padding-bottom: 14px;
}
#visualEditor .launchVisualEditorRow > span,
.visualEditorLauncher .launchVisualEditorRow > span,
#visualEditor .launchVisualEditorRow > a,
.visualEditorLauncher .launchVisualEditorRow > a,
#visualEditor .launchVisualEditorRow > input,
.visualEditorLauncher .launchVisualEditorRow > input {
margin-left: 4px;
margin-right: 4px;
}
#visualEditor .launchVisualEditorRow #visualEditorDomains,
.visualEditorLauncher .launchVisualEditorRow #visualEditorDomains,
#visualEditor .launchVisualEditorRow #addWebsiteURL,
.visualEditorLauncher .launchVisualEditorRow #addWebsiteURL {
width: 280px;
}
#visualEditor .launchVisualEditorRow .launchVisualEditorText,
.visualEditorLauncher .launchVisualEditorRow .launchVisualEditorText {
margin-left: 0px;
font-weight: bold;
}
#customWorkflow {
display: table;
}
#customWorkflow .triggerDescription {
width: 420px;
}
#customWorkflow .workflowInputSelection {
margin-bottom: 10px;
margin-right: 10px;
display: inline-block;
}
#customWorkflow .aceEditor {
border: 2px solid grey;
height: 100px;
width: 575px;
}
#customWorkflow .aceEditor .ui-resizable-se {
right: 12px;
bottom: -3px;
}
#customWorkflow .aceLabel {
vertical-align: top;
padding-top: 6px;
}
#customWorkflow #workflowTestHeader {
margin-left: 30px;
}
#customWorkflow .workflowRow {
margin: 15px 0;
display: table;
}
#customWorkflow .workflowRow > label {
padding-right: 7px;
width: 135px;
display: table-cell;
text-align: right;
}
#customWorkflow .scriptTooltipText {
margin-top: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.externalAttributeSelect input.attributeName {
float: left;
width: 100% !important;
}
#workflowEditor .workflowAction .fa-check.enabled {
color: #82c135;
}
#workflowEditor .workflowAction .caption {
font-size: 10px;
color: #9b9b9b;
text-align: left;
padding: 0;
margin-bottom: 5px;
}
#workflowEditor .workflowAction .radioLabel {
float: left;
}
#workflowEditor .workflowAction .attributes td:first-child {
white-space: nowrap;
}
#workflowEditor .workflowAction .actionConfig {
width: 640px;
margin-left: 70px;
}
#workflowEditor .workflowAction .actionConfig .externalAttribute .left {
width: 600px;
}
#workflowEditor .workflowAction .actionConfig .externalAttribute .right {
width: 40px;
padding-top: 15px;
text-align: right;
}
#workflowEditor .workflowAction .row {
width: 100%;
}
#workflowEditor .workflowAction input.ng-invalid.ng-dirty {
border-color: #dd360b;
outline-color: #dd360b;
}
#workflowEditor .workflowAction input[type=text],
#workflowEditor .workflowAction input[type=password] {
width: 332px;
}
#workflowEditor .workflowAction .chosen-container {
min-width: 332px !important;
}
#workflowEditor .workflowTrigger {
width: 730px;
}
#workflowEditor .workflowTrigger .moreInfoIcon {
display: table-cell;
padding-left: 6px;
}
#workflowEditor {
width: 730px;
}
#workflowEditor .generalOptions input:not([type]),
#workflowEditor .actionConfig > section > .row input:not([type]),
#workflowEditor .generalOptions input[type="text"],
#workflowEditor .actionConfig > section > .row input[type="text"],
#workflowEditor .generalOptions input[type="password"],
#workflowEditor .actionConfig > section > .row input[type="password"],
#workflowEditor .generalOptions textarea,
#workflowEditor .actionConfig > section > .row textarea {
width: 402px;
}
#workflowEditor .generalOptions .k-dropdown,
#workflowEditor .actionConfig > section > .row .k-dropdown,
#workflowEditor .generalOptions .chosen-container,
#workflowEditor .actionConfig > section > .row .chosen-container,
#workflowEditor .generalOptions .chosenDropdownWrapper .chosen-container,
#workflowEditor .actionConfig > section > .row .chosenDropdownWrapper .chosen-container {
width: 420px !important;
}
#workflowEditor.readOnly input[type="text"],
#workflowEditor.readOnly input[type="number"],
#workflowEditor.readOnly .chosen-container,
#workflowEditor.readOnly .k-dropdown,
#workflowEditor.readOnly .actions,
#workflowEditor.readOnly textarea {
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
cursor: default;
pointer-events: none;
}
#workflowEditor input[name=name] {
border: dashed 1px rgba(0, 0, 0, 0);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 5px 0;
display: inline-block;
}
#workflowEditor input[name=name]:focus {
border-bottom: dashed 1px #0095da;
}
#workflowEditor form .chosen-container {
margin: 0;
}
#workflowEditor label {
font-weight: bold;
}
#workflowEditor label span {
font-weight: normal;
}
#workflowEditor label.btn {
font-weight: normal;
}
#workflowEditor .error-below {
position: absolute;
}
#workflowEditor .fa-pencil {
color: #0095da;
}
#workflowEditor .row {
margin: 15px 0;
display: table;
}
#workflowEditor .row > label {
padding-right: 7px;
width: 135px;
display: table-cell;
text-align: right;
}
#workflowEditor .actions {
position: relative;
top: 5px;
}
#workflowEditor .selection-container {
display: inline-block;
margin: 1px 65px 0;
text-align: left;
vertical-align: middle;
}
#workflowEditor .selection-container label:nth-of-type(1) {
left: -65px;
font-weight: normal;
}
#workflowEditor .selection-container label:nth-of-type(2) {
right: -30px;
font-weight: normal;
}
#workflowEditor #workflowStatus .iconStack {
position: relative;
vertical-align: middle;
display: inline-block;
}
#workflowEditor #workflowStatus .incomplete {
color: #ff9600;
}
#workflowEditor #workflowStatus .enabled {
color: #82c135;
}
#workflowEditor #workflowStatus .fa-circle {
font-size: 19px;
}
#workflowEditor #workflowStatus .fa-ellipsis-h {
color: #fff;
position: absolute;
left: 3px;
top: 3px;
}
#workflowEditor .stepProgressBar {
list-style: none;
overflow: hidden;
padding: 0;
position: relative;
width: 700px;
margin: 25px 0;
}
#workflowEditor .stepProgressBar:before {
content: " ";
border-top: 50px solid rgba(0, 0, 0, 0);
border-bottom: 50px solid rgba(0, 0, 0, 0);
border-left: 30px solid #fff;
position: absolute;
top: 50%;
margin-top: -50px;
left: -15px;
z-index: 1;
}
#workflowEditor .stepProgressBar li {
background-color: #d5d5d5;
color: #4a4a4a;
list-style: none;
display: inline-block;
text-transform: uppercase;
line-height: 25px;
padding: 6px 0px 6px 25px;
position: relative;
margin-right: 15px;
cursor: pointer;
}
#workflowEditor .stepProgressBar li:before {
content: " ";
border-top: 50px solid rgba(0, 0, 0, 0);
border-bottom: 50px solid rgba(0, 0, 0, 0);
border-left: 33px solid #fff;
position: absolute;
top: 50%;
margin-top: -50px;
margin-left: 1px;
left: 100%;
z-index: 1;
}
#workflowEditor .stepProgressBar li:after {
content: " ";
border-top: 50px solid rgba(0, 0, 0, 0);
border-bottom: 50px solid rgba(0, 0, 0, 0);
border-left: 30px solid #d5d5d5;
position: absolute;
top: 50%;
margin-top: -50px;
left: 100%;
z-index: 2;
}
#workflowEditor .stepProgressBar li:hover {
background-color: #bcbcbc;
}
#workflowEditor .stepProgressBar li:hover:after {
border-left-color: #bcbcbc;
}
#workflowEditor .stepProgressBar li.active {
background-color: #1071a8;
color: #fff;
}
#workflowEditor .stepProgressBar li.active:after {
border-left: 30px solid #1071a8;
}
#workflowEditor .stepProgressBar .badge {
background-color: #fff;
color: #000000;
border-radius: 25px;
height: 25px;
width: 25px;
line-height: 25px;
position: relative;
text-align: center;
display: inline-block;
margin: 0 5px;
}
#workflowEditor .stepProgressBar .badge .fa {
position: absolute;
top: -4px;
}
#workflowEditor .stepProgressBar .badge .fa-check-circle {
font-size: 14px;
color: #82c135;
}
#workflowEditor .stepProgressBar .badge .fa-ellipsis-h {
color: #fff;
font-size: 11px;
right: -2px;
top: -2px;
}
#workflowEditor .stepProgressBar .badge .fa-circle.warn {
color: #ff9600;
font-size: 15px;
}
#workflowEditor .stepProgressBar .badge .fa-circle.completed {
color: #fff;
font-size: 14px;
}
#workflowEditor .fa-user,
#workflowEditor .fa-building {
color: #0095da;
}
#workflowEditor .ruleStaticDropdown {
display: inline-block;
}
#workflowEditor .config {
margin: 25px 20px;
}
#workflowEditor .navButtons {
margin-top: 25px;
}
#workflows {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
overflow: hidden;
}
#workflows.pageContent {
padding: 0;
}
#workflows .buttonRow {
margin: 18px;
}
#workflows .buttonRow .k-dropdown-wrap {
text-align: left;
}
#workflows .triggerDetails {
padding: 0 20px;
}
#workflows th.columnHeader {
background-color: #e5e5e5;
color: #fff;
}
#workflows .pageDetail > .row {
display: flex;
min-height: 600px;
height: 100%;
}
#workflows .pageDetail > .row .selectionAndDetailTwoPaneCombo {
flex: 1;
overflow-x: auto;
}
#workflows .pageDetail > .row .collapsibleBar {
height: auto !important;
}
#workflows .rightPreviewPane {
padding-top: 18px;
}
#workflows .rightPreviewPane ul {
list-style: none;
padding-left: 20px;
}
#workflows .rightPreviewPane ul li {
margin: 5px 0;
}
#workflows .iconStack {
position: relative;
display: inline-block;
}
#workflows .fa-circle {
color: #999999;
font-size: 19px;
}
#workflows .fa-ellipsis-h {
color: #fff;
position: absolute;
left: 3px;
top: 3px;
}
#workflows .fa-check {
color: #999999;
}
#workflows .fa-check.enabled {
color: #82c135;
}
#workflows .k-state-selected .fa-ellipsis-h {
color: #999999;
}
#workflows .k-state-selected .fa-circle {
color: #fff;
}
#workflows .k-state-selected .fa-check {
color: #fff;
}
#workflows #search {
margin-top: 10px;
}
#workflows .triggerStatus {
margin: 0;
display: inline-block;
}
/*
* Copyright (C) 2010-2017 Evergage, Inc.
* All rights reserved.
*/
.user-form-modal .modal-content {
max-height: 570px;
overflow-y: auto;
}
.edit-principal-modal .left {
float: left;
}
.edit-principal-modal .section:after {
content: " ";
display: block;
height: 0;
clear: both;
}
.edit-principal-modal form.ng-dirty input.ng-invalid,
.edit-principal-modal form.ng-dirty select.ng-invalid,
.edit-principal-modal form.ng-dirty textarea.ng-invalid {
border-color: #d5d5d5;
background-color: white;
}
.edit-principal-modal form.ng-dirty input.ng-invalid:focus,
.edit-principal-modal form.ng-dirty select.ng-invalid:focus,
.edit-principal-modal form.ng-dirty textarea.ng-invalid:focus {
outline-color: #82c135;
}
.edit-principal-modal form.ng-dirty input.ng-invalid:active,
.edit-principal-modal form.ng-dirty select.ng-invalid:active,
.edit-principal-modal form.ng-dirty textarea.ng-invalid:active {
outline-color: #82c135;
}
.edit-principal-modal .form-control[disabled] {
background-color: #eee !important;
opacity: 1;
}
.edit-principal-modal .two-col {
width: 50%;
float: left;
}
.edit-principal-modal .help-block {
display: none;
color: #dd360b;
}
.edit-principal-modal .form-group {
margin: 6px 0;
min-height: 20px;
}
.edit-principal-modal .form-group.two-col {
min-height: 65px;
}
.edit-principal-modal .form-group.two-col label {
margin-bottom: 5px;
display: block;
}
.edit-principal-modal .form-group input[type="text"],
.edit-principal-modal .form-group input[type="password"],
.edit-principal-modal .form-group input[type="email"],
.edit-principal-modal .form-group textarea {
width: 85%;
}
.edit-principal-modal .form-group textarea {
height: 45px;
}
.edit-principal-modal .form-group.has-error .help-block {
display: block;
}
.edit-principal-modal .form-group.has-error input.ng-invalid {
border-color: #dd360b;
background-color: #fff1eb;
}
.edit-principal-modal .form-group.has-error input.ng-invalid:focus {
outline-color: #e77e7e;
}
.edit-principal-modal .form-group.has-error input.ng-invalid:active {
outline-color: #e77e7e;
}
.edit-principal-modal label {
font-weight: bold;
}
.edit-principal-modal .radio {
margin-top: 5px;
text-align: center;
}
.edit-principal-modal .radio label {
font-weight: normal;
}
.edit-principal-modal .radio .form-group {
margin: 0 0 6px 0;
display: inline-block;
width: 23%;
text-align: center;
}
.edit-principal-modal .roles {
margin: 8px 0 26px 0;
}
.edit-principal-modal .activation-section {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
.edit-principal-modal .avatarImageSection {
margin-top: 15px;
}
.edit-principal-modal .avatarImageSection .avatarPreview span {
display: inline-block;
vertical-align: middle;
height: 32px;
margin-top: 18px;
}
.edit-principal-modal .avatarImageSection .avatarPreview img {
height: auto;
width: 40px;
vertical-align: middle;
}
.edit-principal-modal .imgUploadContainer {
margin: 5px;
}
.popover {
z-index: 2147483627;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#clickEditor .k-window {
border: none;
border-left: thin solid #cccccc;
box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);
}
#clickEditor .k-window-titlebar {
color: white;
font-weight: bold;
font-size: 17px;
background-color: #1071a8;
}
#clickEditor .k-window-titlebar .k-window-action {
opacity: 1;
}
#clickEditor .k-window-titlebar .k-window-action .k-icon {
-webkit-filter: invert(100%) brightness(500%);
filter: invert(100%) brightness(500%);
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#clickList .k-window {
border: none;
border-left: thin solid #cccccc;
box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);
}
#clickList .k-window-titlebar {
color: white;
font-weight: bold;
font-size: 17px;
background-color: #1071a8;
}
#clickList .k-window-titlebar .k-window-action {
opacity: 1;
}
#clickList .k-window-titlebar .k-window-action .k-icon {
-webkit-filter: invert(100%) brightness(500%);
filter: invert(100%) brightness(500%);
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#fieldEditor .k-window {
border: none;
border-left: thin solid #cccccc;
box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);
}
#fieldEditor .k-window-titlebar {
color: white;
font-weight: bold;
font-size: 17px;
background-color: #1071a8;
}
#fieldEditor .k-window-titlebar .k-window-action {
opacity: 1;
}
#fieldEditor .k-window-titlebar .k-window-action .k-icon {
-webkit-filter: invert(100%) brightness(500%);
filter: invert(100%) brightness(500%);
}
#fieldEditor .k-window #currentValue {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 350px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#fieldList .k-window {
border: none;
border-left: thin solid #cccccc;
box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);
}
#fieldList .k-window-titlebar {
color: white;
font-weight: bold;
font-size: 17px;
background-color: #1071a8;
}
#fieldList .k-window-titlebar .k-window-action {
opacity: 1;
}
#fieldList .k-window-titlebar .k-window-action .k-icon {
-webkit-filter: invert(100%) brightness(500%);
filter: invert(100%) brightness(500%);
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#integrationJavascript .k-window {
border: none;
border-left: thin solid #cccccc;
box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);
}
#integrationJavascript .k-window-titlebar {
color: white;
font-weight: bold;
font-size: 17px;
background-color: #1071a8;
}
#integrationJavascript .k-window-titlebar .k-window-action {
opacity: 1;
}
#integrationJavascript .k-window-titlebar .k-window-action .k-icon {
-webkit-filter: invert(100%) brightness(500%);
filter: invert(100%) brightness(500%);
}
#integrationJavascript #integrationJavascriptDialog {
overflow: hidden;
}
#integrationJavascript .info {
margin-bottom: 20px;
}
#integrationJavascript .textAreaCode {
font-family: Menlo,Fixed,monospace !important;
font-size: x-small !important;
width: 565px;
}
#integrationJavascript .textAreaCode.async {
height: 150px;
}
#integrationJavascript .textAreaCode.sync {
height: 50px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#visualEditorSettings .k-window {
border: none;
border-left: thin solid #cccccc;
box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);
}
#visualEditorSettings .k-window-titlebar {
color: white;
font-weight: bold;
font-size: 17px;
background-color: #1071a8;
}
#visualEditorSettings .k-window-titlebar .k-window-action {
opacity: 1;
}
#visualEditorSettings .k-window-titlebar .k-window-action .k-icon {
-webkit-filter: invert(100%) brightness(500%);
filter: invert(100%) brightness(500%);
}
#visualEditorSettings .formLabel {
width: 130px;
padding: 5px;
}
.autoGrowPencilPadding {
padding-right: 20px;
}
.collapsibleBar {
float: right;
width: 18px;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
cursor: pointer;
background-color: #e5e5e5;
}
.collapsibleBar i {
font-weight: bold;
position: relative;
top: 50%;
font-size: 18px;
padding-left: 6px;
}
.collapsibleBar i.fa-double-angle-right {
padding-left: 4px;
}
.collapsed {
display: none;
}
#actionsList .filterRow .actionTypeSection .k-dropdown {
width: 120px;
}
#actionsList .filterRow > div {
display: inline-block;
margin-bottom: 10px;
}
#actionsList .filterRow > div input,
#actionsList .filterRow > div .k-dropdown {
margin-left: 4px;
margin-right: 10px;
}
#actionsList .filterRow .filterTitle {
color: #585858;
font-weight: bold;
font-size: 16px;
padding-right: 10px;
}
#actionsList .k-grid table {
width: 100% !important;
}
.k-dropdown.attributeDropdown {
min-width: 180px;
}
.customerFieldSelect table.attributes td {
vertical-align: middle;
padding-top: 7px;
padding-bottom: 0;
}
.customerFieldSelect table.attributes tr td:first-child {
white-space: nowrap;
}
.customerFieldSelect table.attributes tr:first-of-type td {
padding-top: 0;
}
.customerFieldSelect .k-combobox {
margin-left: 0;
margin-right: 0;
width: 300px;
}
.customerFieldSelect .k-combobox .k-combobox-wrap {
margin-left: 0;
margin-right: 0;
}
.customerFieldSelect .fieldTypeComboBox .k-combobox {
width: 299px;
}
.customerFieldSelect .chosen-results {
min-width: 300px !important;
}
.customerFieldSelect .chosen-results .chosen-container {
height: 28px;
}
.customerFieldSelect .chosen-results .chosen-choices {
height: 50px !important;
overflow-y: scroll;
}
.egAuditHistory {
max-height: 440px;
overflow-y: scroll;
padding: 15px 5px 5px 10px !important;
}
.egAuditHistory.auditTall {
max-height: 600px;
}
.egAuditHistory .title {
white-space: normal;
}
.egAuditHistory .auditDate {
color: #b5b5b5;
display: block;
}
.egAuditHistory .auditPrincipal {
display: block;
}
.egAuditHistory .listItem {
padding: 0 !important;
}
.egAuditHistory .auditDetails {
display: inline-table;
height: 100%;
}
.egAuditHistory .auditDetailText {
display: table-cell;
}
.egAuditHistory .auditDetailText .testing {
color: rgba(221, 54, 11, 0.6);
}
.egAuditHistory .auditDetailText .published {
color: #000000;
}
.egAuditHistory .auditDetailText .disabled {
color: #848484;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
.bitmap-filter-dropdown .appendedCategory.group-result {
margin-left: 0px !important;
}
.bitmap-filter-dropdown .group-result {
margin-left: 10px !important;
}
.bitmap-filter-dropdown .group-option {
padding-left: 30px !important;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
#campaignList .allCampaigns {
padding: 7px;
padding-left: 20px;
}
#campaignList .allCampaigns a {
font-weight: 600;
-webkit-font-smoothing: antialiased;
}
#campaignList .allCampaigns.selected {
background: #0095da;
}
#campaignList .allCampaigns.selected a {
color: #fff;
}
#campaignList .leftSelectionPane .k-alt:not(.k-state-selected) {
background-color: #fff;
}
#campaignList .addFolder {
display: block;
padding: 5px;
cursor: pointer;
z-index: 1;
text-align: center;
color: #0095da;
}
#campaignList .addFolder .fa-plus-square {
font-size: 16px;
position: relative;
top: 1px;
margin-right: 5px;
}
#campaignList .addFolder:hover {
color: #1071a8;
}
#campaignList .marginNewCampaignButtonHidden {
margin-right: 10px;
}
#campaignList #campaignFolders .k-grid-header .k-header:before {
background: none;
}
#campaignList #campaignFolders .deleteFolder,
#campaignList #campaignFolders .editFolder {
display: inline-block;
padding: 5px;
visibility: hidden;
position: absolute;
top: -5px;
}
#campaignList #campaignFolders .deleteFolder {
left: -25px;
}
#campaignList #campaignFolders .editFolder {
right: -5px;
}
#campaignList #campaignFolders td[role='gridcell']:hover .deleteFolder,
#campaignList #campaignFolders td[role='gridcell']:hover .editFolder {
visibility: visible;
}
#campaignList #campaignFolders .dropTarget {
position: relative;
margin-left: 5px;
}
#campaignList #campaigns .disabledMessage {
color: #999999;
}
#campaignList #campaigns .testingMessage {
color: rgba(221, 54, 11, 0.6);
}
#campaignList #campaigns .publishedMessage {
color: #4a4a4a;
}
#campaignList #campaigns .enabledMessage {
color: #848484;
}
#campaignList #campaigns .k-state-selected .disabledMessage,
#campaignList #campaigns .k-state-selected .testingMessage,
#campaignList #campaigns .k-state-selected .publishedMessage,
#campaignList #campaigns .k-state-selected .enabledMessage {
color: #fff;
}
#campaignList #campaigns td[role='gridcell'] .fa-arrows {
visibility: hidden;
}
#campaignList #campaigns td[role='gridcell']:hover .fa-arrows {
visibility: visible;
}
#campaignList .selectedDetailPane {
min-height: 675px;
}
#campaignList .selectedDetailPane .visualEditorButtonListRow {
padding: 10px;
border-top-style: dotted;
border-color: #b5b5b5;
border-width: 1px;
border-bottom-style: dotted;
text-align: right;
}
#campaignList .rightPreviewPane .rightPreviewPaneTitle {
margin: 0;
}
#campaignList .rightPreviewPane #previewContent {
height: 100%;
}
#campaignList .rightPreviewPane #previewContent .linkButton {
margin-right: 6px;
}
#campaignList .rightPreviewPane #previewContent .topButtons i.fa-check {
color: #82c135;
float: left;
margin-right: 5px;
}
#campaignList .rightPreviewPane #previewContent .unpublishedEmailCampaign h3.emailCampaign {
float: left;
margin-right: 5px;
}
#campaignList .rightPreviewPane #previewContent .unpublishedEmailCampaign .emailCampaignState {
line-height: 3.8;
margin-left: 5px;
}
#campaignList .rightPreviewPane .messageStateSelector {
width: 111px;
}
#campaignList .rightPreviewPane .campaignStateSelector {
width: 111px;
float: right;
}
#campaignList .rightPreviewPane .publishEmailButton {
margin-bottom: 10px;
}
#campaignList .rightPreviewPane #messagePreview {
max-width: 314px;
max-height: 250px;
margin-bottom: 1px;
}
#campaignList .rightPreviewPane #messagePreview.hiddenPreview {
visibility: hidden;
}
#campaignList .rightPreviewPane #messagePreview #mobileMessagePreviewTarget {
width: 304px;
max-height: 250px;
overflow: hidden;
}
#campaignList .rightPreviewPane #messagePreview #mobileMessagePreviewTarget .structuredDataGridEditor {
min-height: 250px;
}
#campaignList .rightPreviewPane #messagePreview #mobileMessagePreviewTarget #notificationMessage {
min-height: 20px;
padding: 10px;
background-color: #fff;
font-size: 16px;
text-align: center;
}
#campaignList .rightPreviewPane #messagePreview #mobileMessagePreviewTarget #notificationMessage .title {
margin: 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-family: "SF SemiBold", Arial, Helvetica, sans-serif;
font-size: 16px;
}
#campaignList .rightPreviewPane #messagePreview #mobileMessagePreviewTarget #notificationMessage .body {
margin: 5px 0;
font-family: "SF Regular", Arial, Helvetica, sans-serif;
}
#campaignList .rightPreviewPane #messagePreview #mobileMessagePreviewTarget #notificationMessage #mobileButtonsPreview {
margin: 5px auto 0 auto;
text-align: center;
white-space: nowrap;
font-family: "SF Regular", Arial, Helvetica, sans-serif;
}
#campaignList .rightPreviewPane #messagePreview #mobileMessagePreviewTarget #notificationMessage #mobileButtonsPreview #mobileButtonPreview-1 {
margin-left: 10px;
}
#campaignList .rightPreviewPane #messagePreview #mobileMessagePreviewTarget #notificationMessage #mobileButtonsPreview .mobileButton {
border-radius: 6px;
min-width: 110px;
max-width: 48%;
background-color: #fff;
color: #000000;
padding: 8px 10px;
min-height: 36px;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
vertical-align: middle;
}
#campaignList .rightPreviewPane #messagePreview #mobileMessagePreviewTarget #notificationMessage #mobileButtonsPreview .mobileButton .text {
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
}
#campaignList .rightPreviewPane #messagePreview #messagePreviewTarget {
width: 942px;
max-height: 250px;
overflow: hidden;
}
#campaignList .rightPreviewPane #messagePreview #messagePreviewTarget #messagePreviewLoadingDiv {
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
background-image: url('../bower_components/kendo-ui/styles/Bootstrap/loading-image.gif');
position: static;
width: 314px;
height: 250px;
}
#campaignList .rightPreviewPane #messagePreview #messagePreviewTarget .evergage-tooltip {
pointer-events: none;
}
#campaignList .rightPreviewPane #messagePreview #messagePreviewTarget .evergage-tooltip > .modal {
position: relative;
height: auto;
}
#campaignList .rightPreviewPane #messagePreview .clear {
clear: both;
}
#campaignList .rightPreviewPane #goalCompletionProgress {
width: 156px;
}
#campaignList .rightPreviewPane .viewAllStatsLink {
float: right;
font-size: 13px;
line-height: 34px;
text-transform: capitalize;
}
#campaignList .rightPreviewPane .noneSelected {
min-height: 500px;
}
#campaignList .draggable {
box-sizing: border-box;
display: inline-block;
position: relative;
padding: 2px 5px;
cursor: hand;
float: left;
margin-bottom: 2px;
}
#campaignList .dropTargetHighlight {
background: #d5d5d5;
color: #4a4a4a;
}
#campaignList .dropTargetOver {
background: #82c135;
color: white;
}
#campaignList more-info-icon {
width: 20px;
}
#campaignList .filterCheckbox label {
margin-right: 10px;
}
.k-dropdown .productLabel,
.k-popup .productLabel {
line-height: 24px;
}
.productIconWrapper {
display: inline-block;
width: 16px;
height: 16px;
line-height: 18px;
margin-left: 4px;
margin-right: 4px;
margin-top: 2px;
margin-bottom: 2px;
text-align: center;
text-indent: 0;
}
.productIconWrapper.whiteBox {
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
background: #fff;
}
.productIconWrapper img.listIcon {
vertical-align: inherit;
}
.productIconWrapper .fa {
color: #848484;
}
.productLabel {
display: inline-block;
line-height: 21px;
vertical-align: top;
}
.draggedItem {
border: 1px solid #0095da;
background: #0095da;
color: #fff;
min-width: 100px;
border-radius: 4px;
padding: 3px 6px;
opacity: 0.9;
z-index: 2147483600 !important;
position: absolute;
}
.k-marquee {
z-index: 2147483600 !important;
}
.customerSearch input {
width: 200px;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
.egItemComboBoxWrapper {
display: inline-block;
vertical-align: middle;
width: 100%;
}
.egItemComboBoxWrapper .itemComboBox {
height: 64px;
width: 100%;
}
.egItemComboBoxWrapper .itemComboBox .k-dropdown-wrap {
height: 64px;
}
.egItemComboBoxWrapper .itemComboBox .k-dropdown-wrap .k-select {
min-height: 60px;
height: 60px;
line-height: 60px;
}
.egItemComboBoxWrapper .k-input {
height: 64px;
padding: 0;
}
.egItemComboBoxWrapper .k-combobox .k-state-default .k-input {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}
.egItemComboBoxWrapper .k-dropdown-wrap.k-state-active.k-state-border-down {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}
.egItemComboBoxWrapper-list.k-popup .k-list .k-item,
.egItemComboBoxWrapper .selection-preview {
padding: 0px;
border: none !important;
list-style: none;
}
.egItemComboBoxWrapper-list.k-popup .k-list .k-item > div:first-child,
.egItemComboBoxWrapper .selection-preview > div:first-child {
width: 64px;
border-left-width: 0;
padding: 0px;
float: left;
}
.egItemComboBoxWrapper-list.k-popup .k-list .k-item > div:first-child img,
.egItemComboBoxWrapper .selection-preview > div:first-child img {
width: 100%;
height: auto;
max-height: 64px;
}
.egItemComboBoxWrapper-list.k-popup .k-list .k-item > div,
.egItemComboBoxWrapper .selection-preview > div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 0 0 1px 1px;
vertical-align: top;
height: 64px;
padding: 4px 8px;
overflow: hidden;
}
.egItemComboBoxWrapper-list.k-popup .k-list .k-item > div h3,
.egItemComboBoxWrapper .selection-preview > div h3,
.egItemComboBoxWrapper-list.k-popup .k-list .k-item > div p,
.egItemComboBoxWrapper .selection-preview > div p {
margin: 0px;
}
.egItemComboBoxWrapper-list.k-popup .k-list .k-item > div .item-name,
.egItemComboBoxWrapper .selection-preview > div .item-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.egItemComboBoxWrapper-list.k-popup .k-list .k-item > div .item-sku,
.egItemComboBoxWrapper .selection-preview > div .item-sku {
color: #808080;
}
.egItemComboBoxWrapper-list.k-popup .k-list .k-item {
cursor: pointer;
}
.egItemComboBoxWrapper .selection-preview {
display: inline-block;
width: 100%;
background-color: #fff;
border-radius: 3px;
}
.egItemComboBoxWrapper .selection-preview:hover {
cursor: text;
}
.egItemComboBoxWrapper .selection-preview .item-description {
border-bottom: none;
}
.egItemComboBoxWrapper .selection-preview .item-image {
border-bottom: none;
}
.egItemComboBoxWrapper .k-state-hover .selection-preview,
.egItemComboBoxWrapper .k-state-hover:hover .selection-preview {
background-color: #fff;
}
.egItemComboBoxWrapper .k-state-hover .selection-preview .item-sku,
.egItemComboBoxWrapper .k-state-hover:hover .selection-preview .item-sku {
color: #808080;
}
.egItemComboBoxWrapper .k-state-hover .selection-preview .item-description,
.egItemComboBoxWrapper .k-state-hover:hover .selection-preview .item-description {
background-color: #fff;
}
.egItemComboBoxWrapper-list.k-popup.k-list-container {
padding: 0px;
}
.egItemComboBoxWrapper-list .k-state-hover .selection-preview .item-sku,
.egItemComboBoxWrapper-list .k-state-hover:hover .selection-preview .item-sku {
color: #808080;
}
.egItemComboBoxWrapper-list .k-list > .k-state-selected,
.egItemComboBoxWrapper-list .k-list > .k-state-hover,
.egItemComboBoxWrapper-list .k-list > .k-state-hover:hover {
background-color: #f9f9f9;
}
.egItemComboBoxWrapper-list .k-list > .k-state-selected .item-sku,
.egItemComboBoxWrapper-list .k-list > .k-state-hover .item-sku,
.egItemComboBoxWrapper-list .k-list > .k-state-hover:hover .item-sku {
color: #808080;
}
.egItemGrid .actionStatsChart {
margin-bottom: 25px;
}
.egItemGrid .k-grid td {
cursor: default;
}
.egItemGrid .k-grid .k-grid table {
border: 1px solid #d5d5d5;
border-top: none;
}
.egItemGrid .k-grid .k-grid tr {
background-color: #fff;
}
.egItemGrid .itemNameCell .fa-pencil {
margin-left: 10px;
visibility: hidden;
}
.egItemGrid .itemNameCell.k-textbox {
height: 30px;
}
.egItemGrid td[role="gridcell"] {
position: relative;
}
.egItemGrid span.itemNameCell {
cursor: pointer;
background-color: #fff;
border-radius: 4px;
border: 1px solid #d5d5d5;
position: absolute;
top: 0;
left: 2px;
padding-left: 10px;
font-style: italic;
font-weight: normal;
width: 97%;
line-height: 28px;
display: inline-block;
}
.egItemGrid span.itemNameCell:hover {
border: 1px solid #82c135;
}
.egItemGrid span.itemNameCell.action {
width: 95%;
left: 21px;
height: 26px;
font-style: normal;
color: #585858;
}
.egItemGrid .expanded .itemNameCell:hover {
cursor: pointer;
}
.egItemGrid .expanded .itemNameCell:hover .fa-pencil {
visibility: visible;
}
.egItemGrid .k-multiselect .k-button {
margin: 1px;
}
.egItemGrid .modulesList {
padding: 1px;
}
.egItemGrid .modulesList .moduleName {
border-radius: 4px;
padding: 4px 10px;
background: #585858;
color: #fff;
margin: 1px;
display: inline-block;
}
.egItemGrid .modulesList .fa-plus-square {
padding: 8px 0;
}
.egItemGrid .modulesList .editable {
border-radius: 4px;
border: 1px solid #d5d5d5;
width: 98%;
background-color: #fff;
}
.egItemGrid .modulesList .editable .moduleName {
padding: 5px 10px;
background-color: #0095da;
}
.egItemGrid .detailHeader {
padding: 7px;
background: #585858;
color: #fff;
}
.egItemGrid .detailHeader .actions {
margin-left: 25px;
}
.egItemGrid .detailHeader .actions .fa {
color: #fff;
}
.egItemGrid .detailHeader .actions .fa:hover {
color: #82c135;
}
.egItemGrid .detailHeader a {
color: #fff;
}
.egItemGrid .detailHeader a:hover {
color: #82c135;
}
.egItemGrid .egItemSearchWrapper .k-multiselect {
width: 317px;
}
.egItemGrid .percentageTextAndBar {
line-height: 8px;
margin-right: 53px;
}
.egItemGrid .percentageTextAndBar .percentageText {
float: left;
text-align: right;
width: 45px;
}
.egItemGrid .percentageTextAndBar .percentageBarContainer {
margin-left: 50px;
width: 100%;
height: 100%;
}
.egItemGrid .percentageTextAndBar .percentageBarContainer .percentageBar {
text-align: center;
height: 100%;
border: 3px solid;
border-radius: 3px;
background-color: #848484;
border-color: #848484;
}
.egItemGrid .legend-circle {
height: 16px;
width: 16px;
border-radius: 16px;
margin: auto;
}
.egItemGrid .legend-circle.hidden {
color: transparent;
}
.egItemSearchWrapper {
display: inline-block;
vertical-align: middle;
}
.egItemSearchWrapper .k-multiselect {
width: 315px;
}
.egItemSearchWrapper .k-multiselect .k-multiselect-wrap .k-button {
position: relative;
padding-right: 25px;
max-width: 305px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.egItemSearchWrapper .k-multiselect .k-multiselect-wrap .k-button .k-delete {
position: absolute;
right: 6px;
top: 5px;
}
.egItemSearchWrapper-list.k-popup.k-list-container {
padding: 0;
}
.egItemSearchWrapper-list.k-popup.k-list-container .k-list .k-item {
padding: 0;
}
.egItemSearchWrapper-list.k-popup.k-list-container .k-list .k-item > div.default:first-child {
width: 64px;
border-left-width: 0;
padding: 0;
float: left;
}
.egItemSearchWrapper-list.k-popup.k-list-container .k-list .k-item > div.default:first-child img {
width: 100%;
height: auto;
}
.egItemSearchWrapper-list.k-popup.k-list-container .k-list .k-item > div.default {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 0 0 1px 1px;
vertical-align: top;
height: 64px;
padding: 4px 8px;
overflow: hidden;
}
.egItemSearchWrapper-list.k-popup.k-list-container .k-list .k-item > div.default h3,
.egItemSearchWrapper-list.k-popup.k-list-container .k-list .k-item > div.default p {
margin: 0;
}
.itemTypeDropdownWrapper .k-dropdown {
min-width: 110px;
}
.recipeDropdown .k-dropdown {
min-width: 200px;
max-width: 400px;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
.egUserComboBoxWrapper {
display: inline-block;
width: 100%;
vertical-align: middle;
}
.egUserComboBoxWrapper .userComboBox {
width: 100%;
height: 64px;
}
.egUserComboBoxWrapper .userComboBox .k-dropdown-wrap {
height: 64px;
}
.egUserComboBoxWrapper .userComboBox .k-dropdown-wrap .k-select {
min-height: 58px;
height: 58px;
line-height: 58px;
}
.egUserComboBoxWrapper .k-combobox .k-state-default .k-input {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}
.egUserComboBoxWrapper .k-dropdown-wrap.k-state-active.k-state-border-down {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
}
.egUserComboBoxWrapper .selection-preview {
background-color: #fff;
border-radius: 3px;
}
.egUserComboBoxWrapper .selection-preview .title {
color: #585858;
}
.egUserComboBoxWrapper .k-input {
height: 64px;
padding: 0;
}
.egUserComboBox-list.k-popup .k-list .k-item,
.userComboBox .selection-preview {
padding: 0;
border: none;
position: relative;
}
.egUserComboBox-list.k-popup .k-list .k-item .icon,
.userComboBox .selection-preview .icon {
border-right: solid 1px #d5d5d5;
position: absolute;
}
.egUserComboBox-list.k-popup .k-list .k-item .details,
.userComboBox .selection-preview .details {
width: 100%;
padding-left: 70px;
}
.egUserComboBox-list.k-popup .k-list .k-item .details .title,
.userComboBox .selection-preview .details .title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
}
.egUserComboBox-list.k-popup .k-list .k-item .details .subtitle,
.userComboBox .selection-preview .details .subtitle {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #808080;
}
.egUserComboBox-list.k-popup .k-list .k-item > div:first-child,
.userComboBox .selection-preview > div:first-child {
width: 64px;
text-align: center;
padding-top: 18px;
}
.egUserComboBox-list.k-popup .k-list .k-item > div:first-child .fa-user,
.userComboBox .selection-preview > div:first-child .fa-user {
color: #808080;
}
.egUserComboBox-list.k-popup .k-list .k-item > div:first-child .fa-favorite,
.userComboBox .selection-preview > div:first-child .fa-favorite {
margin-left: 5px;
color: #fde96e;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #b98243;
}
.egUserComboBox-list.k-popup .k-list .k-item h3,
.userComboBox .selection-preview h3,
.egUserComboBox-list.k-popup .k-list .k-item p,
.userComboBox .selection-preview p {
margin: 0px;
}
.egUserComboBox-list.k-popup .k-list .k-item > div,
.userComboBox .selection-preview > div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-style: none;
vertical-align: top;
height: 64px;
padding: 4px;
overflow: hidden;
}
.egUserComboBox-list.k-popup .k-list .k-item {
border-bottom: solid 1px #d5d5d5;
cursor: pointer;
}
.egUserComboBoxWrapper .selection-preview {
display: inline-block;
width: 100%;
list-style: none;
background-color: #fff;
}
.egUserComboBoxWrapper .selection-preview:hover {
cursor: text;
}
.egUserComboBoxWrapper .k-state-hover .selection-preview,
.egUserComboBoxWrapper .k-state-hover:hover .selection-preview {
list-style: none;
background-color: #fff;
}
.egUserComboBoxWrapper .k-state-hover .selection-preview .title,
.egUserComboBoxWrapper .k-state-hover:hover .selection-preview .title {
color: #585858;
}
.egUserComboBox-list.k-popup.k-list-container {
padding: 0px;
}
.egUserComboBox-list .k-list > .k-state-selected,
.egUserComboBox-list .k-list > .k-state-hover,
.egUserComboBox-list .k-list > .k-state-hover:hover {
background-color: #f9f9f9;
}
.egUserComboBox-list .k-list > .k-state-selected .icon,
.egUserComboBox-list .k-list > .k-state-hover .icon,
.egUserComboBox-list .k-list > .k-state-hover:hover .icon {
background-color: #fff;
}
.egUserSearchWrapper {
display: inline-block;
vertical-align: middle;
}
.egUserSearchWrapper .k-multiselect {
width: 360px;
}
.egUserSearchWrapper .k-multiselect .k-multiselect-wrap {
width: 360px;
}
.egUserSearchWrapper .k-multiselect .k-multiselect-wrap .k-button {
position: relative;
padding-right: 25px;
max-width: 350px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.egUserSearchWrapper .k-multiselect .k-multiselect-wrap .k-button .k-delete {
position: absolute;
right: 6px;
top: 5px;
}
.egUserSearch-list.k-popup .k-list .k-item {
padding: 0;
display: inline-block;
width: 99%;
}
.egUserSearch-list.k-popup .k-list .k-item > div:first-child {
width: 64px;
padding: 16px;
}
.egUserSearch-list.k-popup .k-list .k-item > div:first-child .fa-user {
color: #808080;
}
.egUserSearch-list.k-popup .k-list .k-item > div:first-child .fa-favorite {
margin-left: 5px;
color: #fde96e;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #b98243;
}
.egUserSearch-list.k-popup .k-list .k-item > div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-style: none;
vertical-align: top;
height: 64px;
padding: 4px;
overflow: hidden;
}
.egUserSearch-list.k-popup .k-list .k-item > div .title {
font-weight: bold;
}
.egUserSearch-list.k-popup .k-list .k-item > div .subtitle {
color: #808080;
}
.egUserSearch-list.k-popup.k-list-container {
padding: 0px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.eventStreamTable .selectionAndDetailTwoPaneCombo .rightPreviewPane {
width: 400px;
padding: 15px;
}
.eventStreamTable .selectionAndDetailTwoPaneCombo .rightPreviewPane h3 {
text-align: center;
margin-top: 0px;
}
.eventStreamTable .selectionAndDetailTwoPaneCombo .rightPreviewPane table {
table-layout: fixed;
width: 100%;
}
.eventStreamTable .selectionAndDetailTwoPaneCombo .rightPreviewPane table td {
padding: 3px 6px;
vertical-align: middle;
}
.eventStreamTable .selectionAndDetailTwoPaneCombo .rightPreviewPane table td:first-child {
width: 115px;
font-weight: bold;
word-wrap: break-word;
}
.eventStreamTable .selectionAndDetailTwoPaneCombo .selectedDetailPane {
border: 1px dotted #b5b5b5 none none 1px dotted #b5b5b5;
padding-top: 0px;
padding-bottom: 0px;
min-height: 400px;
}
.eventStreamTable .selectionAndDetailTwoPaneCombo .selectedDetailPane #eventGrid table {
table-layout: fixed;
}
.eventStreamTable .selectionAndDetailTwoPaneCombo .selectedDetailPane #eventGrid table .k-state-focused-row {
box-shadow: inset 0 0 6px 0 #b6bdca;
}
.eventStreamTable .selectionAndDetailTwoPaneCombo .truncate {
white-space: nowrap;
}
.eventStreamTable .selectionAndDetailTwoPaneCombo .alignCenter td:first-child {
text-align: right;
}
.eventStreamTable .selectionAndDetailTwoPaneCombo .alignCenter td:nth-child(2) {
text-align: left;
}
.eventStreamTable .selectionAndDetailTwoPaneCombo .urlBreak {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.evergageSegment {
margin: 0;
}
.evergageSegmentDescription .textRulesDescription {
margin-left: 20px;
}
.evergageSegmentDescription .props {
clear: both;
padding-top: 13px;
}
.evergageSegmentDescription .props td {
padding-left: 4px;
padding-right: 4px;
padding-top: 3px;
padding-bottom: 3px;
vertical-align: top;
}
.evergageSegmentDescription .props td div.rules {
margin-top: 8px;
}
.evergageSegmentDescription .props td a {
padding-right: 6px;
}
.evergageSegmentDescription .props td:first-child {
font-weight: bold;
text-align: right;
width: 101px;
padding-right: 7px;
}
.evergageSegmentDescription .small-img {
height: 16px;
width: 16px;
}
.evergageSegmentDescription em {
color: #666;
font-style: normal;
font-weight: bold;
}
.evergageSegmentDescription .members {
text-transform: lowercase;
}
.evergageSegmentDescription .and,
.evergageSegmentDescription .or {
text-transform: uppercase;
text-align: left;
font-size: 13px;
}
.evergageSegmentDescription .and {
color: #90c94d;
}
.evergageSegmentDescription .or {
color: #ecb84f;
}
.evergageSegmentDescription .compositeCondition {
margin-bottom: 8px;
margin-top: 8px;
}
.evergageSegmentDescription .compositeCondition .and,
.evergageSegmentDescription .compositeCondition .or {
font-size: 12px;
}
.funnelNameDropdown .k-dropdown {
min-width: 400px;
}
.egIndustryCodeSearchWrapper {
display: inline-block;
vertical-align: middle;
}
.egIndustryCodeSearchWrapper .k-state-hover {
background-color: #fff;
}
.egIndustryCodeSearchWrapper .egIndustryCodeSearch {
width: 600px;
height: 62px;
overflow-y: auto;
}
.egIndustryCodeSearchWrapper .egIndustryCodeSearch .k-multiselect-wrap {
padding: 1px;
}
.egIndustryCodeSearchWrapper .egIndustryCodeSearch .k-multiselect-wrap .k-button {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.egIndustryCodeSearchWrapper-list.k-popup.k-list-container {
padding: 0px;
}
.egLocationCodeSearchWrapper {
width: 100%;
display: inline-block;
vertical-align: middle;
position: relative;
}
.egLocationCodeSearchWrapper .k-state-hover {
background-color: #fff;
}
.egLocationCodeSearchWrapper .egLocationCodeSearchMultiSelect {
width: 100%;
overflow-y: auto;
box-sizing: border-box;
}
.egLocationCodeSearchWrapper .egLocationCodeSearchMultiSelect .k-multiselect-wrap {
padding: 1px;
}
.egLocationCodeSearchWrapper .egLocationCodeSearchMultiSelect .k-multiselect-wrap .k-button {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.egLocationCodeSearchWrapper .egLocationCodeSearchSingleSelect {
width: 250px;
}
.egLocationCodeSearchWrapper .cityHelp {
position: absolute;
right: -23px;
top: 7px;
}
.egLocationCodeSearchWrapper-list.k-popup .k-list .k-item {
padding: 0px;
}
.egLocationCodeSearchWrapper-list.k-popup .k-list .k-item > div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
vertical-align: top;
padding: 4px 8px;
overflow: hidden;
}
.egLocationCodeSearchWrapper-list.k-popup .k-list .k-item > div h3,
.egLocationCodeSearchWrapper-list.k-popup .k-list .k-item > div p {
margin: 0px;
}
.egLocationCodeSearchWrapper-list.k-popup .k-list .k-item > div.level-1 {
font-size: 13px;
font-weight: bold;
padding-left: 5px;
color: #848484;
}
.egLocationCodeSearchWrapper-list.k-popup .k-list .k-item > div.level-2 {
font-size: 13px;
font-weight: bold;
padding-left: 15px;
color: #848484;
}
.egLocationCodeSearchWrapper-list.k-popup .k-list .k-item > div.level-3 {
font-size: 13px;
font-weight: bold;
padding-left: 25px;
color: #848484;
}
.egLocationCodeSearchWrapper-list.k-popup .k-list .k-item > div.level-4 {
font-size: 13px;
font-weight: bold;
padding-left: 35px;
color: #848484;
}
.egLocationCodeSearchWrapper-list.k-popup .k-list .k-item > div.level-5 {
font-size: 13px;
padding-left: 45px;
color: #848484;
}
.egLocationCodeSearchWrapper-list.k-popup .k-list .k-item > div.level-6 {
font-size: 13px;
padding-left: 45px;
color: #848484;
}
.egLocationCodeSearchWrapper-list.k-popup.k-list-container {
padding: 0px;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
.latLongInput .ng-dirty[name='latitudeLongitudeForm'] input.ng-invalid {
border-color: #dd360b;
background-color: #fff1eb;
}
.latLongInput .ng-dirty[name='latitudeLongitudeForm'] input.ng-invalid:focus {
outline-color: #e77e7e;
}
.latLongInput .ng-dirty[name='latitudeLongitudeForm'] input.ng-invalid:active {
outline-color: #e77e7e;
}
.latLongInput > span {
margin-left: 5px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.locationDropdownWrapper select[chosen] {
min-width: 120px;
}
.locationDropdownWrapper .tagsInput {
line-height: initial;
}
.locationDropdownWrapper .tagsInput .host {
background-color: white;
}
.locationDropdownWrapper .tagsInput .tags {
padding: 0px;
min-width: 260px;
-webkit-appearance: initial;
min-width: 255px;
border: none;
}
.locationDropdownWrapper tags-input .host {
width: 304px;
}
.locationDropdownWrapper tags-input .host .tags {
min-width: 302px;
min-height: 65px;
}
.locationDropdownWrapper tags-input .host .tags .input {
width: 204px;
}
.locationDropdownWrapper .zipCode {
width: 65px;
}
.locationDropdownWrapper .orgWrapper,
.locationDropdownWrapper .ispWrapper,
.locationDropdownWrapper .postalCodeWrapper,
.locationDropdownWrapper .industryCodeWrapper {
vertical-align: middle;
}
.locationDropdownWrapper .industryCodeWrapper {
display: block;
}
.locationDropdownWrapper .help-container {
display: block;
height: 24px;
}
.locationDropdownWrapper .help-container > div {
display: inline-block;
}
.job-progress-bar {
min-width: 60px;
}
.job-progress-bar .bar {
box-sizing: border-box;
width: 100%;
}
.job-progress-bar .bar .progress {
margin: 0;
}
.job-progress-bar .bar > .k-state-selected {
background-color: #82c135;
border-color: #82c135;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.chosenDropdownWrapper .chosen-container {
font-family: FontAwesome, Arial, Helvetica, sans-serif;
min-width: 300px;
max-width: 100%;
}
.chosenDropdownWrapper .chosen-container .chosen-results {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#pageExceptFooter.isVisualEditor .chosen-container .chosen-results {
max-height: 155px;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*
* Forked from https://github.com/angular-ui/bootstrap/blob/master/src/dropdown/dropdown.js,
* which is licensed as follows:
*
* The MIT License
*
* Copyright (c) 2012-2014 the AngularUI Team, https://github.com/organizations/angular-ui/teams/291112
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 5px solid;
border-right: 3px solid transparent;
border-left: 3px solid transparent;
}
.dropdown-div {
position: relative;
}
.dropdown-div-toggle {
margin-bottom: 0 !important;
cursor: pointer;
}
.dropdown-div-toggle.disabled {
cursor: default;
}
a.dropdown-div-toggle {
color: #848484;
}
.dropdown-div-toggle:focus {
outline: 0;
}
.dropdown-div-content {
position: absolute;
top: 100%;
left: 0;
z-index: 2147483607;
display: none;
float: left;
min-width: 160px;
height: auto;
overflow: auto;
padding: 10px;
margin: 0;
list-style: none;
font-size: 13px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-div-content.pull-right {
right: 0;
left: auto;
}
.dropdown-div-content.dropdown-div-menu > ul {
list-style: none;
margin: 0;
padding: 0;
}
.dropdown-div-content.dropdown-div-menu > ul .divider {
height: 1px;
margin: 8px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-div-content.dropdown-div-menu > ul > li > a {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-div-content.dropdown-div-menu > ul > li > a:hover,
.dropdown-div-content.dropdown-div-menu > ul > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-div-content.dropdown-div-menu > ul > li.active > a,
.dropdown-div-content.dropdown-div-menu > ul > li.active > a:hover,
.dropdown-div-content.dropdown-div-menu > ul > li.active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #0095da;
}
.dropdown-div-content.dropdown-div-menu > ul > li.disabled > a,
.dropdown-div-content.dropdown-div-menu > ul > li.disabled > a:hover,
.dropdown-div-content.dropdown-div-menu > ul > li.disabled > a:focus {
color: #777777;
}
.dropdown-div-content.dropdown-div-menu > ul > li.disabled > a:hover,
.dropdown-div-content.dropdown-div-menu > ul > li.disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.open > .dropdown-div-content {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-div-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 2147483597;
}
.pull-right > .dropdown-div-content {
right: 0;
left: auto;
}
.dropup-div .caret,
.navbar-fixed-bottom .dropdown-div .caret {
border-top: 0;
border-bottom: 4px solid;
content: "";
}
.dropup-div .dropdown-div-content,
.navbar-fixed-bottom .dropdown-div .dropdown-div-content {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-div-content {
right: 0;
left: auto;
}
}
.date-time-range-input .k-dropdown.narrower {
width: 116px;
}
.decimalRangeInput ng-form > span,
.decimalRangeInput ng-form > div {
display: inline-block;
}
.decimalRangeInput .k-dropdown {
vertical-align: top;
}
.decimalRangeInput.is-recipe-exclusion .k-dropdown {
width: 116px;
}
/*
* Copyright (C) 2010-2013 Evergage, Inc.
* All rights reserved.
*/
.egMultiSelectTextboxWrapper.wideMultiselect {
display: inline-block;
}
.egMultiSelectTextboxWrapper.wideMultiselect .chosen-container {
min-width: 300px;
}
.egMultiSelectTextboxWrapper li.result-selected {
display: none;
}
.egMultiSelectTextboxWrapper li.search-field input {
min-width: 300px;
}
.radioGroup .btn {
height: 30px;
box-sizing: border-box;
border-color: #c5c5c5;
background: #d5d5d5;
color: #505050;
box-shadow: none;
padding: 5px 12px;
}
.radioGroup .btn:focus {
box-shadow: none;
border: none;
background: #1071a8;
color: #fff;
}
.radioGroup .btn:hover {
box-shadow: none;
background: #bcbcbc;
border-color: #acacac;
padding: 5px 12px;
}
.radioGroup .btn.active {
box-shadow: none;
background: #1071a8;
color: #fff;
border: none;
padding: 6px 13px;
}
.radioGroup.btn-group .btn + .btn {
margin-left: 0;
}
.helpTextWrapper {
white-space: normal;
}
#towSchedule .week {
display: table;
width: 800px;
height: 550px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: sans-serif;
font-size: 14px;
}
#towSchedule div.day {
float: left;
height: 450px;
width: 70px;
display: inline-block;
}
#towSchedule div.dayHeader {
height: 20px;
width: 70px;
text-align: center;
}
#towSchedule div.hourLabel {
height: 20px;
width: 65px;
padding-right: 4px;
text-align: right;
}
#towSchedule div.hour {
height: 20px;
box-sizing: border-box;
width: 70px;
background-color: #d5d5d5;
border: 1px solid white;
}
#towSchedule div.hour:hover {
background-color: #bcbcbc;
}
#towSchedule div.hour.on {
background-color: #1071a8;
}
#towSchedule div.hour.on:hover {
background-color: #0c5279;
}
.toggle .btn {
border-color: #d5d5d5;
background: #f5f5f5;
color: #808080;
}
.toggle .btn:hover,
.toggle .btn:focus {
background: #82c135;
color: #fff;
}
.toggle .btn.active {
box-shadow: none;
background: #fff;
color: #585858;
}
.lineTagCoud span {
display: inline;
}
.lineTagCoud > div {
padding-right: 10px;
display: inline;
}
.lineTagCoud > div i.spacer {
font-size: 4px;
padding-left: 5px;
}
.lineTagCoud .purchasedWord {
background-color: rgba(130, 193, 53, 0.2);
border-radius: 500px;
display: inline-block;
margin: 1px;
}
.lineTagCoud .purchasedWord.spacer {
visibility: hidden;
}
.loadingCogs {
text-align: center;
/* from font awesome since we dont include their animation file: maybe add the file */
/* end font awesome animation */
}
.loadingCogs .caption {
font-size: 16px;
}
.loadingCogs .spinning-gears-wrapper {
margin-left: auto;
margin-right: auto;
font-size: 1em;
position: relative;
color: #1071a8;
}
.loadingCogs .spinning-gears-wrapper img {
display: inline-block;
width: 1em;
height: 1em;
font-size: 4em;
text-align: center;
position: absolute;
top: 0;
left: 0;
-moz-animation-duration: 5s;
-o-animation-duration: 5s;
-webkit-animation-duration: 5s;
animation-duration: 5s;
}
.loadingCogs .spinning-gears-wrapper .blue-gear {
height: auto;
width: 47%;
top: 20%;
left: 32%;
animation-duration: 6.734s;
}
.loadingCogs .spinning-gears-wrapper .green-gear {
height: auto;
width: 31%;
top: 10%;
left: 8%;
animation-duration: 5.05s;
}
.loadingCogs .spinning-gears-wrapper .bubble {
height: auto;
width: 63%;
top: 25%;
left: 23%;
}
.loadingCogs .fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.loadingCogs .fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.loadingCogs .fa-spin.spin-reverse {
-moz-animation-direction: reverse;
-o-animation-direction: reverse;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.loading-area {
position: relative;
}
.loading-area .loaded-content.is-loading {
opacity: .6;
}
.loading-area .loading-background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.loading-area .loadingGears {
visibility: hidden;
text-align: center;
position: absolute;
padding: 0 6px 0 0;
box-sizing: border-box;
background-color: #e5e5e5;
border-radius: 8px;
/* from font awesome since we dont include their animation file: maybe add the file */
/* end font awesome animation */
}
.loading-area .loadingGears.is-loading {
visibility: visible;
}
.loading-area .loadingGears.not-ready {
opacity: 0;
}
.loading-area .loadingGears .caption {
font-size: 16px;
display: inline-block;
vertical-align: middle;
}
.loading-area .loadingGears .spinning-gears-wrapper {
margin-left: auto;
margin-right: auto;
font-size: 1em;
position: relative;
color: #1071a8;
display: inline-block;
vertical-align: middle;
}
.loading-area .loadingGears .spinning-gears-wrapper img {
display: inline-block;
width: 1em;
height: 1em;
font-size: 4em;
text-align: center;
position: absolute;
top: 0;
left: 0;
-moz-animation-duration: 5s;
-o-animation-duration: 5s;
-webkit-animation-duration: 5s;
animation-duration: 5s;
}
.loading-area .loadingGears .spinning-gears-wrapper .blue-gear {
height: auto;
width: 47%;
top: 20%;
left: 32%;
animation-duration: 6.734s;
}
.loading-area .loadingGears .spinning-gears-wrapper .green-gear {
height: auto;
width: 31%;
top: 10%;
left: 8%;
animation-duration: 5.05s;
}
.loading-area .loadingGears .spinning-gears-wrapper .bubble {
height: auto;
width: 63%;
top: 25%;
left: 23%;
}
.loading-area .loadingGears .fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.loading-area .loadingGears .fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.loading-area .loadingGears .fa-spin.spin-reverse {
-moz-animation-direction: reverse;
-o-animation-direction: reverse;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
/*
* Copyright (C) 2010-2015 Evergage, Inc.
* All rights reserved.
*/
.moreInfoIcon {
color: #9b9b9b;
font-weight: normal;
font-size: 16px;
margin-left: 6px;
cursor: pointer;
}
.moreInfoIcon:hover {
color: #8e8e8e;
}
.moreInfoIcon.large {
font-size: 22px;
margin-left: 8px;
}
.show-errors-wrapper .error-message-container {
padding: 2px 4px 0 4px;
color: #dd360b;
display: inline-block;
}
.show-errors-wrapper .error-message-container:not(.show-all-errors) > *:not(.current-message) {
display: none;
}
form.show-errors-wrapper.errors-visible .help-block:first-child,
form.ng-dirty.show-errors-wrapper.errors-visible .help-block:first-child,
.show-errors-wrapper.ng-form.errors-visible .help-block:first-child,
.show-errors-wrapper[ng-form].errors-visible .help-block:first-child,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .help-block:first-child,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .help-block:first-child {
display: block;
}
form.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags,
form.ng-dirty.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags,
.show-errors-wrapper.ng-form.errors-visible tags-input.ng-invalid .tags,
.show-errors-wrapper[ng-form].errors-visible tags-input.ng-invalid .tags,
ng-form.ng-dirty.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible tags-input.ng-invalid .tags,
form.show-errors-wrapper.errors-visible input.ng-invalid,
form.ng-dirty.show-errors-wrapper.errors-visible input.ng-invalid,
.show-errors-wrapper.ng-form.errors-visible input.ng-invalid,
.show-errors-wrapper[ng-form].errors-visible input.ng-invalid,
ng-form.ng-dirty.show-errors-wrapper.errors-visible input.ng-invalid,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible input.ng-invalid,
form.show-errors-wrapper.errors-visible textarea.ng-invalid,
form.ng-dirty.show-errors-wrapper.errors-visible textarea.ng-invalid,
.show-errors-wrapper.ng-form.errors-visible textarea.ng-invalid,
.show-errors-wrapper[ng-form].errors-visible textarea.ng-invalid,
ng-form.ng-dirty.show-errors-wrapper.errors-visible textarea.ng-invalid,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible textarea.ng-invalid,
form.show-errors-wrapper.errors-visible .k-multiselect.ng-invalid,
form.ng-dirty.show-errors-wrapper.errors-visible .k-multiselect.ng-invalid,
.show-errors-wrapper.ng-form.errors-visible .k-multiselect.ng-invalid,
.show-errors-wrapper[ng-form].errors-visible .k-multiselect.ng-invalid,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .k-multiselect.ng-invalid,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .k-multiselect.ng-invalid,
form.show-errors-wrapper.errors-visible .k-dropdown.ng-invalid,
form.ng-dirty.show-errors-wrapper.errors-visible .k-dropdown.ng-invalid,
.show-errors-wrapper.ng-form.errors-visible .k-dropdown.ng-invalid,
.show-errors-wrapper[ng-form].errors-visible .k-dropdown.ng-invalid,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .k-dropdown.ng-invalid,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .k-dropdown.ng-invalid,
form.show-errors-wrapper.errors-visible select.ng-invalid,
form.ng-dirty.show-errors-wrapper.errors-visible select.ng-invalid,
.show-errors-wrapper.ng-form.errors-visible select.ng-invalid,
.show-errors-wrapper[ng-form].errors-visible select.ng-invalid,
ng-form.ng-dirty.show-errors-wrapper.errors-visible select.ng-invalid,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible select.ng-invalid,
form.show-errors-wrapper.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default,
form.ng-dirty.show-errors-wrapper.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default,
.show-errors-wrapper.ng-form.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default,
.show-errors-wrapper[ng-form].errors-visible .ng-invalid .k-dropdown-wrap.k-state-default,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default,
form.show-errors-wrapper.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap,
form.ng-dirty.show-errors-wrapper.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap,
.show-errors-wrapper.ng-form.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap,
.show-errors-wrapper[ng-form].errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap {
border-color: #dd360b;
}
form.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags:focus,
form.ng-dirty.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags:focus,
.show-errors-wrapper.ng-form.errors-visible tags-input.ng-invalid .tags:focus,
.show-errors-wrapper[ng-form].errors-visible tags-input.ng-invalid .tags:focus,
ng-form.ng-dirty.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags:focus,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible tags-input.ng-invalid .tags:focus,
form.show-errors-wrapper.errors-visible input.ng-invalid:focus,
form.ng-dirty.show-errors-wrapper.errors-visible input.ng-invalid:focus,
.show-errors-wrapper.ng-form.errors-visible input.ng-invalid:focus,
.show-errors-wrapper[ng-form].errors-visible input.ng-invalid:focus,
ng-form.ng-dirty.show-errors-wrapper.errors-visible input.ng-invalid:focus,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible input.ng-invalid:focus,
form.show-errors-wrapper.errors-visible textarea.ng-invalid:focus,
form.ng-dirty.show-errors-wrapper.errors-visible textarea.ng-invalid:focus,
.show-errors-wrapper.ng-form.errors-visible textarea.ng-invalid:focus,
.show-errors-wrapper[ng-form].errors-visible textarea.ng-invalid:focus,
ng-form.ng-dirty.show-errors-wrapper.errors-visible textarea.ng-invalid:focus,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible textarea.ng-invalid:focus,
form.show-errors-wrapper.errors-visible .k-multiselect.ng-invalid:focus,
form.ng-dirty.show-errors-wrapper.errors-visible .k-multiselect.ng-invalid:focus,
.show-errors-wrapper.ng-form.errors-visible .k-multiselect.ng-invalid:focus,
.show-errors-wrapper[ng-form].errors-visible .k-multiselect.ng-invalid:focus,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .k-multiselect.ng-invalid:focus,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .k-multiselect.ng-invalid:focus,
form.show-errors-wrapper.errors-visible .k-dropdown.ng-invalid:focus,
form.ng-dirty.show-errors-wrapper.errors-visible .k-dropdown.ng-invalid:focus,
.show-errors-wrapper.ng-form.errors-visible .k-dropdown.ng-invalid:focus,
.show-errors-wrapper[ng-form].errors-visible .k-dropdown.ng-invalid:focus,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .k-dropdown.ng-invalid:focus,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .k-dropdown.ng-invalid:focus,
form.show-errors-wrapper.errors-visible select.ng-invalid:focus,
form.ng-dirty.show-errors-wrapper.errors-visible select.ng-invalid:focus,
.show-errors-wrapper.ng-form.errors-visible select.ng-invalid:focus,
.show-errors-wrapper[ng-form].errors-visible select.ng-invalid:focus,
ng-form.ng-dirty.show-errors-wrapper.errors-visible select.ng-invalid:focus,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible select.ng-invalid:focus,
form.show-errors-wrapper.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:focus,
form.ng-dirty.show-errors-wrapper.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:focus,
.show-errors-wrapper.ng-form.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:focus,
.show-errors-wrapper[ng-form].errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:focus,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:focus,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:focus,
form.show-errors-wrapper.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:focus,
form.ng-dirty.show-errors-wrapper.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:focus,
.show-errors-wrapper.ng-form.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:focus,
.show-errors-wrapper[ng-form].errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:focus,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:focus,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:focus {
outline-color: #e77e7e;
}
form.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags:active,
form.ng-dirty.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags:active,
.show-errors-wrapper.ng-form.errors-visible tags-input.ng-invalid .tags:active,
.show-errors-wrapper[ng-form].errors-visible tags-input.ng-invalid .tags:active,
ng-form.ng-dirty.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags:active,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible tags-input.ng-invalid .tags:active,
form.show-errors-wrapper.errors-visible input.ng-invalid:active,
form.ng-dirty.show-errors-wrapper.errors-visible input.ng-invalid:active,
.show-errors-wrapper.ng-form.errors-visible input.ng-invalid:active,
.show-errors-wrapper[ng-form].errors-visible input.ng-invalid:active,
ng-form.ng-dirty.show-errors-wrapper.errors-visible input.ng-invalid:active,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible input.ng-invalid:active,
form.show-errors-wrapper.errors-visible textarea.ng-invalid:active,
form.ng-dirty.show-errors-wrapper.errors-visible textarea.ng-invalid:active,
.show-errors-wrapper.ng-form.errors-visible textarea.ng-invalid:active,
.show-errors-wrapper[ng-form].errors-visible textarea.ng-invalid:active,
ng-form.ng-dirty.show-errors-wrapper.errors-visible textarea.ng-invalid:active,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible textarea.ng-invalid:active,
form.show-errors-wrapper.errors-visible .k-multiselect.ng-invalid:active,
form.ng-dirty.show-errors-wrapper.errors-visible .k-multiselect.ng-invalid:active,
.show-errors-wrapper.ng-form.errors-visible .k-multiselect.ng-invalid:active,
.show-errors-wrapper[ng-form].errors-visible .k-multiselect.ng-invalid:active,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .k-multiselect.ng-invalid:active,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .k-multiselect.ng-invalid:active,
form.show-errors-wrapper.errors-visible .k-dropdown.ng-invalid:active,
form.ng-dirty.show-errors-wrapper.errors-visible .k-dropdown.ng-invalid:active,
.show-errors-wrapper.ng-form.errors-visible .k-dropdown.ng-invalid:active,
.show-errors-wrapper[ng-form].errors-visible .k-dropdown.ng-invalid:active,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .k-dropdown.ng-invalid:active,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .k-dropdown.ng-invalid:active,
form.show-errors-wrapper.errors-visible select.ng-invalid:active,
form.ng-dirty.show-errors-wrapper.errors-visible select.ng-invalid:active,
.show-errors-wrapper.ng-form.errors-visible select.ng-invalid:active,
.show-errors-wrapper[ng-form].errors-visible select.ng-invalid:active,
ng-form.ng-dirty.show-errors-wrapper.errors-visible select.ng-invalid:active,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible select.ng-invalid:active,
form.show-errors-wrapper.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:active,
form.ng-dirty.show-errors-wrapper.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:active,
.show-errors-wrapper.ng-form.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:active,
.show-errors-wrapper[ng-form].errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:active,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:active,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .ng-invalid .k-dropdown-wrap.k-state-default:active,
form.show-errors-wrapper.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:active,
form.ng-dirty.show-errors-wrapper.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:active,
.show-errors-wrapper.ng-form.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:active,
.show-errors-wrapper[ng-form].errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:active,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:active,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .k-datetimepicker.ng-invalid .k-picker-wrap:active {
outline-color: #e77e7e;
}
form.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags,
form.ng-dirty.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags,
.show-errors-wrapper.ng-form.errors-visible tags-input.ng-invalid .tags,
.show-errors-wrapper[ng-form].errors-visible tags-input.ng-invalid .tags,
ng-form.ng-dirty.show-errors-wrapper.errors-visible tags-input.ng-invalid .tags,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible tags-input.ng-invalid .tags,
form.show-errors-wrapper.errors-visible tags-input.ng-invalid .host,
form.ng-dirty.show-errors-wrapper.errors-visible tags-input.ng-invalid .host,
.show-errors-wrapper.ng-form.errors-visible tags-input.ng-invalid .host,
.show-errors-wrapper[ng-form].errors-visible tags-input.ng-invalid .host,
ng-form.ng-dirty.show-errors-wrapper.errors-visible tags-input.ng-invalid .host,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible tags-input.ng-invalid .host {
box-shadow: none;
border-color: #dd360b;
}
form.show-errors-wrapper.errors-visible .k-dropdown-wrap.k-state-hover:not(.k-state-active) .k-i-arrow-60-down,
form.ng-dirty.show-errors-wrapper.errors-visible .k-dropdown-wrap.k-state-hover:not(.k-state-active) .k-i-arrow-60-down,
.show-errors-wrapper.ng-form.errors-visible .k-dropdown-wrap.k-state-hover:not(.k-state-active) .k-i-arrow-60-down,
.show-errors-wrapper[ng-form].errors-visible .k-dropdown-wrap.k-state-hover:not(.k-state-active) .k-i-arrow-60-down,
ng-form.ng-dirty.show-errors-wrapper.errors-visible .k-dropdown-wrap.k-state-hover:not(.k-state-active) .k-i-arrow-60-down,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible .k-dropdown-wrap.k-state-hover:not(.k-state-active) .k-i-arrow-60-down {
border-color: #585858 transparent transparent transparent;
}
form.show-errors-wrapper.errors-visible.ng-invalid .chosen-container-multi .chosen-choices,
form.ng-dirty.show-errors-wrapper.errors-visible.ng-invalid .chosen-container-multi .chosen-choices,
.show-errors-wrapper.ng-form.errors-visible.ng-invalid .chosen-container-multi .chosen-choices,
.show-errors-wrapper[ng-form].errors-visible.ng-invalid .chosen-container-multi .chosen-choices,
ng-form.ng-dirty.show-errors-wrapper.errors-visible.ng-invalid .chosen-container-multi .chosen-choices,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible.ng-invalid .chosen-container-multi .chosen-choices,
form.show-errors-wrapper.errors-visible.ng-invalid .chosen-container-single .chosen-single,
form.ng-dirty.show-errors-wrapper.errors-visible.ng-invalid .chosen-container-single .chosen-single,
.show-errors-wrapper.ng-form.errors-visible.ng-invalid .chosen-container-single .chosen-single,
.show-errors-wrapper[ng-form].errors-visible.ng-invalid .chosen-container-single .chosen-single,
ng-form.ng-dirty.show-errors-wrapper.errors-visible.ng-invalid .chosen-container-single .chosen-single,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible.ng-invalid .chosen-container-single .chosen-single,
form.show-errors-wrapper.errors-visible.ng-invalid .k-multiselect.k-header,
form.ng-dirty.show-errors-wrapper.errors-visible.ng-invalid .k-multiselect.k-header,
.show-errors-wrapper.ng-form.errors-visible.ng-invalid .k-multiselect.k-header,
.show-errors-wrapper[ng-form].errors-visible.ng-invalid .k-multiselect.k-header,
ng-form.ng-dirty.show-errors-wrapper.errors-visible.ng-invalid .k-multiselect.k-header,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible.ng-invalid .k-multiselect.k-header,
form.show-errors-wrapper.errors-visible.ng-invalid .k-header,
form.ng-dirty.show-errors-wrapper.errors-visible.ng-invalid .k-header,
.show-errors-wrapper.ng-form.errors-visible.ng-invalid .k-header,
.show-errors-wrapper[ng-form].errors-visible.ng-invalid .k-header,
ng-form.ng-dirty.show-errors-wrapper.errors-visible.ng-invalid .k-header,
.show-errors-wrapper[ng-form].ng-dirty.errors-visible.ng-invalid .k-header {
border-color: #dd360b;
}
form.show-errors-wrapper tags-input.ng-invalid .tags,
form.ng-dirty.show-errors-wrapper tags-input.ng-invalid .tags,
.show-errors-wrapper.ng-form tags-input.ng-invalid .tags,
.show-errors-wrapper[ng-form] tags-input.ng-invalid .tags,
ng-form.ng-dirty.show-errors-wrapper tags-input.ng-invalid .tags,
.show-errors-wrapper[ng-form].ng-dirty tags-input.ng-invalid .tags {
box-shadow: none;
}
form.show-errors-wrapper input.ng-invalid,
form.ng-dirty.show-errors-wrapper input.ng-invalid,
.show-errors-wrapper.ng-form input.ng-invalid,
.show-errors-wrapper[ng-form] input.ng-invalid,
ng-form.ng-dirty.show-errors-wrapper input.ng-invalid,
.show-errors-wrapper[ng-form].ng-dirty input.ng-invalid,
form.show-errors-wrapper select.ng-invalid,
form.ng-dirty.show-errors-wrapper select.ng-invalid,
.show-errors-wrapper.ng-form select.ng-invalid,
.show-errors-wrapper[ng-form] select.ng-invalid,
ng-form.ng-dirty.show-errors-wrapper select.ng-invalid,
.show-errors-wrapper[ng-form].ng-dirty select.ng-invalid,
form.show-errors-wrapper textarea.ng-invalid,
form.ng-dirty.show-errors-wrapper textarea.ng-invalid,
.show-errors-wrapper.ng-form textarea.ng-invalid,
.show-errors-wrapper[ng-form] textarea.ng-invalid,
ng-form.ng-dirty.show-errors-wrapper textarea.ng-invalid,
.show-errors-wrapper[ng-form].ng-dirty textarea.ng-invalid,
form.show-errors-wrapper .k-multiselect.k-header.k-state-focused.ng-invalid,
form.ng-dirty.show-errors-wrapper .k-multiselect.k-header.k-state-focused.ng-invalid,
.show-errors-wrapper.ng-form .k-multiselect.k-header.k-state-focused.ng-invalid,
.show-errors-wrapper[ng-form] .k-multiselect.k-header.k-state-focused.ng-invalid,
ng-form.ng-dirty.show-errors-wrapper .k-multiselect.k-header.k-state-focused.ng-invalid,
.show-errors-wrapper[ng-form].ng-dirty .k-multiselect.k-header.k-state-focused.ng-invalid,
form.show-errors-wrapper .k-datetimepicker.ng-invalid .k-picker-wrap,
form.ng-dirty.show-errors-wrapper .k-datetimepicker.ng-invalid .k-picker-wrap,
.show-errors-wrapper.ng-form .k-datetimepicker.ng-invalid .k-picker-wrap,
.show-errors-wrapper[ng-form] .k-datetimepicker.ng-invalid .k-picker-wrap,
ng-form.ng-dirty.show-errors-wrapper .k-datetimepicker.ng-invalid .k-picker-wrap,
.show-errors-wrapper[ng-form].ng-dirty .k-datetimepicker.ng-invalid .k-picker-wrap {
border-color: #d5d5d5;
background-color: white;
}
form.show-errors-wrapper input.ng-invalid:focus,
form.ng-dirty.show-errors-wrapper input.ng-invalid:focus,
.show-errors-wrapper.ng-form input.ng-invalid:focus,
.show-errors-wrapper[ng-form] input.ng-invalid:focus,
ng-form.ng-dirty.show-errors-wrapper input.ng-invalid:focus,
.show-errors-wrapper[ng-form].ng-dirty input.ng-invalid:focus,
form.show-errors-wrapper select.ng-invalid:focus,
form.ng-dirty.show-errors-wrapper select.ng-invalid:focus,
.show-errors-wrapper.ng-form select.ng-invalid:focus,
.show-errors-wrapper[ng-form] select.ng-invalid:focus,
ng-form.ng-dirty.show-errors-wrapper select.ng-invalid:focus,
.show-errors-wrapper[ng-form].ng-dirty select.ng-invalid:focus,
form.show-errors-wrapper textarea.ng-invalid:focus,
form.ng-dirty.show-errors-wrapper textarea.ng-invalid:focus,
.show-errors-wrapper.ng-form textarea.ng-invalid:focus,
.show-errors-wrapper[ng-form] textarea.ng-invalid:focus,
ng-form.ng-dirty.show-errors-wrapper textarea.ng-invalid:focus,
.show-errors-wrapper[ng-form].ng-dirty textarea.ng-invalid:focus,
form.show-errors-wrapper .k-multiselect.k-header.k-state-focused.ng-invalid:focus,
form.ng-dirty.show-errors-wrapper .k-multiselect.k-header.k-state-focused.ng-invalid:focus,
.show-errors-wrapper.ng-form .k-multiselect.k-header.k-state-focused.ng-invalid:focus,
.show-errors-wrapper[ng-form] .k-multiselect.k-header.k-state-focused.ng-invalid:focus,
ng-form.ng-dirty.show-errors-wrapper .k-multiselect.k-header.k-state-focused.ng-invalid:focus,
.show-errors-wrapper[ng-form].ng-dirty .k-multiselect.k-header.k-state-focused.ng-invalid:focus,
form.show-errors-wrapper .k-datetimepicker.ng-invalid .k-picker-wrap:focus,
form.ng-dirty.show-errors-wrapper .k-datetimepicker.ng-invalid .k-picker-wrap:focus,
.show-errors-wrapper.ng-form .k-datetimepicker.ng-invalid .k-picker-wrap:focus,
.show-errors-wrapper[ng-form] .k-datetimepicker.ng-invalid .k-picker-wrap:focus,
ng-form.ng-dirty.show-errors-wrapper .k-datetimepicker.ng-invalid .k-picker-wrap:focus,
.show-errors-wrapper[ng-form].ng-dirty .k-datetimepicker.ng-invalid .k-picker-wrap:focus {
outline-color: #82c135;
}
form.show-errors-wrapper input.ng-invalid:active,
form.ng-dirty.show-errors-wrapper input.ng-invalid:active,
.show-errors-wrapper.ng-form input.ng-invalid:active,
.show-errors-wrapper[ng-form] input.ng-invalid:active,
ng-form.ng-dirty.show-errors-wrapper input.ng-invalid:active,
.show-errors-wrapper[ng-form].ng-dirty input.ng-invalid:active,
form.show-errors-wrapper select.ng-invalid:active,
form.ng-dirty.show-errors-wrapper select.ng-invalid:active,
.show-errors-wrapper.ng-form select.ng-invalid:active,
.show-errors-wrapper[ng-form] select.ng-invalid:active,
ng-form.ng-dirty.show-errors-wrapper select.ng-invalid:active,
.show-errors-wrapper[ng-form].ng-dirty select.ng-invalid:active,
form.show-errors-wrapper textarea.ng-invalid:active,
form.ng-dirty.show-errors-wrapper textarea.ng-invalid:active,
.show-errors-wrapper.ng-form textarea.ng-invalid:active,
.show-errors-wrapper[ng-form] textarea.ng-invalid:active,
ng-form.ng-dirty.show-errors-wrapper textarea.ng-invalid:active,
.show-errors-wrapper[ng-form].ng-dirty textarea.ng-invalid:active,
form.show-errors-wrapper .k-multiselect.k-header.k-state-focused.ng-invalid:active,
form.ng-dirty.show-errors-wrapper .k-multiselect.k-header.k-state-focused.ng-invalid:active,
.show-errors-wrapper.ng-form .k-multiselect.k-header.k-state-focused.ng-invalid:active,
.show-errors-wrapper[ng-form] .k-multiselect.k-header.k-state-focused.ng-invalid:active,
ng-form.ng-dirty.show-errors-wrapper .k-multiselect.k-header.k-state-focused.ng-invalid:active,
.show-errors-wrapper[ng-form].ng-dirty .k-multiselect.k-header.k-state-focused.ng-invalid:active,
form.show-errors-wrapper .k-datetimepicker.ng-invalid .k-picker-wrap:active,
form.ng-dirty.show-errors-wrapper .k-datetimepicker.ng-invalid .k-picker-wrap:active,
.show-errors-wrapper.ng-form .k-datetimepicker.ng-invalid .k-picker-wrap:active,
.show-errors-wrapper[ng-form] .k-datetimepicker.ng-invalid .k-picker-wrap:active,
ng-form.ng-dirty.show-errors-wrapper .k-datetimepicker.ng-invalid .k-picker-wrap:active,
.show-errors-wrapper[ng-form].ng-dirty .k-datetimepicker.ng-invalid .k-picker-wrap:active {
outline-color: #82c135;
}
html,
body {
height: 100%;
width: 100%;
}
#rootContent {
position: relative;
}
.isVisualEditor #rootContent {
position: fixed;
top: 120px;
left: 0px;
background-color: transparent;
width: 100%;
border-top: none;
}
.messageEditVE #rootContent {
top: 0px;
}
#pageExceptFooter {
min-height: 100%;
height: auto !important;
height: 100%;
}
footer {
clear: both;
background-color: #f0f1f3;
color: #606162;
height: 43px;
line-height: 43px;
font-size: 10px;
padding-left: 18px;
border-top: 1px solid #d5d5d5;
}
footer #supportLink {
font-weight: bold;
font-size: 11px;
margin-left: 23px;
}
footer A {
margin-left: 8px;
margin-right: 8px;
}
.globalSearchContainer {
position: absolute;
right: 0px;
margin-right: 18px;
display: inline-block;
width: 300px;
vertical-align: top;
height: 30px;
}
.globalSearchSelector {
width: 100%;
}
.UserIcon .k-dropdown-wrap .k-input:before {
content: "\f007";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.UserIcon .k-dropdown-wrap .k-input:before {
content: "\f007";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.AccountIcon .k-dropdown-wrap .k-input:before {
content: "\f0f7";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.AccountIcon .k-dropdown-wrap .k-input:before {
content: "\f0f7";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.SegmentIcon .k-dropdown-wrap .k-input:before {
content: "\f05b";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.SegmentIcon .k-dropdown-wrap .k-input:before {
content: "\f05b";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.CampaignIcon .k-dropdown-wrap .k-input:before {
content: "\f072";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.CampaignIcon .k-dropdown-wrap .k-input:before {
content: "\f072";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
#statusMessage {
position: fixed;
top: 50px;
left: 0;
right: 0;
z-index: 2147483600;
max-height: 220px;
overflow: auto;
display: table;
margin: 0 auto;
width: 480px;
text-align: center;
-webkit-border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius: 4px;
-moz-background-clip: padding;
border-radius: 4px;
background-clip: padding-box;
-webkit-box-shadow: 0px 0px 12px #848484;
-moz-box-shadow: 0px 0px 12px #848484;
box-shadow: 0px 0px 12px #848484;
background-color: #efefef;
color: #4a4a4a;
}
#statusMessage .icon {
display: table-cell;
vertical-align: middle;
width: 42px;
height: 100%;
font-size: 20px;
font-weight: bold;
text-align: center;
color: #fff;
border: 1px solid;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius-bottomleft: 4px;
-moz-background-clip: padding;
border-bottom-left-radius: 4px;
background-clip: padding-box;
}
#statusMessage .text {
display: table-cell;
vertical-align: middle;
color: #4a4a4a;
border: 1px solid;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius-bottomright: 4px;
-moz-background-clip: padding;
border-bottom-right-radius: 4px;
background-clip: padding-box;
padding: 15px;
}
#statusMessage .text.oneLiner {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 22px;
padding-right: 22px;
}
#statusMessage .dismissIcon {
text-align: center;
text-decoration: none;
font-weight: normal;
font-size: 20px;
position: absolute;
top: 0;
right: 0;
height: 37px;
width: 28px;
line-height: 37px;
padding: 0;
color: #707070;
}
#statusMessage.info {
background-color: #ffffff;
}
#statusMessage.info .icon {
background-color: #848484;
border-color: #848484;
}
#statusMessage.info .text {
border-color: #c4c4c4;
}
#statusMessage.success,
#statusMessage.confirmation {
background-color: #fbfdf8;
}
#statusMessage.success .icon,
#statusMessage.confirmation .icon {
background-color: #82c135;
border-color: #82c135;
}
#statusMessage.success .text,
#statusMessage.confirmation .text {
border-color: #bfe294;
}
#statusMessage.warn,
#statusMessage.warning {
background-color: #ffffff;
}
#statusMessage.warn .icon,
#statusMessage.warning .icon {
background-color: #ff9600;
border-color: #ff9600;
}
#statusMessage.warn .text,
#statusMessage.warning .text {
border-color: #ffcb80;
}
#statusMessage.fail,
#statusMessage.failure,
#statusMessage.error {
background-color: #feede9;
}
#statusMessage.fail .icon,
#statusMessage.failure .icon,
#statusMessage.error .icon {
background-color: #dd360b;
border-color: #dd360b;
}
#statusMessage.fail .text,
#statusMessage.failure .text,
#statusMessage.error .text {
border-color: #f88c70;
}
/*
* Copyright (C) 2010-2014 Evergage, Inc.
* All rights reserved.
*/
.visualEditorTopNavBarBackground {
background-color: #0095da;
}
.veToolbarDisabledElement {
opacity: 0.5;
pointer-events: none;
-webkit-user-select: none;
}
#visualEditorNavBars .userProfileMenuVE {
float: right;
display: inline-block;
vertical-align: top;
background: transparent;
}
#visualEditorNavBars .userProfileMenuVE .k-dropdown-wrap .k-input:before {
content: "\f007";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
#visualEditorNavBars .userProfileMenuVE .k-dropdown-wrap .k-input:before {
content: "\f007";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
#visualEditorNavBars .datasetSelector .k-dropdown-wrap .k-input:before {
content: "\f1c0";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
#visualEditorNavBars .datasetSelector .k-dropdown-wrap .k-input:before {
content: "\f1c0";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.messageEditVE #visualEditorNavBars {
display: none;
}
#visualEditorNavBars .noSelectOrTouch {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#visualEditorNavBars .clickableHeaderEntry {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#visualEditorNavBars .notClickableHeaderEntry {
opacity: 0.5;
cursor: default;
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#visualEditorNavBars #visualEditorTopNavBar {
height: 60px;
position: relative;
min-width: 1120px;
z-index: 1000100;
background-color: #0095da;
}
#visualEditorNavBars #visualEditorTopNavBar .statusMessageWrapperDiv {
min-height: 0px;
max-height: 0px;
margin-right: 580px;
overflow: visible;
left: 520px;
position: absolute;
z-index: 1000300;
min-width: 400px;
}
#visualEditorNavBars #visualEditorTopNavBar.minimized {
height: 32px;
width: 32px;
background: transparent;
}
#visualEditorNavBars #visualEditorTopNavBar.minimized #maximizeHeaderItem {
color: white;
width: 80px;
height: 26px;
padding: 5px 8px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background: #0095da;
box-shadow: 0px 2px 0px 0px #305078;
cursor: pointer;
box-sizing: border-box;
}
#visualEditorNavBars #visualEditorTopNavBar.minimized #maximizeHeaderItem i {
margin-right: 4px;
font-size: 16px;
}
#visualEditorNavBars #visualEditorTopNavBar.minimized #maximizeHeaderItem span {
position: relative;
top: -2px;
}
#visualEditorNavBars #visualEditorTopNavBar.minimized #maximizeHeaderItem:hover {
opacity: 0.8;
}
#visualEditorNavBars #visualEditorTopNavBar .enabled-element,
#visualEditorNavBars #visualEditorTopNavBar .enabled-element .outlink {
color: white;
}
#visualEditorNavBars #visualEditorTopNavBar .apptegic-header-bar {
height: 100%;
font-size: 15px;
border-spacing: 0px;
}
#visualEditorNavBars #visualEditorTopNavBar .apptegic-header-bar > td {
padding-bottom: 0px;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection {
z-index: 1000103;
position: absolute;
left: 0px;
top: 0px;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection #evergageLogoCell {
width: 100px;
background-color: white;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection #evergageLogoCell > div {
height: 45px;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection #evergageLogoCell > div > div {
padding-left: 15px;
padding-right: 20px;
padding-top: 8px;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection #evergageLogoCell > div > div #evergageLogoDiv {
background: url('/ui/images/logo_on_white.svg') no-repeat scroll left center transparent;
background-size: 122px 26px;
width: 122px;
height: 26px;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection #evergageLogoCell #evergageLogoDiv {
background: url('/ui/images/logo_on_dark.svg') no-repeat scroll left center transparent;
background-size: 122px 26px;
width: 122px;
height: 26px;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection #actionWarning {
display: none;
padding-left: 10px;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection .actionNameLabelCell {
padding-left: 10px;
padding-right: 5px;
padding-bottom: 2px;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection .actionNameLabelCell #actionNameLabel {
background-color: inherit;
border: inherit;
color: inherit;
font-family: inherit;
font-size: 19px;
max-width: 500px;
width: 250px;
padding: 1px;
overflow: auto;
white-space: nowrap;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection .actionNameLabelCell #actionNameLabel::-webkit-input-placeholder {
color: inherit;
font-family: inherit;
font-size: inherit;
font-style: normal;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection .actionNameLabelCell #actionNameSizer {
font-family: inherit;
font-size: 19px;
visibility: hidden;
position: fixed;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection .pencilIconCell {
padding-right: 20px;
padding-bottom: 4px;
}
#visualEditorNavBars #visualEditorTopNavBar #actionNameSection .pencilIconCell > img {
-webkit-filter: brightness(170%);
}
#visualEditorNavBars #visualEditorTopNavBar #topRightVisualEditorNavSection {
z-index: 1000102;
position: absolute;
right: 0px;
top: 0px;
font-size: 13px;
color: white;
}
#visualEditorNavBars #visualEditorTopNavBar #topRightVisualEditorNavSection .k-input .k-input,
#visualEditorNavBars #visualEditorTopNavBar #topRightVisualEditorNavSection .k-state-hover.k-state-active .k-input {
color: #4D6D92;
}
#visualEditorNavBars #visualEditorTopNavBar #topRightVisualEditorNavSection .k-state-hover .k-input {
color: #585858;
}
#visualEditorNavBars #visualEditorTopNavBar #topRightVisualEditorNavSection #accountTypeMessageBox {
width: 240px;
color: #12915e;
text-align: center;
font-size: 15px;
display: none;
}
#visualEditorNavBars #visualEditorTopNavBar #topRightVisualEditorNavSection .clickableHeaderEntry .button {
background-color: #1071a8;
color: white;
}
#visualEditorNavBars #visualEditorTopNavBar #topRightVisualEditorNavSection .clickableHeaderEntry .button:hover {
background-color: #82c135;
}
#visualEditorNavBars #visualEditorTopNavBar #topRightVisualEditorNavSection .clickableHeaderEntry > div {
padding-left: 8px;
border-radius: 4px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 6px;
margin-bottom: 4px;
}
#visualEditorNavBars #visualEditorTopNavBar #topRightVisualEditorNavSection .clickableHeaderEntry > div > .ve-header-icon {
padding-right: 2px;
font-weight: bold;
}
#visualEditorNavBars #visualEditorTopNavBar #topRightVisualEditorNavSection #minimizeHeaderItem {
padding-top: 4px;
padding-right: 5px;
padding-left: 12px;
}
#visualEditorNavBars #visualEditorTopNavBar #topRightVisualEditorNavSection #exitHeaderItem {
padding-top: 4px;
padding-right: 14px;
padding-left: 14px;
}
#visualEditorNavBars #visualEditorToolbar {
height: 85px;
background-color: #f0f1f3;
}
#visualEditorNavBars #visualEditorToolbar #toolbarOptionsArea {
padding-right: 4px;
padding-top: 0px;
padding-bottom: 0px;
height: 60px;
}
#visualEditorNavBars #visualEditorToolbar #toolbarOptionsArea > table.modeSelection {
height: 60px;
position: absolute;
left: 0px;
font-size: 13px;
color: #3d597e;
border-spacing: 2px;
border-collapse: separate;
}
#visualEditorNavBars #visualEditorToolbar #toolbarOptionsArea > table.modeSelection .clickableHeaderEntry {
padding-top: 4px;
padding-right: 10px;
padding-left: 10px;
text-transform: uppercase;
}
#visualEditorNavBars #visualEditorToolbar #toolbarOptionsArea > table.modeSelection .clickableHeaderEntry > img {
vertical-align: middle;
}
#visualEditorNavBars #visualEditorToolbar #toolbarOptionsArea > table.modeSelection .clickableHeaderEntry > i {
color: #0095DB;
font-size: 20px;
}
#visualEditorNavBars #visualEditorToolbar #toolbarOptionsArea > table.modeSelection .clickableHeaderEntry > span {
vertical-align: top;
line-height: 22px;
}
#visualEditorNavBars #visualEditorToolbar #toolbarOptionsArea > table.modeSelection #visualSettingsOpener {
width: 1px;
padding-right: 5px;
padding-left: 5px;
}
#visualEditorNavBars #visualEditorToolbar #toolbarOptionsArea > table.modeSelection #visualSettingsOpener > div {
width: 1px;
height: 48px;
display: block;
margin-left: auto;
margin-right: auto;
background-color: #D0D0D1;
box-shadow: 1px 0px 1px #D0D0D1;
}
#visualEditorNavBars #visualEditorToolbar #toolbarOptionsArea > table.testEditContainer {
height: 60px;
position: absolute;
right: 20px;
}
#visualEditorNavBars #visualEditorToolbar #toolbarOptionsArea > table.testEditContainer td {
text-align: center;
vertical-align: top;
padding-top: 12px;
width: 173px;
}
#visualEditorNavBars #visualEditorToolbar #toolbarOptionsArea > table.testEditContainer .heading {
color: #3d597e;
font-weight: bold;
font-size: 15px;
}
.toolbarHierarchyBlock {
box-shadow: 0px 0px 1px #9d9da1;
color: white;
font-size: 14px;
height: 20px;
overflow-x: hidden;
white-space: nowrap;
-webkit-user-select: none;
}
.messageEditVE .toolbarHierarchyBlock {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}
.userProfileMenuMixinTemp {
float: right;
display: inline-block;
vertical-align: top;
background: transparent;
}
.userProfileMenuMixinTemp .k-dropdown-wrap .k-input:before {
content: "\f007";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.userProfileMenuMixinTemp .k-dropdown-wrap .k-input:before {
content: "\f007";
font-family: "FontAwesome";
-webkit-font-smoothing: antialiased;
font-size: 19px;
color: #b0d7f4;
margin-right: 7px;
margin-left: 3px;
vertical-align: middle;
}
.ui-autocomplete.ui-front {
z-index: 1000103;
}
/*# sourceMappingURL=main.css.map */