/*----------ExportImageSettingWindow---------------/*/
.ExportImageSettingWindow { opacity: 0.94; width: 300px; padding: 13px; user-select: none;
}
.ExportImageSettingWindow .premiumLock:after { width: 17px; height: 17px; background-color: transparent; border: 1px #ffffff solid;
}
.ExportImageSettingWindow .header { display: flex; background-color: #00b700; margin: -13px -13px 9px; padding: 9px; align-items: center; color: white; justify-content: flex-start;
}
.ExportImageSettingWindow .header .title { flex-grow:1; white-space: nowrap; margin: 0 11px;
}
.ExportImageSettingWindow .header .exportType { border-radius: 20px; overflow: hidden; border: 1px #ffffff solid;
}
.ExportImageSettingWindow .header .exportType .jpg { background-image: url(/public/images/svg/filetype/jpg.svg);
}
.ExportImageSettingWindow .header .exportType .png { background-image: url(/public/images/svg/filetype/png.svg);
}
.ExportImageSettingWindow .header .exportType .pdf { background-image: url(/public/images/svg/filetype/pdf.svg);
}
.ExportImageSettingWindow .header .exportType .docx { background-image: url(/public/images/svg/filetype/docx.svg);
}
.ExportImageSettingWindow .header .exportType .pptx { background-image: url(/public/images/svg/filetype/pptx.svg);
}
.ExportImageSettingWindow .header .exportType .img { background-color: #e9e9e1; background-position: center bottom; background-repeat: no-repeat; background-size: 40px; width: 40px; height: 40px;
}
.ExportImageSettingWindow .header .WidgetSvgImage img { width: 30px;
}
.ExportImageSettingWindow .content { display: flex; flex-direction: column;
}
.ExportImageSettingWindow .content > div.text { margin-bottom: -17px;
}
.ExportImageSettingWindow .content .CommonSwitch { margin-top: 19px;
}
.ExportImageSettingWindow .commonButtonOrange { align-self: center; margin-top: 14px;
} .ExportImageSettingWindow .paperformat { margin-top: 10px;
}
.ExportImageSettingWindow .paperformat > div { margin: 0 8px; cursor: pointer; user-select: none;
} .ExportImageSettingWindow .portrait { width: 70px; height: 99px; border: 1px #bdbdbd solid; border-radius: 5px; background-color: #f3f3f3; color: #000000; display: flex; justify-content: center; align-items: center; position: relative; text-align: center;
} .ExportImageSettingWindow .landscape { border: 1px #bdbdbd solid; border-radius: 5px; background-color: #f3f3f3; width: 99px; height: 70px; color: #000000; display: flex; justify-content: center; align-items: center; position: relative; text-align: center;
} .ExportImageSettingWindow .paperformat .CommonHTML-selected:before { background: url(/public/images/svg/checked.svg) no-repeat; background-size: 25px; background-position: center; content: ""; top: 0; left: 0; width: 100%; height: 100%; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; border-radius: 4px; opacity: 1; background-color: rgba(255, 255, 255, 0.76);
} .ExportImageSettingWindow .dateRangeContainer, .ExportImageSettingWindow .dateRangeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
.ExportImageSettingWindow .dateRangeContainer .TextBox, .ExportImageSettingWindow .dateRangeContainer .TextBox { width: 100%; margin: 10px 0 0 0;
} .qualityContainer { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden; position: relative; border-radius: 6px; }
.qualityContainer .qualityGraphLayer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.09); border-radius: 6px; -webkit-transform: rotate(-6.77195deg); -ms-transform: rotate(-6.77195deg); transform: rotate(-6.77195deg); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right;
}
.qualityContainer .qualityGraph { width: 10%; height: 4px; overflow: hidden; border-radius: 6px;
}
.qualityContainer .qualityGraphInner { height: 100%; width: 100%; border-radius: 6px; -webkit-transform: rotate(-6.77195deg); -ms-transform: rotate(-6.77195deg); transform: rotate(-6.77195deg); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; background: #45B649; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #DCE35B, #45B649); /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#DCE35B), to(#45B649)); background: -webkit-linear-gradient(left, #DCE35B, #45B649); background: -o-linear-gradient(left, #DCE35B, #45B649); background: linear-gradient(to right, #DCE35B, #45B649); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.QualityGraphic-editor .CommonInputRange input[type="range"] { background: #ced8e0;
} /*------------------*/ .newEventButton { background: #f86333; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7600), to(#f86333)); background-image: linear-gradient(to bottom, #ff7600, #f86333); border-radius: 3px; padding: 4px 10px; color: white; cursor: pointer; margin-left: 30px; transition: all 0.2s ease; user-select: none;
} /*DrawableEditCommonPanel-------------------*/
.DrawableEditCommonPanel { z-index: 1; position: fixed; top: 0; right: 0; background-color: #374657; overflow: auto; opacity: 0.96; min-width: 376px; max-width: 376px; padding: 20px; -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.3); box-shadow: 0 0 16px rgba(0,0,0,0.3);
}
.DrawableEditCommonPanel .title { color: white; margin-bottom: 5px;
}
.DrawableEditCommonPanel .actionLabel { background-color: #212d3b; color: #d8d8d8; border-radius: 6px; padding: 15px; font-size: 13px; word-wrap: break-word; width: inherit; text-align: center;
} .DrawableEditCommonPanel .Medias { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5px;
} .DrawableEditCommonPanel .Medias .noImage { background: #212b36 url(/public/images/svg/w-camera.svg) no-repeat center; background-size: 30px;
} .DrawableEditCommonPanel .Medias .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
}
.DrawableEditCommonPanel .Medias .buttons div { border-radius: 6px; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-size: 20px; width: 40px; height: 40px; margin-right: 5px; color: #f7f8f8; font-size: 12px; padding: 4px; text-align: left; line-height: 12px;
}
.DrawableEditCommonPanel .Medias .buttons div:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
}
.DrawableEditCommonPanel .Medias .buttons div:active { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);
}
.DrawableEditCommonPanel .Medias .addImage { background: #212b36 url(/public/images/svg/w-camera.svg) no-repeat center;
}
.DrawableEditCommonPanel .Medias .addYouTube { background: #212b36 url(/public/images/svg/youtube-w.svg) no-repeat center;
}
.DrawableEditCommonPanel .Medias .pinOnMap { background: #212b36 url(/public/images/svg/pin-on-map.svg) no-repeat center;
}
.DrawableEditCommonPanel .Medias .addFile { background: #212b36 url(/public/images/svg/files/file.svg) no-repeat center;
}
.DrawableEditCommonPanel .Medias .addLink { background: #212b36 url(/public/images/svg/design/link.svg) no-repeat center;
} .DrawableEditCommonPanel .Medias .MediasPreviewDiv { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 270px;
}
.DrawableEditCommonPanel .Medias .MediasPreviewDiv .image { height: 80px; width: 80px; border-radius: 6px; cursor: pointer; border: 1px #212b36 solid; margin-right: 5px; margin-bottom: 5px;
}
.DrawableEditCommonPanel .Medias .MediasPreviewDiv .file { background-size: 50px; background-repeat: no-repeat; background-position: center; height: 80px; width: 80px; border-radius: 6px; cursor: pointer; border: 1px #4b5969 solid; margin-right: 5px; margin-bottom: 5px;
}
.DrawableEditCommonPanel .Medias .MediasPreviewDiv .youtube { height: 80px; width: 80px; border-radius: 6px; cursor: pointer; border: 1px #212b36 solid; margin-right: 5px; margin-bottom: 5px; background-size: 80px; background-repeat: no-repeat; background-color: black; background-position: center; position: relative;
} .DrawableEditCommonPanel .Medias .MediasPreviewDiv .youtube:after { background: url(/public/images/svg/play-video.svg) no-repeat; background-size: 30px; content: ""; top: 50%; left: 50%; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; background-color: rgba(0, 0, 0, 0.62); border-radius: 14px;
}
.DrawableEditCommonPanel .Medias .MediasPreviewDiv .vimeo { height: 80px; width: 80px; border-radius: 6px; cursor: pointer; border: 1px #212b36 solid; margin-right: 5px; margin-bottom: 5px; background-size: 80px; background-repeat: no-repeat; background-color: black; background-position: center; position: relative;
} .DrawableEditCommonPanel .Medias .MediasPreviewDiv .vimeo:after { background: url(/public/images/svg/play-video.svg) no-repeat; background-size: 30px; content: ""; top: 50%; left: 50%; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; background-color: rgba(0, 0, 0, 0.62); border-radius: 14px;
}
.DrawableEditCommonPanel .Medias .MediasPreviewDiv .pinmap { height: 80px; width: 80px; border-radius: 6px; cursor: pointer; border: 1px #212b36 solid; margin-right: 5px; margin-bottom: 5px; background-size: 80px; background-repeat: no-repeat; background-color: black; background-position: center; position: relative;
} .DrawableEditCommonPanel .Medias .MediasPreviewDiv .pinmap:before { background: url(/public/images/svg/pin-w.svg) no-repeat; background-size: 14px; content: ""; bottom: -4px; right: -7px; width: 16px; height: 17px; margin-left: -10px; background-position: 1px 2px; margin-top: -20px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; background-color: rgba(0, 0, 0, 0.6); border-radius: 12px;
}
.DrawableEditCommonPanel .Medias .MediasPreviewDiv .pinmap:after { background: url(/public/images/svg/pin.svg) no-repeat; background-size: 20px; content: ""; top: 50%; left: 50%; width: 20px; height: 20px; margin-left: -10px; margin-top: -20px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;
} .DrawableEditCommonPanel .LinksContainer .MediaLink { color: white; border: 1px #505d6d solid; background-color: #435365; padding: 8px; border-radius: 4px; position: relative; margin-top: 13px; word-break: break-all;
} .DrawableEditCommonPanel .LinksContainer .MediaLink .imgLink { width: 19px; position: absolute; right: 6px; top: 5px;
} .DrawableEditCommonPanel .LinksContainer .MediaLink .imgFileType { width: 19px; position: absolute; right: 30px; top: 5px;
} .DrawableEditGroupPanel-addObjectPanel { background-color: #212d3b; color: #d8d8d8; border-radius: 6px; padding: 15px; font-size: 13px; word-wrap: break-word; width: inherit; text-align: center;
} .DrawableMultiStatsEditPanel-emptyLabel { background-color: #212d3b; color: #d8d8d8; border-radius: 6px; padding: 15px; font-size: 13px; word-wrap: break-word; width: inherit; text-align: center;
} .DrawableEditCommonPanel .save{ margin: 10px;
} .DrawableEditCommonPanel .TextBox { border-width: 0; background-color: #202A35; color: white; outline: none; resize: none; width: 100%;
} .DrawableEditCommonPanel .progress, .DrawableEditCommonPanel .metric { margin-bottom: 15px; width: 50%;
} .DrawableEditCommonPanel .TextArea { border-width: 0; background-color: #202A35; border-radius: 5px; color: white; margin-top: 15px; outline: none; resize: none; width: 100%;
} .DrawableEditCommonPanel .statistics { margin-top: 5px;
} .DrawableEditCommonPanel .time { border-width: 0; background-color: #202A35; border-radius: 5px; color: white; margin-top: 15px; outline: none; width: 100%;
}
.TimeEventTextBox { display: flex; align-items: center; justify-content: center; margin-top: 15px;
}
.TimeEventTextBox .time { margin-top: 0;
}
.TimeEventTextBox .start { flex-grow: 1;
}
.TimeEventTextBox .delim { color: white; margin: 0 7px;
}
.TimeEventTextBox .end { width: 75px;
} .DrawableEditCommonPanel .text { color: white; font-size: 13px; font-weight: 400; margin-bottom: 6px; margin-top: 14px;
} .DrawableEditCommonPanel .CircleSvgImage { background-color: #212b36; border-radius: 25px; width: 40px; height: 40px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer;
}
.DrawableEditCommonPanel .CircleSvgImage img { width: 40px; height: 40px; padding: 9px;
}
.DrawableEditCommonPanel .CircleSvgImage.copy { position: absolute; top: 0; right: 0; margin: 19px;
}
.DrawableEditCommonPanel .CircleSvgImage.delete { margin: 0 auto; /*width: 60px;*/ /*height: 60px;*/ margin-top: 25px; margin-bottom: 20px; border-radius: 30px;
} .DrawableEditCommonPanel .CircleSvgImage:hover { background-color: #455c78; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
}
.DrawableEditCommonPanel .CircleSvgImage:active { background-color: #6488ad; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);
}
.DrawableEditCommonPanel .CommonSwitch { margin: 7px 0;
} .EditSwitches { color: white; position: relative; margin: 3px 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: rgba(0, 0, 0, 0.25); border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.EditSwitches .img { background-size: 25px; background-position: center; background-repeat: no-repeat;
}
.EditSwitches img, .EditSwitches .img { width: 40px; height: 40px; cursor: pointer; border-radius: 3px; -webkit-transition: .15s ease; -o-transition: .15s ease; transition: .15s ease; padding: 8px; position: relative;
} .EditSwitches .wrap { position: relative;
}
.EditSwitches .wrap.active .under { width: 44px; height: 44px; border-radius: 3px; position: absolute; left: -2px; top: -2px;
}
.EditSwitches .wrap .premiumLock:after { position: absolute; width: 24px; z-index: 2; background-size: 66px; background-position: center; height: 24px; background: url(/public/images/svg/locked-padlock.svg) no-repeat; background-size: 15px; content: ""; bottom: -3px; right: 1px; background-color: #000000; border-radius: 13px; overflow: hidden; background-position: center; border: 2px #3646570d solid; opacity: 0.8;
}
.EditSwitches img.active, .EditSwitches .wrap.active .under { background-image: -webkit-gradient(linear, left top, left bottom, from(#27b2ff), to(#1FAAFC)); background-image: -webkit-linear-gradient(top, #27b2ff, #1FAAFC); background-image: -o-linear-gradient(top, #27b2ff, #1FAAFC); background-image: linear-gradient(to bottom, #27b2ff, #1FAAFC);
} /*-------------------*/
.SelectionBoxPanel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: crosshair;
}
.SelectionBoxPanel .box { position: absolute; border: 1px #32b1fc solid; background-color: rgba(50, 177, 252, 0.25);
} .DrawableEditMultiplesPanel { }
.DrawableEditMultiplesPanel .content { display: flex; flex-direction: column;
} .DrawableEditMultiplesPanel .DrawableEditGroupPanel-addObjectPanel { margin-top: 30px;
} .DrawableEditMultiplesPanel .title { align-self: center; font-size: 120%; color: white;
} .DrawableEditCommonPanel .count { background-color: white; display: inline-flex; justify-content: center; align-items: center; align-self: center; padding: 10px; font-size: 120%; border-radius: 70px; width: 40px; height: 40px;
}
.DrawableMultistatsEditPanel .statsEditsContainer .count{ margin: 0; display: inline-flex; vertical-align: top;
} .DrawableMultistatsEditPanel .statsEditsContainer { background-color: #405165; border: 5px #283544 solid; margin: 32px 0 32px; padding: 3px 4px 32px 4px; border-radius: 6px;
}
.DrawableMultistatsEditPanel .statsEditsContainer .delete { display: inline-flex; margin: 0;
} .CanvasBackgroundImageSizeSwitch .switchWrapper { padding-right: 11px !important;
}
.CanvasBackgroundImageEditPanel .content { width: 330px;
}
.CanvasBackgroundImageEditPanel .CommonInputRange { margin-top: 0 !important;
}
.CanvasBackgroundImageEditPanel .delete, .CanvasBackgroundImageEditPanel .reset { border-radius: 30px; align-self: center; cursor: pointer; width: 34px; background-color: #222d3b; height: 34px;
}
.CanvasBackgroundImageEditPanel .delete img, .CanvasBackgroundImageEditPanel .reset img { width: 34px; padding: 6px;
}
.CanvasBackgroundImageEditPanel .svg { transition: all .3s ease; -webkit-transition: all .3s ease;
}
.CanvasBackgroundImageEditPanel .svg:hover { transform: scale(1.1);
}
.CanvasBackgroundImageEditPanel .svg:active { transform: scale(0.95);
} @media screen and (max-width: 750px) { #paypalDonateLogo { display: none; }
} .EditorAdsenseBottomPanel { display: flex; position: absolute; bottom: 0; width: 100%; background-color: rgba(45, 60, 78, 0.63); height: 100px; justify-content: space-evenly; align-items: center; }
.EditorAdsenseBottomPanel > div { width: 100%; height: 100%;}
.EditorAdsenseBottomPanel-1 { background-color: rgba(252, 252, 252, 0.61); }
.EditorAdsenseBottomPanel-2 { background-color: rgba(45, 60, 78, 0.6); } #pageHeaderDivId { background-color: #2C3C4E; border-bottom: 1px rgba(33, 45, 59, 0.74) solid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
} .centerContent { display: flex; align-items: center;
} .previewSetting { width: 25px; height: 25px; margin-right: 3px; cursor: pointer;
}
.previewSetting .WidgetSvgImage img { width: 22px;
} .previewSetting .WidgetSvgImage { transition: 0.2s linear;
} #coverBackgroundDivId { background: url(/public/images/svg/w-camera.svg) no-repeat center; background-size: 22px; margin: 3px;
} #themePaletteDivId { background: url(/public/images/svg/palette.svg) no-repeat center; background-size: 19px; margin: 3px 6px;
} .saveTimeline { background: #62C275; background-image: -webkit-gradient(linear, left top, left bottom, from(#6fd282), to(#62C275)); background-image: linear-gradient(to bottom, #6fd282, #62C275); border-radius: 3px; padding: 4px 10px; color: white; cursor: pointer; margin-left: 30px; transition: all 0.2s ease;
} .AccessSwitchCarousel > div { width: 30px; height: 30px; margin: -15px;
} .AccessSwitchCarousel img { width: 16px; margin: 7px;
} .AccessSwitchCarousel .public, .AccessSwitchCarousel .public:hover { background-color: #62C275 !important;
} .AccessSwitchCarousel .link, .AccessSwitchCarousel .link:hover { background-color: #f5c200 !important;
} .AccessSwitchCarousel .private, .AccessSwitchCarousel .private:hover { background-color: #ff1010 !important;
} .AccessSwitch{ align-self: flex-start;
} .AccessSwitch > div { border-bottom: 5px #ff1010 solid; border-radius: 5px;
} .AccessSwitch .public { border-bottom: 5px #62C275 solid;
} .AccessSwitch .link { border-bottom: 5px #f5c200 solid;
}
.getPremium, .getPremium:hover { text-shadow: 1px 1px #03a105; border-radius: 2px; background-color: rgb(4, 193, 3); padding: 0 3px; text-decoration: none; color: white; font-size: 80%;
} .DrawableEditCommonPanel.ExternalStats .CommonListBox { margin-bottom: 6px;
}
.DrawableEditCommonPanel.ExternalStats .CommonListBox-disabled { opacity: 0.4; pointer-events: none;
}
.DrawableEditCommonPanel.ExternalStats .TextBox { background-color: #ffffff; color: #374556;
} /*JOHNS HOPKINS */
.DrawableEditCommonPanel.JohnsHopkins .CommonListBox { margin-bottom: 6px;
}
.DrawableEditCommonPanel.JohnsHopkins .CommonListBox-disabled { opacity: 0.4; pointer-events: none;
}
.DrawableEditCommonPanel.JohnsHopkins .CommonListBox .TextBox { background-color: #ffffff; color: #374556;
} /*DownloadTimelineCarousel––––––––––––––––––––––––*/
.DownloadTimelineCarousel { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); transition: all 0.2s linear;
}
.DownloadTimelineCarousel > div { border-radius: 30px; width: 54px; height: 54px; background-color: #e9e9e1; overflow: hidden;
}
.DownloadTimelineCarousel > div:hover { background-color: #e9e9e1;
}
.DownloadTimelineCarousel img { width: 58px; margin: -2px;
}
.DownloadTimelineCarousel .smallimg { background-color: #f3f3f3;
}
.DownloadTimelineCarousel .smallimg img { width: 40px; margin: 7px;
}
.CircleUtilsObject-show { background-color: rgba(0, 0, 0, 0.72);
}
.CircleUtilsObject > div.locked:before { position: absolute; width: 26px; height: 26px; background: url(/public/images/svg/locked-padlock.svg) no-repeat; background-size: 22px; content: ""; top: 4px; left: -5px; background-color: #03141d; border-radius: 13px; overflow: hidden; border: 2px black solid;
}
.CircleUtilsObject > div.underdev:before { position: absolute; width: 26px; height: 26px; background: url(/public/images/svg/theme-light.svg) no-repeat; background-size: 22px; content: ""; top: 4px; left: -5px; background-color: #03141d; border-radius: 13px; overflow: hidden; border: 2px black solid;
}
.CircleUtilsObject > div.premium:before { position: absolute; width: 26px; height: 26px; background: url(/public/images/svg/design/royal-v2.svg) no-repeat; background-size: 22px; content: ""; top: 4px; left: -5px; background-color: #03141d; border-radius: 13px; overflow: hidden; border: 2px black solid;
}
/*DownloadOfflineCarousel––––––––––––––––––*/
.DownloadOfflineCarousel > div { border-radius: 70px; width: 114px; height: 114px; background-color: #e9e9e1; overflow: hidden; margin: -57px;
}
.DownloadOfflineCarousel .smallimg img { width: 80px; margin: 17px;
}
.DownloadTimelineCarousel > div:hover { background-color: #ffffff;
} /* ----- LEFT EXPORT AREA ------- */
#leftExportContainer { position: absolute; background-color: rgb(76, 94, 111); left: 0; top: 0; display: flex; flex-direction: column; color: white; font-size: 12px; border-right: 1px #3a485a solid; height: 100%;
}
.editorLight #leftExportContainer { background-color: #f7f7f7;
}
#leftExportContainer .wrap { display: flex; align-items: center;
}
#leftExportContainer .wrap .title { display: none;
}
#leftExportContainer:hover { background-color: rgb(76, 94, 111);
}
.editorLight #leftExportContainer:hover { background-color: rgba(221, 222, 222, 0.11);
}
#leftExportContainer .imgWrapper { overflow: hidden; cursor: pointer; border: 0px #2d3c4d solid; opacity: 0.6;
}
#leftExportContainer .imgWrapper:hover { opacity: 1;
}
#leftExportContainer .img { background-color: #e9e9e1; background-position:center bottom; background-repeat: no-repeat;
}
#leftExportContainer .zip { background-image: url("/public/images/svg/filetype/zip.svg"); }
#leftExportContainer .png { background-image: url("/public/images/svg/filetype/png.svg"); }
#leftExportContainer .jpg { background-image: url("/public/images/svg/filetype/jpg.svg"); }
#leftExportContainer .pdf { background-image: url("/public/images/svg/filetype/pdf.svg"); }
#leftExportContainer .docx { background-image: url("/public/images/svg/filetype/docx.svg"); }
#leftExportContainer .pptx { background-image: url("/public/images/svg/filetype/pptx.svg"); }
#leftExportContainer .xlsx { background-image: url("/public/images/svg/filetype/xlsx.svg"); }
#leftExportContainer .xml { background-image: url("/public/images/svg/filetype/xml.svg"); }
#leftExportContainer .txt { background-image: url("/public/images/svg/filetype/txt.svg"); }
#leftExportContainer .json { background-image: url("/public/images/svg/filetype/json.svg"); }
#leftExportContainer .dbox { background-image: url("/public/images/svg/social/dropbox.svg"); background-color: #ffffff; background-position: center center;
}
#leftExportContainer .gdrive { background-image: url("/public/images/svg/social/google-drive.svg"); background-color: #ffffff; background-position: center center;
} /*-------*/
/*tagsContainer*/
#tagsContainer { position: absolute; bottom: 0; border-radius: 3px 3px 0 0; left: 120px; background-color: #222c3abd; color: white;
}
.tagsContainer { display: flex; justify-content: center; padding: 7px; align-items: center;
}
.tagsContainer .colors { display: flex; justify-content: center; align-items: center;
}
.tagsContainer .color { width: 20px; height: 20px; margin-left: 4px; border-radius: 8px; border: 1px #ffffffb8 solid; cursor: pointer;
}
#tagsContainer .tagImg { cursor: default;
}
#tagsContainer .tags { display: flex; opacity: 0.8;
}
#tagsContainer .tags .tag { position: relative; font-size: 14px; margin-right: 1px;
}
#tagsContainer .tags .name { display: none; position: absolute; left: 25px; top: -17px; line-height: 14px; font-size: 12px; height: 16px; padding: 1px 7px; white-space: nowrap; -webkit-transform: rotate(-54deg); transform: rotate(-54deg); -moz-transform: rotate(-54deg); -ms-transform: rotate(-54deg); transform-origin: left bottom; border-radius: 3px; background-color: rgba(0, 0, 0, 0.73); color: white;
}
#tagsContainer .tags:hover .name { display: flex;
}
#tagsContainer .tags-select { opacity: 1;
}
#tagsContainer .tags-select .tag { opacity: 0.4;
}
#tagsContainer .tags-select .tag-select { opacity: 1;
}
#tagsContainer .tags-select .tag-select .name { display: flex;
} /*TAGS –––––––––––––– */
.TagsPanel { display: flex; font-size: 12px; flex-wrap: wrap; align-items: center;
} .TagsPanel .add { background: #f86333; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7600), to(#f86333)); background-image: linear-gradient(to bottom, #ff7600, #f86333); border-radius: 3px; padding: 4px 8px; color: white; cursor: pointer; margin-right: 10px; user-select: none; display: flex; height: 24px; align-items: center;
} /*.TagsPanel .tag {*/ /*display: flex;*/ /*align-items: center;*/ /*!*padding: 3px 3px;*!*/ /*color: #ffffff;*/ /*cursor: pointer;*/ /*!*margin-bottom: 5px;*!*/ /*!*margin-right: 5px;*!*/ /*user-select: none;*/ /*height: 24px;*/
/*}*/
/*.TagsPanel .tag .del {*/ /*visibility: hidden;*/ /*display: none;*/
/*}*/ /*.TagsPanel .tag:hover .del {*/ /*visibility: visible;*/ /*display: inherit;*/
/*}*/ /*.TagsPanel .del img {*/ /*width: 13px;*/ /*margin-left: 2px;*/ /*}*/
.TagsPanel {
}
.TagsPanel > div { margin: 4px;
}
.TagsPanel .taglabel { display: flex; align-items: center; justify-content: center; color: #ffffff; cursor: pointer; padding: 0 7px; height: 20px; border-radius: 8px; min-width: 28px; white-space: nowrap;
}
.TagsPanel .taglabel:hover { text-shadow: none; opacity: 0.7;
} .TagPicker { width: 280px; padding: 0; background-color: #ececec; z-index: 5;
}
.TagPicker .content { display: flex; flex-direction:column;
}
.TagPicker .top { padding: 7px; display: flex; align-items: center; margin-bottom: 10px;
}
.TagPicker .top > div { margin: 0 3px;
}
.TagPicker .tags { display: flex; flex-direction: column; position: relative;
}
.TagPicker .tag { display: flex; align-items: center; padding: 6px 8px; cursor: pointer; position: relative;
}
.TagPicker .tags .tag-selected:before { background: url(/public/images/svg/checked.svg) no-repeat; background-size: 25px; background-position: center; content: ""; top: 0; left: 0; width: 100%; height: 100%; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.7; pointer-events: none; background-color: rgba(255, 255, 255, 0.45);
}
.TagPicker .tag:hover { background-color: white;
}
.TagPicker .tag .color { min-width: 20px; height: 20px; border-radius: 8px; border: 1px #fff solid; margin-left: 3px; margin-right: 9px;
}
.TagPicker .tag .name { flex-grow: 1; display: flex; flex-direction: column;
}
.TagPicker .tag .name .use { font-size: 11px;
}
.TagPicker .tag .name .unused { font-size: 11px;
}
.TagPicker .tag .edit img { opacity: 0.3;
}
.TagPicker .tag .edit img:hover { opacity: 1;
}
.TagPicker .tag .TextBoxWrapper { flex-grow: 1;
} .TagPicker .tagedit .WidgetSvgImage { margin-left: 8px;
}
.TagPicker .tagedit .TextBox { border: 1px #c5c5c5 solid;
} .TagPicker .colorBox { width: 30px; height: 30px; border: 1px rgb(255, 255, 255) solid; box-shadow: none;
}
.TagPicker .CommonLabel { margin: 5px 5px 0 12px;
} .TagPicker .commonButtonOrange { align-self: center; }
.TagPicker .TextBox { width: 100%;
} /*.TagPicker .header {*/ /*position: relative;*/ /*overflow: hidden;*/ /*padding: 6px 0 5px 23px;*/ /*cursor: pointer;*/
/*}*/ /*-----------------------------*/
.EditorTableEvents .noEvents{ font-size: 26px; font-weight: 300; color: #b0babf; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 120px;
}
.EditorTableEvents { background-color: #f2f4f5; overflow: auto; padding: 5px;
}
.EditorTableEvents > div { border-radius: 6px; padding: 6px; border-bottom: 1px #e3e4e4 solid;
}
.EditorTableEvents > div > * { margin-left: 6px;
}
.EditorTableEvents .EditorTableEvents { position: relative; margin-left: 47px; border: 1px #c3c4c5 solid; margin-bottom: 20px; margin-top: 6px; border-radius: 4px; overflow: visible; background-color: rgba(215, 218, 218, 0.48);
}
.EditorTableEvents .EditorTableEvents:before { background: url(/public/images/svg/arrow-down-right.svg) no-repeat; background-size: 26px; content: ""; top: -20px; left: -30px; width: 26px; height: 26px; position: absolute; user-select: none; pointer-events: none;
}
.EditorTableEvents .CommonLabel { font-size: 12px; margin: 7px 4px 4px 8px; font-weight: 500;
}
.EditorTableEvents .gwt-common-textareaWrapper { height: 48px;
}
.EditorTableEvents .TextBox, .EditorTableEvents textarea { width: 160px; overflow: hidden; height: 48px;
}
.EditorTableEvents .WidgetSvgImage img { width: 20px; margin: 0 0 0 3px;
}
.TextAreaEventEditWindow { background-color: inherit; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; padding: 0; background-color: transparent;
}
.TextAreaEventEditWindow textarea { width: 410px; border-radius: 6px; border: 1px solid rgb(181, 181, 181); overflow: auto; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.EditorTableEvents .plus { background-color: #fe710e; color: white; font-size: 50px; cursor: pointer; width: 50px; height: 50px; justify-content: center; border-radius: 35px; display: flex; align-items: center;
} .premiumlimitLabel { font-size: 24px;
}
.unlockTs { margin: 0 !important; color: white; font-size: 80%;
}
/*EventLimitPanel---------*/
.EventLimitPanel {width: 340px;display: flex;font-size: 12px;padding: 9px;}
.EventLimitPanel > div {width: 100%;display: flex;flex-direction: column;}
.EventLimitPanel .line {height: 12px;position: relative;}
.EventLimitPanel .line > div {height: 12px;position: absolute;border-radius: 4px;} .RightParentFixedPanel { width: 376px; position: fixed; right: 0; bottom: 0; background-color: #2c3c4e; overflow-y: auto; opacity: 0.96; min-width: 376px; max-width: 376px; padding: 20px; -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.3); box-shadow: 0 0 16px rgba(0,0,0,0.3);
} .RightParentFixedPanel .text { color: white; font-size: 13px; font-weight: 400; margin-bottom: 6px; margin-top: 14px;
} .RightParentFixedPanel .TextBox { border-width: 0; background-color: #202A35; color: white; outline: none; resize: none; width: 100%;
} .oneSelectedStatPanel { display: flex; background-color: #f3f3f3; padding: 3px; margin-top: 17px; border-radius: 6px; }
.oneSelectedStatPanel .color { display: flex; height: 44px; width: 44px; border-radius: 6px; }
.oneSelectedStatPanel .values { margin-left: 4px;
}
.oneSelectedStatPanel .name { margin-left: 4px;
}