/*
* RESET
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
/*
vertical-align:baseline;
font-size:100%;
font:inherit;
*/
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display:block;
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
* {
outline:none;
}
a:hover {
cursor:pointer;
}
a:link, a:visited, a:focus, a:active {
text-decoration:none;
color:inherit;
}
/* END OF RESET */
/* BASE */
html,
body {
height:100%;
min-height:100%;
min-height:100vh;
}
body {
background:#eee;
color:#111;
font-size:13px;
font-style:normal;
font-variant:normal;
position:relative;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:'Roboto', Arial, Helvetica, sans-serif;
}
a {
color:#4689f4;
/* color:#66a1ff; */
}
a:hover,
a:focus {
color:#333;
}
.wrapper {
background:#eee;
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -50px;
}
.wrapper.alternative-background {
background:#fff;
}
.wrapper.mobile {
margin-bottom:-104px;
}
.wrapper:before,
.wrapper:after {
content:'';
display:block;
height:45px;
}
.wrapper.mobile.with-leading-header:before {
height:75px;
}
.footer,
.wrapper.mobile:after {
height:104px;
}
.wrapper-padding {
height:37px !important;
}
.wrapper.mobile .wrapper-padding {
height:17px !important;
}
.wrapper .wrapper-padding.gray,
.clear.gray {
background:#eee;
}
.wrapper section.widget-mode {
background:#fff;
position:fixed;
top:46px;
padding-top:17px;
left:0;
right:0;
bottom:0;
overflow-y:auto;
overflow-x:hidden;
z-index:1011;
margin:0;
-webkit-transition:opacity 200ms ease-in-out;
-moz-transition:opacity 200ms ease-in-out;
-ms-transition:opacity 200ms ease-in-out;
-o-transition:opacity 200ms ease-in-out;
}
.wrapper.with-leading-header section.widget-mode {
top:76px;
}
.wrapper section.widget-mode.notifications {
background:#eee;
}
.header-overlay {
z-index:1011;
position:fixed;
top:0;
left:0;
right:0;
height:46px;
}
.clear {
clear:both;
height:0px;
line-height:0px;
width:100%;
display:block;
font-size:1px;
overflow:hidden;
}
.leading-header {
position:fixed;
top:0;
left:0;
right:0;
background:#f5b918;
color:#fff !important;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:16px !important;
font-weight:400;
text-shadow:-1px 1px 0px rgba(0, 0, 0, 0.1);
height:30px !important;
line-height:30px !important;
overflow:hidden;
display:block;
text-decoration:none !important;
z-index:1010;
}
.leading-header .container,
.leading-header .content-container {
display:block;
}
.leading-header b {
background:#66a1ff;
padding:0px 17px 0px 20px;
height:30px;
line-height:30px;
float:right;
font-size:16px !important;
font-weight:normal;
color:#fafafa !important;
text-decoration:none;
text-shadow:none;
display:none;
}
.leading-header .float-left {
display:block;
max-width:100%;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.leading-header-arrow {
float:right;
width:9px;
height:9px;
margin:9px 0 0 7px;
border:3px solid #fff;
transform:rotate(45deg);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border-left:none;
border-bottom:none;
}
/* BRANDED POSTS */
.branded-post,
.branded-post.ad-cont,
.topic .branded-post.ad-cont {
position:relative;
width:105px;
height:35px;
float:right;
line-height:35px;
margin:0 0 10px 10px;
padding:0;
}
/* END OF BRANDED POSTS */
/*
date
datetime
datetime-local
email
month
time
url
week
*/
input[type=text],
input[type=search],
input[type=number],
input[type=email],
input[type=tel],
input[type=password] {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:16px;
border:1px solid rgba(17, 17, 17, 0.1);
padding:4px 5px;
height:25px;
line-height:25px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
color:#111;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
-webkit-box-shadow:0 0 4px 3px rgba(17, 17, 17, 0.1);
box-shadow:0 0 4px 3px rgba(17, 17, 17, 0.1);
background-color:#fff;
}
label {
font-family:'Roboto', Arial, Helvetica, sans-serif;
cursor:pointer;
display:block;
font-size:15px;
color:rgba(17, 17, 17, 0.7);
}
.form-row,
label {
min-height:30px;
line-height:30px;
display:block;
}
.float-right {
float:right !important;
}
.float-left {
float:left !important;
}
.float-none {
float:none !important;
}
.form-row, label {
min-height:30px;
line-height:30px;
display:block;
}
.form-row label .inner-label {
float:left;
max-width:600px;
min-height:30px;
line-height:30px;
}
.profile .form-row label .inner-label {
float:none;
font-size:14px;
color:rgba(17, 17, 17, 0.5);
}
.settings .profile-content .desc,
.settings .profile-content .form-row .desc {
min-height:22px;
line-height:22px;
font-size:12px;
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
color:rgba(17, 17, 17, 0.5);
padding:4px 0;
font-weight:normal;
}
.form-row input[type='checkbox'],
.form-row input[type='radio'],
label.inline-label input[type='checkbox'],
label.inline-label input[type='radio'] {
float:left;
margin:6px 17px 0 0;
}
.content-container {
width:100%;
padding:0 15px;
margin:0 auto;
box-sizing:border-box;
}
.uk-notify {
width:100%;
margin:0;
left:0;
bottom:-10px;
}
.uk-notify-message {
background-color:#414141;
color:#fff;
font-size:16px;
line-height:33px;
padding:13px 20px;
min-height:35px;
border-radius:0px;
box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
.uk-notify-message div {
padding:6px 140px 6px 0;
line-height:22px;
}
.uk-notify-message div center {
margin-right:-140px;
}
.uk-notify .uk-button {
position:absolute;
top:50%;
transform:translateY(-50%);
right:20px;
display:inline-block;
margin:0 0 0 15px;
}
.uk-notify .uk-close {
display:none;
}
input[type='radio'],
input[type='checkbox'] {
background-color:#fff;
border:1px solid #b7b7b7;
width:14px;
height:14px;
box-sizing:content-box !important;
cursor:pointer;
-webkit-appearance:none;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
input[type='radio'] {
width:13px;
height:13px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
input[type='radio']:checked,
input[type='checkbox']:checked {
border-color:#252525;
}
input[type='radio']:before,
input[type='checkbox']:before {
content:'';
display:block;
}
input[type='radio']:checked:before {
width:7px;
height:7px;
margin:3px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
background:#252525;
}
input[type='checkbox']:checked:before {
width:8px;
height:5px;
margin:2px 1px 1px 2px;
/* background:transparent url(/assets/vessur/mobile/img/checkbox_check_icon.png) center center no-repeat; */
border:2px solid #252525;
border-right:none;
border-top:none;
transform:rotate(-45deg);
}
input[type='radio']:disabled,
input[type='checkbox']:disabled {
border:1px solid rgba(17, 17, 17, 0.1);
}
textarea {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:16px;
color:#000;
line-height:22px;
display:block;
border:1px solid rgba(17, 17, 17, 0.1);
margin:0 0 15px 0;
padding:14px 18px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
min-height:74px;
max-height:200px;
}
.form-row input[type='checkbox'],
.form-row input[type='radio'],
label.inline-label input[type='checkbox'],
label.inline-label input[type='radio'] {
float:left;
margin:7px 11px 0 0;
}
.footer {
background:#444;
color:rgba(255, 255, 255, 0.4);
font-size:12px;
overflow:hidden;
line-height:50px;
padding:0 10px;
}
.footer a {
color:#fff;
font-size:14px;
}
.footer a:hover,
.footer a:focus {
color:#fff;
}
.footer .footer-copy {
height:40px;
line-height:40px;
text-align:center;
display:block;
padding-top:4px;
}
.footer .footer-copy a {
color:rgba(255, 255, 255, 0.4);
font-size:12px;
}
.footer .footer-links {
line-height:21px;
display:block;
margin:0 auto;
text-align:center;
padding-top:16px;
}
.footer .footer-links li,
.footer .footer-links li a {
display:inline-block;
height:100%;
line-height:21px;
}
.footer .footer-links li a {
padding:0 7px 0 5px;
}
.footer .footer-links li:before {
background:rgba(255, 255, 255, 0.5);
display:inline-block;
height:4px;
width:4px;
border-radius:50%;
vertical-align:middle;
margin-bottom:2px;
content:'';
}
/* END OF BASE */
/* SIDENAV */
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus,
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
background-color:transparent;
color:#111;
}
.uk-offcanvas {
z-index:1011;
/* overflow-y:scroll; */
}
.mobile .uk-offcanvas {
background-color:transparent;
padding:0;
touch-action:auto;
}
.mobile .offcanvas-inner-container {
position:fixed;
top:46px;
right:0;
bottom:0;
left:0;
overflow-y:auto;
}
.mobile.with-leading-header .offcanvas-inner-container {
top:76px;
}
.uk-offcanvas.uk-active + .global-header .header-icon.bars-icon:before {
background-color:rgba(17, 17, 17, 0.1);
width:35px;
height:31px;
content:'';
display:block;
position:absolute;
top:7px;
left:-1px;
}
.m-sidenav-panel {
font-family:'Roboto', Arial, Helvetica, sans-serif;
z-index:1011;
position:relative;
min-height:100%;
width:100%;
display:block;
background:#fff;
overflow:visible;
}
.m-sidenav-panel nav {
padding:2px 0 38px;
}
.m-sidenav-panel .uk-panel {
background:rgba(17, 17, 17, 0.02);
color:rgba(17, 17, 17, 0.7);
font-size:14px;
line-height:23px;
margin:0;
margin-top:10px;
padding:14px 21px 14px 24px;
border-top:1px solid rgba(17, 17, 17, 0.1);
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.m-sidenav-panel nav .nav-menu > li {
position:relative;
}
.m-sidenav-panel nav .nav-menu > li.uk-nav-header {
padding:9px 15px 10px;
}
.m-sidenav-panel nav .nav-menu .uk-nav-header,
.m-sidenav-panel nav .nav-menu > li.uk-nav-header a {
color:rgba(17, 17, 17, 0.5);
font-size:14px;
font-weight:400;
padding-left:0;
margin-top:2px;
}
.m-sidenav-panel nav .nav-menu > li.uk-nav-header a {
margin:0;
padding:0;
}
.m-sidenav-panel nav .nav-menu > li.uk-nav-divider {
border-top-color:rgba(17, 17, 17, 0.1);
margin:2px 0 8px;
box-sizing:border-box;
}
.m-sidenav-panel nav .nav-menu > li a {
border-radius:2px;
padding:8px 40px 8px 15px;
font-size:17px;
line-height:26px;
min-height:26px;
background-color:transparent;
color:#111;
border:none;
}
.m-sidenav-panel nav .nav-menu > li a.nav-menu-profile {
padding:2px 40px 2px 8px;
}
.m-sidenav-panel nav .nav-menu > li a .user-name {
float:left;
max-width:218px;
font-weight:500;
font-size:17px;
vertical-align:middle;
line-height:35px;
}
.m-sidenav-panel nav .nav-menu > li > a .count,
.private-messages .m-htab-nav .notification-count {
height:21px;
min-width:21px;
line-height:22px;
float:right;
margin-right:-6px;
margin-top:4px;
padding:0 7px;
box-sizing:border-box;
color:#111;
background-color:rgba(17, 17, 17, 0.05);
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
-webkit-border-radius:4px;
border-radius:4px;
}
.m-sidenav-panel .uk-dropdown {
left:0;
width:100%;
background:#f2f2f2;
padding:1px 0px;
margin:0;
border-radius:2px;
}
.m-sidenav-panel nav .nav-menu > li.uk-open .uk-dropdown {
display:block;
}
.m-sidenav-panel .uk-dropdown .uk-nav-dropdown {
padding-left:0;
margin:0;
}
.m-sidenav-panel .uk-dropdown span.dropdown-arrow-cont,
.m-sidenav-panel .uk-dropdown span.dropdown-arrow {
display:block;
width:0px;
height:1px;
position:absolute;
}
.m-sidenav-panel .uk-dropdown.uk-dropdown-bottom span.dropdown-arrow-cont {
top:11px;
}
.m-sidenav-panel .uk-dropdown.uk-dropdown-top span.dropdown-arrow-cont {
bottom:11px;
}
.m-sidenav-panel .uk-dropdown span.dropdown-arrow-cont {
left:-11px;
border-top:11px solid transparent;
border-bottom:11px solid transparent;
border-right:11px solid rgba(17, 17, 17, 0.1);
}
.m-sidenav-panel .uk-dropdown span.dropdown-arrow {
top:-10px;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-right:10px solid #fff;
left:1px;
}
/* HEADER */
.global-header {
background:#fff;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:14px;
position:fixed;
top:0;
left:0;
right:0;
z-index:1010;
min-height:45px;
}
.global-header .global-logo.global-logo-mobile span {
display:block;
width:128px;
height:16px;
/* background:transparent url(/assets/vessur/mobile/img/logo_icon.png) center center no-repeat; */
position:absolute;
top:15px;
left:0;
/* svg - png */
/* background:transparent url(/assets/vessur/mobile/img/logo_icon.png) center center no-repeat; */
/* background:transparent url(/assets/vessur/mobile/img/sprite.svg) 9px -37px no-repeat; */
/* end of svg-png */
}
.wrapper.with-leading-header .global-header {
top:30px;
}
.uk-modal-header .header-icon,
.global-header .header-icon {
background-color:transparent;
background-repeat:no-repeat;
background-position:center center;
height:31px;
float:left;
/* padding:0 5px; */
margin:15px 5px 0 0;
}
.global-header .content-container {
position:relative;
}
.global-header .global-logo {
width:128px;
height:45px;
position:absolute;
top:0;
left:50%;
margin:0 -64px;
}
.global-header .global-logo i {
width:31px;
height:11px;
/* background:transparent url(/assets/vessur/mobile/img/beta_logo_addon.png) center center no-repeat; */
position:absolute;
top:3px;
right:0;
}
a.beta {
line-height:65px;
text-decoration:underline;
font-size:11px;
color:#66a1ff;
float:left;
margin-right:41px;
}
a.beta:after {
content:'';
display:inline-block;
width:5px;
height:9px;
background:transparent url(/assets/vessur/mobile/img/beta_separator.png) center center no-repeat;
margin-left:7px;
}
/* global-header.alternative */
.global-header .main-header {
background-color:#fff;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
position:absolute;
top:0;
left:0;
right:0;
z-index:2;
height:45px;
}
.uk-modal-header .nav-menu,
.uk-modal-header .nav-menu > li,
.uk-modal-header .nav-menu > li > a,
.main-header .nav-menu,
.main-header .nav-menu > li,
.main-header .nav-menu > li > a {
display:block;
height:45px;
line-height:45px;
}
.uk-modal-header nav > .nav-menu,
.global-header nav > .nav-menu {
margin-left:-5px;
}
.uk-modal-header .nav-menu,
.uk-modal-header .nav-menu > li,
.global-header .nav-menu,
.global-header .nav-menu > li {
float:left;
position:relative;
}
.uk-modal-header .nav-menu > li > a,
.global-header .nav-menu > li > a {
padding:0 8px 0 5px;
color:rgba(17, 17, 17, 0.7);
position:relative;
}
.global-header .nav-menu > li > a.active {
font-weight:700;
}
.global-header .notifications-icon,
.global-header .messages-icon {
/* background:transparent url(/assets/vessur/mobile/img/bell_header_icon.png) center center no-repeat; */
width:17px;
/* padding:0 9px; */
height:31px;
margin:13px 9px 0;
display:inline-block;
vertical-align:top;
}
.global-header .messages-icon {
margin:14px 6px 0;
}
.global-header .notifications-icon.new:after,
.global-header .messages-icon.new:after {
content:'';
width:8px;
height:8px;
background:red;
display:block;
position:absolute;
top:13px;
right:13px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #fff;
background:radial-gradient(circle, #f00, #ec0000);
}
.global-header .messages-icon.new:after {
top:12px;
right:1px;
}
/* HEADER ICONS */
.search-icon {
/* background-image:url(/assets/vessur/mobile/img/search_icon.png); */
width:23px;
margin-right:1px;
}
.bars-icon {
/* background-image:url(/assets/vessur/mobile/img/bars_icon.png); */
width:25px;
}
.back-icon {
/* background-image:url(/assets/vessur/mobile/img/back_icon.png); */
width:19px;
margin-top:13px;
}
/* END OF HEADER */
/* SUB-HEADER NAV */
.global-header .header-right {
float:right;
position:relative;
}
.global-header .header-right > .uk-button {
margin:7px 0 0 10px;
}
.global-header .header-right > .m-button {
min-width:59px;
}
.global-header .header-right .nav-menu > li > a {
padding:0;
}
/* END OF SUB-HEADER NAV */
.main-header .header-right {
height:45px;
}
/* NOTIFICATIONS */
.m-dd-blank {
background-color:#fff;
font-family:'Roboto', Arial, Helvetica, sans-serif;
padding:39px 0;
}
.m-dd-blank p {
font-size:16px;
color:rgba(17, 17, 17, 0.5);
line-height:25px;
text-align:center;
padding-top:13px;
margin-bottom:14px;
}
.m-dd-blank .bell-icon {
/* background:transparent url(/assets/vessur/mobile/img/notifications_icon_big_bell.png) center center no-repeat; */
width:96px;
height:96px;
display:block;
margin:0 auto;
}
.m-dd-content {
background-color:#fff;
}
.m-dd-content li {
position:relative;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
padding:10px 25px 8px 59px;
}
.m-dd-content li a {
padding:0px;
font-size:16px;
line-height:21px;
}
.m-dd-content li a.more-info-action {
position:absolute;
top:0px;
right:7px;
padding:10px;
}
.m-dd-content li a b {
font-weight:700;
}
.m-dd-content li a strong {
font-size:12px;
color:rgba(17, 17, 17, 0.4);
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
padding-top:5px;
display:block;
}
.m-dd-content .notif-icon {
display:inline-block;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
position:absolute;
}
.m-dd-content .notif-post {
/* background-image:url(/assets/vessur/mobile/img/notification_icon_post.png); */
width:29px;
height:30px;
top:15px;
left:18px;
}
.m-dd-content .notif-post-m {
/* background-image:url(/assets/vessur/mobile/img/notification_icon_post_m.png); */
width:34px;
height:35px;
top:10px;
left:16px;
}
.m-dd-content .notif-topic {
/* background-image:url(/assets/vessur/mobile/img/notification_icon_topic.png); */
width:34px;
height:39px;
top:6px;
left:14px;
}
.m-dd-content .notif-paid {
width:34px;
height:39px;
top:6px;
left:14px;
}
.m-dd-content .notif-ty {
/* background-image:url(/assets/vessur/mobile/img/notification_icon_ty.png); */
width:27px;
height:32px;
top:14px;
left:20px;
}
.m-dd-content .loyalty-program-notification {
border-bottom:1px solid rgba(17, 17, 17, 0.3);
border-top:1px solid rgba(17, 17, 17, 0.3);
background:rgba(102, 161, 255, 0.20);
min-height:61px;
box-sizing:border-box;
}
.m-dd-content .loyalty-program-notification .notif-icon {
opacity:1;
width:35px;
height:35px;
left:15px;
top:15px;
}
.m-dd-content .loyalty-program-notification .notif-icon svg {
width:100%;
height:100%;
}
/* END OF NOTIFICATIONS */
/* BUTTONS */
/*
.uk-button.m-button - Primary (Default) Button
.uk-button.m-button.colored - Primary with category color inheritance
.uk-button.m-button.m-button-secondary - Secondary Button (Gray)
.uk-button.m-button-lite - Light Button without background
.uk-button.m-button-lite.m-button-text - Light Button without background and border (text-like black)
.uk-button.m-button-lite.m-button-link - Light Button without background and border (link-like blue)
*/
.uk-button {
padding:0;
line-height:1;
min-height:auto;
background:transparent;
}
.uk-button:hover,
.uk-button:focus {
background:transparent;
}
.m-button,
.m-button:link,
.m-button:active,
.m-button:focus,
.m-button:visited,
.spoiler-toggle {
height:30px;
line-height:30px;
min-height:30px;
font-size:14px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
color:#fff;
background:#66a1ff;
min-width:90px;
padding:0 10px;
margin-right:10px;
}
.m-button:hover,
.m-button:focus {
background:#5a96f8;
color:#fff;
}
.m-button.colored,
.m-button.colored:link,
.m-button.colored:active,
.m-button.colored:focus,
.m-button.colored:visited {
background:#aaa;
position:relative;
-webkit-box-shadow:inset 0px 40px 0px rgba(0, 0, 0, 0);
box-shadow:inset 0px 40px 0px rgba(0, 0, 0, 0);
}
.m-button.colored:hover,
.m-button.colored:focus {
color:#fff;
-webkit-box-shadow:inset 0px 40px 0px rgba(17, 17, 17, 0.05);
box-shadow:inset 0px 40px 0px rgba(17, 17, 17, 0.05);
}
.m-button:disabled,
.m-button:disabled:hover {
background-color:#f5f5f5;
color:#999;
}
.m-button.colored:disabled,
.m-button.colored:disabled:hover {
color:rgba(255,255,255,0.3);
}
.spoiler-toggle {
clear:both;
border:none;
padding-top:0;
padding-bottom:0;
display:block;
width:100%;
margin-right:0;
}
.m-button.m-button-secondary,
.spoiler-toggle {
background:rgba(17, 17, 17, 0.1);
color:rgba(17, 17, 17, 0.7);
}
.m-button.m-button-secondary:hover,
.m-button.m-button-secondary:focus,
.spoiler-toggle:hover,
.spoiler-toggle:focus {
background:rgba(17, 17, 17, 0.15);
color:#111;
}
.spoiler-toggle:hover,
.spoiler-toggle:focus {
-webkit-box-shadow:none;
box-shadow:none;
}
.m-button-lite {
font-family:'Roboto', Arial, Helvetica, sans-serif;
padding:0 10px;
height:30px;
line-height:30px;
min-height:30px;
border:1px solid rgba(17, 17, 17, 0.1);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:transparent;
font-size:14px;
font-weight:400;
color:rgba(17, 17, 17, 0.7);
margin-right:10px;
min-width:90px;
/* float:left; */
}
.m-button-lite:hover,
.m-button-lite:focus {
border-color:rgba(17, 17, 17, 0.2);
color:#111;
background:transparent;
}
.m-button-group:hover .m-button-lite {
border-color:rgba(17, 17, 17, 0.2);
color:#111;
}
.m-button-lite.m-button-text,
.m-button-lite.m-button-link {
border:none;
padding:0 10px;
min-width:0;
}
.m-button-lite.m-button-text:hover,
.m-button-lite.m-button-link:hover {
text-decoration:underline;
}
.m-button-lite.m-button-text:focus,
.m-button-lite.m-button-link:focus {
-webkit-box-shadow:none;
box-shadow:none;
}
.m-button-lite.m-button-link,
.m-button-lite.m-button-link:hover {
color:#4689f4;
font-size:14px;
}
a.m-button,
a.m-button-lite {
line-height:30px;
}
.icon-only {
display:block;
padding:0 8px;
min-width:0;
width:auto;
margin-right:0;
}
.icon-only .button-icon {
margin-right:0;
}
.m-button-lite.inverted {
border-color:rgba(255, 255, 255, 0.4);
color:rgba(255, 255, 255, 0.7);
}
.m-button-lite.inverted:hover,
.m-button-lite.inverted:focus {
border-color:transparent;
background:rgba(17, 17, 17, 0.1);
color:#fff;
}
.m-button-lite.m-button-link.m-button-danger,
.m-button-lite.m-button-link.m-button-danger:active,
.m-button-lite.m-button-link.m-button-danger:focus,
.m-button-lite.m-button-link.m-button-danger:visited,
.m-button-lite.m-button-link.m-button-danger:hover {
color:#d85030;
}
.m-button-lite.m-button-link.m-button-warning,
.m-button-lite.m-button-link.m-button-warning:active,
.m-button-lite.m-button-link.m-button-warning:focus,
.m-button-lite.m-button-link.m-button-warning:visited,
.m-button-lite.m-button-link.m-button-warning:hover {
color:#d8a330;
}
/*
.float-left .uk-button,
.uk-button.float-left {
margin-left:0;
margin-right:10px;
}
.float-right .uk-button,
.uk-button.float-right {
margin-right:0;
margin-left:10px;
}
*/
.centered-buttons .uk-button,
.uk-button.centered-buttons,
.centered-button .uk-button,
.uk-button.centered-button {
float:none;
display:block;
margin:0 auto;
}
.m-dropdown .uk-dropdown {
background:#fff;
padding:0;
width:auto;
border:1px solid rgba(17, 17, 17, 0.1);
-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);
box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);
text-align:left;
}
.m-dropdown .uk-dropdown .uk-nav-dropdown {
margin:0;
}
.mobile .compose .uk-dropdown {
position:absolute;
}
.uk-dropdown-bottom {
margin-top:9px;
margin-left:-1px;
}
.uk-dropdown-top {
margin-top:-9px;
margin-left:-1px;
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li {
display:block;
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.m-select.m-dropdown .uk-dropdown .uk-nav-dropdown > li {
border-top:none;
}
.m-select .uk-dropdown .uk-nav-dropdown > li > a.active {
font-weight:700;
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li:first-child {
border:none;
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li a,
.m-dropdown .uk-dropdown .uk-nav-dropdown > li span.info-item {
display:block;
padding:10px 15px 11px 20px;
line-height:18px;
color:rgba(17, 17, 17, 0.5);
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li span.info-item {
font-size:14px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
margin-bottom:5px;
padding:0 15px 5px 20px;
line-height:23px;
white-space:normal;
word-break:break-all;
word-wrap:break-word;
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li span.info-item strong {
font-weight:400;
color:#111;
}
.m-dropdown .uk-dropdown span.dropdown-added-border {
display:block;
background:#444;
width:auto;
height:3px;
position:absolute;
left:-1px;
right:-1px;
}
.m-dropdown .uk-dropdown.uk-dropdown-bottom span.dropdown-added-border{
top:-3px;
}
.m-dropdown .uk-dropdown.uk-dropdown-top span.dropdown-added-border{
bottom:-3px;
}
.m-dropdown .uk-dropdown span.dropdown-arrow-cont,
.m-dropdown .uk-dropdown span.dropdown-arrow {
display:block;
width:1px;
height:0px;
position:absolute;
}
.m-dropdown .uk-dropdown span.dropdown-arrow-cont {
right:11px;
border-left:11px solid transparent;
border-right:11px solid transparent;
}
.m-dropdown .uk-dropdown.uk-dropdown-bottom span.dropdown-arrow-cont {
border-bottom:11px solid rgba(17, 17, 17, 0.1);
top:-11px;
}
.m-dropdown .uk-dropdown.uk-dropdown-top span.dropdown-arrow-cont {
border-top:11px solid rgba(17, 17, 17, 0.1);
bottom:-11px;
}
.m-dropdown .uk-dropdown span.dropdown-arrow {
border-left:10px solid transparent;
border-right:10px solid transparent;
right:-10px;
}
.m-dropdown .uk-dropdown.uk-dropdown-bottom span.dropdown-arrow {
top:1px;
border-bottom:10px solid #fff;
}
.m-dropdown .uk-dropdown.uk-dropdown-top span.dropdown-arrow {
bottom:1px;
border-top:10px solid #fff;
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li > a {
color:rgba(17, 17, 17, 0.7);
}
.m-dropdown .uk-dropdown .uk-nav-dropdown > li > a:hover,
.m-dropdown .uk-dropdown .uk-nav-dropdown > li > a:focus {
background:transparent;
color:#000;
}
.m-select .arrow-icon,
.uk-datepicker-heading .uk-form-select:before {
/* background:transparent url(/assets/vessur/mobile/img/icon_arrow_dropdown_down.png) center center no-repeat; */
width:19px;
height:19px;
display:inline-block;
position:absolute;
top:12px;
right:11px;
}
.m-select.uk-open .arrow-icon,
.m-select:hover .arrow-icon {
opacity:0.5;
}
.m-select .uk-dropdown.uk-dropdown-bottom {
border-top:1px solid rgba(17, 17, 17, 0.1);
margin:-1px 0 0 0;
}
.m-select .uk-dropdown.uk-dropdown-top {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
margin:1px 0 0 0;
}
.m-select .arrow-icon,
.m-select .uk-disabled .arrow-icon {
opacity:0.2;
}
.m-select .uk-button span {
max-width:200px;
}
.m-select .uk-button {
padding-right:38px;
min-width:100px;
}
.scroll-wrapper {
width:100%;
max-height:290px;
overflow-y:auto;
}
.m-select .scroll-wrapper {
width:auto !important;
}
.mobile .scroll-wrapper::-webkit-scrollbar {
width:5px;
height:5px;
}
.mobile .scroll-wrapper::-webkit-scrollbar-thumb {
background:rgba(17, 17, 17, 0.1);
}
.m-select .uk-dropdown {
padding:5px 0;
min-width:200px;
max-width:302px;
width:100%;
height:auto;
max-height:302px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
}
.m-select input[type="text"] {
font-size:14px;
color:rgba(17, 17, 17, 0.7);
padding-left:10px;
}
.m-select.maxi {
width:100%;
}
.m-select.maxi .uk-button {
text-align:left;
}
.m-select.maxi .uk-button span,
.m-select.maxi .uk-dropdown {
max-width:100%;
color:rgba(17, 17, 17, 0.5);
}
/* END OF BUTTONS */
.uk-padding-left-remove {
padding-left:0 !important;
}
.uk-padding-right-remove {
padding-right:0 !important;
}
.uk-margin-left-remove {
margin-left:0 !important;
}
.uk-margin-right-remove {
margin-right:0 !important;
}
.uk-margin-top-remove {
margin-top:0 !important;
}
.uk-margin-bottom-remove {
margin-bottom:0 !important;
}
.uk-margin-vertical-remove {
margin-top:0 !important;
margin-bottom:0 !important;
}
.uk-bold {
font-weight:700 !important;
}
.uk-badge {
background:#f7f7f7;
color:rgba(17, 17, 17, 0.4);
height:20px;
line-height:20px;
border-radius:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0 5px;
margin-left:10px;
vertical-align:middle;
}
/* ICONS */
.button-icon {
float:left;
display:inline-block;
margin:0 9px 0 0;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
color:#111;
opacity:0.7;
}
.button-icon.centered {
float:none;
vertical-align:middle;
display:inline-block;
}
.uk-button:hover .button-icon,
.uk-button:focus .button-icon,
.uk-button:active .button-icon {
opacity:1;
}
.image-icon {
/* background-image:url(/assets/vessur/mobile/img/image_icon.png); */
width:22px;
height:19px;
margin-top:7px;
}
.button-facebook-icon {
/* background-image:url(/assets/vessur/mobile/img/icon_button_fb.png); */
width:24px;
height:30px;
margin:0 5px 0 0;
opacity:1;
}
.chevron-icon {
/* background-image:url(/assets/vessur/mobile/img/chevron_icon.png); */
width:12px;
height:7px;
margin:8px 10px 0 7px;
}
.chevron-icon-mini {
/* background-image:url(/assets/vessur/mobile/img/chevron_icon_mini_left.png); */
width:6px;
height:10px;
margin:10px 10px 0 0;
}
.chevron-icon.float-right {
margin:10px 0 0 6px;
opacity:0.3;
}
.mark-all-as-read {
width:28px;
height:28px;
position:absolute;
right:15px;
top:10px;
}
.topic .mark-all-as-read {
float:right;
}
.mark-all-as-read i {
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
display:block;
}
.mark-all-as-read i {
/* background-image:url(/assets/vessur/mobile/img/mark_all_as_read.png); */
width:24px;
height:14px;
margin:6px 0 6px 4px;
}
.cogwheel-icon,
.g-recaptcha:before,
.ad-cont.requested > [id^='div-gpt-ad']:before {
width:17px;
height:18px;
/* background-image:url(/assets/vessur/mobile/img/cogwheel_icon.png); */
margin:5px 0 0 10px;
}
.filters-icon {
height:21px;
width:21px;
/* background-image:url(/assets/vessur/mobile/img/filters_icon.png); */
margin:0;
}
/* END OF ICONS */
/* LOGIN */
.uk-modal-dialog.modal-form-container {
box-sizing:border-box;
max-width:100%;
width:100%;
display:block;
margin:0 auto;
padding:10px 20px 7px 20px;
background-color:#fff;
}
.modal-form-container a {
color:#111;
text-decoration:none;
}
.modal-form-container a:hover,
.modal-form-checkbox label:first-child:hover {
text-decoration:underline;
}
.modal-form-heading {
padding:0;
}
.modal-form-cover {
width:380px;
height:217px;
box-sizing:border-box;
border:1px solid rgba(17, 17, 17, 0.1);
border-bottom:none;
margin-left:-11px;
margin-top:-11px;
margin-bottom:35px;
}
.modal-form-cover.modal-form-login-cover {
background:#fcfcfc url(/assets/vessur/mobile/img/login_modal_cover.png) center bottom no-repeat;
}
#login .modal-button-close {
top:28px;
right:29px;
}
.modal-form-title {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:24px;
padding:0 0 14px;
color:#111;
}
.modal-form-body {
color:#252525;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:14px;
}
/* modal-form-group */
fieldset {
margin-top:12px;
margin-bottom:14px;
position:relative;
}
fieldset label {
color:rgba(17, 17, 17, 0.5);
font-size:14px;
line-height:14px;
}
fieldset label:hover,
fieldset label:focus {
color:rgba(17, 17, 17, 0.5);
}
fieldset.error label {
position:relative;
}
fieldset.error label:before{
content:'';
width:3px;
height:30px;
display:block;
background-color:#e40000;
position:absolute;
bottom:0;
left:0;
}
fieldset .caption {
font-size:14px;
background-color:rgba(162, 162, 162, 0.13);
color:#888;
border-radius:2px;
margin-top:3px;
display:block;
line-height:18px;
padding:1px;
text-align:center;
}
fieldset.error .caption {
background-color:rgba(255, 0, 0, 0.05);
color:#e40000;
}
fieldset.error.no-borders label:before,
fieldset.error.no-borders label.inline-label:before {
width:0;
}
fieldset .inline-label,
fieldset .inline-label .inner-label {
line-height:22px;
min-height:22px;
padding:4px 0;
}
fieldset .inline-label {
padding-right:10px;
vertical-align:middle;
}
fieldset .inline-label .inner-label {
float:none;
display:block;
}
fieldset .inline-label .form-row {
line-height:35px;
}
fieldset .inline-label .form-row input[type='checkbox'] {
margin-top:9px;
margin-right:10px;
}
fieldset .inline-label input[type='text'],
fieldset .inline-label input[type='password'],
fieldset .inline-label textarea {
margin:0;
}
/* end of modal-form-group */
input::-webkit-input-placeholder {
line-height:10px;
}
/*
input:-moz-placeholder {
font-size:16px;
}
input::-moz-placeholder {
color:pink;
font-size:16px;
}
input:-ms-input-placeholder {
color:pink;
font-size:16px;
}
input:-moz-placeholder {
color:pink;
font-size:16px;
} */
fieldset input[type='text'],
fieldset input[type='email'],
fieldset input[type='password'],
.modal-form-container input[type='text'],
.modal-form-container input[type='email'],
.modal-form-container input[type='password'] {
box-sizing:border-box;
margin:7px 0 0;
display:block;
width:100%;
height:30px;
line-height:30px;
}
fieldset input[type='text']:focus,
fieldset input[type='email']:focus,
fieldset input[type='password']:focus,
.modal-form-container input[type='text']:focus,
.modal-form-container input[type='email']:focus,
.modal-form-container input[type='password']:focus {
border-color:rgba(17, 17, 17, 0.2);
}
/* end of modal-form-group */
.modal-form-container .modal-form-checkbox {
position:relative;
display:block;
margin-top:-12px;
margin-bottom:9px;
}
.modal-form-container .modal-form-checkbox label {
display:inline-block;
font-size:14px;
color:#111;
float:right;
}
.modal-form-container .modal-form-checkbox label:last-child {
float:right;
}
.modal-form-container .wide-button {
width:100%;
margin-bottom:15px;
margin-right:0;
float:none;
}
.modal-form-container .wide-button:hover {
text-decoration:none;
}
.modal-form-container .button-social {
background-color:#4966b6;
}
.modal-form-container .button-social:hover {
background-color:#33477f;
}
.modal-form-container .act {
padding-bottom:8px;
margin-top:3px;
}
.modal-form-container .act a {
display:block;
text-align:center;
padding:7px 10px;
}
.modal-form-container .act a:first-child {
color:#71a4f3;
}
.modal-form-container .act a span {
padding-right:8px;
color:rgba(17, 17, 17, 0.5);
text-decoration:none;
display:inline-block;
}
/* End of LOGIN */
/* ACCOUNT LINKING */
.account-linking-wrapper {
margin:0 auto;
max-width:100%;
}
.account-linking-card {
background:#fff;
padding:32px 28px;
box-sizing:border-box;
border-radius:8px;
}
.account-linking h1 {
color:#111;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:400;
line-height:30px;
text-align:center;
}
.account-linking h1.attention-title {
color:#C32020;
}
.account-linking p {
color:#111;
text-align:center;
font-size:14px;
line-height:30px;
margin:16px 0;
padding:0 16px;
}
.account-linking p.account-linking-subtitle {
color:rgba(17, 17, 17, 0.7);
}
.account-linking-card > p {
font-size:16px;
line-height:24px;
text-align:left;
padding:0;
margin:28px 0;
}
.account-linking p a {
color:#66a1ff;
text-decoration:underline;
}
.account-linking p a:hover,
.account-linking p a:focus,
.account-linking p a:active {
text-decoration:none;
}
.account-linking-logo-list {
display:flex;
justify-content:center;
align-items:center;
gap:28px;
align-self:stretch;
}
.account-linking-icon,
.account-linking-logo {
width:160px;
height:28px;
background:transparent center center no-repeat;
background-size:contain;
}
.account-linking-icon {
width:28px;
background-image:url(/assets/vessur/img/link_icon_optimized.svg);
}
.account-linking-icon.attention {
background-image:url(/assets/vessur/img/link_icon_optimized_orange.svg);
}
.account-linking-logo.bg-mamma-logo {
background-image:url(/assets/vessur/img/bg-mamma_graphite_logo_optimized.svg);
}
.account-linking-logo.incentivai-logo {
background-image:url(/assets/vessur/img/incentivai_logo_optimized.svg);
}
.account-linking-icon.exclamation-icon {
width:87px;
height:75px;
margin:32px auto 16px;
padding:19px;
background-image:url(/assets/vessur/img/exclamation_icon_optimized.svg);
}
/* End of ACCOUNT LINKING */
/* LOYALTY PROGRAM */
.loyalty-program .uk-alert {
display:flex;
padding:16px;
align-items:center;
gap:16px;
position:relative;
}
.loyalty-program .uk-alert.lp-alert {
padding:4px 8px;
}
.loyalty-program .uk-alert .uk-alert-icon {
float:none;
margin-right:0;
top:0;
}
.loyalty-program .uk-alert p {
flex:1 0 0;
}
.loyalty-program .uk-alert,
.loyalty-program .hr-line,
.loyalty-program .m-button-lite.m-button-link.lp-centered-text-button,
.loyalty-program .profile-content .profile-panel > .lp-panel,
.loyalty-program .profile-content .profile-panel > .lp-panel,
.loyalty-program .profile-content .profile-panel > .lp-icons-list {
margin:24px 0;
}
.loyalty-program .lp-campaign > .uk-grid {
margin-top:24px;
margin-bottom:24px;
}
.loyalty-program .profile-content .profile-panel > .profile-section-subtitle,
.loyalty-program .profile-content .profile-panel > .uk-alert,
.loyalty-program .profile-content .profile-panel > .profile-content-message,
.loyalty-program .profile-content .profile-panel > .hr-line,
.loyalty-program .profile-content .profile-panel > .lp-panel.padded,
.loyalty-program .profile-content .profile-panel > .incentivai-panel,
.loyalty-program .profile-content .profile-panel > .lp-list,
.loyalty-program .profile-content .profile-panel > .lp-progress-bar-container {
margin:16px 0;
}
.loyalty-program .profile-content .profile-panel > .profile-section-subtitle {
padding:0;
}
.loyalty-program .profile-content .profile-panel,
.loyalty-program .profile-content .profile-panel > .profile-section-subtitle {
color:#585858;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:normal;
}
/* INCENTIVAI PANEL */
.incentivai-panel {
border-radius:8px;
background:#0a2d88 bottom left no-repeat;
background-image:url(/assets/vessur/img/incentivai_panel_background_mobile.jpg), linear-gradient(126deg, #9539b6 5.94%, #0a2d88 94.24%);
background-size:cover;
padding:30px;
font-family:'Manrope', 'Roboto', Arial, Helvetica, sans-serif;
font-style:normal;
color:#fff;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:22px;
letter-spacing:0.1px;
display:flex;
padding:24px 32px;
align-items:center;
gap:32px;
flex-shrink:0;
padding:32px;
flex-direction:column;
align-items:flex-start;
}
.lp-ip-content {
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
gap:16px;
flex:1 0 0;
}
.lp-ip-title {
font-size:32px;
font-weight:700;
line-height:36px;
letter-spacing:1.5px;
}
.incentivai-panel .lp-ip-link {
display:flex;
align-items:center;
gap:8px;
align-self:stretch;
}
.incentivai-panel .lp-ip-link svg {
align-self:center;
width:24px;
height:24px;
flex:0 0 24px;
}
.incentivai-panel .lp-ip-description a,
.incentivai-panel .lp-ip-link,
.incentivai-panel .lp-ip-link:hover,
.incentivai-panel .lp-ip-link:focus {
color:#fff;
text-decoration:underline;
/* border-bottom:1px solid #fff; */
}
.lp-ip-button,
.lp-ip-button:hover,
.lp-ip-button:active,
.lp-ip-button:focus {
padding:11px 8px;
font-weight:500;
line-height:22px;
height:44px;
letter-spacing:1.25px;
text-align:center;
color:#0a2d88;
background:#fff;
display:block;
border-radius:4px;
}
.lp-ip-button:hover {
background:#dae3f9;
}
.lp-ip-button:focus,
.lp-ip-button:active {
background:#b6c0db;
}
.lp-ip-button.disabled,
.lp-ip-button:disabled {
background:#f1f0f1;
color:#a59ea7;
}
/* LOYALTY PROGRAM PANEL */
.lp-panel {
border-radius:4px;
background:#F7F7F7;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-style:normal;
line-height:normal;
color:#111;
font-size:16px;
font-weight:400;
padding:12px 8px;
}
.lp-panel.padded {
padding:16px;
border-radius:8px;
}
.lp-panel-content {
display:flex;
padding:8px;
flex-direction:column;
justify-content:center;
align-items:center;
gap:16px;
align-self:stretch;
text-align:center;
}
.lp-panel.padded > .lp-panel-content {
display:flex;
flex-direction:column;
align-items:flex-end;
gap:16px;
flex:1 0 0;
}
.lp-panel .lp-panel-content .lp-panel-actions .uk-button svg {
width:20px;
height:20px;
}
.lp-panel-content > * {
align-self:stretch;
}
.lp-panel-content > p {
flex:1 0 0;
align-items:center;
display:flex;
}
.lp-panel .lp-panel-title,
.lp-panel .lp-panel-footnote {
color:#585858;
}
.lp-panel .lp-panel-item {
font-size:20px;
display:flex;
align-items:flex-start;
gap:16px;
align-self:stretch;
text-align:left;
}
.lp-panel .lp-panel-item > p {
width:100%;
}
.lp-panel .lp-panel-item > b {
white-space:nowrap;
text-align:right;
}
.lp-panel .lp-panel {
background:#E6E6E6;
}
.lp-panel .lp-panel-actions {
display:flex;
align-items:center;
gap:16px;
justify-content:center;
}
.lp-panel .lp-panel-actions .uk-button {
float:none;
margin:0;
}
.lp-panel.compact {
background:none;
font-size:14px;
}
/* LOYALTY PROGRAM PANEL CARD */
.lp-card {
display:flex;
align-items:center;
gap:36px;
flex:1 0 0;
padding:16px;
}
.lp-card-icon {
width:72px;
height:72px;
}
.loyalty-program-wrapper .lp-card-icon {
width:36px;
height:36px;
}
.lp-card-icon svg {
width:auto;
height:100%;
object-fit:contain;
display:block;
margin:0 auto;
}
.lp-card-content {
display:flex;
flex-direction:column;
align-items:flex-start;
gap:16px;
flex:1 0 0;
}
.lp-card-title,
.lp-progress-bar-title {
color:#585858;
font-size:16px;
font-weight:400;
}
.lp-card-title.heavy {
color:#111;
font-size:16px;
font-weight:700;
line-height:normal;
}
.lp-card-value {
color:#111;
font-size:32px;
font-weight:700;
}
.lp-card-unit {
font-size:17px;
display:inline-block;
}
.lp-card-leading-title {
color:#585858;
font-size:10px;
font-weight:400;
line-height:normal;
text-transform:uppercase;
border-radius:4px;
border:1px solid #808080;
padding:2px 4px;
}
.lp-panel.lp-card.blue-leading-title .lp-card-leading-title {
color:#fff;
border:1px solid #66a1ff;
background:#66a1ff;
}
.lp-card-description {
color:#585858;
font-size:14px;
}
.loyalty-program-wrapper .lp-panel.lp-card {
display:flex;
padding:16px;
flex-direction:column;
align-items:flex-start;
gap:16px;
align-self:stretch;
border-radius:8px;
background:#f7f7f7;
}
.loyalty-program-wrapper .lp-mobile-first-row {
display:flex;
align-items:center;
gap:8px;
align-self:stretch;
}
.lp-panel.lp-card.blue-card,
.lp-panel.lp-card.blue-card .lp-card-leading-title,
.lp-panel.lp-card.blue-card .lp-card-title,
.lp-panel.lp-card.blue-card .lp-card-description {
color:#2c7091;
}
.lp-panel.lp-card.blue-card {
background:#eaf3ff;
}
.loyalty-program-wrapper .lp-panel.lp-card.blue-card .lp-card-leading-title {
border:1px solid #2c7091;
}
/* LOYALTY PROGRAM LIST */
.lp-list {
color:#111;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
font-weight:400;
line-height:normal;
}
.lp-list-title {
font-size:16px;
font-weight:500;
line-height:normal;
min-height:43px;
padding:11px 0;
box-sizing:border-box;
}
.lp-list-subtitle {
font-size:14px;
color:#585858;
}
/* LOYALTY PROGRAM ICONS LIST */
.lp-icons-list {
display:flex;
flex-direction:column;
align-items:flex-start;
gap:8px;
align-self:stretch;
}
.lp-icons-list > * {
align-self:stretch;
}
.lp-icons-list-item {
display:flex;
padding:8px 0px;
align-items:center;
gap:8px;
}
.lp-icons-list-item-icon {
height:32px;
width:32px;
}
.lp-icons-list-item-icon > svg {
width:100%;
height:auto;
}
.lp-icons-list-item p {
flex:1 0 0;
}
/* LOYALTY PROGRAM INLINE ICONS LIST */
.lp-inline-icons-list {
display:flex;
flex-direction:row;
align-items:center;
gap:auto;
align-self:stretch;
flex-wrap:nowrap;
justify-content:space-between;
align-content:center;
}
.lp-inline-icons-list-item {
display:flex;
justify-content:center;
align-items:center;
align-self:stretch;
width:24px;
text-align:center;
}
.lp-inline-icons-list-item svg {
max-width:24px;
max-height:24px;
opacity:0.5;
}
.lp-inline-icons-list-item.current-level {
width:48px;
}
.lp-inline-icons-list-item.current-level svg {
max-width:48px;
max-height:48px;
}
.lp-inline-icons-list-item.completed svg {
opacity:1;
}
/* LOYALTY PROGRAM LIST TIMELINE */
.lp-timeline-list-item {
position:relative;
}
.lp-timeline-list-item:before {
content:'';
position:absolute;
display:block;
width:1px;
top:10px;
bottom:-10px;
left:5px;
border-left:1px solid #66a1ff;
z-index:1;
}
.lp-timeline-list-item.gray:before {
border-left:1px dashed #d9d9d9;
}
.lp-timeline-list-item:last-child:before {
content:none;
}
.lp-timeline-list-item-icon {
position:absolute;
display:block;
width:12px;
height:12px;
position:absolute;
top:3px;
left:0;
z-index:2;
}
.lp-timeline-list-item-icon svg {
width:100%;
height:100%;
display:block;
}
.lp-timeline-list-item-title {
padding-left:19px;
padding-bottom:8px;
font-size:14px;
font-weight:500;
}
.lp-timeline-list-item-subtitle {
padding-left:19px;
padding-bottom:24px;
font-size:12px;
color:#848484;
}
/* LOYALTY PROGRAM ACCORDION */
.lp-accordion li {
padding:4px;
box-sizing:border-box;
position:relative;
cursor:pointer;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.lp-accordion li:last-child {
border:none;
}
.loyalty-program .lp-accordion li .expandable-trigger {
color:rgba(17, 17, 17, 0.7);
display:flex;
color:#565656;
font-size:15px;
font-weight:500;
line-height:normal;
background:none;
padding:12px;
height:auto;
display:flex;
align-items:center;
gap:16px;
justify-content:space-between;
min-height:18px;
}
.loyalty-program .lp-accordion li .expandable-inner {
color:#848484;
font-size:14px;
font-style:normal;
font-weight:400;
line-height:normal;
border:none;
padding:0;
padding-left:12px;
padding-right:24px;
}
.loyalty-program .lp-accordion li .button-icon.chevron-icon {
margin:0;
position:static;
min-width:13px;
}
/* LOYALTY PROGRESS BAR */
.lp-progress-bar-inner {
margin-top:16px;
display:flex;
gap:16px;
align-self:stretch;
flex-wrap:nowrap;
align-content:center;
justify-content:space-between;
align-items:stretch;
}
.lp-progress-bar-title b {
display:block;
}
.lp-progress-bar-title:last-child {
text-align:right;
}
.lp-progress-bar-path {
border-radius:4px;
background:#e0e0e0;
height:4px;
flex:1 0 0;
}
.lp-progress-bar {
border-radius:4px 0px 0px 4px;
background:#66a1ff;
height:4px;
}
/* LOYALTY PROGRAM HERO */
.lp-hero {
background:#9ccd8e;
background:transparent bottom center no-repeat;
background-size:cover;
box-sizing:border-box;
padding:55px 15px 90px;
min-height:400px;
display:flex;
align-items:center;
justify-content:center;
}
.lp-hero.comming-soon {
background-image:url(/assets/vessur/img/hero-campaign-coming-soon-mobile-optimized.jpg);
background-image:url(/assets/vessur/img/hero-campaign-coming-soon-mobile-optimized.svg), linear-gradient(transparent, transparent);
padding:140px 15px 40px;
min-height:300px;
}
.lp-hero.campaign-jan-2025 {
background-image:url(/assets/vessur/img/hero-campaign-jan-2025-mobile-optimized.jpg);
background-image:url(/assets/vessur/img/hero-campaign-jan-2025-mobile-optimized.svg), linear-gradient(transparent, transparent);
padding:40px 15px;
min-height:300px;
}
.lp-hero.campaign-mar-2025 {
background-image:url(/assets/vessur/img/hero-campaign-march-2025-mobile-optimized.jpg);
padding:40px 15px;
min-height:300px;
}
.lp-hero.campaign-may-2025 {
background-image:url(/assets/vessur/img/hero-campaign-may-2025-mobile.jpg);
padding:40px 15px;
min-height:300px;
}
.lp-hero.campaign-all {
padding:40px 30px;
min-height:300px;
}
.lp-hero-inner {
display:flex;
flex-direction:column;
align-items:center;
gap:16px;
color:#444;
text-align:center;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-style:normal;
line-height:normal;
width:100%;
box-sizing:border-box;
max-width:354px;
padding:0px 16px;
}
.lp-hero-inner h2 {
font-size:30px;
font-weight:400;
color:#444;
}
.lp-hero-inner p,
.lp-hero-inner ul li {
font-size:14px;
font-weight:400;
color:#444;
}
.lp-hero-inner ul {
display:flex;
flex-direction:column;
align-items:center;
gap:16px;
align-self:stretch;
}
.lp-hero-inner ul li {
line-height:24px;
}
.lp-hero-inner ul li span {
display:inline-block;
line-height:24px;
margin-left:7px;
}
.lp-hero ul li svg {
float:left;
height:24px;
position:relative;
top:-1px;
}
.content.loyalty-program {
background:#fff;
}
.loyalty-program .m-htab-nav {
background:#f7f7f7;
}
.loyalty-program .m-button-lite.m-button-link.lp-centered-text-button svg {
width:21px;
height:21px;
display:inline-block;
margin-left:4px;
}
.loyalty-program .m-button-lite.m-button-link.lp-centered-text-button,
.loyalty-program .m-button-lite.m-button-link.lp-centered-text-button:hover {
float:none;
display:block;
margin-left:auto;
margin-right:auto;
height:auto;
color:#66a1ff;
text-align:center;
font-size:14px;
font-weight:500;
line-height:29px;
text-decoration-line:underline;
text-decoration-style:solid;
text-decoration-skip-ink:none;
text-decoration-thickness:auto;
text-underline-offset:auto;
text-underline-position:from-font;
}
.loyalty-program .lp-general .intro,
.loyalty-program .lp-general .lp-list {
margin-top:36px;
padding-bottom:24px;
}
.loyalty-program .lp-general h1 {
color:#111;
text-align:center;
font-size:28px;
font-weight:500;
line-height:normal;
}
.loyalty-program .lp-general .lp-icons-list {
gap:16px;
}
.loyalty-program .lp-general h2 {
color:#111;
font-size:24px;
font-weight:500;
line-height:50px; /* 208.333% */
}
.loyalty-program .lp-general h2,
.loyalty-program .lp-general .m-button-lite.m-button-link.lp-centered-text-button,
.loyalty-program .lp-icons-list-item {
padding:0;
margin:0;
}
.loyalty-program .lp-general p.subtitle {
margin-top:24px;
color:#585858;
text-align:center;
font-size:16px;
font-weight:400;
line-height:normal;
}
.loyalty-program .lp-general .bullet-number {
display:inline-block;
width:40px;
height:40px;
border-radius:50%;
border:1px solid #66a1ff;
box-sizing:border-box;
background:#fff;
color:#66a1ff;
text-align:center;
font-size:24px;
line-height:39px;
font-weight:400;
margin-right:19px;
font-style:normal;
}
.loyalty-program .uk-alert.lp-alert-with-action {
display:flex;
padding:8px 16px;
flex-direction:column;
justify-content:center;
align-items:flex-start;
gap:8px;
align-self:stretch;
border-radius:4px;
background:#eaf3ff;
}
.lp-alert-with-action .uk-alert-icon {
width:40px;
height:40px;
}
.lp-alert-with-action .lp-alert-inner {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:8px;
align-self:stretch;
}
.lp-alert-with-action .m-button {
color:#fff;
background:#2c7091;
float:none;
margin:0;
}
.lp-alert-with-action .hr-line {
width:100%;
background:#fff;
align-self:stretch;
margin:0;
}
.loyalty-program .lp-alert-with-action p {
font-size:18px;
text-align:center;
}
.loyalty-program .lp-alert-with-action p a {
color:#2c7091;
text-decoration:underline;
}
.lp-alert-with-action p.lp-alert-footnote {
color:#585858;
text-align:center;
font-size:12px;
font-weight:400;
line-height:normal;
}
.uk-badge.m-badge {
top:2px;
right:34px;
height:11px;
color:#FFF;
text-align:center;
font-size:8px;
font-style:normal;
font-weight:300;
line-height:12px;
text-transform:uppercase;
padding:0px 2px;
position:absolute;
background:#89C379;
font-family:'Roboto', Arial, Helvetica, sans-serif;
margin:0;
}
/* PERSONAL DATA COLLECTION FORM */
#lp-pd-collection-modal {
}
#lp-pd-collection-modal-initial {
}
.radio-with-dropdown label.inline-label input[type="radio"] {
margin-top:10px;
}
.radio-with-dropdown span.inner-label,
.radio-with-dropdown div.inner-label {
min-height:35px;
line-height:35px;
}
.radio-with-dropdown .m-select {
margin-left:0;
}
.radio-with-dropdown .m-select .uk-button {
min-width:200px;
}
.radio-with-dropdown .m-select .uk-button span {
max-width:150px;
}
#lp-pd-collection-modal .footnote,
#lp-pd-collection-modal-initial .footnote {
color:rgba(17, 17, 17, 0.5);
font-size:12px;
}
#lp-pd-collection-modal .modal-subtitle,
#lp-pd-collection-modal-initial .modal-subtitle {
font-size:16px;
margin:8px 0 7px 0;
font-weight:normal;
padding:18px 0 3px;
color:rgba(17, 17, 17, 0.7);
}
.uk-modal#lp-pd-collection-modal .uk-modal-dialog,
.uk-modal#lp-pd-collection-modal-initial .uk-modal-dialog {
top:0;
left:0;
right:0;
margin:0;
padding:15px;
line-height:25px;
position:absolute;
font-size:16px;
font-weight:500;
}
.uk-modal#lp-pd-collection-modal label.inline-label > .inner-label,
.uk-modal#lp-pd-collection-modal-initial label.inline-label > .inner-label,
.uk-modal#lp-pd-collection-modal- fieldset .inline-label .form-row,
.uk-modal#lp-pd-collection-modal-initial fieldset .inline-label .form-row {
line-height:22px;
min-height:22px;
}
.uk-modal#lp-pd-collection-modal .form-row a,
.uk-modal#lp-pd-collection-modal-initial .form-row a {
color:#07D;
text-decoration:underline;
}
.uk-modal#lp-pd-collection-modal .modal-title,
.uk-modal#lp-pd-collection-modal-initial .modal-title {
border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
/* End of LOYALTY PROGRAM */
/* REGISTER */
/* REGISTER */
.inpage-modal-heading {
text-align:center;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
font-weight:700;
text-transform:uppercase;
padding:8px 0;
margin:24px 0 5px 0;
color:#111;
}
.inpage-modal .modal-form-container p {
color:rgba(17, 17, 17, 0.5);
line-height:17px;
padding:7px 15px 12px;
text-align:center;
font-size:14px;
}
.inpage-modal .modal-form-container p a {
color:#111;
}
.inpage-modal .form-row label .inner-label {
float:none;
min-height:30px;
line-height:30px;
}
.input-tooltip {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:13px;
display:none;
line-height:19px;
color:rgba(17, 17, 17, 0.7);
padding:5px 0 8px;
margin-bottom:5px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
box-sizing:border-box;
}
.input-tooltip span:first-child {
color:#111;
font-weight:400;
font-size:14px;
}
input:focus + .input-tooltip {
display:block;
}
.modal-form-container .m-progress {
height:5px;
margin-top:5px;
margin-bottom:5px;
}
.m-progress {
width:100%;
float:right;
height:10px;
margin-top:23px;
margin-bottom:17px;
background-color:rgba(17, 17, 17, 0.1);
padding:0 !important;
}
.modal-form-container .m-progress span {
background-color:#e40000;
height:5px;
}
.input-tooltip .password-status {
color:#e40000;
display:block;
padding-top:4px;
}
.m-progress span {
background-color:#2fc700;
width:0%;
height:10px;
float:left;
max-width:100%;
padding-top:0 !important;
}
.g-recaptcha {
min-height:83px;
}
.g-recaptcha:before,
.ad-cont.requested > [id^='div-gpt-ad']:before {
content:'';
display:block;
position:absolute;
z-index:1;
top:50%;
left:50%;
margin-top:-10px;
margin-left:-10px;
width:20px;
height:20px;
/* background:transparent url(/assets/vessur/mobile/img/cogwheel_icon.png) center center no-repeat; */
opacity:0.7;
-webkit-animation:uk-rotate 2s infinite linear;
animation:uk-rotate 2s infinite linear;
}
.g-recaptcha > div {
margin:0 auto;
position:relative;
z-index:2;
}
@media screen and (max-width:360px) {
.g-recaptcha {
max-width:304px;
width:304px;
}
.g-recaptcha > div > div {
transform:scale(0.9539);
transform-origin:top left;
}
}
@media screen and (max-width:320px) {
.g-recaptcha {
max-width:304px;
width:304px;
}
.g-recaptcha > div > div {
transform:scale(0.8223);
transform-origin:top left;
}
}
#general-terms .uk-modal-dialog,
#temporary-disabled-facebook-login .uk-modal-dialog,
#register-consent .uk-modal-dialog {
padding:15px;
}
#general-terms .uk-modal-dialog p,
#temporary-disabled-facebook-login .uk-modal-dialog p,
#register-consent .uk-modal-dialog p {
font-size:15px;
line-height:20px;
margin:10px auto;
}
#general-terms .uk-modal-dialog p.modal-title,
#temporary-disabled-facebook-login .uk-modal-dialog p.modal-title,
#register-consent .uk-modal-dialog p.modal-title {
margin:0;
}
#register-consent a {
color:#07D !important;
text-decoration:underline;
}
.page-heading {
font-size:24px;
line-height:26px;
margin-bottom:25px;
}
.page-heading:after {
content:'';
width:100%;
height:1px;
background-color:rgba(17, 17, 17, 0.1);
display:block;
margin-top:28px;
}
.page-wide-message {
margin-top:40px;
}
.page-wide-message > p {
font-size:22px;
line-height:32px;
margin:15px auto;
text-align:center;
width:100%;
}
.page-wide-message p.message-description {
font-size:18px;
font-weight:300;
line-height:28px;
}
.page-wide-message .message-title a,
.page-wide-message .message-title a:hover,
.page-wide-message .message-description a,
.page-wide-message .message-description a:hover {
color:#111;
}
.registration .modal-form-container .wide-button.m-button:disabled,
.registration .modal-form-container .wide-button.m-button:disabled:hover {
background-color:#a4c5f9;
color:#fff;
}
/* END OF REGISTER */
/* CARDS */
.m-card {
font-family:'Roboto', Arial, Helvetica, sans-serif;
box-sizing:border-box;
background:#fff;
position:relative;
margin:0 -15px 8px -15px;
border:1px solid transparent;
}
.m-card .m-card-border-top {
position:relative;
z-index:3;
height:2px;
background:#aaa;
margin-top:-1px;
margin-left:-1px;
margin-right:-1px;
}
.m-card-content-container .m-card-border-top {
margin:0;
}
.m-card .m-card-content-container {
background-color:transparent;
margin-left:-1px;
margin-right:-1px;
margin-bottom:-1px;
box-sizing:border-box;
position:relative;
overflow:hidden;
}
.m-card .m-card-content-container:before,
.m-card .m-card-content-container:after {
content:'';
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:1;
}
.m-card.ad-cont .m-card-content-container {
overflow:visible;
}
.m-card.ad-cont .m-card-content-container > div {
position:relative;
z-index:4;
}
.m-card.ad-cont .m-card-content-container > .ad-title {
position:absolute;
}
.m-card .m-card-image {
display:block;
width:100%;
height:160px;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.m-card-content {
position:relative;
z-index:3;
color:#444;
padding:14px 16px 14px;
box-sizing:border-box;
line-height:19px;
overflow:hidden;
}
.m-card-content a {
text-decoration:none;
}
.m-card .m-card-subtitle {
display:block;
color:rgba(17, 17, 17, 0.9);
font-size:14px;
line-height:21px;
font-weight:300;
box-sizing:border-box;
margin-top:14px;
}
.m-card .m-card-title {
color:#111;
font-size:19px;
line-height:25px;
max-height:75px;
}
.m-card.unread .m-card-title {
font-weight:500;
}
.m-card .details {
margin-top:5px;
}
.m-card .details,
.m-card .details li,
.m-card .details .m-card-subtitle {
height:22px;
line-height:22px;
display:block;
}
.m-card .details li {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:rgba(17, 17, 17, 0.4);
padding-right:8px;
}
.m-card .details li:first-child {
position:relative;
}
.m-card .details li:last-child {
padding-right:0;
}
.m-card .details li i {
float:left;
display:block;
}
.m-card .details .m-card-subtitle {
padding-left:8px;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:14px;
}
.m-card .details .m-card-posts,
.topic .details .m-card-posts {
width:12px;
height:12px;
margin:5px 4px 0 0;
opacity:0.25;
/* background:transparent url(/assets/vessur/mobile/img/mobile_topic_posts_icon.png) center center no-repeat; */
}
a.m-list-heading {
display:block;
}
.m-list-heading {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:14px;
line-height:30px;
color:rgba(17, 17, 17, 0.9);
background:#eee;
position:relative;
z-index:1;
font-weight:700;
text-transform:uppercase;
text-align:center;
padding:10px 15px;
}
.m-list-heading.uk-active {
/* margin-top:46px; */
}
.m-list-heading .filters {
position:absolute;
width:33px;
height:33px;
top:50%;
right:15px;
transform:translateY(-50%);
}
.m-list-heading .filters .filters-icon {
margin:7px 8px 0;
}
.m-card-content .unread-posts-count {
background:#f00;
background:linear-gradient(#f00, #ec0000);
color:#fff;
font-size:11px;
display:inline-block;
height:16px;
padding:0 5px;
line-height:18px;
margin-right:0px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
position:absolute;
top:0;
left:0px;
}
.m-card-content .m-card-title.unread {
font-weight:500;
}
.m-card .m-card-content .unread-posts-count {
display:none;
vertical-align:top;
color:#fff;
}
.m-card.unread .m-card-content .unread-posts-count {
display:inline-block;
}
.relpos {
position:relative;
}
.inline-relpos {
display:inline-block;
position:relative;
}
.m-card-content .inline-relpos {
height:15px;
min-width:16px;
margin-left:6px;
}
.m-card-grid-title {
font-size:16px;
line-height:22px;
color:rgba(17, 17, 17, 0.9);
position:relative;
z-index:1;
margin:15px 0 0 0;
}
.m-card-grid-description {
margin:0 0 15px 0;
}
.m-card-grid-description p {
padding:5px 0;
color:#999;
font-size:13px;
line-height:18px;
border-bottom:3px solid #aaa;
}
.m-card-grid-description p.m-list-headers {
border-top:none;
margin-top:0;
}
.m-i-overlay {
position:relative;
}
.m-i-overlay span {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
/* background:rgba(0, 0, 0, 0.2); */
}
.m-card .m-card-image {
position:relative;
}
.m-card .m-card-image .fa-play-circle {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:64px;
height:64px;
color:#fff;
-wbekit-filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
opacity:0.66;
}
.m-card:hover .m-card-image .fa-play-circle {
opacity:0.8;
}
.centered-buttons {
text-align:center;
}
.centered-buttons .m-button,
.centered-buttons .m-button-lite {
float:none;
display:block;
margin:0 auto;
font-size:13px;
text-transform:uppercase;
}
/* END OF CARDS */
/* MODALS */
.uk-modal {
z-index:1011;
}
.m-overlay {
background:rgba(0, 0, 0, 0.3);
overflow:hidden;
}
.m-overlay.m-loader-container {
background:rgba(255, 255, 255, 0.8);
}
.m-modal-confirm-question,
.m-modal-prompt-label,
.m-modal-alert-text {
color:#444;
font-size:16px;
line-height:25px;
word-wrap:break-word;
word-break:break-word;
}
.m-modal-confirm .m-modal-confirm-question,
.m-modal-prompt .m-modal-prompt-label,
.m-modal-alert .m-modal-alert-text {
display:block;
padding:70px 20px 50px;
text-align:center;
margin:0 auto;
}
.m-modal-prompt .uk-modal-dialog {
padding:15px;
}
.modal-button-close {
/* background:transparent url(/assets/vessur/mobile/img/modal_close_icon.png) center center no-repeat; */
opacity:0.7;
width:22px;
height:21px;
position:absolute;
right:24px;
top:24px;
}
.uk-modal-close:hover .modal-button-close,
.modal-button-close:hover {
opacity:1;
}
.uk-modal-dialog {
/* margin:0 15px; */
padding:0;
-webkit-transform:translateY(0);
transform:translateY(0);
width:auto;
}
.uk-modal-footer .uk-button {
float:none;
margin:0;
}
.uk-modal .uk-modal-footer {
margin-top:25px;
}
.m-modal-board .uk-modal-footer,
.m-modal-confirm .uk-modal-footer,
.m-modal-pormpt .uk-modal-footer,
.m-modal-alert .uk-modal-footer {
margin-top:0;
padding:12px 14px 13px;
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.uk-alert {
background:#ebf3ff;
line-height:20px;
font-size:14px;
padding:18px;
margin-bottom:25px;
min-height:20px;
}
.uk-alert .paragraph {
color:#2d7091;
}
.uk-alert.uk-alert-danger {
background:#fff1f0;
}
.uk-alert.profile-panel,
.mobile .profile-content .uk-alert.profile-panel {
padding:15px 20px;
background:#ebf3ff;
}
.uk-alert.uk-alert-danger {
background:#fff1f0;
}
.uk-alert.uk-alert-warning {
background:#fff3d9;
color:#d0a442;
}
.uk-alert.uk-alert-success {
background:#ebf9e7;
color:#66a255;
}
.uk-alert .uk-alert-icon {
width:40px;
height:40px;
position:relative;
}
.uk-alert .uk-alert-icon svg,
.uk-alert .uk-alert-icon img {
width:100%;
height:auto;
object-fit:contain;
}
.bottom-prompt {
width:100%;
height:auto;
box-sizing:border-box;
position:fixed;
z-index:1001;
bottom:0px;
line-height:20px;
font-size:14px;
padding:18px;
min-height:20px;
}
.bottom-prompt-monochrome {
background:#fff;
color:#444;
border-top:1px solid rgba(17, 17, 17, 0.1);
/*
-webkit-box-shadow:0px 0px 20px 0px rgba(17, 17, 17, 0.1);
box-shadow:0px 0px 20px 0px rgba(17, 17, 17, 0.1);
*/
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.05);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 4px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.05);
}
.bottom-prompt-close {
margin:0 0 0 10px;
padding:7px;
position:absolute;
top:10px;
right:10px;
}
.cookiebanner {
background:#ebf3ff;
margin:0;
}
.bottom-prompt p a {
text-decoration:underline;
}
.bottom-prompt p,
.cookiebanner p {
max-width:700px;
line-height:20px;
width:100%;
text-align:center;
}
.bottom-prompt p {
padding-top:20px;
}
.cookiebanner p {
padding-top:10px;
}
.cookiebanner .uk-button,
.bottom-prompt .bottom-prompt-cta {
margin:20px auto 0;
display:block;
text-align:center;
}
.bottom-prompt .bottom-prompt-cta .uk-button {
margin-right:0;
}
.uk-alert .uk-close {
color:inherit;
}
.promo-line {
height:50px;
text-align:center;
font-size:13px;
line-height:49px;
}
.promo-line a,
.promo-line a .ellipsis-container {
display:inline-block;
height:50px;
vertical-align:top;
}
.promo-line a .ellipsis-container {
max-width:350px;
width:auto;
}
.promo-line img {
margin-right:5px;
display:inline-block;
max-height:38px;
max-width:38px;
width:38px;
height:38px;
vertical-align:middle;
}
.promo-line .content-container {
padding:0 5px;
}
.promo-line .promo-line-button {
padding:6px 12px;
border:1px solid #fff;
box-sizing:border-box;
height:35px;
line-height:35px;
margin:0 0 0 5px;
border-radius:3px;
font-size:13px;
transition:background-color 100ms ease-in-out;
vertical-align:middle;
}
.promo-line .promo-line-close {
width:24px;
vertical-align:middle;
margin:0 0 0 5px;
}
.promo-line .promo-line-close svg {
max-width:16px;
max-height:16px;
display:inline-block;
vertical-align:middle;
}
.promo-line.dark .promo-line-close svg path {
stroke:#111;
}
@media screen and (max-width:430px) {
.promo-line .promo-line-button {
display:none;
}
.promo-line a .ellipsis-container {
max-width:285px;
}
}
@media screen and (max-width:380px) {
.promo-line img {
display:none;
}
.promo-line a .ellipsis-container {
max-width:315px;
}
}
@media screen and (max-width:350px) {
.promo-line a .ellipsis-container {
max-width:260px;
}
}
.info-modal .modal-button-close {
/* background-image:url(/assets/vessur/mobile/img/info_modal_close.png); */
width:24px;
height:24px;
right:31px;
top:34px;
}
.info-modal .uk-modal-dialog {
background-color:#f7ca34;
width:700px;
box-sizing:border-box;
padding:27px 15px 37px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border-top:6px solid #66a1ff;
position:relative;
}
.info-modal .uk-modal-dialog:before {
content:'';
display:block;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:transparent url(/assets/vessur/mobile/img/info_modal_baloons.png) center center no-repeat;
z-index:-1;
opacity:0.3;
}
.info-modal.bottom-border .uk-modal-dialog {
border-top:none;
border-bottom:6px solid #66a1ff;
}
.info-modal .modal-content-container p,
.info-modal .modal-content-container ul li {
font-size:14px;
line-height:24px;
color:#203433;
padding:8px 0;
}
.info-modal .modal-content-container p a {
font-weight:700;
color:#07D !important;
}
.uk-modal#lp-pd-collection-modal .modal-title,
.uk-modal#lp-pd-collection-modal-initial .modal-title,
.info-modal .modal-content-container .modal-title {
font-size:22px;
font-weight:bold;
color:#fff;
padding-top:15px;
padding-bottom:21px;
}
.uk-modal#lp-pd-collection-modal .modal-title,
.uk-modal#lp-pd-collection-modal-initial .modal-title {
color:#111;
}
.info-modal .hr-line {
background:#fbe59a;
margin:17px 0 12px;
}
.info-modal .logo {
/* background:transparent url(/assets/vessur/mobile/img/info_modal_logo.png) center center no-repeat; */
width:170px;
height:47px;
position:absolute;
bottom:26px;
right:30px;
}
.info-modal .modal-content-container ul li {
/* background:transparent url(/assets/vessur/mobile/img/info_modal_bullet.png) 0 10px no-repeat; */
padding:8px 0 15px 36px;
margin-left:-36px;
}
.info-modal .modal-content-container strong {
font-size:16px;
}
.info-trigger {
display:block;
position:fixed;
z-index:1010;
bottom:34px;
left:34px;
/* background:#f7ca34 url(/assets/vessur/mobile/img/info_icon.png) center center no-repeat; */
width:35px;
height:35px;
-webkit-border-radius:35px;
-moz-border-radius:35px;
border-radius:35px;
}
.info-trigger:hover {
-webkit-box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.1);
box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.1);
}
.info-trigger.promo-guide {
width:41px;
height:31px;
background:transparent url(/assets/vessur/mobile/img/guided_tour_info.png) center center no-repeat;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.info-trigger.promo-guide:hover {
-webkit-box-shadow:none;
box-shadow:none;
}
.info-modal.beta .uk-modal-dialog {
background-color:#eff5ff;
padding:27px 15px 37px;
}
.info-modal.beta .modal-content-container .modal-title {
color:#66a1ff;
}
.info-modal.beta .modal-content-container ul li {
/* background-image:url(/assets/vessur/mobile/img/info_modal_bullet_alt.png); */
}
.info-modal.beta .hr-line {
background:rgba(17, 17, 17, 0.1);
margin:17px -13px 15px;
}
.info-modal.beta .uk-modal-dialog:before {
opacity:1;
}
.info-modal.beta .logo {
bottom:18px;
right:17px;
/* background-image:url(/assets/vessur/mobile/img/info_modal_logo_alt.png); */
opacity:0.7;
}
.uk-modal.info-modal .uk-modal-dialog .modal-content-container .modal-title {
color:rgba(17, 17, 17, 0.5);
}
.uk-modal.info-modal .uk-modal-dialog {
margin:0;
}
/* END OF MODALS */
/* LISTS */
.m-list-headers {
border-top:3px solid #444;
margin-top:9px;
}
.m-table-list {
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.m-table-list > li,
.list-drag-item {
display:block;
min-height:61px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.m-table-list li .m-list-content,
.list-drag-item .m-list-content {
/* width:485px; */
padding:0 10px 0 0;
position:relative;
display:table;
width:100%;
}
.m-list-content .m-list-image {
float:left;
width:37px;
height:35px;
position:absolute;
top:50%;
margin-top:-18px;
background-color:transparent;
background-position:center right;
background-repeat:no-repeat;
background-size:cover;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.m-table-list li .m-list-content label,
.m-table-list li .m-list-content a,
.list-drag-item .m-list-content a {
display:table-cell;
padding:6px 0 6px 51px;
/* max-width:449px; */
line-height:23px;
color:#111;
font-size:16px;
vertical-align:middle;
height:49px;
cursor:pointer;
}
.m-card-grid-description p,
.m-list-description p {
padding:7px 0;
color:#999;
font-size:15px;
line-height:19px;
}
.m-list-headers {
border-top:3px solid #444;
margin-top:9px;
}
.m-list {
display:block;
}
.m-list > li {
border-top:1px solid rgba(17, 17, 17, 0.1);
position:relative;
}
.m-table-list li .m-list-content .m-list li a {
color:#999;
}
/* INTERACIVE LISTS */
.list-interactions .mark-all-as-read,
.list-interactions .mark-all-as-read i {
width:24px;
height:15px;
margin:0;
}
.list-interactions .mark-all-as-read,
.list-interactions .interaction {
position:absolute;
cursor:pointer;
}
.list-interactions .mark-all-as-read {
background:#eee;
padding:12px 8px;
border-radius:20px;
right:15px;
top:0;
}
.list-interactions .m-card-grid > .m-card.marked,
.list-interactions .m-card-grid > .m-card.marked:hover {
opacity:0.5;
background:rgba(255, 255, 255, 0.5);
}
.m-list-empty {
color:rgba(17, 17, 17, 0.5);
font-size:16px;
line-height:22px;
padding:40px 0;
text-align:center;
border-top:1px solid rgba(17, 17, 17, 0.1);
}
#load-more {
position:relative;
}
/* END OF INTERACIVE LISTS */
.user-avatar {
float:left;
position:relative;
width:85px;
height:85px;
line-height:1;
text-align:center;
background:#fff;
vertical-align:middle;
border:1px solid rgba(17, 17, 17, 0.1);
border-radius:2px;
overflow:hidden;
margin-right:15px;
background-image:url(/assets/vessur/mobile/img/avatar_placeholder_big.png);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.user-avatar img {
border-radius:2px;
max-width:87px;
max-height:87px;
display:inline-block;
vertical-align:middle;
background:#fff;
position:relative;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-sizing:content-box;
border:80px solid #fff;
object-fit:contain;
}
.user-avatar span {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.user-avatar strong {
display:inline-block;
background:#fff;
border-radius:2px;
width:100%;
height:100%;
color:rgba(17, 17, 17, 0.2);
font-family:Roboto, Arial, Helvetica, sans-serif;
font-weight:300;
line-height:85px;
font-size:48px;
}
.alt-modal .user-info-mini .user-avatar strong,
.global-header .user-avatar strong,
.topic-author .user-avatar strong,
.list-messages .user-avatar strong {
line-height:35px;
font-size:24px;
font-weight:400;
}
/* USER-INFO */
.user-info .user-details,
.user-info .user-info-footer {
font-family:Arial, Helvetica, sans-serif;
color:#111;
}
.user-info .user-details {
float:left;
font-size:13px;
line-height:20px;
}
.user-info .user-details .user-rank {
color:rgba(17, 17, 17, 0.5);
}
.user-info .user-details p,
.user-info .user-details p a,
.user-info .user-details p > span {
min-height:18px;
display:block;
height:18px;
line-height:18px;
float:left;
}
.user-info .user-details p a .ellipsis-container,
.user-info .user-details p > span .ellipsis-container {
float:left;
max-width:205px;
width:auto;
}
.user-info .user-details .user-name {
padding:5px 0;
font-size:16px;
color:#111;
}
.user-info-mini {
float:left;
}
.user-info-mini .user-avatar {
width:33px;
height:33px;
}
.user-info-mini .user-avatar img {
max-width:35px;
max-height:35px;
}
.modal-content-container .user-info-mini > p {
float:left;
font-size:12px;
color:#999;
line-height:17px;
margin-top:-1px;
}
.alt-modal .user-info-mini .user-avatar {
background:#eee;
}
.alt-modal .user-info-mini {
padding:10px;
}
.alt-modal .user-info-mini p {
color:#888;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#topic-more-info.alt-modal .user-info-mini p {
width:75%;
}
.alt-modal .user-info-mini a {
color:#111;
}
#topic-more-info.alt-modal .user-info-mini a {
max-width:100%;
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
}
/* */
/* TOPIC */
.topic {
margin-top:-17px;
}
.topic .user-avatar,
.nav-menu .user-avatar {
width:33px;
height:33px;
margin-right:9px;
}
.nav-menu .user-avatar {
float:left;
margin-right:11px;
}
.breadcrumb,
.breadcrumb > li,
.breadcrumb > li > a,
.breadcrumb > li > a > span,
.breadcrumb > li > span {
min-height:20px;
line-height:20px;
text-align:center;
position:relative;
}
.breadcrumb > li {
font-size:13px;
display:inline-block;
margin-bottom:5px;
}
.breadcrumb > li > a,
.topic-header ul.breadcrumb > li > a,
.topic-content-footer ul.breadcrumb > li > a {
background-color:#fff;
padding:0 11px;
margin:0;
}
.breadcrumb > li:after {
content:'';
display:inline-block;
width:7px;
height:10px;
margin:0 7px 0 7px;
opacity:0.5;
position:relative;
top:2px;
}
.breadcrumb > li:after {
width:8px;
height:13px;
background-position:-248px -142px;
transform:scale(-1, 1);
}
.breadcrumb > li.home > a,
.topic-header ul.breadcrumb > li.home > a,
.topic-content-footer ul.breadcrumb > li.home > a {
float:left;
width:20px;
height:20px;
min-height:auto;
border-radius:20px;
background-color:#fff;
margin:0;
opacity:0.7;
text-indent:-200px;
}
.breadcrumb > li.home > a > span {
visibility:hidden;
/* display:none; */
}
.breadcrumb > li.home > a:hover {
opacity:1;
}
.breadcrumb > li.home > a:before {
width:15px;
height:16px;
background-position:-245px -311px;
content:'';
display:block;
margin:2px 0 0 3px;
}
.breadcrumb > li:nth-child(n+2):before,
.breadcrumb > li:last-child:after {
content:none;
}
.breadcrumb > li:last-child {
color:#444;
}
.topic .breadcrumb {
padding-top:25px;
margin-bottom:10px;
}
.topic-header,
.topic-content-footer {
text-align:center;
}
.expandable .expandable-inner {
display:none;
}
.expandable .expandable-inner-alternative {
display:block;
}
.expandable.expanded .expandable-inner {
display:block;
}
.expandable.expanded .expandable-inner-alternative {
display:none;
}
.topic-cover {
background-color:#eee;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
height:110px;
margin:0 -15px -5px;
}
.topic-cover .overlay {
background:transparent url(/assets/vessur/mobile/img/cover_overlay.png) bottom left repeat-x;
width:100%;
height:110px;
}
.topic-cover + .topic-title {
margin-top:55px;
}
.topic .topic-title,
.topic .topic-title a {
color:#111;
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-weight:400;
font-size:25px;
line-height:25px;
}
.topic .topic-title a,
.compose-preview-modal .topic-title {
display:block;
padding:2px 5px 11px;
}
.topic .topic-details {
margin-top:14px;
margin-bottom:5px;
width:100%;
text-align:center;
display:block;
}
.topic .topic-details li {
display:inline-block;
text-align:center;
height:20px;
line-height:20px;
color:rgba(17, 17, 17, 0.5);
margin-bottom:7px;
background:#fff;
border-radius:2px;
font-size:12px;
padding:0 5px;
}
.topic .details {
min-height:22px;
line-height:22px;
padding-bottom:10px;
}
.topic .details li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:rgba(17, 17, 17, 0.4);
vertical-align:top;
margin-right:5px;
}
.topic .details li .m-card-posts + span {
height:inherit;
vertical-align:inherit;
}
.topic .topic-icons li {
margin:0;
}
.topic-header .topic-author {
padding-bottom:19px;
}
.topic-author > p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:rgba(17, 17, 17, 0.5);
line-height:17px;
margin-top:-1px;
}
.topic-author > p > a {
color:#111;
}
.topic-actions ul {
padding-top:6px;
padding-bottom:17px;
}
.share-icon {
/* background-image:url(/assets/vessur/img/share_button_icon.svg); */
width:21px;
height:21px;
margin-top:4px;
}
.follow-icon {
/* background-image:url(/assets/vessur/mobile/img/follow_icon.png); */
width:19px;
height:21px;
margin-top:3px;
}
.follow-action.following .follow-icon {
/* background-image:url(/assets/vessur/mobile/img/following_icon.png); */
}
.topic-header ul li,
.topic-content-footer ul li {
display:inline-block;
}
.topic-header ul li a,
.topic-content-footer ul li a {
float:left;
margin-right:10px;
}
.topic .topic-header ul.topic-details li a {
float:none;
margin-right:0;
}
.topic-header .icon-only,
.topic-content-footer .icon-only {
padding:0 5px;
}
.post-header {
position:relative;
padding:15px 0;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.topic-post.new-post .post-header,
.list-messages li.new-message .m-accordion-entry-header,
.list-messages li.updated .m-accordion-entry-header {
background:#ffffd3;
}
.more-info-action {
padding-right:8px;
padding-left:16px;
margin-right:-8px;
}
.topic-post {
position:relative;
background:#fff;
margin-bottom:9px;
}
.topic-post.post-attachments {
background:none;
border:none;
margin-bottom:0;
}
.topic-post.post-attachments .post-content.attachment-container {
background:#fff;
margin-bottom:9px;
}
.topic-post:before {
content:'';
background:#aaa;
height:2px;
position:absolute;
top:-2px;
left:0;
right:0;
}
.topic-post.video-post:before,
.topic-post.original:before,
.latest-topic-posts .topic-post:before {
content:none;
}
.post-header p,
.post-header .post-link,
.post-header .post-date {
height:40px;
line-height:40px;
}
.post-header .post-link,
.post-header .post-date {
float:right;
padding-left:10px;
color:rgba(17, 17, 17, 0.4);
}
.post-header .post-link a,
.post-header a.post-link .post-link {
display:inline-block;
font-size:15px;
color:rgba(17, 17, 17, 0.7);
}
.post-header a.post-link:hover span,
.post-header a.post-link:focus span,
.post-header .post-link a:hover,
.post-header .post-link a:focus {
text-decoration:underline;
color:#111;
}
.post-content {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:16px;
line-height:27px;
padding-top:10px;
padding-bottom:15px;
}
.post-content.video-container {
padding-bottom:15px;
padding-top:15px;
}
.post-content-inner iframe {
background:rgba(17, 17, 17, 0.15);
display:inline-block;
width:480px;
height:270px;
max-width:100%;
}
.post-content.video-container .video-wrapper iframe {
display:block;
width:480px;
height:270px;
max-width:100%;
margin:0 auto;
}
.post-anchor {
position:absolute;
top:-45px;
left:0;
height:0;
width:0;
}
.post-content .post-link,
.post-content .post-date {
display:block;
color:rgba(17, 17, 17, 0.4);
font-size:14px;
}
.post-content .post-link-number {
line-height:25px;
padding:0 5px 0 7px;
border-radius:2px;
background-color:rgba(17, 17, 17, 0.05);
color:#111;
}
.post-content .expandable-trigger {
display:none;
}
.post-content .attachment-header.expandable-trigger,
.post-content .attachment-inner.expandable-inner-alternative.expandable-trigger {
display:block;
}
.expandable.expanded .post-content .attachment-inner.expandable-inner-alternative.expandable-trigger {
display:none;
}
.post-content .post-content-inner {
}
.post-content.expandable .post-content-inner {
max-height:300px;
overflow:hidden;
}
.post-content.expandable.expanded .post-content-inner {
max-height:none;
overflow:auto;
}
.post-content.expandable .expandable-trigger {
display:block;
position:relative;
}
.post-content.expandable.expanded .expandable-trigger {
display:none;
}
.post-content.expandable .expandable-trigger span {
position:relative;
z-index:1;
}
.post-content.expandable .expandable-trigger:before {
content:'';
z-index:0;
position:absolute;
left:0;
right:0;
height:101px;
top:-67px;
/* background:-webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
background:-o-linear-gradient(rgba(255, 255, 255, 0), #fff);
background:-moz-linear-gradient(rgba(255, 255, 255, 0), #fff);
background:linear-gradient(rgba(255, 255, 255, 0), #fff); */
background:transparent url(/assets/vessur/mobile/img/expandable_post_gradient.png) top left repeat-x;
}
.post-content.expandable.expanded .expandable-trigger:before {
background:transparent;
}
.edited-meta {
color:#252525;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-top:8px;
}
.post-actions {
padding-top:7px;
/* padding-bottom:10px; */
text-align:center;
}
.post-actions li {
display:inline-block;
/* float:right; */
/* margin-left:11px; */
}
.post-actions li .post-reply-icon {
margin:8px 5px 0 0;
}
.post-actions li .uk-button {
padding:0 7px;
font-size:13px;
margin-right:7px;
}
.list-messages .post-actions li {
margin-left:11px;
}
.post-actions li.post-quote .uk-button {
margin-right:0;
}
.post-useful .count {
font-size:12px;
color:rgba(17, 17, 17, 0.5);
float:right;
margin-left:7px;
line-height:30px;
height:30px;
}
.post-useful .m-button .count {
color:#fff;
}
.topic .user-avatar img,
.nav-menu .user-avatar img {
max-width:35px;
max-height:35px;
}
@media screen and (max-width:340px) {
.topic-actions li .uk-button,
.post-actions li .uk-button {
padding:0 4px;
font-size:12px;
margin-right:5px;
min-width:70px;
line-height:28px;
height:28px;
min-height:28px;
}
.post-useful .count {
font-size:11px;
line-height:28px;
height:28px;
margin-left:5px;
}
.topic-actions li .uk-button .button-icon,
.post-actions li .uk-button .button-icon {
transform:scale(0.8);
margin-right:2px;
}
.post-actions li .post-quote-icon {
margin-top:6px;
}
.post-actions li .post-share-icon {
margin-top:5px;
}
.post-actions li .post-reply-icon {
margin-top:6px;
}
.post-actions li .post-useful-icon {
margin-top:4px;
}
}
/* ICONS */
.post-quote-icon {
/* background-image:url(/assets/vessur/mobile/img/post_quote_icon.png); */
width:19px;
height:14px;
margin:8px 6px 0 1px;
}
.post-useful-icon {
/* background-image:url(/assets/vessur/mobile/img/post_useful_icon.png); */
width:20px;
height:18px;
margin:5px 5px 0 0;
}
.uk-button.marked .post-useful-icon {
/* background-image:url(/assets/vessur/mobile/img/post_useful_icon_active.png); */
opacity:1;
}
/* ICONS */
.topic .post-content .post-content-inner,
.topic .post-content .post-content-inner > *,
.fr-element a[target='_blank'],
.topic .post-content .post-content-inner a[target='_blank'] {
word-break:break-word;
}
.fr-element a.url-content[target='_blank'],
.topic .post-content .post-content-inner a.url-content[target='_blank'] {
word-break:break-all;
}
.fr-element a,
.topic .post-content .post-content-inner a {
color:#6ba0f1;
text-decoration:underline;
}
.fr-element a:hover,
.fr-element a:focus,
.topic .post-content .post-content-inner a:hover,
.topic .post-content .post-content-inner a:focus {
color:#6ba0f1;
text-decoration:none;
}
.topic .topic-post .post-content .post-content-inner ul li,
.list-messages .topic-post .post-content ul li {
padding-left:0;
list-style-position:inside;
}
.mobile .topic .recommended {
margin-top:28px;
}
/* END OF TOPIC */
.user-status-icon {
width:6px;
height:6px;
display:inline-block;
vertical-align:middle;
background:gray;
border-radius:6px;
margin-left:5px;
}
.usi-online {
background:#2fc700;
}
.usi-offline {
background:red;
}
/* more info */
.more-info {
/* background:transparent url(/assets/vessur/mobile/img/more_vertical.png) center center no-repeat; */
display:inline-block;
width:6px;
padding:0;
margin-top:5px;
height:19px;
opacity:0.8;
}
.more-info.alt {
width:19px;
height:19px;
margin-left:10px;
position:relative;
background:none;
top:2px;
}
.more-info.alt svg {
top:0;
left:0;
position:absolute;
}
.more-info:hover {
opacity:1;
}
/* end of more info */
/* modal report */
#modal-report .modal-button-wizard-back {
display:none;
width:17px;
height:17px;
float:left;
background-position:-43px -37px;
margin:15px 10px;
}
#modal-report .wizard-steps {
display:block;
}
#modal-report .reason-option,
.rule-item {
margin:0;
line-height:34px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
border-radius:2px;
padding:5px 0;
box-sizing:border-box;
background:transparent;
position:relative;
cursor:pointer;
}
#modal-report .reason-option:last-child,
.rule-item:last-child {
border:none;
}
#modal-report .reason-option:after {
content:'';
display:inline-block;
position:absolute;
width:7px;
height:13px;
background:transparent url(/assets/vessur/img/sprite.png?v=1.5);
background-image:-webkit-linear-gradient(transparent, transparent), url(/assets/vessur/img/sprite.svg?v=1.5);
background-image:linear-gradient(transparent, transparent), url(/assets/vessur/img/sprite.svg?v=1.5);
background-size:394px 658px;
background-position:-90px -9px;
background-repeat:no-repeat;
/* transform:translate(8px, 11px); */
top:50%;
right:0;
transform:translate(-50%, -50%);
}
#modal-report .reason-option .inner-label {
font-size:16px;
font-weight:400;
color:rgba(17, 17, 17, 0.7);
display:inline-block;
width:95%;
}
#modal-report .wizard-step-final fieldset label .black-label {
color:rgba(17, 17, 17, 0.7);
}
.report-modal .modal-footer {
padding:5px 0 0 0;
border-top:1px solid rgba(17, 17, 17, 0.1);
margin:25px 0 0;
}
.report-modal .modal-footer .footer-links {
text-align:center;
font-size:0px;
}
.report-modal .modal-footer .footer-links li {
display:inline-block;
vertical-align:top;
}
.report-modal .modal-footer .footer-links li a {
font-size:14px;
text-decoration:underline;
margin:0px;
vertical-align:top;
font-weight:500;
}
.report-modal .modal-footer .footer-links li:after {
content:'';
background:rgba(17, 17, 17, 0.7);
height:16px;
width:1px;
display:inline-block;
margin-top:7px;
}
.report-modal .modal-footer .footer-links li:last-child:after {
content:none;
}
#modal-report textarea {
width:100%;
box-sizing:border-box;
padding:7px;
}
#modal-report fieldset {
margin-top:0;
}
#modal-report fieldset .inline-label .inner-label {
color:rgba(17, 17, 17, 0.5);
}
#modal-report fieldset.error label:before {
display:none;
}
#modal-report fieldset .caption {
margin-bottom:13px;
padding:0;
}
#modal-report .uk-modal-footer {
display:none;
}
/* end of modal report */
/* RULES START */
#modal-report .modal-content-container,
#modal-rules .modal-content-container {
overflow:auto;
}
.rule-item .inner-label {
font-size:16px;
font-weight:400;
color:rgba(17, 17, 17, 0.7);
display:inline-block;
width:90%;
}
.rule-item .expanded-content span {
line-height:20px;
display:inline-block;
margin:10px 0 20px;
font-weight:400;
font-size:14px;
}
.rule-item .expanded-content span:first-letter {
text-transform:capitalize;
}
/* RULES END */
/* m-quote */
pre {
font-size:14px;
padding:10px;
}
.post-content .m-quote,
.post-content .quote-wrapper {
background:#f7f7f7;
/* border:1px solid rgba(17, 17, 17, 0.1); */
padding:6px 14px 25px;
margin:12px 0 9px;
font-size:14px;
}
.post-content .m-quote.even,
.post-content .quote-wrapper.even {
background:#fff;
}
.post-content .m-quote .m-quote,
.quote-wrapper .quote-wrapper {
margin-top:0;
}
[data-topic-id='1161235'] .post-content img {
height:auto;
}
.post-content img {
max-width:100%;
max-height:600px;
height:auto;
}
.post-content .m-quote img,
.post-content .quote img {
max-width:100%;
max-height:200px;
height:auto;
width:auto;
}
.post-content td img,
.post-content .m-quote td img,
.post-content .quote td img {
max-width:100%;
max-height:200px;
height:auto;
}
.private-messages .post-content td img
.private-messages .post-content .m-quote td img,
.private-messages .post-content .quote td img {
max-width:100%;
max-height:200px;
height:auto;
}
.post-content .m-quote .m-quote-title,
.post-content .quote-wrapper .quoteheader,
.post-content .post-content-inner a.quoteheader {
line-height:23px;
min-height:23px;
font-style:italic;
color:#343434;
padding:8px 0 16px;
position:relative;
}
.post-content .m-quote .m-quote-title a,
.post-content .quote-wrapper .quoteheader a {
color:#111;
}
.post-content .post-content-inner a.quoteheader:hover,
.post-content .post-content-inner a.quoteheader:focus {
color:#343434;
}
.post-content .m-quote .m-quote-title a:hover,
.post-content .quote-wrapper .quoteheader a:hover,
.post-content .m-quote .m-quote-title a:focus,
.post-content .quote-wrapper .quoteheader a:focus {
color:#111;
}
.post-content .m-quote .m-quote-title a:before,
.post-content .quote-wrapper .quoteheader a:before,
.post-content .quote-wrapper .quoteheader:before {
content:'';
float:left;
width:16px;
height:12px;
margin-right:9px;
margin-top:6px;
background:transparent url(/assets/vessur/mobile/img/quote_icon.png) center center no-repeat;
opacity:0.4;
}
/* .topic-quote-icon {
background:transparent url(/assets/vessur/mobile/img/quote_icon.png) center center no-repeat;
display:inline-block;
width:16px;
height:12px;
position:absolute;
left:0;
top:14px;
} */
.post-content .quote-wrapper .quoteheader a:before {
position:absolute;
top:8px;
left:0px;
display:none;
opacity:0.4 !important;
}
.post-content .quote-wrapper .quoteheader:hover a:before {
display:block;
}
.post-content .m-quote .m-quote-title a:hover:before,
.post-content .quote-wrapper .quoteheader a:hover:before {
opacity:1;
}
.post-content .m-quote blockquote,
.post-content .quote-wrapper .quote {
/*
font-style:normal;
padding:0 5px;
font-size:14px;
*/
border:none;
}
.quote-wrapper .quote .quote-wrapper,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper {
background:#fff;
}
.quote-wrapper .quote pre,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote pre,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote pre,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote pre,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote pre {
background:#fff;
}
.quote-wrapper,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper {
background:#f7f7f7;
}
.quote-wrapper .quote .quote-wrapper .quote pre,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote pre,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote pre,
.quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote .quote-wrapper .quote pre {
background:#f7f7f7;
}
.topic .details li i,
.topic-icons li i {
display:inline-block;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
margin-right:3px;
vertical-align:top;
}
.topic .details li i {
float:left;
}
.icons-wrapper,
.topic-icons li span {
display:inline-block;
height:16px;
vertical-align:middle;
}
.topic-icons li .ti-hot {
width:10px;
height:13px;
/* background-image:url(/assets/vessur/mobile/img/topic_icons_hot.png); */
}
.topic-icons li .ti-hotter {
width:10px;
height:13px;
/* background-image:url(/assets/vessur/mobile/img/topic_icons_hotter.png); */
}
.topic-icons li .ti-locked {
width:10px;
height:13px;
/* background-image:url(/assets/vessur/mobile/img/topic_icons_locked.png); */
opacity:0.6;
}
.topic-icons li .ti-pinned {
width:11px;
height:17px;
/* background-image:url(/assets/vessur/mobile/img/topic_icons_pinned.png); */
opacity:0.6;
}
.topic-icons li .ti-paid,
.topic-icons li .ti-paid1 {
width:8px;
height:13px;
/* background-image:url(/assets/vessur/mobile/img/topic_icons_paid.png); */
opacity:0.6;
}
.topic-icons li .ti-editors {
width:13px;
height:17px;
/* background-image:url(/assets/vessur/mobile/img/topic_icons_editors.png); */
opacity:0.6;
margin-top:-2px;
}
.topic-icons li .ti-poll {
width:10px;
height:11px;
/* background-image:url(/assets/vessur/mobile/img/topic_icons_poll.png); */
opacity:0.6;
}
.topic-icons li .ti-video {
opacity:0.6;
}
/* MODAL BOX TOPIC_MORE */
.uk-modal .uk-modal-dialog {
width:100%;
max-width:100%;
}
.uk-modal#account-activation .uk-modal-dialog {
top:0;
bottom:0;
left:0;
right:0;
margin:0;
padding:0 15px;
position:absolute;
}
.uk-modal.image-uploader .uk-modal-dialog,
.uk-modal.password-prompt .uk-modal-dialog,
.uk-modal.image-cropper .uk-modal-dialog,
.uk-modal.m-modal-board .uk-modal-dialog,
.uk-modal.pagination-modal .uk-modal-dialog,
.uk-modal.share-action .uk-modal-dialog,
.uk-modal.alt-modal .uk-modal-dialog,
.uk-modal.poll-creator .uk-modal-dialog,
.uk-modal.research-modal .uk-modal-dialog,
.uk-modal.more-action .uk-modal-dialog {
padding:0 15px;
line-height:25px;
position:absolute;
bottom:0;
left:0;
right:0;
margin:0;
font-size:16px;
font-weight:500;
}
.uk-modal.image-cropper .uk-modal-dialog {
padding:0;
top:0;
}
.uk-modal.poll-creator .uk-modal-dialog,
.uk-modal.compose-preview-modal .uk-modal-dialog,
.uk-modal.member-search .uk-modal-dialog {
background-color:#eee;
height:100%;
position:absolute;
bottom:0;
left:0;
right:0;
margin:0;
padding:0;
}
.uk-modal.poll-creator .uk-modal-dialog,
.uk-modal.compose-preview-modal .uk-modal-header,
.uk-modal.member-search .uk-modal-header,
.header-title {
min-height:45px;
line-height:45px;
font-size:16px;
}
.header-title {
float:left;
margin-left:13px;
}
.uk-modal.poll-creator .uk-modal-header,
.uk-modal.compose-preview-modal .uk-modal-header,
.uk-modal.member-search .uk-modal-dialog {
background-color:#fff;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
position:fixed;
top:0;
left:0;
right:0;
}
.uk-modal.alt-modal .modal-content-container,
.uk-modal.poll-creator .modal-content-container,
.uk-modal.compose-preview-modal .modal-content-container {
position:absolute;
left:0;
right:0;
top:46px;
bottom:0;
}
.uk-modal.alt-modal .modal-content-container {
top:49px;
}
.uk-modal.poll-creator .uk-modal-dialog {
background-color:#fff;
}
.uk-modal.poll-creator .modal-content-container {
padding:15px;
bottom:61px;
}
.uk-modal.more-action .uk-modal-dialog {
text-align:center;
}
.uk-modal.share-action .uk-modal-dialog,
.uk-modal.alt-modal .uk-modal-dialog,
.uk-modal.password-prompt .uk-modal-dialog {
top:0;
}
.uk-modal .uk-modal-header {
margin:0;
}
.uk-modal .uk-modal-dialog .modal-title {
color:rgba(17, 17, 17, 0.5);
padding:10px 0;
}
.uk-modal-dialog .modal-title .uk-badge {
max-width:210px;
}
.uk-modal.poll-creator .uk-modal-header .modal-title {
padding:0 0 0 15px;
}
.modal-button-close {
background:transparent url(/assets/vessur/mobile/img/modal_close_icon.png) center center no-repeat;
width:14px;
height:14px;
position:absolute;
right:14px;
top:16px;
}
.uk-modal .more-action-inner ul {
padding:5px 0 8px;
}
.uk-modal .more-action-inner ul li {
position:relative;
}
.uk-modal .more-action-inner ul li a {
padding:8px 0 12px;
display:block;
font-size:15px;
line-height:40px;
color:rgba(17, 17, 17, 0.9);
}
.uk-modal .more-action-inner ul li a strong {
font-weight:500;
}
.uk-modal.share-action .more-action-inner ul li a {
text-align:left;
}
.uk-modal .more-action-inner ul li a .button-icon {
height:40px;
width:40px;
border-radius:3px;
opacity:1;
}
.uk-modal .more-action-inner ul li a.share-facebook .button-icon {
background-color:#4d78bb;
}
.uk-modal .more-action-inner ul li a.share-twitter .button-icon {
background-color:#22c7fc;
}
.uk-modal .more-action-inner ul li a.share-viber .button-icon {
background-color:#7d3daf;
}
.uk-modal .more-action-inner ul li a.share-whatsapp .button-icon {
background-color:#1bd741;
}
.uk-modal .more-action-inner ul li a.share-link .button-icon {
background-color:rgba(17, 17, 17, 0.7);
}
.share-facebook-icon {
/* background-image:url(/assets/vessur/mobile/img/icon_share_facebook.png); */
opacity:1;
}
.share-twitter-icon {
/* background-image:url(/assets/vessur/mobile/img/icon_share_twitter.png); */
opacity:1;
}
.share-link-icon {
/* background-image:url(/assets/vessur/mobile/img/icon_share_link.png); */
opacity:1;
}
.tpl3 .post-header .user-info > .user-avatar strong,
.nav-menu .nav-menu-profile .user-avatar strong {
line-height:33px;
font-size:24px;
font-weight:400;
}
.alt-modal .modal-content-container > p {
padding:0 15px;
}
.alt-modal .modal-panel {
background:#eee;
padding:10px;
}
#topic-more-info .modal-panel {
padding-left:25px;
}
/* RESERACH MODAL */
.uk-modal.research-modal .uk-modal-dialog {
padding-bottom:15px;
bottom:auto;
top:auto;
}
.uk-modal.research-modal .uk-modal-dialog p {
margin-bottom:15px;
}
.uk-modal.research-modal .uk-modal-header {
padding-bottom:15px;
}
.uk-modal.research-modal .hr-line {
margin:3px 0;
}
.uk-modal.research-modal .logo-blue,
.uk-modal.research-modal .research-partner-logo span {
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
}
.uk-modal.research-modal .logo-blue {
background-image:url(/assets/vessur/img/bg-mamma_logo_optimized.svg);
background-size:contain;
}
.uk-modal.research-modal .uk-modal-header .logo-blue {
display:block;
width:131px;
height:16px;
margin-top:19px;
}
.uk-modal.research-modal .modal-content-container .logo-blue {
display:inline-block;
width:127px;
height:15px;
background-size:contain;
position:relative;
top:2px;
margin-left:5px;
}
.uk-modal.research-modal .research-dialog .research-partner-logo p {
color:rgba(17, 17, 17, 0.4);
font-size:11px;
}
.uk-modal.research-modal [class*='-logo'] span {
vertical-align:middle;
display:inline-block;
background-size:contain;
background-repeat:no-repeat;
background-color:transparent;
background-position:center center;
}
.uk-modal.research-modal .market-links-logo span {
width:57px;
height:24px;
background-image:url(/assets/vessur/img/market_links_logo.gif);
}
.uk-modal.research-modal .idein-logo span {
width:43px;
height:24px;
background-image:url(/assets/vessur/img/idein_optimized.svg);
}
.uk-modal.research-modal .uk-modal-header .idein-logo span {
width:90px;
height:44px;
position:relative;
top:11px;
}
.uk-modal.research-modal .mixa-logo span {
width:43px;
height:16px;
background-image:url(/assets/vessur/img/mixa_logo_optimized.svg);
}
.uk-modal.research-modal .uk-modal-header .mixa-logo span {
width:72px;
height:34px;
position:relative;
top:11px;
}
.uk-modal.research-modal .telerik-academy-logo span {
width:43px;
height:16px;
/* background-image:url(/assets/vessur/img/telerik-academy-school-optimized.svg); */
background-image:url(/assets/vessur/img/telerik-academy-school-slogan-optimized.png);
}
.uk-modal.research-modal .uk-modal-header .telerik-academy-logo span {
width:177px;
height:45px;
position:relative;
top:11px;
}
.uk-modal.research-modal .klorane-logo span {
width:80px;
height:32px;
background-image:url(/assets/vessur/img/klorane-logo-optimized.svg);
/* background-image:url(/assets/vessur/img/klorane-logo-optimized.png); */
position:relative;
top:9px;
}
.uk-modal.research-modal .avene-logo span {
width:63px;
height:32px;
background-image:url(/assets/vessur/img/avene-logo-optimized.svg);
/* background-image:url(/assets/vessur/img/avene-logo-optimized.png); */
position:relative;
top:10px;
}
.uk-modal.research-modal .ozone-logo span {
width:155px;
height:32px;
background-image:url(/assets/vessur/img/ozone-logo-optimized.svg);
/* background-image:url(/assets/vessur/img/ozone-logo-optimized.png); */
position:relative;
top:10px;
}
.uk-modal.research-modal .jtn-logo span {
width:43px;
height:32px;
background-image:url(/assets/vessur/img/jtn-logo-optimized.png);
}
.uk-modal.research-modal .scalret-beauty-logo span {
width:87px;
height:48px;
background-image:url(/assets/vessur/img/scarlet-beauty-logo-optimized.svg);
position:relative;
top:8px;
}
.uk-modal.research-modal .frosch-logo span {
width:71px;
height:48px;
background-image:url(/assets/vessur/img/frosch-logo-optimized.svg);
position:relative;
top:8px;
}
/* END OF RESEARCH MODAL */
/* POLL */
.attachment-header {
padding-right:35px;
padding-left:40px;
position:relative;
}
.attachment-header.expandable-trigger {
cursor:pointer;
}
.attachment-header .attachment-badge {
font-size:14px;
color:rgba(17, 17, 17, 0.4);
height:18px;
line-height:18px;
margin-top:5px;
}
.attachment-header .attachment-title {
font-size:16px;
min-height:20px;
line-height:21px;
}
.attachment-header .attachment-icon {
/* background:transparent url(/assets/vessur/mobile/img/topic_poll_icon.png) center center no-repeat; */
width:26px;
height:28px;
opacity:0.4;
position:absolute;
left:0;
top:50%;
margin-top:-14px;
}
.attachment-header .attachment-icon.qa-pairs-icon {
opacity:1;
}
.attachment-header > .button-icon.chevron-icon {
position:absolute;
right:0;
top:50%;
margin:-4px 0 0 0;
}
.attachment-header .edit-icon {
width:32px;
height:32px;
margin-top:-12px;
}
.attachment-inner {
position:relative;
}
.expandable.expanded .attachment-container .attachment-inner.expandable-inner {
padding-top:16px;
}
.post-content.attachment-container {
padding:20px 15px 20px 15px;
margin:0 -15px 9px;
}
.attachment-content {
display:block;
background:#f7f7f7;
margin:0 -15px;
padding:0 15px 5px;
}
.poll-section-title {
font-size:14px;
color:rgba(17, 17, 17, 0.5);
height:28px;
line-height:18px;
padding-top:2px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.poll-results .poll-section-title {
border-bottom-color:transparent;
}
.poll-actions {
margin-top:15px;
margin-bottom:5px;
}
.poll-actions .m-button-text {
min-width:auto;
}
.attachment-legend {
font-size:12px;
color:#919191;
padding-left:26px;
margin-top:4px;
}
.attachment-content .form-row {
padding:8px 0 7px;
}
.poll-results-list {
font-size:14px;
color:#111;
line-height:23px;
font-family:'Roboto', Arial, Helvetica, sans-serif;
position:relative;
}
.poll-results-list .expandable-trigger {
position:absolute;
bottom:0;
left:50%;
background-color:#f7f7f7;
margin:-13px -20px;
height:20px;
padding:0 15px;
border:none;
border-radius:2px;
z-index:1;
}
.poll-results-list .expandable-trigger .chevron-icon {
margin:0;
}
.poll-results .poll-results-list-container {
display:block;
overflow:hidden;
margin-top:-5px;
max-height:240px;
}
.poll-results .toggle-shrink-trigger {
cursor:pointer;
width:42px;
height:20px;
background-color:#f7f7f7;
position:absolute;
left:50%;
margin-left:-21px;
bottom:-14px;
border-radius:2px;
}
.poll-results .toggle-shrink-trigger .button-icon {
margin:6px auto;
float:none;
}
.poll-results .toggle-shrink-trigger .more-count {
display:inline-block;
}
.poll-results.poll-results-expanded .toggle-shrink-trigger .more-count {
display:none;
}
.poll-results {
padding-top:13px;
padding-bottom:0px;
}
.poll-results.poll-results-expanded .poll-results-list-container {
padding-bottom:16px;
max-height:100%;
}
.poll-results-list ul li {
position:relative;
}
.poll-results-list .row-style strong {
font-weight:400;
color:rgba(17, 17, 17, 0.7);
}
.poll-results-list .row-style.voted strong {
color:#111;
}
.poll-results-list .row-style span {
position:relative;
float:left;
/* width:81%; */
z-index:1;
font-size:12px;
}
.poll-results-list .row-style span:first-child {
float:right;
text-align:right;
/* max-width:15%; */
margin:1px 5px 0 0;
height:20px;
}
.poll-results-list .row-style .list-background {
background-color:rgba(17, 17, 17, 0.1);
padding:5px 0;
position:absolute;
top:-1px;
left:-1px;
bottom:-1px;
z-index:0;
width:0%;
-webkit-transform:scaleX(0);
-webkit-transform-origin:0% 0%;
-ms-transform:scaleX(0);
-ms-transform-origin:0% 0%;
transform:scaleX(0);
transform-origin:0% 0%;
border-radius:2px;
}
.poll-results-list .row-style.voted .list-background {
background-color:rgba(17, 17, 17, 0.3);
}
.poll-results-list .row-style {
border:1px solid rgba(17, 17, 17, 0.1);
min-height:20px;
padding:5px 5px 5px 9px;
border-radius:2px;
margin-top:10px;
}
/* END OF POLL */
/* QA PAIRS */
.qa-pairs-container .attachment-legend {
margin:0;
padding:0 0 16px 0;
}
.qa-pairs-container .attachment-content {
padding:16px;
}
.qa-pairs-container .attachment-inner.expandable-inner-alternative {
cursor:pointer;
padding-top:16px;
}
.qa-pairs-container .attachment-inner.expandable-inner-alternative .attachment-content {
border-top:1px solid #E0E0E0;
padding-top:0;
background:none;
}
.qa-pairs-container .attachment-inner.expandable-inner-alternative .attachment-content p {
color:#848484;
font-size:14px;
font-weight:400;
line-height:1;
padding:8px 8px 8px 0;
}
.qa-pair-expandable {
border-top:1px solid #E0E0E0;
padding:16px 15px;
margin-left:-15px;
margin-right:-15px;
}
.qa-pair-expandable:last-child {
border-bottom:1px solid #E0E0E0;
}
.qa-pair-expandable .qa-pair-expandable-trigger {
position:relative;
color:#565656;
font-size:15px;
font-weight:500;
padding-left:40px;
cursor:pointer;
}
.qa-pair-expandable .qa-pair-expandable-trigger .button-icon.chevron-icon {
position:absolute;
right:auto;
left:6px;
top:50%;
margin:-4px 0 0 0;
}
.qa-pair-expandable .qa-pair-expandable-inner {
max-height:0;
overflow:hidden;
padding-left:40px;
}
.qa-pair-expandable .qa-pair-expandable-inner p {
color:#848484;
font-size:14px;
font-weight:400;
line-height:normal;
padding-top:8px;
}
.qa-pair-expandable.qa-pair-expanded .qa-pair-expandable-inner {
max-height:500px;
}
.qa-pair-feedback {
float:right;
}
.qa-pair-feedback li {
display:inline-block;
margin-left:8px;
}
.qa-pair-feedback li .uk-button {
height:35px;
line-height:30px;
float:none;
margin:0;
}
.qa-pair-feedback li .uk-button .button-icon {
color:#585858;
}
.qa-pair-feedback li .uk-button.marked[data-qa-pair-feedback='1'] .button-icon {
color:#89C37A;
}
.qa-pair-feedback li .uk-button.marked[data-qa-pair-feedback='0'] .button-icon {
color:#D23636;
}
.qa-pairs-container .m-helper-container.top-right {
right:25px;
}
.qa-pairs-container .m-helper-container .uk-dropdown {
transform:translateY(30px) translateX(79px) scale(0.9);
}
/* BOARD */
.board-filters ul {
border-top:2px solid rgba(17, 17, 17, 0.1);
padding-left:5px;
}
.board-filters ul,
.board-filters ul li,
.board-filters ul li a {
line-height:45px;
height:45px;
display:block;
}
.board-filters ul li {
float:left;
color:rgba(17, 17, 17, 0.9);
}
.board-filters ul li a {
color:rgba(17, 17, 17, 0.9);
padding:0 9px;
position:relative;
font-weight:400;
font-size:12px;
text-transform:uppercase;
}
.board-filters ul li a span {
position:absolute;
top:-2px;
left:0px;
right:0px;
border-top:0 solid #aaa;
}
.board-filters ul li a:hover,
.board-filters ul li a:focus,
.board-filters ul li a.active,
.board-filters ul .is-selected a {
color:#aaa;
}
.board-filters ul li a:hover span,
.board-filters ul li a:focus span,
.board-filters ul li a.active span,
.board-filters ul .is-selected a span {
border-top:2px solid #aaa;
left:0px;
right:0px;
}
.board-filters ul li.spacer {
padding:0;
}
.board-filters,
.board-filters .uk-slidenav-position {
overflow:hidden;
height:47px;
}
.mobile .uk-slider {
touch-action:auto;
}
.mobile .uk-slider > * {
position:relative;
}
.board-details,
.board-action {
text-align:center;
padding-bottom:9px;
}
.board-details li {
display:inline-block;
height:35px;
padding:0 15px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
line-height:35px;
color:rgba(17, 17, 17, 0.5);
position:relative;
}
.board-details li:first-child:after {
content:'';
width:1px;
height:12px;
display:inline-block;
background-color:rgba(17, 17, 17, 0.3);
position:absolute;
top:12px;
right:0px;
}
.board-details li span {
font-size:12px;
}
.board-details li:last-child {
border:none;
}
.board-title {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:400;
color:#aaa;
padding:20px 25px 4px;
line-height:25px;
text-align:center;
position:relative;
}
.board-info-right {
padding-bottom:12px;
}
.board-action .m-dropdown.m-select .uk-dropdown {
width:auto;
margin-left:1px;
}
.landing .call-to-action-container {
position:relative;
display:block;
height:54px;
line-height:50px;
text-align:center;
margin:0px 0 10px;
}
.landing a.call-to-action {
display:inline-block;
position:relative;
padding:0 12px 0 0;
}
.landing a.call-to-action u {
display:block;
z-index:0;
background-color:#aaa;
height:32px;
position:absolute;
top:15px;
bottom:15px;
right:0;
left:11px;
-webkit-border-radius:4px;
border-radius:4px;
}
.landing a.call-to-action i {
display:inline-block;
width:32px;
height:32px;
position:relative;
top:15px;
background:transparent center center no-repeat;
background-size:100%;
}
.landing a.call-to-action:hover u {
opacity:0.75;
}
.landing a.call-to-action:hover b,
.landing a.call-to-action b {
font-weight:normal;
position:relative;
padding-left:5px;
font-size:11px;
color:#292929;
text-transform:uppercase;
letter-spacing:-0.5px;
top:3px;
}
/* BOARD CONTENT */
.board-content {
background:#fff;
}
.board-content .mark-all-as-read {
top:16px;
right:15px;
}
.board-content .m-card {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
padding-bottom:7px;
}
.board-content .m-card:last-child {
border-bottom:1px solid transparent;
}
.board-content .board-content-header,
.board-content .board-content-footer {
padding:15px;
margin:0 -15px;
position:relative;
}
.board-content .board-content-footer {
background-color:#eee;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.board-content-header .uk-button,
.board-content-footer .uk-button {
float:left;
}
.board-topic-list .board-topic {
display:block;
min-height:62px;
border-top:1px solid rgba(17, 17, 17, 0.1);
position:relative;
padding-bottom:17px;
}
.board-topic-list .board-topic:last-child {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.board-topic .topic-left {
padding-left:25px;
float:left;
position:relative;
}
.board-topic .topic-right {
float:right;
}
.board-topic .topic-title {
line-height:22px;
font-size:16px;
max-width:530px;
padding-top:16px;
padding-bottom:1px;
}
.board-topic .topic-title a {
display:inline;
margin-right:6px;
}
.board-topic.unread .topic-title {
font-weight:700;
}
.board-topic .m-pagination-mini {
margin-top:6px;
margin-left:7px;
}
.board-topic .topic-author {
float:left;
color:rgba(17, 17, 17, 0.4);
font-size:12px;
margin-top:8px;
position:relative;
}
.board-topic .topic-author > a,
.board-topic .topic-author > span > a {
font-size:12px;
}
.board-topic a {
color:rgba(17, 17, 17, 0.7);
}
.board-topic a:hover,
.board-topic a:focus {
color:#111;
}
/* END OF BOARD CONTENT */
/* MODAL BOX BOARD */
.m-modal-board .modal-subtitle {
font-weight:normal;
padding:18px 0 3px;
color:rgba(17, 17, 17, 0.7);
}
.uk-modal.m-modal-board .uk-modal-dialog,
.m-modal-board .uk-modal-footer {
position:absolute;
bottom:0;
left:0;
right:0;
}
.uk-modal.m-modal-board .uk-modal-dialog {
line-height:25px;
margin:0;
font-size:16px;
}
.uk-modal.m-modal-board .uk-modal-dialog {
top:0;
}
.m-modal-board .modal-content-container {
position:absolute;
left:0;
right:0;
padding:0 15px;
top:50px;
bottom:57px;
}
.m-modal-board .form-row input[type='checkbox'],
.m-modal-board label.inline-label input[type='checkbox'] {
float:right;
margin:7px 0px 0 7px;
}
.m-modal-board label {
font-weight:normal;
font-size:16px;
color:#111;
padding:10px 0;
}
.more-action-inner li span.info-item {
display:block;
padding:11px 0 8px;
color:rgba(17, 17, 17, 0.5);
}
.more-action-inner li span.info-item strong {
font-weight:500;
color:#111;
}
/* BBCODES */
.spoiler {
margin-top:12px;
margin-bottom:9px;
}
.spoiler > .spoiler-text {
display:none;
}
.topic-post pre {
background:#f7f7f7;
}
.spoiler.shown > .spoiler-text {
display:block;
}
.post-content .wide-button {
width:100%;
margin-right:0;
}
.post-content .wide-button .chevron-icon {
float:none;
opacity:0.3;
margin:8px 10px 0 10px;
}
.post-content .m-button-link {
margin-top:6px;
margin-bottom:18px;
height:35px;
}
/* END OF BBCODES */
/* PAGINATION */
.pagination {
padding:10px 15px;
width:100%;
margin:0 -15px;
background-color:#eee;
}
.pagination .button-icon {
opacity:1;
}
.pagination .m-button-lite {
color:#111;
width:100%;
padding:0 25px 0 10px;
position:relative;
}
.pagination .pagination-dropdown {
overflow:hidden;
}
.pagination .pagination-prev,
.pagination .pagination-next {
margin:0 5px;
}
.pagination .pagination-first,
.pagination .pagination-last {
margin-right:0;
}
.pagination .float-right .button-icon {
height:30px;
margin:0 0 0 10px;
}
.pagination .float-left .button-icon {
height:30px;
margin:0 10px 0 0;
}
.pagination .pagination-first {
/* background-image:url(/assets/vessur/mobile/img/larr_first.png); */
width:21px;
display:block;
margin-top:8px;
}
.pagination .pagination-prev {
/* background-image:url(/assets/vessur/mobile/img/larr.png); */
width:18px;
display:block;
margin-top:8px;
}
.pagination .pagination-next {
/* background-image:url(/assets/vessur/mobile/img/rarr.png); */
width:18px;
display:block;
margin-top:8px;
}
.pagination .pagination-last {
/* background-image:url(/assets/vessur/mobile/img/rarr_last.png); */
width:21px;
display:block;
margin-top:8px;
}
.pagination-dropdown .arrow-icon {
/* background:transparent url(/assets/vessur/mobile/img/icon_arrow_dropdown_down.png) center center no-repeat; */
width:19px;
height:19px;
display:inline-block;
position:absolute;
top:11px;
right:9px;
}
.pagination-modal {
width:100%;
background-color:transparent;
}
.pagination-modal .modal-content-container {
margin:0 -15px;
position:absolute;
top:41px;
bottom:0;
left:15px;
right:15px;
}
.pagination-modal ul li,
.pagination-modal ul li a {
display:block;
text-align:center;
height:40px;
line-height:40px;
font-size:18px;
}
.pagination-modal ul li.active a {
color:#fff;
background-color:#69a3ff;
}
.pagination-modal > .uk-modal-header {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
height:40px;
font-size:18px;
box-sizing:border-box;
}
.pagination-modal .uk-modal-header .current-page {
font-size:14px;
line-height:40px;
max-width:220px;
}
.pagination-modal .uk-modal-dialog {
background:#ebebeb;
margin:0;
position:fixed;
top:46px;
left:0;
right:0;
bottom:0;
}
.pagination-modal .mini-form .uk-form-width-mini {
background:#fff;
padding:0 8px;
margin:4px 5px 0 4px;
height:32px;
line-height:32px;
min-width:78px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
text-align:center;
font-size:12px;
color:rgba(17, 17, 17, 0.4);
z-index:3;
box-sizing:border-box;
}
.pagination-modal .mini-form .uk-form-width-mini:focus {
border:1px solid rgba(17, 17, 17, 0.4);
color:#111;
}
.pagination-modal .uk-modal-close {
padding:13px 15px;
margin-right:-14px;
}
.button-close {
/* background-image:url(/assets/vessur/mobile/img/modal_close_icon.png); */
opacity:1;
height:14px;
width:14px;
margin-right:0;
}
/* END OF PAGINATION */
/* ADS */
.ad-cont {
margin:0 auto;
position:relative;
text-align:center;
}
.ad-cont > [id^='div-gpt-ad'],
.ad-cont > .flying-carpet {
display:flex;
justify-content:center;
align-items:center;
position:relative;
padding-top:16px;
margin:0 auto;
}
.ad-cont > [id^='div-gpt-ad'] > *{
position:relative;
z-index:1;
}
.ad-cont.requested.empty {
background:rgba(17, 17, 17, 0.05);
}
.ad-cont.branded-post {
display:none;
}
.ad-cont.paid-topic-ad.rectangle-ad.requested.empty {
background:none;
}
.ad-cont.branded-post.requested.empty {
background:none;
display:none;
}
.ad-cont.requested.empty > [id^='div-gpt-ad']:before,
.ad-cont.requested.empty > .flying-carpet:before {
animation:none;
content:'\0420\0435\043a\043b\0430\043c\0430';
margin:-8px 0 0 0;
transform:translate(-50%, -50%);
line-height:18px;
height:18px;
background:none;
border:1px solid #aaa;
display:inline-block;
white-space:nowrap;
width:auto;
padding:2px 7px;
border-radius:3px;
color:#777;
}
.ad-cont.requested.empty > .flying-carpet:before {
transform:translate(0%, -50%);
}
.ad-cont.requested.empty > .flying-carpet .flying-carpet-clip {
display:none;
}
.ad-cont.requested.filled > [id^='div-gpt-ad']:before {
content:'';
display:none;
}
.ad-cont.empty .ad-title {
display:none;
}
.board .ad-cont,
.landing .ad-cont,
.topic .ad-cont,
.curated .ad-cont.rectangle-ad,
.trending .ad-cont.rectangle-ad,
.most-recent .ad-cont.rectangle-ad,
.new-posts .ad-cont.rectangle-ad,
.new-topics .ad-cont.rectangle-ad,
.followed-topics .ad-cont.rectangle-ad,
.last-active .ad-cont.rectangle-ad {
margin-bottom:24px;
margin-top:24px;
}
.board .billboard-ad {
margin-top:0;
}
.board-content .ad-cont .ad-title {
top:-16px;
}
.rectangle-ad > [id^='div-gpt-ad'] {
min-height:250px;
/* height:250px; */
height:auto;
max-height:280px;
}
.strict-rectangle-ad {
}
.strict-rectangle-ad > [id^='div-gpt-ad'],
.strict-rectangle-ad > [id^='div-gpt-ad'] > *,
.strict-rectangle-ad > [id^='div-gpt-ad'] > * > * {
height:100% !important;
min-height:250px !important;
max-height:250px !important;
width:100% !important;
}
.flying-carpet,
.strict-rectangle-ad > [id^='div-gpt-ad'] {
overflow:hidden!important;
width:300px!important;
height:250px!important;
}
.flying-carpet {
overflow:hidden!important;
width:100%!important;
height:330px!important;
}
.flying-carpet-clip {
position:absolute!important;
top:16px!important;
left:0!important;
right:0!important;
bottom:0!important;
width:100%!important;
border:0!important;
margin:0!important;
padding:0!important;
clip:rect(0, auto, auto, 0)!important;
-webkit-clip-path:polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%)!important;
clip-path:polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%)!important;
}
.flying-carpet > .flying-carpet-clip > .flying-carpet-container {
position:fixed!important;
top:0!important;
left:0!important;
width:100%;
height:100%;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-transform:translateZ(0)!important;
}
.flying-carpet > .flying-carpet-clip > .flying-carpet-container > * {
overflow:hidden!important;
}
.footer-ad > [id^='div-gpt-ad'] {
min-height:250px;
/* height:250px; */
height:auto;
max-height:280px;
}
.ad-cont.notification-ad {
padding:0;
padding-bottom:16px;
}
.ad-cont.notification-ad > [id^='div-gpt-ad'] {
min-height:100px;
}
.ad-title {
color:#aaa;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
text-align:center;
line-height:13px;
height:16px;
width:100px;
top:0;
left:50%;
margin-left:-50px;
}
.m-card.sponsored-topic {
border-left:none;
border-right:none;
min-height:277px;
}
.sponsored-topic .ad-title {
top:auto;
bottom:0;
left:auto;
margin-left:0;
right:5px;
text-align:right;
}
.anchorad {
display:block;
background:transparent;
width:100%;
box-sizing:border-box;
z-index:1001;
position:-webkit-sticky; /* Safari */
position:sticky;
bottom:0;
margin:0;
}
.anchorad.empty {
display:none;
}
.anchorad > * {
width:100% !important;
background:#fff;
margin:0 auto;
text-align:center;
border-top:1px solid #d8d8d8;
}
.anchorad .ad-close,
.anchorad .ad-title {
background:#fff;
width:60px !important;
margin-left:-30px !important;
border:1px solid #d8d8d8;
border-bottom-color:#fff;
margin-top:-1px;
}
.anchorad .ad-title {
margin-left:0 !important;
left:-1px;
}
.anchorad .ad-close {
color:#aaa;
width:66px !important;
margin-left:0 !important;
left:auto;
right:0;
border-right:none;
border-top-left-radius:5px;
}
.ad-cont.anchorad > [id^='div-gpt-ad'] {
padding-top:0;
}
.ad-cont.anchorad .ad-title {
margin-top:-16px;
}
/* TRANSFORMS */
.flip-v {
-moz-transform:scaleY(-1);
-o-transform:scaleY(-1);
-webkit-transform:scaleY(-1);
transform:scaleY(-1);
filter:FlipV;
-ms-filter:'FlipV';
}
.flip-h {
-moz-transform:scaleX(-1);
-o-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
transform:scaleX(-1);
filter:FlipH;
-ms-filter:'FlipH';
}
.qa-pair-expandable.qa-pair-expanded .qa-pair-expandable-trigger .chevron-icon,
.expandable.expanded .expandable-trigger .chevron-icon,
.expanding-form.expanded .expanding-form-title .chevron-icon,
.poll-results.expanded .toggle-shrink-trigger .chevron-icon,
.poll-results.poll-results-expanded .toggle-shrink-trigger .chevron-icon,
.rule-item.toggle-content .chevron-icon,
.r-180,
.uk-nav-offcanvas .uk-parent.uk-open .button-icon,
.m-htab-nav .uk-open .icon-only {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
.r-ccw-90 {
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
}
/* ANIMATION */
.hourly-stats .data.animated td .bar-stat span,
.poll-results-list ul li .list-background.animated,
.options-panel,
.options-panel-trigger,
.options-panel .options-panel-trigger:before {
-webkit-transition:all 200ms cubic-bezier(1, 0, .5, 1);
-moz-transition:all 200ms cubic-bezier(1, 0, .5, 1);
-ms-transition:all 200ms cubic-bezier(1, 0, .5, 1);
-o-transition:all 200ms cubic-bezier(1, 0, .5, 1);
transition:all 200ms cubic-bezier(1, 0, .5, 1);
}
.expanded-content,
.accordion-content .arrow-icon,
.latest-topic-posts .post-header,
.list-messages .animated .m-accordion-entry-header {
-webkit-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-ms-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
transition:all 500ms ease-in-out;
}
.reset-animation {
-webkit-transition:none !important;
-moz-transition:none !important;
-ms-transition:none !important;
-o-transition:none !important;
transition:none !important;
}
.qa-pair-expandable .qa-pair-expandable-trigger .chevron-icon,
.expandable-trigger .chevron-icon,
.poll-results .toggle-shrink-trigger .button-icon,
.poll-results .poll-results-list-container,
.accordion-content ul > li,
.accordion-content ul > li.expanded {
-webkit-transition:all 200ms ease-in-out;
-moz-transition:all 200ms ease-in-out;
-ms-transition:all 200ms ease-in-out;
-o-transition:all 200ms ease-in-out;
transition:all 200ms ease-in-out;
}
.spin {
-webkit-animation:uk-rotate 2s infinite linear;
animation:uk-rotate 2s infinite linear;
}
/* END OF ANIMATION */
/* ELLIPSIS */
.ellipsis-container {
width:100%;
display:block;
}
.user-info .user-name span,
.list-messages ul li a .msg-title,
.list-messages ul li a .msg-author,
.ellipsis-container,
.uk-modal-dialog .modal-title .uk-badge,
.uk-tooltip.m-tooltip-nobreak .uk-tooltip-inner {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.m-ellipsis {
overflow:hidden;
text-overflow:ellipsis;
display:block;
display:-webkit-box;
-webkit-box-orient:vertical;
white-space:normal;
word-wrap:break-word;
}
.m-ellipsis-2 {
-webkit-line-clamp:2;
}
.m-ellipsis-3 {
-webkit-line-clamp:3;
}
/* END OF ELLIPSIS */
/* ONBOARDING - for code review */
.global-header .nav-menu-centered .header-right {
float:none;
background:#eee;
position:relative;
top:-2px;
margin:0 -15px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.global-header .nav-menu-centered .m-button-text {
margin-top:7px;
margin-right:8px;
}
.global-header .content-container.nav-menu-centered {
text-align:center;
}
.global-header .nav-menu-centered .nav-menu {
float:none;
display:inline-block;
}
.global-header .nav-menu-centered .global-logo {
margin-right:0;
}
.nav-menu-centered .nav-menu li > span,
.nav-menu-centered .nav-menu li a {
font-size:10px;
text-transform:uppercase;
padding:0 5px 0 0;
color:rgba(17, 17, 17, 0.7);
}
@media screen and (max-width:354px) {
.nav-menu-centered .nav-menu li > span,
.nav-menu-centered .nav-menu li a {
font-size:8px;
}
}
.nav-menu-centered .nav-menu li.active > span,
.nav-menu-centered .nav-menu li.active a {
color:#111;
}
.nav-menu-centered .nav-menu > li:last-child > span,
.nav-menu-centered .nav-menu > li:last-child a {
padding:0;
}
.nav-menu-centered .nav-menu i {
display:inline-block;
width:15px;
height:15px;
border-radius:50%;
background-color:rgba(17, 17, 17, 0.1);
color:rgba(17, 17, 17, 0.5);
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
line-height:15px;
font-style:normal;
margin-right:5px;
}
.nav-menu-centered .nav-menu .active i {
color:#fff;
background-color:rgba(17, 17, 17, 0.7);
}
.onboarding .category-section .close-page {
float:right;
/* background:transparent url(/assets/vessur/mobile/img/button_icon_close.png) center center no-repeat; */
width:20px;
height:20px;
margin-top:11px;
}
.onboarding .category-section .page-title {
line-height:24px;
text-align:center;
color:#4b4b4b;
padding:0px;
font-size:18px;
}
.onboarding .category-list {
margin-top:51px;
}
.onboarding .category-list li {
float:left;
margin-bottom:20px;
margin-right:25px;
width:100%;
}
.onboarding .category-list li .button-category {
position:relative;
width:100%;
display:block;
box-sizing:border-box;
height:48px;
text-align:left;
font-size:16px;
padding-left:17px;
cursor:pointer;
border:1px solid rgba(17, 17, 17, 0.1);
background-color:#fff;
-webkit-transition:background-color 100ms ease-in-out;
-moz-transition:background-color 100ms ease-in-out;
-ms-transition:background-color 100ms ease-in-out;
-o-transition:background-color 100ms ease-in-out;
transition:background-color 100ms ease-in-out;
}
.onboarding .category-list li .button-category.active {
color:#fff;
font-weight:normal;
/* background-image:url(/assets/vessur/mobile/img/button_icon_checked.png); */
background-repeat:no-repeat;
background-position:260px center;
}
.onboarding .category-list li .button-category:hover {
border:2px solid #aaa;
padding-left:16px;
}
.onboarding .category-list li .button-category:focus,
.onboarding .category-list li .button-category:active,
.onboarding .category-list li .button-category::-moz-focus-inner {
outline:none !important;
border:1px solid transparent !important;
}
.onboarding .category-list li .button-category.active:before {
width:19px;
height:15px;
background-position:-235px -338px !important;;
content:'';
display:block;
position:absolute;
right:16px;
top:17px;
}
.onboarding .continue {
float:right;
font-size:16px;
margin-top:15px;
display:inline-block;
color:#000 !important;
line-height:29px;
}
.onboarding .continue span {
float:right;
background:transparent url(/assets/vessur/img/button_icon_continue.png) center center no-repeat;
width:27px;
height:29px;
margin-left:15px;
}
.category-list .m-dropdown {
position:relative;
}
.category-list .m-dropdown .uk-dropdown {
display:block;
padding:15px;
width:100%;
box-sizing:border-box;
background:#aaa;
color:#fff;
font-size:16px;
line-height:22px;
z-index:9;
}
.category-list .m-dropdown .uk-dropdown span.dropdown-arrow-cont {
border-top:11px solid transparent;
border-bottom:11px solid transparent;
top:50%;
margin-top:-11px;
}
.category-list .m-dropdown .uk-dropdown span.dropdown-arrow {
border-top:10px solid transparent;
border-bottom:10px solid transparent;
top:-10px;
}
.category-list .m-dropdown .uk-dropdown.uk-dropdown-right span.dropdown-arrow-cont {
border-right:11px solid rgba(17, 17, 17, 0.1);
left:-23px;
right:auto;
}
.category-list .m-dropdown .uk-dropdown.uk-dropdown-right span.dropdown-arrow {
border-right:10px solid #aaa;
left:-9px;
right:auto;
}
.category-list .m-dropdown .uk-dropdown.uk-dropdown-left span.dropdown-arrow-cont {
border-left:11px solid rgba(17, 17, 17, 0.1);
right:-23px;
left:auto;
}
.category-list .m-dropdown .uk-dropdown.uk-dropdown-left span.dropdown-arrow {
border-left:10px solid #aaa;
right:-9px;
left:auto;
}
.onboarding-boards .m-table-list-container {
margin-bottom:25px;
}
.onboarding-boards .m-table-list li .m-list-content label {
padding-right:30px;
}
.onboarding-boards .m-table-list label input {
position:absolute;
top:50%;
margin-top:-8px;
left:100%;
margin-left:-26px;
}
.hr-line {
height:1px;
background:rgba(17, 17, 17, 0.1);
margin:3px 0;
}
.mobile .topic .hr-line,
.uk-modal .hr-line {
margin:3px -15px;
width:auto;
}
.m-grid .hr-line {
margin:3px -15px 0 -15px;
}
/* END OF ONBOARDING */
/* NEW SELECTORS */
.mobile .uk-dropdown {
position:relative;
}
.uk-parent.uk-open {
background-color:#f2f2f2;
}
.uk-parent.uk-open .button-icon {
opacity:1;
}
.nav-menu .nav-menu-dropdown-icon {
/* background-image:url(/assets/vessur/mobile/img/icon_bottom_arrow_mini_stp.png); */
width:16px;
height:8px;
margin:0;
padding:0;
position:absolute;
right:15px;
top:15px;
}
.nav-menu #koleda-2019-landing a {
background-color:#ebf9e0;
background-image:url(/assets/vessur/img/BGmama_KV_christmas_menuicon_84x84_sq.png), -moz-linear-gradient(left, #ffc08d 60%, #fa8161 100%);
background-image:url(/assets/vessur/img/BGmama_KV_christmas_menuicon_84x84_sq.png), -webkit-linear-gradient(left, #ffc08d 60%, #fa8161 100%);
background-image:url(/assets/vessur/img/BGmama_KV_christmas_menuicon_84x84_sq.png), linear-gradient(to right, #ffc08d 60%, #fa8161 100%);
background-position:bottom right 0px, bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #koleda-2019-landing a:hover {
}
.nav-menu #otnovo-na-uchilishte a {
background-color:#92B2C4;
background-image:url(/assets/vessur/img/otnovo-na-uchilishte-2024-84x84.png), -moz-linear-gradient(left, #92B2C4 60%, #fff 100%);
background-image:url(/assets/vessur/img/otnovo-na-uchilishte-2024-84x84.png), -webkit-linear-gradient(left, #92B2C4 60%, #fff 100%);
background-image:url(/assets/vessur/img/otnovo-na-uchilishte-2024-84x84.png), linear-gradient(to right, #92B2C4 60%, #fff 100%);
background-position:bottom right 0px, 0px 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
color:#FFFFFF;
}
.nav-menu #proekt-moyat-dom-2019 a {
background-color:#b7e0fb;
background-image:url(/assets/vessur/img/Proekt_moiat_dom_icon_84px_mobile.png), -moz-linear-gradient(left, #b7e0fb 60%, #c08dff 100%);
background-image:url(/assets/vessur/img/Proekt_moiat_dom_icon_84px_mobile.png), -webkit-linear-gradient(left, #b7e0fb 60%, #c08dff 100%);
background-image:url(/assets/vessur/img/Proekt_moiat_dom_icon_84px_mobile.png), linear-gradient(to right, #b7e0fb 60%, #c08dff 100%);
background-position:bottom right 0px, bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #video-portal a {
/* background-color:#fcb54b; */
background-image:url(/assets/vessur/img/video_portal_menu_icon_84px_mobile_optimized.png);
background-position:center right 4px;
background-repeat:no-repeat;
background-size:auto 60%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #zdrave a {
background-color:#ffdf9b;
background-image:url(/assets/vessur/img/zdrave_icon_84x84_m.png), -moz-linear-gradient(left, #ffdf9b 60%, #fff 100%);
background-image:url(/assets/vessur/img/zdrave_icon_84x84_m.png), -webkit-linear-gradient(left, #ffdf9b 60%, #fff 100%);
background-image:url(/assets/vessur/img/zdrave_icon_84x84_m.png), linear-gradient(to right, #ffdf9b 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #zaedno-vkashti a {
background-color:#e8a771;
background-image:url(/assets/vessur/img/stay_home_icon_84.png), -moz-linear-gradient(left, #e8a771 60%, #fff 100%);
background-image:url(/assets/vessur/img/stay_home_icon_84.png), -webkit-linear-gradient(left, #e8a771 60%, #fff 100%);
background-image:url(/assets/vessur/img/stay_home_icon_84.png), linear-gradient(to right, #e8a771 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #bgmamma20 a {
background-color:#e9cc7f;
background-image:url(/assets/vessur/img/bg-mamma-20-menu-icon-84x84.svg), -moz-linear-gradient(left, #e9cc7f 60%, #fff 100%);
background-image:url(/assets/vessur/img/bg-mamma-20-menu-icon-84x84.svg), -webkit-linear-gradient(left, #e9cc7f 60%, #fff 100%);
background-image:url(/assets/vessur/img/bg-mamma-20-menu-icon-84x84.svg), linear-gradient(to right, #e9cc7f 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #la-roche a {
background-color:#fff;
background-image:url(/assets/vessur/img/la_roche_84x84_optimized.png), -moz-linear-gradient(left, #a3c8f2 60%, #fff 100%);
background-image:url(/assets/vessur/img/la_roche_84x84_optimized.png), -webkit-linear-gradient(left, #a3c8f2 60%, #fff 100%);
background-image:url(/assets/vessur/img/la_roche_84x84_optimized.png), linear-gradient(to right, #a3c8f2 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #velikden a {
background-color:#ffaf83;
background-image:url(/assets/vessur/img/easter_icon_optimized.svg),
-moz-linear-gradient(left, #ffaf83 56%, rgba(255, 175, 131, 0.38) 88%, #fff 100%);
background-image:url(/assets/vessur/img/easter_icon_optimized.svg),
-webkit-linear-gradient(left, #ffaf83 56%, rgba(255, 175, 131, 0.38) 88%, #fff 100%);
background-image:url(/assets/vessur/img/easter_icon_optimized.svg),
linear-gradient(to right, #ffaf83 56%, rgba(255, 175, 131, 0.38) 88%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #oferti a {
background-color:#ef555a;
background-image:url(/assets/vessur/img/oferti_84x84_optimized.png?v=1.1), -moz-linear-gradient(left, #ef555a 60%, #fff 100%);
background-image:url(/assets/vessur/img/oferti_84x84_optimized.png?v=1.1), -webkit-linear-gradient(left, #ef555a 60%, #fff 100%);
background-image:url(/assets/vessur/img/oferti_84x84_optimized.png?v=1.1), linear-gradient(to right, #ef555a 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #patuvay-spodelyay a {
background-color:#f07f61;
background-image:url(/assets/vessur/img/patuvay-spodelyay-84x84.png), -moz-linear-gradient(left, #f07f61 60%, #fff 100%);
background-image:url(/assets/vessur/img/patuvay-spodelyay-84x84.png), -webkit-linear-gradient(left, #f07f61 60%, #fff 100%);
background-image:url(/assets/vessur/img/patuvay-spodelyay-84x84.png), linear-gradient(to right, #f07f61 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #spetsialistite-govoryat a {
background-color:#75a1f8;
background-image:url(/assets/vessur/img/spetsialistite-govoryat-mobile-icon.png), -moz-linear-gradient(left, #75a1f8 60%, #fff 100%);
background-image:url(/assets/vessur/img/spetsialistite-govoryat-mobile-icon.png), -webkit-linear-gradient(left, #75a1f8 60%, #fff 100%);
background-image:url(/assets/vessur/img/spetsialistite-govoryat-mobile-icon.png), linear-gradient(to right, #75a1f8 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #koleda-2019-fortune-game a {
background-color:#bceced;
background-image:url(/assets/vessur/mobile/img/koleda2019_mobile_button_icon.png);
background-position:bottom right 2px;
background-repeat:no-repeat;
background-size:auto 100%;
}
.nav-menu #koleda-2020-landing a {
background-color:#f5e3cf;
background-image:url(/assets/vessur/img/koleda2020-mobile-icon-optimized-84x84.png), -moz-linear-gradient(left, #f5e3cf 60%, #f5e3cf 100%);
background-image:url(/assets/vessur/img/koleda2020-mobile-icon-optimized-84x84.png), -webkit-linear-gradient(left, #f5e3cf 60%, #f5e3cf 100%);
background-image:url(/assets/vessur/img/koleda2020-mobile-icon-optimized-84x84.png), linear-gradient(to right, #f5e3cf 60%, #f5e3cf 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #koleda-2020-fortune-game a {
background-color:#bceced;
background-image:url(/assets/vessur/mobile/img/koleda2020_mobile_button_icon.png);
background-position:bottom right 2px;
background-repeat:no-repeat;
background-size:auto 100%;
}
.nav-menu #zaedno-otkrivame-sveta a {
background-color:#e2d6bb;
background-image:url(/assets/vessur/img/zaedno_otkrivame_sveta_84x84.png), -moz-linear-gradient(left, #e2d6bb 60%, #f8f7f1 100%);
background-image:url(/assets/vessur/img/zaedno_otkrivame_sveta_84x84.png), -webkit-linear-gradient(left, #e2d6bb 60%, #f8f7f1 100%);
background-image:url(/assets/vessur/img/zaedno_otkrivame_sveta_84x84.png), linear-gradient(to right, #e2d6bb 60%, #f8f7f1 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #koleda-2021-landing a {
background-color:#85c5cd;
background-image:url(/assets/vessur/img/koleda2021-mobile-icon-optimized-84x84.png), -moz-linear-gradient(left, #85c5cd 60%, #fff 100%);
background-image:url(/assets/vessur/img/koleda2021-mobile-icon-optimized-84x84.png), -webkit-linear-gradient(left, #85c5cd 60%, #fff 100%);
background-image:url(/assets/vessur/img/koleda2021-mobile-icon-optimized-84x84.png), linear-gradient(to right, #85c5cd 60%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #koleda-2021-fortune-game a {
background-color:#61b1bf;
background-image:url(/assets/vessur/img/cg-2021-menu-icon.svg), -moz-linear-gradient(left, #61b1bf 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2021-menu-icon.svg), -webkit-linear-gradient(left, #61b1bf 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2021-menu-icon.svg), linear-gradient(to right, #61b1bf 40%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #koleda-2022-fortune-game a {
background-color:#4a8bb3;
background-image:url(/assets/vessur/img/cg-2022-menu-icon.svg), -moz-linear-gradient(left, #4a8bb3 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2022-menu-icon.svg), -webkit-linear-gradient(left, #4a8bb3 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2022-menu-icon.svg), linear-gradient(to right, #4a8bb3 40%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #koleda-2023-fortune-game a {
background-color:#4a8bb3;
background-image:url(/assets/vessur/img/cg-2023-menu-icon.svg), -moz-linear-gradient(left, #4a8bb3 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2023-menu-icon.svg), -webkit-linear-gradient(left, #4a8bb3 40%, #fff 100%);
background-image:url(/assets/vessur/img/cg-2023-menu-icon.svg), linear-gradient(to right, #4a8bb3 40%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #reproduktivno-zdrave a {
background-color:#ef4177;
background-image:url(/assets/vessur/img/logo_shterev_optimized.svg), -moz-linear-gradient(left, #ef4177 40%, #fff 100%);
background-image:url(/assets/vessur/img/logo_shterev_optimized.svg), -webkit-linear-gradient(left, #ef4177 40%, #fff 100%);
background-image:url(/assets/vessur/img/logo_shterev_optimized.svg), linear-gradient(to right, #ef4177 40%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #igri-s-nagradi a {
background-color:#ffd15c;
background-image:url(/assets/vessur/img/igri-s-nagradi-icon-optimized.svg), -moz-linear-gradient(left, #ffd15c 40%, #fff 100%);
background-image:url(/assets/vessur/img/igri-s-nagradi-icon-optimized.svg), -webkit-linear-gradient(left, #ffd15c 40%, #fff 100%);
background-image:url(/assets/vessur/img/igri-s-nagradi-icon-optimized.svg), linear-gradient(to right, #ffd15c 40%, #fff 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
}
.nav-menu #loyalty-program a {
background-color:#FFF;
background-image:url(/assets/vessur/img/loyalty-program-icon-optimized.svg), -moz-linear-gradient(90deg, #FAE6CE 56.39%, rgba(250, 230, 206, 0.50) 88%, rgba(255, 255, 255, 0.00) 100%);
background-image:url(/assets/vessur/img/loyalty-program-icon-optimized.svg), -webkit-linear-gradient(90deg, #FAE6CE 56.39%, rgba(250, 230, 206, 0.50) 88%, rgba(255, 255, 255, 0.00) 100%);
background-image:url(/assets/vessur/img/loyalty-program-icon-optimized.svg), linear-gradient(90deg, #FAE6CE 56.39%, rgba(250, 230, 206, 0.50) 88%, rgba(255, 255, 255, 0.00) 100%);
background-position:bottom right 0px;
background-repeat:no-repeat;
background-size:auto 100%;
height:42px;
line-height:28px;
width:100%;
margin:0;
box-sizing:border-box;
color:#111;
}
.m-card .details .m-card-views,
.details .m-card-views {
width:16px;
height:12px;
margin:5px 3px 0 0;
opacity:0.25;
/* background:transparent url(/assets/vessur/mobile/img/mobile_topic_views_icon.png) center center no-repeat; */
}
.m-card.tpl3 .m-card-image {
position:relative;
z-index:2;
}
.centered-buttons {
padding-top:3px;
padding-bottom:3px;
margin-top:-7px;
}
.m-card-grid .latest-post {
background-color:rgba(17, 17, 17, 0.05);
line-height:19px;
padding:3px 5px;
border:2px;
margin:8px 0 0 -5px;
display:inline-block;
}
.m-card-grid .latest-post span {
color:rgba(17, 17, 17, 0.4);
}
.new-posts .m-card .m-card-subtitle {
margin-top:7px;
}
a {
-webkit-tap-highlight-color:rgba(255, 255, 255, 0.6);
}
.m-slider {
/* margin-top:15px; */
/* margin-bottom:15px; */
}
.m-slide-content {
display:flex;
width:100%;
height:100%;
padding:15px;
box-sizing:border-box;
text-align:center;
}
.m-slide-content > div {
width:100%;
}
.m-slider .uk-grid .uk-width-1-2 {
width:100%;
}
.m-slide-content img {
/* position:absolute;
top:50%;
transform:translateY(-50%); */
max-width:100%;
width:auto;
}
.m-slider .m-slide-content .m-list-heading {
padding:5px 15px !important;
color:inherit;
background:none;
}
.m-slider .uk-slidenav {
display:block;
color:rgba(17, 17, 17, 0.3);
}
/* TOPIC PROMO WIDGET */
.topic-promo-widget {
background:#dedede;
padding:15px 0;
margin:0;
}
.board .topic-promo-widget {
margin:0 -15px;
}
.topic-promo-widget-inner {
height:203px;
max-height:203px;
}
.topic-promo-widget .uk-slider > li {
float:left;
margin-right:11px;
}
.topic-promo-widget .m-card {
margin:0;
min-height:204px;
padding-bottom:0;
border:none;
border-top:1px solid transparent;
}
.board-content .topic-promo-widget .m-card:last-child {
border-bottom:none;
}
.topic-promo-widget .m-card .m-card-content-container {
margin-left:0;
margin-right:0;
margin-bottom:0;
}
.topic-promo-widget .m-card .m-card-image {
height:117px;
z-index:2;
}
.topic-promo-widget .m-card .m-card-title {
font-size:13px;
line-height:16px;
max-height:48px;
}
.topic-promo-widget .m-card .m-card-subtitle {
font-size:11px;
margin-top:0;
padding-left:12px;
}
.topic-promo-widget .m-card .m-card-content {
padding:7px 13px 0;
min-height:61px;
max-height:61px;
}
.topic-promo-widget .m-card .details,
.topic-promo-widget .m-card .details li,
.topic-promo-widget .m-card .details .m-card-subtitle {
margin-top:0;
line-height:14px;
height:21px;
padding-bottom:0;
min-height:21px;
}
.topic-promo-widget .ad-title {
font-size:10px;
bottom:7px;
right:7px;
}
/* HELPER */
.m-helper-container,
.m-helper,
.m-helper:before,
.m-helper:after,
.m-helper u,
.m-helper u:after,
.m-helper i {
top:0;
left:0;
position:absolute;
width:21px;
height:21px;
display:block;
border-radius:50%;
z-index:1;
}
/*
.m-helper u,
.m-helper u:after,
*/
.m-helper:before,
.m-helper:after {
content:'';
z-index:1;
background-color:#69a3ff;
-webkit-animation:help-bubble-pulse 1.5s linear infinite;
-moz-animation:help-bubble-pulse 1.5s linear infinite;
-o-animation:help-bubble-pulse 1.5s linear infinite;
animation:help-bubble-pulse 1.5s linear infinite;
}
.m-helper:after {
-webkit-animation-delay:0.35s;
-moz-animation-delay:0.35s;
-o-animation-delay:0.35s;
animation-delay:0.35s;
}
.m-helper i {
z-index:2;
cursor:pointer;
/* background:transparent url(/assets/vessur/mobile/img/guided_tour_helper.png) center center no-repeat; */
/* box-shadow:0 0 1px 0px #66a1ff;
-webkit-box-shadow:0 0 1px 0px #66a1ff; */
}
.m-helper i.symbol {
background:#66a1ff;
color:#fff;
text-align:center;
font-style:normal;
line-height:22px;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
}
.m-helper-container.top-right,
.m-helper-container.right-top {
top:-9px;
right:0;
left:auto;
}
.m-helper-container.bottom-left,
.m-helper-container.left-bottom {
bottom:-9px;
left:15px;
top:auto;
}
.m-helper-container.top-left,
.m-helper-container.left-top {
top:-9px;
left:0;
}
.m-helper-container .uk-dropdown {
background:transparent;
border-radius:3px;
border:none;
cursor:default;
-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.2);
box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.2);
}
/*
.m-helper-container .m-dropdown.uk-open:before {
content:'';
display:block;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
background:rgba(0, 0, 0, 0.1);
}
*/
.m-helper-container.right-top .m-dropdown .uk-dropdown.uk-dropdown-right {
margin-top:-51px;
margin-left:16px;
}
.m-helper-container.right-top .m-dropdown .uk-dropdown.uk-dropdown-right span.dropdown-arrow-cont {
border-top:11px solid transparent;
border-bottom:11px solid transparent;
border-right:11px solid #66a1ff;
top:48px;
left:-20px;
right:auto;
}
.m-helper-container.right-top .m-dropdown .uk-dropdown.uk-dropdown-right span.dropdown-arrow {
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-right:10px solid #66a1ff;
top:-10px;
left:-10px;
}
.m-helper-container.left-top .m-dropdown .uk-dropdown.uk-dropdown-left {
margin-top:-51px;
margin-left:-16px;
}
.m-helper-container.left-top .m-dropdown .uk-dropdown.uk-dropdown-left span.dropdown-arrow-cont {
border-top:11px solid transparent;
border-bottom:11px solid transparent;
border-left:11px solid #66a1ff;
top:48px;
left:auto;
right:-20px;
}
.m-helper-container.left-top .m-dropdown .uk-dropdown.uk-dropdown-left span.dropdown-arrow {
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-left:10px solid #66a1ff;
top:-10px;
left:-10px;
}
.m-helper-container .m-dropdown .uk-dropdown.uk-dropdown-bottom {
margin-top:15px;
}
.m-helper-container .m-dropdown .uk-dropdown.uk-dropdown-bottom span.dropdown-arrow-cont {
top:-7px;
right:auto;
left:50%;
margin-left:-10px;
border-bottom:11px solid #66a1ff;
border-left:11px solid transparent;
border-right:11px solid transparent;
}
.m-helper-container .m-dropdown .uk-dropdown.uk-dropdown-bottom span.dropdown-arrow {
top:1px;
border-bottom:10px solid #66a1ff;
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.m-helper-container .m-dropdown .uk-dropdown.uk-dropdown-top {
margin-top:-12px;
}
.m-helper-container .m-dropdown .uk-dropdown.uk-dropdown-top span.dropdown-arrow-cont {
bottom:-7px;
right:auto;
left:50%;
margin-left:-10px;
border-top:11px solid #5281cc;
border-left:11px solid transparent;
border-right:11px solid transparent;
}
.m-helper-container .m-dropdown .uk-dropdown.uk-dropdown-top span.dropdown-arrow {
border-top:10px solid #5281cc;
border-left:10px solid transparent;
border-right:10px solid transparent;
}
@-webkit-keyframes help-bubble-pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.75
}
25% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.75
}
100% {
-webkit-transform:scale(2.5);
transform:scale(2.5);
opacity:0
}
}
@keyframes help-bubble-pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.75
}
25% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.75
}
100% {
-webkit-transform:scale(2.5);
transform:scale(2.5);
opacity:0
}
}
@-moz-keyframes help-bubble-pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.75
}
25% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.75
}
100% {
-webkit-transform:scale(2.5);
transform:scale(2.5);
opacity:0
}
}
@-o-keyframes help-bubble-pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.75
}
25% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.75
}
100% {
-webkit-transform:scale(2.5);
transform:scale(2.5);
opacity:0
}
}
/* END OF HELPER */
/* NAV MENU RIGHT */
.global-header .avatar-icon {
/* background:transparent url(/assets/vessur/mobile/img/avatar_header_icon.png) center center no-repeat; */
width:18px;
height:31px;
/* padding:0 8px; */
margin:13px 8px 0;
display:inline-block;
vertical-align:top;
}
.global-header .header-right .nav-menu {
margin-right:-7px;
}
.global-header .header-right .nav-menu > li:first-child > a {
padding:0px 6px 0 0;
}
.global-header .header-right .active i:before {
background-color:rgba(17, 17, 17, 0.1);
width:35px;
height:32px;
content:'';
display:block;
position:absolute;
top:7px;
left:0;
}
/* END OF NAV MENU RIGHT */
/* END OF NEW SELECTORS */
.index .curated,
.index .trending,
.index .most-recent,
.index .recommended {
margin-bottom:15px;
}
.report textarea {
width:100%;
min-height:200px;
box-sizing:border-box;
}
.board .board-filters,
.board .uk-slidenav-position,
.board .uk-slider-container {
width:100%;
}
/* -------------------------------------------------------------------- */
/* SEARCH */
.global-header.search-header .back-icon {
padding:0 7px 0 0;
background-position:center left;
}
.global-header.search-header {
-webkit-box-shadow:none;
box-shadow:none;
}
.global-header.search-header .icon-title {
color:rgba(17, 17, 17, 0.7);
line-height:66px;
float:left;
}
.global-header.search-header .search-wrapper {
padding-left:26px;
}
.global-header.search-header form {
position:relative;
}
.global-header.search-header .header-icon {
position:absolute;
top:0;
left:0;
}
.global-header.search-header input {
border:transparent;
height:37px;
z-index:1;
margin-top:4px;
padding:6px 5px;
width:100%;
max-width:100%;
box-sizing:border-box;
}
.global-header.search-header input:focus {
box-shadow:none;
}
input::placeholder {
padding:10px;
font-size:12px;
}
/* END OF SEARCH */
.search-page {
font-family:'Roboto', Arial, Helvetica, sans-serif;
margin:0;
z-index:1011;
}
.search-headers-container {
background-color:#fff;
padding:17px 0 3px;
margin:-17px -15px 0;
}
.search-heading {
text-align:center;
font-size:16px;
color:rgba(17, 17, 17, 0.6);
line-height:22px;
min-height:29px;
margin:0 0 21px 0;
}
.search-heading strong {
font-weight:400;
}
.search-heading span {
color:#111;
font-size:18px;
font-weight:500;
display:block;
}
.search-results-section .search-results-section-inner {
background:#eee;
}
.search-results-section .m-card-content span {
font-weight:700;
}
.search-results-section .m-card-content .m-card-subtitle {
color:#111;
font-weight:400;
font-size:16px;
line-height:27px;
}
.center-screen-message {
font-size:16px;
color:rgba(17, 17, 17, 0.5);
text-align:center;
position:absolute;
top:50%;
margin-top:-10px;
right:0;
left:0;
height:30px;
}
#search-modal-pagination {
z-index:1011;
}
/* SEARCH PAGE */
/* SUB-HEADER NAV */
.global-header.search-header nav > .nav-menu {
margin-left:0;
}
.sub-header .nav-menu,
.sub-header .nav-menu > li,
.sub-header .nav-menu > li > a {
display:block;
height:30px;
line-height:30px;
text-align:center;
vertical-align:middle;
float:none;
}
.sub-header .nav-menu > li {
display:inline-block;
}
.sub-header .nav-menu > li > a {
padding:0 14px;
min-width:80px;
box-sizing:border-box;
font-size:13px;
margin-left:-1px;
text-transform:uppercase;
color:rgba(17, 17, 17, 0.7);
border:1px solid rgba(17, 17, 17, 0.25);
}
.sub-header .nav-menu > li > a:hover {
background-color:rgba(17, 17, 17, 0.1);
color:#111;
}
.sub-header .nav-menu > li > a.active {
color:#111;
font-weight:normal;
border-color:#111;
border-width:2px;
background-color:transparent;
}
.sub-header .nav-menu > li:first-child > a {
border-radius:3px 0 0 3px;
}
.sub-header .nav-menu > li:last-child > a {
border-radius:0 3px 3px 0;
}
/* END OF SUB-HEADER NAV */
/* PROFILE */
.m-helper-alt-container,
.m-helper-alt,
.m-helper-inner {
width:17px;
height:17px;
display:block;
}
.m-helper-alt-container {
position:relative;
margin-left:10px;
display:inline-block;
vertical-align:middle;
}
.m-helper-alt,
.m-helper-inner,
.m-helper-alt-container.bottom-right {
position:absolute;
top:0;
left:0;
}
.m-helper-alt i {
font-size:13px;
font-style:normal;
font-weight:700;
color:rgba(17, 17, 17, 0.7);
width:17px;
height:17px;
border-radius:50%;
background-color:rgba(17, 17, 17, 0.1);
text-align:center;
display:block;
line-height:17px;
}
.m-helper-inner {
font-size:14px;
line-height:23px;
left:27px;
box-sizing:border-box;
width:320px;
height:auto;
border-radius:2px;
background-color:#eff5ff;
padding:10px 15px 10px 15px;
color:#111;
}
.m-helper-alt-container.bottom-right {
top:auto;
bottom:0;
left:100%;
}
.m-helper-alt-container.m-helper-always-expanded {
position:static;
width:auto;
height:auto;
margin:0px;
}
.m-helper-alt-container.m-helper-always-expanded .expandable-trigger {
display:none;
}
.m-helper-alt-container.m-helper-always-expanded .expandable-inner {
display:block;
position:static;
width:100%;
}
.m-helper-alt-container.m-helper-always-expanded .expandable-inner .close-icon-small {
display:none;
}
.close-icon-small {
background:transparent url(/assets/vessur/img/close_10x10_icon.png) center center no-repeat;
width:20px;
height:20px;
position:absolute;
top:14px;
right:7px;
opacity:1;
}
/* MARIA */
.profile-header {
font-size:14px;
background-color:#eee;
color:#111;
min-height:170px;
}
.mobile .profile-content .profile-panel {
margin-bottom:8px;
padding:0 15px;
background-color:#fff;
}
.profile-panel a {
color:#07D;
}
.paragraph {
font-size:14px;
line-height:26px;
color:#999;
}
.profile-content .m-button {
margin:10px 0;
display:inline-block;
}
.profile-content .search-friends .m-button {
margin:0;
width:26%;
}
.profile-content .search-friends input[type=text] {
box-sizing:border-box;
width:70%;
height:30px;
}
.profile-header .profile-details {
padding:3px 0;
}
.profile-header .user-avatar {
width:45px;
height:45px;
box-sizing:border-box;
float:none;
margin:0 auto;
border:1px solid rgba(17, 17, 17, 0.1);
}
.profile-header .user-avatar strong {
font-size:30px;
font-weight:400;
line-height:43px;
}
.profile-header .user-avatar img {
max-width:47px;
max-height:47px;
}
.profile-header .user-details {
line-height:26px;
padding:8px 0 16px 0;
text-align:center;
}
.profile .title-detail {
color:rgba(17, 17, 17, 0.5);
vertical-align:top;
line-height:27px;
}
.profile .profile-send-msg {
margin-top:9px;
text-align:center;
color:rgba(17, 17, 17, 0.7);
}
.profile .profile-send-msg a {
margin:0 auto;
padding:0 9px;
}
.profile .profile-send-msg .send-msg-icon {
margin-top:5px;
}
.title-detail > span {
color:rgba(17, 17, 17, 0.7);
}
.profile-title {
font-size:20px;
position:relative;
width:auto;
display:inline;
}
.profile .title-detail,
.profile-title .ellipsis-container {
max-width:100%;
display:inline-block;
vertical-align:middle;
width:auto;
box-sizing:border-box;
}
.profile-title .ellipsis-container {
padding-right:12px;
}
.profile-header .profile-title .ellipsis-container {
padding-right:0;
}
.profile .m-htab-nav.m-htab-nav-centered {
text-align:center;
position:relative;
}
.profile .m-htab-nav.m-htab-nav-centered,
.profile .m-htab-nav.m-htab-nav-centered ul,
.profile .m-htab-nav.m-htab-nav-centered ul li,
.profile .m-htab-nav.m-htab-nav-centered ul li a {
height:40px;
line-height:40px;
}
.profile .m-htab-nav.m-htab-nav-centered ul li {
display:inline-block;
float:none;
position:relative;
}
.profile .m-htab-nav.m-htab-nav-centered ul li a {
text-transform:uppercase;
line-height:42px;
font-size:12px;
padding:0;
margin:0 13px;
color:rgba(17, 17, 17, 0.7);
}
@media screen and (max-width:366px) {
.profile .m-htab-nav.m-htab-nav-centered ul li a {
margin:0 5px;
}
}
.profile .m-htab-nav.m-htab-nav-centered ul li a:before {
background:#111;
left:0;
right:0;
}
.profile .m-htab-nav.m-htab-nav-centered ul li a:hover:before {
background:rgba(17, 17, 17, 0.5);
}
.profile .m-htab-nav.m-htab-nav-centered ul li.uk-active a:hover:before {
background:#111;
}
.profile .m-htab-nav ul li a:hover
.profile .m-htab-nav ul li a:focus,
.profile .m-htab-nav ul li a.active,
.profile .m-htab-nav ul li.uk-active a {
color:#111;
}
.profile-header .m-htab-nav.bordered {
border-top:2px solid rgba(17, 17, 17, 0.1);
margin:0 -15px;
}
.profile-header .m-htab-nav ul li a:before {
top:-1px;
}
.private-messages .m-htab-nav .notification-count {
padding:4px;
background-color:rgba(17, 17, 17, 0.1);
margin:0 0 0 5px;
float:none;
}
.profile-header .m-button-lite {
padding:0 13px;
min-width:auto;
}
.profile-header .button-icon {
margin-right:7px;
}
.user-icon {
/* background-image:url(/assets/vessur/mobile/img/user_icon.png); */
width:33px;
height:31px;
}
.pub-icon {
/* background-image:url(/assets/vessur/mobile/img/pub_icon.png); */
width:25px;
height:29px;
}
.last-login-icon {
/* background-image:url(/assets/vessur/mobile/img/last_seen_icon.png); */
width:29px;
height:29px;
}
.sync-icon {
/* background-image:url(/assets/vessur/mobile/img/icon_sync.png); */
width:23px;
height:24px;
margin:1px 10px 0 0;
}
.profile .m-htab-nav > .icon-only {
width:22px;
height:22px;
padding:8px;
position:absolute;
top:2px;
right:7px;
}
.send-msg-icon {
/* background-image:url(/assets/vessur/mobile/img/envelope_profile_icon.png); */
width:22px;
height:18px;
}
/* TABS NAV */
.m-htab-nav,
.m-htab-nav ul,
.m-htab-nav ul li,
.m-htab-nav ul li a {
height:67px;
display:block;
line-height:67px;
}
.m-htab-nav.bordered {
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.m-htab-nav.bordered ul {
position:relative;
margin-top:-1px;
}
.m-htab-nav .uk-dropdown {
position:absolute;
}
.m-htab-nav ul li {
float:left;
}
.m-htab-nav ul li a {
padding:0 18px;
position:relative;
color:#444;
font-size:14px;
line-height:73px;
}
.m-htab-nav ul li a:before {
content:'';
display:block;
position:absolute;
left:18px;
right:18px;
top:0;
height:0;
background:#444;
}
.m-htab-nav.m-htab-nav-left ul li:first-child a {
padding-left:0;
}
.m-htab-nav.m-htab-nav-left ul li:first-child a:before {
left:0;
}
.m-htab-nav.m-htab-nav-right ul li:last-child a {
padding-right:0;
}
.m-htab-nav.m-htab-nav-right ul li:last-child a:before {
right:0;
}
.m-htab-nav ul li a:hover,
.m-htab-nav ul li a:focus,
.m-htab-nav ul li a.active,
.m-htab-nav ul li.uk-active a{
text-decoration:none;
}
.m-htab-nav ul li a.active {
font-weight:700;
}
.m-htab-nav ul li a:hover:before,
.m-htab-nav ul li a:focus:before,
.m-htab-nav ul li a.active:before,
.m-htab-nav ul li.uk-active a:before {
height:2px;
}
.m-htab-nav ul li a .icon-only {
float:none;
margin:0;
width:20px;
height:9px;
background-position:-113px -197px;
padding:0;
}
.m-htab-nav ul li a i {
float:left;
display:inline-block;
margin:24px 10px 0 0;
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
}
.m-htab-nav li.uk-open div.uk-dropdown {
margin:0;
border:1px solid rgba(17, 17, 17, 0.1);
border-top:0;
}
.m-htab-nav li.uk-open ul.uk-nav {
height:auto;
}
.m-htab-nav li.uk-open ul.uk-nav li {
display:block;
}
.profile .m-htab-nav div.uk-dropdown ul li a:before,
.profile .m-htab-nav div.uk-dropdown ul li a:hover:before {
height:0;
}
/* TABLE */
.m-table {
width:100%;
display:table;
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.m-table.with-heading {
border-top:none;
}
.m-table th {
border-top:1px solid rgba(17, 17, 17, 0.1);
border-bottom:1px solid rgba(17, 17, 17, 0.1);
color:#999;
}
.m-table td {
color:#444;
background:rgba(0, 0, 0, 0.05);
}
.m-table th,
.m-table td {
height:40px;
font-size:15px;
padding:0 20px;
line-height:40px;
}
.m-table .m-list-content {
margin:10px 0;
width:380px;
}
.m-table tr:last-child td {
padding-bottom:11px;
}
.m-table td .user-status-icon {
margin-bottom:1px;
}
.m-table tr td:last-child input[type='checkbox'],
.m-table tr th:last-child input[type='checkbox'] {
float:right;
}
.m-table a {
color:#111;
}
.m-table a:hover {
text-decoration:underline;
}
.blank-list {
margin:0;
display:block;
position:relative;
}
.m-list-members.blank-list > li {
min-height:initial;
line-height:35px;
vertical-align:middle;
padding:10px 0;
}
.blank-list > li .m-list-content {
display:inline-block;
width:70%;
min-height:initial;
position:static;
float:none;
padding:0;
}
.blank-list > li .clear {
min-height:initial;
padding:0;
}
.blank-list > li .m-button-lite {
margin:0;
width:26%;
}
.blank-list > li .m-list-content .ellipsis-container {
width:auto;
margin:0;
display:inline-block;
}
.blank-list > li .user-avatar img,
.profile-content .blank-list.m-table td a.m-list-image img,
.profile-content .blank-list.m-table td span.m-list-image img {
max-width:32px;
max-height:32px;
}
.blank-list > li .user-avatar,
.profile-content .blank-list.m-table td a.m-list-image,
.profile-content .blank-list.m-table td span.m-list-image {
position:static;
margin:0 13px 0 0;
}
.blank-list > li .user-avatar span,
.profile-content .blank-list.m-table td a.m-list-image span,
.profile-content .blank-list.m-table td span.m-list-image span {
display:none;
}
.blank-list.editable .remove:before {
width:13px;
height:14px;
background-position:-243px -225px;
content:'';
display:block;
margin-top:15px;
}
.profile-content .m-table th,
.profile-content .m-table td {
color:rgba(17, 17, 17, 0.5);
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #e7e7e7;
}
.profile-content .m-table th {
font-weight:400;
text-align:left;
padding:0 0 14px 0;
border-top:none;
line-height:20px;
height:20px;
}
.profile-buddies .profile-content .m-table td:first-child {
padding-right:80px;
padding-left:55px;
position:relative;
font-size:16px;
color:#111;
}
.profile-content .m-table td:first-child .m-list-image {
width:43px;
height:43px;
display:block;
position:absolute;
top:50%;
margin-top:-22px;
left:0;
background:transparent center right no-repeat;
background-size:cover;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.profile-content .m-table td:first-child .icon-only {
position:absolute;
right:40px;
height:32px;
top:50%;
margin-top:-16px;
}
.profile-content .m-table td {
background:none;
padding:10px 10px 10px 0px;
}
.profile-content .m-table td .ellipsis-container {
display:inline-block;
vertical-align:middle;
width:auto;
max-width:400px;
font-weight:400;
}
.profile-content td .list-item-actions > li {
padding:0;
}
/* END OF TABLE */
/* SETTINGS */
.sidebar-navigation-menu {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
margin:20px 0;
}
.sidebar-navigation-menu li {
height:40px;
line-height:40px;
border-top:1px solid rgba(17, 17, 17, 0.1);
}
.sidebar-navigation-menu li a {
height:40px;
line-height:40px;
display:block;
padding-left:15px;
}
.sidebar-navigation-menu li a.active {
font-weight:bold;
}
/* END OF SETTINGS */
/* END OF PROFILE */
.profile .row .button-icon {
position:absolute;
top:0;
}
.profile .gender-icon {
/* background-image:url(/assets/vessur/mobile/img/gender_icon.png); */
width:18px;
height:25px;
margin-top:13px;
}
.profile .birthday-icon {
/* background-image:url(/assets/vessur/mobile/img/birthday_icon.png); */
width:18px;
height:18px;
margin-top:16px;
}
.profile .location-icon {
/* background-image:url(/assets/vessur/mobile/img/location_icon.png); */
width:13px;
height:20px;
margin-top:15px;
margin-right:19px;
}
.profile .local-date-time-icon {
/* background-image:url(/assets/vessur/mobile/img/local_date_time_icon.png); */
width:21px;
height:21px;
margin-top:15px;
margin-right:12px;
}
.profile .email-icon {
/* background-image:url(/assets/vessur/mobile/img/email_icon.png); */
width:18px;
height:15px;
margin-top:18px;
}
.profile .www-fb-icon {
/* background-image:url(/assets/vessur/mobile/img/www_fb_icon.png); */
width:22px;
height:24px;
margin-top:14px;
}
.profile .profile-fb-icon {
/* background-image:url(/assets/vessur/mobile/img/fb_icon.png); */
width:9px;
height:19px;
margin-top:16px;
margin-right:3px;
}
.profile .skype-icon {
/* background-image:url(/assets/vessur/mobile/img/skype_icon.png); */
width:17px;
height:17px;
margin-top:17px;
}
.summary-box .button-icon {
opacity:1;
position:absolute;
top:15px;
left:0;
}
.summary-box ul li {
width:100%;
font-size:12px;
line-height:17px;
position:relative;
display:inline-block;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.summary-box ul li:last-child {
border-bottom-color:transparent;
}
.summary-box ul li > div {
min-height:60px;
padding-left:45px;
}
.summary-box .title-section {
font-family:Arial, Helvetica, sans-serif;
padding-top:12px;
color:rgba(17, 17, 17, 0.5);
}
.summary-box .content-section {
font-size:16px;
line-height:20px;
}
ul.uk-switcher > li,
ul.uk-switcher > li > div {
padding:0;
/* margin:0; */
border:none;
}
.profile-section-title {
font-size:16px;
line-height:25px;
padding:8px 0;
font-weight:400;
}
.profile-content .hr-line {
margin:0 -15px 0 -15px;
}
.profile-section-subtitle {
font-size:16px;
padding:22px 0 16px 0;
line-height:22px;
}
.profile-section-title + .profile-section-subtitle {
padding-top:0;
}
.row {
position:relative;
padding:12px 31px 13px 31px;
line-height:25px;
word-wrap:break-word;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.profile-table-list .row {
min-height:51px;
box-sizing:border-box;
}
.row span {
font-size:16px;
line-height:16px;
}
.row span i {
margin-right:14px;
margin-top:15px;
left:0;
opacity:1;
}
.profile-card-grid {
margin:15px 0 5px;
}
.expandable .centered-buttons {
margin-top:0;
}
.profile-card {
width:100%;
height:38px;
background-color:#aaa;
margin-bottom:10px;
}
.profile-card span {
font-size:16px;
line-height:38px;
color:#fff;
padding-left:20px;
}
.expandable-inner p,
.profile-content .accordion li .expandable-inner p {
min-height:20px;
line-height:20px;
padding-top:13px;
padding-bottom:8px;
}
.expandable-inner p span,
.profile-content .accordion li .expandable-inner p span {
color:rgba(17, 17, 17, 0.5);
}
.profile-table-list-container .expandable-inner,
.profile-interests-container .expandable-inner {
display:block;
overflow:hidden;
max-height:309px;
}
.profile-interests-container .expandable-inner {
max-height:190px;
}
.profile-table-list-container.expanded .expandable-inner,
.profile-interests-container.expanded .expandable-inner {
overflow:auto;
max-height:none;
}
.profile-table-list {
border-top:none;
}
.profile-table-list.m-table-list > li:last-child {
border-bottom-color:transparent;
}
.profile-table-list .m-list-content {
float:left;
}
.profile-table-list .m-list-content a {
color:rgba(17, 17, 17, 0.7);
}
.profile-title .user-status-icon {
position:absolute;
top:11px;
/* right:0; */
right:-11px;
}
/* ACCORDION */
.accordion-container {
width:750px;
background-color:#fff;
padding:0 24px;
}
.accordion-container .accordion-heading {
line-height:28px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
padding:24px 0;
font-size:20px;
}
.accordion-container .accordion-close {
width:20px;
height:20px;
padding:4px 0 4px 4px;
float:right;
/* background:transparent url(/assets/vessur/img/icon_accordion_close.png) center center no-repeat; */
opacity:0.5454;
cursor:pointer;
}
.accordion-container .accordion-close:hover {
opacity:1;
}
.accordion-container .accordion-message {
min-height:181px;
padding-top:100px;
line-height:20px;
text-align:center;
font-size:20px;
}
.accordion-content ul {
display:block;
}
.accordion-content ul li {
border-top:1px solid rgba(17, 17, 17, 0.1);
padding:10px;
font-size:16px;
display:block;
border-left:1px solid rgba(0, 0, 0, 0);
border-right:1px solid rgba(0, 0, 0, 0);
border-bottom:1px solid rgba(0, 0, 0, 0);
}
.accordion-content ul li:first-child {
border-top:none;
}
.accordion-content ul li a {
color:#444;
}
.accordion-content ul li .item-header {
display:block;
line-height:23px;
font-size:14px;
}
.accordion-content li.expanded {
background-color:rgba(0, 0, 0, 0.05);
border-left:1px solid rgba(17, 17, 17, 0.1);
border-right:1px solid rgba(17, 17, 17, 0.1);
}
.accordion-content .arrow-icon {
float:left;
margin:9px 9px 17px 0;
/* background:transparent url(/assets/vessur/img/icon_arrow_down.png) center center no-repeat; */
}
.accordion-content li .expanded-content input {
float:left;
}
.accordion-content li .expanded-content button {
margin:0;
float:right;
}
.accordion-content li .expanded-content input {
min-height:35px;
width:100%;
padding-left:10px;
font-size:16px;
margin-bottom:10px;
box-sizing:border-box;
}
.accordion-content li.expanded .expanded-content {
margin-top:10px;
margin-bottom:12px;
max-height:300px;
}
.accordion-content li.expanded .arrow-icon {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
.accordion-content li.expanded:last-child {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
margin-bottom:25px;
}
/* COMPOS */
.compose .post-header .user-info,
.compose .post-header .ellipsis-container {
float:left;
}
.compose .post-header .ellipsis-container {
max-width:140px;
width:auto;
}
.compose {
background-color:#eee;
}
.compose .topic-header {
background-color:#fff;
padding:8px 0;
margin-bottom:8px;
}
.compose-preview-modal .topic-header {
background-color:#eee;
}
.compose .topic-title {
font-size:20px;
}
.compose .topic-content .topic-post {
margin-bottom:0;
border-bottom:none;
}
.compose .preview-control {
background:#fff;
border-top:1px solid rgba(17, 17, 17, 0.1);
border-left:1px solid rgba(17, 17, 17, 0.1);
border-right:1px solid rgba(17, 17, 17, 0.1);
padding-right:24px;
padding-left:14px;
padding-top:8px;
min-height:42px;
}
.compose .preview-content.expanded .preview-control {
border-top:none;
}
.compose.reply-compose .preview-content.expandable .post-header {
border-bottom:none;
}
.compose .preview-content .post-content,
.compose.reply-compose .preview-content.expandable.expanded .post-header {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.compose .preview-content .post-content.poll-container {
padding-bottom:5px;
}
.input_container .m-input-counter {
position:relative;
z-index:1;
}
.compose .m-form.expandable,
.compose .m-form .expandable-inner {
box-sizing:border-box;
}
.compose .m-form.expandable {
background:#fff;
position:relative;
}
.compose .m-form.expandable .inner-shadow {
height:20px;
overflow:hidden;
position:absolute;
top:0;
left:0;
right:0;
}
.compose .m-form.expandable .inner-shadow.expanded:before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:0px;
-webkit-box-shadow:0px 0 20px 2px rgba(17, 17, 17, 0.15);
box-shadow:0px 0 20px 2px rgba(17, 17, 17, 0.15);
}
.compose .m-form .expandable-inner {
margin-left:-26px;
background:#f7f7f7;
border-color:#e0e0e0;
border-bottom:none;
}
.compose .m-form .two-row-container .m-input-counter {
width:100%;
box-sizing:border-box;
height:30px;
/* line-height:normal; */
/* vertical-align:middle; */
line-height:30px;
}
.compose .m-form .two-row-container .m-select {
background:#fff;
}
.compose .m-form .two-row-container .m-select,
.compose .m-form > .uk-button.float-right {
margin-right:0;
}
.compose .m-form .two-row-container {
margin-right:0px;
}
.compose .m-form .two-row-container > label {
padding-left:0;
font-size:14px;
color:rgba(17, 17, 17, 0.5);
}
.compose .inline-label a {
color:#07D;
}
.input_container {
position:relative;
display:block;
}
.input_container .m-loader {
right:28px;
left:auto;
}
.input_counter {
color:rgba(17, 17, 17, 0.5);
font-size:12px;
position:absolute;
top:0;
right:0;
z-index:2;
padding-right:10px;
height:30px;
line-height:30px;
}
.input_counter +
.m-input-counter {
padding-right:60px;
}
.compose .m-form .m-button-secondary {
margin-right:10px;
}
.compose .m-htab-nav ul li a.active {
font-weight:400;
}
.topic-compose .hr-line {
margin:0;
}
.compose .m-editor {
height:353px;
min-height:353px;
width:100%;
box-sizing:border-box;
}
.mobile .compose .m-editor {
height:123px;
min-height:123px;
}
.compose .m-editor:focus {
-webkit-box-shadow:none;
box-shadow:none;
}
.sticky-container {
background-color:#fff;
}
.preview.topic-post .uk-alert {
margin-bottom:0;
}
.m-form .form-row-alt input[type=text].mini {
width:52px;
margin:-6px 10px -7px 0;
}
.m-form .form-row label {
font-size:16px;
}
.expandable-inner label.inline-label {
padding-right:10px;
min-width:30%;
}
.poll-creator .m-form input[type='text'] {
width:100%;
box-sizing:border-box;
height:33px;
font-size:14px;
}
.poll-creator-options {
width:100%;
display:block;
}
.poll-creator-options li {
display:block;
padding:5px 0;
}
.poll-creator-options button {
float:none;
}
.poll-creator .m-helper-alt-container {
margin-left:0;
top:-4px;
left:-6px;
}
.poll-creator .m-form .form-row-alt input[type=text].mini {
width:32px;
height:25px;
}
.poll-creator .uk-modal-footer {
height:30px;
position:absolute;
padding:15px;
bottom:0;
left:0;
right:0;
background:#fff;
border-top:1px solid #eee;
}
.poll-creator .m-form .form-row label.inline-label,
.image-uploader .m-form .form-row label.inline-label,
.image-cropper .m-form .form-row label.inline-label {
padding-right:30px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
.poll-creator .m-form .form-row label.inline-label {
padding-right:0;
}
.m-form label.inline-label input[type='radio'],
.m-form .form-row label input[type='checkbox'] {
margin-right:10px;
}
.image-cropper .uk-modal-dialog {
line-height:25px;
position:absolute;
left:0;
right:0;
margin:0;
font-size:16px;
}
.image-cropper .uk-modal-dialog .modal-title {
padding:10px 15px;
}
.image-cropper .uk-modal-footer {
margin-top:0;
padding:15px;
}
.image-cropper .uk-modal-footer .m-button-text {
padding:0 7px 0 0;
}
.attachments,
.attachments ul li {
position:relative;
}
.attachments ul li.m-button-text {
padding-left:0;
}
.attachments ul li,
.attachments ul li > span {
height:35px;
line-height:35px;
display:inline-block;
color:rgba(17, 17, 17, 0.9);
}
.attachments ul li > span {
float:left;
margin-right:6px;
font-size:14px;
color:#111;
max-width:130px;
}
.attachments .ellipsis-container {
max-width:100px;
}
.attachments ul li > a {
display:inline-block;
width:35px;
height:35px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
margin-left:1px;
}
.attachments ul li > a:last-child {
margin-right:31px;
}
.attachments ul li > a i {
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
width:100%;
height:100%;
}
.attachments ul li > a.edit i {
/* background-image:url(/assets/vessur/mobile/img/edit_icon.png); */
}
.attachments ul li > a.remove i {
/* background-image:url(/assets/vessur/mobile/img/modal_close_icon.png); */
}
.attachments ul li > a:hover {
background-color:#eee;
}
.compose .latest-topic-posts-title {
}
.compose .latest-topic-posts .post-header {
padding:0 15px;
margin:0 -15px;
border:none;
}
.compose .latest-topic-posts .post-content {
border-top:1px solid #eee;
}
/* END OF COMPOSE */
/* BBCODES */
.wysibb {
font-size:15px;
line-height:22px;
}
.wysibb-body iframe {
padding:15px 0;
display:block;
}
.spoiler .spoiler-text {
display:none;
}
.topic-post pre {
background:#f7f7f7;
}
.spoiler.shown > .spoiler-text {
display:block;
}
ins {
background:transparent;
}
.wysibb .wysibb-text {
padding:15px 42px 20px 20px;
}
.mobile .wysibb .wysibb-text {
padding-right:20px;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container.modeSwitch {
display:none;
}
.wysibb .wbb-emoji-toolbar {
position:absolute;
top:0px;
right:-1px;
bottom:0px;
background:#fff;
border-left:1px solid rgba(17, 17, 17, 0.1);
width:41px;
overflow:hidden;
}
.wysibb .wbb-emoji-toolbar.expanded {
width:262px;
}
.mobile .wysibb .wbb-emoji .wbb-emoji-toolbar {
top:41px;
width:291px;
height:209px;
overflow:hidden;
border-left:none;
background:transparent;
display:none;
}
.mobile .wysibb .wbb-emoji.on .wbb-emoji-toolbar {
display:block;
}
.wysibb .wbb-emoji-toolbar:before {
/* content:''; */
background:#fff;
border-right:1px solid rgba(17, 17, 17, 0.1);
width:41px;
height:100%;
position:absolute;
top:0;
bottom:0;
right:0;
z-index:1;
}
.wysibb .wbb-emoji-headers {
display:none;
position:absolute;
top:0px;
bottom:0px;
right:1px;
width:41px;
border-left:1px solid rgba(17, 17, 17, 0.1);
z-index:2;
}
.wysibb .wbb-emoji-headers li {
display:block;
position:relative;
width:41px;
height:41px;
float:right;
}
.wysibb .wbb-emoji-headers li a {
position:absolute;
top:0px;
right:-1px;
left:-1px;
bottom:0px;
border-left:1px solid rgba(17, 17, 17, 0.1);
border-bottom:1px solid transparent;
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
}
.wysibb .wbb-emoji-headers li a:focus {
z-index:0;
}
.wysibb .wbb-emoji-headers li a:before,
.wysibb .wbb-emoji-headers li a:after {
content:'';
position:absolute;
top:-1px;
right:0;
bottom:-1px;
width:1px;
background:rgba(17, 17, 17, 0.1);
}
.wysibb .wbb-emoji-headers li a:after {
left:0;
bottom:auto;
width:100%;
height:1px;
background:transparent;
}
.wysibb .wbb-emoji-headers li.active a {
border-left:1px solid #fff;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.wysibb .wbb-emoji-headers li.active a:before {
width:3px;
background:#444;
}
.wysibb .wbb-emoji-headers li.active a:after {
background:rgba(17, 17, 17, 0.1);
}
/*
.wysibb .wbb-emoji-headers li.most_used a {
background-image:url(/assets/vessur/mobile/img/most_used.png);
}
.wysibb .wbb-emoji-headers li.faces a {
background-image:url(/assets/vessur/mobile/img/faces.png);
}
.wysibb .wbb-emoji-headers li.hearts a {
background-image:url(/assets/vessur/mobile/img/hearts.png);
}
.wysibb .wbb-emoji-headers li.nature a {
background-image:url(/assets/vessur/mobile/img/nature.png);
}
.wysibb .wbb-emoji-headers li.party a {
background-image:url(/assets/vessur/mobile/img/party.png);
}
.wysibb .wbb-emoji-headers li.sports a {
background-image:url(/assets/vessur/mobile/img/sports.png);
}
.wysibb .wbb-emoji-headers li.office a {
background-image:url(/assets/vessur/mobile/img/office.png);
}
.wysibb .wbb-emoji-headers li.people a {
background-image:url(/assets/vessur/mobile/img/people.png);
}
.wysibb .wbb-emoji-headers li.city a {
background-image:url(/assets/vessur/mobile/img/city.png);
}
.wysibb .wbb-emoji-headers li.others a {
background-image:url(/assets/vessur/mobile/img/others.png);
}
*/
.wysibb .wbb-emoji-list {
position:absolute;
top:0px;
bottom:0px;
left:0px;
width:219px;
background:#fff;
z-index:0;
padding:0 10px;
box-sizing:border-box;
}
.mobile .wysibb .wbb-emoji-list {
width:291px;
border:1px solid rgba(17, 17, 17, 0.1);
border-top:none;
box-sizing:border-box;
padding-left:0;
}
.wysibb .wbb-emoji-sets {
padding-top:15px;
padding-left:10px;
padding-right:10px;
display:block;
}
.wysibb .wbb-emoji-sets li {
display:block;
padding-bottom:15px;
}
.wysibb .wbb-emoji-sets p {
font-size:16px;
color:#999;
padding-bottom:10px;
}
.smile {
width:16px;
height:16px;
line-height:20px;
padding:5px;
display:inline-block;
zoom:1;
cursor:pointer;
vertical-align:middle;
}
.smile img {
max-width:22px;
max-height:22px;
}
.wysibb .wbb-emoji-toolbar .scroll-wrapper {
max-width:100%;
width:100%;
max-height:100%;
height:100%;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn {
height:40px;
padding:0 2px;
border:none;
}
.mobile .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn {
margin-right:5px;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-inner {
opacity:0.7;
height:30px;
line-height:30px;
margin:5px;
/* background-color:#fff; */
/* background-position:center center; */
/* background-repeat:no-repeat; */
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {
background:#fff;
border:none;
padding:0 2px;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:active {
padding-right:10px;
border:none;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:hover,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:active,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on:active,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on:active {
background:#fff;
box-shadow:none;
border:none;
padding:0 2px;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:hover {
background:#fff;
border:none;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on:active {
padding-right:10px;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on span.btn-inner,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover span.btn-inner,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:active span.btn-inner,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown.on span.btn-inner,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:hover span.btn-inner,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-dropdown:active span.btn-inner {
opacity:1 !important;
background-color:#f0f0f0;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.dis:hover,
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select:active {
background:#fff;
border:none;
padding:0;
width:auto;
}
.wysibb .editor-icon {
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
min-width:6px;
}
.wysibb .editor-bold {
/* background-image:url(/assets/vessur/mobile/img/editor_bold.png); */
}
.wysibb .editor-italic {
/* background-image:url(/assets/vessur/mobile/img/editor_italic.png); */
}
.wysibb .editor-bullets {
/* background-image:url(/assets/vessur/mobile/img/editor_bullets.png); */
}
.wysibb .editor-link {
/* background-image:url(/assets/vessur/mobile/img/editor_insert_link.png); */
}
.wysibb .editor-image {
/* background-image:url(/assets/vessur/mobile/img/editor_insert_image.png); */
}
.wysibb .editor-video {
/* background-image:url(/assets/vessur/mobile/img/editor_insert_video.png); */
}
.wysibb .editor-emoji {
/* background-image:url(/assets/vessur/mobile/img/editor_emoji.png); */
}
/* .wysibb .editor-dd-arrow {
background-color:transparent;
background-image:url(/assets/vessur/mobile/img/editor_dd_arrow.png);
width:10px;
height:100%;
position:absolute;
top:0;
right:0;
}
.wysibb .editor-fontsize {
background-image:url(/assets/vessur/mobile/img/editor_font_size.png);
}
.wysibb .editor-underline {
background-image:url(/assets/vessur/mobile/img/editor_underline.png);
}
.wysibb .editor-fontcolor {
background-image:url(/assets/vessur/mobile/img/editor_font_color.png);
}
.wysibb .editor-superscript {
background-image:url(/assets/vessur/mobile/img/editor_superscript.png);
}
.wysibb .editor-subscript {
background-image:url(/assets/vessur/mobile/img/editor_subscript.png);
}
.wysibb .editor-align-left {
background-image:url(/assets/vessur/mobile/img/editor_align_left.png);
}
.wysibb .editor-align-center {
background-image:url(/assets/vessur/mobile/img/editor_align_center.png);
}
.wysibb .editor-align-right {
background-image:url(/assets/vessur/mobile/img/editor_align_right.png);
}
.wysibb .editor-spoiler {
background-image:url(/assets/vessur/mobile/img/editor_spoiler.png);
}
.wysibb .editor-hr {
background-image:url(/assets/vessur/mobile/img/editor_hr.png);
}
.wysibb .editor-code {
background-image:url(/assets/vessur/mobile/img/editor_insert_code.png);
}
.wysibb .editor-quote {
background-image:url(/assets/vessur/mobile/img/editor_quote.png);
}
*/
.wbb-fontsize,
.wbb-underline,
.wbb-cp,
.wbb-sup,
.wbb-sub,
.wbb-align,
.wbb-spoiler,
.wbb-hr,
.wbb-quote,
.wbb-code,
.wbb-tbl,
.wbb-br,
.wbb-email,
.wbb-move,
.wbb-strike,
.wbb-inpagelink,
.wbb-glow,
.wbb-unorderedlist {
display:none !important;
}
.wbb-select.wbb-select-icon-only .wbb-list,
.wbb-select.wbb-select-mini .wbb-list {
width:auto !important;
}
.wbb-select.wbb-select-icon-only .option {
margin:0;
padding:0;
}
.wbb-select .val {
height:100%;
line-height:40px;
}
.wbb-select.wbb-select-mini .val {
padding:0 5px;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.wbb-select-mini .val span.btn-inner {
margin:5px 0;
}
.wbb-select .option.selected {
background-color:#f0f0f0;
color:#5a5a5a;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container {
border:0;
position:relative;
padding:0 5px;
margin:0;
display:inline-block;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container:after {
/* content:''; */
position:absolute;
top:9px;
bottom:9px;
height:22px;
right:-1px;
width:1px;
background:rgba(17, 17, 17, 0.1);
}
.wysibb {
border:1px solid rgba(17, 17, 17, 0.1);
}
.mobile .wysibb {
border-left:none;
border-right:none;
}
.wysibb .wysibb-toolbar {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.mobile .wysibb .wysibb-toolbar {
background:#fff;
padding-right:0;
}
/* .mobile .wysibb .wysibb-toolbar.uk-active {
left:0;
right:0;
} */
input.inp-text.wbbm-brdred, textarea.inp-text.wbbm-brdred {
border:1px solid #e51111;
}
.wbbm-inperr {
color:#e51111;
font-size:11px;
}
.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-tooltip {
bottom:45px;
}
.wbb-sub-list {
float:left;
width:200px;
margin-right:10px;
}
.wbb-sub-list:last-child {
margin-right:0px;
}
.wbb-list-title {
font-family:'Roboto', Arial, Helvetica, sans-serif !important;
font-size:16px !important;
line-height:30px !important;
color:#999 !important;
padding:0 0 5px 5px !important;
margin:0 !important;
}
.wbb-list .sc {
border:2px solid #fff;
float:left;
margin:0;
}
.wbb-list .sc:hover, .wbb-list .sc.active {
border:2px solid rgba(17, 17, 17, 0.1);
position:relative;
}
.wbb-list .sc:hover:before, .wbb-list .sc.active:before {
content:'';
border:2px solid rgba(255, 255, 255, 0.5);
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.wbb-cp .wbb-list {
padding:15px !important;
width:410px !important;
min-height:235px !important;
/* overflow:hidden; */
}
.wysibb blockquote {
border-left:2px solid rgba(17, 17, 17, 0.1);
padding:5px 10px;
}
.wysibb .wysibb-body li {
list-style-type:circle;
}
.wysibb .bottom-label {
cursor:pointer;
position:absolute;
bottom:0;
left:0;
right:0;
background:#ffffd5;
text-align:center;
height:20px;
line-height:22px;
font-size:14px;
}
.wysibb .bottom-label:hover {
text-decoration:underline;
background:#fff9bc;
}
/* END OF BBCODES */
/* LOADER */
.m-loader {
/* background:rgba(0, 0, 0, 0.05); */
top:50%;
height:14px;
line-height:12px;
position:absolute;
left:50%;
margin-left:-70px;
margin-top:-7px;
width:140px;
text-align:center;
}
.m-loader span {
width:5%;
height:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background:#999;
opacity:0;
display:inline-block;
margin:2.5%;
}
.m-loader.small {
top:50%;
width:80px;
height:8px;
line-height:6px;
margin-left:-40px;
margin-top:-4px;
}
@keyframes dotloop {
0% {
opacity:0;
transform:translateX(-50px);
}
33% {
opacity:1;
transform:translateX(0px);
}
66% {
opacity:1;
transform:translateX(0px);
}
100% {
opacity:0;
transform:translateX(50px);
}
}
@-webkit-keyframes dotloop {
0% {
opacity:0;
-webkit-transform:translateX(-50px);
}
33% {
opacity:1;
-webkit-transform:translateX(0px);
}
66% {
opacity:1;
-webkit-transform:translateX(0px);
}
100% {
opacity:0;
-webkit-transform:translateX(50px);
}
}
.m-loader span:nth-child(6) {
background:rgba(200, 200, 0, 0.75);
-webkit-animation:dotloop 2s infinite ease-in-out;
animation:dotloop 2s infinite ease-in-out;
}
.m-loader span:nth-child(5) {
background:rgba(0, 200, 200, 0.75);
-webkit-animation:dotloop 2s 100ms infinite ease-in-out;
animation:dotloop 2s 100ms infinite ease-in-out;
}
.m-loader span:nth-child(4) {
background:rgba(200, 0, 200, 0.75);
-webkit-animation:dotloop 2s 200ms infinite ease-in-out;
animation:dotloop 2s 200ms infinite ease-in-out;
}
.m-loader span:nth-child(3) {
background:rgba(0, 0, 200, 0.75);
-webkit-animation:dotloop 2s 300ms infinite ease-in-out;
animation:dotloop 2s 300ms infinite ease-in-out;
}
.m-loader span:nth-child(2) {
background:rgba(0, 200, 0, 0.75);
-webkit-animation:dotloop 2s 400ms infinite ease-in-out;
animation:dotloop 2s 400ms infinite ease-in-out;
}
.m-loader span:nth-child(1) {
background:rgba(200, 0, 0, 0.75);
-webkit-animation:dotloop 2s 500ms infinite ease-in-out;
animation:dotloop 2s 500ms infinite ease-in-out;
}
/* IMAGE UPLOADER */
.image-uploader .dropblock {
background:#fff;
min-height:300px;
position:relative;
font-size:16px;
color:#111;
}
.image-uploader .dropblock .inset-border {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border:2px dashed rgba(17, 17, 17, 0.1);
}
.image-uploader .dropblock.dragover {
background:rgba(0, 0, 0, 0.05);
}
.image-uploader .dropblock.dragover .inset-border {
border-color:#999;
top:15px;
left:15px;
right:15px;
bottom:15px;
}
.image-uploader .dropblock .alt-p {
color:#a6a6a6;
}
.image-uploader .dropblock.dragover {
color:#a2a2a2;
}
.image-uploader .dropblock.dragover .alt-p{
color:#999;
}
.image-uploader .dropblock.dropped {
}
.image-uploader .dropblock p {
font-size:18px;
text-align:center;
line-height:26px;
}
.image-uploader .dropblock .uk-button,
.image-uploader .dropblock .uk-form-file,
.image-uploader .uk-form-file,
.image-uploader .uk-form-file .uk-button {
float:none;
margin:0 auto;
display:block;
cursor:pointer;
}
.mobile .image-uploader .uk-form-file {
margin-top:35px;
}
.image-uploader .drop-file-icon {
background:transparent url(/assets/vessur/mobile/img/drop_file_icon.png) center center no-repeat;
width:79px;
height:79px;
margin:0 auto;
}
.image-uploader .m-form .form-row {
text-align:center;
}
.image-uploader .m-form .form-row input[type=text] {
float:none;
width:362px;
}
.image-uploader .uk-progress {
width:100%;
position:absolute;
top:50%;
left:50%;
transform:translatex(-50%);
margin-top:-6px;
}
.image-cropper .cropper {
max-width:100%;
max-height:100%;
width:100%;
}
.image-cropper .cropper img {
max-width:100%;
max-height:100%;
}
.image-uploader .modal-content-container {
min-height:100px;
position:relative;
}
.image-cropper .modal-content-container {
position:absolute;
top:46px;
bottom:142px;
left:0;
right:0;
}
.image-cropper .uk-modal-footer {
position:absolute;
box-sizing:border-box;
height:142px;
bottom:0;
left:0;
right:0;
}
.m-loader-inline.m-overlay {
top:0;
left:0;
right:0;
bottom:0;
position:absolute;
width:100%;
height:100%;
z-index:1000;
}
.cropper-interface {
text-align:center;
}
.cropper-interface ul li {
cursor:pointer;
display:inline-block;
margin:5px 10px;
height:41px;
line-height:41px;
width:45px;
background-color:transparent;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.cropper-interface ul li i {
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
vertical-align:middle;
width:100%;
height:100%;
opacity:0.42;
}
.cropper-interface ul li:hover {
background-color:#ededed;
}
.cropper-interface ul li:hover i {
opacity:1;
}
.cropper-interface ul li.reset i {
/* background-image:url(/assets/vessur/mobile/img/reset_icon.png); */
}
.cropper-interface ul li.hflip i {
/* background-image:url(/assets/vessur/mobile/img/hflip_icon.png); */
}
.cropper-interface ul li.vflip i {
/* background-image:url(/assets/vessur/mobile/img/vflip_icon.png); */
}
/* END OF IMAGE UPLOADER */
.wrapper-padding.white,
.content.error-page {
background-color:#fff;
}
.page-not-found {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-weight:100;
text-align:center;
padding-top:18px;
}
.page-not-found a {
color:#5190e9;
}
h1.page-not-found-header {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-weight:100;
font-size:34px;
line-height:50px;
padding:10px 0;
}
.page-not-found-subheader,
.page-not-found-content {
font-size:18px;
line-height:33px;
padding:10px 0 20px;
}
.page-not-found-subheader {
font-weight:300;
}
.page-not-found .separator {
width:100%;
height:2px;
background-color:#5190e9;
margin:27px 0;
}
.go-to a {
color:#5190e9;
font-size:14px;
font-weight:400;
}
.go-to a:hover,
.go-to a:focus {
text-decoration:underline;
}
.go-to .footer-links {
display:block;
margin:0 auto;
text-align:center;
padding:15px 0;
}
.go-to .footer-links li,
.go-to .footer-links li a {
display:inline-block;
line-height:21px;
}
.go-to .footer-links li a {
padding:0 10px;
}
.go-to .footer-links li .separator {
background:#777;
display:inline-block;
height:3px;
width:3px;
border-radius:50%;
vertical-align:middle;
margin-bottom:3px;
}
.landing-cover {
display:block;
margin:0 auto;
}
/* new selectors - PM */
/*
NOT APPROPRIATE
.profile-pm .hr-line {
margin:0 -15px 0 -15px;
}
*/
.write-msg {
width:28px;
height:28px;
position:absolute;
right:11px;
top:10px;
}
.write-msg i {
width:24px;
height:21px;
/* background-image:url(/assets/vessur/mobile/img/write_msg_icon.png); */
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
margin-top:3px;
}
.pm-content .topic-post {
margin-bottom:0;
}
.mobile .profile-content .profile-panel,
.mobile .pm-content .profile-panel {
margin-bottom:8px;
padding:0 15px;
background-color:#fff;
}
.profile-header,
.pm-header {
font-size:14px;
background-color:#eee;
color:#111;
/* min-height:170px; */
}
.profile-header .m-htab-nav.bordered,
.pm-header .m-htab-nav.bordered {
border-top:2px solid rgba(17, 17, 17, 0.1);
}
.msg-header {
display:block;
padding:10px 0;
}
.list-messages > ul {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.pm-content .post-content .m-quote .m-quote-title a,
.pm-content .post-content .quote-wrapper .quoteheader a {
color:rgba(17, 17, 17, 0.7);
}
.pm-header .m-htab-nav ul li a:before {
top:-1px;
}
/* .expandable .expandable-inner {
display:none;
} */
.expandable.expanded .expandable-inner {
display:block;
}
.profile-pm-compose fieldset .button-icon {
display:inline-block;
float:none;
}
.profile-pm-compose .m-form {
background:#fff;
}
.compose .m-form .pm-cc .expandable-inner {
margin-left:0;
background:transparent;
}
.compose .m-form .pm-cc .uk-button.expandable-inner {
border:1px solid rgba(17, 17, 17, 0.1);
margin:26px 0 0 0;
}
.profile-pm-compose .with-action label {
margin-right:41px;
}
.profile-pm-compose .with-action .field-action {
position:absolute;
margin:21px 0 0 0;
min-width:auto;
padding:0 6px;
top:0;
right:0;
}
.member-search .uk-modal-dialog .content-container,
.uk-modal.pm-compose-preview .uk-modal-dialog {
background-color:#fff;
}
.member-search .uk-modal-dialog .modal-content-container {
border-top:1px solid rgba(17, 17, 17, 0.1);
top:113px;
bottom:0;
position:absolute;
}
.member-search .form-row {
margin-top:0;
}
.member-search .form-row input {
margin-top:12px;
margin-bottom:10px;
line-height:30px;
}
.member-search .form-row .m-button {
margin-bottom:8px;
margin-right:0;
}
.list-member {
min-height:35px;
margin:12px 0;
}
.list-member label {
min-height:35px;
padding:6px 0;
margin:6px 0;
}
.list-member label input {
float:right;
margin:9px 0;
}
.list-member .user-avatar {
width:33px;
height:33px;
margin-right:9px;
}
.list-member .user-avatar strong {
line-height:33px;
font-size:24px;
font-weight:400;
}
.list-member .user-rank.ellipsis-container {
max-width:220px;
}
/* end of new selectors */
/* from desktop style - add in mobile style.css */
.blank-list-empty {
color:rgba(17, 17, 17, 0.5);
font-size:18px;
text-align:center;
line-height:22px;
padding:33px 0;
margin:0 !important;
}
.flip-h {
-moz-transform:scaleX(-1);
-o-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
transform:scaleX(-1);
filter:FlipH;
-ms-filter:'FlipH';
}
.expanded-content {
overflow:hidden;
max-height:0px;
margin-top:-5px;
}
.toggle-content {
background-color:#fff;
height:auto;
box-sizing:border-box;
}
.toggle-content .expanded-content {
height:auto;
max-height:none;
}
.list-messages {
background-color:#f8f8f8;
}
.list-messages ul li a {
color:#111;
}
.list-messages ul li .post-content a[target=_blank] {
color:#6ba0f1;
text-decoration:underline;
word-break:break-word;
}
.list-messages ul li a .msg-author {
font-weight:400;
font-size:16px;
max-width:195px;
}
.list-messages ul li a .msg-author b {
font-weight:400;
}
.list-messages ul li a.unread-message .msg-author b {
font-weight:500;
}
.list-messages ul li a .msg-date {
font-size:12px;
color:#999;
}
.list-messages ul li a .msg-title {
font-size:14px;
/* max-width:215px; */
max-width:100%;
word-break:break-word;
width:auto;
float:left;
opacity:0.715;
}
.list-messages ul li.toggle-content a .msg-title {
height:auto;
word-break:break-word;
white-space:normal;
overflow:visible;
text-overflow:unset;
max-height:none;
}
.list-messages ul li a.unread-message .msg-title {
opacity:1;
}
.list-messages > ul > li {
line-height:18px;
box-sizing:border-box;
position:relative;
padding-bottom:10px;
}
.list-messages > ul > li.toggle-content {
padding-bottom:0;
}
.list-messages > ul > li:before {
content:'';
display:block;
background-color:#e5e5e5;
height:1px;
margin:-1px -15px 0;
}
.msg-data {
display:block;
font-size:12px;
line-height:14px;
font-family:'Roboto', Arial, Helvetica, sans-serif;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
color:#999;
padding-bottom:13px;
}
.list-messages ul li .msg-data a {
color:#999;
}
.post-share-icon {
/* background-image:url(/assets/vessur/img/share_filled_button_icon.svg); */
width:21px;
height:21px;
margin:5px 5px 0 0;
}
.post-reply-icon {
/* background-image:url(/assets/vessur/mobile/img/post_share_icon.png); */
width:16px;
height:14px;
margin:8px 0 0 0;
}
.post-delete-icon {
/* background-image:url(/assets/vessur/mobile/img/trash_icon.png); */
width:16px;
height:20px;
margin:6px 0 0 0;
}
.replied-icon {
display:inline-block;
float:left;
width:12px;
height:10px;
margin-right:5px;
margin-top:2px;
/* background:transparent url(/assets/vessur/mobile/img/replied_icon.png) center center no-repeat; */
}
/* end of desktop style */
/* SVG */
.onboarding .category-list li .button-category.active:before,
.m-dd-blank .bell-icon,
.global-header .global-logo.global-logo-mobile span,
.m-dd-content .notif-topic,
.m-dd-content .notif-paid,
.m-dd-content .notif-post-m,
.user-icon,
.last-login-icon,
.m-dd-content .notif-post,
.m-dd-content .notif-ty,
.attachment-header .poll-icon,
.poll-icon,
.pub-icon,
.cropper-interface ul li.hflip i,
.cropper-interface ul li.vflip i,
.sync-icon,
.profile .www-fb-icon,
.cropper-interface ul li.reset i,
.button-facebook-icon,
.profile .gender-icon,
.profile .local-date-time-icon,
.share-twitter-icon:before,
.share-viber-icon:before,
.share-whatsapp-icon:before,
.image-icon,
.share-link-icon:before,
.follow-action.following .follow-icon,
.follow-icon,
.send-msg-icon,
.global-header .messages-icon,
.share-icon,
.mark-all-as-read i,
.global-header .global-logo i,
.global-header .avatar-icon,
.global-header .header-icon.back-icon,
.uk-modal-header .header-icon.back-icon,
.search-icon,
.global-header .header-icon.search-icon,
.global-header .notifications-icon,
.profile .birthday-icon,
.global-header .header-icon.bars-icon,
.cogwheel-icon,
.g-recaptcha:before,
.ad-cont.requested > [id^='div-gpt-ad']:before,
.filters-icon,
.pagination .pagination-first,
.wysibb .editor-emoji,
.wysibb .editor-video,
.profile .skype-icon,
.post-useful-icon,
.uk-button.marked .post-useful-icon,
.share-facebook-icon:before,
.pagination .pagination-last,
.wysibb .editor-image,
.profile .email-icon,
.post-quote-icon,
.profile .location-icon,
.post-share-icon,
.post-reply-icon,
.post-delete-icon,
.replied-icon,
.write-msg i,
.pagination .pagination-prev,
.pagination .pagination-next,
.wysibb .editor-bullets,
.wysibb .editor-link,
.modal-button-close,
.button-close,
.m-card .details .m-card-views,
.attachments ul li > a.edit i,
.edit-icon,
.attachments ul li > a.remove i,
.profile .profile-fb-icon,
.wysibb .editor-italic,
.m-card .details .m-card-posts,
.topic .details .m-card-posts,
.wysibb .editor-bold,
.nav-menu .nav-menu-dropdown-icon,
.details li i.m-card-views,
.topic-icons li i.ti-editors,
.topic-icons li i.ti-pinned,
.topic-icons li i.ti-hot,
.topic-icons li i.ti-hotter,
.topic-icons li i.ti-locked,
.topic-icons li i.ti-poll,
.topic-icons li i.ti-video,
.topic-icons li i.ti-paid,
.topic-icons li i.ti-paid1,
.breadcrumb > li.home > a:before,
.breadcrumb > li:after,
.chevron-icon,
.chevron-icon-mini,
.pagination-dropdown .arrow-icon,
.m-select .arrow-icon,
.accordion-content .arrow-icon,
.m-htab-nav .icon-only,
.more-info,
.remove:before,
.modal-button-wizard-back
{
background-color:transparent;
background-image:url(/assets/vessur/mobile/img/mobile_sprite.png?v=1.5);
background-image:-webkit-linear-gradient(transparent, transparent), url(/assets/vessur/mobile/img/mobile_sprite.svg?v=1.5);
background-image:linear-gradient(transparent, transparent), url(/assets/vessur/mobile/img/mobile_sprite.svg?v=1.5);
background-size:265px 420px;
background-repeat:no-repeat;
}
.m-dd-blank .bell-icon {
width:97px;
height:96px;
background-position:-9px -223px;
}
.global-header .global-logo.global-logo-mobile span {
width:128px;
height:16px;
background-position:-10px -10px;
}
.m-dd-content .notif-topic {
width:34px;
height:39px;
background-position:-115px -285px;
}
.m-dd-content .notif-paid {
width:34px;
height:39px;
background-position:-9px -366px;
}
.m-dd-content .notif-post-m {
width:34px;
height:35px;
background-position:-91px -151px;
}
.user-icon {
width:34px;
height:31px;
background-position:-10px -180px;
}
.last-login-icon {
width:29px;
height:29px;
background-position:-71px -60px;
}
.m-dd-content .notif-post {
width:29px;
height:30px;
background-position:-10px -140px;
}
.m-dd-content .notif-ty {
width:26px;
height:30px;
background-position:-49px -140px;
}
.attachment-header .poll-icon {
width:26px;
height:28px;
background-position:-110px -65px;
}
.attachments .poll-icon {
width:26px;
height:28px;
background-position:-110px -65px;
transform:scale(0.72);
margin-top:2px;
margin-right:6px;
}
.pub-icon {
width:25px;
height:29px;
background-position:-148px -10px;
}
.cropper-interface ul li.hflip i {
width:26px;
height:26px;
background-position:-135px -163px;
}
.cropper-interface ul li.vflip i {
width:26px;
height:26px;
background-position:-159px -301px;
}
.sync-icon {
width:23px;
height:24px;
background-position:-127px -107px;
}
.profile .www-fb-icon {
width:22px;
height:24px;
background-position:-160px -258px;
}
.cropper-interface ul li.reset i {
width:22px;
height:26px;
background-position:-160px -223px;
}
.button-facebook-icon {
width:21px;
height:22px;
background-position:-183px -10px;
}
.profile .gender-icon {
width:20px;
height:25px;
background-position:-173px -183px;
}
.profile .local-date-time-icon {
width:22px;
height:22px;
background-position:-191px -218px;
}
.share-twitter-icon:before {
content:'';
display:block;
margin:10px 0 0 9px;
width:22px;
height:19px;
background-position:-173px -49px;
}
.share-viber-icon:before {
content:'';
display:block;
margin:10px 0 0 9px;
width:22px;
height:22px;
background-position:-160px -336px;
}
.share-whatsapp-icon:before {
content:'';
display:block;
margin:9px 0 0 9px;
width:22px;
height:23px;
background-position:-199px -336px;
}
.image-icon {
width:23px;
height:20px;
background-position:-170px -154px;
}
.share-link-icon:before {
content:'';
width:20px;
height:20px;
background-position:-194px -302px;
margin:10px 0 0 10px;
display:block;
}
.follow-action.following .follow-icon {
width:19px;
height:22px;
background-position:-178px -78px;
}
.follow-icon {
width:19px;
height:22px;
background-position:-69px -99px;
}
.send-msg-icon,
.global-header .messages-icon {
width:22px;
height:19px;
background-position:-10px -36px;
}
.share-icon {
width:21px;
height:21px;
background-position:-52px -374px;
}
.mark-all-as-read i {
width:24px;
height:16px;
background-position:-10px -64px;
}
.global-header .global-logo i {
width:30px;
height:11px;
background-position:-85px -130px;
}
.global-header .avatar-icon {
width:19px;
height:20px;
background-position:-160px -109px;
}
.global-header .header-icon.back-icon,
.uk-modal-header .header-icon.back-icon {
width:19px;
height:18px;
background-position:-42px -36px;
margin-top:13px;
}
.global-header .header-icon.search-icon,
.search-icon {
width:19px;
height:20px;
background-position:-109px -36px;
margin:13px 6px 0;
}
.search-icon {
margin:4px 0 0;
}
.global-header .notifications-icon {
width:17px;
height:21px;
background-position:-146px -49px;
}
.profile .birthday-icon {
width:18px;
height:18px;
background-position:-192px -249px;
}
.global-header .header-icon.bars-icon {
width:21px;
height:17px;
background-position:-10px -112px;
}
.cogwheel-icon,
.g-recaptcha:before,
.ad-cont.requested > [id^='div-gpt-ad']:before {
width:17px;
height:19px;
background-position:-202px -150px;
}
.filters-icon {
height:20px;
width:19px;
background-position:-10px -336px;
}
.pagination .pagination-first {
width:21px;
height:15px;
background-position:-115px -216px;
}
.wysibb .editor-emoji {
width:19px !important;
height:19px !important;
min-width:auto !important;
margin:11px 6px 0 !important;
background-position:-43px -63px;
}
.wysibb .editor-video {
width:18px !important;
height:18px !important;
min-width:auto !important;
margin:11px 6px 0 !important;
background-position:-187px -117px;
}
.profile .skype-icon {
width:17px;
height:17px;
background-position:-207px -90px;
}
.post-useful-icon {
width:18px;
height:19px;
background-position:-214px -38px;
}
.uk-button.marked .post-useful-icon {
width:16px;
height:18px;
background-position:-214px -10px;
}
.share-facebook-icon:before {
content:'';
display:block;
width:12px;
height:23px;
margin:8px 0 0 13px;
background-position:-202px -178px;
}
.pagination .pagination-last {
width:20px;
height:15px;
background-position:-207px -66px;
}
.wysibb .editor-image {
width:20px !important;
height:17px !important;
min-width:auto !important;
margin:12px 6px 0 !important;
background-position:-40px -115px;
}
.profile .email-icon {
width:18px;
height:16px;
background-position:-146px -198px;
}
.post-quote-icon {
width:19px;
height:15px;
background-position:-98px -103px;
}
.profile .location-icon {
width:14px;
height:20px;
background-position:-215px -120px;
}
.post-share-icon {
/* background-image:url(/assets/vessur/img/share_filled_button_icon.svg); */
width:21px;
height:21px;
margin:5px 5px 0 0;
background-position:-81px -374px;
}
.post-reply-icon {
/* background-image:url(/assets/vessur/mobile/img/post_share_icon.png); */
width:16px;
height:15px;
margin:8px 0 0 0;
background-position:-72px -340px;
}
.post-delete-icon {
/* background-image:url(/assets/vessur/mobile/img/trash_icon.png); */
width:16px;
height:20px;
margin:6px 0 0 0;
background-position:-122px -337px;
}
.replied-icon {
width:13px;
height:11px;
margin-right:5px;
margin-top:2px;
/* background:transparent url(/assets/vessur/mobile/img/replied_icon.png) center center no-repeat; */
background-position:-98px -342px;
opacity:0.5;
}
.write-msg i {
width:24px;
height:21px;
/* background-image:url(/assets/vessur/mobile/img/write_msg_icon.png); */
margin-top:3px;
background-position:-38px -336px;
}
.pagination .pagination-prev {
width:18px;
height:15px;
background-position:-71px -36px;
}
.pagination .pagination-next {
width:18px;
height:15px;
background-position:-192px -277px;
}
.wysibb .editor-bullets {
width:16px !important;
height:15px !important;
min-width:auto !important;
margin:13px 7px 0 !important;
background-position:-10px -89px;
}
.topic-icons li i.ti-editors {
width:13px;
height:17px;
background-position:-220px -275px;
}
.wysibb .editor-link {
width:16px !important;
height:16px !important;
min-width:auto !important;
margin:12px 8px 0 !important;
background-position:-90px -195px;
}
.modal-button-close {
width:15px;
height:15px;
background-position:-41px -91px;
}
.button-close {
width:15px;
height:15px;
background-position:-41px -91px;
}
.m-card .details .m-card-views,
.details li i.m-card-views {
width:16px;
height:12px;
background-position:-135px -141px;
}
.edit-icon,
.attachments ul li > a.edit i {
width:13px;
height:14px;
background-position:-222px -229px;
}
.attachments ul li > a.remove i {
width:14px;
height:14px;
background-position:-41px -91px;
}
.profile .profile-fb-icon {
width:9px;
height:19px;
background-position:-224px -200px;
}
.wysibb .editor-italic {
width:12px !important;
height:15px !important;
min-width:auto !important;
margin:13px 9px 0 !important;
background-position:-224px -311px;
}
.m-card .details .m-card-posts,
.topic .details .m-card-posts {
width:12px;
height:13px;
background-position:-224px -178px;
}
.wysibb .editor-bold {
width:10px !important;
height:15px !important;
min-width:auto !important;
margin:13px 10px 0 !important;
background-position:-229px -150px;
}
.topic-icons li i.ti-pinned {
width:9px;
height:15px;
background-position:-234px -95px;
}
.nav-menu .nav-menu-dropdown-icon {
width:16px;
height:9px;
background-position:-115px -198px;
}
.more-info {
width:6px;
height:20px;
background-position:-237px -66px;
}
.topic-icons li i.ti-hot {
width:10px;
height:14px;
background-position:-238px -120px;
}
.topic-icons li i.ti-hotter {
width:12px;
height:14px;
background-position:-239px -33px;
}
.topic-icons li i.ti-locked {
width:12px;
height:14px;
background-position:-239px -10px;
}
.topic-icons li i.ti-poll {
width:12px;
height:14px;
background-position:-242px -206px;
}
.topic-icons li i.ti-video {
width:18px;
height:18px;
background-position:-187px -117px;
transform:scale(0.75);
position:relative;
top:-2px;
}
.topic-icons li i.ti-paid,
.topic-icons li i.ti-paid1 {
width:8px;
height:13px;
background-position:-246px -183px;
}
.chevron-icon {
width:13px;
height:8px;
background-position:-243px -275px;
}
.chevron-icon-mini {
width:6px;
height:10px;
background-position:-249px -163px;
}
.pagination-dropdown .arrow-icon {
width:11px;
height:6px;
background-position:-161px -138px;
}
.accordion-content .arrow-icon {
width:11px;
height:6px;
background-position:-161px -138px;
}
.m-select .arrow-icon,
.uk-datepicker-heading .uk-form-select:before {
width:10px;
height:6px;
background-position:-161px -138px;
}
/* END OF SVG */
/* OPTIONS PANEL */
.options-panel {
position:fixed;
z-index:1008;
top:50%;
left:0px;
transform:translateY(-50%) translateX(-100%);
background:#f2f2f2;
width:360px;
height:auto;
border-radius:0 3px 3px 0;
border:1px solid #e0e0e0;
-webkit-transition:transform 500ms cubic-bezier(.5, 0, 0, 1);
-moz-transition:transform 500ms cubic-bezier(.5, 0, 0, 1);
-ms-transition:transform 500ms cubic-bezier(.5, 0, 0, 1);
-o-transition:transform 500ms cubic-bezier(.5, 0, 0, 1);
transition:transform 500ms cubic-bezier(.5, 0, 0, 1);
}
.options-panel.admin-menu {
top:50%;
width:234px;
}
.options-panel.opened {
transform:translateY(-50%) translateX(0px);
box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.05);
z-index:1009;
}
.pre-panel.opened {
z-index:1999;
}
.options-panel-trigger {
position:absolute;
top:50%;
margin-top:-18px;
height:36px;
width:36px;
background:#e0e0e0;
right:-36px;
border-radius:0 3px 3px 0;
color:#999;
text-align:center;
font-size:36px;
cursor:pointer;
}
.options-panel .options-panel-trigger:before {
content:'';
display:block;
top:50%;
left:50%;
margin-left:-6px;
margin-top:-10px;
width:0;
height:0;
position:absolute;
border:10px solid transparent;
border-left-color:#999;
border-radius:5px;
}
.options-panel.opened .options-panel-trigger:before {
border-left-color:transparent;
border-right-color:#999;
margin-left:-16px;
}
.options-panel .options-panel-trigger:hover:before {
border-left-color:#444;
}
.options-panel.opened .options-panel-trigger:hover:before {
border-left-color:transparent;
border-right-color:#444;
}
.buttons-right {
float:right;
margin-top:18px;
text-align:right;
}
.buttons-right .uk-button {
margin-right:0px;
margin-left:15px;
}
.options-panel .buttons-right {
margin-bottom:18px;
}
.options-panel .nav-menu {
padding:20px;
}
.options-panel .nav-menu li a {
display:block;
min-height:22px;
line-height:22px;
padding:9px 10px 9px 15px;
font-size:16px;
color:rgba(17, 17, 17, 0.7);
border-radius:4px;
}
.options-panel .nav-menu li a:hover,
.options-panel .nav-menu li a:focus,
.options-panel .nav-menu li a.active {
background-color:rgba(17, 17, 17, 0.05);
color:#111;
}
.pre-panel {
width:100%;
height:100%;
max-width:360px;
max-height:500px;
}
.pre-panel,
.pre-panel .options-panel-trigger {
opacity:0.9;
}
.pre-panel .options-panel-trigger {
margin-top:-54px;
}
.options-panel-trigger.no-arrow {
font-size:20px;
line-height:36px;
}
.options-panel-trigger.no-arrow:before {
content:none;
}
.pre-panel pre {
border:4px solid #eee;
max-width:360px;
max-height:500px;
height:100%;
width:100%;
overflow-y:auto;
background:#111;
color:#ddd;
box-sizing:border-box;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
/* END OF OPTIONS PANEL */
/* EDITOR */
/* Toolbar Icons */
/*
UPDATING THE TOOLBAR ICONS:
- SELECT ICONS AND DOWNLOAD SVGs:https://fontawesome.com/icons?m=free
- COMBINE THE SVGs IN A FONT FILE:https://icomoon.io/app/#/select/font
- REPLACE fas- WITH ''
- REPLACE -solid WITH ''
- MINIFY CSS (https://cssminifier.com/) AND REPLACE IN THE froala_editor.pkgd.min.css
*/
.fa-rotate-90 {
-webkit-transform:rotate(90deg); /* Chrome and other webkit browsers */
-moz-transform:rotate(90deg); /* FF */
-o-transform:rotate(90deg); /* Opera */
-ms-transform:rotate(90deg); /* IE9 */
transform:rotate(90deg); /* W3C compliant browsers */
}
@font-face{font-family:FontAwesome524062019;src:url(/assets/vessur/fonts/FontAwesome524062019.ttf?xv9r13) format('truetype'), url(/assets/vessur/fonts/FontAwesome524062019.woff?xv9r13) format('woff'), url(/assets/vessur/fonts/FontAwesome524062019.svg?xv9r13#FontAwesome524062019) format('svg');font-weight:400;font-style:normal}.fas{font-family:FontAwesome524062019!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-arrow-left:before{content:'\e922'}.fa-paint-brush:before{content:'\e920'}.fa-bars:before{content:'\e921'}.fa-laugh-regular:before{content:'\e91e'}.fa-ellipsis-v:before{content:'\e91f'}.fa-align-center:before{content:'\e900'}.fa-align-justify:before{content:'\e901'}.fa-align-left:before{content:'\e902'}.fa-align-right:before{content:'\e903'}.fa-arrows-alt:before{content:'\e904'}.fa-bold:before{content:'\e905'}.fa-code:before{content:'\e906'}.fa-edit:before{content:'\e907'}.fa-eraser:before{content:'\e908'}.fa-exchange-alt:before{content:'\e909'}.fa-external-link-alt:before{content:'\e90a'}.fa-eye-slash:before{content:'\e90b'}.fa-image:before{content:'\e90c'}.fa-italic:before{content:'\e90d'}.fa-link:before{content:'\e90e'}.fa-list-ol:before{content:'\e90f'}.fa-list-ul:before{content:'\e910'}.fa-magic:before{content:'\e911'}.fa-minus:before{content:'\e912'}.fa-palette:before{content:'\e913'}.fa-quote-right:before{content:'\e914'}.fa-strikethrough:before{content:'\e915'}.fa-subscript:before{content:'\e916'}.fa-superscript:before{content:'\e917'}.fa-table:before{content:'\e918'}.fa-text-height:before{content:'\e919'}.fa-trash:before{content:'\e91a'}.fa-underline:before{content:'\e91b'}.fa-unlink:before{content:'\e91c'}.fa-video:before{content:'\e91d'}
/* General */
.post-content-inner em,
.fr-box em {
color:inherit;
}
.fr-popup .fr-input-line input+label,
.fr-popup .fr-input-line textarea+label {
min-height:auto;
line-height:1;
}
.fr-popup .fr-input-line input[type=text]:focus,
.fr-popup .fr-input-line textarea:focus {
-webkit-box-shadow:none;
box-shadow:none;
border-bottom-color:#66a1ff;
}
.fr-popup .fr-input-line input.fr-error[type=text] {
border-bottom-color:#f66;
}
.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn svg {
width:16px;
font-size:16px;
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
color:#595959;
margin:0;
}
.fr-separator.fr-vs {
height:24px;
margin:7px 2px;
}
.fr-toolbar .fr-command.fr-btn:hover,
.fr-toolbar .fr-command.fr-btn:focus {
color:#111;
}
.fr-box {
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid rgba(17, 17, 17, 0.1);
-webkit-border-radius:0px;
border-radius:0px;
display:block;
}
.fr-box,
.fr-toolbar {
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:15px;
line-height:22px;
color:#111;
}
.fr-wrapper > div:first-child,
.fr-wrapper > div:first-child a {
display:block;
height:1px;
overflow:hidden;
background:#fff !important;
}
.fr-toolbar.fr-top,
.fr-box.fr-basic.fr-top .fr-wrapper {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border-top:none;
-webkit-border-radius:0px;
border-radius:0px;
}
.fr-toolbar.fr-top {
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.fr-toolbar.fr-top.fr-sticky-on {
border-left:1px solid transparent;
border-right:1px solid transparent;
box-sizing:border-box;
margin-left:-1px;
}
.fr-sticky-dummy {
padding-bottom:49px;
box-sizing:content-box;
}
.fr-box.fr-basic .fr-element {
word-break:break-word;
min-height:370px;
padding-right:57px;
line-height:24px;
}
.post-content-inner ul,
.fr-box.fr-basic .fr-element ul {
list-style-type:disc;
list-style-position:inside;
}
.post-content-inner ol,
.fr-box.fr-basic .fr-element ol {
list-style-type:decimal;
list-style-position:inside;
}
.post-content-inner ul ul,
.post-content-inner ol ul,
.fr-box.fr-basic .fr-element ul ul,
.fr-box.fr-basic .fr-element ol ul {
list-style-type:circle;
list-style-position:inside;
padding-left:25px;
}
.post-content-inner ol ol,
.post-content-inner ul ol,
.fr-box.fr-basic .fr-element ol ol,
.fr-box.fr-basic .fr-element ul ol {
list-style-type:lower-latin;
list-style-position:inside;
padding-left:25px;
}
.fr-popup .fr-action-buttons button.fr-command.fr-submit {
height:30px;
line-height:30px;
min-height:30px;
font-size:14px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
color:#fff;
background:#66a1ff;
min-width:90px;
padding:0 10px;
}
.fr-submit:hover,
.fr-submit:focus {
background:#5a96f8;
color:#fff;
}
.fr-submit:disabled,
.fr-submit:disabled:hover {
background-color:#f5f5f5;
color:#999;
}
.fr-popup,
.fr-command.fr-btn+.fr-dropdown-menu,
.fr-command.fr-btn.fr-active+.fr-dropdown-menu {
-webkit-box-shadow:0 1px 3px rgba(17, 17, 17, 0.1);
-moz-box-shadow:0 1px 3px rgba(17, 17, 17, 0.1);
box-shadow:0 1px 3px rgba(17, 17, 17, 0.1);
border:1px solid rgba(17, 17, 17, 0.1);
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.fr-popup .fr-arrow {
border-bottom:5px solid rgba(17, 17, 17, 0.1);
top:-6px;
}
.fr-popup .fr-colors-tabs,
.fr-popup .fr-buttons {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.fr-buttons.fr-colors-buttons {
border-bottom:none;
}
/* Colors */
.fr-color-set {
border:2px solid #fff;
}
.fr-popup .fr-color-set > span {
cursor:pointer;
width:20px;
height:20px;
border:2px solid #fff;
position:relative;
}
.fr-popup .fr-color-set > span:hover:before,
.fr-popup .fr-color-set > span.fr-active-item:before {
content:'';
border:2px solid rgba(255, 255, 255, 0.5);
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
cursor:pointer;
}
.fr-popup .fr-color-set > span.fr-active-item,
.fr-popup .fr-color-set > span:hover,
.fr-popup .fr-color-set > span:focus {
outline:none;
border:2px solid rgba(17, 17, 17, 0.1);
}
.fr-popup .fr-color-set>span .fr-selected-color {
display:none;
}
.fr-popup .fr-color-set > br:nth-of-type(1) + span,
.fr-popup .fr-color-set > br:nth-of-type(2) + span {
clear:both;
margin-top:5px;
}
.fr-popup .fr-color-set > span[data-param1='REMOVE'] {
clear:left;
margin-bottom:5px;
width:auto;
display:block;
border:2px solid #fff;
}
.fr-popup .fr-color-set > span[data-param1='REMOVE']:before {
display:none;
}
.fr-popup .fr-color-set > span > i,
.fr-popup .fr-color-set > span > svg {
cursor:pointer;
width:100%;
display:block;
line-height:20px;
height:20px;
font-size:17px;
}
/* Spoiler, Code & Quote */
.spoiler-text,
.fr-view pre,
.post-content pre,
.fr-view .quote,
.post-content .quote {
font-size:15px;
display:block;
padding:10px 55px 10px 15px;
margin:10px 0;
line-height:20px;
position:relative;
border:1px solid rgba(17, 17, 17, 0.1);
color:#111;
}
.spoiler-text,
.post-content pre,
.post-content .quote {
padding:10px 10px 10px 10px;
}
.spoiler-text,
.fr-view pre,
.post-content pre {
background-color:#f7f7f7;
}
.fr-view table {
border:0;
border-collapse:collapse;
empty-cells:show;
max-width:100%;
width:100% !important;
min-width:100%;
margin:0 !important;
}
.fr-view table td,
.fr-view table th {
border:1px solid #eee;
}
.fr-view table.visible-borders td,
.fr-view table.visible-borders th {
border:1px solid rgba(17, 17, 17, 0.3);
}
.fr-view table.dashed-borders td,
.fr-view table.dashed-borders th {
border-style:dashed;
}
.fr-view table.alternate-rows tbody tr:nth-child(2n) td {
background:#f7f7f7;
}
.post-content-inner table {
table-layout:fixed;
width:100%;
border-collapse:collapse;
empty-cells:show;
max-width:100%;
}
.post-content-inner table.visible-borders th,
.post-content-inner table.visible-borders td {
border:1px solid rgba(17, 17, 17, 0.1);
}
.post-content-inner table.dashed-borders th,
.post-content-inner table.dashed-borders td {
border-style:dashed;
}
.post-content-inner table.alternate-rows tr:nth-child(2n) td {
background:#f7f7f7;
}
.post-content .quote .quote,
.post-content .quote .quote .quote,
.post-content .quote .quote .quote .quote,
.post-content .quote .quote .quote .quote .quote,
.fr-view .quote .quote,
.fr-view .quote .quote .quote,
.fr-view .quote .quote .quote .quote,
.fr-view .quote .quote .quote .quote .quote {
border-color:rgba(17, 17, 17, 0.1);
color:#111;
}
.post-content pre:before,
.fr-view pre:before,
.post-content .quote:before,
.fr-view .quote:before,
.spoiler-text:before {
font-size:24px;
font-family:'FontAwesome524062019'!important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
position:absolute;
top:50%;
right:15px;
margin-top:-12px;
color:rgba(17, 17, 17, 0.2);
}
.post-content .quote:before,
.fr-view .quote:before {
content:'\e914'
}
.spoiler-text:before {
content:'\e90b';
}
.post-content pre:before,
.fr-view pre:before {
content:'\e906';
}
.fr-element .fr-video > * {
background:rgba(17, 17, 17, 0.15);
width:480px;
height:270px;
max-width:100%;
}
.fr-box .bottom-label {
cursor:pointer;
position:absolute;
bottom:0;
left:0;
right:0;
background:#ffffd5;
text-align:center;
height:20px;
line-height:22px;
font-size:14px;
}
.fr-box .bottom-label:hover {
text-decoration:underline;
background:#fff9bc;
}
/* Emoji */
.fr-popup .fr-emoticon,
.fr-popup .fr-emoticon img,
.fr-popup .fr-emoticon .emojione {
width:22px;
height:22px;
}
.fr-popup .fr-emoticon {
padding:5px;
}
.fr-emoticon .emojione {
top:-1px;
left:-1px;
margin:0 auto;
display:block;
top:0;
}
.fr-view span.fr-emoticon.fr-emoticon-img,
span.fr-emoticon.fr-emoticon-img {
background-color:transparent;
background-size:100%!important;
background-repeat:no-repeat!important;
}
.fr-view span.fr-emoticon.fr-emoticon-img,
span.fr-emoticon.fr-emoticon-img,
span.joypixels-wrapper {
min-height:24px;
min-width:24px;
width:24px;
height:24px;
font-size:inherit;
display:inline-block;
margin:-.1em .1em .1em;
line-height:1;
vertical-align:middle;
top:0;
}
.fr-view span.fr-emoticon.fr-emoticon-animated,
span.fr-emoticon.fr-emoticon-animated {
background-color:transparent;
background-size:32px!important;
background-position:-4px -4px;
background-repeat:no-repeat!important;
}
span.joypixels-wrapper {
overflow:hidden;
position:relative;
}
span.joypixels-wrapper span.joypixels {
min-height:32px;
min-width:32px;
width:32px;
height:32px;
transform:scale(0.75);
font-size:inherit;
display:inline-block;
vertical-align:middle;
position:absolute;
margin:0;
top:0;
left:0;
transform-origin:0 0;
}
.fr-box .emoji-toolbar {
position:absolute;
right:0;
top:39px;
left:0;
background:#fff;
width:100%;
overflow:hidden;
z-index:1001;
height:0px;
-webkit-transition:height 100ms ease-in-out;
-moz-transition:height 100ms ease-in-out;
-ms-transition:height 100ms ease-in-out;
-o-transition:height 100ms ease-in-out;
transition:height 100ms ease-in-out;
}
.fr-box .emoji-toolbar.expanded {
width:100%;
height:210px;
border-bottom:1px solid rgba(17, 17, 17, 0.1);
}
.fr-box .emoji-toolbar:before {
/* content:''; */
background:#fff;
border-right:1px solid rgba(17, 17, 17, 0.1);
width:41px;
height:100%;
position:absolute;
top:0;
bottom:0;
right:0;
z-index:1;
}
.fr-box .emoji-headers {
position:absolute;
top:-1px;
bottom:auto;
left:-1px;
right:0px;
width:100%;
border:1px solid rgba(17, 17, 17, 0.1);
z-index:2;
background:#fff;
}
.fr-box .emoji-headers li {
display:block;
position:relative;
width:35px;
height:34px;
float:left;
}
.fr-box .emoji-headers li a {
/* border-left:1px solid rgba(17, 17, 17, 0.1); */
border-bottom:1px solid transparent;
display:block;
height:100%;
}
.fr-box .emoji-headers li i {
position:absolute;
top:0px;
right:-1px;
left:-1px;
bottom:0px;
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
opacity:0.4285;
}
.fr-box .emoji-headers li a:focus {
z-index:0;
}
.fr-box .emoji-headers li a:before,
.fr-box .emoji-headers li a:after {
content:'';
position:absolute;
top:0px;
left:0px;
right:0px;
height:1px;
/* background:rgba(17, 17, 17, 0.1); */
}
.fr-box .emoji-headers li a:after {
left:0;
bottom:auto;
width:100%;
height:1px;
background:transparent;
}
.fr-box .emoji-headers li.active a {
border-bottom:1px solid #fff;
border-right:1px solid rgba(17, 17, 17, 0.1);
border-left:1px solid rgba(17, 17, 17, 0.1);
}
.fr-box .emoji-headers li.active a:before {
height:3px;
background:#444;
}
.fr-box .emoji-headers li.active a:after {
background:rgba(17, 17, 17, 0.1);
}
.fr-box .emoji-headers li.most_used a {
/* background-image:url(/assets/vessur/mobile/img/most_used.png); */
}
.fr-box .emoji-headers li.faces a {
/* background-image:url(/assets/vessur/mobile/img/faces.png); */
}
.fr-box .emoji-headers li.hearts a {
/* background-image:url(/assets/vessur/mobile/img/hearts.png); */
}
.fr-box .emoji-headers li.nature a {
/* background-image:url(/assets/vessur/mobile/img/nature.png); */
}
.fr-box .emoji-headers li.food a {
/* background-image:url(/assets/vessur/mobile/img/party.png); */
}
.fr-box .emoji-headers li.activity a {
/* background-image:url(/assets/vessur/mobile/img/sports.png); */
}
.fr-box .emoji-headers li.office a {
/* background-image:url(/assets/vessur/mobile/img/office.png); */
}
.fr-box .emoji-headers li.people a {
/* background-image:url(/assets/vessur/mobile/img/people.png); */
}
.fr-box .emoji-headers li.travel a {
/* background-image:url(/assets/vessur/mobile/img/city.png); */
}
.fr-box .emoji-headers li.objects a {
/* background-image:url(/assets/vessur/mobile/img/others.png); */
}
.fr-box .emoji-list {
position:absolute;
top:34px;
right:0px;
bottom:0px;
left:0px;
background:#fff;
z-index:0;
padding:0 10px;
box-sizing:border-box;
}
.fr-box .emoji-sets {
padding-top:15px;
display:block;
}
.fr-box .emoji-sets li {
display:block;
padding-bottom:15px;
}
.fr-box .emoji-sets p {
font-size:16px;
color:#999;
padding-bottom:10px;
}
.fr-box .emoji-list .fr-emoticon {
min-width:22px;
min-height:22px;
max-width:22px;
max-height:22px;
line-height:22px;
padding:3px;
display:inline-block;
background:#fff;
cursor:pointer;
}
.fr-box .emoji-toolbar .scroll-wrapper {
max-width:100%;
width:100%;
max-height:100%;
height:100%;
}
.fr-box .emoji-headers li.travel i,
.fr-box .emoji-headers li.people i,
.fr-box .emoji-headers li.office i,
.fr-box .emoji-headers li.hearts i,
.fr-box .emoji-headers li.most_used i,
.fr-box .emoji-headers li.faces i,
.fr-box .emoji-headers li.nature i,
.fr-box .emoji-headers li.activity i,
.fr-box .emoji-headers li.food i,
.fr-box .emoji-headers li.objects i {
background:transparent url(/assets/vessur/img/sprite.png?v=1.5);
background-image:-webkit-linear-gradient(transparent, transparent), url(/assets/vessur/img/sprite.svg?v=1.5);
background-image:linear-gradient(transparent, transparent), url(/assets/vessur/img/sprite.svg?v=1.5);
background-size:394px 608px;
background-repeat:no-repeat;
margin:9px 9px 6px 9px;
}
.fr-box .emoji-headers li.travel i {
width:22px !important;
min-width:22px !important;
height:22px !important;
background-position:-229px -182px !important;
margin:7px 8px 6px 8px;
}
.fr-box .emoji-headers li.people i {
width:19px !important;
min-width:19px !important;
height:21px !important;
background-position:-275px -474px !important;
}
.fr-box .emoji-headers li.office i {
width:16px !important;
min-width:16px !important;
height:24px !important;
background-position:-163px -56px !important;
margin:6px 10px 5px 10px;
}
.fr-box .emoji-headers li.hearts i {
width:21px !important;
min-width:21px !important;
height:19px !important;
background-position:-42px -50px !important;
}
.fr-box .emoji-headers li.most_used i {
width:20px !important;
min-width:20px !important;
height:20px !important;
background-position:-290px -187px !important;
}
.fr-box .emoji-headers li.faces i {
width:19px !important;
min-width:19px !important;
height:20px !important;
background-position:-287px -96px !important;
}
.fr-box .emoji-headers li.nature i {
width:20px !important;
min-width:20px !important;
height:19px !important;
background-position:-287px -9px !important;
}
.fr-box .emoji-headers li.activity i {
width:20px !important;
min-width:20px !important;
height:19px !important;
background-position:-288px -65px !important;
}
.fr-box .emoji-headers li.food i {
width:21px !important;
min-width:21px !important;
height:16px !important;
background-position:-303px -309px !important;
margin:10px 8px 9px 8px;
}
.fr-box .emoji-headers li.objects i {
width:14px !important;
min-width:14px !important;
height:21px !important;
background-position:-323px -158px !important;
margin:8px 11px 6px 11px;
}
.fr-toolbar .fr-toolbar-element-hidden {
display:none;
}
.fr-toolbar.expanded .fr-toolbar-element-hidden {
display:block;
}
.fr-view img.fr-dii {
max-width:100%;
max-height:600px;
}
.fr-view .m-quote img,
.fr-view .quote img {
max-width:100%;
max-height:200px;
}
.fr-view td img,
.fr-view .m-quote td img,
.fr-view .quote td img {
max-width:100%;
max-height:200px;
}
.private-messages .fr-view td img
.private-messages .fr-view .m-quote td img,
.private-messages .fr-view .quote td img {
max-width:100%;
max-height:200px;
}
/* END OF EDITOR */
/* m */