/* Comment Generated by Combres - Resource '~/css/global_ver2.60.css' (Mode: Static) */
/*********************************************************************************
**********************************************************************************
Svenskalag.se
**********************************************************************************
*********************************************************************************/
/* Defaults Resets ***************/
body {
font-family: Roboto, Arial, sans-serif !important;
-webkit-text-size-adjust: none;
font-kerning: none;
color: #444444;
overflow-y: scroll;
font-size:15px;
}
body.mobile-body {
min-width: 300px !important;
}
em {
font-weight: normal!important;
font-style: italic;
}
ul, ol {
padding: 5px 0px 5px 30px;
margin: 0px;
}
ul {list-style: square;}
label {
font-weight: normal;
display: inline;
margin: 0px;
cursor: pointer;
}
a {outline: 0;}
p {margin: 0;}
img {border: 0;}
/*table {font-size: 14px;}*/
legend {font-size: inherit;}
/* General Layout adjustments ---------------------------- */
#container {
margin: auto;
min-height: 100%;
}
#siteCol {
margin-top: 30px;
padding: 10px;
background: #fff;
width: 1000px;
float: left;
border-radius: 5px 5px 0px 0px;
box-shadow: 0px 0px 25px 5px rgb(0 0 0 / 8%);
}
.content {
float: left;
width: 720px;
margin: 25px 20px 30px 30px;
min-height: 700px;
position: relative; /* Needed for .hovercard */
}
.colMid {
width: 500px;
position: relative;
display: inline-block;
}
/*.panel.mobile-tabs {
border-width: 0px;
}
.panel.mobile-tabs .tabs {
display: none;
}*/
/*.mobile-tabs .tab-pane {
display: block;
visibility: visible;
}*/
/* Layout fix ----------------------------------------*/
.device-desktop.rightCol-visible {
min-width: 1310px;
}
.device-desktop.rightCol-visible #container {
width: 1310px;
}
/*no ads - center container&sitCol*/
.device-desktop.rightCol-hidden #container {
width: 1000px;
}
/*no ads - center container&sitCol*/
.device-desktop.rightCol-hidden #rightCol {
display:none;
}
.device-desktop.rightCol-visible .system-nav {
min-width: 1310px;
}
.device-desktop.rightCol-hidden .system-nav {
min-width: 1000px;
}
/* Ads ---------------------------- */
.ad-mittenspalt {
margin: 30px 0px 10px 0px;
background-image: url("/img/ad-bg-mittenspalt.gif?ver=2");
background-position: center top;
background-repeat: no-repeat;
background-color: #eaeaea;
text-align: center;
text-align: center;
padding: 25px 0px 25px 0px;
clear: both;
}
.ad-panorama {
padding-bottom: 5px;
}
/* Default dropdown items.
* edit-section-tools, redigera aktivitet, välj serie..
**************************************************************/
.dropdown-menu li a {
padding: 7px 14px;
display: block;
clear: both;
line-height: 1.428571429;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* hide empty tel: links on sektioner, våra lag */
.popover-content a.phone_0 {
display: none;
}
/*********************************************************************************
**********************************************************************************
Desktop specific CSS
**********************************************************************************
*********************************************************************************/
@media (min-width: 888px) {
html {
min-width: 1000px;
}
/* --- SIDEMENU (sticky) -------------------------------------------------------------------- */
#sideMenu.dropdown {
z-index: 0; /* Prevent z-index problem with main navigation dropdowns. */
}
.menu .dropdown-menu {
display: block;
position: static;
width: 100%;
background: none;
border: none;
box-shadow: none;
padding: 0px;
margin: 0px;
z-index: initial;
}
.menu .dropdown [data-toggle=dropdown] {
display: none;
}
/* --- Tabell / Standings -------------------------------------------------------------------- */
.standings-panel .btn {
display: none;
}
.standings-panel .collapse, .seasons-collapse {
display: block;
visibility: visible;
height: auto !important;
}
.colRight .hidden-xs {
display: block !important;
}
}
.date-postponed, .date-cancelled, .date-cancelled .text-muted {
text-decoration: line-through;
color: #d9534f !important;
}
[v-cloak]{
display: none !important;
}
/* Comment Generated by Combres - Resource '~/css/website/layout/header/header.css' (Mode: Static) */
.header {
position: relative;
margin-bottom: 5px;
}
.header.header-mobile {display: none;}
.header .header-background {
z-index: 1;
margin-top: 4px;
min-height: 150px;
overflow: hidden;
}
.header .header-background img {
min-height: 150px;
}
.header .header-text {
z-index: 2;
position: absolute;
}
.header .header-text.text-shadow {
text-shadow: 2px 2px 0 rgba(0,0,0,0.45);
}
.header .header-text h4 {
margin-left: -2px;
}
.header .header-text h5 {
margin-top: -1px;
}
.header .header-emblem {
padding: 15px 18px;
overflow: auto;
color: #fff;
}
.header .header-emblem figure {
display: inline-block;
float: left;
margin-right: 5px;
min-width: 50px;
min-height: 54px;
}
.header .header-emblem figure img {
max-width: 50px;
}
.header-emblem figure.white {
background: #fff;
width: 50px;
min-width: 50px;
height: 50px;
line-height: 50px;
border-radius: 20%;
text-align: center;
box-sizing: content-box;
}
.header-emblem figure.white img {
max-width: 80%;
}
.header .header-emblem h1 {
font-size: 20px;
/*text-transform: uppercase;*/
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-top: 2px; /* ÅÄÖ fix*/
padding-right: 33px; /* space for hamburger*/
margin: 5px 0 0;
}
.header .header-emblem h2 {
font-size: 15px;
font-weight: bold;
/*opacity: 0.8;*/
letter-spacing: normal;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 33px; /* space for hamburger*/
}
.header .show-teammenu {
background: transparent;
border: 0;
padding: 0;
margin: 0;
position: absolute;
right: 0;
top: 0;
height: 84px; /*same as .header-emblem*/
width: 60px;
font-size: 22px;
}
/* Comment Generated by Combres - Resource '~/css/website/layout/header/header-alert.css' (Mode: Static) */
/* --- Header alert ------*/
.header-alert {
min-height: 40px;
line-height: 41px;
text-align: center;
box-shadow: 0px 3px 1px rgba(0,0,0,.1);
font-size: 14px;
font-family: arial, sans-serif;
}
.header-alert a {
text-decoration: none;
}
.header-alert a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.header-alert.yellow {
background-color: #ffee9d;
text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
color: #846027;
}
.header-alert.yellow a {
color: #846027;
}
.header-alert.red {
background-color: #ff5d5d;
text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
color: #530303;
}
.header-alert.red a {
color: #530303;
}
.header-alert.blue {
background-color: #c2d3f0;
text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
color: #1e508e;
}
.header-alert-primary
{
background: #298ccd;
color: #fff;
box-shadow: none;
}
.header-alert-primary a
{
color: #fff;
text-decoration: none;
}
.header-alert-primary a:hover
{
color: #fff;
text-decoration: none;
}
.header-alert-primary .btn
{
text-decoration: none;
border: none;
}
.header-alert-primary .btn:hover
{
opacity: 1;
}
.header-alert.blue a {
color: #1e508e;
}
.header-alert.green {
background-position: 0px -120px;
text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
color: #23823f;
}
.header-alert.green a {
color: #23823f;
}
.header-alert-btn
{
display: inline-block;
border: 1px solid #dacc8c;
border-radius: 3px;
padding: 6px 10px;
line-height: 1;
margin-left: 20px;
}
.header-alert-btn:hover
{
background: rgba(255,255,255,0.2);
opacity: 1!important;
}
.header-alert-btn:active
{
box-shadow: inset 0px 1px 3px rgba(0,0,0,0.1);
}
.header-alert-btn img
{
float: left;
margin: 3px 5px 0px 0px;
}
/* Comment Generated by Combres - Resource '~/css/website/layout/header/header-menu.css' (Mode: Static) */
/* --- TOPPMENY -------------------------------------------------------------------- */
/* Menyn */
.navbar {
min-height: 0;
border: 0;
margin: 0;
position: relative;
font-size: 14px;
border-radius:4px 4px 0px 0px;
}
.nav.navbar-nav .dropdown .dropdown-menu {
padding: 0px;
border-radius: 0;
min-width: 240px;
}
.navbar-nav li.bold a {
font-weight: bold;
}
.navbar #navigation {
float: left;
}
#navigation .navigation-head {
display: none;
}
.navbar .navbar-collapse, .navbar-nav {
padding: 0;
margin: 0;
}
/* Small device toggle meny */
.navbar .navbar-header {
width: 50%;
float: left;
text-align: center;
line-height: 38px;
}
.navbar .navbar-header button {
position: relative;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
max-height: 36px;
width: 100%;
}
.navbar .navbar-header button span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 80%;
display: inline-block;
vertical-align: middle;
}
.navbar .navbar-header button .fa {
opacity: 0.6;
}
#logged-in-menu li.dropdown {
float: right;
}
#logged-in-menu .dropdown-menu .submenu {
display: none
}
#logged-in-menu .dropdown-menu .submenu.open {
display: block
}
.navbar .navbar-nav > li > a {
font-weight: bold;
line-height: 38px;
padding: 1px 14px;
}
/* Icons */
.navbar .navbar-nav i.fa-cog {
font-size: 16px;
top: 1px;
position: relative;
}
.navbar .navbar-nav i.fa-external-link {
font-size: 11px;
opacity: 0.7;
margin-left: 4px;
}
.navbar a .caret {
opacity: 0.6;
margin-right: -2px;
margin-left: 0px;
}
.navbar .navbar-nav i.fa-external-link, .navbar .navbar-nav a .fa-angle-down {
width: 12px;
text-align: right;
}
.navbar .navbar-nav a:active .caret,
.navbar .navbar-nav .open .caret {
top: -1px;
}
/*Remove dividers from submenu*/
.navbar .navbar-nav li li {
box-shadow: none;
border-right: 0;
}
/* Secret links in submenu */
.navbar .navbar-nav li li.hidden a,
.navbar .navbar-nav li li.hidden i {
/*opacity:0.5;*/
color: #afafaf;
}
/* Secret links in submenu */
.navbar .navbar-nav li li.active.hidden a,
.navbar .navbar-nav li li.active.hidden i {
/*opacity:0.5;*/
color: #fff;
}
/*Render up-arrows on right dropdowns. */
.navbar-right .open .dropdown-toggle {
position: relative;
}
.navbar-right .open .dropdown-toggle:before {
position: absolute;
bottom: 0px;
right: 45%;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #ccc;
border-left: 6px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
z-index: 1001;
}
.navbar-right .open .dropdown-toggle:after {
position: absolute;
bottom: -1px;
right: 45%; /* +1px mot :before */
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-left: 6px solid transparent;
content: '';
z-index: 1001;
}
/* Multi col navbar dropdown. */
.dropdown-menu.columns-2 {
width: 480px;
}
.dropdown-menu.columns-3 {
width: 580px;
}
.dropdown-menu .col {
padding: 0;
border-right: 1px solid #eee;
}
.dropdown-menu .col {
border-left: 1px solid #eee;
margin-left: -1px;
}
.dropdown-menu .col:first-child {
border-left: 0;
margin-left: 0px;
}
.dropdown-menu .col:last-child {
border-right: 0;
}
.navbar .dropdown-menu .row {
margin: 0;
}
.multi-column-dropdown {
list-style: none;
margin: 0px;
padding: 0px;
}
.navbar .dropdown-menu li a {
font-weight: normal;
padding: 10px 14px 10px 14px;
display: block;
clear: both;
line-height: 1.428571429;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* Dropdown alignment logged in menu */
/*.profile-menu .user {
display: block;
float: left;
width: 38px;
height: 38px;
margin-right: 10px;
background-size: 100%;
border-radius: 100px;
overflow: hidden;
}
.profile-menu .user img {
width: 38px;
}*/
#logged-in-menu {
position: relative;
}
#logged-in-menu .dropdown {
position: static;
}
.login-dropdown {
width: 300px !important;
padding: 20px !important;
}
.login-dropdown .form-group {
margin-bottom: 12px;
}
/*.profile-menu .links .notification {
float: right;
margin: -2px 0px 0px 0px;
}*/
/*.profile-menu {
width: 220px;
padding: 0px;
}*/
/*.profile-menu .top {
padding: 10px 15px;
border-bottom: 1px solid #eee;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background-color: #f7f7f7;
}
.profile-menu .top a {
line-height: 24px;
font-weight: normal;
color: #555;
}*/
/*.profile-menu .photo {
display: block;
float: left;
width: 40px;
height: 40px;
margin-right: 10px;
background-size: 100%;
border-radius: 100px;
}*/
/*.profile-menu .top p {
line-height: 1;
}
.profile-menu ul {
margin: 10px 0px;
}
.profile-menu .footer {
padding: 10px 15px;
border-top: 1px solid #eee;
}*/
/* Controlpanel and profile menu */
.navbar .controlpanel-menu {
min-width: 280px;
z-index: 1000;
border: 1px #ccc solid;
}
.navbar .controlpanel-menu.profile-menu {
min-width: 220px;
}
/* reset nav */
.navbar .controlpanel-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.navbar .controlpanel-menu li {
margin: 0;
padding: 0;
}
.navbar .controlpanel-menu li i {
position: absolute;
left: 20px;
top: 12px;
font-size: 17px;
}
.navbar .controlpanel-menu li a {
margin: 0px;
background-color:#FFF;
padding: 12px 20px 11px 44px;
border-bottom: 1px solid #e5e5e5;
color: #555;
vertical-align: middle;
position: relative;
font-size:15px;
}
.navbar .controlpanel-menu li a:hover {
background-color: #fafafa;
/*color: #1176a5;*/
}
/* Dropdown Header */
.navbar .controlpanel-menu .dropdown-header, .navbar .controlpanel-menu .dropdown-section {
padding: 17px 0 8px 20px;
background: #f5f5f5;
border-bottom: 1px solid #e5e5e5 !important;
font-size: 13px;
overflow: hidden;
}
.navbar .controlpanel-menu .dropdown-header p {
font-size: 14px;
color: #555;
}
.navbar .controlpanel-menu .dropdown-header.dropdown-header-photo img {
display: block;
float: left;
width: 38px;
height: 38px;
margin-right: 10px;
background-size: 100%;
border-radius: 100px;
overflow: hidden;
margin-top: -1px;
}
/* Selected */
.navbar .controlpanel-menu li a.current {
font-weight: bold;
color: #FFF;
background-color: #1176a5;
}
/* Submenu */
.navbar .controlpanel-menu .submenu {
background: #fafafa;
border-bottom: 1px solid #e5e5e5;
padding-left: 40px;
}
.navbar .controlpanel-menu .submenu li a {
font-size: 13px;
padding: 8px 0 8px 0;
}
.navbar .controlpanel-menu .submenu li:last-child a {
border: 0;
}
.navbar .controlpanel-menu .submenu li a.current {
font-weight: bold;
color: #1176a5;
background-color: transparent;
}
/* icons */
.navbar .controlpanel-menu .dropdown-submenu .caret {
float: right;
margin-top: 8px;
}
.navbar .controlpanel-menu .fa.fa-fw {
margin-right: 2px;
}
.navbar .controlpanel-menu a img {
float: right;
margin-top: 5px;
}
#navigation li a {
font-weight: bold;
}
/******************************************
# Grouped teams nav
******************************************/
.grouped-teams {
min-width: 490px;
max-width: 100%;
}
/* Reset default list style */
.grouped-teams,
.grouped-teams ul,
.grouped-teams li {
list-style: none;
margin: 0;
padding: 0;
}
/* Reset dropdown position */
.grouped-teams ul.dropdown-menu {
box-shadow: none;
position: static;
border: 0;
}
/* Extra padding and border on all items */
#navigation .grouped-teams li a {
padding: 12px 14px !important;
border-bottom: 1px solid rgba(0,0,0,0.08);
}
/* Toggle dropdown arrow */
.grouped-teams .caret {
float: right;
margin-top: 7px;
margin-right: 0px !important;
}
/* Flip arrow when menu is open */
.submenu-open > .dropdown-toggle > .caret {
transform: rotate(180deg);
}
/* Team count in group */
.grouped-teams .badge {
background: rgba(0,0,0,0.05);
color: rgba(0,0,0,0.6);
margin-left: 5px;
}
.grouped-teams .active .badge {
background-color: rgba(255,255,255,0.4);
color: rgba(0,0,0,0.5);
}
/* Chevron-right */
.grouped-teams .fa-chevron-right {
float: right;
margin-top: 4px;
font-size: 12px;
color: #d9d9d9;
color: rgba(0,0,0,0.3);
}
.grouped-teams .active .fa-chevron-right {
color: #fff;
color: rgba(255,255,255,0.9);
}
/*
* Grouped sub menu - three column */
.nav.navbar-nav .grouped-teams .dropdown-submenu .dropdown-menu {
background-color: #f9f9f9;
padding: 0;
overflow: auto; /*clear float*/
width: 100%;
border-radius: 0;
box-shadow: inset 0 -1px #eee;
margin-left: 0px;
}
/* Team cell */
.grouped-teams .dropdown-submenu .dropdown-menu li {
width: 33.333%;
float: left;
background-color: #f9f9f9;
}
/* Team cell link / border */
.grouped-teams .dropdown-submenu .dropdown-menu li a {
width: 100%;
height: 100%;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
font-weight: normal !important;
font-size: 13px;
padding-right: 13px !important;
}
/* divider fix: remove extra borders */
#navigation .navbar-nav > li:first-child > a {
border-left: 0;
border-radius:4px 0px 0px 0px;
}
.navbar-nav.navbar-right > li:first-child > a {
box-shadow: none;
border-radius: 0px 4px 0px 0px;
}
@media (max-width: 888px) {
.grouped-teams {
min-width: 100%;
}
/* Remove background from last sub menu */
#navigation ul ul ul li.dropdown-submenu.submenu-open ul {
border-left: 0;
}
/* Remove background from last sub menu */
#navigation ul ul ul li.dropdown-submenu.submenu-open li a {
background: none;
font-size: 12px;
}
/* bring back borders on last sub menu*/
#navigation ul ul ul li.dropdown-submenu.submenu-open li {
border-right: 1px solid #eee;
}
/* Remove arrow from last sub menu*/
#navigation ul ul ul li.dropdown-submenu.submenu-open li i {
display: none;
}
}
/* Comment Generated by Combres - Resource '~/css/website/layout/menu/menu.css' (Mode: Static) */
.menu-bg {
border-bottom: 5px solid #fff;
padding-bottom: 50px;
background-image: url("/img/menu/light-grey-1.gif?v=1");
background-repeat: repeat-y;
}
.menu {
float: left;
width: 210px;
padding-top: 30px;
}
/* --- VÄNSTERMENY ----------------------------------------------------------------- */
.menu-group, .menu-group + .menu-group a:first-child {
border-top: solid 1px #ddd;
}
.menu-group + .menu-group {
padding-top: 30px;
border: none;
}
.menu-group a {
display: block;
padding: 0px 15px 0px 20px;
line-height: 36px;
border-bottom: solid 1px #ddd;
color: #555;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size:14.5px;
}
.menu-group a:hover {
background-color: #f4f4f4;
color: #555;
}
.menu-group a .fa-angle-down {
margin-top: 9px;
}
.menu-group a .icon-external-link {
margin: 11px 0px 0px 10px;
opacity: 0.8;
}
.menu-group .current {
background-color: #fff;
}
.menu-group .current:hover {
background-color: #fff;
}
.submenu-group {
border-bottom: solid 1px #ddd;
}
.submenu-group .submenu {
padding-left: 30px;
border: none;
font-size: 13px;
}
.submenu2-group .submenu {
padding-left: 40px;
border: none;
font-size: 12px;
line-height:32px;
}
.mobile-menu {
display: none;
}
/* Comment Generated by Combres - Resource '~/css/website/layout/sponsor-column/sponsor-column.css' (Mode: Static) */
#rightCol {
width: 310px;
padding: 30px 0px 40px 10px;
float: right;
}
/* Sponsor templates *****************************************************************************************************************/
.banner {
}
.banner {
display: block;
margin-bottom: 6px;
overflow: hidden;
}
.banner img {
display: block;
max-width: 100%;
}
.banner-image {
background: #fff;
}
.banner-image img {
margin: auto;
}
.banner.magic {
padding: 15px 60px;
background: #fff;
text-align: center;
vertical-align: middle;
white-space: nowrap;
font-size: 0px;
}
.banner.magic:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.banner.magic img {
display: inline;
max-height: 100%;
max-width: 100%;
}
.banner.magic.sm {
height: 70px;
}
.banner.magic.md {
height: 80px;
}
.banner.magic.lg {
height: 120px;
padding: 20px 50px;
}
/* --- Banner Title --- */
.banner fieldset.title {
border: 1px solid rgba(0,0,0,0.5);
border-bottom: 0;
height: 18px;
margin: 0 0 5px 0;
overflow: visible;
opacity: .85;
filter: alpha(opacity=85);
}
.banner fieldset.title legend {
width: auto;
padding: 2px 10px;
margin: 0 auto;
text-align: center;
font-family: sans-serif;
font-weight: bold;
font-size: 16px;
letter-spacing: -1px;
border: none;
}
/* 100% opacity */
.banner fieldset.title.full-opacity {
opacity: 1;
}
/* Title Colors */
.banner fieldset.title.light {
border-color: rgba(255,255,255,0.5);
}
.banner fieldset.title.light legend {
color: #fff;
}
.banner fieldset.title.gold {
border-color: #f0d208;
}
.banner fieldset.title.gold legend {
color: #f0d208;
}
.banner fieldset.title.silver {
border-color: #e2e7e9;
}
.banner fieldset.title.silver legend {
color: #e2e7e9;
}
.banner fieldset.title.bronze {
border-color: #e19f13;
}
.banner fieldset.title.bronze legend {
color: #e19f13;
}
/* --- Svenskalag i sponsorspalten -------------------------------------------------*/
.svelag-logo-link {
display: block;
background: #fff url("/img/svelag-logo-link.png?3") center no-repeat;
height: 80px
}
.svelag-logo-link.h60 {
height: 60px
}
.svelag-logo-link.h70 {
height: 70px
}
.svelag-logo-link.h80 {
height: 80px
}
.svelag-logo-link.h90 {
height: 90px
}
.svelag-logo-link.h100 {
height: 100px
}
.svelag-logo-link.h100 {
height: 110px
}
.svelag-logo-link.h120 {
height: 120px
}
.svelag-logo-link:hover {
background-color: #298ccd;
background-image: url("/img/svelag-logo-link-white.png?3");
}
/* Comment Generated by Combres - Resource '~/css/website/layout/footer/footer.css' (Mode: Static) */
.footer {
border-top: 1px solid #ddd;
}
.footer a.ListLinkGrey {
}
.footer-footer {
border-top: 1px solid #ddd;
padding: 15px 20px 5px 20px;
}
.footer-footer .powered-by a {
text-decoration: none;
}
.footer-footer .powered-by a span {
margin-right: 5px;
line-height: 30px;
}
.footer-footer .powered-by a img {
width: 130px;
margin-top: -2px;
}
.footer .clubmarks img {
margin: 2px 10px 10px 0px;
width: 30px;
float: left;
}
/* --- FOOTER -------------------------------------------------------------------- */
.footer .link-group {
border-left: 1px solid #ddd;
padding: 0px 0px 8px 30px;
}
.footer-footer .col-sm-6:last-child {
text-align: right;
}
.footer-partners {
padding: 20px 0px 30px 0px;
background: #fff;
}
.footer-partners .partners-title {
position: relative;
overflow: hidden;
height: 18px;
margin: 0px 0px 15px 0px;
text-align: center;
text-transform: uppercase;
}
.footer-partners .partners-title:before {
content: "";
position: absolute;
z-index: 0;
width: 100%;
display: block;
margin-top: 9px;
height: 18px;
border: 1px solid #eee;
}
.footer-partners h4 {
font-size: 14px;
display: inline-block;
padding: 0px 20px;
margin: 0px;
color: #444;
background: #fff;
position: relative;
z-index: 1;
}
.footer-partners .table {
margin: 0px;
table-layout: fixed;
}
.footer-partners .table > tbody > tr > td {
padding: 0px;
}
.footer-partners table td a {
display: block;
background: #fff;
padding: 8px;
}
.footer-partners table img {
max-width: 100%;
}
/* Comment Generated by Combres - Resource '~/css/website/layout/footer/footer-ads.css' (Mode: Static) */
/***************************
Footer text ads
***************************/
.footer-ads {
clear: both;
width: 100%;
overflow: hidden;
}
.footer-ads .col-text-ad {
padding: 20px;
float: left;
}
.footer-ads .text-ad-1 {width: 100%}
.footer-ads .text-ad-2 {width: 50%}
.footer-ads .text-ad-3 {width: 33%}
.footer-ads .text-ad-4 {width: 25%}
.footer-ads .text-ad-5 {width: 20%}
.footer-ads a.ListLink {
z-index: 5;
display: block;
}
.footer-ads a.ListLink:link {
color: #555;
text-decoration: none;
}
.footer-ads a.ListLink:visited {
color: #555;
text-decoration: none;
}
.footer-ads a.ListLink:hover {
color: #000;
text-decoration: none;
}
/* Comment Generated by Combres - Resource '~/css/website/layout/footer/footer-print.css' (Mode: Static) */
/* Footer: Print button ---------------------------- */
#print-button {
float: right;
padding: 0px 20px;
margin-top: -40px;
}
@media (max-width: 888px) {
/* Footer: Print button ---------------------------- */
#print-button {
padding: 0px 15px;
}
}
/* Comment Generated by Combres - Resource '~/css/website/components/pagination.css' (Mode: Static) */
/* Pagination Buttons *****************************************************************************************************************/
.pagination-container {
float: right;
}
.pagination {
}
.pagination li a,
.pagination li a:focus {
background-color: #fbfbfb;
border-color: #ccc;
box-shadow: 0px 1px 0px rgba(0,0,0,0.01);
color: #555;
}
.pagination li a:hover {
background: #fff;
border-color: #ccc;
}
.pagination .active a,
.pagination li a:active {
background-color: #eee;
border-color: #ccc;
background: linear-gradient(#eee,#f2f2f2);
box-shadow: inset 0px 1px 5px rgba(0,0,0,.06);
}
.pagination .active a,
.pagination .active a:hover {
background: linear-gradient(#f2f2f2,#f7f7f7);
color: #555;
border-color: #ccc;
}
/* Override bootstrap active state */
div.pagination-container .pagination .active span {
background: linear-gradient(#f2f2f2,#f7f7f7);
color: #555;
border-color: #ccc;
box-shadow: inset 0px 1px 5px rgba(0,0,0,.06);
}
/* Comment Generated by Combres - Resource '~/css/website/components/forms.css' (Mode: Static) */
.form-control {
height: 35px;
font-size: 14px;
padding: 6px 8px;
font-weight: normal;
}
.has-error .form-control {
border-color: #e74c3c;
}
.radio-block .form-control {
height: 34px;
font-size: 14px;
}
.form-control.small {
height: 30px;
font-size: 12px;
padding: 6px 8px;
font-weight: normal;
}
.radio-block .form-control.small {
height: 30px;
font-size: 12px;
}
input [type=text], input [type=password] {
margin: 0px;
padding: 6px 8px !important;
}
select {
margin: 0px;
padding: 0px 4px;
}
textarea {
margin: 0px;
resize: vertical;
max-height: 200px;
}
/* Checkbox & Radio buttons*/
.form-container .checkbox label:before {
content: '\f096';
display: inline-block;
font-family: "Fontawesome";
font-size: 18px;
color: #777;
margin-right: 3px;
color: #ccc;
vertical-align: bottom;
width:16px;
}
.form-container .checkbox label.field-validation-error:before {
color: #ff8d8a;
}
.form-container .checkbox label {
padding-left: 1px;
}
.form-container .checkbox.active label:before {
content: '\f14a';
color: #3faf61;
}
.form-container .checkbox input[type="checkbox"] {
display: none;
}
input[type="radio"], input[type="checkbox"] {
margin: 0px;
position: relative;
top: 2px;
cursor: pointer;
}
.checkbox input[type="checkbox"] {
margin: 4px 0 0;
margin-left: -20px;
top: auto;
}
.checkbox input[type=checkbox]:not(:checked) + span,
.checkbox input[type=checkbox]:not(:checked) + input[type=hidden] + span {
color: #999;
}
input[type=checkbox].checkbox {
display: inline-block;
margin: 0px 3px 1px 0px;
}
.checkbox-group {
margin-bottom: 15px;
}
.checkbox-group.row {
margin-left: -3px;
margin-right: -3px;
}
.checkbox-group.row [class^=col-] {
padding-left: 3px;
padding-right: 3px;
}
.checkbox-group .btn {
padding: 3px 8px;
text-align: left;
border-width: 0px;
background: #f9f9f9;
margin-bottom: 6px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.checkbox-group .btn:hover {
background: #f2f2f2;
}
.checkbox-group .btn:active {
box-shadow: none;
}
.checkbox-group .btn.selected {
background: #ebf5fb;
}
/* Radio buttons */
.radio {
display: inline-block;
}
/* File inputs */
.file {
font-family: Arial;
color: #444;
height: 21px;
line-height: 15px;
}
/* Form style *****************************************************************************************************************/
.filter-select {
position: relative;
top: -5px;
}
input:focus, select:focus, textarea:focus, button:focus, *:focus {
outline: none !important;
}
.form-control:focus::-webkit-input-placeholder {
color: #ddd;
}
.form-control:focus::-moz-placeholder {
color: #ddd;
}
.form-control:focus:-ms-input-placeholder {
color: #ddd;
}
.form-control:focus:-moz-placeholder {
color: #ddd;
}
/* Validation */
.has-warning .control-label {
color: #ff8d8a;
}
input.input-validation-error, select.input-validation-error, .has-warning.form-control, .has-warning .form-control {
border-color: #ff8d8a;
}
.form-control.has-warning:focus, .has-warning .form-control:focus {
box-shadow: 0 0 6px #ffc444;
}
label.validation-error, .cp label.validation-error, .cp label.control-label.validation-error {
color: #ff8d8a;
}
/* Tooltip */
.tooltip-inner {
white-space: normal;
text-overflow: clip;
max-width: 300px;
padding: 6px 10px;
font-size: 12px !important;
text-align: left;
}
.tooltip-no-line-break .tooltip-inner {
white-space: nowrap;
max-width: none;
}
/* Disabled form */
.form-disabled .form-control, .form-disabled input[type=checkbox], .form-disabled input[type=radio] {
cursor: not-allowed;
background-color: #eee;
pointer-events: none;
}
.form-disabled .checkbox label {
cursor: not-allowed;
pointer-events: none;
}
/* Bootsrap form-group */
.form-group {
margin-bottom: 10px;
}
.form-group .control-label {
font-weight: normal;
padding-top: 4px;
margin-bottom: 0px;
text-align: left;
/*text-transform: uppercase;*/
color: #777;
font-size: 13px;
}
.form-group p {
margin: 0px 0px 10px 0px;
}
/* Other form styles */
.form-group-slim {
margin-bottom: 10px;
}
.form-group-sm {
margin-bottom: 10px;
}
.form-group-lg {
margin-bottom: 20px;
}
.form-group .row:not(.row-spaceless) {
margin-left: -7px;
margin-right: -7px;
}
.form-group .row:not(.row-spaceless) [class^=col-] {
padding-left: 7px;
padding-right: 7px;
}
.form-group-slim .form-group {
margin-bottom: 10px;
}
.form-group-slim .form-group .row {
margin-left: -5px;
margin-right: -5px;
}
.form-group-slim .form-group .row [class^=col-] {
padding-left: 5px;
padding-right: 5px;
}
.form-group p {
margin: 0px 0px 10px;
}
.form-group .row {
margin-left: -7px;
margin-right: -7px;
}
.form-group .row [class^=col-] {
padding-left: 7px;
padding-right: 7px;
}
.form-group-slim.form-group {
margin-bottom: 8px;
}
.form-group-slim hr:last-child {
margin-top: 30px;
}
.form-group-slim .form-group .checkbox:last-child label {
margin-bottom: 5px;
}
/* Comment Generated by Combres - Resource '~/css/website/components/member-photo.css' (Mode: Static) */
/* Member Photo *****************************************************************************************************************/
/* No Photo: */
/* Photo: 
*/
/*.member-photo.member-photo-round {
border-radius: 100px;
}*/
.team-photo {
width: auto;
height: auto;
line-height: 28px;
font-weight: bold;
display: block;
border-radius: 4px;
background: #eee;
color: #bbb;
text-align: center;
font-size: 16px;
height: 150px;
padding-top: 40px;
}
.team-photo > span > .fa {
font-size: 38px;
}
.member-photo {
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 200px;
font-size: 18px;
display: inline-block;
position: relative;
overflow: hidden;
color: #cbcbcb;
vertical-align: middle;
}
.member-photo-sm {
width: 28px;
height: 28px;
line-height: 28px;
}
.member-photo img {
vertical-align: top;
max-width: 100%;
}
.member-photo-big {
min-width: 100%;
height: 170px;
line-height: 170px;
font-size: 5em;
display: block;
border-radius:4px;
}
.member-photo-dark {
background: #dddddd;
color: #9a9a9a;
}
.member-photo-blank {
text-align: center;
text-transform: uppercase;
background-color: #000;
opacity: 0.05;
}
/* Comment Generated by Combres - Resource '~/css/website/components/comments.css' (Mode: Static) */
/* --- Comments! --------------------------------------------------------------------*/
/* dependencies: member-photo.css; */
.comments-panel {
margin-top: 20px;
margin-bottom: 10px;
}
.comments-panel .nav-tabs {
display: table;
width: 100%;
margin-bottom: 8px;
background: linear-gradient(#fff,#f2f2f2);
}
.comments-panel h3 {
display: inline;
}
.comments-panel div.collapse-comments {
display: inline;
}
/* Visa kommentarer */
.comments {
margin: 0px;
padding: 0px;
list-style: none;
font-size:14px;
}
.comments li {
background: #f2f2f2;
padding: 12px;
margin-bottom: 4px;
position: relative;
border-radius: 4px;
}
.comments li td {
vertical-align: top;
}
.comments li img {
border-radius: 3px;
}
.comments li .delete {
position: absolute;
right: 15px;
top: 10px;
color: #999;
}
.comments li .delete:hover {
color: #dd0000;
}
.comments li:hover .delete {
display: block;
}
/* Skriv ny kommentar */
.new-comment {
padding: 12px 12px 7px 12px;
background: #f2f2f2;
border-radius: 4px;
}
.new-comment .new-comment-message {
padding-left: 44px;
width: 100%;
position: relative;
margin-bottom: 5px;
}
.new-comment .new-comment-message figure {
position: absolute;
left: 0;
border-radius: 3px;
overflow: hidden;
}
.new-comment .submit-comment-panel {
margin-left: 44px;
font-size: 0;
}
.new-comment .submit-comment-panel .captcha.image {
font-size: 13px;
}
.new-comment .submit-comment-panel .btn {
width: 28%;
vertical-align: top;
}
.new-comment .comment-author {
width: 72%;
display: inline-block;
margin-bottom: 5px;
padding-right: 5px;
}
.new-comment table {
width: 100%;
}
/* Comment Generated by Combres - Resource '~/css/website/components/share-links.css' (Mode: Static) */
/* Share links
* facebook, twistter, rss
*
* Pages:
* http://localhost/testbk/nyheter/
* http://localhost/jibk04_test/aktivitet/3320792/traning
* http://localhost/jibk04_test/match/3320720/akersberga-ibf-b
* http://localhost/testbk-ib-a/profil/867521/stefan-aao-pettersson
********************************/
/*.share-links {
overflow: hidden;
}*/
.share-links a {
margin: 0;
display: inline-block;
}
.share-links a:link, .share-links a:visited {
text-decoration: none;
}
/* Hover parent, dim all options. Hover option dim all other options*/
/*.share-links a:hover {opacity:1;}*/
.share-links a:hover {opacity:0.7;}
.share-links .share i {
width: 24px;
text-align: center;
line-height: 24px;
border-radius: 2px;
display: inline-block;
margin-right: 5px;
color: #fff;
font-size:15px;
}
/* Colors */
.share-links .share.facebook {color: #3b5998;}
.share-links .share.facebook i {background: #3b5998;}
.share-links .share.twitter {color: #55acee;}
.share-links .share.twitter i {background: #55acee;}
.share-links .share.rss {color: #f26522;}
.share-links .share.rss i {background: #f26522;}
.share-links .share.google {color: #d34836;}
.share-links .share.google i {background: #d34836;}
/*
$socialColours:
(
facebook: #3b5998,
twitter: #00aced,
google: #dd4b39,
linkedin: #007bb6,
youtube: #bb0000,
instagram: #517fa4,
pinterest: #cb2027,
flickr: #ff0084,
tumblr: #32506d,
forusquare: #0072b1,
dribbble: #ea4c89,
vine: #00bf8f
);
*/
/* Comment Generated by Combres - Resource '~/css/website/components/edit-section-tools.css' (Mode: Static) */
/*
*/
/* Edit Section dropdown.*/
.edit-section-tools {
float: none !important;
padding: 5px;
background: #fdf6d2;
border-top: 1px solid #fdebcc;
text-align: right;
margin: 10px 0 0;
box-shadow: inset 0 -14px 22px #fff;
}
.section-content.scheduled .edit-section-tools {
background-color: #ffeeee;
border-color: #ddaaaa;
}
.edit-section-tools:hover {
box-shadow: none;
}
.edit-section-tools:hover + div {
background: #fdf6d2;
}
.section-content.scheduled .edit-section-tools:hover + div {
background: #ffeeee;
}
/* Comment Generated by Combres - Resource '~/css/website/components/admin-panel.css' (Mode: Static) */
/* Admin Panel: Action buttons ---------------------------- */
.admin-pnl {
background: #fcf8e3;
border: 1px solid #faebcc;
padding: 7px;
margin-bottom: 20px;
border-radius: 3px;
clear: both;
font-family: Roboto;
display: grid;
grid-template-columns: auto;
text-align:center;
}
.admin-pnl.cols-2 {
grid-template-columns: 49.2% 49.2%;
grid-gap: 7px;
}
.admin-pnl.cols-3 {
grid-template-columns: 32% 32% 32%;
grid-gap: 7px;
}
.admin-pnl.cols-4 {
grid-template-columns: 24% 24% 24% 26%;
grid-gap: 7px;
}
.admin-pnl .btn {
text-align:center;
}
.admin-pnl .btn img {
margin-right: 3px;
margin-top: -2px;
display: inline-block;
}
.admin-pnl .btn[aria-expanded=true] {
box-shadow: inset 0 3px 3px rgba(0,0,0,0.1);
background-color: #f1f1f1;
}
.admin-pnl .dropdown-menu {
width: 100%;
}
.admin-pnl .dropdown .btn-default:before,
.admin-pnl .dropdown .btn-default:after {
display: table;
content: " ";
}
.admin-pnl .dropdown .btn-default:after {
clear: both;
}
.admin-btn {
margin: 10px 0px 20px 0px;
}
.admin-btn img {
vertical-align: top;
margin-right: 5px;
position: relative;
top: 1px;
}
.admin-btn a {
padding: 6px 10px;
}
.admin-btn.top {
margin: -4px 0px 0px 0px;
float: right;
display:flex;
}
/* Admin Icon Button
*
*****************************************/
a.admin-icon-btn {
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 3px;
display: block;
text-align: center;
margin: 0px 0px 0px 0px;
}
a.admin-icon-btn:hover {
background: rgba(236, 151, 31, 0.15);
}
a.admin-icon-btn.admin-icon-btn-default:hover {
background: rgba(111, 111, 111, 0.15);
}
/* Comment Generated by Combres - Resource '~/css/website/components/article-button.css' (Mode: Static) */
.template .article-button {
cursor: pointer;
overflow: hidden;
border-radius: 4px;
width: 100%;
}
.template .article-button a:hover {
background-color: rgba(0,0,0,0.1);
}
.template .article-button a {
position: relative;
display: block;
padding:10px;
text-align:left;
text-decoration: none;
font-family: 'Roboto', sans-serif;
font-size: 19px;
line-height: 1em;
color:#fff;
}
.template .article-button p {
margin:0;
padding-top:1px;
vertical-align: middle;
/*text-transform: uppercase;*/
display: inline-block;
}
/* Prevent overflow */
.article-button p {
width: 81%;
}
.article-button strong,
.article-button span {
display: block;
text-overflow:ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
}
/* Text 1 */
.template .article-button strong {
font-weight: 700;
line-height: 30px;
}
/* Text 2 */
.template .article-button span {
font-weight: 300;
opacity: 0.9;
}
/* Clubmark */
.template .article-button img {
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
/* Arrow */
.template .article-button p .fa {
position: absolute;
right:25px;
top: 50%;
margin-top: -0.5em;
padding-top:1px;
text-shadow: 4px 0 0 #fff;
font-size: 20px;
}
.template .article-button a:hover .fa {
color: rgba(0,0,0,0);
}
/* Text Color - Dark */
.template .article-button.text-dark a { color:#111; }
.template .article-button.text-dark p .fa { text-shadow: 5px 0 0 #111; }
/* Extra rounded */
.template .article-button.rounded { border-radius: 100px; }
.template .article-button.rounded a { padding:10px 20px; }
/* Texterna på två rader*/
.template .article-button.two-lines strong { line-height: 1.2em;}
.template .article-button.two-lines span { font-size: 0.8em; }
/* Utan logo */
.template .article-button.no-logo a { padding:10px 10px 10px 25px; }
.template .article-button.no-logo p { min-height: 2em; }
@media (max-width: 767px) {
.template .article-button a {font-size: 16px;}
.template .article-button img {width: auto;height: 43px;}
}
@media (max-width: 400px) {
.template .article-button a {font-size: 14px;}
.template .article-button.rounded a { padding: 9px 13px; }
.template .article-button img {width: auto; height: 34px;}
.template .article-button p .fa {right: 20px; font-size: 16px;}
}
/* Comment Generated by Combres - Resource '~/css/shared/shared.css' (Mode: Static) */
.users-merged {
height:500px;
background: #fff;
padding: 150px 0px 0px 0px;
text-align: center;
border-radius: 3px;
}
.users-merged .fa {
font-size: 80px;
}
.users-merged h1 {
font-family: Roboto;
font-size: 40px;
font-weight: bold;
letter-spacing: -0.3px;
margin-top:5px;
}
.users-merged p {
font-size: 17px;
}
.users-merged .btn.merge-done {
width:200px;
margin-top:30px;
}
/* Ekopost modal Administration */
.ekopost-logo {
font-weight:bold;
color: #2b53a0;
}
.ekopost-logo span {
color: #0097d7;
}
/* Remove transition on navigation items. */
#navigation.collapsing {
-webkit-transition: none;
transition: none;
}
/**/
.tooltip {
white-space:nowrap;
}
/* FontAwesome fixed with icon */
.fa-fw {
margin-left: -2px;
}
/* Comment Generated by Combres - Resource '~/css/shared/svlag-forms.css' (Mode: Static) */
/*************************
Forms
***************************/
.svlag-form-group {
margin: 0 0 15px 0;
display: inline-block;
width: 100%;
position: relative;
}
.svlag-form-group:last-child {
margin-bottom: 0;
}
.svlag-form-group .svlag-button {
font-weight: 500;
}
.svlag-form-group label,
.svlag-form-group .label {
display: block;
color: #777;
/*position: absolute;
display: inline-block;
margin: 7px 0 0 7px;*/
/*margin: 0 0 2px 0;
font-size: 0.75em;
font-weight: 500;
text-transform: uppercase;*/
/*vertical-align: top;*/
}
.svlag-form-group label span {
position: absolute;
display: inline-block;
margin: 6px 0 0 7px;
}
.svlag-popup-form hr {
margin: 0px -15px 20px -15px;
height: 0;
border: 0;
border-top: 1px solid #f5f5f5;
}
/* Use form-filed for all inputs, select or textarea that should be 100% with in mobile */
.svlag-form-group .form-field {
width: 100%;
}
/* Default style for form elements */
.svlag-form-group input,
.svlag-form-group select,
.svlag-form-group textarea {
display: inline-block;
height: 34px;
padding: 5px 6px;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(120, 120, 120, .1);
vertical-align: top;
background-color: white;
color: #444;
max-width: 100%;
font-family: inherit;
font-size: inherit;
/*outline: none;*/
/*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;*/
font-family: "Roboto", sans-serif;
}
.svlag-form-group select {
padding: 5px 0 5px 3px;
}
.svlag-form-group textarea {
padding: 7px 5px 5px 5px;
min-height: 80px;
}
.svlag-form-group input[type="file"] {
border: 0;
margin-top: 2px;
padding: 0;
box-shadow: none;
height: auto;
font-size: 13px;
outline: none;
}
.svlag-form-group input[type=checkbox] {
border: 0;
margin-top: 2px;
padding: 0;
box-shadow: none;
height: auto;
font-size: 13px;
outline: none;
}
/* Focused */
.svlag-form-group input:focus,
.svlag-form-group select:focus,
.svlag-form-group textarea:focus {
border-color: #8a8a8a;
background-color: #fefefe;
outline: none;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow .5s,border-color .25s ease-in-out;
}
/* Disabled */
.svlag-form-group *[disabled],
.svlag-form-group *[readonly] {
cursor: not-allowed;
background-color: #eee;
opacity: 1;
color: #999;
}
/* Placeholders */
::-webkit-input-placeholder {
color: #bbb;
}
::-moz-placeholder {
color: #bbb;
}
:-ms-input-placeholder {
color: #bbb;
}
:-moz-placeholder {
color: #bbb;
}
/* Invalid value */
.svlag-form-group .invalid {
border-color: #ee1122;
box-shadow: 0 0 2px 0 rgba(180, 0, 0, .3);
}
/* Extra element for text or similar.*/
.svlag-form-group label + .form-element {
padding: 0;
}
.svlag-form-group .form-element {
margin: 5px 0 0;
}
/* Clubmark icon */
.svlag-form-group .svlag-clubmark-small {
max-height: 34px;
}
/* Autocomplete result */
.ac_results {
box-shadow: 0 5px 10px 1px rgba(0,0,0,0.15);
}
.ac_results ul li {
padding: 15px 10px;
border-bottom: 1px solid #eee;
}
/* IE10 select style */
.svlag-form-group select::-ms-expand {
border: 0;
background: transparent;
width: 10px;
padding-right: 5px;
}
/* IE10 type=file fix */
.svlag-form-group input[type=file]::-ms-value {
display: none;
}
.svlag-form-group input[type=file]::-ms-browse {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
padding: 5px 5px;
outline: none;
}
/* Input Time/Date *******************************************/
.svlag-form-group.time {
white-space: nowrap;
}
.svlag-form-group.time label,
.svlag-form-group .time label {
vertical-align: top
}
.svlag-form-group.time select,
.svlag-form-group .time select {
width: 55px;
}
.svlag-form-group.time .hh-mm,
.svlag-form-group .time .hh-mm {
width: 58px;
}
.svlag-form-group .date,
.svlag-form-group .datepicker {
width: 105px;
}
.svlag-form-group.time span {
display: inline-block;
vertical-align: middle;
line-height: 34px;
}
.svlag-form-group.time a {
vertical-align: middle;
}
.ui-datepicker {
z-index: 105 !important;
}
/* Input Goals *******************************************/
.svlag-form-group.goals {
}
.svlag-form-group.goals input {
width: 50px;
text-align: center;
}
.svlag-form-group.goals span {
display: inline-block;
vertical-align: middle;
line-height: 34px;
}
/* Label Links */
.svlag-form-group label a {
float: right;
text-transform: none;
}
/* Label extra text */
.svlag-form-group label span {
float: right;
text-transform: none;
}
/* Toggle list (table with toggle-buttons+content) *******************************************/
.svlag-form-group .toggle-list {
width: 100%;
table-layout: fixed;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
background-color: transparent;
}
.svlag-form-group .toggle-list .no-border {
border: none;
}
.svlag-form-group .toggle-list tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
padding-bottom: 10px;
}
.svlag-form-group .toggle-list tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
border-bottom: 1px solid #dfe5ec;
}
.svlag-form-group .toggle-list.no-last-border tr:last-child {
border-bottom: none;
}
.svlag-form-group .toggle-list td {
padding: 6px 0;
}
.svlag-form-group .toggle-list.toggle-list-extra-padding td {
padding: 10px 0;
}
.svlag-form-group .toggle-list td:first-child {
padding-left: 15px;
}
.svlag-form-group .toggle-list td:last-child {
padding-right: 15px;
}
.svlag-form-group .toggle-list h1 {
font-size: 15px;
font-weight: 500;
margin: 4px 0px 02px 0px;
line-height: 100%;
text-transform: none;
}
.svlag-form-group .toggle-list .toggle-switch {
display: table-cell;
vertical-align: middle;
padding: 10px 0;
}
.svlag-form-group .toggle-list .toggle-label {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
}
.svlag-form-group .toggle-list thead .toggle-label label {
margin: 0;
}
.svlag-form-group .toggle-list thead .toggle-switch {
padding: 0;
}
/* Toggle (toggle group) *******************************************/
.svlag-form-group .toggle {
}
.svlag-form-group i.toggle.active, i.toggle.inactive {
font-size: 28px; /* 28px = 1x1 pixels, 25px creats subpixels.*/
cursor: pointer;
}
.svlag-form-group i.toggle.active {
color: #17bd80;
}
.svlag-form-group i.toggle.inactive {
color: #c3c3c3;
}
/* Fake checkbox *******************************************/
/*
*/
.svlag-form-group .toggle-box input {
display: none;
}
.svlag-form-group .toggle-box i {
transform: rotate(180deg);
font-size: 28px;
line-height: 28px;
color: #777;
vertical-align: middle;
margin-top: -4px;
margin-right: 4px;
position: relative;
cursor: pointer;
}
.svlag-form-group .toggle-box input:checked + i {
color: #3faf61;
transform: rotate(0deg);
}
/****TEST***/
.svlag-switch-on,
.svlag-switch-off {
}
.svlag-switch-on .fa-toggle-on,
.svlag-switch-off .fa-toggle-on {
font-size: 28px;
cursor: pointer;
color: #17bd80;
vertical-align: middle;
margin: -2px 5px 0 0;
}
.svlag-switch-off .fa-toggle-on {
color: #c3c3c3;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/* Vertikal lista med checkboxar */
.svlag-form-group.toggle-group {
}
.svlag-form-group.toggle-group p {
line-height: 1.75em;
vertical-align: top;
margin: 5px 0;
}
.svlag-form-group.toggle-group p:first-child {
margin-top: 0;
}
.svlag-form-group.toggle-group p:last-child {
margin: 0;
}
.svlag-form-group.toggle-group p input {
margin: 5px 0;
}
.svlag-form-group.toggle-group p label {
cursor: pointer;
margin: 0;
}
.svlag-form-group.toggle-group .svlag-switch {
display: none;
}
/* Horizontal form group *******************************************/
.horizontal-group .svlag-form-group {
display: inline-block;
vertical-align: top;
width: auto;
}
.horizontal-group .svlag-form-group.toggle-group p {
padding-top: 5px;
}
/* Info text */
.info-text {
color: #31708f;
background-color: #ebf8ff;
border: 1px solid #bce8f1;
padding: 5px;
border-radius: 2px;
display: block;
text-transform: none;
font-size: 12px;
font-weight: normal;
line-height: 1.75em;
}
.info-text a, .info-text a:hover {
color: #31708f;
}
/* Block of text */
.help-block {
background: #eee;
padding: 10px;
border-radius: 2px;
display: inline-block;
}
.help-block img {
max-width: 100%;
}
i.fa-info-circle {
cursor: pointer;
color: #247bb4;
}
/*********************************
AngularJS Form validation styling
**********************************/
.validation.help-block {
color: #E07676;
font-style: italic;
}
/* error display font italic, text-danger is red in BS */
.validation.text-danger {
font-style: italic;
display: none;
}
/* invalid & (dirty or touched) => red -- CSS3 only */
.ng-invalid,
.ng-invalid.ng-touched:not(:focus) {
border-color: #e74c3c;
}
.custom-validation.ng-touched:not(:focus) {
border-color: #ccc;
}
/* valid & dirty */
.ng-valid.ng-dirty.ng-touched {
border-color: #ccc;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
.item-overlay {
opacity: 0.4;
pointer-events: none;
}
/****** Floating labels - Patrik
/*
*/
.label-float-group {
position: relative;
}
.svlag-form-group .label-float-group {
display: inline-block;
}
.label-float-group input,
.label-float-group select,
.label-float-group textarea {
width: 100%;
height: auto;
padding: 22px 10px 1px 10px;
box-sizing: border-box;
border-radius: 5px;
border: 1px solid #d9d9d9;
line-height: 1.5em;
}
.label-float-group select {
padding: 22px 10px 1px 6px;
height: 46px;
}
.label-float-group label {
position: absolute;
top: 14px;
left: 10px;
margin-bottom: 5px;
font-size: 1em;
color: #999;
text-transform: none;
font-weight: 300;
}
.label-float-group input:focus ~ label,
.label-float-group textarea ~ label {
top: 6px;
left: 11px;
font-size: 0.85em;
transition: all 0.3s;
transform: none;
}
.label-float-group select ~ label,
.float-label ~ label {
font-size: 0.85em;
top: 6px;
left: 11px;
transform: none;
}
.label-float-group input:focus,
.label-float-group select:focus,
.label-float-group textarea:focus {
box-shadow: 0 0 0 1px #298ccd;
border-color: #298ccd;
border-radius: 3px;
}
.grouped .label-float-group,
.time .label-float-group {
display: inline-block;
margin-right: 5px;
vertical-align: top;
}
/*********************************
Small Phones (iPhone < 5)
**********************************/
@media (max-width: 340px) {
.svlag-form-group .toggle-list td {
padding-left: 15px;
}
}
/*********************************
All modern mobile devices.
https://bjango.com/articles/min-device-pixel-ratio/
**********************************/
@media (-webkit-min-device-pixel-ratio: 1.2) {
.svlag-form-group.time select {
letter-spacing: -0.07em;
padding-left: 0px;
}
.svlag-form-group.toggle-group p input {
margin: 7px 0 0 0;
}
}
/*********************************
Popups bigger than 600px
**********************************/
@media (min-width: 600px) {
.svlag-form-group .toggle-list h1 {
font-size: 18px;
font-weight: 600;
margin: 3px 0px 2px 0px;
}
}
/* Comment Generated by Combres - Resource '~/css/shared/tip-holder.css' (Mode: Static) */
/* --- Tooltip --- */
#tip-holder {
display: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 10001;
max-width: 300px;
}
#tip-holder span {
display: block;
background: #171717;
color: white;
padding: 8px 10px;
font-size: 12px;
border-radius: 3px;
border: 1px solid #171717;
box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
/*white-space:nowrap;*/
}
#tip-holder .arrow {
background: url("/img/tooltip-arrow.png") top center no-repeat;
height: 4px;
width: 100%;
}
/* Comment Generated by Combres - Resource '~/css/shared/popup-box.css' (Mode: Static) */
/* --- Popup-box --- */
.popup-wrap,
.popup-wrap-noclose,
.popup-wrap-noclick,
.popup-wrap-an {
z-index: 3000;
position: fixed;
display: none;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
.popup-wrap-an.vue {
display: block;
}
.popup-box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -51%);
width: 600px;
box-shadow: 0 1px 10px rgba(0,0,0,0.1);
border-radius: 10px;
background-color: #fff;
}
.popup-box.popup-box-wide {
width: 600px;
}
.popup-box .popup-box-header {
padding: 22px 25px;
background: #3f8dcf;
border-radius: 5px 5px 0px 0px;
color: #fff;
height: 70px;
}
.popup-box .popup-box-header .text-muted {
color: #fff !important;
opacity:0.4;
}
.popup-box .popup-box-header .close-x {
float: right;
font-size: 35px;
line-height: 15px;
color: #fff;
text-decoration: none !important;
font-weight: bold;
padding: 5px;
margin-right: -6px;
}
.popup-box .popup-box-header .close-x:hover {
opacity: 0.7;
}
.popup-box .popup-box-header h1,
.popup-box .popup-box-header h2 {
font-size: 24px;
letter-spacing:-0.4px;
margin: 0px;
}
.popup-box .popup-box-header a:hover {
opacity: 0.7;
}
.popup-box .popup-box-content {
padding: 25px 25px 30px;
background: #fff;
}
.popup-box .popup-box-content h2 {
font-size:18px;
margin-top:0;
margin-bottom:5px;
}
.popup-box .popup-box-content table p {
line-height: 30px;
}
.popup-box .popup-box-footer {
padding: 9px 25px 25px;
background: #fff;
border-radius: 0px 0px 5px 5px;
text-align: right;
overflow: hidden;
}
.popup-box .popup-box-footer > .btn {
float: right;
margin: 0px 0px 0px 5px;
}
.popup-box .popup-box-footer.popup-box-footer-empty {
padding: 5px 25px;
}
.popup-box .btn {
border-radius:100px !important;
font-size:16px;
line-height:38px;
font-weight:bold;
padding:0 20px;
}
.popup-box .input-group-btn .btn {
border-radius: 0px 100px 100px 0px !important;
font-size: 16px;
line-height: 33px;
font-weight: bold;
padding: 0 15px;
}
.popup-box .btn-primary {
background-color: #41bd7e;
border-color: #41bd7e;
}
.popup-box .btn-primary:hover,
.popup-box .btn-primary:focus {
background-color: #32b170;
border-color: #32b170;
}
.popup-box .btn-default {
font-weight: normal;
}
.sending-popup {
display: block;
}
.sending-popup .popup-box {
padding: 50px 0px;
text-align: center;
}
.sending-popup .popup-box h1 {
margin-bottom: 20px;
}
.popup-box .invoice-item {
background-color: #eee;
padding: 9px 10px;
overflow: hidden;
margin-bottom: 5px;
border-radius:3px;
}
.popup-box .invoice-item:last-child {
margin-bottom: 0px;
}
/* Comment Generated by Combres - Resource '~/css/shared/footer-signup-ad.css' (Mode: Static) */
/* --- SIDFOT: "Bli Medlem/Anmäl dig här" knappen ---------------------------- */
.signup-footer-ad {
padding: 20px;
border-top: 1px solid #ddd;
}
.signup-footer-ad-preview {
padding: 10px 20px;
border: none;
}
.signup-footer-ad h1 {
font-size: 24px;
margin: 2px 0px 0px 0px;
}
.signup-footer-ad h1 img {
vertical-align: middle;
position: relative;
margin-top: -3px;
margin-right: 10px;
max-height: 50px;
}
.signup-footer-ad .btn {
margin-top: 3px;
min-width: 200px;
text-decoration: none;
}
.signup-footer-ad .col-sm-4 {
text-align: right;
}
/* Comment Generated by Combres - Resource '~/css/shared/style.css' (Mode: Static) */
/* Popup */
body.popup h1 {
margin-bottom:40px;
}
body.Popup {
background-color:#FFFFFF;
margin:20px 40px 20px 40px;
background-image: url("/img/admin/popup_bg.jpg");
background-repeat:repeat-x;
text-align:left;
}
div.center-div {
width: 100%;
}
div.center-div table.center, div.center-div-all table {
margin:auto;
}
/*
.ui.closeButton a
{
background-image:url("/img/ui/close_btn_gray.png");
width:15px;
height:15px;
padding:0;
margin:0;
position:relative;
z-index:3;
float:right;
margin:4px;
display:none;
}
*/
/*
div.uiRow:hover .ui.closeButton a, .ui.closeButton a.showClose
{
display:inline;
}
.ui.closeButton a:hover
{
background-position:0 -15px;
cursor:pointer;
}
.ui.closeButton a:active
{
background-position:0 -30px;
}
*/
/*
.uiRow.block
{
background:#f1f1f1; margin-bottom:4px; width:500px;
}
.uiRow .photo
{
padding:7px;float:left
}
.uiRow .comment
{
padding:10px 0px 10px 3px; float:left;
width:420px;
}
*/
/*
.icoTag
{
background-image:url("/img/icons/tag.png");
background-repeat:no-repeat;
padding: 0px 0px 2px 5px;
}
#BtnCancel {
font-weight: bold;
height: 28px;
margin-top: 10px;
width: 120px;
}
*/
/* Comment Generated by Combres - Resource '~/css/shared/loading-overlay.css' (Mode: Static) */
.loading-overlay,.loading-spinner {
position: absolute;
display: block;
}
.loading-spinner {
background: url("/img/spinner/spinner.gif") no-repeat center center;
z-index: 2;
}
.loading-overlay {
background-color: #FFF;
z-index: 1;
}
/* Loadmask */
.loadmask {
z-index: 100;
position: absolute;
top: 0;
left: 0;
-moz-opacity: 0.8;
opacity: .8;
filter: alpha(opacity=80);
background-color: #eee;
width: 100%;
height: 100%;
zoom: 1;
}
.loadmask-msg {
z-index: 20001;
position: absolute;
top: 0;
left: 0;
text-align:center;
}
.loadmask-msg div {
width:220px;
height:60px;
background: url("/img/spinner/ajax-loader.gif") no-repeat center center;
}
.masked {
overflow: hidden !important;
}
.masked-relative {
position: relative !important;
}
.masked-hidden {
visibility: hidden !important;
}
/* Comment Generated by Combres - Resource '~/css/shared/file-upload-container.css' (Mode: Static) */
/* Gallery upload */
#file-upload-container {
margin-top:20px;
margin-bottom:25px;
}
#file-upload-container .buttons {
padding-bottom:15px;
}
#file-upload-container .buttons a {
margin-left:18px;
}
#file-upload-container p {
margin:0;
padding:0 0 10px 0;
}
#file-upload-container .queue {
border:1px solid #ddd;
width:100%;
padding:5px 5px 10px 5px;
min-height:170px;
background-color:#fefefe;
}
/* Comment Generated by Combres - Resource '~/css/shared/typography.css' (Mode: Static) */
/* Typography *******************************************/
h1, h2, h3, h4, h5 {font-weight: bold;}
h1 {margin-bottom:10px;}
h3 {
font-family: Arial, Helvetica;
font-size: 16px;
font-weight: bold;
line-height: 130%;
margin: 25px 0px 5px 0px;
color: #333;
}
h4, h5, h6 {
margin: 0px;
line-height: 120%;
}
/* Utility: Typography ********************************/
.font-default {font-family: inherit;}
.lg {font-size: 16px;}
.lh1 {line-height: 1;}
.left-align {text-align: left;}
.center-align {text-align: center;}
.right-align {text-align: right;}
.text-normal {font-weight: normal;}
.nowrap {white-space: nowrap;}
/* ellipsis ... */
.text-narrow {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.break-long-words {
-ms-word-break: break-all;
word-break: break-word;
/* hyphen*/
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
/* Firefox only */
@supports (-moz-appearance:none) {
.break-long-words {
word-wrap: break-word;
word-break: break-word !important;
}
}
/* Text Size */
.sz11 {font-size: 11px;}
.sz12 {font-size: 12px;}
.sz13 {font-size: 13px;}
.sz14 {font-size: 14px;}
.xsmall {font-size: 80%;}
.lead {font-size: 20px;}
@media (max-width: 888px) {
/* Typography */
.label.label-xs {padding: 4px; }
.text-responsive {font-size: 85%;}
}
/* Comment Generated by Combres - Resource '~/css/shared/buttons.css' (Mode: Static) */
/* Standard Buttons *****************************************************************************************************************/
.btn {
text-decoration: none;
padding-left: 13px;
padding-right: 13px;
}
.btn .btn-icon {
margin-top: -2px;
}
.btn-ico-text img {
float: left;
margin: 2px 5px 0px 0px;
}
.btn .fa {
line-height: inherit;
}
.btn-lg {
border-radius: 3px;
}
.btn-wide {
min-width: 120px;
}
.btn-lg.btn-wide {
min-width: 180px;
}
.btn-xs, .btn-group-xs > .btn {
padding: 1px 5px;
font-size: 13px;
}
/* Default */
.btn-default,
.btn-default:link,
.btn-default:focus {
background-color: #fbfbfb;
border-color: #ccc;
box-shadow: 0px 1px 0px rgba(0,0,0,0.01);
color: #555;
}
.btn-default:hover {
background: #fff;
border-color: #ccc;
}
.btn-default:active,
.btn-default.active,
.btn-default[data-toggle="dropdown"][aria-expanded="true"] {
background-color: #eee;
border-color: #ccc;
background: linear-gradient(#eee,#f2f2f2);
box-shadow: inset 0px 1px 5px rgba(0,0,0,.06);
}
/* Primary */
.btn-primary,
.btn-primary:link,
.btn-primary:focus {
background: #298ccd;
border-color: #298ccd;
}
.btn-primary:hover {
background: #3e96d2;
border-color: #3e96d2;
}
.btn-primary:active {
background-color: #286090;
border-color: #204d74;
}
/* Success */
.btn-success,
.btn-success:link,
.btn-success:focus {
/*background-color: #5cb85c;
border-color: #5cb85c;*/
background-color: #41bd7f;
border-color: #41bd7f;
}
.btn-success:hover {
/*background-color: #449d44;
border-color: #449d44;*/
background-color: #38aa71;
border-color: #38aa71;
}
/* Danger / Delete */
.btn-danger,
.btn-danger:focus {
background: #d9534f;
border-color: #d9534f;
}
.btn-danger:hover {
background: #dd6460;
border-color: #dd6460;
}
.btn-danger:active,
.btn-danger.active,
.btn-danger[data-toggle][aria-expanded='true'] {
border-color: #cf4f4b;
background: #cf4f4b;
box-shadow: inset 0px 1px 5px rgba(0,0,0,.06);
}
/* Older buttons */
.btn-group .first {
border-radius: 3px 0px 0px 3px;
}
.btn-group .last {
border-right: 1px solid #ccc;
border-radius: 0px 3px 3px 0px;
}
.btn-group input[type=radio] {
display: none;
}
.btn-group input[type=radio]:checked + label {
background: #eee;
box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);
}
.btn-group-justified .btn {
border-left-width: 0px;
}
.btn-group-justified .btn:first-child {
border-left-width: 1px;
}
.btn-group-sizing .btn {
padding-top: 0px;
padding-bottom: 0px;
line-height: 32px;
}
.btn-group-sizing .btn .fa {
line-height: 1;
}
.btn-group-sizing .btn:first-child {
font-size: 80%;
}
.btn-group-sizing .btn:last-child {
font-size: 130%;
}
/* Comment Generated by Combres - Resource '~/css/shared/margin-padding.css' (Mode: Static) */
/* Margin *****************************************************************************************************************/
.m-0 { margin: 0px !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-30 { margin: 30px !important; }
.m-40 { margin: 40px !important; }
.m-b-0 { margin-bottom: 0px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-40 { margin-bottom: 40px !important; }
.m-t-0 { margin-top: 0px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-t-60 { margin-top: 60px !important; }
.m-l-0 { margin-left: 0px !important; }
.m-l-3 { margin-left: 3px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-r-0 { margin-right: 0px !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-lr-0 { margin-left: 0px !important; margin-right: 0px !important; }
.m-lr-10 { margin-left: 10px !important; margin-right: 10px !important; }
.m-lr-15 { margin-left: 15px !important; margin-right: 15px !important; }
.m-lr-20 { margin-left: 20px !important; margin-right: 20px !important; }
.m-lr-25 { margin-left: 25px !important; margin-right: 25px !important; }
.m-lr-30 { margin-left: 30px !important; margin-right: 30px !important; }
.m-lr-35 { margin-left: 35px !important; margin-right: 35px !important; }
.m-lr-40 { margin-left: 40px !important; margin-right: 40px !important; }
/* Padding *****************************************************************************************************************/
.p-0 { padding: 0px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }
.p-40 { padding: 40px !important; }
.p-b-0 { padding-bottom: 0px !important; }
.p-b-2 { padding-bottom: 2px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-b-40 { padding-bottom: 40px !important; }
.p-t-0 { padding-top: 0px !important; }
.p-t-2 { padding-top: 2px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-40 { padding-top: 40px !important; }
.p-r-0 {padding-right:0px !important; }
.p-r-5 {padding-right:5px !important; }
.p-r-10 {padding-right:10px !important; }
.p-r-15 {padding-right:15px !important; }
.p-r-20 {padding-right:20px !important; }
.p-r-30 {padding-right:30px !important; }
.p-l-0 {padding-left:0px !important; }
.p-l-5 {padding-left:5px !important; }
.p-l-10 {padding-left:10px !important; }
.p-l-15 {padding-left:15px !important; }
.p-l-20 {padding-left:20px !important; }
.p-l-30 {padding-left:30px !important; }
.p-lr-0 { padding-left: 0px !important; padding-right: 0px !important; }
.p-lr-10 { padding-left: 10px !important; padding-right: 10px !important; }
.p-lr-15 { padding-left: 10px !important; padding-right: 10px !important; }
.p-lr-20 { padding-left: 20px !important; padding-right: 20px !important; }
.p-lr-25 { padding-left: 25px !important; padding-right: 25px !important; }
.p-lr-30 { padding-left: 30px !important; padding-right: 30px !important; }
.p-lr-35 { padding-left: 35px !important; padding-right: 35px !important; }
.p-lr-40 { padding-left: 40px !important; padding-right: 40px !important; }
/*older pixels*/
.pix20 {height: 20px;border-collapse: collapse;padding: 0px;}
.pix10 {height: 10px;border-collapse: collapse;padding: 0px;}
/* Comment Generated by Combres - Resource '~/css/shared/alerts.css' (Mode: Static) */
.alert {
font-size: 14px;
padding: 12px 10px;
margin: 10px 0px;
border-radius: 3px;
}
.alert.alert-sm{
font-size: 12px;
padding: 7px 10px;
margin: 3px 0px;
line-height: 18px;
}
.alert-default {
background-color: #f7f7f7;
border: 1px solid #ddd;
}
.alert-error, .alert-danger {
color: #d9534f;
background-color: #ffdddb;
border: 1px solid #ffa6a3;
}
.alert-danger-light {
color: #e14d4e;
background-color: #fff2f2;
border: 1px solid #ffcece;
}
.alert-warning {
color: #8d6c2b;
background-color: #fbf8e2;
border: 1px solid #f8ebcb;
}
.alert-info {
color: #31708f;
background-color: #ebf8ff;
border: 1px solid #bce8f1;
}
.alert-success {
color: #3faf61;
background-color: #d9f2e1;
border: 1px solid #c4ebd0;
}
.alert-success a .fa-close {
color: #3c763d;
opacity: 0.3;
}
.alert-success a .fa-close:hover {
opacity: 1;
}
/* Comment Generated by Combres - Resource '~/css/shared/alerts-floating.css' (Mode: Static) */
#alert {
width: 100%;
left: 0px;
bottom: 0px;
margin-bottom: 25px;
position: fixed;
display: none;
z-index: 10000;
text-align: center;
}
#alert .msg {
width: 650px;
height: 50px;
max-width: 100%;
margin: 0 auto;
position: relative;
border-radius: 4px;
overflow: hidden;
box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
text-align: left;
}
#alert .msg p {
font-family: Roboto, Helvetica, Arial;
line-height: 50px;
font-size: 16px;
color: #FFF;
margin: 0px;
padding: 0 25px 0 40px;
}
/* Colors */
#alert .msg.green {
background-color: #41bd67;
}
#alert .msg.red {
background-color: #ea4f51;
}
#alert .msg.yellow {
background-color: #f0b516;
}
#alert .msg.blue {
background-color: #3f8dcf;
}
/* Icon and Font Awesome */
#alert .msg .icon:before,
#alert .msg .cancel-icon:before {
display: block;
font: normal normal normal 18px/1 FontAwesome;
color: #FFF;
}
/* Message icon */
#alert .msg .icon {
position: absolute;
top: 16px;
left: 15px;
}
/* Close icon */
#alert .msg .cancel-icon {
position: absolute;
top: 16px;
right: 15px;
text-decoration: none !important;
}
#alert .msg .cancel-icon:before {
content: '\f057';
}
/* Icons */
#alert .msg.green .icon:before {
content: '\f058'; /* OK = f058 (check) */
}
#alert .msg.yellow .icon:before {
content: '\f071'; /* (i) = f071 */
}
#alert .msg.blue .icon:before {
content: '\f05a'; /* (!) = f06a */
}
#alert .msg.red .icon:before {
content: '\f05e'; /* (/) = f05e */
}
/* --- SMALL SCREEN VERSION -------------------------------------------------------------------- */
@media (max-width: 1024px) {
}
/* --- MOBILE VERSION - NO LEFT ICONS -------------------------------------------------------------------- */
@media (max-width: 888px) {
#alert {
left: 0;
margin: 0;
}
#alert .msg {
border-radius: 0;
width: 100%;
height: auto;
}
#alert .msg p {
padding: 15px 34px 15px 15px;
font-size: 15px;
line-height: 20px;
}
/* Icons */
#alert .msg .cancel-icon {
top: 15px;
}
#alert .msg .icon {
display:none;
}
}
/* Comment Generated by Combres - Resource '~/css/shared/colors-text.css' (Mode: Static) */
.text-default,
a.text-default:focus {
color: #444 !important;
}
a.text-default:hover {
color: #1176a5 !important;
}
.text-muted,
a.text-muted:hover,
a.text-muted:focus {
color: #999 !important;
}
.text-xmuted,
a.text-xmuted:hover,
a.text-xmuted:focus {
color: #ddd !important;
}
.text-primary,
a.text-primary:hover,
a.text-primary:focus {
color: #298ccd !important;
}
.text-secondary,
a.text-secondary:hover,
a.text-secondary:focus {
color: #b5772b !important;
}
.text-success,
a.text-success:hover,
a.text-success:focus {
color: #41bd7f !important;
}
.text-success-light,
a.text-success-light:hover,
a.text-success-light:focus {
color: #bfddb3 !important;
}
.text-warning,
a.text-warning:hover,
a.text-warning:focus {
/*color: #ec971f !important;*/
color: #f2b736 !important;
}
.text-danger,
a.text-danger:hover,
a.text-danger:focus {
/*color: #d9534f !important;*/
color: #eb445a !important;
}
.text-note,
a.text-note:hover,
a.text-note:focus {
color: #f3cb50 !important;
}
.text-white,
a.text-white:hover,
a.text-white:focus {
color: #FFF !important;
}
.text-cp,
a.text-cp:hover,
a.text-cp:focus {
color: #1176a5 !important;
}
.grey {
color: #666;
}
.dimmed {
color: #999;
}
.no, .red {
color: #DD0000;
}
.yes, .green {
color: #328c07;
}
.white {
color: #FFFFFF;
}
.bg-primary {
background-color: #298ccd !important;
color: #fff;
}
.bg-primary-light {
background-color: rgba(62,165,235,0.15) !important;
color: #4b8bb6;
}
.bg-secondary {
background-color: #ffebac !important;
color: #b5772b;
}
.bg-success {
background-color: #41bd7f !important;
color: #fff;
}
.bg-danger {
background-color: #eb445a !important;
color: #fff;
}
.bg-warning {
background-color: #f2b736 !important;
color: #fff;
}
.bg-muted {
background: #f9f9f9;
}
.bg-default {
background-color: #999 !important;
color: #fff;
}
/* Comment Generated by Combres - Resource '~/css/shared/colors-labels.css' (Mode: Static) */
.label-primary {
background-color: #298ccd !important;
color: #fff;
}
.label-primary-light {
background-color: rgba(62,165,235,0.15) !important;
color: #4b8bb6;
}
.label-success-light {
background-color: rgba(86,189,125,0.15) !important;
color: #56bd7d;
}
.label-danger-light {
background-color: rgba(235,68,90,0.15) !important;
color: #eb445a;
}
.label-secondary {
background-color: #ffebac !important;
color: #b5772b;
}
.label-success {
background-color: #41bd7f !important;
color: #fff;
}
.label-danger {
background-color: #eb445a !important;
color: #fff;
}
.label-warning {
background-color: #f2b736 !important;
color: #fff;
}
.label-muted {
background-color: #DDD !important;
color: #fff;
}
.label-default {
background-color: #999 !important;
color: #fff;
}
/* Comment Generated by Combres - Resource '~/css/shared/hovercard.css' (Mode: Static) */
#hovercard {
display: block;
position: absolute;
z-index:10000;
width: 330px;
height: 165px;
}
#hovercard ul {
list-style: none;
}
#hovercard ul li {
float: left;
margin-right: 6px;
}
#hovercard .info {
height: 78px;
margin-top: 5px;
}
#hovercard {
background: #fff;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
padding: 15px;
}
#hovercard .mail {
float: right;
width: 16px;
}
#hovercard .profile {
display: block;
}
#hovercard a {
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
#hovercard .name a {
font-size: 16px;
}
#hovercard .name {
width: 180px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#hovercard .name:hover {
text-decoration: underline;
}
#hovercard .gallery-link img {
margin: 0px 3px -4px 0px;
}
#hovercard a.gallery-link {
background: url("/img/tooltip/btn_bg.gif");
padding: 5px 7px 5px 5px;
border: 1px solid #999999;
color: #444;
box-shadow: 0px 1px 1px #d9d9d9;
}
/* Comment Generated by Combres - Resource '~/css/shared/member-search.css' (Mode: Static) */
/* Member search
* Search+results on
* http://localhost/testbk-fotboll/teams?addteam=1 (Våra lag, lägg till lag)
* http://localhost/testbk-fotboll/kontrollpanelen/medlemmar/ny-sok/8 (CP: Lägg till person )
* http://localhost/testbkherrar/kontrollpanelen/medlemmar/malsman/148666/daniel-danielsson/ (CP: koppla målsman)
* http://localhost/testbk/medlemsregister/lista (Register: - >klicka på en användare -> väl målsmän -> lägg till)
*************************************/
/* member-result-list
***************************/
.member-result-list .list-group-thumbs .list-group-item {
padding:10px;
}
.member-result-list a.list-group-item:hover {
background: #f4f9ff;
}
/* Dim previous result while searching */
.member-result-list .search-dimmed {
opacity: 0.5;
}
.search-members .search {
margin: 20px 0px;
}
.search-members .footer {
text-align: right;
overflow: hidden;
padding-top: 20px;
border-top: 1px solid #e3ebf4;
}
/* .list
* used on some search results.
*************************************/
.member-result-list .list {
border-radius: 3px;
border: 1px solid #e3ebf4;
border-top: 0px;
border-bottom: 0px;
background: #fff;
}
.member-result-list .list .search-item {
padding:10px;
}
.member-result-list .list input {
margin: 8px 8px 8px 0
}
.member-result-list .list label {
width: 100%;
}
/* Comment Generated by Combres - Resource '~/css/shared/ajaxloader.css' (Mode: Static) */
/* Ajax */
#ajax-container .loader, .ajax-container .loader {
background-image: url("/img/spinner/ajax-loader.gif");
background-repeat: no-repeat;
background-position: center 40px;
color: #999;
text-align: center;
padding-top: 70px;
padding-bottom: 50px;
clear: both;
}
#ajax-container .loader .content, .ajax-container .loader .content {
}
#ajax-container .failed, .ajax-container .failed {
color: #ff0000;
padding-top: 60px;
padding-bottom: 60px;
text-align: center;
display: none;
}
.controlpanel .loader, .ajax-spinner {
background-image: url("/img/spinner/ajax-loader.gif");
background-repeat: no-repeat;
background-position: center 70px;
text-align: center;
padding-top: 140px;
}
/* Comment Generated by Combres - Resource '~/css/shared/svelag-datepicker.css' (Mode: Static) */
/* --- DATEPICKER --- */
.ui-datepicker {
display: none;
background: #fff;
border-radius: 3px;
overflow: hidden;
width: 260px;
border: 1px solid #ccc;
box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
padding: 10px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
font-size: 14px;
}
.ui-datepicker a {
text-decoration: none;
}
.ui-datepicker-header {
padding: 0px 0px 10px 0px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
text-align: center;
}
.ui-datepicker-header a {
color: #298ccd;
}
.ui-datepicker-header a:hover {
color: #97b3cf;
}
.ui-datepicker-prev {
float: left;
cursor: pointer;
-webkit-user-select: none;
}
.ui-datepicker-next {
float: right;
cursor: pointer;
-webkit-user-select: none;
}
.ui-datepicker-calendar {
width: 100%;
}
.ui-datepicker-calendar {
font-size: 14px;
}
.ui-datepicker-calendar th {
text-align: center;
color: #999;
font-size: 11px;
text-transform: uppercase;
}
.ui-datepicker-calendar span,
.ui-datepicker-calendar a {
display: block;
color: #555;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 15px;
}
.ui-datepicker-calendar a:hover {
background: #f2f2f2;
color: #555;
}
.ui-datepicker-calendar td {
text-align: center;
}
.ui-datepicker-today a {
background: #e4f0ff;
}
.ui-datepicker-current-day a {
color: #fff;
background: #298ccd;
}
.ui-datepicker-current-day a:hover {
color: #fff;
background: #298ccd;
}
.ui-state-disabled {
opacity: .2;
}
/* Comment Generated by Combres - Resource '~/css/shared/links.css' (Mode: Static) */
/* --- LINKS 2 ---------------------------------------------------------------- */
a.add.inactive:link {
color: #666;
}
a.add.inactive:hover {
color: #444;
}
a.add:link {
text-decoration: none;
color: #2d8900;
}
a.add:active {
text-decoration: none;
color: #2d8900;
}
a.add:visited {
text-decoration: none;
color: #2d8900;
}
a.add:hover {
text-decoration: none;
color: #81b866;
}
a.edit:link {
text-decoration: none;
color: #e26a00;
}
a.edit:active {
text-decoration: none;
color: #e26a00;
}
a.edit:visited {
text-decoration: none;
color: #e26a00;
}
a.edit:hover {
text-decoration: none;
color: #eea666;
}
a.delete:link {
text-decoration: none;
color: #dd0000;
}
a.delete:active {
text-decoration: none;
color: #dd0000;
}
a.delete:visited {
text-decoration: none;
color: #dd0000;
}
a.delete:hover {
text-decoration: none;
color: #eb6666;
}
a.info:link {
text-decoration: none;
color: #3068a0;
}
a.info:active {
text-decoration: none;
color: #3068a0;
}
a.info:visited {
text-decoration: none;
color: #3068a0;
}
a.info:hover {
text-decoration: none;
color: #97b3cf;
}
a.admin:link {
text-decoration: none;
color: #1176a5;
}
a.admin:active {
text-decoration: none;
color: #1176a5;
}
a.admin:visited {
text-decoration: none;
color: #1176a5;
}
a.admin:hover {
text-decoration: none;
color: #82b7d1;
}
a.admin.no-hover:hover {
text-decoration: none;
color: #1176a5;
}
a.grey:link {
text-decoration: none;
color: #666;
}
a.grey:active {
text-decoration: none;
color: #666;
}
a.grey:visited {
text-decoration: none;
color: #666;
}
a.grey:hover {
text-decoration: none;
color: #888;
}
a.notice:link {
text-decoration: none;
color: #d2235a;
}
a.notice:active {
text-decoration: none;
color: #d2235a;
}
a.notice:visited {
text-decoration: none;
color: #d2235a;
}
a.notice:hover {
text-decoration: none;
color: #e47b9c;
}
a.tip:link {
text-decoration: none;
color: #105f7d;
}
a.tip:active {
text-decoration: none;
color: #105f7d;
}
a.tip:visited {
text-decoration: none;
color: #105f7d;
}
a.tip:hover {
text-decoration: none;
color: #78a7b9;
}
a.white:link {
text-decoration: underline;
color: #FFF;
}
a.white:active {
text-decoration: underline;
color: #FFF;
}
a.white:visited {
text-decoration: underline;
color: #FFF;
}
a.white:hover {
text-decoration: underline;
color: #FFF;
}
a.sort:link {
text-decoration: none;
color: #444;
}
a.sort:active {
text-decoration: none;
color: #444;
}
a.sort:visited {
text-decoration: none;
color: #444;
}
a.sort:hover {
text-decoration: none;
color: #000;
}
a.svelag:link {
color: #0080c9;
text-decoration: none;
}
a.svelag:visited {
color: #0080c9;
text-decoration: none;
}
a.svelag:active {
color: #0080c9;
text-decoration: none;
}
a.svelag:hover {
color: #333;
text-decoration: none;
}
a.disabled {
color: #999 !important;
pointer-events: none;
}
/* Comment Generated by Combres - Resource '~/css/shared/hr.css' (Mode: Static) */
/* Horizontal line *****************************************************************************************************************/
hr {
margin: 20px 0px;
border-color: #ddd;
clear: both;
}
hr.md {
margin: 15px 0px;
}
hr.hr {
display: block;
margin: 10px 0px;
border: none;
height: 1px;
background: #ccc;
}
/* Comment Generated by Combres - Resource '~/css/shared/member-types.css' (Mode: Static) */
.mt-1-header,
.mt-2-header,
.mt-3-header,
.mt-4-header,
.mt-5-header,
.mt-6-header,
.mt-7-header,
.mt-8-header,
.mt-9-header {
font-weight:500;
}
/* MemberType1 ***************************************/
.mt-1-header {
background: #e1effa;
color: #335e80;
}
.mt-1-header:hover {background: #d6e9f8;}
.mt-1-row {background: #f2f8fd;}
.mt-1-row:hover {background: #e8f3fb;}
/* MemberType2 ***************************************/
.mt-2-header {
background: #fef2e2;
color: #6d512b;
}
.mt-2-header:hover{background:#fdedd8;}
.mt-2-row {background: #fef9f2;}
.mt-2-row:hover{background:#fef5e9;}
/* MemberType3 ***************************************/
.mt-3-header {
background: #efe6fe;
color: #60448e;
}
.mt-3-header:hover {background: #e9ddfd;}
.mt-3-row {background: #f8f4fe;}
.mt-3-row:hover {background: #f3ecfe;}
/* MemberType4 ***************************************/
.mt-4-header {
background: #f7f0fd;
color: #604975;
}
.mt-4-header:hover {background: #f4eafd;}
.mt-4-row {background: #fbf8fe;}
.mt-4-row:hover {background: #f9f3fe;}
/* MemberType5***************************************/
.mt-5-header {
background: #e9e9e9;
color: #555555;
}
.mt-5-header:hover {background: #e1e1e1;}
.mt-5-row {background: #f5f5f5;}
.mt-5-row:hover {background: #eeeeee;}
/* MemberType6 ***************************************/
.mt-6-header {
background: #fcf6de;
color: #61572b;
}
.mt-6-header:hover {background: #fbf3d2;}
.mt-6-row {background: #fefbf0;}
.mt-6-row:hover {background: #fdf9e6;}
/* MemberType7 ***************************************/
.mt-7-header {
background: #e7f6e6;
color: #3a6835;
}
.mt-7-header:hover {background: #dff3dd;}
.mt-7-row {background: #f5fbf4;}
.mt-7-row:hover {background: #edf8ec;}
/* MemberType8 ***************************************/
.mt-8-header {
background: #fee5fa;
color: #833779;
}
.mt-8-header:hover {background: #fddcf9;}
.mt-8-row {background: #fef4fd;}
.mt-8-row:hover {background: #feecfb;}
/* MemberType9 ***************************************/
.mt-9-header {
background: #fde8e8;
color: #844141;
}
.mt-9-header:hover {background: #fddfe0;}
.mt-9-row {background: #fef5f5;}
.mt-9-row:hover {background: #feedee;}
/* Member Colors *****************************************************************************************************************/
.membertype-colors {}
.text-membertype-1 {color: #269ade;}
.text-membertype-2 {color: #fdae47;}
.text-membertype-3 {color: #9e63f7;}
.text-membertype-4 {color: #cf9ef5;}
.text-membertype-5 {color: #777777;}
.text-membertype-6 {color: #f3ca27;}
.text-membertype-7 {color: #5dc862;}
.text-membertype-8 {color: #ff5ce2;}
.text-membertype-9 {color: #fe6d6d;}
.bg-membertype-1, .bg-membertype-1:hover,
.bg-membertype-1:active, .bg-membertype-1:focus {
background: #269ade;
border-color: #269ade;
}
.bg-membertype-2, .bg-membertype-2:hover,
.bg-membertype-2:active, .bg-membertype-2:focus {
background: #fdae47;
border-color: #fdae47;
}
.bg-membertype-3, .bg-membertype-3:hover,
.bg-membertype-3:active, .bg-membertype-3:focus {
background: #9e63f7;
border-color: #9e63f7;
}
.bg-membertype-4, .bg-membertype-4:hover,
.bg-membertype-4:active, .bg-membertype-4:focus {
background: #cf9ef5;
border-color: #cf9ef5;
}
.bg-membertype-5, .bg-membertype-5:hover,
.bg-membertype-5:active, .bg-membertype-5:focus {
background: #777777;
border-color: #777777;
}
.bg-membertype-6, .bg-membertype-6:hover,
.bg-membertype-6:active, .bg-membertype-6:focus {
background: #f3ca27;
border-color: #f3ca27;
}
.bg-membertype-7, .bg-membertype-7:hover,
.bg-membertype-7:active, .bg-membertype-7:focus {
background: #5dc862;
border-color: #5dc862;
}
.bg-membertype-8, .bg-membertype-8:hover,
.bg-membertype-8:active, .bg-membertype-8:focus {
background: #ff5ce2;
border-color: #ff5ce2;
}
.bg-membertype-9, .bg-membertype-9:hover,
.bg-membertype-9:active, .bg-membertype-9:focus {
background: #fe6d6d;
border-color: #fe6d6d;
}
/* Comment Generated by Combres - Resource '~/css/shared/list-group-news.css' (Mode: Static) */
/* News list
* - Startpage, news. shows a list of items with image to the left.
***************************/
.list-group-news {
clear: both;
}
.list-group-news .list-group-item {
padding: 0;
}
.list-group-news .list-group-item .news-item-inner {
padding: 10px;
display: block;
}
.list-group-news .list-group-item .news-item-inner:hover {
background-color: #f9f9f9;
}
/* Active item */
.list-group-news .list-group-item.active {
border-color: #ddd;
z-index:unset;
}
.list-group-news .list-group-item.active .news-item-inner {
background-color: #f2f2f2;
}
.list-group-news .list-group-item.active .news-item-inner:hover {
background-color: #f2f2f2;
}
/* Headline links */
.list-group-news .list-group-item a {
color: #555;
}
.list-group-news .list-group-item p {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: bold;
margin-top:2px;
}
/* Info icons */
.list-group-news .list-group-item span i {
margin-left: 10px;
}
.list-group-news .list-group-item span i:first-child {
margin: 0;
}
/* News photo */
.list-group-news .photo {
float: left;
width: 45px;
height: 45px;
background: #eee;
border-radius: 3px;
margin-right: 10px;
overflow: hidden;
}
.list-group-news .photo img {
max-width: 100%;
min-height: 100%;
}
.list-group-news .photo.logo {
line-height: 45px;
}
.list-group-news .photo.logo img {
margin-top: -2px;
width: 25px;
height: 27px;
min-height: auto;
}
/* Admin actions */
.list-group-news .admin {
float: right;
margin: 10px 10px 0 0;
}
.list-group-news .admin button {
border: 0;
}
@media (max-width: 888px) {
.list-group-news .list-group-item {
border-radius: 0px;
border-left: none;
border-right: none;
}
.list-group-news .list-group-item .news-item-inner {
padding: 10px 12px;
}
}
/* Comment Generated by Combres - Resource '~/css/shared/utilities.css' (Mode: Static) */
/* Widths *****************************************************************************************************************/
.full, .full-width { width: 100%; }
.w120 { width: 120px; }
.w-100 { width: 100px !important; }
/* Display and Layout *****************************************************************************************************************/
.hide { display:none; }
.inline-block { display: inline-block; }
.clear { clear:both; }
.rounded { border-radius: 100px; }
.overflow-hidden {overflow: hidden;}
/* Colors */
.o-70 { opacity: 0.7; }
.bg-default { background: #fff; }
.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.left {float:left;}
.right {float:right;}
/* Utility Classes */
.cursor-default {cursor: default!important;}
.pointer {cursor: pointer;}
/* Clear */
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear { clear:both; }
/* Comment Generated by Combres - Resource '~/css/shared/profile-photo.css' (Mode: Static) */
/*
*/
.profile-photo {
border-radius: 50%;
overflow: hidden;
display: inline-block;
}
.profile-photo img {
max-width: 100%;
}
.profile-photo-sm,
.profile-photo-sm img {
width: 28px;
height: 28px;
}
.profile-photo-md,
.profile-photo-md img {
width: 40px;
height: 40px;
}
.profile-photo-lg,
.profile-photo-lg img {
width: 100px;
height: 100px;
}
/* Comment Generated by Combres - Resource '~/css/website/infobox.css' (Mode: Static) */
/* --- INFOBOX STANDARD ------------------------------------------------------------------------*/
.infobox-holder, .infobox-holder:focus {
display: block;
border: 1px solid #eee;
margin-bottom: 20px;
border-radius: 5px;
text-decoration: none;
color: #444;
clear: both;
}
.infobox {
background: #f9f9f9;
padding: 15px 13px;
/*border: 2px solid #fff;*/
border-radius: 4px;
font-size: 14px;
}
.infobox .form-group {
margin-bottom: 10px;
}
.infobox-holder:hover, .infobox-holder:focus {
color: #444;
background: #fdfdfd;
text-decoration: none;
}
h3.infobox-bar {
position: relative;
margin: -3px 0px 0px -5px;
padding-left: 15px;
width: 198px;
height: 31px;
line-height: 31px;
color: #fff;
font-size: 15px;
text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
letter-spacing: -0.5px;
}
.infobox-elite a {
text-decoration: none;
color: #444;
}
.infobox.list {
padding: 10px 0px 12px;
}
.infobox .list-group {
margin: 0px;
}
.infobox .btn-livetv,
.infobox .btn-tickets {
width: 100%;
}
.infobox .list-item {
padding: 8px 10px 10px;
display: block;
color: #444;
text-decoration: none;
border-bottom: 1px solid #d9d9d9;
}
.infobox .list-item:hover {
color: #111;
background: linear-gradient(#fff,#ededed);
}
.infobox .list-item:active {
background: linear-gradient(#ededed,#fff);
}
.infobox .list-item:first-child {
margin-top: 0;
}
.infobox-clubmarks {
height: 54px;
background: url("/img/vs.gif") center no-repeat;
margin-top: 10px;
}
.infobox-clubmarks img {
max-width: 50px;
max-height: 54px;
}
.infobox-DateHolder {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font-size: 16px;
line-height: 34px;
margin: 12px 0px 8px 0px;
}
.infobox .item-info {
font-size: 12px;
}
.infobox.games a.ListLink {
line-height: 145%;
}
.infobox .team-title {
margin-bottom: 5px;
font-size: 16px;
color: #333;
}
.infobox-empty {
padding: 10px 10px 0;
}
.promoted-list {
padding: 10px 0px 0px;
}
.promoted-list .infobox-empty {
padding-bottom: 10px;
}
.promoted-list .list-item:last-child {
border: none;
}
/* Comment Generated by Combres - Resource '~/css/website/file-type-icons.css' (Mode: Static) */
/*******************************************
File icons:
- Documents
How to use:
*******************************************/
/* File Icon */
.file-icon {
display:inline-block;
width:30px;
height:38px;
line-height:38px;
background:#eee;
border-radius:3px;
text-align:center;
position: relative;
}
/* Folded corner */
.file-icon:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 1px;
border-bottom: 8px solid rgba(0,0,0,0.3);
border-right: 8px solid #fff;
border-left: 0;
border-top: 0;
}
/* Folded corner */
.file-icon.folder:after {
content: '';
display: block;
position: absolute;
top: 1px;
right: 0;
width: 65%;
height: 5px;
border: 0;
border-bottom: 0;
border-right: 0;
border-left: 5px solid #f8c63d;
border-top: 5px solid transparent;
border-top-right-radius: 3px;
background: #daa924;
box-shadow: 0 -1px 0px rgba(255,255,255,0.5);
}
/*File type icon */
.file-icon img {
max-width:75%;
vertical-align: middle;
}
/*File icon size */
.file-icon.file-icon-small { width:14px; height:16px; line-height:14px; }
.file-icon.file-icon-small:after { border-bottom-width: 3px; border-right-width: 3px; }
/* File Icon Colors */
.file-icon.folder { background-color:#f8c63d; }
.file-icon.folder:after { }
.file-icon.photo { background-color:#ff543d; }
.file-icon.vector { background-color:#ffa500; }
.file-icon.audio { background-color:#562f89; }
.file-icon.video { background-color:#e50808; }
.file-icon.presentation { background-color:#e75a15; }
.file-icon.web { background-color:#2aa8e2; }
.file-icon.code { background-color:#44486b; }
.file-icon.flash { background-color:#e54b37; }
.file-icon.pdf { background-color:#d3220b; }
.file-icon.plaintext { background-color:#c4c9d1; }
.file-icon.document { background-color:#0091ff; }
.file-icon.spreadsheet { background-color:#2db965; }
.file-icon.compressed { background-color:#363a56; }
.file-icon.unknown { background-color:#ababab; }
/* Comment Generated by Combres - Resource '~/css/website/mobile-helpers.css' (Mode: Static) */
/* Indicate landscape reveals more content */
.icon-rotate-phone {
width: 22px;
margin-bottom: 2px;
opacity: 0.6;
}
/* Display only in portrait */
.only-mobile-portrait {
display: none;
}
@media (max-width: 767px) and (orientation : portrait) {
.only-mobile-portrait {
display: unset;
}
}
/* Hide elements in portrait */
@media screen and (max-device-width: 544px) and (orientation:portrait) {
.hidden-xs-portrait {
display: none;
}
}
/* Hide in mobile */
@media (max-width: 888px) {
.hidden-mobile {
display: none !important;
}
}
/* Show only in mobile */
@media (min-width: 889px) {
.visible-mobile {
display: none !important;
}
}
/* --- choose mobil/desktop version ---------------------------- */
@media (min-width: 889px) {
.choose-layout {
border-top: 1px solid #ddd;
margin-top: 20px;
padding: 20px 20px 10px;
text-align: center;
background: #fff;
}
}
@media (max-width: 888px) {
.choose-layout {
text-align: center;
padding: 20px 0px 25px;
background-color: #eee;
font-size: 14px;
}
}
/* Comment Generated by Combres - Resource '~/css/website/templates.css' (Mode: Static) */
/* Section container
* - Wraps .teamplte on about/signup/contact and so on.
******************************************************/
.section-content {
position: relative;
/*width: 500px;*/
clear: both;
}
/* Section clear fix*/
.section-content::after {
content: '';
display: block;
clear: both;
}
.section-content div::after {
content: '';
display: block;
clear: both;
}
/* Schemalagad artikel */
.section-content.scheduled {
}
.section-content.scheduled .label {
top: 0px;
padding: 5px 8px;
}
/* Template
* News, Sections
******************************************************/
.template {
/*width: 500px;*/
clear: both;
margin-bottom: 20px;
line-height: 1.55;
}
/* Firefox only */
@supports (-moz-appearance:none) {
.break-long-words {
word-wrap: break-word;
word-break: break-word !important;
}
}
.template a {
word-wrap: break-word;
}
.template-info {
margin-bottom: 6px;
}
.template-info a {
color: inherit;
text-decoration: none;
}
.template-info span.label {
margin-right: 5px;
}
.template-info a:hover {
color: #555;
}
.template-text{
overflow-wrap:break-word;
}
.template-text:after {
content: "";
clear: both;
display: table;
}
.template table {
max-width: 100%;
border-color: #ddd;
border-style: solid;
border-width: 0;
}
.template table td {
display: table-cell;
vertical-align: top;
}
.template table[cellpadding] td {
padding: 5px;
}
/* Image */
.template .image {
margin-bottom: 10px;
}
.template .caption {
display: inline-block;
margin: 5px 0 0 0;
}
.template-image-left .image {
float: left;
width: 260px;
margin: 0 15px 15px 0;
}
.template-image-right .image {
float: right;
width: 260px;
margin: 0 0 15px 15px;
}
.colMid .template-image-left .image,
.colMid .template-image-right .image {
width: 200px;
}
/* bullet-lst fix: This prevents the bullets to overlap the image */
.template-image-left ul,
.template-image-left ol {
overflow: hidden;
}
.template .image img {
border-radius:4px;
width: inherit;
}
.template-html-code {
overflow: hidden;
}
/* Show iframe with non https link. */
.embedded-code-link {
width: 100%;
padding: 30px 20px;
background-color: #f2f2f2;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAIAAABJObGsAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAcFJREFUeNrs17mRA0EQxEAeY/w3dS1Y4VyggOkXMCGjlPp7nudTpnPOp21fHZHe9/3qiDhWWeUAxxKUMxzzKcc4JlNOcsykHOaYRjnPMYdypGMC5VTHaMrBjqGUsx3jKMc7BlFucIygXOJ4nXKP413KVY4XKbc53qJc6HiFcqcjT7nWEabc7EhSLnfEKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHVkKHWM++A6/tI556sj4th1lQUdW1LWdOxHWdaxGWVlx06UxR3bUNZ37EHZwrEBZRfH6pSNHEtT9nKsS9nOsShlR8eKlE0dy1H2daxF2dqxEGV3xyqUAxxLUM5wzKcc45hMOckxk3KYYxrlPMccypGOCZRTHaMpBzuGUs52jKMc7xhEucExgnKJ43XKPY53KVc5XqTc5niLcqHjFcqdjjzlWkeYcrMjSbncEaPUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUkaHUEel/ABmPSsHVrZXJAAAAAElFTkSuQmCC");
text-align: center;
border: 1px solid #dedede;
}
.embedded-code-link a {
display: inline-block;
padding: 8px 15px;
background: #fbfbfb;
border: 1px solid #ccc;
border-radius: 3px;
color: #333;
text-decoration: none;
}
.embedded-code-link p {
color: #777;
font-size: 12px;
font-style: italic;
margin-top: 15px;
}
.embedded-code-link a:hover {
color: #777;
background: #fff;
}
.embedded-code-link a:before {
content: '\f08e';
font-family: fontAwesome;
display: inline-block;
margin-right: 3px;
}
/* Comment Generated by Combres - Resource '~/css/website/dropdown.css' (Mode: Static) */
/* Dropdown *****************************************************************************************************************/
.dropdown {
z-index: 100;
}
.dropdown.open {
z-index: 101;
}
.dropdown.display-inline .dropdown-menu {
margin-top: 12px;
}
.open > .dropdown-menu {
display: block !important;
}
.dropdown-menu a {
font-weight: normal;
}
.dropdown-menu li a,
.dropdown-menu li label {
display: block;
font-weight: normal;
text-decoration: none;
color: #555;
}
.dropdown-menu > .active > label,
.dropdown-menu > .active > label:hover,
.dropdown-menu > .active > label:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu li a.current {
background-color: #eee;
}
.dropdown-menu li a:hover, .dropdown-menu li label:hover {
background-color: #f5f5f5;
color: #555;
}
.dropdown-menu li a .gi {
/*position: relative;*/
/*top: 2px;*/
line-height: 1;
}
.dropdown-menu li a .fa.pull-right {
margin-top: 3px;
}
.dropdown-menu .divider {
margin: 5px 0px;
}
.dropdown-menu-arrow:before {
position: absolute;
top: -8px;
left: 7px;
display: inline-block;
border-right: 8px solid transparent;
border-bottom: 8px solid #ccc;
border-left: 8px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.dropdown-menu-arrow:after {
position: absolute;
top: -7px;
left: 8px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ffffff;
border-left: 7px solid transparent;
content: '';
}
.dropdown-arrow-center:before {
position: absolute;
top: -8px;
left: auto;
right: 50%;
margin-right: -7px;
display: inline-block;
border-right: 8px solid transparent;
border-bottom: 8px solid #ccc;
border-left: 8px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.dropdown-arrow-center:after {
position: absolute;
top: -7px;
left: auto;
right: 50%;
margin-right: -6px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ffffff;
border-left: 7px solid transparent;
content: '';
}
.dropdown-arrow-right:before {
position: absolute;
top: -8px;
right: 8px;
display: inline-block;
border-right: 8px solid transparent;
border-bottom: 8px solid #ccc;
border-left: 8px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.dropdown-arrow-right:after {
position: absolute;
top: -7px;
right: 9px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ffffff;
border-left: 7px solid transparent;
content: '';
}
li.dropdown-menu-section {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background-color: #f3f3f3;
font-size: 12.5px;
height: 34px;
line-height: 38px;
padding: 0px 13px;
margin: 4px 0px;
font-weight: 500;
color: #666;
}
.dropdown-menu .form-group p {
margin-bottom: 5px;
}
[data-toggle="radio-menu"] input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
/* Dropdown with checkboxes. */
.dropdown-menu.checkbox-active {
}
.dropdown-menu.checkbox-active a {
padding-left: 20px;
}
.dropdown-menu.checkbox-active a:before {
/* content: '\f14a'; = checkbox-square */
content: '\f096'; /* square-o */
font-family: fontawesome;
margin-right: 5px;
}
.dropdown-menu.checkbox-active a.active:before {
content: '\f14a'; /*= checkbox-square */
/*content: '\f00c'; /* = check*/
font-family: fontawesome;
color: #337ab7;
}
/* Dropdown: Calendar *****************************************************************************************************************/
.dropdown-calendar {
}
.dropdown-calendar {
width: 100%;
margin-top: 8px;
padding: 15px;
}
.dropdown-calendar.dropdown-menu .col-sm-3 {
display: flex;
}
.dropdown-calendar.dropdown-menu a {
display: block;
padding: 0px;
line-height: 34px;
flex: 1;
text-align: center;
text-decoration: none;
text-transform: uppercase;
color: #555;
border-radius: 4px;
}
.dropdown-calendar.dropdown-menu a.bg-theme {
color: #fff;
}
.dropdown-calendar.dropdown-menu a:not(.bg-theme):hover {
background: #eee;
}
.dropdown-calendar .form-control {
margin-bottom: 15px;
}
.dropdown-calendar.dropdown-menu a {
margin: 1px;
}
.dropdown-calendar.dropdown-menu a:not(.bg-theme) {
background: #f7f7f7;
}
.dropdown-calendar.dropdown-menu a:active, .dropdown-calendar.dropdown-menu a:focus {
background: #ddd;
}
/* Comment Generated by Combres - Resource '~/css/website/modal.css' (Mode: Static) */
/* Modal *****************************************************************************************************************/
.modal {
z-index: 2000;
padding-right: 0px !important;
}
.modal-open {
padding-right: 0px;
overflow: visible;
overflow-y: scroll;
}
.modal-header .close {
margin-top: -2px;
text-decoration: none;
font-size: 30px;
}
.modal-title {
font-size: 20px;
}
.modal-body {
padding: 20px;
}
.modal-body p {
margin-bottom: 5px;
}
.modal-body legend {
padding-bottom: 5px;
margin-bottom: 10px;
}
.modal-body .checkbox-group .btn {
padding: 5px 8px 3px 8px;
}
.modal-body .checkbox-group .btn {
font-size: 13px;
}
.modal-footer, .modal-header {
padding: 15px 20px;
}
.modal-alert.alert {
border-width: 0px;
border-radius: 0px;
margin: 0px;
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
}
.modal .modal-toolbar {
border-width: 1px 0px 1px;
padding: 10px 20px;
overflow: hidden;
}
/* Invite modal :: Dropdown filters */
.modal .modal-toolbar.dropdown-filters {
display: flex;
justify-content: space-between;
}
.modal .modal-toolbar.dropdown-filters > div {
padding-left: 10px;
white-space: nowrap;
}
.modal .modal-toolbar.dropdown-filters > div:first-child {
padding-left: 0;
}
.modal .modal-toolbar.dropdown-filters > div .form-control {
width: 100%;
min-width: 170px;
}
.modal .modal-toolbar p {
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
}
.modal .modal-toolbar a {
text-decoration: none;
}
@media (max-width: 768px) {
.modal .modal-toolbar.dropdown-filters {
flex-wrap: wrap;
}
.modal .modal-toolbar.dropdown-filters > div {
width: 100%;
padding-left: 0;
}
.modal .invite-filter {
margin-bottom: 10px;
}
}
/*
.modal.vocation fieldset {
border-top: 1px solid #eee;
font-size: inherit;
width: 100%;
position: relative;
margin-bottom: 8px;
}
.modal.vocation fieldset legend {
margin: 0px;
padding: 0px 10px 0px 0px;
border-width: 0px;
font-size: inherit;
width: auto;
}
.modal.vocation fieldset legend .pull-right {
position: absolute;
right: 0px;
padding-left: 10px;
background: #fff;
}
*/
/* Comment Generated by Combres - Resource '~/css/website/modal-clubpage-ad.css' (Mode: Static) */
/* Modal: Clubpage ad
* Show modal promoting clubpage for clubs with more teams.
********************************************************/
#modal-clubpage-ad figure {
background: #eee;
padding-top: 25px;
margin: 25px -15px 30px;
position: relative;
}
#modal-clubpage-ad .list-group {
font-size: 17px;
}
#modal-clubpage-ad .modal-body {
padding-bottom: 35px;
}
#modal-clubpage-ad .list-group-item {
border:0;
padding: 5px 0px;
}
#modal-clubpage-ad .topp100 {
position: absolute;
left: 454px;
top: 128px;
width: 120px;
}
#modal-clubpage-ad .btn {
font-weight: 600;
}
#modal-clubpage-ad .top100 {
position: absolute;
right: 20px;
top: -30px;
width: 120px;
}
#modal-clubpage-ad .svelag-logo {
width:180px;
}
@media (max-width: 888px) {
#modal-clubpage-ad .top100 {
top: -20px;
width: 95px;
}
}
/* Comment Generated by Combres - Resource '~/css/website/table.css' (Mode: Static) */
/* Table Layouts *****************************************************************************************************************/
table {
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
/* Alignment */
th[align=left], td[align=left] {
text-align: left;
}
th[align=center], td[align=center] {
text-align: center;
}
th[align=right], td[align=right] {
text-align: right;
}
th[valign=middle], td[valign=middle] {
vertical-align: middle !important;
}
.table.valign-middle td {
vertical-align: middle;
}
/* Sortable tables */
.tablesorter {
min-width: 100%;
}
.tablesorter th {
cursor: pointer;
}
a.sortHeader:link, a.sortHeader:active, a.sortHeader:visited, a.sortHeader:hover {
color: inherit;
text-decoration: none;
}
.table tr.current td {
background: #f5f5f5;
}
/* Tables with ellipsis text */
.table-narrow {
table-layout: fixed;
}
.table-narrow th, .table-narrow td {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.table-fixed {
table-layout: fixed;
}
.table-fixed th, .table-fixed td {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Striped table*/
.table-striped > tbody > tr:nth-child(odd) {
background-color: #f5f5f5;
}
/* No borders */
.table > tbody > tr > td.no-border {
border: none;
}
/* Border bottom */
.table-border-bottom {
border-bottom: 1px solid #ddd;
}
/* Forms in table */
.table-form {
width: 100%;
}
.table-form td {
line-height: 40px;
}
/* Default table head style */
.table-default > thead > tr > th {
background: #f7f7f7;
padding: 5px 8px;
}
/* Padding on all sides */
.table-default-padding td,
.table-default-padding th {
padding: 8px !important;
}
/* No items in table */
.table > tbody > tr > td.no-items {
text-align: center !important;
padding: 80px 0 !important;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px 0;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px 0;
}
.table-borderless > tbody > tr > td,
.table-borderless > thead > tr > th {
border: 0;
}
/* Comment Generated by Combres - Resource '~/css/website/table-standings.css' (Mode: Static) */
/* Standings / Stats
* http://localhost/testbkherrar/matcher?seasonid=96069&showtable=true
* http://localhost/testbkherrar/match/3567202/malmo-ff
* http://localhost/testbkherrar - Tables on the right
*******************************************/
table.standings {
table-layout: fixed;
font-size: 14px;
width:100%;
}
.standings tbody {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
/**/
table.standings tbody tr td {
border-color: #ebebeb;
vertical-align: middle;
padding: 9px 5px 8px 5px;
}
/* Striped */
table.standings tbody tr:nth-child(odd) {
background-color: #f5f5f5;
}
/* Season divider */
table.standings tr.line td {
border-bottom: 1px solid #cccccc;
}
/* Icons */
table.standings td img {
position: relative;
top: -1px;
margin-right: 4px;
}
table.standings tbody tr td img {
height: 24px;
vertical-align: middle;
}
/* Small Table on startpage (and import/new/edit season popup) */
table.standings.small {
font-size: 12px;
}
table.standings.small tbody tr td {
padding: 6px 5px 5px 5px;
line-height: 18px;
}
table.standings.small tbody tr td img {
height: 18px;
}
/* Comment Generated by Combres - Resource '~/css/website/table-schedule.css' (Mode: Static) */
/* .table-schedule
* Tables on the startpage under tabs |Match|Resultat
* http://localhost/testbk
****/
.table-schedule {
border: 0;
border-color: #ddd;
border-style: solid;
border-top-width: 2px;
border-bottom: 1px solid #ddd;
}
.table-schedule tbody tr td {
padding: 8px 10px;
}
/* Date cell */
.table-schedule tr td:first-child {
padding-left: 0px;
padding-right: 0px;
}
.table-schedule .divider {
border-right: 1px solid #eee;
margin-right: 4px;
}
.table-schedule .lead {
font-size: 120%;
}
.table-schedule a {text-decoration: none;}
.table-schedule .col-result {
padding-left: 0px;
}
/* Comment Generated by Combres - Resource '~/css/website/bootstrap-customized.css' (Mode: Static) */
/* Bootstrap customize
* change boostrap default values
***************************************************/
/* Misc
*********************************************/
.tooltip {z-index: 10000;}
.list-unstyled {margin: 0px; padding: 0px;}
.no-transition {
-webkit-transition: height 0.01s;
-moz-transition: height 0.01s;
-ms-transition: height 0.01s;
-o-transition: height 0.01s;
transition: height 0.01s;
}
.modal-footer {overflow: hidden;}
.popover h3.popover-title {
letter-spacing: 0px;
line-height: 120%;
font-size: 14px;
margin-bottom: 0px;
}
.popover .popover-content {
font-size: 13px;
padding: 10px 14px 12px;
}
/* Nav
*********************************************/
ul .nav {padding: 0px;}
.nav a {text-decoration: none;}
/* Forms
*********************************************/
.form-control:focus {
box-shadow: none;
}
.control-label {
cursor: default;
font-weight: bold;
}
.control-label[for] {
cursor: pointer;
}
.input-lg,
.form-group-lg .form-control {
height: 45px;
}
.form-control-inline {
min-width: 0;
width: auto;
display: inline;
}
.form-label-left .control-label {
text-align: left;
font-weight: normal;
padding-top: 7px;
}
.input-group-clear {
border: 0;
background: none;
text-align: left;
}
/* Extends bootstrap .label class
* example: http://localhost/rpif/lag
*********************************************/
.label {
position: relative;
top: -1px;
padding: 4px 8px;
}
.label-group .label {
margin-left: 5px;
}
.label-default {
background: #eee;
color: #888;
}
.label-default-o {
background: rgba(0,0,0,.08);
color: #555;
}
.label.label-default-light,
.label.label-default-light:focus {
color: #555;
background: rgba(0,0,0,0.06);
}
.label-dark {
background: #777;
color: #eee;
}
.badge {
background: #aaa;
}
.badge.badge-primary {
background: #298ccd;
}
/* Extends bootstrap .list-group
*********************************************/
.list-group-item-heading {
display: block;
}
ul.list-group {
padding: 0px;
}
.list-group a,
.list-group-item a {
text-decoration: none;
}
label.list-group-item:hover {
background: #f7f7f7;
}
label.list-group-item:active {
box-shadow: inset 0px 1px 5px rgba(0,0,0,0.1);
}
.list-group-item.list-group-item-collapse {
background: #f7f7f7;
border-top: 1px solid #ddd;
}
.list-group-item-collapse [data-toggle="collapse"] .fa.fa-angle-up {
display: inline;
}
a.list-group-item[aria-expanded="false"]:nth-last-child(2) {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.list-group .collapse:last-child .list-group-item {
border-radius: 0px 0px 3px 3px;
}
.list-group-thumbs .list-group-item {
padding: 15px;
}
.list-group-thumbs .thumb {
margin: -5px 10px 0px 0px;
}
.list-group-thumbs .thumb-lg {
margin-right: 10px;
width: 40px;
}
.list-group-thumbs .btn-group {
margin-top: 9px;
}
.list-group.sortable .list-group-item:hover {
cursor: move;
}
.list-group .sortable-icon {
display: none;
}
.list-group.sortable .sortable-icon {
opacity: 0.2;
margin-right: 6px;
}
.list-group-borderless .list-group-item {
border: 0px;
margin-bottom: 2px;
border-radius: 3px;
}
.list-group-condensed .list-group-item {
padding: 7px 12px;
}
.modal-list-group {
margin: 0px;
}
.modal-list-group .list-group-item:first-child, .modal-list-group .list-group-item:last-child {
border-radius: 0px;
border-left: 0px;
border-right: 0px;
padding-left: 20px;
padding-right: 20px;
}
.modal-list-group .list-group-item:first-child {
border-top: 0px;
}
.modal-list-group .list-group-item:last-child {
border-bottom: 0px;
}
/* .panel, .panel-heading, .panel-footer
*
*********************************************/
.panel-heading {
display: block;
text-decoration: none;
padding: 15px;
}
.panel-heading a {
text-decoration: none;
}
.panel-heading.hover:hover {
background: #f9f9f9;
}
.panel-heading[data-toggle="collapse"][aria-expanded=true] {
background: #eee;
}
.panel-sm .panel-body, .panel-sm.panel-body {
padding: 5px 15px;
}
.panel-default > .panel-collapse > .table {
border-top: 1px solid #ddd;
}
.panel-group .panel + .panel {
margin-top: 10px;
}
.panel-body[data-toggle=collapse] {
cursor: pointer;
-webkit-user-select: none;
}
.panel-body[data-toggle=collapse]:hover {
border-radius: inherit;
background: #f9f9f9;
}
a.panel-footer {
display: block;
text-decoration: none;
text-align: center;
color: #555;
}
a.panel-footer:hover {
color: #555;
background: #f9f9f9;
}
/* Collapse icon
*
*********************************************/
[data-toggle="collapse"] .fa.fa-caret-up,
[data-toggle="collapse"] .fa.fa-caret-down,
[data-toggle="collapse"] .fa.fa-angle-up,
[data-toggle="collapse"] .fa.fa-angle-down {
display: none;
}
.panel-heading[data-toggle="collapse"] .fa.fa-caret-up,
.panel-heading[data-toggle="collapse"] .fa.fa-caret-down,
.list-group-item[data-toggle="collapse"] .fa-caret-up,
.list-group-item[data-toggle="collapse"] .fa-caret-down,
.list-group-item[data-toggle="collapse"] .fa-angle-up,
.list-group-item[data-toggle="collapse"] .fa-angle-down {
margin-top: 2px;
}
[data-toggle="collapse"][aria-expanded=true] .fa-caret-up,
[data-toggle="collapse"][aria-expanded=true] .fa-angle-up {
display: inline;
}
[data-toggle="collapse"][aria-expanded=false] .fa-caret-down,
[data-toggle="collapse"][aria-expanded=false] .fa-angle-down {
display: inline;
}
/* Grid / Layout
*********************************************/
.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.row-divider .row:not(:last-child) {
border-bottom: 1px solid #eee;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
}
.row-sm {
margin-left: -5px;
margin-right: -5px;
}
.row-sm [class^=col-] {
padding-left: 5px;
padding-right: 5px;
}
.row-xs {
margin-left: -3px;
margin-right: -3px;
}
.row-xs [class^=col-] {
padding-left: 3px;
padding-right: 3px;
}
.row-spaceless {
margin-left: 0px;
margin-right: 0px;
}
.row-spaceless > [class^=col-] {
padding-left: 0px;
padding-right: 0px;
}
/* Buttons
*********************************************/
.btn-lg {
border-radius: 3px;
padding-right: 20px;
padding-left: 20px;
font-size: 16px;
}
/* Comment Generated by Combres - Resource '~/css/website/mobile-ads.css' (Mode: Static) */
/* Mobile ads -------------------------------------------------------------------- */
@media (max-width: 888px) {
.mobile-rect {
display: block !important;
margin: 0 -12px 12px -12px;
background: #eee;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 12px 0 15px 0;
overflow: hidden;
text-align: center !important;
}
.mobile-rect.top {
margin-top: -20px;
margin-bottom: 20px;
}
.mobile-rect .mobile-rect-content:before {
content: 'Annons';
text-transform: uppercase;
font-size: 9px;
color: #888;
position: relative;
top: -2px;
display: block;
text-align: center;
}
.mobile-rect iframe {
max-width: 100%;
margin: 0 auto;
}
/* Mittspalt-annons */
.ad-mittenspalt {
overflow: hidden;
margin-left: -20px;
margin-right: -20px;
text-align: center;
}
}
/* Comment Generated by Combres - Resource '~/css/website/print.css' (Mode: Static) */
@media print {
@page {
size: auto; /* auto is the current printer page size */
margin: 15mm 15mm 5mm 15mm; /* this affects the margin in the printer settings */
}
#siteCol {
margin: 0px !important;
padding: 0px !important;
width: 800px !important;
box-shadow:none;
float:unset;
}
.content {
width: 100%;
margin: 0px;
}
.content-layout #container,
.content-layout #siteCol {
width: 800px !important;
}
.content-layout .content {
margin: 0px !important;
}
.content-layout-header {
margin: 0px !important;
}
body {
background-image: none !important;
background-color: #fff !important;
/*font-size: 120% !important;*/
}
.menu, #adCol, .header, .admin-pnl, .ad-mittenspalt, .signup-footer-ad, #print-button, .footer, .footer-footer .add, .ad-panorama, .ettanfotboll-topbar, .footer-links, .footer-counter, .footer-custom-sponsors {
display: none !important;
}
.menu-bg {
background: #fff;
}
#rightCol {
display: none !important;
}
.footer {
display: none !important;
}
.system-nav {
display: none;
}
/*Aktivitet i kalendern //////////////////////////////////////////////////// */
.share-links {
display: none;
}
h1 {
font-size: 35px !important;
}
h2 {
font-size: 21px !important;
}
.content-block h3 {
font-size: 21px;
}
.content-block-menu .menu-btn {
display: none;
}
.content-block-table td {
line-height: 18px !important;
}
.content-block-table td b {
font-size: 16px;
}
.content-block-table td .small {
font-size: 100%;
}
.p-r-15-print {
padding-right: 15px !important;
}
.hide-print {
display: none;
}
}
/* Comment Generated by Combres - Resource '~/css/website/pages/contact/contact.css' (Mode: Static) */
/*------------------ KONTAKT (Klubben) ---------------------*/
.contact-details {
}
.contact-details div {
border-bottom: 1px solid #eee;
margin-top: 7px;
padding-bottom: 7px;
}
.contact-details div span.small {
text-transform: uppercase;
font-size: 0.75em;
position: absolute;
line-height: 20px;
}
.contact-details div p {
width: 100%;
padding-left: 165px;
/*break long words*/
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
/*------------------ KONTAKT (Person) ---------------------*/
.contacts .media {
border-bottom: 1px solid #eee;
padding: 10px 0;
margin: 0;
}
.contacts .media-body {
width: 100%;
}
.contacts .media-body strong {
display: block;
line-height: 0.9;
margin-top: 6px;
}
.contacts .media-body a {
text-decoration: none;
}
.contacts .media-body p {
margin-top: 10px;
}
.contacts .media-object {
width: 100px;
}
.contact-person .member-photo {
width: 100px;
height: 100px;
border-radius: 100px;
/*line-height: 90px;
font-size: 30px;*/
}
/* Comment Generated by Combres - Resource '~/css/website/pages/gallery/gallery.css' (Mode: Static) */
/* --- Gallery / Albums / Photos ---------------------------------------------------------------- */
.gallery-image-thumb {
/*width: 150px;
height: 150px;*/
}
/***************************
Gallery - List all albums
***************************/
.gallery-container {
clear: both;
margin-top: 10px;
}
/* smaller default gutter */
.gallery-container .row {
padding-left: 7px;
padding-right: 7px;
}
.gallery-container .col {
padding-left: 7px;
padding-right: 7px;
}
.gallery-container .gallery-album {
border-radius: 4px;
border: 1px solid #ddd;
overflow: hidden;
margin-bottom: 14px;
padding: 0;
}
.gallery-container .gallery-album figure {
height: 150px;
overflow: hidden;
background: #eee;
text-align: center;
}
.gallery-container .gallery-album figure a {
width: 100%;
height: 100%;
display: block;
}
.gallery-container .gallery-album img {
min-height: 100%;
width: 100%;
}
.gallery-container .gallery-album:hover img {
opacity: 0.9
}
.gallery-container .gallery-album-details {
padding: 10px;
}
.gallery-container .gallery-album-details a {
font-size: 14px;
font-weight: bold;
white-space: nowrap;
text-overflow: ellipsis;
width: 90%;
overflow: hidden;
display: block;
}
.gallery-container .gallery-album-details span {
margin: 0 5px;
}
.gallery-container .admin {
border-top: 1px solid #eee;
}
.gallery-container .admin .btn {
border: 0;
}
.gallery-container .admin .btn:first-child {
border-right: 1px solid #eee;
}
/******************************
Album - list thumbnails in an album
*******************************/
/*Ny settings-bar*/
.album {
display: grid;
grid-template-columns: 33.3% 33.3% 33.3%;
grid-gap: 1px;
margin-top: 10px;
}
.album-image {
text-align: right;
background: #eee;
}
.album-image img {
width: 100%;
}
.album-image a.album-image-link:hover {
opacity: 0.8;
}
.album-image .settings {
position: absolute;
border-radius: 0 0 0 4px;
width: 33.3%;
z-index: 2;
}
.album-image .settings a {
text-align: center;
display: inline-block;
padding: 7px 6px;
background: rgba(255,255,255,0.85);
}
.album-image .settings a:first-child {
padding-left: 10px;
border-radius: 0 0 0 4px;
}
.album-image .settings a:last-child {
padding-right: 10px;
}
.album-image .settings a:hover {
background: rgba(255,255,255,0.95);
}
/* Album - thumbnail view smaller devices */
@media (max-width: 888px) {
.gallery-container {
margin-top: 10px;
}
.gallery-container .col {
padding-left: 5px;
padding-right: 5px;
}
.gallery-container .gallery-album figure {
height: 110px;
}
.album {
grid-template-columns: 33.3% 33.3% 33.3%;
margin-left: -15px;
margin-right: -15px;
}
.album-image .settings a {
padding: 5px 6px;
}
}
/******************************
Photo - Show photo in album
*******************************/
.photo-container {
position: relative;
min-height: 100px;
background: #eee;
margin-top:5px;
}
/* Tags*/
#pictag_box {
z-index: 3;
}
#pictag_done {
position: absolute;
bottom: 0;
margin: 0 !important;
border: 0;
width: 100%;
background: rgba(0,0,0,0.8);
color: #333;
font-size: 85%;
text-align: center;
}
/* Next / Previous buttons inside image */
.photo-container .photo-navigate {
display: none;
}
#album-navigation .next-prev {
display: block;
}
@media (max-width: 888px) {
/* Remove gutter so image can be fullwidth.*/
.photo-container {
margin-right: -15px;
margin-left: -15px;
}
/* Change tag-square size for smaller devices.*/
.pictag .square_box {
width: 50px;
height: 50px;
background: 0;
border: 3px solid #fff;
box-shadow: 0 0 1px 1px #000;
}
/* Next / Previous buttons inside image */
#album-navigation .next-prev {
display: none;
}
.photo-container .photo-navigate {
z-index: 888;
display: block;
}
.photo-container .photo-navigate a {
display: inline-block;
background: rgba(0,0,0,0.6);
border-radius: 50%;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
color: #fff;
position: absolute;
top: 50%;
margin: -20px 10px 0;
z-index: 2;
}
.photo-container .photo-navigate a.photo-next {
text-indent: 1px;
right: 0;
}
.photo-container .photo-navigate a.photo-prev {
text-indent: -1px;
}
}
/* Comment Generated by Combres - Resource '~/css/website/pages/teams/teams.css' (Mode: Static) */
/* Våra Lag -> Lägg till nytt lag */
.add-team {
}
.add-team .url {
display: block;
font-size: 16px;
margin-top: 5px;
}
.add-team {
background: #f4f8fd;
border-bottom: solid 1px #e5ebf3;
border-top: solid 1px #e5ebf3;
overflow: hidden;
}
.add-team .control-label {
text-align: left;
font-weight: normal;
}
.add-team #newTeamOwnerForm {
display: none;
}
.add-team .form-footer {
display: none;
}
/* Selected team owner */
.add-team .selected-member p {
font-weight: bold;
line-height: 30px;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
margin-left: 10px;
}
.add-team .selected-member .remove-member {
float: right;
text-decoration: none !important;
font-size: 24px;
color: #1176a5 !important;
margin: 5px 0px 0px 10px;
}
/* Comment Generated by Combres - Resource '~/css/website/pages/news/news.css' (Mode: Static) */
/* Social sharing icons
* Custom styling on News
******************************/
.infobox-share h2 {
margin-bottom:7px;
}
.infobox-share a.share {
/*margin-bottom:7px;*/
line-height: 30px;
}
.infobox-share hr {
margin: 10px 0;
}
/* Comment Generated by Combres - Resource '~/css/website/pages/income/income.css' (Mode: Static) */
/***************************
Tjäna pengar
***************************/
#page-income .client-info {
max-width: 100%;
overflow: hidden;
}
#page-income .client-info iframe {
max-width: 100%;
height: auto;
}
#page-income .text-left .dl-horizontal dt {
min-width: 100px;
text-align: left;
}
#page-income .text-left .dl-horizontal dd {
margin-bottom: 5px;
}
#page-income .text-left .dl-horizontal dt, #page-income .text-left .dl-horizontal dd {
width: auto;
margin-left: auto;
}
/* Thumbnails */
.thumbnail-wrap {
display: block;
margin-bottom: 20px;
text-decoration: none;
}
.thumbnail-wrap .thumbnail {
display: block;
margin-bottom: 8px;
}
.thumbnail-wrap .thumbnail img {
max-height: 100px;
width: auto;
max-width: 100%;
}
a.thumbnail-wrap:hover .thumbnail {
border-color: #298ccd;
}
.thumb-group .thumbnail {
height: 80px;
display: flex;
align-items: center;
}
.thumb-group .thumbnail img {
max-height: 80%;
max-width: 80%;
}