#testmode{
position: absolute; top: 25px; right: 170px; color: #fff;opacity: 0.5; z-index: 9
}
.help-toggle{margin-left: 5px;}
body, div, span{
color: #fbefd6;
}
a{
color: #e5d6ba !important;/*text-decoration: none !important;*/
}
.cropper-canvas{
border: 1px solid #666;
}
#fullscreen_div
{
display: none;
/*background-color: rgba(0, 0, 0, 0.8);*/
background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0px,rgba(0, 0, 0, 1) 30px, rgba(0, 0, 0, 0.9) 100px, rgba(0, 0, 0, 0.92) 100%);
width: 100%;
height: 100%;
position: fixed;
z-index: 1000;
overflow: auto;
overflow-x: hidden;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-overflow-scrolling: touch;
}
#fullscreen_top .row{
/*background-color: #000;*/
}
body{
background-image: url("/images_v4/webbg.png");
background-color: #000009 !important;
background-repeat: no-repeat;
background-attachment: fixed;
height:100%;
}
html, body{
max-width: 100%;
height: 100%;
/*user-select: none;*/ /* Forhindrer tekstmarkering */
caret-color: transparent; /* Gør caret (den blinkende streg) usynlig */
}
html:focus-within {
/* caret-color: transparent;*/
}
input, textarea, .emojionearea-editor {
user-select: text;
caret-color: auto; /* Bevarer cursor i inputfelter*/
}
/* gør klikfladen større */
.emojionearea .emojionearea-button {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
/* behold original grafik – skaler hele elementet */
.emojionearea .emojionearea-button > div {
transform: scale(1.5); /* gør smileyen større */
transform-origin: center;
}
.main-holder{ /* Tynd streg ude til venstre */
background-image: url("/images_v4/leftline.png"); /* The image used */
background-repeat: no-repeat;background-position-x: 10px;background-position-y: 10px;
}
.logo-main{ /* Logo holder */
width: 100%;
max-width: 100px;
margin-left: 20px;
}
.footer{
background-color: #010413;
text-align:center;
padding: 20px;
border-top: 2px solid #181818;
color: #a29379;
box-shadow: inset 2px 2px 10px rgba(0,0,0,1);
opacity: 0.5;
}
/* Gør kasser osv. til at de får en faaancy border */
.goldify{
border: double 1px transparent !important;
border-radius: 12px !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
background-image: linear-gradient(black, black),
repeating-linear-gradient(to right, #69431c 0%, #6b5222 18%, #8a6f46 35%, #826e47 67%, #957234 77%, #563d22 100%) !important;
}
.goldify_extra_shiny{
border: double 2px transparent !important;
border-radius: 12px !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
background-image: linear-gradient(black, black),
repeating-linear-gradient(to right, #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, #e1b453 93%, #a4692a 100%) !important;
}
.footer:hover{
opacity: 1;
}
.footer a{
color: #d9cdb8;
text-decoration: none;
}
.divider{ /* Tynd streg til at adskille elementer */
height: 1px;
background-color: #FAEBD7FF;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.3;width: 100%;
}
/* ------ FORM HACKS */
.form-control{
background-color: rgba(0,0,0,0.8) !important;
border: 1px solid rgba(250,240,200,0.2) !important;
color: #ddd !important;
}
::placeholder {
color: #666 !important;
opacity: 1; /* Firefox */
}
.btn-primary {
color: rgba(255, 255, 255, 1);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 -2px 4px rgba(0, 0, 0, 0.3);
/*text-transform: uppercase;*/
font-weight: bold !important;
border: 3px solid rgb(2, 12, 23) !important;
/* BLÅ */
/*background: linear-gradient(to bottom, #024, rgba(20, 60, 150, 0.99)) !important;*/
/* RØD */
/* background: linear-gradient(to bottom, #410, rgba(150, 0, 0, 0.99)) !important;border: 3px solid rgb(50, 8, 8) !important;color: rgba(255, 225, 225, 1) !important;*/
/* MEGET RØD */
/* background: linear-gradient(to bottom, #710, rgba(190, 0, 0, 0.99)) !important;border: 3px solid rgb(80, 22, 22) !important;color: rgba(255, 225, 225, 1) !important;
*/
/* GRØN */
/*background: linear-gradient(to bottom, #053, rgba(0, 110, 70, 0.99)) !important;border: 3px solid rgb(0, 40, 33) !important;color: rgba(255, 225, 225, 1) !important;*/
/* LYS */
background: linear-gradient(to bottom, #852153, rgb(185, 51, 119)) !important;border: 3px solid rgb(70, 14, 42) !important;color: rgba(255, 255, 255, 1) !important;
border-bottom: 3px solid rgba(0, 0, 0, .75) !important;
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.03),
0 1px 0 rgba(255, 255, 255, 0.1) inset,
0 0 0 rgba(0, 0, 0, 0.5) inset,
0 1.10em 0 rgba(255, 255, 255, 0.03) inset,
0 -1.10em 1.25em rgba(0, 0, 0, 0.42) inset !important;
background-repeat: no-repeat !important;
background-size: 110% 120% !important;
background-position: center center !important;
}
.btn-primary:hover {
box-shadow:
0 5px 6px rgba(0, 0, 0, 0.45), 0 20px 20px rgba(255, 255, 255, 0.07) inset !important;
}
.btn-primary:active {
}
#ClearFile{display: inline-block;}
.help-inline {
top: -9999px; /* starter væk fra skærmen */
left: 150px;
transform: translateX(-50%);
z-index: 20000;
background-color: rgba(0,0,0,0.6);
min-width: 280px;padding: 0 0 0 10px;border-radius: 10px;
}
.help-inline.show {
top: 35px; /* hvor langt over ikonet den skal vises */
}
.btn-outline-primary{
background-color: rgba(120,109,96,0.8) !important;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
/*
background-color: rgba(174, 159, 137, 0.8) !important;
border-color: rgba(209, 194, 171, 0.8) !important;
color: #ccc !important;
*/
background: linear-gradient(to bottom, #b83072, rgb(227, 99, 163)) !important;
color: #fff !important;
font-weight: bold;
font-weight: bold !important;
box-shadow:
inset 1px 0 4px 2px rgba(0,0,0,0.5), /* indre skygge */
0 0 5px 5px rgba(30,30,30,1) !important; /* ydre skygge */
}
.btn-check, .btn-check + label.btn{
border: 0px !important;margin: 4px 4px 8px 4px !important;
}
.test-bf {
position: relative;
}
.test-bf i {
float: right;
margin-right: 10px;
margin-top: -28px;
cursor: pointer;
z-index: 200;
position: relative;
font-size: large;
color: #6c757d;
}
.create_postcode{
font-size: 16px;color: #fff !important;padding:7px;height:40px;
/*float:left;*/
margin-left: 10px;
/*overflow:hidden;white-space: nowrap;*/
border: 1px solid rgba(0,0,0,0.1);
/*text-align:center;*/
font-size: 17px;
background-color: rgba(0,0,0,0.8) !important;
border: 1px solid rgba(250,240,200,0.2) !important;
display: inline-block;
}
/* ------ MODAL HACKS */
.modal-content{
background-color: rgba(0,0,0,0.9) !important;
border: 1px solid rgba(255,230,200,0.3) !important;
}
.modal-header{
border-bottom: 1px solid rgba(250,230,200,0.2) !important;
}
.modal-footer{
border-top: 1px solid rgba(250,230,200,0.2) !important;
}
/* ------ LANDING PAGES */
.landing-holder{ /* Holder til hele landing siden */
height: 100%;min-height: 100%;
background-image: url("/images_v4/couple5.png?r=4"); /* The image used */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: 100% auto;
background-position: top center;
opacity: 1;
}
.subtext{ /* Stor salgstekst */
margin: 5px 0 11px 10px;
padding: 80px 0 5px 0;
font-size: 28px;
font-weight: bold;
color: #fbefd6;
text-shadow: 3px 2px black;
}
.subsubtext{ /* Mindre salgstekst */
margin: 0 0 11px 10px;
font-size: 20px;
color: #fbefd6;
text-align: center;
text-shadow: 3px 2px black;
}
.subcountdown{ /* Holder til countdown */
width: 100%;
text-align: center;
margin: 0 0 0 10px;
padding: 10px;
}
.subcountdate /* Holder til countdown dato/tid */
{
display: block;
font-weight: normal;
font-size: 12px;
color: #cbbb9b;
}
.subcountdownbox{ /* De 4 Bokse med countdown info */
background-color: rgba(0,0,0,0.4);
border: 1px solid rgba(50,40,20,0.8);
border-radius: 10px;
padding: 6px 0 15px 0;
margin: 0 0 8px 0;
text-align: center;
color: #fed;
font-weight: bold;
font-size: 22px;
width: 15%;height:72px;
min-width: 60px;
max-width: 70px;
display: inline-block;
}
.subcountdowncolon{ /* Kolon mellem de 4 bokse */
width: 10px;
color: rgba(240,220,200,0.4);
text-align: center;
font-size: 34px;
display: inline-block;
}
.createbutton{ /* Fix til oprettelses knappen */
font-size:20px;font-weight: 500 !important;margin-left: 28px !important;margin-top: 10px !important;margin-bottom: 20px !important;
}
.createbutton:before {
content: '';
position: absolute;
width: 100px;
height: 100% !important;
background-image: linear-gradient(
120deg,
rgba(255,255,255, 0) 30%,
rgba(255,255,255, .4),
rgba(255,255,255, 0) 70%
) !important;
top: 0;
left: -100px;
}
@keyframes shine {
0% {left: -100px}
20% {left: 100%}
100% {left: 100%}
}
.createbutton:before {
content: '';
position: absolute;
width: 100px;
height: 100%;
background-image: linear-gradient(
120deg,
rgba(255,255,255, 0) 30%,
rgba(255,255,255, .8),
rgba(255,255,255, 0) 70%
);
top: 0;
left: -100px;
animation: shine 4s infinite linear; /* Animation */
}
.loginbutton{ /* Login knap */
opacity: 0.7;
background-color: rgba(250,230,210,1) !important;
border-radius: 8px;
padding: 5px 12px 6px 12px !important;
text-align: center;
color: #000;
font-weight: bold;
font-size: 15px !important;
margin-top:5px;
float:right
}.loginbutton:hover, .loginbutton:active, .loginbutton:focus{opacity: 1;color: #000 !important;}
/* ------ FORDELE */
.advantagesholder{
margin-top: 20px;
}
.advantagestitle{
font-size: 18px;text-align:center;padding-bottom: 3px; }
.sellpoints{
text-align: center;
}
.sellpoints img{ /* De 3 sellpoint billeder */
width: 100%;
max-width: 160px;
opacity: 0.85;
}
/* ------- CONTENT TEXT */
.contenttext{
color: #e1d8c4;padding: 10px;background-color: rgba(0,0,0,0.6);border-radius: 10px;border: 1px solid rgba(255,230,200,0.3) !important;
}
/* ------- SEO TEXT */
.seotext{
color: #9b8e72;padding: 10px;background-color: rgba(50,40,30,0.2);
}
.seotext h1, .seotext h2{
font-size: 18px;
color: #b2a68b;
}
.seotext h3{
font-size: 17px;
color: #b2a68b;
}
.menuholder{
border-left: 1px solid #413a32;
text-align: right;
padding: 10px 0 0 0;line-height: 30px;
color: #bbae95;
}
.menuholder a{
text-decoration: none;
color: #9f9173;
display: block;
}
/* SÅ ER DET GENERELLE TING OG HOVEDSAGELIGT TING DER ER INDENFOR PÅ WEBSITET - ALTSÅ EFTER LOGIN
DETTE ER PRETTY MUCH KOPIERET IND FRA GAMMEL CSS
*/
.jconfirm .jconfirm-box {
background-color: #234 !important;
}
/* TOPNAV ( Typisk telefon navigation ) */
#topnav {
display: none;
visibility: hidden;
height: 50px;
color: #FFFFFF;
font-size: 16px;
background: #096e95; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#096e95, #5fb8ea); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#096e95, #5fb8ea); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#096e95, #5fb8ea); /* For Firefox 3.6 to 15 */
background: linear-gradient(#096e95, #5fb8ea); /* Standard syntax */
box-shadow: 0px 6px 3px rgba(1, 1, 1, 0.2);
}
#topnav a {
color: #FFFFFF;
}
/* Fejlbeskeds div */
#errorMSG {
display: none;
visibility: hidden;
}
/* Headeren */
#header {
height: 80px;
width: 100%;
/*
background: #41372f;
border-top: 3px solid #65564b !important;
border-bottom: 3px solid #65564b !important;
*/
position: fixed;
top: 0px;
z-index: 100002;
display: block !important;
transition: all .25s ease-in-out;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#bodyID {
transition: margin-left .5s;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
/*background: #fff8e4;*/
margin: 0px ; padding: 0px !important;
padding-bottom: 125px !important;
padding-top: 80px !important;
min-height: 100%;
position: relative;
height: auto;
}
/* LOGO */
.logo {
margin-top: 5px;height: 70px;float:left;margin-right: 10px;
transition: all .25s ease-in-out;border: 0px;opacity: 0.5;
}
.logo:hover {
opacity: 0.8;
}
#desktop_menu{
/*margin-right: -10px !important;*/
}
/* MOBIL MENU */
.mobi_icon {
height: 22px;
}
#mobile_menu{
width:100% !important;
}
/* Element der smider shadow på top og bund af en div */
#shadowBund {
box-shadow: 0px 4px 2px rgba(1, 1, 1, 0.1);
margin-bottom: 14px !important;
}
/* mainnav på PC */
#mainnavBG {
}
/* Lidt bootstrap override CSS for mainnav ( nav & navbar-nav ) */
.navbar {
width: 100%;display: inline-block;z-index: 8;background-color: #111820 !important;padding: 0px !important;
height: 60px;
position: fixed !important;
top: 0;bottom: auto;
}
.navbar-logo {
height: 65px;float:left;margin-left: 5px;margin-right: 10px;
}
.menu-text {
height: 100%;
display: block;
vertical-align: middle;
float:left;
position:relative;
font-size: 17px;
float:left;
padding-top: 20px ;
padding-bottom: 20px ;
padding-left: 20px;
padding-right: 20px;
color: #FFFFFF;
opacity: 0.85;
height: 100%;
font-size: 20px;vertical-align: middle;
border-bottom: 3px solid rgba(0,0,0,0.1) !important;
border-right: 1px solid rgba(0, 0, 0, 0.05);
border-left: 1px solid rgb(0, 0, 0, 0.05);
}
.menu-text:hover {
background-color: rgba(1, 1, 1, 0.84);
opacity: 1;
}
.active .menu-text{
-moz-box-shadow: inset 0 0 10px #111 !important;
-webkit-box-shadow: inset 0 0 10px #111 !important;
box-shadow: inset 0 0 10px #111 !important;
background-color: #1e3544 !important;
border-bottom: 3px solid #b2a280 !important;
opacity: 1.0 !important;
border-right: 1px solid rgb(178, 162, 128, 0.1);
border-left: 1px solid rgb(178, 162, 128, 0.1);
}
.mainnav_selected
{
/*box-shadow: 0px 0px 5px 5px #114466;
background-color: rgba(0,50,90,1);*/
border: 2px solid #000;
outline: 6px inset #beae91;
}
.mainnav_scroll .dividar{
margin-top: 7px ;
height: 30px;
}
.slow_transition{
transition: all .25s ease-out;
}
.navbar_scroll{}
.navbar_scroll_up{}
.navbar_scroll_down{}
.notification_scroll_up{}
.notification_scroll_down{}
.me_scroll_up{}
.me_scroll_down{}
.navbar-dark{
background-color: #111820 !important;
}
.menu-icon {
max-height: 35px;z-index: 99999;opacity: 0.6;
}
.menu-icon:hover {
opacity: 1;
}
#header li a {
float:left;
padding-top: 27px ;
padding-bottom: 27px ;
padding-left: 15px;
padding-right: 15px;
color: #FFFFFF;
opacity: 0.85;
height: 100%;
font-size: 20px;vertical-align: middle;
transition: all .25s ease-in-out;
/*background: #40372f;*/
}
.navbar .active img{
opacity: 1;
}
.dividar{
float:left;width: 1px; height: 50px;border-right: 1px solid rgba(0,0,0,0.2);border-left: 1px solid rgba(255,255,255,0.1);
margin-top: 12px ;
transition: all .25s ease-in-out;
}
.dividar2{
width: 100%; height: 1px;border-top: 1px solid rgba(0,0,0,0.2);border-bottom: 1px solid rgba(255,255,255,0.1);
margin-top: 1px ;
margin-bottom: 1px ;
transition: all .25s ease-in-out;
}
#header li a:hover {
background-color: rgba(1, 1, 1, 0.14);
opacity: 1;
}
.mainnav_scroll li a{
padding-top: 12px !important;
padding-bottom: 12px !important;
font-size: 18px !important;
}
.mainnav_scroll .dividar{
margin-top: 7px ;
height: 30px;
}
.header_scroll{
height: 50px !important;
}
.logo_scroll{
height: 40px !important;
}
.xmass_scroll{
height: 40px !important;
}
/* SUBMENU */
.subnav {
list-style: none;
padding: 0;
}
.subnav li {
padding: 3px;
}
/* Fix til selectboxes */
li.selected{
background-color:#4f493f !important;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{top: auto !important}
.popover-header{color: #fff !important;font-weight: bold;display: none;}
.popover-header .close{background-color: #000;color: #ffeedd;border: 0px !important;}
.dropdown-toggle {
border: 2px solid #007bff; /* Change the color and width as needed */
border-radius: 4px; /* Optional: to round the corners */
}
.dropdown-menu{
/*min-width: 12rem !important;*/
background-color: rgba(0,0,0,1) !important;
border: 1px solid #4f493f !important;
}
.dropdown-menu li a{
padding: 10px;
display: block;
transition: all .25s ease-in-out;
}
.dropdown-menu li a:hover{
background-color: #4f493f;
transition: all .25s ease-in-out;
color: #442211 !important;
}
.dropdown-item.active, .dropdown-item:active{
background-color: #4f493f !important;
}
/* Tilføj kant til kun den ydre dropdown-menu */
.dropdown-menu .dropdown-menu {
border: 0px !important; /* Fjerner kant på den indre dropdown-menu */
}
/* Gør scrollbaren pænere */
.dropdown-menu {
max-height: 500px; /* Sæt en maks højde for at aktivere scrollbar */
overflow-y: auto; /* Gør scrollbaren aktiv, hvis der er for mange elementer */
}
/* Style scrollbaren i Webkit-browsere (Chrome, Safari, Edge) */
.dropdown-menu::-webkit-scrollbar {
width: 8px; /* Bredden på scrollbaren */
}
.dropdown-menu::-webkit-scrollbar-thumb {
background-color: #4f493f; /* Farven på scroll thumb */
border-radius: 4px; /* Rund hjørner på scroll thumb */
}
.dropdown-menu::-webkit-scrollbar-track {
background: #000; /* Farven på track (baggrunden af scrollbaren) */
border-radius: 4px; /* Rund hjørner på track */
}
/* Style scrollbaren for Firefox */
.dropdown-menu {
scrollbar-width: thin; /* Gør scrollbaren tyndere */
scrollbar-color: #4f493f rgba(0,0,0,0.1); /* Farven på scroll thumb og track */
}
/* Font Awesome */
.fas, .far{
display: inline-block;min-width:18px;text-align:center;
}
/* MENU */
#leftmenu
{
position: fixed;
top: 0;
width: 274px;
height: 100%;
z-index: 98;
overflow: auto;
-webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
-moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
left: -274px;
}
#leftmenu.active {
-webkit-transform: translate(274px, 0px);
-moz-transform: translate(274px, 0px);
-o-transform: translate(274px, 0px);
-ms-transform: translate(274px, 0px);
transform: translate(274px, 0px);
}
#rightmenu
{
position: fixed;
top: 0;
width: 274px;
height: 100%;
z-index: 98;
overflow: auto;
-webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
-webkit-box-shadow: inset 10px 0 6px -9px rgba(0, 0, 0, .7);
-moz-box-shadow: inset 10px 0 6px -9px rgba(0, 0, 0, .7);
box-shadow: inset 10px 0 6px -9px rgba(0, 0, 0, .7);
right: -274px;
}
#rightmenu.active {
-webkit-transform: translate(-274px, 0px);
-moz-transform: translate(-274px, 0px);
-o-transform: translate(-274px, 0px);
-ms-transform: translate(-274px, 0px);
transform: translate(-274px, 0px);
}
/* The side navigation menu */
.sidenav {
height: 100%; /* 100% Full-height */
width: 0; /* 0 width - change this with JavaScript */
position: fixed; /* Stay in place */
z-index: 100001; /* Stay on top */
top: 0; /* Stay at the top */
background-color: #3e3327;
border-top: 45px solid #463524;
border-left: 1px solid #463524;
overflow-x: hidden; /* Disable horizontal scroll */
padding-top: 0px; /* Place content 60px from the top */
transition: 0.3s; /* 0.5 second transition effect to slide in the sidenav */
right: 0;
left: auto;
}
/* The navigation menu links */
.sidenav a {
padding: 8px 8px 8px 15px;
text-decoration: none;
font-size: 20px;
color: #fff;
display: block;
transition: 0.3s;
opacity: 0.6;
width:280px;
}
.sidenav a img {
margin-right: 12px;width:16px;margin-top: -4px;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
opacity: 1;
color: #fff;
background-color: rgba(0,0,0,0.4);
background: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0.2), rgba(0,0,0,0.05), rgba(0,0,0,0), rgba(0,0,0,0));
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
position: absolute;
top: 0;
right: 5px;
font-size: 32px;
padding: 5px 10px 10px 10px;
background-color: rgba(255,255,255,0.2);
z-index: 99;
}
#supportcontainer{
margin-top: 15px; margin-bottom: 15px;
}
#supportFooter {
/*
background-repeat: repeat;
bottom: 0;
min-height: 100px;
left: 0;
position: absolute;
width: 100%;
z-index: 200;
opacity: 0.65;*/
background-repeat: repeat;
bottom: 0;
min-height: 100px;
left: 0;
opacity: 0.65;
}
#supportFooter:active, #supportFooter:hover {
opacity: 1.0;
}
#phonetext{
font-size: 23px !important;padding-left:5px;
margin-top: 5px;margin-bottom: 3px;
}
#custtext{
font-size: 23px !important;
margin-top: 5px;margin-bottom: 3px;
}
#extendPhone div{
font-size: 14px !important;
color: #0f779f !important;
}
.bluetxt{color: #0f779f !important;}
#bodyID.active, #topnav1.active {
-webkit-transform: translate(274px, 0px);
-moz-transform: translate(274px, 0px);
-o-transform: translate(274px, 0px);
-ms-transform: translate(274px, 0px);
transform: translate(274px, 0px);
overflow: hidden !important;
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 97;
}
#bodyID.active
{
opacity: 0.4 !important; background-color: #000 !important;
}
#bodyID.active-right, #topnav1.active-right {
-webkit-transform: translate(-274px, 0px);
-moz-transform: translate(-274px, 0px);
-o-transform: translate(-274px, 0px);
-ms-transform: translate(-274px, 0px);
transform: translate(-274px, 0px);
overflow: hidden !important;
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 97;
}
#bodyID.active-right
{
opacity: 0.4 !important; background-color: #000 !important;
}
#leftmenu a {
display: block;
color: #fff;
font-size: 1.1em;
font-weight: 300;
padding: 15px !important;
}
#leftmenu a:hover {
background-color:rgba(0,0,0,0.75);
text-decoration: none;
}
#leftmenu a:active {
background: #afdefa;
color: #47a3da;
}
/* ************************************************* */
/* -- SIDEN START ********************************** */
/* ************************************************* */
/* GLIDERS */
/* DETTE LIGGER I GLIDER.CSS OG KAN IKKE VIRKER HER FRA AF EN ELLER ANDEN ÅRSAG */
@media (max-width: 767px) {
.glider::-webkit-scrollbar {
opacity: 1;
-webkit-appearance: none;
width: 7px;
height: 3px;
}
.glider::-webkit-scrollbar-thumb {
opacity: 1;
border-radius: 99px;
background-color: rgba(156, 156, 156, 0.25);
box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
}
}
.glider-holder{
padding: 0 5px 0 5px;
/*display: inline-flex;*/
text-decoration: none;
}
.glider-slide{
min-width: auto !important;
}
.glider-holder a{
text-decoration: none;
}
/* Skjul frem/tilbage helt hvis der ikke er nogle */
.glider-contain .disabled{
display:none !important;
}
.glider-contain .disabled + .navbar-logo {
display: none;
}
.glider-contain{height: 100%;}
.glider-prev,.glider-next{
margin-top: -15px;
top: 50% !important;
-ms-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
margin: -20px 0 0 0;
height: 120% !important;
width: 26px;
}
.glider-prev{
/*background: linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,0.01) 100%) !important;*/
left: -30px;
}
.glider-next{
background: linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,1) 100%) !important;right: 0px !important;
}
.dots {
position: absolute;
width: 100%;
height: 20px;
background: 0 0;
/*background-color: rgba(0,0,0,0.1);*/
z-index: 3;
font-size: 40px;
text-decoration: none;
bottom: -27px;
color: #666;
opacity: 1;
line-height: 1;
transition: opacity .5s cubic-bezier(.17,.67,.83,.67),color .5s cubic-bezier(.17,.67,.83,.67);
}
.glider-dot {
border-radius: 0px !important;
height: 10px !important;width: 20px !important;
margin: 5px 10px 0 10px !important;
background: rgba(255,222,188,0.2) !important;
}
.glider-dot.active{
background: rgba(255,222,188,0.4) !important;
}
.dots {
display: none !important;
}
#newstuff .dots {
display: flex !important;
}
.start_element{
display: flex;
flex: 0 0 auto;
gap: 30px 14px;
padding: 12px 0px 16px 0px;
border-radius: 15px ;
margin: 0px 0px 5px 5px;
max-width: 100%;
user-select: none;
}
.i_like, .like_me, .matches{
gap: 0px 0px !important;padding: 0px;
}
.start_element_title{
color: #ccba9f;
font-size: 19px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.4);
margin-bottom: -2px;
padding-left: 10px;
opacity: 0.7;
width: 100%;
}
.start_element_title a{
color: #ffeedd !important;
text-decoration: none;
}
.start_element_title a:hover{
color: #ccbbaa !important;
opacity: 1 !important;
}
.start_element_title a::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f101"; /* Unicode for fa-user-friends */
display: inline-block;
margin-right: 8px;
margin-top: -1px;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
vertical-align: middle;
}
.flex_br{
width: 100%;height: 1px;flex-basis: 100%;
}
.start_element_content{
display: inline-flex;
flex: 0 0 auto;
position: relative;
border-radius: 50px;
border: 2px solid rgba(100,100,100,0.4);
justify-content: center;
padding: 5px;
background-color: rgba(40,40,40,0.2);
min-width: 95px;
width: 100%;
}
/* Nogle elementer må ikke være så store */
/*
#infopanel .start_element_content, #quicksettings .start_element_content{ max-width: 120px;}
*/
.start_element_new{
border: 2px solid rgb(157, 120, 95) !important;
}
.start_element_icon{
display: flex;
flex: 0 0 auto;
opacity: 1;
}
.start_element_icon img{
display: flex;
flex: 0 0 auto;
height: 36px;
}
.start_element_number{
display: flex;
align-items: center;
justify-content: center;
padding-right: 5px;
min-width: 33px;
/*
border-radius: 0 25px 25px 0 ;
border-right: 2px solid rgba(255,255,255,0.1);*/
font-size: 21px;
}
.start_element_subtitle{
opacity: 0.4;
/*position: absolute;
bottom: -20px;*/
text-align: center;
text-transform: uppercase;
font-size: 12px;
color: #ccbbaa;
width: 100%;
border-radius: 10px ;
padding: 4px 0 0 0;
/*max-width: 120px;*/
}
.start_element_subtitle_wide {
/*width: 100px;*/
}
/* Gør on/off switches på START siden større */
.start_element .form-check-input {width: 50px !important;height: 26px !important;margin-top: 2px;cursor: pointer;}
.start_element .form-switch .form-check-input { background-image: url("data:image/svg+xml,");}
.start_element .form-check-input:checked { background-color: #d0b290;border-color: #975;background-image: url("data:image/svg+xml,");}
.start_element .form-check-input:focus { border-color: rgba(0, 0, 0, 0.50);outline: 0;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);background-image: url("data:image/svg+xml,");}
/* INDSTILLINGER */
.settings-icon{
height: 24px;text-align: center;margin: 2px 0 0 5px;opacity: 0.3;
}
.settings-icon-2{
height: 30px;text-align: center;margin: 1px 0 0 5px;opacity: 0.6;
}
.checkbox-large{ vertical-align: middle;margin-left: -8px;
}
.checkbox-large label{vertical-align: middle;display:inline-block;}
.checkbox-large input{vertical-align: middle;width: 50px !important;height: 26px !important;margin-top: 2px;cursor: pointer;}
.checkbox-large .infotext{font-size: 14px;color: #888;padding-left: 12px;padding-top: 5px;}
.radio-large{
/*
vertical-align: middle;
margin-left: -8px;
accent-color: #B93377FF;
border-color: red;*/
/*
padding: 4px 0 0 0;
appearance: none;
width: 38px;
height: 38px;
border-radius: 50%;
background-clip: content-box;
border: 2px solid rgba(78,74,70,1);
accent-color: #B93377;
background-color: rgba(38,34,31,1);*/
}
.radio-large label{
display:inline-block;
margin-top: 6px;
color: #ffeedd;
font-size: 15px;
font-weight: 500;
user-select: none;
}
.radio-large input{
height: 23px !important;
width: 23px !important;accent-color: #B93377;
}
.radio-medium label{
display:inline-block;
color: #ffeedd;
font-size: 15px;
font-weight: 500;
user-select: none;
height: 40px;
line-height: 40px;
vertical-align: middle;
padding-left: 3px;
}
.radio-medium input{
height: 40px !important;
width: 20px !important;
accent-color: #c1b19a;
vertical-align: middle;
}
/* STIL TIL PROFIL VISNING PÅ SIDEN START */
.start_element .profilboks {margin-top: 0px !important;}
.start_element .profileshowcase .col-12 { width: 100% !important;}
.start_element .profileshowcase .row { padding: 1px !important;}
.start_element .profileshowcase_username, .start_element .profileshowcase_age { font-size: 16px !important;}
#nyeProfiler .profileshowcase_age { font-size: 16px !important;color: #c9c6c1 !important}
/*.start_element */ .border-gradient { border:double 2px transparent !important;}
.start_element .browntext, .start_element .dividerline { display: none !important;}
/* NYT PÅ SIDEN */
.start_element_newsitem{
display: inline-flex;
/*max-width: 200px;*/
width: 100%;
text-decoration: none;
}
.s_e_pic{
}
.s_e_vid{
}
.s_e_user{
width: 70px;
height: 80px;
}
.s_e_username
{
font-size: 13px;width: 100%;text-align: center;padding: 0 2px 0 4px;opacity: 0.7;
}
.s_e_profile_pic
{
border-radius: 10px;
opacity: 0.7;
background-color: rgba(144,111,88,0.14);
}
.s_e_date{
}
.s_e_text{
height: 100%;width: 100%;margin: 0 0 0 5px;border-radius: 10px;background-color: rgba(150,120,90,0.15);padding: 3px 0 3px 5px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 19px;
height:82px;
font-size: 14px;
color: #e8caa7;
}
.s_e_picholder
{
padding: 0px !important;
}
.s_e_likes{
display: inline-block;
position: absolute;
bottom: -21px;
text-align: center;
font-size: 12px;
color: #ccbbaa;
width: 100px;
}
.s_e_like{
display: inline-block;padding: 0 4px 0 4px;color: #ccbbaa;
}
/* ************************************************* */
/* -- SIDEN POST ********************************** */
/* ************************************************* */
/* FEJL OG BESKEDER */
#messageShowBox{
position: fixed;
z-index:1000 !important;
display:none;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
margin-top: 30px;
height: 45px;
top: 50px !important;
}
#errormessage, #confirmmessage{
margin-left: 20px;
margin-right: 20px;
}
.conclose{
cursor:pointer;
height: 55px;
width: 55px;
display: block !important;
z-index:999999;
background-color: rgba(0,0,0,1);
border: 6px solid #000;
opacity: 0.8;
border-radius: 35px;
}
.conclose:hover{opacity: 1;}
a:hover{
text-decoration: none !important;
}
.zxclose{
cursor:pointer;
height: 35px;
width: 35px;
z-index:1002;
opacity: 0.8;
position: relative;
float: right;
margin: 5px 0px 15px 15px;
max-width: 300px;
height: auto;
}
.zxclose:hover{
opacity: 1;
}
.happymsg{
background-color: rgba(40,130,70,0.90) !important;
color: #fff !important;
font-size: 16px !important;
border: 2px solid rgba(0,0,0,0.4) !important;
box-shadow: 5px 5px 3px rgba(0,0,0,0.3) !important;
}
.sadmsg{
background-color: rgba(107, 37, 37, 0.95) !important;
color: #fff !important;
font-size: 16px !important;
border: 2px solid rgba(0,0,0,0.4) !important;
box-shadow: 5px 5px 3px rgba(0,0,0,0.3) !important;
}
.input_error{
color: #ff7777 !important;
clear: both;
display: block !important;
font-weight: bold;
/*background-color: rgba(0,0,0,0.1);*/
}
.input_error_float{
color: #ff7777;
clear: both;
position: absolute;
font-weight: bold;
background-color: rgba(0,0,0,1);
border: 1px solid #dd8888;
padding: 5px;
z-index: 1000002;
margin-right: 10px;
}
.has-error
{
border: 1px solid red !important;
}
/* BETALINGSCENTER */
#whatcani_holder{float:right;background-color: #fff;border-radius: 8px;-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border: 1px solid #eee;}
#whatcani_box{padding: 10px;padding-bottom:3px;}
#whatcani_title{line-height: 26px;font-size: 17px;font-weight: bold;color: #cc5b5e;margin-bottom: 0px;}
.whatcani_point{clear: both;border-bottom: 1px solid #a2daa4;font-size:15px; line-height: 20px;padding-top: 8px; padding-bottom: 8px;color:#228b6a;padding-left: 10px;}
.whatcani_point img{float:left; width: 16px; height: 16px;margin-right: 8px;margin-top:2px;}
#whatcani_footer{margin-top: 10px;}
#paycenterbox{width: 380px; float:left;}
#paycenterpay{font-size: 20px;line-height: 28px;margin-bottom:10px;color:#0a730c;background-color: #fff;border-radius: 8px;-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border: 1px solid #eee;padding: 20px;padding-top: 10px;text-align: center;}
.noscroll {
overflow: hidden !important;
}
/* indsat af Bjarke i forbindelse med billede upload efter oprettelse */
/*
#fullscreen_hold{
position: absolute;
left: 50%;
top: 30%;
-webkit-transform: translate(-50%, -30%);
transform: translate(-50%, -30%);
padding-left: 10px;
max-height: 100% !important;
-webkit-overflow-scrolling: touch;
}
#fullscreen_border{
border: 1px solid #333;
background-color:rgba(0,0,0,0.4);
box-shadow: 10px 10px 7px rgba(50,50,50,0.3) !important;
}
#fullscreen_div {
display: none;
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
top: 0px;
overflow: auto;
overflow-x: hidden;
top: 0;
left: 0;
bottom: 0;
right: 0;
-webkit-overflow-scrolling: touch;
}
*/
/* VIP */
.vip_title{
color: #ba812a; font-size: 32px;margin-top: 9px;
}
.vip_subtitle{
color: #777; font-size: 21px;margin-top:9px;
}
.vip_box{
height: 100%;
border: 3px solid #77ddaa;
padding: 10px 0 10px 0;
}
.vip_check{
font-size: 20px; color: #77ddaa;top:2px !important;margin-right: 3px;
}
.vip_period{
border: 0;opacity: 0.8;padding: 8px;background-color: #4c6d97;cursor:pointer;
}
.vip_period:hover, .vip_selected{
opacity: 1; border: 2px solid #3dcebb;
padding: 6px;
}
.vip_period img{
width: 20px;
float:left;
margin-right: 6px;
}
.vip_period_title{
font-size: 18px;color: #fff;
}
.vip_period_price{
float:right;color: #fff;font-weight: bold;margin-top: 5px;
}
.vip_period_text{
float:left;color: #fff;font-style: italic;margin-top: 5px;
}
#dasterms{
color: #999;
height: 155px;
overflow: hidden;
}
#dasterms_folderblur
{
position:absolute;
bottom: 27px;
width: 100%;height: 32px;
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
}
#dasterms_folder
{
position:absolute;border-top: 2px solid #ccc;padding-top: 7px;
bottom: 0px;width: 100%;height: 37px;text-align:center;font-weight: bold;
background-color: #fff;
cursor:pointer;
}
/* BETALINGSCENTER */
#whatcani_holder{float:right;background-color: #fff;border-radius: 8px;-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border: 1px solid #eee;}
#whatcani_box{padding: 10px;padding-bottom:3px;}
#whatcani_title{line-height: 26px;font-size: 17px;font-weight: bold;color: #cc5b5e;margin-bottom: 0px;}
.whatcani_point{clear: both;border-bottom: 1px solid #a2daa4;font-size:15px; line-height: 20px;padding-top: 8px; padding-bottom: 8px;color:#228b6a;padding-left: 10px;}
.whatcani_point img{float:left; width: 16px; height: 16px;margin-right: 8px;margin-top:2px;}
#whatcani_footer{margin-top: 10px;}
#paycenterbox{width: 380px; float:left;}
#paycenterpay{font-size: 20px;line-height: 28px;margin-bottom:10px;color:#0a730c;background-color: #fff;border-radius: 8px;-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border: 1px solid #eee;padding: 20px;padding-top: 10px;text-align: center;}
/* Til når menu kører ud... fade bodyID */
.fadeDiv{
opacity: 0.5; transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.breakmobile{
display: inline-block;float:left;margin-top: 3px !important;
}
.breakmobile2{
display: inline-block;float:left;margin-top: 2px !important;
}.breakmobilez{
display: inline-block;float:left;margin-top: 2px !important;
}
/* Centrer vertikalt */
.vcenter{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden !important;
}
.vcenter_parent{
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
top: 55px;
height: 90%;
width: 100%;
overflow-y: hidden;
}
.vcenter_fullscreen{
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden !important;
}
/****** HELT GENERELLE TING SOM TITLER, INDHOLDSBOKSE OSV */
.noscroll {
overflow: hidden !important;
}
.box-title{
font-size: 24px !important;text-shadow: 2px 2px #000;margin-left: 12px;
}
.box-title-link{
color: #18b81f;font-size: 18px;text-decoration: none;text-shadow: 2px 2px #000;margin-top: 4px;display: inline-block;
}
.box-title-img{
margin: -4px 5px 0 30px;height: 36px;
}
#thetitle{
font-size: 20px;
color: #ffffff;
}
.contentBox {
padding: 12px 20px 20px 20px;
border: 1px solid #554839;
border-radius: 12px;
transition: all .25s ease-in-out;
background-color: #090602;
box-shadow: inset 0 0 10px #59462d;
opacity: 1;
}
.contentBox {
padding: 12px 20px 20px 20px;
border: 1px solid #554839;
border-radius: 12px;
transition: all .25s ease-in-out;
background-color: #090602;
box-shadow: inset 0 0 10px #59462d;
opacity:1;
}
.contentBoxTxt {
display: block;
margin: 5px 0 12px 0;
color: #c8bb9f;
}
.contentBoxTitle {
font-size: 18px;
display: block;
color: #faf5eb;
}/*
.contentBox:hover {
opacity: 1;
}*/
.middot {
/*font-size: 200%;margin: 20px 0px 0px 0px;*/
}
.middot2 {
color: #aaa;
}
.bluelink {
/*color: #066488 !important;user-select: none;*/
color: #fff !important;user-select: none;font-weight: 600 !important;
}
.divlink{
display: inline-block;
cursor: pointer !important;
margin: -7px;
padding: 7px 10px 7px 10px;
user-select: none;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.divlink:hover{
opacity: 0.70;
}
.divlink_space{
display: inline-block;
cursor: pointer !important;
width: 100%;
padding: 2px 5px 2px 5px;
user-select: none;
display: block;clear: both;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
color: #fff !important;
}
.divlink_space_bigger{
font-size: 15px;
display: block;
cursor: pointer !important;
padding: 6px 1px 6px 8px;
user-select: none;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.divlink_space_bigger:hover{
color: #fff !important;
background-color: rgba(0,0,0,0.4);
}
.divlink_selected{
background-color: #ddd;
color: #000 !important;
}
.col-form-label{
padding-top: 7px;
}
.animate-me,
.animate-me > *,
.animate-me > * > *,
.animate-me > * > * > *,
.animate-me > * > * > * > *,
.animate-me > * > * > * > * > *,
.animate-me > * > * > * > * > * > *,
.animate-me > * > * > * > * > * > * > *,
.animate-me > * > * > * > * > * > * > * > *
{
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.tooltip{
}
.tooltip-inner {
max-width: 230px !important;
/* If max-width does not work, try using width instead */
width: 230px !important;
}
.input-group-padding
{
padding-left: 10px !important;
padding-right: 10px !important;
}
.input-group-addon{
padding-top: 7px;padding-left: 6px;
}
.nyt_text {
color: #066488;
padding-top: 2px;
}
.greytext{
color: #888;
}
.edit_profile{
margin: 25px 12px 12px 12px;
}
.edit_pencil{
position: absolute;right: 0px;margin-top: -1px;z-index:97;margin-right: 15px;opacity: 0.5;
}
.edit_pencil:hover{
opacity: 1.0;
}
.edit_pencil span {
padding: 10px;
background-color: #fff;
color: #000;
border: 1px solid #ccc;
}
.icon_lg{
height: 32px;margin-bottom: 7px;
}
.icon_midi{
height: 24px;
margin-right: 5px;
margin-top: -2px;
}
.icon_midi_profile{
height: 24px;
margin: -4px 0 0 -5px;
}
.icon_midiwidth{
width: 18px;
margin-right: 8px;
margin-top: -2px;
}
.icon_mini{
height: 25px;margin-right: 8px;
vertical-align: middle;
}
.icon_minimini{
height: 16px;
margin: -3px 4px 0px -12px !important;
}
.icon_minime{
height: 14px;
margin: -3px 5px 0px -3px !important;
}
.icon_micro{
height: 12px;
margin-right: 5px;
border: 0px;
margin-top: -1px;
}
.mypage-updates-point{
opacity: 0.8;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.mypage-updates-point:hover{
opacity: 1;
}
.gendericon_larger{
height: 24px;margin-top: 2px;margin-right: 5px;
}
.gendericon_large{
height: 20px;margin-top: 2px;margin-right: 2px;
}
.gendericon_small{
height: 16px;vertical-align:middle;margin-top: 4px;margin-right: 1px;
}
.gendericon_smaller{
height: 13px;margin-top: 3px;margin-right: 2px;
}
.dividerline3{
border-bottom: 1px solid #c1b99a;
margin-top: 8px; margin-bottom: 3px;
}
.dividerline2{
margin-left: -5px;margin-right: -5px;
margin-top: 1px;margin-bottom: 1px;
}
.dividerline4{
border-bottom: 1px solid #777;
margin-top: 3px; margin-bottom: 3px;
}
.clickable{
cursor: pointer;
}
.colpadding_lg{
padding: 10px 5px 10px 25px !important;
}
.colpadding_md{
padding: 12px !important;
}
.halfpadding{
padding: 0px 10px 0px 10px ;
margin: 10px 0 10px 0 ;
}
.halfpadding_pro{
padding: 0px 5px 0px 5px !important;
margin: 5px 0 5px 0 !important;
}
.nopadding {
padding: 0px 4px 0px 0px !important;
}
.nopaddings {
padding: 0px 0px 0px 0px !important;
}
.sm-md-lg-padzero{
padding-left: 0px !important;
}
.marginleftnomini{
margin-left: -10px !important;padding-right: 0px !important;
}
.outerfocus {
opacity: 0.5;
}
.outerfocus:hover {
opacity: 1.0;
}
.row-striped{
background-color: #f8f6ea;
}
.emojione_icon{
font-size: inherit;
height: 2ex;
width: 2.1ex;
min-height: 20px;
min-width: 20px;
display: inline-block;
margin: -.2ex .15em .2ex;
line-height: normal;
vertical-align: middle;
max-width: 100%;
top: 0;
}
.emojionearea .emojionearea-editor{
font-size: 16px !important;color: #fff !important;
}
.emojionearea .emojionearea-button {
-webkit-filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;
filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;
}
.emojionearea .emojionearea-picker, .emojionearea .emojionearea-picker .emojionearea-button, .emojionearea-picker .emojioneemoji {
background-color: #333 !important;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area h1,.emojionearea-filters {
background-color: #222 !important;display: none !important;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area{height: 190px !important;}
.emojionearea .emojionearea-picker .emojionearea-wrapper{height: 200px !important;}
.emojionearea .emojionearea-picker.emojionearea-picker-position-top{margin-top: -190px !important;}
/*
.notification_count{
position: absolute;
border-radius: 15px;
padding: 3px;
background-color: #bb3377;
text-align: center;
top: -3px;
right: -3px;
width: 25px;
height: 25px;
padding-top: 0px;
}
*/
/* Mailcount */
/* Fælles badge-stil – elastisk bredde */
.mail_count, .notification_count, .settings_count, .me_counter{
position: absolute;
color: #fff;
font-size: 0.9em; /* justeres let for 3+ cifre nedenfor */
background-color: rgba(142,27,96,1);
font-weight: bold;
z-index: 78;
border-radius: 9999px; /* “pill” */
height: 25px;
line-height: 25px;
min-width: 25px; /* 1 ciffer = cirkel */
padding: 0 8px; /* 2–3+ cifre = udvider horisontalt */
text-align: center;
top: -7px;
right: -4px;
white-space: nowrap; /* ingen wrap */
}
/* Mobil / tablet: horisontalt center + 15px til højre */
.mail_count{
left: 50%;
transform: translateX(calc(-50% + 15px));
top: -2px;
right: auto; /* nulstil desktop-position */
}
/* PC */
@media (min-width: 768px) {
.mail_count{
top: 2px;
right: 3px;
left: auto;
transform: none;
}
}
.noptions{
z-index: 99999;
position: absolute;
width: 240px;
right: 5px;
top: 25px;
border: 1px solid #666;
background-color: #000;
padding: 2px 0 4px 2px;
}
.noti_and_me_holder{
margin-left: auto;
}
/* Styling */
.notification_icon, .me_icon{
width: 48px;
height: 48px;
border-radius: 50%;
border: 2px solid #d8cdb9;
background-color: rgba(0,0,0,0.8);
box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.6) inset;
display: inline-flex; /* flex i stedet for absolute */
justify-content: center;
align-items: center;
vertical-align: middle;
cursor: pointer;
}
.me_icon{margin-left: 10px;}
.notification_icon img, .me_icon img{
width: 60%; /* altid en procentdel af cirklen */
height: auto;
}
.notification_icon{
/*
top: 15px; bottom: auto;right: 75px;
z-index:999;
position: fixed;
*/
}
.me_icon{
/*
position: fixed;
top: 15px;
right: 15px;
z-index: 999;
*/
}
/*
.me_counter{
position: absolute; border-radius: 15px;padding: 3px;background-color: #bb3377;text-align: center;top: -3px;right: -3px;width: 25px; height: 25px;padding-top: 0px;z-index: 99999999;cursor:pointer;
}
*/
#notifications_holder{
z-index: 25;
position: relative;
clear: both;
width: 100%;
}
#notifications{
position: absolute; /* i stedet for fixed */
right: 0; /* hæft den til højre kant af holderen */
top: 100%; /* lige under ikonet */
display: none;
width: 100%;
max-width: 400px;
height: 420px;
max-height: 625px;
overflow-y: hidden;
overflow-x: hidden;
border: 1px solid #423a28;
background-color: rgba(0,0,0,1);
z-index: 75;
/*
position: fixed;
float:right;
top:73px;
right: 0px;
border: 1px solid #423a28;
background-color: rgba(0,0,0,1);
display: none;z-index: 75;
width: 95%;
max-width: 400px;
height: 420px;
max-height: 625px;
overflow-y: hidden;
overflow-x: hidden;*/
}
#notifications_bottom{
position: absolute;
z-index: 76;
bottom: 0px;
height: 42px;
padding-top: 8px;
font-size: 16px;
font-weight: bold;
width: 100%;
text-align:center;
background-color: #000;
background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,1), rgba(0,0,0,1));
cursor:pointer;
border-top: 1px solid #444035;
}
#notifications_bottom:hover{
background-color: #444035;
}
.notiopt{
float:right;
text-align:center;
width: 30px;
height: 40px;
cursor: pointer;
}
.notioptsub{
display: none;padding: 6px;
}
.notification{
margin: 0px !important;
padding: 5px;
border-bottom: 1px solid #444035;
cursor: pointer;
}
.notification:hover{
background-color: #444035;
}
.noti_leftcol{
cursor: pointer;
padding: 10px 0 12px 6px !important;
text-align: center;
border-right: 1px solid #444035;
}
.noti_rightcol{
cursor: pointer;
padding: 10px 10px 12px 0px !important;
text-align: center;
}
.noti_rightcol:hover,.noti_leftcol:hover{
background-color: #444035;
}
.notiunopened{
background-color: #151210;
}
.noticol{
padding: 0px !important;position:relative;
}
.noti_title{
padding-left: 5px !important;
}
.noti_date{
font-size: 13px;
color: #888;
}
#nosetitle{
float:left;
padding: 10px 0px 10px 5px;
font-weight: bold;
}
#nosemid{
float:left;
padding: 10px 2px 10px 2px;
cursor: pointer;
width: 150px;
margin-left: 15px;
text-align:center;
}
#noselink{
float:right;
padding: 10px 5px 10px 5px;
cursor: pointer;
width: 125px;
text-align:right;
margin-right:0px;
}
#nosemid:hover{
background-color: #444035;
}
#noselink:hover{
background-color: #444035;
}
#notifications_content{
clear: both;
border-top: 1px solid #444035;
position: relative;
}
/*
#notifications_bottom{
clear: both;
padding: 5px;
font-weight: bold;
text-align:center;
cursor:pointer;
}*/
/*
/* Indstillinger */
#settings_holder{
z-index: 25;
position: relative;
clear: both;
width: 100%;
}
#settings{
display: none;z-index: 76;
position: absolute;
width: 200px;
right: 0px;
border: 1px solid #423a28;
background-color: #000;
top: 100%;
}
.asetting{
padding: 10px 10px 8px 6px;
cursor: pointer;
width: 100%;
font-size: 18px;
}
.asetting:hover{
/*background-color: #0e7198;
color: #fff;*/
background-color: #eee;
color: #fff !important;
background-color: #2ca2cf;
}
.quicklink{
text-align:center;
color: #007aa8;
padding: 20px 0 20px 0;
cursor:pointer;
opacity: 0.8;
}
.quicklink:hover{
opacity: 1;
}
.quicklink font{
color: #007aa8;
}
/* GRØNNE COUNTERS */
.greencountleft{background-color:#00bb04;width:22px;height:21px;float:right;display: block;text-align: center; font-weight: bold; color: #fff !important;cursor: pointer;padding-right:1px;text-decoration: none !important;overflow:hidden;}
/* POST */
.hide_mobile{
}
.visible_pc{
display: block !important;
}
.mail_container{
position: absolute;
top: 75px;
bottom: 0px;
overflow: hidden !important;
}
.overview{
/*margin-top: -5px;*/
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
#thread_white{
border-left: 0px;padding: 0px;
}
#thread{
/*margin-top: 40px;*/
/*margin-top: -5px;*/
height: 100%;
/*visibility: hidden;*/
display: none;
overflow-y: auto;
overflow-x: hidden;
/* padding-right: 12px !important;*/
}
#thread:hover{
/*overflow-y: auto;*/
/*padding-right: 0px !important;*/
}
#thread_messages {
margin-top: 50px;
}
/* Topbar i tråden hvor man ser den anden bruger, kan gå tilbage, slette alle beskeder osv */
#thread_user {
border-bottom: 1px solid #423a28;
background-color: rgba(0,0,0,0.2);
margin: 0 0 0 -10px;
padding: 6px 0 0 0;
height: 47px;
/*
position: absolute;
top: 0px;
border-bottom: 1px solid #423a28;
margin-left: -10px;
background-color: rgba(0,0,0,0.9);
z-index: 100;*/
}
#thread_parent{
/*margin-top: -5px;*/
height: 100%;
padding: 0px;
padding-left: 10px;
padding-bottom: 233px;
}
#thread_write{
/*position:absolute;
width: 100%;*/
height: 233px;
bottom: 0px;
border-top: 1px solid #423a28;
margin: 0 0 -10px -10px;
padding: 9px 10px 0 9px !important;
display: none;
}
#thread_write_ajax{
/*height: 194px;padding-top:10px;*/padding-left: 10px;
}
#thread_write_ajax .divlink{
color: #fff !important;
}
#YoutubeLink {
display: none;
float: left;
margin-right: -150px;
margin-top: -6px;
margin-bottom: -5px !important;
}
#thread_overlord{
padding-left: 0px;padding-right: 0px;height:100%;border-right: 1px solid #423a28;
}
#overview_overlord {
border-right: 1px solid #423a28;
padding-right: 0px;
height: 100%;
}
#thread_blocked{
height: 100%; background-color: #000; position: absolute;z-index: 999000;padding: 10px;display: none;
}
#thread_deluser{
height: 100%; background-color: #000; position: absolute;z-index: 999000;padding: 10px;display: none;
}
.emojionearea{
z-index: 99999;
}
.emojionearea-category h1{
font-size: 14px !important;color: #aaa !important;padding: 0px !important;margin:0px !important;line-height: 15px !important;
}
.emojionearea-editor:focus::before{
content:none !important;
}
#msgbutz{max-width: 200px;text-align:center;}
#thread_emojione .emojionearea .emojionearea-editor {
height: 120px !important;
max-height: 120px !important;
min-height: 120px !important;
}
#thread_emojione .emojionearea {
height: 125px !important;
max-height: 125px !important;
}
/*
#thread_emojione > #MsgSave > .emojionearea {
height: 125px !important;
max-height: 125px !important;
}
*/
#bigtext > .emojionearea > .emojionearea-editor {
height: 220px !important;
max-height: 220px !important;
min-height: 220px !important;
}
#thread_emojione{padding: 0 10px 10px 10px}
.borderz{border: 1px solid #ddd;background-color: rgba(90,90,90,0.1);color: #579 !important;}
.borderz:hover{border: 1px solid #ddd;background-color: rgba(255,255,255,0.2)}
.nav-pills .nav-link{border-radius: 0px !important;}
.nav-link-menu{
position: relative;
}
.msgdate{
font-size: 13px;
color: #777;
}
.msgoverviewrow
{
padding: 5px 0 5px 0;
/*height: 100%;*/
-moz-opacity: 1;opacity: 1;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
cursor: pointer;
user-select: none;
margin-right: 0px !important;
}
.msgoverviewrow:hover
{
background-color: rgba(0,0,0,0.5);
-moz-opacity: 0.85;opacity: 0.85;
}
.msgrowselected{
background: linear-gradient(rgba(44,55,66,1) 0%, rgba(66,77,88,0.3) 100%);
}
.msgright{
padding-left: 5px !important; padding-right: 5px !important;padding-top: 2px;padding-bottom: 5px;
}
.mopt{
padding: 7px 5px 7px 9px; cursor: pointer;
transition: all .25s ease-in-out;
}
.mopt:hover{
background: linear-gradient(rgba(11,22,44,1) 0%, rgba(11,22,44,0.2) 100%);
color: #fff;
}
.mopt img{
width: 32px;
}
.moptions{
height: 60px;
/*width: 100%;*/
/*display: none;*/
position: absolute;
z-index: 100000;
/*padding-top: 13px;
cursor: default !important;
min-height: 70px;
margin-top: -5px;
*/
}
.moptions_fold{
display: none;
position: absolute;
width: 230px;
z-index: 200000;
background-color: #000;
border: 1px solid #423a28;
text-align: left;
top: 46px;
margin-left: 2px;
}
.setw{
width: 100%; text-align: center;padding-top: 8px; padding-bottom: 8px;cursor: pointer;opacity: 0.4;transition: all .25s ease-in-out;
}
.setw img{
width: 20px;height: 25px;margin-left: 12px;margin-top: 20px;
}
.setw:hover{
opacity: 0.9;
}
.mclo{
position: absolute; right: 0px; top: 0px;padding: 4px; cursor:pointer;opacity: 0.6;transition: all .25s ease-in-out;z-index: 9999999;
}
.mclo:hover{
opacity: 1.0;
}
.msgunread{
font-weight: bold;
}
.msgunread div{
font-weight: bold;
}
.msgunread div div{
font-weight: bold;
}
.msgrow{
clear: both;
margin-bottom: 15px !important;
}
.nicescroller::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
opacity: 0.5;
}
.nicescroller::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
opacity: 0.5;
}
.nicescroller::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #aaa;
opacity: 0.5;
}
.mail_picture{
clear: both;margin-top: 5px;display: inline-block;
border: 1px solid #ccc; padding: 2px;
}
.mail_picture img{
max-width:230px;
max-height:150px;
width: auto;
height: auto;
}
.msg_video{
max-width: 300px !important;
height: auto !important;
}
/* POST SLUT */
/* GÆSTEBOG */
.guestrow{
background-color: rgba(0,0,0,0.5);
}
.guestmsg{
word-wrap: break-word;font-size: 16px;line-height: 25px;color: #fff !important;
}
/* ENKELT PROFIL I PROFILE.PHP */
#show_profile{
padding: 0 12px 0 12px !important;
}
.profile-icons-top{
margin-top: 10px !important;
margin-bottom: 12px !important;
}
/* Det lille like ikon øverst i profilbillede i enkelt profil */
.profile-like-mini-img
{
position: relative;z-index:50;
}
.profile-like-mini-img img
{
position:absolute;
top: 10px;right: 10px;
height: 38px;
border-radius: 50px;overflow: hidden;
}
.profile-like-nolike{
max-height: 70px;
cursor: pointer;
}
.profile-like-nolike.left, .profile-like-nolike.right{
opacity: 0.6;
}
.profile-like-nolike.left:hover, .profile-like-nolike.right:hover{
opacity: 1;
}
.inactive{
pointer-events: none;
opacity: 0.5; /* valgfrit, for at vise det er inaktivt */
}
.profile-field-left{
color: #aaa !important;
font-weight: 500;
font-size: 14px;
text-transform:uppercase;
display: inline-block;
margin-right: 5px;
min-width: 70px;
}
.profile-field-right{
color: #fff !important;
font-size: 17px;
/*font-weight: 500;*/
}
.profile-field-right:first-letter {
text-transform: uppercase;
}
.profile-field-right li{
list-style-type: disc; /* Eller: circle, square, none, decimal, etc. */
margin: 5px 0; /* Luft mellem punkter */
padding-left: 1em; /* Ryk tekst lidt ind */
font-size: 16px; /* Tekststørrelse */
color: #eee; /* Skriftfarve */
}
.profile-field-topbtm{
border-top: 1px solid #595551;
border-bottom: 1px solid #595551;
margin: 9px 0 8px 0;
padding: 5px 0 9px 0;
}
#pictures-holder .glider-holder
{
opacity: 0.6;
}
#pictures-holder .glider-holder:hover
{
opacity: 1;
}
.profilepic-container{
border-radius: 10px;overflow: hidden;border: 2px solid #000;outline: 2px solid #493931; display: block;opacity: 0.6;
}
.profilepic-container:hover{
opacity: 1;
}
/* MAX STR PÅ BILLEDER I ENKELT PROFIL */
/*
.pictures-wrapper a{
height: 150px;
}
.viewprofilpic{
display: block;
}
*/
/* PROFILER I SØG OSV */
.profile-info-place-white{
float:left; color: #fff !important; margin-top: 3px;
}
.profile-info-text{
margin: 0 0 7px 0;
padding: 1px 0 3px 0;
color: #444;
font-size: 16px;
}
.profile-short-text{
margin: 0 0 7px 0;
padding: 1px 0 3px 0;
font-size: 16px;
}
.profile-long-text{
font-size: 16px;
color: #fff;
}
.profile-details{
font-size: 16px;
color: #fff;
}
.profile-username-big{
font-size: 26px;color: #fff;margin: 3px 0 5px 0 !important;
}
.profile-from {
font-size: 18px;
}
.highlight-text{
color: #dacfc1 !important;
}
.highlight-text2{
color: #ffcccc;
}
#profile-div{
padding-top: 4px;
margin-top: 6px;
margin-bottom: 3px;
border-top: 1px solid #ddd;
}
#profile-living{
clear: both;
font-size: 16px;
}
#profile-living img{
margin-top: -3px;
}
.profile-info-text-white{
margin: 0px 0 4px 0;
padding: 3px 0 3px 0;
color: #fff !important;
font-weight: bold;
}
/*
.zxclose{
cursor:pointer;opacity: 0.74;height: 40px;
}
.zxclose:hover{
opacity: 1;
}
*/
.profile-text-white{
color: #ccc !important;
max-height: 85px;
overflow: hidden;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 3px 0 0px 0;
padding: 3px 5px 3px 5px;
background-color: rgba(0,0,0,0.2);
margin-bottom: 6px;
}
.detalje-info {
clear: both;
float:left;
width: 110px;
font-size: 16px;
padding-top:6px;
color: #555;
}
.detalje-resultat {
font-size: 16px;
float:left;
padding-top:6px;
color: #000;
}
.picture_edit_button {
border: 1px solid #574533;
padding: 5px;
background-color:rgba(40,20,0,0.8);
font-size: 22px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
/* 4 PUNKTER PÅ MIN SIDE *------------------------------- */
.seethrough{
opacity: 0.6;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.seethrough:hover{
opacity: 0.8;
}
.shortcut_icon{
max-height: 35px !important;
vertical-align:middle;
margin: 0px 10px 3px 10px;
}
.quicktext {
color: #0f779f;
font-size: 18px;
}
/* 4 PUNKTER PÅ MIN SIDE *------------------------------- */
/* REDIGER PROFIL * ---------------------------------------- */
.profileeditbox{
margin-bottom: 15px;
margin-top: 15px;
padding: 5px 5px 0px 21px !important;
cursor: pointer;user-select: none;
border-left: 4px solid rgba(0,0,0,0.01);
}
.profileeditbox:hover{
/*background-color: rgba(0,0,0,1);*/
border-left: 4px solid #005599;
opacity: 0.9;
}
.profileeditpic{
height: 50px;margin-right: 15px;float:left;
}
.profileeditholder{height: 60px;vertical-align: middle;}
.profileeditline{display: inline;font-size: 16px;text-decoration:none !important;}
.profileeditfields{display: inline;color:#999;margin-left:10px;text-decoration:none !important;}
.profileeditimprove{display: block;color:#777;text-decoration:none !important;}
.profileeditgreen{color:#00af66;font-weight: bold;text-decoration:none !important;}
#edit-profile{
padding: 0 12px 0 12px !important;
}
#edit-profile .box-title{
margin-left: 0px;
}
/* REDIGER PROFIL * ---------------------------------------- */
/* KNAPPER ********* ------ */
.btn_mini{
height: 25px; max-width: 45px;margin-right: 4px;font-size: 14px !important; padding: 0px 5px 0px 5px !important;
}
.btn-danger{
color: #fff !important;
background: linear-gradient(to bottom, rgba(90, 10, 10, 0.9), rgba(40,0,0,1)) !important;border: 2px solid #662222 !important;color: rgba(255, 255, 255, 1) !important;
}
/*
.btn-info{
color: #fff !important;font-weight: 500 !important;box-shadow: inset 0 0 8px #000;
background: linear-gradient(to bottom, rgb(80, 67, 53), rgb(55, 44, 33), rgb(66, 55, 44), rgba(80, 68, 54, 1)) !important;border: 3px solid #493d2c !important;color: rgba(255, 255, 255, 1) !important;
}*/
.btn-info {
color: #fff !important;
font-weight: 500 !important;
background: linear-gradient(
to bottom,
#3b3027 0%, /* mørk espresso top */
#2c241d 100% /* næsten sort kaffe bund */
) !important;
border: 2px solid #241d17 !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.5);
text-shadow: 0 1px 1px rgba(0,0,0,0.7);
transition: all 0.15s ease-in-out;
}
.btn-info:hover, .btn-info:focus, .btn-info:active{
background-color: #837453 !important;color: #fff !important;
box-shadow: inset 0 0 5px #210;
border: 3px solid #c1b19a !important;
}
.btn-info .filter-option .filter-option-inner .filter-option-inner-inner{
color: #fff !important;
}
.btn-grey {
background-color: #393531 !important;
color: #aaa !important;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active {
background-color: #393531 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
opacity: 0.9;
}
.btn-check:checked + .btn-grey {
background: linear-gradient(to bottom, #605550 0%, #454035 100%);
color: #fff !important;
}
.btn-check + .btn-grey::before {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.4em;
height: 1.4em;
font-size: 1.2em; /* gør selve ikonet større */
line-height: 1; /* så det ikke skubber */
margin: 0 3px 0 -5px;
font-family: "Font Awesome 6 Free";
font-weight: 300; /* REGULAR — gennemsigtig midte */
background-color: rgba(0,0,0,0.01); /* sort baggrund */
color: #faf5f0; /* hvidt ikon */
border-radius: 3px;
vertical-align: -1px; /* hæver ikonet 2px */
}
/* Ikke valgt – transparent minus i firkant */
.btn-check:not(:checked) + .btn-grey::before {
content: "\f146"; /* fa-square-minus regular */
opacity: 0.2;
}
/* Valgt – transparent check i firkant */
.btn-check:checked + .btn-grey::before {
content: "\f14a"; /* fa-square-check regular */
opacity: 1;
}
.btn{
font-size: 16px !important;
/*border: 0px !important;*/
/*border-radius: 0px !important;*/
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.btn-lg{
font-size: 18px !important;
}
.btn-extralarge{
font-size: 18px !important;
height: 50px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #fff !important;
}
.btn-border{
border: 1px solid rgba(0,0,0,0.2) !important;
background-color: rgba(0,0,0,0.1) !important;
font-size: 17px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.btn-border:hover{
background-color: rgba(0,0,0,0.3) !important;
}
.btn-border.active{
color: #444422 !important;
background-color: rgba(250,250,210,1) !important;
border: 1px solid #335566 !important;
}
/* Side vælger - frem tilbage osv */
.btn-pages{
padding: 8px 25px 8px 25px !important;
color: #ccaa88 !important;
background-color: rgba(195,162,99,0.15) !important;width: 100%;
}
.btn:active,
.btn.active {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active{
background-color: #ccc !important;
color: #000 !important;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active{
color: #000 !important;
}
.btn-lightgrey{
background-color: #ccc !important;color: #000 !important;
}
.btn-lightgrey:hover, .btn-lightgrey:focus, .btn-lightgrey:active{
background-color: #eee !important;color: #000 !important; -webkit-box-shadow: none !important;
box-shadow: none !important;
}
.btn-border:active{
color: #335577 !important;
background-color: rgba(255,255,255,0.8) !important;
border: 1px solid #335566 !important;
}
/* Dropdown selectpicker */
.dropdownstyle{
border: 1px solid #111 !important;
background-color: #35312c !important;
color: #fff !important;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
min-height: 42px;
}
.dropdown-toggle{
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
min-height: 42px;
}
.dropdownstyle:hover, .dropdownstyle:focus, .dropdownstyle:active{
color: #fff !important;
}
.dropdownstyle:hover{
opacity: 0.75;
}
.dropdown_darker{
border-bottom: 1px solid #aaa;
font-size: 16px;
}
.dropdownstyle.btn.show,.dropdownstyle.btn.active,.dropdownstyle.btn:first-child:active, :not(.btn-check)+.dropdownstyle.btn:active{
background-color: #35312c !important;
}
/* EVENTS ******************** ------------ */
.event_holder {
height: 111px;
margin: 14px 0 5px 0;
-moz-opacity: 1;opacity: 1;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
cursor: pointer;
}
.event_holder:hover {
/*background-color: rgba(255,248,228,0.9);*/
/*background-color: #faf3e1;*/
opacity: 0.80;
}
.event_date {
background-image: url("/images_v3/calendar2.png");
background-size: auto 120px;
background-position: center;
height: 120px;
margin-top: -9px;
}
.event_date_tilmeldt {
background-image: url("/images_v3/calendar2_tilmeldt.png");
background-size: auto 120px;
background-position: center;
height: 120px;
margin-top: -9px;
}
/*
.image_container_new {
background: rgba(0, 0, 0, 0) none no-repeat scroll center top / cover ;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}*/
.event_month {
text-align: center;
color: #fff;
font-size: 17px;
padding-top: 19px;
}
.event_day {
text-align: center;
color: #333;
font-size: 32px;
padding-top: 15px;
}
.event_info {
}
.event_title {
font-size: 16px;
color: #000;
padding-top: 2px;
word-wrap: break-word;
width: 95%;
}
.event_subtitle {
padding-top: 2px;
font-size: 14px;
color: #736a4e;
}
.event_pic{
margin-top: 5px;
}
/* Forside eventet */
.event_left{
float: left;
font-size: 18px;
padding: 5px 0 5px 0;
}
.event_right {
float:right;
font-size: 18px;
padding: 5px 0 5px 0;
}
.event_thetext {
clear: both;
padding: 0 0 10px 0;
}
.row-event{
cursor: pointer;
padding-top:12px;
padding-bottom: 12px;
}
.row-event:hover{
-moz-opacity: 0.85;opacity: 0.85;
border-top: 1px solid #b2a681;padding-top:11px;
border-bottom: 1px solid #b2a681;padding-bottom:11px;
}
.event-cancelled{
-moz-opacity: 0.7 !important;opacity: 0.7 !important;
}
.event-title-cancelled{
text-decoration: line-through;
}
.event-gal-link {
margin-top: -10px;
padding-top: 10px;
margin-bottom: -10px;
padding-bottom: 10px;
margin-right: -10px;
padding-right: 10px;
font-weight: bold;
}
.event-gal-pic {
border: 0px;
margin-right: 7px;
height: 18px;
float: left;
}
.event-madeby{
float:left;
font-size: 16px;
margin-top: 3px;
margin-right: 5px;
}
.event-info-container{
}
.event-info{
clear: both;padding-top: 8px;
}
.event-info-attr{
float:left;margin-right: 10px;
}
.event-info-icon{
width: 20px; text-align: center; float: left;
}
.event-info-icon img{
height: 20px;
}
.event-info-title{
margin-left: 5px;
font-size: 16px;color: #157aa2;float: left;
}
.event-info-data{
margin-left: 5px;
font-size: 16px;color: #333;float: left;
}
.eventbtn{
margin-left: 3px !important; margin-right: 1px !important;
}
/* EVENTS ******************** ------------ */
/* SYNES GODT OM OSV.... IKONER MV ********* ------ */
.like_mini{
height: 13px; max-width: 25px;margin-top: -3px;
}
.comments_mini{
height: 13px; max-width: 25px;margin-top: -1px;
}
.like_list{
position: absolute !important;
/*border: 1px solid #000;*/
background-color: #333;
margin-top: -50px;
width: 200px;
bottom: 25px;
display: none;
color: #fff !important;
z-index: 999;
}
.commentrow{
/*background-color: rgba(29,25,21,0.4);*/
/* margin: -9px 0 -10px 0 !important;*/
padding: 0px !important;
/*border-radius: 8px;*/
}
.newcomment{
margin: 10px 7px 10px 0px !important;
}
.commentpic{
padding: 0px !important;
}
.commentgen{
font-size: 14px !important;font-weight: bold;
}
.commentmsg{
/*padding: 0 5px 0 0 !important;margin-top: -2px !important;
padding-right: 0px !important;*/
}
.commenttxt{
/*display: inline-block;*/font-size: 14px;word-wrap: break-word;margin-top: 3px;margin-bottom: 3px;padding-right:3px;
}
.comment_bot_border{
clear: both;/*border-bottom: 1px solid #393531;*/margin: 0 10px 0 10px;
}
.commenteditor .emojionearea-editor{
min-height: 3.3em !important;
}
.comment_hide{
display: none;
}
.highlightcomment{
background-color: rgba(110,130,110,0.1);
}
.comshow{
display: inline-block;text-align: center; padding: 10px; font-weight: bold;width: 100%;cursor:pointer;background-color: #000;
border: 2px solid #403734;
color: #ddd !important;
border-radius: 10px;
}
.comshow:hover{
background-color: #000;
color: #fff !important;
border: 2px solid #595551;
}
.comhidden{
display: none;
}
/* SYNES GODT OM OSV.... IKONER ********* ------ */
/* FORUM *------------------------------------------------ */
.quotes{
border: 1px solid #ddd; padding: 10px; margin: 3px;
background-color: #f0f0f0;
}
.forumrow{
margin-bottom: 15px;
}
.forum_icon{
width: 42px;
float: left;
margin-right: 10px;
}
.highlight{
background-color: #f0dcb6;
}
.forummsg{
word-wrap: break-word;font-size: 16px;line-height: 25px;
}
.forummsgpic{
max-width:35%;
max-height:200px !important;
width: auto;
height: auto;
margin-right: 10px;
margin-bottom: 10px;
float: left;
max-height: 20px;
}
.forum_holder{
white-space: nowrap;
display: inline-block;
width: 84% !important;
}
.row_forum{
cursor: pointer;
padding-top:12px;
padding-bottom: 12px;
white-space: nowrap;
}
.row_forum:hover{
-moz-opacity: 0.85;opacity: 0.85;
border-top: 1px solid #b2a681;padding-top:11px;
border-bottom: 1px solid #b2a681;padding-bottom:11px;
}
.forum_title{
font-size: 17px;
float:left;
margin-right: 7px;
}
.forum_subtitle{
font-size: 14px;
float:left;
color: #aaa;
padding-top: 2px;
}
.forum_subsubtitle{
font-size: 14px;
float:left;
color: #777;
clear: both;
width: 100% !important;
}
.forum_showmore{
text-align: center;
padding: 10px;
cursor: pointer;
font-size: 16px;
user-select: none;
}
.forum_mini_holder{
cursor: pointer;
padding-bottom: 7px;padding-top: 7px;
border-bottom: 1px solid #ece8ca;
user-select: none;
}
.forum_mini_holder:hover{
background-color: #f8f6ea;
}
.forum_mini_title{
font-size: 16px;
}
.forum_mini{
font-size: 13px;
}
.forum_search_live{
position: absolute; width: 600px;border: 1px solid #ece8ca;background: #fff;
margin-top: -16px;margin-left: 29px;
padding: 5px;display: none;z-index: 99999;
}
.forum_search_holder{
cursor: pointer;
padding-bottom: 7px;padding-top: 7px;
border-bottom: 1px solid #ece8ca;
user-select: none;padding-left: 5px;
margin-left: -5px !important;
margin-right: -5px !important;
padding-left: 10px;
}
.forum_search_holder:hover{
background-color: #f8f6ea;
border: 1px solid #ece8ca;border-top: 0px;
margin-left: -11px !important;
margin-right: -11px !important;
}
.faq_search_holder{
cursor: pointer;
padding-bottom: 7px;padding-top: 7px;
border-bottom: 1px solid #ece8ca;
user-select: none;padding-left: 5px;
margin-left: -5px !important;
margin-right: -5px !important;
padding-left: 10px;
}
.faq_search_holder:hover{
background-color: #f8f6ea;
}
.forum_likebar{
/*background-color: #f0ede1;*/
/*
border-top: 1px solid #393531;
border-bottom: 1px solid #393531;*/
margin-bottom: 0px;
margin-top: 0px;
padding-top: 6px;
padding-bottom: 6px;
opacity: 1;
}
.forum_likebar:hover{
opacity: 1;
}
.forum_search_textfound{
font-size: 14px; color: #777;width: 98%;
}
.forum_minigrey, .forum_minigrey span {
font-size: 13px;
color: #aaa;
}
/* Grupper ----------------------------------------------------------->>>> */
.groups{
margin-left: -5px !important;
margin-right: -5px !important;
}
.groupcontainer{
cursor: pointer;
padding: 5px !important;
}
.grouppic{
float: left;
width: 30%;
padding-right: 5px;
}
.groupright{
float:left;
width: 70%;
padding-top: 5px;
}
.groupicon{
float: left;
margin-right: 4px;
}
.groupicon img{
height: 19px;
}
.userIcon{
margin: 0px 3px 3px 2px;width: 20px; height: 20px;opacity: 1;
}
.grouptitle{
display: inline-block;
font-size: 17px;
width: 87%;
margin-top: -2px;
}
.groupinfo{
font-size: 14px; color: #777;/*margin-left: 28px;*/
}
.groupjoin{
clear: both;float:right;text-align: right;padding-top: 7px;
height: 40px !important;
}
.groupbtn{
background-color: #e4e4e4 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: #1c7ea4 !important;
}
.groupbtn:hover,.groupbtn:active,.groupbtn:focus{
color: #0a5470 !important;
background-color: #ccc !important;
}
.groupbtn img{
height: 27px;
}
.groupbtndark{
background-color: #596c73 !important;color: #fff !important;text-align:left !important;
}
.groupbtndark:hover,.groupbtndark:active,.groupbtndark:focus{
color: #fff !important;
opacity: 0.8;
}
#div3Random{
margin: -5px;
}
.group_description{
font-size: 16px;
}
.grouppiclg{
max-height:120px !important;
width: auto;
height: auto;
margin-right: 10px;
margin-bottom: 10px;
float: left;
}
/* Grupper ----------------------------------------------------------->>>> */
/* Nyt på SIDEN (min side) *------------------------------- */
.news_entry{
padding-left: 10px;padding-right: 10px;
border: 1px solid #393531;
border-radius: 12px;
margin-top: 30px;
}
.news_msg_photo{
/*
margin-left: 0px !important;
padding-left: 0px !important;*/
}
.news_entry_white{
}
.news_msg{
margin-left: -10px !important;padding-right: 0px !important;
}
.news_msg_holder.shortened{
height: 460px;overflow:hidden;
z-index: 1;
position:relative;
}
.news_msg_holder.shortened:after{
content: "";
position: absolute;
bottom:0;
left:0;
width:100%;
height: 80px;
z-index: 2;
background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
pointer-events: none; /* so the text is still selectable */
}
.readmore_news{
content: "";
position: absolute;
bottom:0;
width: 100%;
text-align:center;
height: 40px;
z-index: 3;
pointer-events: none; /* so the text is still selectable */
}
.readmore_news a{
pointer-events: all; /* so the text is still selectable */
cursor: pointer !important;
}
.news_text{
margin-top: 5px;font-size: 16px;line-height: 22px;
}
.news_picture{
margin-top: 10px;
}
.news_picture_comment{
margin-top: 10px;
max-width: 240px !important;
max-height: 180px !important;
}
.news_pic_wide img{
width: 100% !important;
}
.news_pic_rittersport img{
display: block;
max-width:80% !important;
}
.news_pic_tall img{
display: block;
max-width:50%;
max-height:400px;
width: auto;
height: auto;
}
.news_mini_start {
/* border: 0px dotted #e8e4d5;*/
width: 100%;
float: left;
cursor: pointer;
padding: 5px;
margin: 0px;
height: 86px;
}
.news_mini_user {
opacity: 0.6;
padding-right: 0px !important;
}
.news_mini_date {
font-size: 14px;
color: #bbb;
font-style: italic;
text-align:right;
padding-left: 0px !important;
padding-top: 3px;
}
.news_mini_pic {
/* max-height: 80px; max-width: 130px !important;float:left;
margin-left: 10px; margin-right: 5px;*/
/*margin: -10px 5px 0 5px;*/
}
.news_mini_text {
color: #666;
padding-top: 5px;
font-size: 15px;
}
.news_mini_likes {
text-align:right;
opacity: 0.6;
font-size: 13px;
padding-left: 0px !important;
padding-top: 6px !important;
}
/* Søgning */
.searchbox{
display: none;
position: absolute;
background-color: rgba(0,0,0,0.85);
border: 2px solid #333;
border-radius: 10px;
margin: 20px 0 0 20px;
/*padding: 5px 20px 20px 20px;*/
padding: 0px;
z-index: 10;
min-width: 340px;
width: 500px;
}
.searchbox-uparrow{
display: inline-block;
position: absolute;
margin: -24px 0 0 70px;font-size: 26px;color: #555;
}
.searchtab{
color: #bbb;padding: 11px 0 8px 0;text-align:center;font-size: 17px;cursor: pointer;
}
.searchrd1{border-radius: 7px 0 0 0;}
.searchrd2{border-radius: 0 0 0 0;}
.searchrd3{border-radius: 0 7px 0 0;text-align: right;}
.searchtab-selected{
background-color: rgba(10, 50, 80, 0.8);
border-bottom-width: 0px;color: #fff;box-shadow: inset 0 0 10px #000;font-weight: bold;
}
#minimum_alder { width: 45px; float: left; display: block; }
#maximum_alder { width: 45px; float: left; display: block; }
.slider-range { width: 315px; float: left; margin: 10px 15px 0 15px; }
.ui-widget-header { background-color: #8cb8a4 !important; background-image: none !important;}
.youtube-player {
position: relative;
padding-bottom: 56.23%;
/* Use 75% for 4:3 videos */
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin-top: 5px;
}
.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
.youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}
.youtube-player img:hover {
-webkit-filter: brightness(75%);
}
.youtube-player .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
position: absolute;
background: url("/images_v3/TxzC70f.png") no-repeat;
cursor: pointer;
}
.play-mini {
height: 44px;
width: 44px;
margin-left: 40px;
margin-top: 15px;
position: absolute;
background: url("/images_v3/TxzC70f.png") no-repeat;
background-size: cover;
cursor: pointer;
}
.newprotxt{
min-height: 22px !important;margin-left: -4px;
}
/* Nyt på SIDEN (min side) *------------------------------- */
.StatusMessage .emojionearea-editor{
min-height: 5em !important;
}
/* TABEL HACKS *------------------------------- */
.tablestart{
display: table;width: 100%;
}
.tablerow{
display: table-row;
}
.tablecell{
display: table-cell;
text-align: center !important;
vertical-align: middle;
margin: 0px 10px 0px 10px;
}
.tablecontent{
width: 100% !important;
height: 100% !important;
/* border: 1px solid #000;*/
}
/***** SLIDER PÅ MIN SIDE ******/
.anew_holder{
width: 100%; height: 80%;text-align:center;cursor:pointer;display: none;position:absolute;
/*background: linear-gradient(#fff, #fff, #fff, #e5f0f7,#f5fafd,#fff );*/
}
.anew_holder:hover{
opacity: 0.9;
}
.anew_pic{
width: 100%; height: 60px;margin-top: -10px;padding: 0px !important;background-color: #8e7c70;
}
.anew_important{
background-color: #8c360c;
}
.anew_plusimportant{
background-color: #345079;
}
.anew_pic img{
height: 50px;padding-top: 10px;margin: 0 auto;
}
.anew_title{
margin-top: 10px;font-weight: bold; padding: 0 10px 0 10px;
}
.anew_text{
margin-top: 2px;padding: 0 10px 0 10px;line-height:22px;min-height: 44px;
}
.anew_link{
margin-top: 10px;min-width: 200px;max-width:80%;color:#ffffff !important;
}
.anew_footer{
height: 20%;width:100%;clear: both !important;position:absolute;bottom:0px;padding-top:10px;padding-right: 5px;text-align:right;
}
.anew_circle_hold{
padding: 7px;cursor:pointer;opacity: 0.5;display: inline-block;
}
.anew_circle_hold:hover{
opacity: 0.95;
}
.anew_circle{
background: #fff;border: solid 2px #000;
width: 16px;
height: 16px;
border-radius: 50%;
}
.anew_circle_filled{
background: #000;
width: 16px;
height: 16px;
border-radius: 50%;
}
/* Her laver vi så row felterne er lige store */
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.row-eq-height-lg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.row-eq-height-md-lg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/* PROFILBILLEDE VISNINGER */
.image_parent_16_9 {
box-sizing: border-box;
overflow: hidden;
padding: 28.12% 50%;
position: relative;
/*text-align: center;*/
width: 50%;
}
.image_parent {
box-sizing: border-box;
overflow: hidden;
padding: 45% 50%;
position: relative;
width: 20%;
}
.image_container_new {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
background: rgba(0, 0, 0, 0) none no-repeat scroll center top / cover;
}
.image_container_newer {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
background: center top / cover no-repeat;
will-change: transform;
touch-action: none;
cursor: grab;
user-select: none;
}
.image_parent_video {
box-sizing: border-box;
overflow: hidden;
padding: 32% 50%;
position: relative;
text-align: center;
width: 50%;
}
/* CSS TIL PROFILVISNING - MED DRAG VENSTRE/HØJRE/OP/NED */
.image_current {
z-index: 4;
}
.image_next {
z-index: 2;
}
.image_hint_arrow {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
font-size: 24px;
opacity: 0;
z-index: 5;
transition: opacity 0.5s ease;
pointer-events: none;
}
.image_stack.animate_hint .image_hint_arrow {
opacity: 1;
}
.image_stack.animate_hint .image_next {
transition: transform 0.6s ease;
transform: translateY(90%);
}
.like_box, .dislike_box {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
padding: 10px;
display: flex;
align-items: center;
color: white;
font-weight: bold;
font-size: 1.1em;
pointer-events: none;
will-change: transform;
z-index: 3;
transition: transform 0.2s ease;
}
.like_box {
left: 0;
background: #226622;
transform: translateX(-100%);
justify-content: right;
text-align: right;
}
.like_box::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 100%;
background: linear-gradient(to left, rgba(10,30,10,0.4), transparent);
z-index: 2;
pointer-events: none;
}
.dislike_box {
right: 0;
background: #662222;
transform: translateX(100%);
}
.dislike_box::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 100%;
background: linear-gradient(to right, rgba(0,0,0,0.4), transparent);
z-index: 2;
pointer-events: none;
}
.image_dots {
position: absolute;
bottom: 6px;
right: 6px;
display: flex;
flex-direction: column;
gap: 4px;
z-index: 4;
}
.image_dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(255,255,255,0.5);
transition: all 0.2s ease;
border: 1px solid #ccc;
}
.image_dot.active {
height: 16px;
background: rgba(255,255,255,0.9);
}
.image_container_new_rounded {
border-radius: 18px 0 0 18px;
overflow: hidden;
}
#ajax-profiles .image_container_new_rounded {
border-right: 1px solid #444;
}
.start_element .image_container_new_rounded{
border-radius: 16px 16px 0 0;
}
.unread {
background-color: rgba(0, 0, 125, 0.1) !important;
color: #000000;
}
.read {
background-color: rgba(0, 0, 0, 0.1) !important;
color: #000000;
}
.read .gender_male, .unread .gender_male {
color: #085d8c !important;
}
.read .gender_female, .unread .gender_female {
color: #c42e2f !important;
}
.read .gender_couple, .unread .gender_couple {
color: #c4692a !important;
}
.gotFocus {
background-color: rgba(0, 0, 0, 0.3) !important;
color: #FFFFFF !important;
}
.gotFocus .gender_male, .gotFocus .gender_female, .gotFocus .gender_couple, .gotFocus .text-left, .gotFocus .shortMSG_1 {
color: #FFFFFF !important;
}
.fileUpload input.upload {
cursor: pointer;
font-size: 20px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
}
.wrapit {
white-space: nowrap !important;
}
#resetFile {
display: none;
visibility: hidden;
}
#youtube_attachment {
display: none;
visibility: hidden;
}
/* Video Wrapper */
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.autogrowSettings {
resize: none;
overflow: hidden;
min-height: 50px;
max-height: 100px;
}
.writeMessageForm2 {
margin-top: 0px !important;
}
.labeltext {
/* font-size: 12px;*/
}
/* Slet bruger steps */
#delStep0 {
display: block;
visibility: visible;
}
#delStep1 {
display: block;
visibility: visible;
}
#delStep2 {
display: none;
visibility: hidden;
}
#delStep201 {
display: none;
visibility: hidden;
}
#delStep202 {
display: none;
visibility: hidden;
}
#delStep203 {
display: none;
visibility: hidden;
}
#delStep3 {
display: none;
visibility: hidden;
}
#addBlokering {
display: none;
visibility: hidden;
}
#mysearchform div[class^="col"]{padding-top:7px; padding-bottom: 7px;}
.BootContent {
}
.whiteBox {
/* height: 100%;*/
/*background: rgba(0,0,0,0.2);
border: 1px solid rgba(0,0,0,0.4);*/
padding-top: 5px;
padding-bottom: 10px;
}
.bluebox {
background: #1390c1;
color: #FFFFFF;
}
.centerimage {
margin-left: auto;
margin-right: auto;
display: block;
}
.border-gradient {
border: double 3px transparent;
border-radius: 20px;
background-origin: border-box;
background-clip: content-box, border-box;
}
.badge_active
{
float:left;
border: 2px solid #114411;
border-radius: 12px;
padding: 1px 4px 1px 6px;
margin: 6px;
opacity: 0.6;
background-color: rgba(0,40,0,0.8);
font-size: 12px;color: #55aa55;
letter-spacing: 0.1rem;
}
.border-gradient:hover {
}
.border-gradient-purple {
border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}
.border-gradient-green {
border-image-source: linear-gradient(to left, #00C853, #B2FF59);
}
.border-gradient-fesen {
background-clip: content-box, border-box;
background-image: linear-gradient(black, black),
repeating-linear-gradient(to right, #222 0%,#222 100%) !important;
}
.border-gradient-grey {
background-clip: content-box, border-box;
background-image: linear-gradient(black, black),
repeating-linear-gradient(to right, #666 0%, #999 8%, #555 18%, #666 27%, #777 35%, #aaa 40%, #999 50%, #777 58%, #888 67%, #777 77%, #aaa 83%, #777 88%, #666 93%, #444 100%) !important;
}
.border-gradient-gold {
background-clip: content-box, border-box;
background-image: linear-gradient(black, black),
repeating-linear-gradient(to right, #805221 0%, #be8c3c 8%, #bb9955 18%, #866e32 27%, #998850 35%, #bbaa77 40%, #aaaa55 50%, #be8c3c 58%, #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, #b19443 93%, #805221 100%) !important;
}
#ajax-profiles{
padding: 10px 5px 0 8px !important;
}
.profilboks {margin-top: 20px !important;}
.profileshowcase {
-moz-opacity: 1;opacity: 1;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
cursor: pointer;
user-select: none;
box-shadow: inset 2px 2px 2px rgba(0,0,0,1);
}
.profileshowcase_info{padding: 7px;}
.profileshowcase_username {
font-size: 18px;color: #fff;
}
.profileshowcase_age {
font-size: 18px;color: #fff;padding-top: 2px;float: right; padding-right: 10px !important;text-align: end;margin-left: -5px !important;
}
.lookfor {
font-size: 14px;color: rgba(250,250,250,0.35);float:left;
}
.profileshowcase_left {
display: inline-block; font-size: 15px;color: #777;
}
.profileshowcase_right {
display: inline-block; font-size: 15px;color: #aaa;padding-left: 10px;
}
.dividerline{
/*
border-bottom: 1px solid #e8e4d5;
margin-top: 3px; margin-bottom: 3px;
*/
background-color: #ccc;
padding: 1px;
margin: 8px 0px 8px 0px;
background-image: linear-gradient(black, black),
repeating-linear-gradient(to right, #666 0%, #999 8%, #555 18%, #666 27%, #777 35%, #aaa 40%, #999 50%, #777 58%, #888 67%, #777 77%, #aaa 83%, #777 88%, #666 93%, #444 100%);
/*
background: linear-gradient(
45deg,
#000 0%,
#444 5%,
#aaa 10%,
#666 30%,
#777 50%,
#666 70%,
#999 80%,
#333 94%,
#000 100%
);*/
}
.profileshowcase_online {
float:right;width: 16px;margin:6px;
}
.like_badge{
float:right;height: 26px;margin: 6px;
}
.browntext{
min-height: 55px !important;
color: #aaa !important;
font-size: 15px;
}
.profileshowcase_list {
padding: 5px 10px 5px 10px !important;
-moz-opacity: 1;opacity: 1;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
cursor: pointer;
user-select: none;
}
.profileshowcase_list_fixed {
margin: 0px 0 0px 0;
padding: 10px !important;
-moz-opacity: 1;opacity: 1;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
/*cursor: pointer;*/
user-select: none;
border-top: 3px solid #221915;
border-bottom: 3px solid #221915;
}
.profileshowcase_list_fixed:hover {
/*padding: 9px 10px 9px 10px !important;*/
/*background-color: #f7efda !important;*/
}
/*
.profileshowcase_list_fixed:nth-child(odd) {
background-color: #f3f1eb;
}
*/
.profileshowcase_nofade {
border: 1px dashed #e8e4d5;
-moz-opacity: 1;opacity: 1;
}
.profileshowcase:hover {
-moz-opacity: 0.85;opacity: 0.85;
}
.profileshowcase_list:hover {
padding: 10px !important;
/*background-color: #faf3e1;*/
border-top: 1px dashed #d4ceb5;
border-bottom: 1px dashed #d4ceb5;
-moz-opacity: 0.85;opacity: 0.85;
}
.wrapit {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.wrap5liner {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 22px;
height:110px;
}
.wrap3liner {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 22px;
height:66px;
}
.wrap2liner {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.wrap_anew {
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
max-height: 48px;
}
.user_white {
color: #fff !important;
padding-left: 3px;
padding-top: 2px;
font-size: 18px;
display: inline-block;
float: left;
}
.user_white_mini {
color: #fff !important;
padding-left: 3px;
padding-top: 2px;
font-size: 16px;
display: inline-block;
}
.gender_maxwidth{
max-width: 270px !important;float:left;
display: inline-block;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.gender_maxwidth_small{
max-width: 146px !important;
float:left;
display: inline-block;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
margin-right: -5px;
}
.gender_maxwidth_smaller{
max-width: 146px !important;
float:left;
display: inline-block;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
margin-right: -5px;
}
.gender_male, .gender_male a {
color: #88bdda !important;
padding-left: 3px;
padding-top: 2px;
font-size: 16px;
display: inline-block;
}
.gender_female, .gender_female a {
color: #e68787 !important;
/*
padding-left: 3px;
padding-top: 2px;
font-size: 16px;
display: inline-block;*/
}
.gender_couple, .gender_couple a {
color: #e3ad88 !important;
/*
padding-left: 3px;
padding-top: 2px;
font-size: 16px;
display: inline-block;*/
}
.gender_male_color, .gender_male_color a {
color: #88bdda !important;
}
.gender_female_color, .gender_female_color a {
color: #e68787 !important;
}
.gender_couple_color, .gender_couple_color a {
color: #e3ad88 !important;
}
.gender_male_col, .gender_male_col a, .gender_male_col a:hover {
color: #88bdda !important;
/*
padding-left: 3px;
padding-top: 2px;
font-size: 16px;
text-decoration: none !important;
user-select: none;*/
}
.gender_female_col, .gender_female_col a, .gender_female_col a:hover {
color: #e68787 !important;
/*
padding-left: 3px;
padding-top: 2px;
font-size: 16px;
text-decoration: none !important;
user-select: none;*/
}
.gender_couple_col, .gender_couple_col a, .gender_couple_col a:hover {
color: #e3ad88 !important;
/*
padding-left: 3px;
padding-top: 2px;
font-size: 16px;
text-decoration: none !important;
user-select: none;*/
}
#supportFormFrame {
display: none;
visibility: hidden;
}
/* Carousel Hack */
.controlNoBG {
background-image: none !important;
background: none !important;
color: #59a8c7 !important;
}
/* PAGINATION - Paginering */
.pagination_parent /* rammen */
{
text-align:center;/*background-color: #fff;*/
background-clip: padding-box;
margin-left: -10px;margin-right: -10px !important;
}
.pagination /* rammen */
{
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 4px;
background-clip: padding-box;
border-radius: 0px !important;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
display: inline-block !important;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination>li {
display: inline !important;
}
.pagination-title /* titlen */
{
display: block; float: left; font-size: 17px; padding: 7px;color: #000000;margin-right: 5px;
border: 0px !important;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination li a /* elementet */
{
text-decoration: none;
background-color: #1390c1 !important;
border: 0px !important;
font-size: 18px;
color: #fff !important;
width: 36px !important;
padding-left: 0px !important; padding-right: 0px !important; text-align:center !important;
margin-left: 1px !important; margin-right: 1px !important;
/* display:block;*/
}
.pagination li a:active /* elementet */
{
background-color: #fff !important;
color: #066488 !important;
border: 0px !important;
}
.pagination li a:hover /* elementet */
{
background-color: #fff !important;
color: #066488 !important;
border: 0px !important;
}
.pagination li.active a
{
background-color: #fff !important;
color: #066488 !important;
border: 0px !important;
}
.pagination_round li a {
border-radius: 1em !important;
margin: 0 1px 0 1px !important;
}
.pagination > li:nth-child(2) > a, .pagination > li:nth-child(2) > span {
margin-left: 0;
border-bottom-left-radius: 0px !important;
border-top-left-radius: 0px !important;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
}
/* SHINY BUTTONS */
:root {
--system-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--fontPoppins: 'Poppins', sans-serif;
--borderRadius: 3.125rem;
--borderRadius: 0.678em;
}
/* ROOT STYLES FOR VARIABLES */
/* PAGE RESET STYLES */
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: 0.063em solid rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
.button-shiny {
position: relative;
display: inline-block;
padding: .718rem 1.618rem;
color: rgba(255, 255, 255, 1);
letter-spacing: 1px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 -1px 2px rgba(0, 0, 0, 0.2);
background: rgba(67, 67, 67, 1);
border: 3px solid rgba(0, 0, 0, .35);
border-bottom: 3px solid rgba(0, 0, 0, .45);
border-radius: var(--borderRadius);
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.1),
0 1px 0 rgba(255, 255, 255, 0.25) inset,
0 0 0 rgba(0, 0, 0, 0.5) inset,
0 1.10em 0 rgba(255, 255, 255, 0.04) inset,
0 -1.10em 1.25em rgba(0, 0, 0, 0.42) inset,
0 1.10rem 1.25em rgba(255, 255, 255, 0.05) inset,
0 1.10em 6px rgba(255, 255, 255, .01) inset;
transition: all 150ms linear 0s;
/* text-transform: uppercase;*/
font-family: var(--fontPoppins);
font-weight: 600;
text-align: center;
text-decoration: none;
margin: 0.618rem;
/* solution fixes border radius issue, uses a clever margin overflow style */
/*
overflow: clip;
overflow-clip-margin: content-box;
*/
overflow: hidden;
background-repeat: no-repeat;
background-size: 110% 120%;
background-position: center center;
}
.button-shiny:hover {
border-bottom: 4px solid rgba(0, 0, 0, .55);
cursor: pointer;
text-decoration: none;
box-shadow:
0 5px 6px rgba(0, 0, 0, 0.16),
0 1px 0 rgba(255, 255, 255, 0.25) inset,
0 0 0 rgba(0, 0, 0, 0.25) inset,
0 20px 0 rgba(255, 255, 255, 0.04) inset,
0 -20px 20px rgba(0, 0, 0, 0.32) inset,
0 20px 20px rgba(255, 255, 255, 0.07) inset;
}
.darkTheme .button-shiny:hover {
border-bottom: 3px solid rgba(0, 0, 0, .55);
cursor: pointer;
text-decoration: none;
box-shadow:
0 5px 6px rgba(0, 0, 0, 0.45),
0 1px 0 rgba(20, 20, 20, 0.35) inset,
0 0 0 rgba(0, 0, 0, 0.45) inset,
0 20px 0 rgba(255, 255, 255, 0.04) inset,
0 -20px 20px rgba(0, 0, 0, 0.42) inset,
0 20px 20px rgba(255, 255, 255, 0.07) inset;
}
.button-shiny:active {
border-bottom: 0px solid rgba(0, 0, 0, .55);
box-shadow:
1px 1px 1px rgba(255, 255, 255, .85),
0 1px 0 rgba(255, 255, 255, 0.25),
0 1px 0 rgba(255, 255, 255, 0) inset,
0 0 5px rgba(0, 0, 0, 0.4) inset,
0 20px 0 rgba(255, 255, 255, 0.03) inset,
0 -20px 20px rgba(0, 0, 0, 0.25) inset,
0 20px 20px rgba(255, 255, 255, 0.05) inset;
-webkit-filter: saturate(120%);
filter: saturate(120%);
}
.darkTheme .button-shiny:active {
border-bottom: 0px solid rgba(0, 0, 0, .62);
box-shadow:
1px 1px 1px rgba(255, 255, 255, .1),
0 1px 0 rgba(255, 255, 255, 0.25),
0 1px 0 rgba(255, 255, 255, 0) inset,
0 0 5px rgba(0, 0, 0, 0.4) inset,
0 20px 0 rgba(255, 255, 255, 0.03) inset,
0 -20px 20px rgba(0, 0, 0, 0.25) inset,
0 20px 20px rgba(255, 255, 255, 0.05) inset;
-webkit-filter: saturate(120%);
filter: saturate(120%);
}
/*
.button-shiny:before {
content: "";
display: block;
position: absolute;
border-radius: inherit;
background: -moz-linear-gradient(left,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 100%
);
background: -webkit-gradient(linear,
left top,
right top,
color-stop(0%, rgba(255, 255, 255, 0)),
color-stop(50%, rgba(255, 255, 255, 1)),
color-stop(100%, rgba(255, 255, 255, 0))
);
background: -webkit-linear-gradient(left,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 100%
);
background: linear-gradient(left,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 100%
);
padding: 0px 12px;
top: 0;
left: 9%;
height: 1.5px;
width: 50%;
box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2);
opacity: .6;
transition: all 150ms ease-in-out 0s;
}
.button-shiny:after {
content: "";
display: block;
position: absolute;
border-radius: inherit;
background: -moz-linear-gradient(left,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 100%
);
background: -webkit-gradient(linear,
left top,
right top,
color-stop(0%, rgba(255, 255, 255, 0)),
color-stop(50%, rgba(255, 255, 255, 1)),
color-stop(100%, rgba(255, 255, 255, 0))
);
background: -webkit-linear-gradient(left,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 100%
);
background: linear-gradient(left,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 50%,
rgba(255, 255, 255, 0) 100%
);
padding: 0px 12px;
bottom: 0;
right: 12%;
height: 1.5px;
width: 40%;
box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2);
opacity: .2;
transition: all 150ms ease-in-out 0s;
}
*/
.button-shiny:active:before,
.button-shiny:hover:active:before,
.button-shiny:active:after,
.button-shiny:hover:active:after {
opacity: 0;
}
.button-shiny:hover:before {
left: 45%;
opacity: 1;
}
.button-shiny:hover:after {
right: 55%;
opacity: .3;
}
.button-shiny:hover .shine,
.button-shiny:active .shine {
animation-play-state: paused;
opacity: 0;
}
.button-shiny.gray {
background: rgba(85, 85, 85, 1);
background-repeat: no-repeat;
background-size: 110% 120%;
background-position: center center;
}
.button-shiny.dark-gray {
background: rgba(51, 51, 51, 1);
background-repeat: no-repeat;
background-size: 110% 120%;
background-position: center center;
}
.button-shiny.red {
background: rgba(255, 0, 0, 1);
background-repeat: no-repeat;
background-size: 110% 120%;
background-position: center center;
}
.button-shiny.dark-red {
background: rgb(171, 19, 19);
background: rgb(190, 19, 19);
background-repeat: no-repeat;
background-size: 110% 120%;
background-position: center center;
}
.button-shiny.dark-red:hover {
color: #fff;
}
i{
color:#fbefd6 !important;}
/* ------ CSS EFTER STØRRELSE */
@media (min-width: 1px) and (max-width: 768px)
{ /* Kun mobiler og tablets */
#notifications, #settings{
position: fixed;
float:right;
top:73px;
right: 0px;
}
.notification_icon{
top: 15px; bottom: auto;right: 75px;
z-index:999;
position: fixed;
}
.me_icon{
position: fixed;
top: 15px;
right: 15px;
z-index: 999;
}
#navbar .nav-link {
flex: 1; /* giver alle links samme bredde */
text-align: center; /* centrerer indholdet i hvert link */
}
#navbar .menu-icon {
margin: 0 auto;
}
#navbar .container {
display: flex;
justify-content: space-evenly; /* ens afstand til venstre/højre */
}
.nav-link {
display: flex;
align-items: center; /* lodret centrering */
justify-content: center; /* vandret centrering */
border-radius: 10px;
padding: 6px !important; /* juster efter behov */
}
.nav-link img.menu-icon {
display: block;
margin: 0 auto;
}
.nav-link.active {
background-color: #133260 !important;
box-shadow: inset 0 0 4px rgba(0,0,0,0.7); /* indvendig skygge */
}
/* Luft kun til venstre for første link */
#navbar .nav-link:first-of-type {
margin-left: 10px;
}
/* Luft kun til højre for sidste link */
#navbar .nav-link:last-of-type {
margin-right: 10px;
}
#errormessage, #confirmmessage{
margin-left: 0px;
margin-right: 0px;
}
#messageShowBox{
width: 100% !important;
padding: 20px !important;
}
.profile-like-mini-img img
{
height: 32px;
}
/* Fjern streg ved SØGER og INTERESSERET I på profilvisning under MD */
.profile-field-topbtm{
border-top: 0px;
}
#ajax-profiles .image_container_new_rounded{
border-radius: 18px 18px 0 0;
border-right: 0px;
}
.glider-prev{
display: none;
}
.glider-next{
display: none;
}
.draggable{
padding-bottom: 10px;
}
.dots{display:none !important;}
#testmode{top: 30px;right: 90px;}
#bodyID {
margin: 0px ; padding: 0px !important;
padding-bottom: 140px !important;
padding-top: 5px !important;
min-height: 100%;
position: relative;
height: auto;
overflow-x: hidden;
}
/* MENU I BUND */
.navbar{
top: auto;
bottom: 0;
}
.navbar_scroll_up{
height: 60px !important;visibility: visible;
}
.navbar_scroll_down{
height: 0px !important;visibility: hidden;
}
.me_scroll_up{
visibility: visible;
}
.me_scroll_down{
visibility: hidden;opacity: 0;top: -50px;
}
.notification_scroll_up{
visibility: visible;
}
.notification_scroll_down{
visibility: hidden;opacity: 0;top: -50px;
}
/*
.notification_scroll_down img{
opacity: 0;
}
.navbar_scroll_down .menu-icon{
opacity: 0;
}
*/
.sellpoints img{ /* De 3 sellpoint billeder */
max-width: 130px;
}
.menuholder{
border-left: 0px;
text-align: left;
padding: 10px;line-height: 30px;
color: #bbae95;
font-size: 12px;
}
.menuholder a{
display: inline-block;
padding-right: 20px;font-size: 12px;
}
.ui-slider .ui-slider-handle{
top: -10px !important;
width: 32px !important;height: 32px !important;
}
#notifications{
/*top:-3px;right:4px;*/
}
.vip_title{
font-size: 24px;margin-top: 13px;
}
.vip_subtitle{
font-size: 15px;margin-top:9px;
}
#phonetext2{
font-size: 14px !important;
}
#fullscreen_hold {
clear: both;
top: 0px;
width: 99%;padding-left: 0px !important;padding-right: 0px !important;
max-width: 100%;
z-index: 100003 !important;
}
#fullscreen_div {
z-index: 100003 !important;
}
#mobile_closer{
display: block !important;
position: fixed; top: 0px; right:1%; background-color: rgba(0,0,0,0.8);z-index:999999;border: 1px solid #999;opacity: 0.7;
}
#mobile_closer:hover{opacity: 1;}
#mobile_closer >a> img{
width: 54px;height: 54px;padding: 5px;
}
#criteria{
display:none;
padding-top: 10px;
}
.create_title{
text-align:left !important; margin-bottom: 5px;padding-top: 0px;
}
.bxn1{width:128px !important;}
.bxn2{width:82px !important;}
.bxn2a{width:72px !important;}
.bxn2b{width:92px !important;}
.bxn2c{width:82px !important;}
.btnx3{width:265px !important;}
.create_fields{padding-right: 0px !important;}
#salespitch{
line-height: 24px !important;
}
#fullscreen_hold{
width: 98%;padding-left: 0px;
}
.profile-text-white{
margin-bottom: 8px;
}
.create_postcode{
font-size: 16px;color: #fff !important;padding:7px;height:40px;
float:left;margin-left: 10px;
/*overflow:hidden;white-space: nowrap;*/
border: 1px solid rgba(0,0,0,0.1);
/*text-align:center;*/
font-size: 17px;
}
.myBoxHeight {
height:100%; height: 235px;
}
.weg3322{padding-right:10px !important;margin-bottom:10px; }
.row-eq-height {
display: block;
}
.wrap_anew {-webkit-line-clamp: 2;}
.anew_text {min-height: 44px;margin-top: 10px;}
.leftmobile{text-align:left !important;padding-left: 20px !important;margin-right: -20px;line-height: 28px;margin-top: -5px;}
.news_text{
margin-top: 0px;
}
.gender_maxwidth{
max-width: 200px !important;
}
.gender_maxwidth_small{
max-width: 100px !important;
}
.gender_maxwidth_smaller{
max-width: 100px !important;
}
.breakmobilez{
display: block !important;
clear: both;
margin-top: 3px !important;
}
.WriteUs{
float:right !important;text-align:right !important;
}
#phonetext{
font-size: 23px !important;padding-left:5px;
}
#supportcontainer img{
display: none;
}
.halfpadding_pro{
padding: 0 10px 0 10px !important;
margin: 0px !important;
}
#mainbody{
}
#overview_overlord
{
padding-right:10px !important;
padding-left: 20px !important;
}
#mobile_menu{
height: 44px !important;line-height: 44px;margin-left:-10px;margin-right:-10px;
}
.mainnav li {
height: 44px !important;width: 20%;display: inline-block;vertical-align: middle;float:left;
}
#header li a {
padding-top: 11px;height:100%;height: 44px !important;
padding-bottom: 11px;
text-align: center;
width: 100%;
}
/* .mail_count, .notification_count, .settings_count {right: 26px;}*/
.header_scroll{
height: 44px !important;
}
.mobi_icon {
height: 22px;
}
.mologo {
height: 24px;
margin: -1px;
}
#header {
height: 44px !important;padding-left: 0px;
}
.logo {
margin-top: -5px;margin-bottom: -5px;height: 32px;margin-left: -10px;
}
.dividar{
display: none;
}
.container{
padding: initial !important;
}
.notioptsub{
display: inline !important;
}
.overview{
overflow: auto !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
.moptions{
display: block !important;
}
/* POST */
.mail_container{
top: 70px !important;width: 100%;
}
#thread_overlord{
padding-left: 10px !important;width:100%;margin: 0px !important;
/*padding-right: 0px !important;*/
height: 100%;
border: 0px;
}
#settingsIconRight {
margin-right: 15px;
}
#thread_user {
background-color: inherit;
margin: 0 0 10px -10px;
padding: 6px 0 0 0;
height: 47px;
}
#settingsIconRight {
/*
position: fixed;
right: 5px;
top: 125px;*/
}
/*
#thread_white{
border: 1px solid #ece8ca !important;padding-top: 3px;padding-left: 0px !important;
}
*/
#thread{
/* overflow-y: auto;*/
}
#thread_parent{
padding-bottom: 193px;
}
#thread_blocked{
margin: -3px 0 0 -3px;padding: 0px;display: none;
}
#thread_deluser{
margin: -3px 0 0 -3px;padding: 0px;display: none;
}
#closemail{
position: absolute;z-index:99;right: 24px;top: 1px;background-color: #fff;
opacity: 0.5;
}
#closemail:hover{
opacity: 1;
}
#thread_write{
height: 170px;
border-top: 0px;
margin-left: 0px;
/*background-color: #ddd;*/
padding: 0 10px 0 3px !important;
}
#thread_write_ajax{
/*height: 255px;padding-top:10px;*/padding-left: 10px;
}
/*
#thread_emojione > #MsgSave > .emojionearea > .emojionearea-editor {
height: 80px !important;
max-height: 80px !important;
min-height: 80px !important;
}*/
/* STØRRELSE OSV PÅ SKRIVEBOKSEN I MOBIL/TABLET MODE */
#thread_write .icon_midi {
position: absolute;
margin-top: -68px;
margin-left: -7px;
z-index: 99999;
height: 30px;
}
#thread_emojione #MsgSave .emojionearea{
height: 65px !important;
max-height: 65px !important;
min-height: 65px !important;
width: 74%;
margin-left: 35px;
display: inline-block;
}
/* Nope - ikke i ajax udgaven af post */
.ajax-post{
margin-left: 0px !important;
/*margin-top: 30px;*/
width: 100% !important
}
.msgSendBTN.ajax-post{
margin-left: 0px !important;
margin-top: 10px;
width: 100% !important;
height: 50px !important;font-weight: normal !important; font-size: 18px !important;
}
#thread_emojione .emojionearea .emojionearea-editor
{
width: 100%;
height: 60px !important;
max-height: 60px !important;
min-height: 60px !important;
}
.msgSendBTN
{
height: 65px; width: 15%; float:right;font-size: 24px !important;padding: 0 0 7px 0 !important;
}
#thread_write_ajax > div > #thread_emojione > #MsgSave > .emojionearea > .emojionearea-editor
{
height: 190px !important;
max-height: 190px !important;
min-height: 190px !important;
}
#thread_write_ajax > div > #thread_emojione > #MsgSave > .emojionearea {
height: 195px !important;
max-height: 195px !important;
}
#msgpic1, #msgyou1{margin-top: 3px;margin-bottom: 8px;}
#msgpic1 .icon_midi{height: 32px !important}
#thread_emojione{}
.emojionearea-editor:focus::before{
content:none !important;
}
.hide_mobile{
display: none;
}
.moptions{
}
.setw{
padding-top: 15px; padding-bottom: 15px;
}
.sm-md-lg-padzero{
padding-left: 10px !important;
}
.commenteditor{
padding-left: 15px !important;
}
.marginleftnomini{
margin-left: 0px !important;padding-right: 10px !important;
}
#supportBtn{
text-align: left !important;
width: 100%;
padding-left: 37px !important;
padding-top:10px !important;
}
#supportBtn{
text-align: left !important;
width: 100%;
padding-left: 37px !important;
padding-top:10px !important;
}
#supportcontainer{
margin-top: 5px !important;
}
#iconphone{
height: 30px;
}
.vcenter_fullscreen{
position: relative !important;
}
.forum_search_live{
width: 450px;
}
.clearallxssm{
clear: both;
margin-top: 10px !important;
}
#topnav {
display: block;
visibility: visible;
}
.topMargin {
margin-top: 15px;
}
.videoPlay {
position: absolute;
z-index: 10;
font-size: 40px;
left: -25px;
color: #FFFFFF;
opacity: 0.7;
text-shadow: 0 0 10px #000;
-moz-text-shadow: 0 0 10px #000;
-webkit-text-shadow: 0 0 10px #000;
}
.profilboks {
/*margin-top: 15px !important;*/
}
.quicktext {
display: block;
}
.icon_center {
position: absolute;
left: 30%;
}
.autogrowSettings2 {
height: 125px !important;
}
.row-eq-height-md-lg {
display: initial;
}
.row-eq-height-lg {
display: initial;
}
}
@media (min-width: 1px) and (max-width: 400px) { /* Små mobiler */
.subtext{ /* Stor salgstekst */
font-size: 22px;
}
.vip_title{
font-size: 21px;margin-top: 13px;
}
.vip_subtitle{
font-size: 13px;margin-top:9px;
}
.clearallxssm{
clear: both;
margin-top: 10px !important;
}
.slider-range { width: 30%; float: left; margin: 13px 15px 0 15px; }
.logo_text{
font-size:17px;
}
#thread_emojione #MsgSave .emojionearea{
width: 72%;
}
.msgSendBTN{
width: 15%;
}
}
/* XS --- XTRA SMALL --- < 576px */
@media(max-width: 575px)
{
.form-group.row{margin-top: -10px !important;}
.msgoverviewrow .userIcon{
width: 14px !important;
height: 14px !important;
}
.mobile_margin{
margin-bottom: 5px !important;margin-top: 10px !important;
}
#thread_emojione{padding-right: 20px;}
#ajax-profiles .browntext, #ajax-profiles .dividerline { display: none !important;}
#ajax-profiles .profilboks {margin: 10px -8px 0 0px !important;padding-right: 5px !important;}
/* Søgning */
.searchbox{
width: 90%;
}
#nosetitle{
display: none;
}
#nosemid{
margin-left: 0px;width:auto;padding-left: 20px;padding-right:10px;
}
#noselink{
padding-right:10px;width: 120px;
}
#YoutubeLink{
max-width:185% !important;
}
.rightmini{
float:right;
}
.fixformobile{
display: block;
clear: both;
margin-bottom: 5px;
margin-left: 10px;
padding-left: 5px;
}
.clearallxssm{
clear: both;
margin-top: 10px !important;
}
.breakmobile{
display: block !important;
clear: both;
margin-top: 4px !important;margin-bottom: -3px !important;
}
.breakmobile2{
display: block !important;
clear: both;
margin-top: 4px !important;margin-bottom: -1px !important;
}
.slider-range { width: 70%; float: left; margin: 13px 15px 0 15px; }
.myBoxHeight {
height:100%; height: 235px;
}
.weg3322{padding-right:10px !important;margin-bottom:10px;height:230px; }
.mainnav li {
width: 20%;display: inline-block;vertical-align: middle;float:left;
}
.xs-sm-nopadding{padding-left: 0px !important; padding-right: 0px !important;}
#header li a {
padding-top: 8px;height:100%;height: 44px !important;
padding-bottom: 11px;
text-align: center;
width: 100%;
margin-top: -3px;
border-top: 3px solid #65564b;
border-bottom: 3px solid #65564b;
}
#header {
height: 44px !important;padding-left: 0px;
}
.marginleftnomini{
margin-left: 0px !important;padding-right: 10px !important;
}
#fullscreen_hold{
width: 98%;padding-left: 0px !important;padding-right: 0px !important;
}
.login-row{
margin-top: 6px;
}
.bxxn{margin: 0px !important;text-align:center;max-width: 290px;}
.bxxn2{margin: 0px !important;text-align:center;}
.bxn1{width:128px !important;}
.bxn2{width:85px !important;}
.bxn2a{width:72px !important;}
.bxn2b{width:92px !important;}
.bxn2c{width:82px !important;}
.btn_opret{width:264px !important;margin-top: 0px;}
.create_fields{padding-right: 0px !important;}
.create_title{
text-align:center !important;
margin-bottom: 10px;margin-top: 0px;
max-width: 290px;
}
.create_title2{
text-align:left !important;margin-left: 23px;
}
.logo_text{
margin-bottom: 10px !important;
}
.mini_center{
margin: 0px auto;
}
.mini_centerz{
margin: 0px auto;width:270px;text-align:center;
}
.mini_centerz2{
margin: 0px auto;width:280px;text-align:center;
}
.mini_centerz3{
margin: 0px auto;width:300px;text-align:center;
}
#frontpage_background{
height: 465px !important;
background: url("/images_v3/abcdef3_xl.jpg") no-repeat center center;
background-size: cover;
}
.create_postcode{
font-size: 16px;color: #fff !important;padding:7px;height:40px;
float:left;margin-left: 10px;
/*overflow:hidden;white-space: nowrap;*/
border: 1px solid rgba(0,0,0,0.1);
/*text-align:center;*/
font-size: 17px;
}
#opret{
background: inherit;
}
.margin-mobile{
margin-top: 10px;
}
#support_minifaq{
padding-right: 8px !important;
margin-top: -4px !important;
}
}
@media (max-width:460px)
{
.slider-range { width: 52%; float: left; margin: 13px 15px 0 15px; }
.sptbtn{
padding: 1px 4px 1px 0px !important;margin-left: -7px;
}
}
/* SM --- SMALL --- 576px -> 768px */
@media(min-width:576px) and (max-width: 767px)
{
.mobile_margin{
margin-bottom: 5px !important;margin-top: 10px !important;
}
#thread_emojione #MsgSave .emojionearea{
width: 76%;
}
/* Gør on/off switches på START siden større */
.start_element .form-check-input {width: 56px !important;}
#infopanel .dots, #quicksettings .dots{display: none;}
.fixformobile{
display: block;
clear: both;
margin-bottom: 5px;
margin-left: 10px;
padding-left: 5px;
}
.marginleftnomini{
margin-left: 0px !important;padding-right: 10px !important;
}
.clearallxssm{
clear: both;
margin-top: 10px !important;
}
.slider-range { width: 365px; float: left; margin: 13px 15px 0 15px; }
.myBoxHeight {
height:100%; height: 235px;
}
.weg3322{padding-right:10px !important;margin-bottom:10px;height:230px; }
.xs-sm-nopadding{padding-left: 0px !important; padding-right: 0px !important;}
.mainnav li {
width: 20%;display: inline-block;vertical-align: middle;float:left;
}
#header li a {
padding-top: 8px;height:100%;height: 44px !important;
padding-bottom: 11px;
text-align: center;
width: 100%;
margin-top: -3px;
border-top: 3px solid #65564b;
border-bottom: 3px solid #65564b;
}
#header {
height: 44px !important;padding-left: 0px;
}
}
@media(min-width:768px) {
.mail_parent_padding_mobile_only {
padding: 0px;
}
}
/* MD --- MEDIUM --- 768px -> 992px */
@media (min-width: 768px) and (max-width: 991px) {
/* Fjern streg ved SØGER og INTERESSERET I på profilvisning under MD */
.profile-field-topbtm {
border-top: 0px;
}
.msgoverviewrow .userIcon {
width: 14px !important;
height: 14px !important;
}
/* Skift lidt på billedets størrelsesforhold for at få det til at passe i denne opløsning på SØG */
#ajax-profiles .image_parent {
padding: 55% 50% !important;
}
#overview .msg_minitext_holder {
--bs-gutter-x: 1.3rem !important;
}
/* Gør on/off switches på START siden større */
.start_element .form-check-input {
width: 56px !important;
}
#infopanel .dots, #quicksettings .dots {
display: none;
}
.vip_title {
font-size: 30px;
margin-top: 13px;
}
.vip_subtitle {
font-size: 19px;
margin-top: 9px;
}
#msgbutz {
font-size: 16px !important;
}
.msgdate {
text-align: right;
}
.weg3322 {
padding-right: 10px !important;
margin-bottom: 10px;
height: 230px;
}
.logo_text {
font-size: 17px;
}
#phonetext2 {
font-size: 14px !important;
}
.slider-range {
width: 105px;
float: left;
margin: 13px 15px 0 15px;
}
#mainnav li a {
font-size: 18px;
padding-left: 10px;
padding-right: 11px;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 991px) and (max-width: 1199px) {
.profile-like-mini-img img {
height: 32px;
}
/* Gør on/off switches på START siden større */
.start_element .form-check-input {
width: 56px !important;
}
#infopanel .dots, #quicksettings .dots {
display: none;
}
.subtext { /* Stor salgstekst */
font-size: 32px;
}
.subsubtext { /* Mindre salgstekst */
font-size: 25px;
}
.createbutton { /* Fix til oprettelses knappen */
font-size: 22px;
}
.landing-holder { /* Holder til hele landing siden */
background-size: 60% auto;
}
.main-holder { /* Tynd streg ude til venstre */
background-image: none;
}
.msgdate {
text-align: right;
}
.logo_text {
font-size: 17px;
}
.newprotxt {
min-height: 17px !important;
height: 17px !important;
overflow: hidden !important;
}
.slider-range {
width: 235px;
float: left;
margin: 13px 15px 0 15px;
}
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
/* Gør on/off switches på START siden større */
.start_element .form-check-input {
width: 56px !important;
}
#infopanel .dots, #quicksettings .dots {
display: none;
}
.main-holder { /* Tynd streg ude til venstre */
background-image: none;
}
.landing-holder { /* Holder til hele landing siden */
background-size: 53% auto;
}
.msgdate {
text-align: right;
}
#frontpage_background {
height: 500px;
}
.newprotxt {
min-height: 22px !important;
height: 22px !important;
}
.slider-range {
width: 315px;
float: left;
margin: 13px 15px 0 15px;
}
}
/* X-Large til XXL */
@media (min-width: 1200px) and (max-width: 1400px) {
/* Skift lidt på billedets størrelsesforhold for at få det til at passe i denne opløsning på SØG */
#ajax-profiles .image_parent {
padding: 55% 50% !important;
}
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
.landing-holder { /* Holder til hele landing siden */
background-size: 40% auto;
}
}
/* Alt der er større end mobil/tablet */
@media (min-width: 768px) {
.notification_icon.slow_transition.notification_scroll_down,.me_icon.slow_transition.me_scroll_down {
width: 36px;
height: 36px;
}
.navbar_scroll_down .menu-icon{
opacity: 0;
}
.navbar_scroll_down .menu-text {
font-size: 15px;
padding-top: 9px;
padding-bottom: 9px;
}
.navbar_scroll_down .navbar-logo {
height: 40px !important;
margin-top: -1px;
}
.navbar {
height: auto;
border-bottom: 1px solid #423a28;
}
.navbar .container {
justify-content: normal !important;
}
.navbar .slow_transition {
transition: all 0.25s ease-in-out;
}
}