* { -webkit-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { /* Firefox 18- */ color: #999; }
::-moz-placeholder { /* Firefox 19+ */ color: #999; }
:-ms-input-placeholder { color: #999; }
::-webkit-scrollbar { width: 8px; background-color: rgba(0,0,0,0); -webkit-border-radius: 100px; }
::-webkit-scrollbar:hover { background-color: rgba(0, 0, 0, 0.09); }
::-webkit-scrollbar-thumb:vertical { background: rgba(0,0,0,0.5); -webkit-border-radius: 100px; }
::-webkit-scrollbar-thumb:vertical:active { background: rgba(0,0,0,0.61); -webkit-border-radius: 100px; }
.flexrow {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flexcolumn {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
body, h1, h2, .h2, h3, h4, input, select, textarea { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
html, body { margin: 0; padding: 0; }
body { background: #f2f4f5; color: #000000; padding: 0; margin: 0; font-weight: 300; font-size: 16px; }
body.dark { background-color: #2b3c4f; }
.overflowHidden { overflow: hidden !important; }
.wordwrap { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; word-wrap: normal; word-break: break-word; overflow-wrap: break-word; } input[type="range"] { -webkit-appearance: none; height: 10px; width: 100%; background: #1a2430; margin: 0; outline: none; border-radius: 7px; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; width:20px; height:20px; background:#32B1FC; position:relative; cursor: pointer; border-radius: 10px; -webkit-box-shadow:0 0 5px 0 #222E3A; box-shadow:0 0 5px 0 #222E3A; }
input[type=range]::-moz-range-track { height: 10px; width: 100%; background: #1a2430; margin: 0; outline: none; border-radius: 7px; }
input[type=range]::-moz-focus-outer { border: 0; }
input[type=range]::-moz-range-thumb { width:20px; height:20px; background:#32B1FC; position:relative; cursor: pointer; border-radius: 10px; border-width: 0; box-shadow:0 0 5px 0 #222E3A; } .CommonInputRange-light input[type="range"] { background: #ced8e0; }
.CommonInputRange-light input[type="range"]::-webkit-slider-thumb { background: #3e6492; -webkit-box-shadow: none; box-shadow: none; }
.CommonInputRange-light input[type=range]::-moz-range-track { background: #ced8e0; }
.CommonInputRange-light input[type=range]::-moz-range-thumb { background: #3e6492; box-shadow: none; } .hoverScaleAnimation { -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}.hoverScaleAnimation:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }.hoverScaleAnimation:active { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } /*CommonInputRange––––*/
.CommonInputRange-vertical input { margin-top: 50px; width: 100px; margin-left: -31px; -webkit-transform: rotate(270deg); transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg);
} /*HEADER ---------------------------*/
#pageHeaderDivId { margin-top: 0; min-height: 40px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header .logo,
.LeftMenuWindow .logo {background: url("/public/images/svg/design/logo-full.svg") no-repeat; width: 183px; height: 20px; }
.LeftMenuWindow .logo {margin-bottom: 20px;}
.LeftMenuWindow .item {text-decoration: none; margin-top: 11px;}
.menu-pane { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.menu-pane > * { margin: 6px 0 6px 10px; }
.menu-pane .active { color: #F86433; cursor: default; }
.menu-pane .active a { color: #F86433; }
.menu-pane .item { display: -webkit-box; display: -ms-flexbox; display: flex; height: 23px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;text-decoration: none; }
.dark .header .logo { background: url("/public/images/svg/design/logo-full-white-green.svg") no-repeat; }
.dark .menu-pane .item { background: none; } /*–––––––––––––––––––––––––*/
.centerPageContentWrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.centerPageContent { width: 1000px; padding: 20px; }
@media screen and (max-width: 1000px) { .centerPageContent { width: 100%; } } /*COMMONS---------------------------*/
canvas { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
} h1 { font-size: 150%; font-style: normal; font-variant: normal; font-weight: 500; margin-bottom: 10px; margin-top: 20px;
}
h3, .h3 { font-size: 120%; font-style: normal; font-variant: normal; font-weight: 500; margin-bottom: 10px; margin-top: 20px; display: block;
}
p { font-size: 100%; font-style: normal; font-variant: normal; font-weight: 400;
} footer, nav, header, section, aside { display: block } a, .fake-link { color: inherit; font-weight: inherit; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: underline; cursor: pointer;
}
.dark a, .dark h1, .dark h2, .dark h3, .dark h4 { color: #b6bec7; } a:hover, .fake-link { color: #fa782f; text-decoration: underline;
} .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.remove {display: none;} /*TABLE----------*/
table { border-spacing: 2px; border-color: grey; }
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
table { background-color: transparent; }
.table thead { font-weight: normal; background-color: #fafafa; color: #000; } /*COMMON Canvas--------------------------------------------------------------------*/
.controlsZoom { position: absolute; right: 15px; top: 50px; bottom: auto; width: 38px; }
.controlsZoom .zoomIn { background: rgba(20, 22, 23, 0.66) url("/public/images/svg/plus.svg") center no-repeat; background-size: 18px; }
.controlsZoom .zoomOut { background: rgba(20, 22, 23, 0.66) url("/public/images/svg/minus.svg") center no-repeat; background-size: 18px; }
.controlsZoom .on { background: rgba(20, 22, 23, 0.66) url("/public/images/svg/fullscreen-on.svg") center no-repeat; background-size: 38px; }
.controlsZoom .off { background: rgba(20, 22, 23, 0.66) url("/public/images/svg/fullscreen-off.svg") center no-repeat; background-size: 38px; }
.controlsZoom .control { -webkit-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; margin-bottom: 3px; width: 38px; height: 38px; border-radius: 20px;
}
.controlsZoom .control:hover { transform: scale(1.05); background-color: #000000; }
.controlsZoom .control:active { transform: scale(0.8); }
.controlsZoom .scale input { background: rgba(20, 22, 23, 0.66);
} .CanvasCommon-cursor-pointer { cursor: pointer; }
.CanvasCommon-cursor-move { cursor: move; }
/*COMMONS GWT-------------------------------------------------------------------------------*/
sup { color: #F86433; } /*.CanvasOver {*/ /*position: absolute;*/ /*left: 0;*/ /*top: 0;*/ /*pointer-events: none;*/
/*}*/ /*COMMON TABLE*/
.CommonPageTable-content { height: 250px; overflow-y: auto; background-color: #F7F6F6; padding: 5px 7px; }
.commonPageableTable-header { margin: 0; padding: 7px; background-color: #E1E1E1; }
.commonPageableTable-header span { display: inline-block; }
.CommonPageTable-row { text-overflow: ellipsis; white-space: nowrap; border: 1px solid #efefef; border-bottom: 0px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; }
.CommonPageTable-row:nth-child(2n) { background: #f9f9f9; }
.CommonPageTable-row:hover { background: #ebebeb; } /*POPUP ELEMENTS------------------------------------------------------------------------*/
.commonWindow-glassStyle { cursor: pointer; background-color: rgba(0, 0, 0, 0.72);
}
.commonWindow-header { padding: 8px; border-bottom: 1px #CCC solid;
}
.commonWindow-glassStyle:after { background: url("/public/images/svg/design/close.svg") no-repeat; background-size: 24px; content: ""; cursor: pointer; height: 30px; right: 11px; width: 30px; top: 11px; opacity: 0.30; filter: alpha(opacity=30); -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; position: fixed;
}
.commonWindow-glassStyle:hover:after { opacity: 1;
}
.commonWindow-content { background-color: #EFF2F2; }
.commonWindow { background-color: #EFF2F2; border-radius: 2px; }
.commonWindow-footer { text-align: center;
} /*––––––––––––––––SimpleWindow-dark, SimpleWindow––––––––––––––––––––––––––––*/
.SimpleWindow { -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px; overflow: auto; position: fixed; visibility: visible; background: rgba(0, 0, 0, 0.53); z-index: 7;
}
.SimpleWindow-transparent { background: rgba(0,0,0,0.0);
}
.SimpleWindow .headerTitle { font-size: 120%; font-weight: 500;
}
.SimpleWindow .commonButton, .SimpleWindow .commonButtonOrange { align-self: center;
}
.SimpleWindow-dark a { color: #ffa775; }
.SimpleWindow-dark a:hover { color: #fa782f; }
.SimpleWindow-dark .content,
.SimpleWindow .content { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 800px; overflow: auto; padding: 10px; position: relative; margin: 0 auto; border-radius: 6px; background-color: #F7F8F8; color: black; transition: all 0.5s cubic-bezier(0, 0, 0.09, 1.68); opacity: 0; transition-delay: 0.1s; transform: scale(0.8);
}
.SimpleWindow-dark .content { background-color: #404e5d; color: white; }
.SimpleWindow .TextBox,
.SimpleWindow .gwt-common-text-area { border: 1px solid #dbdcdc; border-radius: 4px; width: 100%; outline: none;
}
.SimpleWindow-dark .TextBox,
.SimpleWindow-dark .gwt-common-text-area { border: 1px solid #202A35; background-color: #202A35; color: #ffffff;
}
.SimpleWindow .content { width: 400px; display: flex; flex-direction: column; }
.SimpleWindow .content > *:not(:first-child) { margin-top: 10px; }
.SimpleWindow .button { align-self: center; } .SimpleWindow .svg img { width: 20px;
} @media screen and (max-width: 690px) { .SimpleWindow { padding: 20px; } .SimpleWindow .content { width: 100%; }
} /*combobox--------------------------------------------------------------------------------*/
.common-combobox-panel { padding: 2px;
} .common-combobox-panel img { cursor: pointer; margin: 4px 0 0 1px;
} .common-combobox-label { font-size: 14px; margin-left: 3px; margin-right: 2px; margin-top: 2px; cursor: pointer; white-space: nowrap;
}
.checkbox-label{ position: relative; display: inline-block; padding-left: 10px; cursor: pointer; font-size: 13px; line-height: 20px;
} /*commonTextBox--------------------------------------------------------------------------*/
.TextBox { width: 237px; padding-right: 4px; border: 1px solid #ffffff; height: 32px; border-radius: 2px; color: #000000; /*font-family: Helvetica, Arial, Helvetica Neue, sans-serif;*/ font-size: 14px; padding-left: 7px;
} .gwt-common-text-area { width: 237px; height: 48px; margin: 0; overflow-y: auto; padding: 4px 4px 0 7px; border: 1px solid #ffffff; color: #000000; /*font-family: Helvetica, Arial, Helvetica Neue, sans-serif;*/ font-size: 14px;
} .TextBoxError, .gwt-common-text-area-error { border: 1px #ec5b2b solid; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
} .gwt-common-box-error-message { background-color: #ec5b2b; font-size: 12px; color: #ffffff; border-radius: 4px; padding: 3px 6px;
} /*COMMON LIST ------------------------------------------------------------------------------------*/
.commonListBox { display: flex; align-items: center; border: 1px solid #FFFFFF; border-radius: 2px; color: #000000; height: 27px; padding-right: 0; position: relative; background-color: #ffffff; cursor: pointer; font-size: 14px; padding-left: 10px; width: 237px; }
.commonListBox:after { background: url(/public/images/svg/other/right.svg) no-repeat 0 0; content: ""; height: 18px; right: 0; position: absolute; top: 4px; width: 19px; transform: rotate(90deg);
}
.commonListBox-popupPanel { background-color: white; cursor: pointer; overflow-y: auto; z-index: 6; -webkit-box-shadow: 0 5px 21px -12px #5d5d5d; box-shadow: 0 5px 21px -12px #5d5d5d;}
.commonListBox-popupPanel-element { background-color: #ffffff; font-size: 14px; padding: 3px 10px; }
.commonListBox-popupPanel-element:hover { background-color: #f0f0f0; } /*CommonButton------------------------------------------------------------------------------------*/
.commonButton,
.commonButtonGray,
.commonButtonGraySmall,
.commonButtonOrange,
.commonButtonOrangeSmall { background-color: #FFFFFF; border-radius: 6px; color: #F86433; cursor: pointer; display: inline-block; font-size: 14px; padding: 5px 17px 5px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; transition: transform 0.3s ease;
}
.commonButton:hover,
.commonButtonGray:hover,
.commonButtonGraySmall:hover,
.commonButtonOrange:hover,
.commonButtonOrangeSmall:hover { transform: scale(1.05);
}
.commonButton:active,
.commonButtonGray:active,
.commonButtonGraySmall:active,
.commonButtonOrange:active,
.commonButtonOrangeSmall:active { transform: scale(0.95);
} .commonButton { color: #504f4f;
}
.commonButton:hover { background-color: #eaeaea;
} .commonButtonOrange:hover { background-color: #F86433; color: #FFFFFF;
} .commonButtonGray { color: #A1A1A1;
} .commonButtonGray:hover { background-color: #e9e9e9; color: #ababab;
} .commonButtonGraySmall { border-radius: 3px; color: #878787; line-height: 10px; font-size: 12px; padding: 6px;
} .commonButtonOrangeSmall { border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; line-height: 10px; font-size: 12px; padding: 6px;
} .commonButtonGraySmall:hover { background-color: #878787; color: #f5f5f5;
} .commonButtonOrange { background-color: #f86433; -webkit-box-shadow: none; box-shadow: none; color: #ffffff; cursor: pointer; display: inline-block;
}
.commonButtonOrange:hover { background-color: #ec5b2b;
} .commonButtonOrangeSmall { background-color: #f86433; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; color: #ffffff;
} .commonButtonGray-nonActive, .commonButtonGraySmall-nonActive { opacity: 0.1; filter: alpha(opacity=10); cursor: default;
} .commonButton-nonActive:hover, .commonButton-nonActive { opacity: 1; filter: alpha(opacity=100); cursor: default; background-color: #EEEEEE; color: #aaaaaa;
} .commonButtonOrange-nonActive:hover, .commonButtonOrange-nonActive, .commonButtonOrange .nonActive { opacity: 1; filter: alpha(opacity=100); cursor: default; background-color: #EEEEEE; color: #aaaaaa;
} /*CommonSwitch–––––––––*/
.CommonSwitch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; color: white;
}
.CommonSwitch .label { font-size: 14px; margin-left: 5px;
}
.CommonSwitch .switch { background-color: #2a3642; -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); border-radius: 20px; width: 34px; height: 20px; position: relative; cursor: pointer;
}
.CommonSwitch .switch:after { content: ""; position: absolute; background-color: #fff; border-radius: 10px; width: 20px; height: 20px; left: 0; top: 0; pointer-events: none; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);
}
.CommonSwitch .switch-on:after { background-color: #92e53a; left: 14px; }
.CommonSwitch-light { color: black; }
.CommonSwitch-light .switch { background-color: #d9dadb }
.CommonSwitch-light .switch:after { background-color: #828a93; }
.CommonSwitch-light .switch-on:after { background-color: #00bf34; } /*USER PANEL AUTHORIZATION-------------------------*/
.commonLoginWindow .google, .commonLoginWindow .vk, .commonLoginWindow .fb, .commonLoginWindow .tw, .commonLoginWindow .in { color: white; padding: 10px 0; text-align: center; width: 20%; cursor: pointer;
}
.commonLoginWindow .socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 6px; overflow: hidden;}
.commonLoginWindow .via { text-align: center; margin: 8px 0 6px; color: #628698; }
.commonLoginWindow .google { background: #c53e34; }
.commonLoginWindow .vk { background: #4c75a3; }
.commonLoginWindow .fb { background: #3b5997; }
.commonLoginWindow .tw { background: #1da1f2; }
.commonLoginWindow .in { background: #1178B2; }
.commonLoginWindow .google:hover { background: #a6352c; }
.commonLoginWindow .vk:hover { background: #3d597d; }
.commonLoginWindow .fb:hover { background: #2e4070; }
.commonLoginWindow .tw:hover { background: #1c86d0; }
.commonLoginWindow .in:hover { background: #10608e; }
.commonLoginWindow .fa-google-plus:before,
.commonLoginWindow .fa-vk:before,
.commonLoginWindow .fa-facebook:before,
.commonLoginWindow .fa-twitter:before,
.commonLoginWindow .fa-linkedin-square:before { font-size: 30px; line-height: 40px; }
.commonLoginWindow .tw-disabled, .commonLoginWindow .tw-disabled:hover { background-color: #dcdcdc !important; } .commonLoginWindow .content { padding: 10px; width: 290px; color: #dee2e6;}
.commonLoginWindow .content > *:not(:first-child) { margin-top: 0; } .commonLoginWindow .TextBox,
.commonRegistrationWindow .TextBox { margin: 9px 9px 0; width: 250px; } .commonLoginWindow .gwt-common-box-error-message,
.commonRegistrationWindow .gwt-common-box-error-message { width: 250px; margin: 0 9px; }
.commonLoginWindow-or { font-size: 14px; margin: 16px 0 5px; background: #5e6a77; height: 1px; position: relative; width: 100%; }
.commonLoginWindow-or span { background-color: #F7F8F8; color: #909696; height: 20px; left: 50%; line-height: 20px; margin: -11px 0 0 -26px; position: absolute; top: 50%; width: 52px; }
.commonLoginWindow-loginform-forgotlink { float: left; color: #dee2e6; cursor: pointer; font-size: 13px; text-decoration: underline; margin: 6px 0 0 11px; }
.commonLoginWindow .CommonSwitch { float: left; clear: left; margin-left: 12px; margin-top: 7px;}
.commonLoginWindow-loginform-loginbutton { margin: 10px; position: absolute; right: 0; }
.commonLoginWindow-register30secDiv { border-top: 1px solid #DEDEDE; padding: 5px 11px; margin-top: 9px !important; font-size: 13px; text-align: center; }
.commonLoginWindow-register30secDiv-link { color: #628698; cursor: pointer; text-decoration: underline; }
.commonRegistrationWindow .content { width: 270px; text-align: center; padding: 0 0 10px; }
.commonRegistrationWindow-submit { margin-bottom: 17px; } .commonRegistrationWindow-join { color: #5A5F65; font-size: 20px; margin-top: 12px; } .commonRegistrationWindow-reg30sec { font-size: 20px; margin-bottom: 15px; }
.commonRegistrationWindow-reg30sec span { color: #F86333; }
.commonRegistrationWindow-agreement { font-size: 11px; padding: 14px 13px; }
.commonRegistrationWindow .content > *:not(:first-child) { margin-top: 0; } /*-------------------- END WINDOWS --------------------------------------------------*/ /*common User image*/
.CommonUserImage { position: relative;
}
.CommonUserImage img { border-radius: 4px;
}
.CommonUserImage .premium { position: absolute; bottom: 0; right: -5px; background: rgba(255, 255, 255, 0.87) url(/public/images/svg/design/royal-v2.svg); border-radius: 3px; width: 15px; height: 16px; background-size: 15px;
} #userPanel { margin-right: 11px; } .UserPanelAuthed { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: -5px; }
.UserPanelAuthed .CommonUserImage .img { height: 30px; width: 30px; }
.UserPanelAuthed .getPremium { text-align: center; text-shadow: 1px 1px #04a204; color: white; border: 1px #04a204 solid; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border-radius: 2px; background-color: rgb(4, 193, 3); padding: 0 3px; cursor: pointer; font-size: 11px; margin-right: 5px;
}
.UserPanelAuthed .getPremium:hover { text-shadow: 1px 1px #04a204; border: 1px #04a204 solid; background-color: #04a204;
}
.userPanel-username { float: left; line-height: 40px; padding-right: 23px; font-size: 18px; height: 30px; margin: 0 0 0 7px; }
.userPanel-alert { background-color: #F86433; border-radius: 11px; color: #FFFFFF; display: inline-block; line-height: 11px; padding: 2px 4px; position: absolute; right: -7px; top: -5px; font-size: 11px; font-weight: bold; }
.UserPanelAutherMenu { border-radius: 6px; overflow: hidden !important; white-space: pre; -webkit-box-shadow: 0px 4px 10px -6px black; box-shadow: 0px 4px 10px -6px black; }
.UserPanelAutherMenu .popupContent > div{ white-space: pre; -webkit-box-shadow: 0px 4px 10px -6px black; box-shadow: 0px 4px 10px -6px black; }
.UserPanelAutherMenu .CommonHTML { cursor: pointer; font-size: 14px; line-height: 30px; padding-left: 10px; padding-right: 10px; text-decoration: none; background-color: #FFFFFF; border-top: 1px whitesmoke solid; }
.UserPanelAutherMenu .CommonHTML:hover { background-color: #e0e3e3; }
.UserPanelAutherMenu .removeAds { color: #f96534; font-weight: 500; }
.UserPanelAutherMenu-event { background-color: #F86433; border-radius: 11px; color: #FFFFFF; line-height: 11px; padding: 2px 4px; position: absolute; right: 2px; font-size: 11px; font-weight: bold;
} .userOnline { background-color: #79F979; border-radius: 10px; display: inline-block; height: 10px; position: relative; width: 10px; margin: 5px 2px 0 0; vertical-align: top; } /*EmailWindow –––––––––*/
.EmailWindow { width: 400px; padding: 10px; }
.EmailWindow .commonWindow-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.EmailWindow .TextBoxWrapper { width: 100%; }
.EmailWindow .TextBoxWrapper * { width: 100%; }
.EmailWindow .commonWindow-content > div:not(:first-child) { margin-top: 10px; } /* TABS PANEL */
.commonTabBodyContent-top { padding: 4px; border-radius: 2px; }
.commonTabMenu-top { height: 80px; position: relative; background-color: #EFF2F2; }
.commonTabItem-label { height: 80px; line-height: 80px; padding: 0 31px; white-space: nowrap; word-wrap: break-word; }
.commonTabItem-label span { color: #FF6600; font-weight: bold; }
.commonTabItem-top { float: left; font-size: 16px; cursor: pointer; }
.commonTabItem-top-active, .commonTabItem-top-active:hover { background-color: #F6F8F8; color: #000000; cursor: default; height: 80px; margin-top: 0; }
.commonTabItem-label:hover { background-color: #F6F8F8; } /* USER SETTINGS POPUP––––––––––––*/
.TabAbout .CommonLabelAwesome { margin: 20px;
} .TabAbout .fa { margin-right: 5px;
} .textboxline-box { margin: 3px 0;
} .textboxline-textLabel { margin: 3px 0;
} /*RESTOREPASS window---------------------------*/ @media screen and (max-width: 530px) { .commonWindow-content { margin: 0; padding-bottom: 0; }
} /*ALERT WINDOW*/
.commonAlertWindow-glass { background-color: rgba(0,0,0,0.5); z-index: 999999;
}
.commonAlertWindow { padding: 7px 13px 11px; z-index: 999999; border-radius: 12px;
}
.commonAlertWindow .title { margin: 3px 0 7px 0; font-size: 14px;
}
.commonAlertWindow .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.commonAlertWindow .buttons > div { margin: 0 3px;
}
.commonAlertWindow-warn { background-color: #ff3c3c; color: #FFFFFF;
} .commonAlertWindow-info { background-color: #212d3b; color: #FFFFFF;
} .commonAlertWindow-image { margin: 1px;
} /*commonWindowSimple*/
.commonWindowSimple { background-color: #EFF2F2; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); padding: 6px;
}
.PremiumAlertWindow { background-color: transparent; box-shadow: none; width: 320px;
} .PremiumAlertWindow .content { display: flex; justify-content: center; flex-direction: column; align-items: center;
}
.PremiumAlertWindow .crown { cursor: pointer; background-color: rgba(64, 64, 64, 0.62); transition: transform 0.5s cubic-bezier(0, 0, 0.09, 1.68); display: flex; justify-content: center; flex-direction: column; align-items: center; border-radius: 4px;
}
.PremiumAlertWindow .crown .icon { background: url("/public/images/svg/design/royal-v2.svg") no-repeat center center; background-size: 96px; width: 125px; height: 100px;
}
.PremiumAlertWindow .crown:hover .icon{ background: url("/public/images/svg/design/royal-v2.svg") no-repeat center center; background-size: 96px; width: 125px; height: 100px;
}
.PremiumAlertWindow .crown .text { color: white; font-size: 80%;
}
.PremiumAlertWindow .commonListBox { width: 78px; margin-top: 17px;
} /*commonInfoWindow -------------------------------------------------------------------*/
.alertManager-container { position: fixed; left: 50%; top: 40%; }
.commonInfoWindow { border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 1px 4px 3px -4px gray; box-shadow: 1px 4px 3px -4px gray; color: white; font-size: 14px; margin-bottom: 7px; padding: 4px 7px 6px; width: 300px; }
.newRegAuthAlert { background-color: #CC0000; border: 1px solid red; }
.newRegAuthAlert-login { border-bottom: 1px dashed white; cursor: pointer; font-weight: 700; }
.errorAlert { background-color: #CC0000; border: 1px solid red; color: #ffffff; }
.infoAlert { background-color: #00A600; border: 1px solid green; color: #ffffff; }
.messageAlert { background-color: #6a88b9; border: 1px solid #4f678c; color: #ffffff; } /*HINT----------------------------------------------------------------*/
.hint, [data-hint] { position: relative; display: inline-block; }
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after { position: absolute; visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; }
.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after { visibility: visible; opacity: 1; -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
.hint:after, [data-hint]:after { content: attr(data-hint); white-space: nowrap; border: 1px solid #F3D792; color: #333; border-radius: 12px; font-size: 14px; margin-bottom: 8px; padding: 2px 10px; background: #FDF1B5; }
.hint--top:before { margin-bottom: -12px; }
.hint--top:after { margin-left: -18px; }
.hint--top:before, .hint--top:after { bottom: 100%; left: 50%; } @media screen and (max-width: 768px) { h1 { padding-left: 3px; }
} /* ---- FEATURES ----*/
.post_image img { height: 28px; width: 28px; border-radius: 2px;
} /*================header==============*/
@media screen and (max-width: 600px) { #userPanel { display: none; }
} @media screen and (max-width: 500px) { .content { display: block; padding-left: 10px; padding-right: 10px; }
} /*/---==----------------------------------------------------------/*/
.CanvasCommon { position: relative;
}
.CanvasCommon-tooltipsContainer { position: absolute; left: 0; top: 0;
}
.CanvasCommon-fullscreen { position: fixed; z-index: 1; top: 0; left: 0;
}
.canvasCoverBackgroundImage { position: absolute; left: 0; z-index: -1; top: 0; width: 100%; height: 100%; display: none;
}
.DrawableTooltipPopup { background-color: #000000; color: #ffffff; display: inline-block; position: absolute; border-radius: 3px; white-space: nowrap; padding: 4px 10px; font-size: 13px; opacity: 0.6; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;
}
.DrawableTooltipPopup:after { content: ""; height: 10px; bottom: -10px; left: 50%; width: 12px; opacity: 1; margin-left: -6px; position: absolute; border-top: 6px #000 solid; border-left: 6px rgba(0, 0, 0, 0) solid; border-right: 6px rgba(0, 0, 0, 0) solid;
} canvas { display:block; } /*choose type panel*/
/*//-------------------*/
.divWithLineBreaks { position: fixed; font-weight: 500; top: -10000px; /*font-family: Arial, serif;*/ white-space: nowrap;
} .hiddenTextWidthDetect { position: fixed; font-weight: 500; top: -1000px; right: -1000px; /*font-family: Arial, serif;*/ white-space: nowrap;
} .LineCanvasContainer { position: relative;
} /*StatisticPopupValue----------*/
.StatisticPopupValue { position: absolute; pointer-events:none; z-index: 3;
}
.StatisticPopupValue .content { padding: 0 4px; border-radius: 4px; white-space: nowrap; color: white; font-size: 14px; font-weight: 500; background-color: rgba(0, 0, 0, 0.6);
} /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; } /*#commonAddLine–––––––––––––––––––––––*/
#commonAddLine { background: url("/public/images/svg/create-pencil.svg") no-repeat right 7px center; background-color: #f86433; background-size: 15px; border-radius: 6px; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; line-height: 30px; padding-left: 10px; position: relative; height: 30px; padding-right: 31px; text-decoration: none;
} #commonAddLine:hover { background-color: #ec5b2b; border-color: #ec5b2b;
}
@media screen and (max-width: 320px) { body { width: 320px; padding: 0; } #commonAddLine { display: none !important; }
} /*GOOGLE MAPS ––––––––––––––––––––––––*/
.commonMap { width: 100%; height: 100%; position: relative;
}
.commonMap .map { width: 100%; height: 100%;
}
.commonMap .controlsZoom { position: absolute; right: 14px; top: 24px; bottom: auto; width: 43px; height: auto; background: none;
}
.commonMap .control { cursor: pointer; margin-bottom: 3px; width: 33px; height: 33px;
}
.commonMap .map-layers { position: absolute; right: 15px; top: 15px; bottom: auto;
}
.commonMap .commonMap-control { background-color: #fff; color: #343434; cursor: pointer; float: left; margin-right: 2px; padding: 3px 14px; line-height: 17px; font-size: 12px; -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.25); box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.25);
} .commonMap .left { border-bottom-left-radius: 4px; border-top-left-radius: 4px;
} .commonMap .right { border-bottom-right-radius: 4px; border-top-right-radius: 4px;
} .commonMap .commonMap-control-selected { font-size: 13px; font-weight: bold; line-height: 17px;
}
.commonMapTooltip { background-color: rgba(0, 0, 0, 0.8); border-radius: 2px; color: #FFFFFF; cursor: default; font-size: 16px; padding: 0 4px 1px; position: absolute; white-space: nowrap;
} /*UserSettingsWindow ––––––––*/
.UserSettingsWindow .CommonUserImage { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;
}
.UserSettingsWindow .genderSwitch { /*align-self: center;*/
}
.UserSettingsWindow .genderSwitch .label { color: black;
}
.UserSettingsWindow .genderSwitch .fa { padding: 0 10px;
}
.separate { border-top: 5px #BEBFBF dashed; height: 1px; width: 100%; margin: 30px 0 !important;
}
.PremiumLabel-premium { text-align: center; text-shadow: 1px 1px #d48b01; color: white; border: 1px #ff7b00 solid; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border-radius: 2px; background-color: rgb(255, 167, 0); padding: 0 3px;
}
.PremiumLabel-get { text-align: center; text-shadow: 1px 1px #03a105; color: white; border: 1px #04a204 solid; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border-radius: 2px; background-color: rgb(4, 193, 3); padding: 0 3px; cursor: pointer;
}
.PremiumLabel-get:hover { text-shadow: 1px 1px #04a204; border: 1px #04a204 solid; background-color: #04a204;
}
.UserSettingsWindow .delete { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; text-decoration: underline; font-size: 80%; color: #f86333; margin-bottom: 10px; cursor: pointer;
}
.UserSettingsWindow .CommonSwitch { justify-content: space-between; flex-direction: row-reverse;
}
.UserSettingsWindow .CommonSwitch .label { margin-left: 0;
} /*UseYourMouseToInteractWithTimeline–––––––––––––*/
.UseYourMouseToInteractWithTimeline { opacity: 0.95; }
.UseYourMouseToInteractWithTimeline .content { width: 230px; }
.UseYourMouseToInteractWithTimeline img { width: 60px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
.UseYourMouseToInteractWithTimeline span { color: #ff9b7a; font-weight: 500; } /*ImageUploaderWindow----------*/
.ImageUploaderWindow .or span { background-color: #404e5d; padding: 0 22px; margin-top: -11px; display: inline-block; vertical-align: top;
} .ImageUploaderWindow .or { border-bottom: 1px #aaaaaa solid; height: 0px; overflow: visible; text-align: center; margin: 10px; color: #aaaaaa; margin-bottom: 21px;
}
.ImageUploaderWindow .bottomContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 18px;
}
.ImageUploaderWindow .content { background-color: #404e5d; width: 420px; text-align: center; padding: 0;
}
.ImageUploaderWindow .content > *:not(:first-child) { margin-top: 0;
} .ImageUploaderWindow .uploadImg { background: url(/public/images/svg/upload-green.svg) no-repeat center 12px; background-size: 30px; height: 80px; padding-top: 44px; background-color: #212b36; margin-bottom: 18px; cursor: pointer; color: #346a4a;
} .ImageUploaderWindow .textBox { border-width: 0; background-color: #202A35; border-radius: 5px; color: white; margin-right: 10px; outline: none; width: 324px;
}
/*–––––––YouTubeUploaderWindow–––––––*/
.YouTubeUploaderWindow .content { background-color: #404e5d; width: 420px; text-align: center; padding: 0;
}
.YouTubeUploaderWindow .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 18px; margin-top: 18px;
}
.YouTubeUploaderWindow .textBox { border-width: 0; background-color: #202A35; border-radius: 5px; color: white; margin-right: 10px; outline: none; width: 324px;
}
/*GoogleSpreadsheetImportWindow–––––––––––*/
.GoogleSpreadsheetImportWindow .title { margin-bottom: 10px;
}
.GoogleSpreadsheetImportWindow .content { width: 420px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #404e5d; color: #f5f5f5;
}
.GoogleSpreadsheetImportWindow .ok { margin: 10px auto;
}
.GoogleSpreadsheetImportWindow .url { width: 100%;
}
/*–––––––PIN ON MAP WINDOW ––––––––––*/
.PinOnMapWindow .content { background-color: #404e5d; width: 420px; text-align: center; padding: 0;
}
.PinOnMapWindow .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 18px; margin-top: 18px;
}
.PinOnMapWindow .textBox { border-width: 0; background-color: #202A35; border-radius: 5px; color: white; margin-right: 10px; outline: none; width: 280px;
} .PinOnMapWindow .mapContainer { height: 250px;
}
.PinOnMapWindow .ok { margin: 13px 0; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;
} /*ImageCropperWindow----------*/
.ImageCropperWindow { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.ImageCropperWindow .content { background-color: #404e5d; width: 420px;
}
.ImageCropperWindow .commonButtonOrange { margin: 20px auto 0;
}
.ImageCropperTimelimeIlustrationWindow .content { background-color: #404e5d; width: 420px; text-align: center; font-size: 20px; color: white;
}
.ImageCropperTimelimeIlustrationWindow .title { margin-bottom: 10px;
}
.ImageCropperTimelimeIlustrationWindow .cancel, .ImageCropperTimelimeIlustrationWindow .save { display: inline-block; margin: 16px 8px 0;
}
.ImageCropperWindow .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.ImageCropperWindow .buttons div { margin: 10px 10px 0 0;
} .hidden { display: none !important;
} #contentContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative;
}
#timelineContainer { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative;
} .delimiter { background-color: rgba(33, 45, 59, 0.74); width: 1px; height: 100%; display: inline-block; margin: 0 7px;
}
/*SWITCHES------------*/
.switchContainer { color: white; position: relative; margin: 7px; height: 26px; display: inline-block; 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);
}
.switchContainer .switch { cursor: pointer; border-radius: 3px; display: inline-block; -webkit-transition: .15s ease; -o-transition: .15s ease; transition: .15s ease; height: 26px; padding: 0 12px; line-height: 26px;
} input[type="radio"]:checked + .switch { color: #fff; padding-left: 1em; padding-right: 1em;
}
input[type="radio"]:checked + .switch--on { background: #1FAAFC; 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);
} /*ACCESS--------------*/
.switchContainer img { display: inline-block; width: 17px; margin: 3px; vertical-align: top;
} /*DrawableEditCommonPanel-------------------*/
.DrawableEditCommonPanel { 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 .UploadMediaPanel { 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 .UploadMediaPanel .imageLoading { background: url(/public/images/loading-white.gif) no-repeat center; height: 80px; padding: 12px; width: 80px; border-radius: 6px; background-color: #212b36; margin-bottom: 18px; cursor: pointer;
} .DrawableEditCommonPanel .UploadMediaPanel .noImage { background: #212b36 url(/public/images/svg/w-camera.svg) no-repeat center; background-size: 30px;
} .DrawableEditCommonPanel .UploadMediaPanel .addPanel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
}
.DrawableEditCommonPanel .UploadMediaPanel .addPanel 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 .UploadMediaPanel .addPanel div:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
}
.DrawableEditCommonPanel .UploadMediaPanel .addPanel div:active { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);
}
.DrawableEditCommonPanel .UploadMediaPanel .addImage { background: #212b36 url(/public/images/svg/w-camera.svg) no-repeat center;
}
.DrawableEditCommonPanel .UploadMediaPanel .addYouTube { background: #212b36 url(/public/images/svg/youtube-w.svg) no-repeat center;
}
.DrawableEditCommonPanel .UploadMediaPanel .pinOnMap { background: #212b36 url(/public/images/svg/pin-on-map.svg) no-repeat center;
}
.DrawableEditCommonPanel .UploadMediaPanel .addFile { background: #212b36 url(/public/images/svg/files/file.svg) no-repeat center;
} .DrawableEditCommonPanel .UploadMediaPanel .mediaContainer { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 270px;
}
.DrawableEditCommonPanel .UploadMediaPanel .mediaContainer .image { height: 80px; width: 80px; border-radius: 6px; cursor: pointer; border: 1px #212b36 solid; margin-right: 5px; margin-bottom: 5px;
}
.DrawableEditCommonPanel .UploadMediaPanel .mediaContainer .file { background-size: 50px; background-repeat: no-repeat; background-position: center; height: 80px; width: 80px; border-radius: 6px; cursor: pointer; border: 1px #212b36 solid; margin-right: 5px; margin-bottom: 5px;
}
.DrawableEditCommonPanel .UploadMediaPanel .mediaContainer .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 .UploadMediaPanel .mediaContainer .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 .UploadMediaPanel .mediaContainer .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 .UploadMediaPanel .mediaContainer .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 .UploadMediaPanel .mediaContainer .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 .UploadMediaPanel .mediaContainer .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 .UploadMediaPanel .mediaContainer .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;
} .DrawableEditGroupPanel-addObjectPanel { 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; border-radius: 5px; color: white; outline: none; resize: none; width: 100%;
} .DrawableEditCommonPanel .progress, .DrawableEditCommonPanel .metric { margin-bottom: 15px; width: 50%;
} .DrawableEditCommonPanel .gwt-common-text-area { 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%;
} .DrawableEditCommonPanel .text { color: white; font-size: 13px; font-weight: 400; margin-bottom: 6px; margin-top: 14px;
} .DrawableEditCommonPanel .colorInput { border-width: 0; border-radius: 5px; color: white; outline: none; width: 50%;
} .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 { width: 40px; height: 40px; cursor: pointer; border-radius: 3px; -webkit-transition: .15s ease; -o-transition: .15s ease; transition: .15s ease; padding: 8px;
} .EditSwitches img.active { /*padding: 3px 6px;*/ 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);
} /*COLOR PICKER-––––––––––––––––––––––––––––––*/
.color-picker { background-color: rgba(0, 0, 0, 0.9); border: 4px solid rgba(0, 4, 0, 0.7); border-radius: 4px;
}
.color-picker-box { display: block; float: left; cursor: pointer; width: 30px; height: 30px; border: 1px #1f1f1f solid;
} /*EventEditImageCircle––––––––––––––––*/
.EventEditImageCircle { } /*TOOLTIP––––––––––––––––––––––––––––*/
.tooltip { display: none; position: absolute; border-radius: 5px; padding: 5px; color: #fff; font-size: 12px; z-index: 9999999; white-space: nowrap; /*transition: .15s ease;*/ background: #1FAAFC; 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); /*-webkit-transition-delay: 100ms;*/ /*-moz-transition-delay: 100ms;*/ /*transition-delay: 100ms;*/
} /*----------------WidgetSvgImage-------------*/
.WidgetSvgImage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer;
}
.WidgetSvgImage img { width: 19px;
}
/*----------------WidgetSvgImageLabel-------------*/
.WidgetSvgImageLabel { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; padding: 3px; border: 1px #d0d0d0 solid; cursor: pointer;
}
.WidgetSvgImageLabel:hover { background-color: #e8e8e8;
}
.WidgetSvgImageLabel img { width: 16px; margin-left: 6px;
} /*TimelineSaveWindow ------------------------------*/
.TimelineSaveWindow .content { background-color: #404e5d; width: 420px; text-align: center; font-size: 20px; color: white;
}
.TimelineSaveWindow .cropPanel { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.TimelineSaveWindow .cropPanel .title { margin-bottom: 5px;
}
.TimelineSaveWindow .cropPanel .cancel { margin-right: 13px;
}
.TimelineSaveWindow .cropPanel .save { margin: 14px 0 0; }
.TimelineSaveWindow .savePanel .img { width: 230px; border-radius: 4px; cursor: pointer; position: relative;
}
.TimelineSaveWindow .savePanel .img:hover { }
.TimelineSaveWindow .savePanel .img:hover:after { content: ""; top: 0; right: 0; width: 10px; height: 10px; background-color: red; position: absolute;
}
.TimelineSaveWindow .savePanel .save { margin-top: 9px;
}
.TimelineSaveWindow .name { border-width: 0; background-color: #202A35; border-radius: 5px; color: white; outline: none; resize: none; width: 400px; margin-top: 11px;
} .TimelineSaveWindow .description { border-width: 0; background-color: #202A35; border-radius: 5px; color: white; margin-top: 15px; outline: none; resize: none; width: 400px;
} /* CIRCLE EDITOR- ---------------*/
.CircleUtilsObject { position: fixed; top: 0; left: 0; overflow: visible; height: 0; width: 0; z-index: 7;
}
.CircleUtilsObject > div { width: 40px; height: 40px; margin: -20px; border-radius: 25px; background-color: #212b37; position: fixed; cursor: pointer; /*opacity: 0;*/ -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.09, 1.38); -o-transition: all 0.5s cubic-bezier(0, 0, 0.09, 1.38); transition: all 0.5s cubic-bezier(0, 0, 0.09, 1.38); -webkit-box-shadow: 0px 0px 5px -2px black; box-shadow: 0px 0px 5px -2px black; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
} .editorLight .CircleUtilsObject > div { background-color: #fbf8f8; -webkit-box-shadow: 0px 0px 5px -2px black; box-shadow: 0px 0px 4px 0px black;
}
.CircleUtilsObject > div.open { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); /*opacity: 1;*/
}
.CircleUtilsObject img { width: 20px; margin: 10px;
}
.CircleUtilsObject > div:hover { background-color: #455c78; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
}
.CircleUtilsObject > div:active { background-color: #6488ad; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);
}
/*YouTubeEmbedIframe––––––––––*/
.YouTubeEmbedIframe { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.YouTubeEmbedIframe .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*info--------–––––––––––––––––––––––––––––––––––––––––––-----------*/
.InformationWindow { z-index: 5; }
.InformationWindow .content { width: 520px; }
.InformationWindowBlack .content { width: 520px; background-color: #404e5d; color: #f5f5f5; }
.InformationWindow iframe { display: -webkit-box; display: -ms-flexbox; display: flex; }
.InformationWindow .media, .InformationWindow .commonMap { border-radius: 6px; }
.InformationWindow .map { height: 400px; }
.InformationWindow .content img { min-height: 500px; }
.InformationWindow .gwt-Anchor { -ms-flex-item-align: start; align-self: flex-start; }
.InformationWindow .CanvasCommon { border-radius: 6px; overflow: hidden; margin-top: 12px; margin-bottom: 17px;
}
@media screen and (max-width: 580px) { .InformationWindow .content { width: 100%; } .InformationWindow .media, .InformationWindow .map { width: 100%; }
} .TimeWidget .periodContainer{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.TimeWidget .periodContainerFromNow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 70%; color: #585858; }
.TimeWidget .line{ background-color: #adadad; height: 1px; }
.TimeWidget .passed{ text-align: center; font-weight: 500; }
.TimeWidget .now{ color: #ffffff; font-weight: 500; border-radius: 3px; padding: 0 4px; text-shadow: 1px 1px 1px #6f6f6f; font-size: 80%; background-color: #41ad41; } .EventInformationWindow .name { margin: 5px 0; font-size: 26px; }
.EventInformationWindow .time { margin: 0 0 20px 0; font-size: 26px; }
.PeriodInformationWindow .name { margin: 5px 0; font-size: 26px; }
.PeriodInformationWindow .desc { word-wrap: break-word; } .MediaYouTubeWindow .content,
.MediaPhotoWindow .content,
.MediaVimeoWindow .content,
.MediaPinOnMapWindow .content,
.MediaBrowsePinOnMapWindow .content{ background-color: rgba(0, 0, 0, 0.84);
}
.MediaBrowsePinOnMapWindow .map { height: 300px;
} /*CommonSelectableSwitch-––––––––––––––––––––––––*/
.CommonSelectableSwitch { display: -webkit-box; display: -ms-flexbox; display: flex; color: white; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.CommonSelectableSwitch .label { margin: 0 7px 0 0; }
.CommonSelectableSwitch .container { display: -webkit-box; display: -ms-flexbox; display: flex; color: white; position: relative; height: 26px; 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); }
.CommonSelectableSwitch .container .switchWrapper { cursor: pointer; border-radius: 3px; display: inline-block; -webkit-transition: .15s ease; -o-transition: .15s ease; transition: .15s ease; height: 26px; padding: 0 0 0 7px; line-height: 26px; }
.CommonSelectableSwitch .container .simpleWrapper { padding: 0;
}
.CommonSelectableSwitch .container .switchWrapper.selected { background-color: #1FAAFC; 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); color: #fff; padding-left: 10px; padding-right: 2px; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
}
.CommonSelectableSwitch .container .simpleWrapper.selected { padding-left: 1px; padding-right: 1px;
}
.CommonSelectableSwitch .container .table { padding-right: 33px; background: url("/public/images/svg/table.svg") no-repeat right 8px center; background-size: 18px; height: 26px;
}
.CommonSelectableSwitch .container .timeline { padding-right: 33px; background: url("/public/images/svg/timeline.svg") no-repeat right 8px center; background-size: 18px; height: 26px;
}
.CommonSelectableSwitch .container .on { background: url("/public/images/svg/fullscreen-on.svg") no-repeat center; background-size: 36px; width: 36px; height: 26px;
}
.CommonSelectableSwitch .container .off { background: url("/public/images/svg/fullscreen-off.svg") no-repeat center; background-size: 36px; width: 36px; height: 26px;
} /*–––––––––––––––*/
/*CommonCommentAdding–––––––––––*/
.CommonCommentAdding .gwt-common-text-area { width: 100%; }
.CommonCommentAdding { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1px; background-color: #f9f9f9; padding: 8px; }
.CommonCommentAdding img { width: 30px; height: 30px; border-radius: 4px; }
.CommonCommentAdding .content { margin-left: 8px; width: 100%; }
.CommonCommentAdding textarea { background-color: rgb(234, 234, 234); border: 0; border-radius: 3px; width: 100%; resize: none; outline: none; } /*UserCommentPanel––––––––––––––––––––––*/
.UserCommentPanel { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1px; background-color: #f9f9f9; padding: 8px;
}
.UserCommentPanel img { width: 30px; min-width: 30px; min-height: 30px; border-radius: 4px;
}
.UserCommentPanel .content { margin-left: 8px;
}
.UserCommentPanel .user { }
.UserCommentPanel .online-true:after { content: ""; background-color: #14d014; border-radius: 10px; width: 10px; height: 10px; margin-left: 5px; display: inline-block;
}
.UserCommentPanel .online-true { }
.UserCommentPanel .text { }
.UserCommentPanel .ts { }
.CommentsPanel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 12px;
}
.CommentsPanel a { font-size: 16px;
}
.CommentsPanel .ts { font-size: 11px;
}
.CommentsPanel .text { font-size: 16px;
}
.AddingCommentPanel .gwt-common-text-area { width: 100%;
}
.AddingCommentPanel { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1px; background-color: #f9f9f9; padding: 8px;
}
.MessagesContainer { }
.MessagesContainer .ts { color: #9c9c9c; font-size: 11px; font-weight: 100;
}
.AddingCommentPanel img { width: 30px; border-radius: 2px;
}
.AddingCommentPanel .content { margin-left: 8px; width: 100%;
}
.AddingCommentPanel textarea { background-color: rgb(234, 234, 234); border: 0; border-radius: 3px; width: 100%; resize: none; outline: none;
}
/*EmbedTimelineCodeWindow –––––––––––––*/
.EmbedTimelineCodeWindow .CommonLabel { }
.EmbedTimelineCodeWindow .commonButtonOrange { margin: 0 auto;
}
.EmbedTimelineCodeWindow textarea { width: 100%; height: 150px; resize: none; outline: none;
}
/*DRAG–––––––––––––*/
.draggable-container { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.draggable { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: move !important; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.draggable:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);
}
.draggable:active { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);
}
.drag-start { opacity: 0.5; filter: alpha(opacity=50);
}
.drag-enter { opacity: 0.8; filter: alpha(opacity=80); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);
} /*DrawableGroupExpandCarusel–––––––*/
.DrawableGroupExpandCarusel div { -webkit-box-shadow: none; box-shadow: none;
}
.DrawableGroupExpandCarusel img { width: 40px; margin: 0;
} /*LOADING–––––––––––––*/
#loading, .loading { position:fixed; top:45%; bottom:45%; left:25%; right:25%; z-index: 9999999;
}
.circularGG{ position:relative; width:48px; height:48px; margin: auto; }
.circularG{ position:absolute; background-color:rgb(3,163,237); width:11px; height:11px; border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; animation-name:bounce_circularG; -o-animation-name:bounce_circularG; -ms-animation-name:bounce_circularG; -webkit-animation-name:bounce_circularG; -moz-animation-name:bounce_circularG; animation-duration:1.1s; -o-animation-duration:1.1s; -ms-animation-duration:1.1s; -webkit-animation-duration:1.1s; -moz-animation-duration:1.1s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; }
.circularG_1{ left:0; top:19px; animation-delay:0.41s; -o-animation-delay:0.41s; -ms-animation-delay:0.41s; -webkit-animation-delay:0.41s; -moz-animation-delay:0.41s; }
.circularG_2{ left:5px; top:5px; animation-delay:0.55s; -o-animation-delay:0.55s; -ms-animation-delay:0.55s; -webkit-animation-delay:0.55s; -moz-animation-delay:0.55s; }
.circularG_3{ top:0; left:19px; animation-delay:0.69s; -o-animation-delay:0.69s; -ms-animation-delay:0.69s; -webkit-animation-delay:0.69s; -moz-animation-delay:0.69s; }
.circularG_4{ right:5px; top:5px; animation-delay:0.83s; -o-animation-delay:0.83s; -ms-animation-delay:0.83s; -webkit-animation-delay:0.83s; -moz-animation-delay:0.83s; }
.circularG_5{ right:0; top:19px; animation-delay:0.97s; -o-animation-delay:0.97s; -ms-animation-delay:0.97s; -webkit-animation-delay:0.97s; -moz-animation-delay:0.97s; }
.circularG_6{ right:5px; bottom:5px; animation-delay:1.1s; -o-animation-delay:1.1s; -ms-animation-delay:1.1s; -webkit-animation-delay:1.1s; -moz-animation-delay:1.1s; }
.circularG_7{ left:19px; bottom:0; animation-delay:1.24s; -o-animation-delay:1.24s; -ms-animation-delay:1.24s; -webkit-animation-delay:1.24s; -moz-animation-delay:1.24s; }
.circularG_8{ left:5px; bottom:5px; animation-delay:1.38s; -o-animation-delay:1.38s; -ms-animation-delay:1.38s; -webkit-animation-delay:1.38s; -moz-animation-delay:1.38s; }
@keyframes bounce_circularG{ 0% { -webkit-transform:scale(1); transform:scale(1); } 100%{ -webkit-transform:scale(.3); transform:scale(.3); } } @-webkit-keyframes bounce_circularG { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(.3); } } /*PointTimeInformation––––––*/
.PointTimeInformation { position: absolute; left: 7px; bottom: 59px; background-color: rgba(0, 0, 0, 0.59); color: #dadada; padding: 3px; font-size: 12px; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none;
} /*/TimePicker––––––––––––––––––*/
.TimePicker { width: 240px; padding: 0; background-color: #ececec; z-index: 5;
}
.TimePicker .header { position: relative; overflow: hidden; padding: 6px 0 5px 23px; cursor: pointer;
}
.TimePicker .header:nth-of-type(2) { border-top: 1px #d2d2d2 solid; } .TimePicker .header:before { content: ""; position: absolute; background: url(/public/images/svg/other/right.svg) no-repeat center 0; background-size: 18px; width: 20px; left: 3px; height: 20px; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; -o-transition: transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.TimePicker .label-open:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.TimePicker .labelContainer { padding: 6px; background-color: #ececec; /*#e6dfd8*/ /*transition: all 0.2s ease-in-out;*/ /*overflow: hidden;*/
}
.TimePicker .durationContainer { display: -webkit-box; display: -ms-flexbox; display: flex;
}
.TimePicker .durationContainer .commonListBox { width: 111px; margin: 0 0 0 6px; height: 25px;
}
.TimePicker .monthsContainer .commonListBox { width: 60px; /*margin: 0 0 0 6px;*/ height: 25px;
} .TimePicker .durationContainer .TextBox { width: 100%; }
.TimePicker .dateContainer .TextBox { width: 80px; }
.TimePicker .dateContainer > div:nth-of-type(1) { -ms-grid-column-align: center; justify-self: center;
}
.TimePicker .dateContainer > div { width: 100%; margin-bottom: 4px;
}
.TimePicker .dateContainer .flexrow > div { -ms-flex-preferred-size:50%; flex-basis:50%;
}
.TimePicker .dateContainer .flexrow > div:nth-of-type(1) { text-align: right; margin-right: 4px;
}
.TimePicker .dateContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
} .TimePicker * { font-size: 12px;
}
.TimePicker .TextBox { height: 25px;
}
.TimePicker .yearBox { width: 100%;
}
.TimePicker .yearContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; margin: 7px 0;
}
.TimePicker .yearContainer .TextBoxWrapper { width: 90px;
}
.TimePicker .yearLabel, .TimePicker .CommonSwitch, .TimePicker .dayLabel { }
.TimePicker .timeLabel { }
.TimePicker .datetimeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 7px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.TimePicker .dayBox, .TimePicker .hourTextBox, .TimePicker .minuteTextBox { width: 34px;
}
.TimePicker .timeDelim { }
.TimePicker .hotlinksContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 7px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.TimePicker .hotlinksContainer div { cursor: pointer; text-decoration: underline; margin: 0 3px; color: #188dd0;
} /*StatisticAreaPanel––––––––––*/
.StatisticAreaPanel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 28px; }
.StatisticAreaPanel .modeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #f5f5f5; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.StatisticAreaPanel .modeContainer .addNewRow { background-color: #f8783b; padding: 0 7px; border-radius: 3px; color: white; cursor: pointer;
}
.StatisticAreaPanel .dataContainer { display: -webkit-box; display: -ms-flexbox; display: flex; }
.StatisticAreaPanel .dataContainer .datatable { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.StatisticAreaPanel .dataContainer .gwt-common-textareaWrapper { width: 100%;
}
.StatisticAreaPanel .dataContainer .rawTextArea { width: 100%; outline: none; resize: none;
}
.StatisticAreaPanel .dataContainer .datatable > div { width: 50%;
}
.StatisticAreaPanel .dataContainer .TextBox { background-color: #f5f5f5; color: black; width: 100%; margin-top: 0; border: 1px #e0e0e0 solid; outline: none; border-radius: 0;
}
.StatisticAreaPanelCircle > div.open { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); background-color: #d55c2b;
}
.StatisticAreaPanelCircle > div.open .delete { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); background-color: #e50600;
}
/*ReportingDataProviderPanel––––––––––*/
.ReportingDataProviderLabel { padding: 44px 0 7px; color: #ffffff; cursor: pointer; text-align: center; background: #465667 url(/public/images/svg/dataprovider.svg) no-repeat top 10px center; background-size: 30px;
}
.ReportingDataProviderLabel:hover { background-color: #314051;
}
.ReportingDataProviderCreatorWindow .content { background-color: #404e5d; width: 720px; max-width: 80%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; color: #f5f5f5;
}
.ReportingDataProviderCreatorWindow .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 18px; margin-top: 18px;
}
.ReportingDataProviderCreatorWindow .name { width: 100%;
}
.ReportingDataProviderCreatorWindow .url { border-width: 0; background-color: #202A35; color: white; outline: none; width: 100%; margin-top: 10px;
}
.ReportingDataProviderCreatorWindow .create { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-top: 10px;
} .ReportingDataProviderCreatorWindow .help { margin-top: 10px;
} /*GoogleIntegrationsChooseItemWindows - Calendar and Search Sites––––––––*/
.GoogleIntegrationsChooseItem .color { width: 40px; height: 40px; border-radius: 20px; position: absolute; left: 10px; top: 10px;
}
.GoogleIntegrationsChooseItem .item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 60px; cursor: pointer; padding: 5px 5px 5px 60px; border: 1px transparent solid;
}
.GoogleIntegrationsChooseItem .name { font-size: 100%;
}
.GoogleIntegrationsChooseItem .desc { font-size: 80%;
}
.GoogleIntegrationsChooseItem .item:hover { border: 1px #c0c1c3 solid; border-radius: 3px; background-color: #e6eaea;
}
/* GOOGLE ANALYTICS API--------------*/
.GoogleAnalyticsChooseViewWindow .account { margin: 4px; padding: 3px 9px; border-radius: 3px; cursor: pointer; border: 1px transparent solid;
}
.GoogleAnalyticsChooseViewWindow .getProfileName { font-size: 16px; font-weight: bold; color: #4c75a3;
}
.GoogleAnalyticsChooseViewWindow .type { font-size: 12px; color: #5d5d5d; margin-left: 8px;
}
.GoogleAnalyticsChooseViewWindow .type span { font-weight: bold;
}
.GoogleAnalyticsChooseViewWindow .account:hover { border: 1px #c0c1c3 solid; border-radius: 3px; background-color: #e6eaea;
}
/* YANDEX METRIKA API--------------*/
.YandexMetrikaChooseCounterWindow .counter { border: 1px transparent solid; margin: 4px; padding: 3px 9px; border-radius: 3px; cursor: pointer;
}
.YandexMetrikaChooseCounterWindow .counter:hover { border: 1px #c0c1c3 solid; border-radius: 3px; background-color: #e6eaea;
}
.YandexMetrikaChooseCounterWindow .label { font-size: 16px; font-weight: bold; color: #4c75a3;
}
.YandexMetrikaChooseCounterWindow .site { font-size: 12px; color: #5d5d5d;
} /*-–––––––––––––*/
.DuplicateTimelineWindow .notice { margin: 10px -10px; padding: 11px; color: white; font-size: 80%; background-color: #942501;
} .PremiumUserAndTimelineAccessWindow .advanced { background-color: #f57373; color: #fff7f7; font-size: 80%; border: 1px #ffd2d1 solid; border-radius: 3px; padding: 0 6px;
} /*premium for free top link*/
.getPremiumForFree { background-color: #2c3c4e; border: 1px #ffffff solid; border-radius: 7px; font-size: 80%; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.getPremiumForFree img { width: 17px; margin-left: 3px; height: 17px; } /*/// Premium popup ––––––––––––––––––– */
.paypal { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 100%; margin: 10px 0;
}
.paypal a{ text-decoration: none;
}
.paypal a:hover { color: inherit;
} .paypal .item { display: flex; margin-bottom: 10px; padding: 5px 6px; background-color: #f9f9f9; border-radius: 12px; cursor: pointer; justify-content: flex-end;
} .paypal .price { min-width: 66px; padding: 0 10px; margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
} .paypal .arrow { background: url(/public/images/svg/bold/right.svg) no-repeat center; background-size: 24px; width: 29px;
}
.paypal .value { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 80%; width: 200px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.paypal .sign { font-size: 110%; -ms-flex-item-align: start; align-self: flex-start;
}
.paypal .line { height: 8px; border-radius: 5px; width: 100%;
}
.paypal .premiumLine { background-color: #63b72a; margin-bottom: 1px;
}
.paypal .y1 { width: 100%; }
.paypal .m6 { width: 50%; }
.paypal .m3 { width: 25%; }
.paypal .m1 { width: 9%; }
.paypal .w2 { width: 3%; }
.currencies { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center;
}
.paypal .sign { font-size: 100%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;
}
.paypal .amount { font-size: 100%;
}
.paypalIcons { font-size: 80%; color: #ffffff; display: flex; justify-content: center; align-items: center;
}