[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

input,select,textarea {
  border-color:#c3c3c3 !important;
}

.uvisWrap {
  font-size:14px;
  font-family:Arial,Helvetica,sans-serif;
}

*:focus,
a:focus
/*,
.uvisWrap *:active */ {
  outline: none !important;
  outline-style: none !important;
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
  box-shadow:none !important;
}

#uvisLayers,
#uvisMapWrap,
#uvisMap {
  width:100%;
  height:100%;
  height:auto;
  min-height:250px;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.uvisViewerInclude #uvisMapWrap,
.uvisViewerInclude #uvisMap {
/*  position:relative;*/
}

.uvisLoading {
  display:none;
  z-index:999999999;
  background:rgba(255,255,255,0.5);
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
.uvisLoading .spinner {
  margin:0 auto;
  float:none;
  display:block;
  text-align:center;
  margin-top:30%;
  margin-bottom:30%;
}

.uvisTabLoader {
  height: 70px;
  width: 100%;
  float: none;
  text-align: center;
  background-position: center center;
  margin-top: 16px;
}
.uvisTabLoader.spinner {
  display:block;
}

.uvisWrap.loading .uvisLoading {
  display:block;
}

.uvisTabBody {
  position:absolute;
  top:47px;
  right:0;
  bottom:0;
  left:0;
  background:#fff;
/*  height:100% !important;*/
}

.uvisNomodule {
  padding:20px;
  font-size:1.2em;
}

/* If it's not a fullscreen application but a page */
.uvisBody.uvisPage {
  margin:80px 1em 1em 1em;
}

.uvisWrapInclude {
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  z-index:1000000000;
}

.uvisHeader h1 {
  float:left;
  margin:0;
  font-size:1.5em;
  line-height:22px;
  padding:12px 10px 0px 10px;
  color:#fff;
  -moz-text-shadow: 1px 1px 1px #000;
  -webkit-text-shadow: 1px 1px 1px #000;
  text-shadow: 1px 1px 1px #000;
  height:47px;
  cursor:pointer;
}

/* Floating Control Panel */
.uvisTabFloating {
    position: absolute;
    background: #FFF;
    z-index: 999999;
    right: 0;
    top: 70px;
    height: auto;
    -moz-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);
    box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);
    border-radius: 6px;
    width:470px;
}

.uvisTabSecondary {
    padding:0 20px 20px 20px;
}

.uvisTabSecondary h4 {
  border-bottom:1px solid #ccc;
  margin-top:30px;
  font-size:1.4em;
}

.uvisTabSecondary label {
  display:inline !important;
  line-height:2.2em;
}
uvisTabSecondary label.disabled {
  color:#999;
}

.uvisTabSecondary fieldset {
  border:none;
}

.uvisTabSecondary fieldset div {
  padding:0px 30px;
  text-transform:capitalize;
}
.uvisTabSecondary fieldset legend {
  font-size:1em;
  border:none;
  margin:0px;
  width:auto;
}
.uvisTabSecondary select, .uvisTabSecondary input[type="text"], .uvisTabSecondary input[type="number"] {
  float:right;
  width: 50%;
  clear:right;
  border-color:#C3C3C3;
  height:28px;
}

.uvisFloatingHeader {
  margin:0px;
  background:#0C82AD;
  color:#FFF;
  padding:6px 12px 6px 10px;
  font-size:77%;
  cursor:move;
  -moz-border-radius:6px 6px 0px 0px;
  -webkit-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  text-transform:uppercase;
  letter-spacing:0.2em;
  z-index:999999;
}

.uvisTabMinimize {
  float:right;
  color:#eee;
  font-size:1.5em;
  cursor:pointer;
  height:auto !important;
}

/* Buttons in top navigation bar */
.nav-tab-wrapper a {
  border:none;
}
.button-module {
  border:none !important;
  color:#fff !important;
  background:rgb(12, 130, 173) !important;
}
.button-module.active, .button-module:active {
  background:rgb(46, 162, 204) !important;
}
.button-storyeditor {
  color:#f6f6f6 !important;
  background:#888 !important;
}
.button-storyeditor.active, .button-storyeditor:active {
  background-color:#666 !important;
}

/* Tabs in floating panel */
.uvisTabFloating .nav-tab-wrapper {
  width:100%;
  margin:0;
  padding:0;
  background:#E4E4E4;
}
.uvisTabFloating .nav-tab-wrapper a {
  border:none;
  border-right:1px solid gray;
  border-bottom:1px solid gray;
  padding:10px;
  margin:0px;
}
.uvisTabFloating .nav-tab-wrapper a.nav-tab-active {
  background:#fff;
  border-bottom:1px solid #fff;
}

.ngdialog {
  position:fixed;
  overflow-x:hidden;
  overflow-y:auto;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  z-index:999998 !important;
}

.ngdialog-overlay {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.5);
}

.ngdialog-content {
  position:absolute;
  width:100%;
  height:100%;
  height:calc(100% - 32px);
  min-height:100%;
  height:auto;
  left:0%;
  top:0;
  left:0;
  padding:0;
}

.ngdialog-close {
  position:fixed;
  top:9px;
  right:10px;
  z-index:999999999999;
  font-size:2em;
  color:red;
  line-height: 1em;
}

.uvisHeader {
  position:fixed;
  width:100%;
  background:#222;
  top:0;
  left:0;
  right:0;
  height:47px;
  z-index:1000;
}

/* Hack for correct share button display in frontend */
.uvisViewer .uvisHeader, body.single-uvis_visualization .uvisHeader, body.single-uvis_visualization .uvisFooter {
  z-index:auto !important;
}


.uvisTabMenu {
  margin:0;
  padding:0;
}
.uvisTabMenu a {
  margin-right:10px !important;
  font-size:0.9em;
/*  border-radius:3px;*/
  padding:5px 13px;
  font-weight:normal;
}
.uvisTabMenu a:hover, .uvisTabMenu a:focus {
  text-decoration:none;
}

.modal-body {
  position:absolute;
  top:47px;
  top:0px;
  right:0;
  bottom:0;
  left:0;
  padding:0;
  overflow-x:hidden;
}


/* Welcome Screen */
.uvisWelcomeScreen {
  background-color:#eee;
}
.uvisWelcomeScreen h1, .uvisWelcomeScreen h2 {
  margin-left:15px;
}
.uvisSteps {
  padding:1em;
  background-color:#777;
  color:#f6f6f6;
}
.uvisSteps h3 {
  color:#f6f6f6;
}
.uvisCol {
  padding:0 1em 1em 1em;
  margin-bottom:.5em;
  border:1px solid #c3c3c3;
  background:#fff;
  min-height:380px;
}
.uvisCol h3 {
  margin:0.7em 0;
}
.uvisCol img {
  width:100%;
  border:1px solid #ddd;
}
.uvisCol.clickable {
  cursor:pointer;
}

.uvisNo {
  display:inline-table;
  margin-right:10px;
}
.uvisNo span, .uvisHelp {
  display:block;
  width:50px;
  height:50px;
  width:1.5em;
  height:1.5em;
  -moz-border-radius:1.5em;
  -webkit-border-radius:1.5em;
  border-radius:1.5em;
  background-color:#f6f6f6;
  color:#555;
  font-size:1.5em;
  line-height:1.5em;
  -moz-box-shadow:1px 1px 1px 1px #333;
  -webkit-box-shadow:1px 1px 1px 1px #333;
  box-shadow:1px 1px 1px 1px #333;
  text-align:center;
}
.uvisHelp {
  float:right;
}
.uvisTabFloating .uvisHelp {
  font-size:.6em;
  clear:both;
}
.uvisNoText {
  display:inline-table;
  width:80%;
  text-shadow:1px 1px 1px #333;
}
.uvisNoText p, .uvisNoText li {
  font-size:.9em;
}
.uvisLogos {
  text-align:center;
  margin:0 auto;
  font-size:.8em;
  margin-top:30px;
}
.uvisLogos img {
  display:inline;
  margin:20px 50px;
}

/* Story Editor */
#uvisStoryEditor {
  background:#eee;
}

.uvisStoryButtons {
  float:right;
  color:#9e9e9e;
}

form.uvisDescription {
  padding:2em 0 1.5em 0;
  margin:0 10%;
}

input#uvisTitle {
   padding: 3px 8px;
   font-size: 1.7em;
   line-height: 100%;
   height: 1.7em;
   width: 100%;
   outline: 0px none;
   margin: 0 0 10px 0;
}
textarea#uvisDescription {
   width: 100%;
   padding: 3px 8px;
}
.uvisPostStatus {
  display:block;
}
.uvisPostStatus div {
  display:inline;
  font-size:.9em;
  margin-right:20px;
  line-height:2em;
}
.uvisPostStatus div:last-child {
  margin-right:0;
}
.uvisPostStatus input {
  line-height:1.8em;
}
#uvisStoryEditor h2 {
  margin:0;
}
.uvisStoryItems {
  margin:0 10%;
  background:#fff;
  border:1px solid #c3c3c3;
  border-radius:10px;
  padding:2px 10px 10px 10px;
  -moz-box-shadow:inset 0 0 15px #888;
  -webkit-box-shadow:inset 0 0 15px #888;
  box-shadow:inset 0 0 15px #888;
  padding:2.5em;
}
.uvisStoryItem {
  position:relative;
  width:100%;
  clear:both;
  margin-top:2.5em;
}
.uvisStoryItemProps {
  float:left;
  width:48%;
  border:0px solid #c3c3c3;
  border-radius:10px;
  background:none;
  color:#555;
}
.uvisStoryItemProps img {
  float:left;
  clear:left;
  padding:5px 5px 5px 0;
}
.uvisStoryItemProps.active {
  resize:vertical;
  -webkit-transition:height 0.8s;
  -moz-transition:0.8s;
  color:#000;
}
.uvisStoryboardItemConf {
  width:48%;
  background:#fff;
  float:right;
}
.uvisStoryItemTitle,
.uvisStoryItemCommentTitle {
  font-size:110%;
  line-height: 1.3em;
  font-weight:bold;
  margin-bottom:1em;
}
.uvisStoryItemContent {
  width: 100%;
  height: 5em;
  overflow-y: hidden;
  resize: vertical;
  font-size:0.9em;
}
.uvisStoryItemContent:hover {
  overflow-y: auto;
  resize: vertical;
  display:block;
}
.uvisStoryItemContent:focus {
  overflow-y: auto;
  resize: vertical;
  height: auto;
}
.uvisStoryboardItemConf input[type=text] {
  width: 100%;
}
.uvisStoryboardItemConf textarea {
  width: 100%;
  height: 2.7em;
  overflow-y: hidden;
  border: 1px solid #C3C3C3;
  padding: 8px;
  resize: vertical;
  -webkit-transition: height 0.2s;
  -moz-transition: 0.2s;
}
.uvisStoryboardItemConf textarea:hover {
  overflow-y:auto;
}
.uvisStoryboardItemConf textarea:focus {
  height: 15em;
  overflow-y:auto;
}
.uvisStoryItemMediaCount {
  line-height:1em;
  vertical-align:middle;
}
.uvisStoryItemMediaCount .dashicons {
    font-size:1.3em;
}
.uvisTaxonomyTerms {
}
.uvisTaxonomyTermRemove {
  display:inline-block;
  margin-right:0.5em;
  background:#EEE;
  padding:0px 4px;
  border-radius:4px;
  margin-bottom: 4px;
}
.uvisTaxonomyTermRemove:hover {
  cursor: pointer;
  text-decoration: line-through;
  color:#C00;
}

.uvisTab {
  height:100%;
}


/* Audio and video player */
.uvisPlayerUI {
  background:#111;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color:white;
  margin-top:5px;
}
.uvisPlayerContainer {
  display:none;
}
.uvisPlayerContainer.selected {
  display:block;
}

.uvisPlayerContainer .mejs-container {
  width:100% !important;
}
.uvisTab .mejs-container .mejs-controls {
  border-radius:3px;
}
.uvisPlayerContainerTitle {
  padding:5px 5px 10px 10px;
  font-weight:bold;
  font-size:.9em;
}
.uvisTypeImage .uvisPlayerContainerTitle {
  text-align:center;
  margin-top:5px;
}
.uvisPlayerContainer.uvisTypeImage {
  padding-top: 10px;
}
.uvisPlayerImage {
  width: 100%;
  height: 264px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 0 auto;
  cursor: zoom-in;
}
.uvisImageFullscreen {
  position:fixed;
  top: 0;
  bottom:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.5);
  z-index:1000000;
  padding:20px;
}
.uvisImageFullscreen .uvisPlayerImage {
  height:100%;
  width:100%;
  cursor: zoom-out;
}

.uvisPlayerContainer.uvisTypeDocument {
  text-align:center;
  padding:10px;
}
.uvisTypeImage div {
  margin-top:10px;
}

a.uvisPlayerAttachment:hover,
.uvisPlayerAttachment {
}

/* Data types selector example for attachments, maybe add type-icons etc... */
a.uvisPlayerAttachmenta[href$=".pdf"],
a.uvisPlayerAttachment[data-type="application/pdf"] {
/*
  background:#F00;
  color:#000;
*/
}

/* Override invisibility of player caused by other plugins */
.uvisViewerInclude .mejs-audio, .uvisViewerInclude .mejs-video, .uvisBody .mejs-audio, .uvisBody .mejs-video {
  display:block !important;
  visibility:visible !important;
}

audio, video {
  width:100%;
}

.uvisViewerInclude {
  height:100%;
}

.uvisPlayerUIControls {
  color:#fff;
  text-align:center;
  background:#000;
  border-radius:5px;
}

.uvisPlayerUIControls .uvisPlayerNext,
.uvisPlayerUIControls .uvisPlayerPrev {
  font-size:24px;
  display:inline-block;
  cursor:pointer;
}
.uvisPlayerUIControls .uvisPlayerNext:focus,
.uvisPlayerUIControls .uvisPlayerPrev:focus {
  background:#000;
}
.uvisPlayerUIControls .uvisPlayerNext.disabled,
.uvisPlayerUIControls .uvisPlayerPrev.disabled {
  opacity:0.3;
}


.uvisPlayerUIControls .uvisPlayerCounter {
  display: inline-block;
  border: 1px solid #C3C3C3;
  border-radius: 4px;
  line-height: 22px;
  vertical-align: text-bottom;
  padding: 0px 4px;
  margin: 0px 4px;
}

.uvisPlaylistFilterHandle {
  padding:5px 5px 2px 10px;
  font-size:77%;
  color:#777;
  cursor:move;
  text-transform:uppercase;
  letter-spacing:0.2em;
  border-bottom:1px solid #ddd;
  background: #eeeeee; /* Old browsers */
  background: -moz-linear-gradient(left,  #eeeeee 0%, #dddddd 50%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(50%,#dddddd), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #eeeeee 0%,#dddddd 50%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #eeeeee 0%,#dddddd 50%,#eeeeee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #eeeeee 0%,#dddddd 50%,#eeeeee 100%); /* IE10+ */
  background: linear-gradient(to right,  #eeeeee 0%,#dddddd 50%,#eeeeee 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */
}
.uvisPlaylistFilterHandle .uvisTabMinimize {
  color:#777;
}

/* Playlist filter panel */
.uvisPlaylistFilter {
  z-index:9999999 !important;
  width:20%;
  top:5%;
  right:5%;
  overflow:hidden;
  background:#FFF;
  height:auto !important;
}

.uvisPlaylistFilter h5 {
  text-transform:capitalize;
  margin:10px;
}
.uvisFilterClear {
  float:right;
  text-align:right;
  cursor:pointer;
}
.uvisPlaylistFilterItems {
  max-height:500px;
  overflow-y:auto;
}
.uvisPlaylistFilterItem {
  color:#777;
  cursor:pointer;
  padding:10px 10px;
  background:#fff;
  border-top:1px solid #bbb;
}

.uvisPlaylistFilterItem.active {
  color:#000;
  background:#ddd;
}

.uvisFilterDaterange {
  position:fixed;
  width:640px;
  height:90px;
  left:50%;
  margin-left:-340px;
  bottom:0px;
  padding:0px 0px 20px;
  z-index:99999;
}
.uvisDaterange {
  position:absolute;
  width:610px;
}
.uvisDaterangeHeader {
  float:right;
  width:40px;
  margin-top:45px;
  text-align:right;
}

.uvisDraggableHandle {
  cursor:move;
}

/* The playlist column */
.uvisPlaylist, .uvisPlaylistFilter {
  position:absolute;
  overflow-y:hidden;
  padding:0;
  -moz-box-shadow:0px 0px 5px 1px #888;
  -webkit-box-shadow:0px 0px 5px 1px #888;
  box-shadow:0px 0px 5px 1px #888;
  margin:0;
  font-size:14px;
  z-index:200;
}

.uvisPlaylist.uvisoverlay {
  width:40%;
  bottom:0;
}

.uvisPlaylist.uvistop {
  top:0px;
  left:0px;
  right:0px;
}

.uvisPlaylist.uvisright {
  width:18%;
  top:0px;
  bottom:0px;
  right:0px;
}

.uvisPlaylist.uvisbottom {
  bottom:0px;
  left:0px;
  right:0px;
}

.uvisPlaylist.uvisleft {
  width:18%;
  top:0;
  bottom:0;
  left:0;
}

.uvisPlaylistControls {
  padding-top:2px;
}

/* Position playlist controls on the right if overlay, top or bottom */
.uvisPlaylist.uvisoverlay .uvisPlaylistControls, .uvisPlaylist.uvistop .uvisPlaylistControls, .uvisPlaylist.uvisbottom .uvisPlaylistControls {
  float:right;
  width:180px;
}

.uvisPlaylistHeader {
  background-color:#fff;
  padding:5px 10px 5px 10px;
  border-bottom:1px solid #000;
  cursor:default;
}
.uvisPlaylistHeader.uvisoverlay {
  cursor:move;
  overflow: hidden;
}

.uvisPlaylist h5 {
  display:inline-block;
  font-weight:bold;
  font-size:1em;
  color:#000;
  margin:5px 0px;
}

.uvisPlaylistItems {
  bottom:0;
  left:0;
  overflow-y:auto;
  width:100%;
  height:226px;
  background-color:white;
}

.uvisPlaylist.uvisleft .uvisPlaylistItems, .uvisPlaylist.uvisright .uvisPlaylistItems {
  height:100%;
  bottom:0 !important;
}
.uvisPlaylist.uvistop .uvisPlaylistItems, .uvisPlaylist.uvisbottom .uvisPlaylistItems, .uvisPlaylist.uvisoverlay .uvisPlaylistItems {
  height:226px !important;
}

.uvisPlaylistItem {
  font-size: 86%;
  cursor: hand;
  cursor: pointer;
  padding: 8px 10px 8px 12px;
  line-height: 150%;
  border-bottom:1px solid #ddd;
}
.uvisPlaylistItem:hover {
  background:#e0e0e0;
}
.uvisPlaylistItem.current:hover,
.uvisPlaylistItem.current {
  color:#FFF;
  background:#555;
  font-weight:bold;
}

.uvisMapMarkerSmall {
  color:#9e9e9e;
}

.uvisPlay,
.uvisPause,
.uvisFwd,
.uvisBck {
  width:48%;
  max-width:120px;
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  line-height: 26px;
  height: 28px;
  margin: 0px;
  padding: 0px 10px 1px;
  cursor: pointer;
  border: 1px solid #bbb;
  border-radius: 3px;
  white-space: nowrap;
  box-sizing: border-box;
  background-color:#fff;
}
.uvisPlaylistControls.autoplay .uvisPlay,
.uvisPlaylistControls.autoplay .uvisPause,
.uvisPlaylistControls.autoplay .uvisFwd,
.uvisPlaylistControls.autoplay .uvisBck {
  width:31.8%;
}
.uvisProgress {
  display:block;
  width:100%;
  height:10px;
  background:#FFF;
  padding:2px;
  border-radius:3px;
  border: 1px solid #bbb;
}
.uvisProgress .uvisProgressBar {
  height:4px;
  background-color:#000;
  border-radius:2px;
  width:0%;
}

.uvisPlay {
  background-image: url("../images/play.svg") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  color:transparent !important;
}
.uvisPause {
  background-image: url("../images/pause.svg") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  color:transparent !important;
}
.uvisFwd {
  background-image: url("../images/fwd.svg") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  color:transparent !important;
}
.uvisBck {
  background-image: url("../images/bck.svg") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  color:transparent !important;
}

.uvisTabMenu .nav-tab-active {
  background:#fff;
}

.uvisRow {
  margin-bottom:1em;
  padding-bottom:10px;
}
.uvisRow .button.button-secondary.view,
.uvisRow .button.button-secondary.delete {
  float:right;
  font-size:0.8em;
  font-weight:bold;
  margin-left:3px;
}
.uvisRow .button.uvisGetJSON {
  min-height:28px;
  height:auto;
  white-space:normal;
  width:100%;
  margin-bottom:5px;
}
.uvisRow .postStatus {
  float:left;
  line-height:2.5em;
  color:#666;
  font-size:.8em;
}

.uvisFooter {
  position:fixed;
  top:9px;
  right:35px;
  z-index:9999;
}
.uvisFooterPostStatus {
  color:#bbb;
  font-size:.8em;
  line-height:2.5em;
  margin-right:20px;
  text-transform:capitalize;
  letter-spacing:0.02em;
}

.debug {
  font-size:11px;
  background:#FFE;
}

.clearboth {
  clear:both;
}

.button span.dashicons {
  line-height:0.8em;
  vertical-align:middle;
}

.uvisButtonMove {
  background: url("../images/button_move.png") no-repeat;
  width:25px;
  height:25px;
  display: inline-block;
  cursor:move;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Tooltip */
.ui-tooltip, .timeline-tooltip {
  position:absolute;
  display:block;
  z-index:9999998;
  padding:5px;
  background:#111;
  border:none;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:5px;
  line-height:1.5em;
  font-size:12px;
  color:#fff;
}
.ui-tooltip, .timeline-tooltip-inner {
  background:#111;
}
.timeline-tooltip.in {
  opacity:1;
}
.timeline-tooltip.top {
  margin-top:-10px !important;
}
.timeline-tooltip-arrow {
  bottom:-5px !important;
}

.uvis-onthefly-button {
  display:block;
}


/**
 * Speech bubble styles by Nicolas Gallagher
 * http://nicolasgallagher.com/pure-css-speech-bubbles/demo
 */
.triangle-border {
  position:relative;
  padding:15px;
  border:2px solid #c3c3c3;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  -webkit-box-shadow:0px 0px 3px 0px #C3C3C3;
  -moz-box-shadow:0px 0px 3px 0px #C3C3C3;
  box-shadow:0px 0px 3px 0px #C3C3C3;
}
.triangle-border:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:40px; /* controls horizontal position */
  border-width:20px 20px 0;
  border-style:solid;
  border-color:#c3c3c3 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Creates the smaller triangle */
.triangle-border:after {
  content:"";
  position:absolute;
  bottom:-13px; /* value = - border-top-width - border-bottom-width */
  left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width:13px 13px 0;
  border-style:solid;
  border-color:#fff transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Creates the larger triangle */
.triangle-border.top:before {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:40px; /* controls horizontal position */
  border-width:0 20px 20px;
}

/* Creates the smaller triangle */
.triangle-border.top:after {
  top:-13px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width:0 13px 13px;
}

/* Creates the larger triangle */
.triangle-border.left:before {
  top:10px; /* controls vertical position */
  bottom:auto;
  left:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 30px 15px 0;
  border-color:transparent #c3c3c3;

  top:13px;
  left:-26px;
  border-width:12px 26px 12px 0px;
}
/* Smaller Border */
.triangle-border.left:before {
  top: 14px;
  bottom: auto;
  left: -25px;
  border-width: 11px 25px 11px 0;
  border-color: transparent #c3c3c3;
}

/* creates the smaller  triangle */
.triangle-border.left:after {
  top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom:auto;
  left:-21px; /* value = - border-left-width - border-right-width */
  border-width:9px 21px 9px 0;
  border-color:transparent #fff; /* inside bgcolor of triangle */
}

/** Speech bubble styles end */


/* Color Picker Styles */
.uvisTabSecondary .colorPickerField {
  width:50%;
  height:30px;
  position:relative;
  clear:both;
  box-sizing: content-box;
  float:right;
}
.uvisTabSecondary .colorPickerField div:first-child {
  width:100% !important;
}
input.colorPicker {
  width:100% !important;
  float:left !important;
}
/* Colorpicker popup */
.evo-pop {
  background-color:#fff;
  border:1px solid #C3C3C3;
  -webkit-box-shadow:0px 1px 8px 0px #555;
  -moz-box-shadow:0px 1px 8px 0px #555;
  box-shadow:0px 1px 8px 0px #555;
  width:100% !important;
  padding:0 0 10px 3px !important;
  margin-top:30px;
}
.evo-more {
  display:none; /* hide more colors, history and web palette */
}
/* Color indicator */
.evo-colorind, .evo-colorind-ie, .evo-colorind-ff {
  position:absolute;
  right:0;
  width:28px !important;
  height:28px !important;
}
.evo-palette th, .evo-palette-ie th {
  padding:5px 0px !important;
}




/** WIDGETS */

.uvisWidget div {
  margin-bottom:20px;
  padding:10px;
  clear:both;
}

.uvisWidget .uvisThumbnail img {
  float:left;
  margin:0 10px 5px 0;
}

.uvisWidget .uvisVisualizationDate, .uvisWidget .uvisPlaylistDate {
  float:right;
  font-size:0.8em;
}

.uvisWidget .uvisVisualizationContent, .uvisWidget .uvisPlaylistContent {
  display:block;
}

/* Stripe each entry */
.uvisWidget div:nth-child(odd) {
/*  background:#f6f6f6; */
}

#uvis-share-button {
  position:absolute;
  z-index:9999999998;
  right:0px;
  top:5px;
  color:white;
  cursor:pointer;
}

#uvis-share-buttons {
  position:absolute;
  width:400px;
  height:40px;
  top:-8px;
  right:20px;
  display:none;
  z-index:9999999999;
}

#uvis-share-buttons a {
  float:right;
}

#uvis-share-buttons img {
  width:35px;
  padding:5px;
  border:0;
  box-shadow:0;
  display:inline;
}