/* Hi there coder!
 ***** Bits 2.0 Common StyleSheet v1
 * Copyright � 2018 - 2019 Slash x. Reproduction in whole or in parts is prohibited.

    Developed by:
     _____ _           _
    /  ___| |         | |
    \ `--.| | __ _ ___| |__   __  __
     `--. \ |/ _` / __| '_ \  \ \/ /
    /\__/ / | (_| \__ \ | | |  >  <
    \____/|_|\__,_|___/_| |_| /_/\_\     www.slashx.se

*/

/*.home-page-slider { display: none; }*/
/*.row { border: 1px solid red; }*/
/*
.club-detail { border: 1px solid pink; }
.player-profile { border: 1px solid green; }
*/

body {
    background-color: #fff;
    /* 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */
}
.html-home-page .header-menu,
.html-category-page-elit-serie .header-menu { margin: 0 auto 0px; }
.html-category-page-elit-serie .slider-wrapper { margin: -30px 0 12px; }
.html-category-page-elit-serie .news-list-homepage { margin-top: 2.5rem; margin-bottom: 0; }

/* Adjust Hoover speed */
a {
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}

.admin-header-links { background: red; }
.admin-header-links a { color: #fff; }

/* Hide VUE util loaded */
[v-cloak] > * { display:none }

/*********** Theme adjustments **********/
.account-page .col-form-label { text-align: inherit; }
.login-page .returning-wrapper .form-fields { padding-top: 5px; }

.login-page .topic-block p { text-align: left; }

.remember-wrapper .forgot-password { margin-left: 20px; }
.remember-wrapper .custom-control-label { margin-bottom: 0.3rem; }
.row.cf { clear: both; }
.page {
    text-align: left;
    font: 14pt "Montserrat", sans-serif;
}
.news-list-homepage { text-align: left;font: 14pt "Montserrat", sans-serif; }
.news-list-homepage .news-item:nth-child(2n+1) { clear: inherit; }
  
.master-wrapper-page a { text-decoration: none; }
.master-wrapper-page a:hover:not(.k-button):hover:not(.nav-link):hover:not(.header-link):hover:not(.player-data-link):hover:not(.tab-link):hover:not(.profile-club):hover:not(.dropdown-item):hover:not(.player-detail-link):hover:not(.player-detail):hover:not(.news-title)
{
    text-decoration: underline;
    color: #0056b3;
}
.eu-cookie-bar-notification { height: auto; }

/* Custom Bootstrap Checkbox vertical adjustment */
.custom-checkbox .custom-control-label::before,
.custom-control-label::after { top: 0; }

/* ADjust Kendo dropdowns */
.k-list>.k-state-focused.k-state-selected,
.k-listview>.k-state-focused.k-state-selected,
.k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
}

.k-popup .k-list .k-state-focused {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 2px 0 #428bca, inset 0 0 7px 0 #76abd9;
  box-shadow: inset 0 0 2px 0 #428bca, inset 0 0 7px 0 #76abd9;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar a:hover { text-decoration: none; }
.header-menu { margin: 0 auto 12px; letter-spacing: 0.01em; }
.navbar-toggleable-md .navbar-nav .nav-item > .nav-link { padding: .7em 1em; }
header .header-menu .navbar .navbar-nav > .nav-item > .dropdown-menu { top: 44px; }
.top-menu .active,
.block .listbox .list-group-item.active>a { 
    background-color: #F8E12C; color: #fff;
}
.sticky-logo { display: none; }
.sticky .sticky-logo { display: inline-block; float: left; padding: 4px 20px 0 10px; }
.sticky .swebowl-logo { height: 28px; }

/* END Theme adjustments */

/* Kendo TMP adjustments */

a:not([href]):not([tabindex]):not(.k-button):not(.player-data-link):not(.tab-link):not(.player-detail-link) { 
    color: #007bff;
}

a:not([href]):not([tabindex]):not(.k-button):focus:not(.nav-link):active:not([href]):not([tabindex]):not(.k-button):focus:not(.player-data-link):hover:not(.player-data-link):hover:not(.tab-link):hover:not(.header-links.a):hover
 {
    color: #0056b3;
}
/* Helpers */
.nowrap { white-space: nowrap; }
/* */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 */
.hamburger { transform: scale(0.7); float: right; padding: 0px 0px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
/*
.hamburger:hover { opacity: 0.7; }
.hamburger.is-active:hover { opacity: 0.7; }
*/
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after { background-color: #fff; }
.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }
/*
* Elastic
*/
.hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; }
.hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; }
/* END Hamburger */

/* Dropdown and Datepicker in filter */
.filter .k-combobox-clearable .k-input { height: 1.7em; -webkit-box-sizing: content-box; box-sizing: content-box; }
.filter .k-dropdown-wrap .k-input,
.filter .k-picker-wrap .k-input { padding: .4em 0; }
.filter .k-i-arrow-60-down { margin-top: 6px; }
.k-dropdown-wrap.k-state-default,
.k-picker-wrap.k-state-default { padding-bottom: 1px; }
.btn, .form-control { font-size: 1rem;padding: 8px 8px; }
.filter .k-dropdown.form-control,
.filter .k-combobox.form-control,
.filter .k-datepicker.form-control { border: none; }
.filter .k-dropdown.form-control:focus { box-shadow: none; }

/* Adjust corners on tables */
.k-grid { border-radius: 0; }

/* Fix for Locked -> Scollable Tables when columns has defined withs */
.k-grid .k-auto-scrollable table { width: 100% !important; }
/* Fix for vertical scroll when grid is mobile friendly and horizental scrollable  */
.k-grid-content { overflow-y: auto; }
.k-grid-header { padding-right: 0 !important; }

.content-nowrap .k-grid td { white-space: nowrap; }

/* Fix footer extra space when no scroll */
div.k-grid-footer { padding-right: 0 !important; border-bottom-width: 0px; }
.footer-powered-by { text-align: left; float: inherit; line-height: 18px; margin: 0; margin-bottom: 1rem;}
.footer-info { text-align: left; line-height: 18px; color: #FFFFFF}
.footer-block ul.list li i { padding-right: 6px; }

.k-grid-content .cell-header { font-weight: 600; }

/* Kendo TMP adjustments END */

/*********** Structure **********/
html { overflow: -moz-scrollbars-vertical;  overflow-y: scroll; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
}
.h2, h2 { font-size: 1.75rem; }

.sub-header { margin-bottom: 1.5rem; }
.show-on-mobile { display: none; }
/* Cart menu  */
#topcartlink {
    margin: 0 10px;
    display: inline-block;
    padding: 0;
    /*width: auto;*/
    /*width: 95.11px;*/
}

/* ####################################################################### Bits Fade */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe988+0,ffca00+100 */

.menu-wrapper {
    background-color: #042642 }
/* Sticky menu */
.menu-wrapper.sticky {
    background-color: #042642;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.sticky  .header-menu { margin: 0; }
.animate {
    -o-transition: color .2s ease-out, background 1s ease-in;
    -ms-transition: color .2s ease-out, background 1s ease-in;
    -moz-transition: color .2s ease-out, background 1s ease-in;
    -webkit-transition: color .2s ease-out, background 1s ease-in;
    transition: color .2s ease-out, background .2s ease-in;
}

.bgFade, .header-lower-off {
    background: #ffe988; /* Old browsers */
    background: -moz-linear-gradient(top, #ffe988 0%, #ffca00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffe988 0%,#ffca00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffe988 0%,#ffca00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe988', endColorstr='#ffca00',GradientType=0 ); /* IE6-9 */
}
.breadcrumb { margin-bottom: 0; padding-top: 0; background-color: transparent; }
.breadcrumb li * { font-size: .875rem; }

/* ####################################################################### Header */

header {
    background: #042642;
    background-repeat: no-repeat;
    background-size: 100% 213px;
    position: relative; 
}

.header-lower { 
    height: auto;
    margin: 3px auto 0;
    margin: 0;
    padding: 10px 20px;
    position: relative;
 }
.header-right {  padding-right: 0px; }
.header-left {  padding-left: 0px;  }
.swebowl-logo { height: 68px; margin-top: 5px; }
.responsive-image {
    top: 50%;
    left: 50%;
}
.header-links-wrapper  {  padding: 0; }
.bits-logo {
    height: 12px;
    margin-top: 12px;
}
.ds, .dropshadow {
    -webkit-filter: drop-shadow( 0px 1px 1px rgba(0, 0, 0, .5));
    filter: drop-shadow( 0px 1px 1px rgba(0, 0, 0, .5));
  }

.header-links {
    background-color: #0058a5c4;
    background-color: #042642;
}
.header-links a { color: #fff; }
.header-links a:hover { text-decoration: underline; }
.header-link .cart-label { padding: 0px 5px 0px 0px; }
.header-link .cart-label:hover { text-decoration: underline; }

.navbar-toggleable-md .navbar-nav .nav-item > .nav-link:hover { background-color: #F8E12C; color: #fff; }
/* Header  END */

/* ####################################################################### All tables */
.player-table,
.player-list-table,
.player-detail-table,
.player-arena-table,
.player-transfer-table,
.player-agreement-table,
.hall-hall-list,
.hall-average-list,
.ranking-hall-ranking-list,
.ranking-player-ranking-list,
.halldetail-page-hall-list,
.halldetail-page-competition-list,
.halldetail-page-team-list,
.halldetail-page-ranking-list,
.rankingteam-table,
.transfer-table,
.arena-table,
.played-matches-table,
.team-division-list,
.division-table,
.upcoming-matches-table,
.division-matches-table,
.play-off-match-report-result-table,
.play-off-match-report-points-table,
.club-table,
.hcp-player-list,
.hcp-competition-table,
.match-detail-scores,
.matchdetail-player-scores,
.competition-competitionresult-table,
.widget-competition-winners-table,
.bits-table {
    font-size: 0.8125rem;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px rgba(0,0,0,.1)
}


/* OLD CODE ????? */
.match-data.block.tabs { background-color: #efeded; }
.match-data.tabs li { padding: 0; border-bottom: 3px solid #0000; font-size: 0.9375rem; }
.match-data.tabs li.active a { color: #e11647; }
.match-data.tabs li.active { border-bottom-color: #e11647; }

.match-data.tabs li a {
    padding: 1rem 0;
    color: #7d7d7d;
    text-decoration: none;
    display: block;
    -o-transition: color .2s ease-out, background 1s ease-in;
    -ms-transition: color .2s ease-out, background 1s ease-in;
    -moz-transition: color .2s ease-out, background 1s ease-in;
    -webkit-transition: color .2s ease-out, background 1s ease-in;
    transition: color .2s ease-out, background .2s ease-in;
  }
.match-data.tabs li a:hover { color: #000; color: #e11647; }

/* ####################################################################### News list Page and News component */
.html-home-page .news-list-homepage { margin-top: 32px; margin-bottom: 0; }

.news-list-homepage .news-head { text-align: left; }
.post-title, .news-title {
    display: block;
    padding: 0 0 8px 0px;
    font-size: 1.5rem;
    line-height: 2rem;
    line-height: normal;
  }
.post-date, .news-date {
    margin: 0 0 7px;
    background-color: transparent;
    padding: 5px;
    font-size: 14pt;
}
.news-list-homepage .news-title,
.html-news-list-page .news-title {
    color: #036FB9;
    font: 600 24pt "Montserrat", sans-serif;
}
.news-list-homepage .news-title:hover, .html-news-list-page .news-title:hover {
    text-decoration: underline;
    color: #808080;
}
.news-list-homepage .content,
.html-news-list-page .content {
    position: relative;
    height: 280px;
    overflow: hidden;
    
}
.html-news-list-page .content { height: 212px; }
.news-list-homepage .content:after,
.html-news-list-page .content:after {
    content: '';
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(#0000 30px, #fff);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%);
}
.news-list-homepage .card-body,
.html-news-list-page .card-body { padding-bottom: 0px; }
.news-list-homepage .more-info,
.html-news-list-page .more-info { padding: 12px 0; }
.news-list-homepage .view-all,
.html-news-list-page .view-all { padding: 2px 0 12px; }
.news-item-page { background-color: #fff; padding: 0px 20px 20px; }
.news-item-page .news-body { padding: 0; }
.news-item-page .page-title { border-bottom: none; margin: 0 0 8px; }
.news-item-page .back-link { padding: 12px 0; }

/* New page detail menu */
.match-data.tabs .navbar { padding: 0 15px; }
.match-data.tabs .nav-link { padding: 0;
    margin-right: 2rem;
    border-bottom: 3px solid #0000;
    text-transform: uppercase;
    font-size: 0.9375rem;
    font-weight: 400;
}
.match-data.tabs .nav-link.active,
.match-data.tabs .nav-link.active a {
    border-bottom-color: #e11647;
    color: #e11647;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #e11647; }
.match-data.tabs .nav-link a { display: block; padding: 1rem 0; }

.sub-nav-mobile-header {
    color: #000000e6;
    color: #e11647;
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    white-space: nowrap;
    border-bottom: 1px solid #e11647;
    font-size: 0.9375rem;
    text-transform: uppercase;
  }
/* Detailpages informationblock */
.detail-information-wrapper { margin-bottom: 50px; }

/* ####################################################################### Start Page */

.page-slider { padding-right: 0px; padding-left: 0px; }
.home-page-slider .nivoSlider { max-height: 444px; }
.home-page-slider .theme-custom  { margin: -20px auto 10px }
.home-page-slide .theme-custom { margin-bottom: 0; }


.current-matches-table 
.current-competition-table 
.nav-tabs {
    border: none;
}

.widget-current-matches-list .k-grid-content { min-height: 200px; }
.widget-current-matches-list .nav-link { padding: 0.28em 0.6em; }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #ccc; }

.widget-header {
    background: #0058a5;
    color: #fff;
    text-align: center;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 0.26em 0;
}

.nav-tabs .nav-link.active  {
    color: #fff;
    background: #0058a5;
    border: 1px solid #0000;
}
.news-list-homepage .title { margin: 36px 0 24px; padding: 0 0 5px; }
.homepage-section-title font: 600 22pt "Montserrat", sans-serif;
.html-home-page .instagram-grid .title,
.instagram-widget .title {
    margin: 50px 0 24px;
    border-bottom: 1px solid #ddd !important;
    padding: 0 0 5px !important;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    color: #212529 !important;
}
.product-grid .title {
    padding: 0 0 5px;
    margin: 0 0 24px;
}
.bl-space-lg { margin-top: 2.5rem; }

.instagram-widget {
    /*margin: 50px 0 0px;*/
}

/* ####################################################################### myBits Page */
/* myBits detail menu / myBits page */
.match-data .dropdown-menu .dropdown-item { padding: .25rem .5rem; text-transform: initial; }
.match-data .dropdown-menu .dropdown-item:hover  { background-color: #efeded; }
.fieldset .title, .section .title { margin: 0 0 5px }
/*.account-page .form-fields { padding: 30px 0 40px; }*/
.account-page .fieldset { padding-bottom: 20px; }

/* Layout/grid adjustment */
.account-page .page-body .row { margin-right: 0px; margin-left: 0px; }
.account-page .fieldset .title, .mybits-account .section .title { padding: 0; text-align: left; }

.fieldset .title strong { font-weight: 500; }

.html-account-page .block .title { background-color: #fff; }

/* ####################################################################### Elit Pages (elitserien herr, dam etc) */

/* Slick */
.slick-slider { background: #fff; padding: 10px; margin: 8px 0; }
.slick-prev:before, .slick-next:before { color: #333; }
.scrolling-matches-date, .scrolling-matches { height: 130px; }
.scrolling-matches hr { 
    margin-top: .5rem;
    margin-bottom: .5rem;
    border: 0;
    border-top: 1px solid #d4d4d4; }

.scrolling-matches { width: 200px; float: left; color: grey; border-left: 1px solid; padding-left: 10px; padding-right: 10px; }
.scrolling-matches .match-team { font-size: 0.75rem; }
.scrolling-matches .match-result {
    font-size: 0.875rem;
    font-weight: 700;
    font-family: Roboto,sans-serif;
    float: right;  }
.scrolling-matches .match-result .winner { color: #DAA520; }
.scrolling-matches .match-team img { width:38px; height:38px; margin-right: 5px; float: left; }
.scrolling-matches .game-data {
    width: 75%;
    line-height: 36px; 
    color: #333;
    float: left;
    padding: 0px 0;
    
     }
.scrolling-matches .team-name { display: block;
    width: 75%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}

.slick-prev:before, .slick-next:before {
    font-family: "FontAwesome", "slick", sans-serif;
    font-size: 55px;
}
.slick-prev, .slick-next { width: 30px; height: 60px; }
.slick-next { right: -32px; }
.slick-prev { left: -32px; }
.slick-prev:before { content: "\f104"; }
.slick-next:before { content: "\f105"; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { cursor: default; }

.scrolling-matches .match-date { padding: 0px 0 10px; font-size: 0.75rem; }
.dt-container {
    color: #27303e;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-size: .75rem;
    text-transform: uppercase;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 100%;
}

.dt-container .dt-name, .dt-container .dt-month, .dt-container .dt-round { 
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
 }
.dt-container .dt-day { color: #27303e; font-weight: 700; font-size: 2.875rem; line-height: 1.4; }
.scrolling-matches-date { width: 100px; float: left; color: grey; border-left: 1px solid #808080; background-color: #efefef; padding: 3px 0; }

/* ####################################################################### PlayOff Page */
/*
.playoff-table, .playoff-table th, .playoff-table td { border: 1px solid #00000026; }
.playoff-table { border-collapse: unset; }
*/
.playoff-table { font-size: 0.875rem; width: 99.9%;}

.cell-container { width: 200px; background-color: white; font-size: 14px; }

.column_4 { padding-top: 350px; }

.playoff-table .cell-design {
    /*width: 350px;*/
    height: 50px;
    background-color: white;
    margin-top: 10px;
    /*font-size: 14px;*/
    /*
    border: solid;
    border-width: 1px;
    border-color: #c1c1c1;
    */
    border: 1px solid #c1c1c1;
    /*padding-left:5px;*/
}

.cell-design-blank { 
    /*width: 200px;*/
    height: 30px;
    margin-top: 10px;
}
.header-cell-design { 
    /*width: 265px;*/
    height: 30px;
    margin-top: 10px;
    font-size: 14px;
    padding-left: 5px;
    white-space: nowrap;
}
.header-cell-design-blank {
    width: 50px;
}
.header-row-design { background-color: #736b6b; color: white; text-align:center; }
.container-background-color { background-color: white; }
.playoff-table .match-points { padding-right: 6px; float: right; }

.playoff-table .match-detail {
    z-index: 100;
    font-size: 10px;
    color: grey;
    margin: 0px;
    position: absolute;
    background: white;
    /*margin-left: 10px;*/
    /*margin-left: 5px;*/
    /*
    padding-left:5px;
    padding-top: 8px;
    padding-right: 5px;
    */
    padding: 8px 5px 0px 5px;
}

.playoff-table .first-cell-space { width: 35px }
.playoff-table .cell-space { 
    /*padding-left: 15px*/
    /*text-decoration: underline;*/
    /*
    cursor: pointer;
    color: #007bff;
    */
}
.playoff-table .cell-space:hover {
    /*text-decoration: underline;*/
}
.playoff-table .cell-cursor { position: relative; cursor: pointer; white-space: nowrap; }

.playoff-table .cell-cursor .cell-space {
    cursor: pointer;
    color: #007bff;
}
.playoff-table .cell-cursor .cell-space:hover {
    text-decoration: underline;
}
/* ####################################################################### Profile/Detail Header Pages */
.detail-information-wrapper { 
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px rgba(0,0,0,.1)
}

.detail-information-header,
.game-header-wrapper {
    padding: 15px 17px 17px;
    min-height: 303px;
    font-size: .875rem;
    position: relative;
    background-color: #fff;
    color: #333;
}
.detail-map { height: 304px; }
.competition-fact-map {
    height: 200px;
}
.matchRedBox {
    background:red;
    color: #fff;
    text-align:center;
}
.table td, .table th { border-top: none; }

/* ####################################################################### Player Page */
.search-list { margin-bottom: 20px; }
.header-decimal-cell, .align-right-cell, .align-right  { text-align: right; }
.k-grid .divisionTableDividerSolid td { border-bottom: 2px solid #777; }
.k-grid .CompetitionTableDividerSolid td { border-bottom: 2px solid #777; }
.k-grid .divisionTableDividerDashed td { border-bottom: 2px dashed #777; }
.k-grid .standingsBossDivider { background-color:#736b6b; height:35px; }
.k-grid .standingsBossDivider:hover { background-color:#736b6b;}
.k-grid .standingsBossDivider td a { color:white !important; cursor: default; }
.k-grid .standingsBossDivider td a:hover { text-decoration: none !important; }
.k-grid .standingsBossDivider td { border-width: 0 0 0 0px; }

.player-ranking,
.hall-ranking-data-wrapper,
.detail-ranking-data { 
    font-size: .625rem;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.hall-ranking-data-wrapper,
.detail-ranking-data { position: relative; margin: 30px 0 0 0; }
.detail-ranking-data.ranking-inline { /*position: absolute;*/ margin: 0; margin-top: 10px; margin-right: -15px; margin-left: -15px; }
.player-ranking [class^="col-"],
.hall-ranking-data-wrapper [class^="col-"],
.detail-ranking-data [class^="col-"] {
    font-weight: bold;
    text-transform: uppercase;
    font-family: sans-serif;
}

.player-ranking [class^="col-"] span,
.hall-ranking-data-wrapper [class^="col-"] .ranking-sum,
.detail-ranking-data [class^="col-"] .ranking-sum { 
    display: block;
    font-weight: normal;
    font-size: 1.25rem;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
}
/* ####################################################################### Player Detail Page */
.player-profile {
    position: relative;
    text-align: center;
}
.profile-image { display: inline-block; margin-bottom: 10px; margin-top: 25px;
    width: 150px;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 50%;
}

.profile-image.profile-image-list { width: 120px; height: 120px; }
.profile-image img { border-radius: 50%; height: 150px; }
.player-clubname { margin-top: 4px; }
.player-profile .profile-id { font-size: .75rem; }
.player-profile-header .player-graph-wrapper { text-align: right; }
.player-graph-background-wrapper { text-align: right; background-color:white; }

.player-ranking-line,
.ranking-line  { display: block; border-top: 4px solid; padding: 3px 0; }

.color-rank1 { border-color: #fd9f07; } 
.color-rank2 { border-color: #fc2931; }
.color-rank3 { border-color: #db7093; }
.color-rank4 { border-color: #808000; }

.color-hall-rank1 { border-color: #808000; }
.color-hall-rank2 { border-color: #fc2931; }

.player-override { color: red; font-size: 80%; font-style: italic; }
.player-override-value { color: red; }

/* ####################################################################### Match Detail Page */

/* Header */
.detail-information-header .away-team { text-align: right; }
.detail-information-header .away-team, .detail-information-header .home-team, .detail-information-header .matchinfo { text-align: center; }
.detail-information-header .away-team, .detail-information-header .home-team {  padding-top: 28px; }
.game-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90%;
    height: 100%;
    margin: auto;
}

.detail-information-header .game-header-date {
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
}
.detail-information-header .game-header-team {
    padding: 5px;
    flex: 1;
    display: flex;
    -webkit-box-flex: 1;
    justify-content: center;
    align-self: center;
}
.detail-information-header .game-header-team.away-team {
    text-align: right;
}

.detail-information-header .game-header-result {
    padding: 5px;
    justify-content: center;
    align-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
}
.detail-information-header .matchinfo-score {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 6px;
    display: block;
    width: 100%;
    text-align: center;
}
.detail-information-header  .team-name {
    font-size: 1.75rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.detail-information-header .team-place { color: #333; font-size: 1.125rem; }
.detail-information-header .team-name-container { align-self: center; }
.detail-information-header .team-logo { margin: 8px; }
.team-logo-img{ max-height:140px; }

.game-header-data {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
 }
 .matchinfo-series-data { width: 100%; overflow-x: auto; }

 /* Table */
 .table-holder { margin-bottom: 20px; }

 .team-table, .AwayTeamCell-table, .matchinfo-data-table, .table-result {
    border: 1px solid #d5d6d7;
  }
  
.team-table, .AwayTeamCell-table, .table-result { width: 100%; background-color: #fff; }
.match-fact-tableHeader, .matchinfo-data-table .cell-sum, .MatchInfoTabCell { background-color: #f5f5f5; }
.match-fact-tableHeader { font-weight: 700; color: #000; text-align: center; }

.matchdetail-player-scores .playername-header { width: 335px; }
.matchdetail-player-scores .score { width: 91px; }

.matchinfo-data-table td,
.team-table td,
.team-table th,
.table-result td,
.table-result th  {
    padding: 3px 4px;
  }
  
.tableMatchHeader { font-weight: bold; }
.MatchFactTableHomePlayer {
    white-space: nowrap;
}
.hometeam, .HomeTeamCell, .MatchFactTableHomePlayer {
    background-color: #ff9;
    background-color: #FFF0A5;
    background-color: #fff0a57a;
    background-color: #fff7d6;
  }

.HomeTeamCellLeft { color: red; }

.MatchFactTableHomeResult, .MatchFactTableAwayResult,
.HomeTeamCell,
.AwayTeamCell {
    text-align: right;
}
  
.MatchFactTableAwayPlayer {
    white-space: nowrap; }

.awayteam, .AwayTeamCell, .MatchFactTableAwayPlayer {
    background-color: #DAE1EE;
    background-color: #BDD3DE;
    background-color: #bdd3de80;
    background-color: #dee9ee;
}

.MatchInfoTableHeader, .matchinfo-data-table .MatchInfoTabCell, .matchinfo-data-table .cell-sum {
    background-color: #f5f5f5;
}

/* Table header */
.team-table .Grid_Header, .match-detail-scores .match-fact-tableHeader {
    color: #fff;
    background-color: #243E89;
    background-color: #4267b2;
    background-color: #736b6b;
}

/* ####################################################################### Hall Page */
.hall-detail { order: 1; }
.hall-map { order: 2; }
.hall-ranking { order: 3; padding: 0; }

.detail-data { font-size: 0.875rem; }
.match-data.block {
    min-height: 60px;
    color: #fff;
    background-color: #333;
    background-color: #736b6b;
    text-align: center;
    font-size: 0.9375rem;
}
.match-data.info { padding-top: 18px; }
.match-data.block .row { margin: 0; }

.match-data ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    list-style: none;
  }
.match-data li {
margin-right: 2rem;
padding: 1rem 0;
border-top: 3px solid #0000;
border-bottom: 5px solid #0000;
font-weight: 400;
text-transform: uppercase;
}

.external-links-wrapper,
.team-detail-external-links-wrapper  {
    margin-top: 23px;
    padding: 0;
}
.external-links { margin: 0; }
.external-links ul { 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 1rem;
    padding: 0;
    list-style: none;
}
.external-links li {
    display: inline-flex;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    position: relative;
  }

  .external-links li a {
    display: block;
    color: #4682b4;
    margin-top: 0;
    min-width: 80px;
    height: 58px;
    padding-bottom: 0;
    padding-top: 0;
    background: #e4e4e4;
    background: #fff;
  }
  .external-links li a:hover, .external-links li a:active { background: #ababab; background: #ccc; cursor: pointer; }
  .external-links li a i {
    display: inline-block;
    font-size: 22px;
    margin-left: -12px;
    top: 50%;
    margin-top: -15px;
    position: absolute;
  }
  .external-links li a .ext-label { 
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: 12px;
    position: absolute;
    font-size: 8px;
    text-transform: uppercase;
  }

/* ####################################################################### Team Page */
.team-player-list {
    border: 1px solid #ccc;
    margin-left: 0;
    margin-right: 0;
    padding-top: 18px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.team-player-detail-wrapper { text-align: center; padding-bottom: 18px; }
.team-player-detail-wrapper .player-detail { padding: 8px; }
.team-player-detail-wrapper .profile-image img { height: 100%; }
.team-player-detail-wrapper h4 { font-size: 1rem }
.team-player-detail-wrapper .player-detail-link { display: block; }
.team-player-detail-wrapper .player-detail-link:hover { border-radius: 5px; background-color: #dcdcdc; }

/* ####################################################################### Club Detail Page */
.club-image {
    background-repeat: no-repeat;
    background-position: center top;
    display: inline-block;
    background-size: contain;
    margin-bottom: 18px;
}
.club-image img {
    height: 150px;
}
h3.club-name { margin-bottom: 1.0rem; }
.club-profile {
    position: relative;
    text-align: center;
    /*min-height: 375px;*/
  }
.club-profile  .club-data {
    text-align: left;
    justify-content: center;
}
.club-detail .detail-ranking-data.ranking-inline { justify-content: center; }
.club-profile  .club-data.first { margin-top: 5px; }

.club-detail .detail-map { height: 374px; }

/* ####################################################################### Competition Page */
.competition-list .completed-competition { }
/* ####################################################################### HCP Page */
.cell-hcp-game, .cell-hcp-max { color: #00f; }

/* ####################################################################### Competition Page */

.k-detail-row .k-detail-cell .k-widget { box-shadow: none; border-color: #b9b9b9; }
.k-detail-row .k-detail-cell { 
    padding-bottom: 1.2em;
}

/* ####################################################################### Serier & Resultat Page */
.divisions-and-result-vue-app .k-widget.k-dropdown, .k-widget.k-combobox { width: 100%; }
.filter { margin-bottom: 30px; }

.filter label { display: block; font-size: 12px; color: #707070; text-transform: uppercase; }

.filter-devider { margin: 25px 0; text-align: center; position: relative; overflow: hidden; }

    .filter-devider .section-header { position: relative; display: inline-block; }
        .filter-devider .section-header:before, .filter-devider .section-header:after {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            display: block;
            width: 40vw;
            height: 1px;
            background: #DADADA;
            content: "";
        }

        .filter-devider .section-header:before {
            left: -30px;
            -webkit-transform: translate(-100%, -50%);
            -ms-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
        }

        .filter-devider .section-header:after {
            right: -30px;
            -webkit-transform: translate(100%, -50%);
            -ms-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
        }
.team-information { margin-bottom: 18px; }

.show-all-matches-link { margin: 8px 0; }
.team-header {
    padding: 20px 0;
    border-bottom: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
    background-color: #dadada42;
}

.team-header h3 { margin: 0; }

.divisions-and-result-vue-app .show-team-games-toggle {
    color: #007bff;
    font-size: 14px;
    font-style: italic;
    text-decoration: underline;
    vertical-align: middle;
}

    .divisions-and-result-vue-app .show-team-games-toggle:hover { color: #0056b3; cursor: pointer; text-decoration: underline; }

.team-devision-options h4 { margin: 0; padding: 8px 2px; }

.played-matches-table,
.team-division-matches-table {
    margin-top: 7px;
}

.bits-grid-title h3 {
    display: inline-block;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 10px 5px 6px;
}

.upcoming-matches-table,
.division-table,
.division-matches-table
 {
    margin-top: 50px;
}


.divisions-and-result-vue-app .match-result, .hall-detail-vue-app .match-result {
    text-align: center;
}

.bits-bo-modal-license-create{
    width:968px;
}

.bits-bo-modal-license-create-content {
    height: 400px;
}

.existing-records-box{
    border-color:red;
}
.form-group.required .control-label:after {
    content: "*";
    color: red;
}
.appIcon {
    max-width: 40px;
}
.horizontal-center {
    display: block;
    margin: auto auto;
    max-width:60px;
}
td.browserAlert:hover {
    background-color: #fcf8e3;
}
.browserTable {
    width: 100%;
    margin-top: 20px;
    border-style: hidden;
}
.top-space{
    padding-top:10px;
}

/*start mobile classes for matches*/
.logo-top-padding {
    padding-top: 4px;
}

.grid-no-header {
    height: 0;
    border-bottom-width: 0;
    display: none;
    overflow: hidden;
}

.image-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.match-team-image {
    width: 38px;
    height: 38px;
    float: left;
}

.remove-division-heading-space {
    margin-top: -50px;
}
/*end mobile classes for matches*/

.competition-fact {
    padding: 15px;
    font-size: 13px;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px rgba(0,0,0,.1)
}

.competition-category-template-product-image{
width:100%;
}

.competition-player-info {
    position: relative;
    display: inline-flex;
    padding: 20px 0 20px 0;
}
.extra-margin {
    margin-top: 10px;
}
.tab-content-margin {
    margin-top: 30px;
}
.search-panel .k-grid-content{
    min-height: 0px;
}
.html-competition-bottom-widget {
    height: 420px;
    border: none;
    overflow: hidden;
    width: 100%;
}
/* Grid adjustment */
@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
    .left-side-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .right-side-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }   
}
/* END Grid adjustment */


@media (min-width: 992px) {
  .sub-nav-mobile-header { display: none; } 
}
@media (min-width: 769px)  {
    .hide-on-desktop { display: none; }
}

@media (max-width: 1198px) {
    .k-dropdown { width: 100%; }
    .news-image img { width: 130px; }
    .news-list-homepage .content { height: 232px; font-size: 0.8125rem; }
    
} 
@media (max-width: 1000px) {
    .home-page-slide .theme-custom { margin-bottom: 0; }
    .home-page-slider .theme-custom  { margin: -20px auto 10px }
}

@media (max-width: 991px) {
    .header-selectors-wrapper {  border: none; display: none; }
    .elit-serie-page-slider { display: none; }
    .header-lower { padding: 10px 0px;}
    .header-links {  margin: 0; float: right !important; }
    .header-links span, .header-links a { font-size: 0.6875rem; }
    .bits-logo {
        height: 10px;
        margin-top: 22px;
    }
    .menu-toggle {
        background-color: #042642;
        padding: 10px;
    }
    .menu-wrapper { background-color: #0058a5; }
    .sticky .sticky-logo { padding: 3px 20px 0 14px; }
    .sticky .swebowl-logo { height: 26px; }
    /* Playoff */
    .playoff-table { font-size: 0.75rem; }
    .playoff-table .match-detail { margin-left: 0px; }
    .playoff-table .cell-design { height: auto; }
    .playoff-table .match-detail { padding-top: 5px; }

    .top-menu > li > a { padding: 16px 55px 16px 16px }
    .logo img {  height: 58px; }
    /*.container.head { background-size: 86px 70px; background-position: right 22px bottom 10px; }*/
    .login-page .form-group.row .col-lg-10,
    .login-page .form-group.row .col-lg-5,
    .login-page .form-group.row .col-lg-8,
    .login-page .form-group.row .col-lg-4  {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    /* adjust filter dropdowns */
    .filter .k-dropdown-wrap .k-input,
    .filter .k-picker-wrap .k-input { 
        /*padding: .177em 0;*/ font-size: 0.9rem;
    }
    .form-control { font-size: 0.9rem; padding: 5px 8px; }

    .k-input[type=number],
    .k-input[type=text],
    .k-picker-wrap .k-input,
    .k-textbox, .k-textbox>input,
    .k-list { font-size: 0.9rem; }
    .filter .k-i-arrow-60-down { /*margin-top: inherit;*/ }

    .match-data.tabs .navbar { padding: 10px 15px; }
    .match-data.tabs .nav-link a { padding: .5rem 0; }
    .match-data ul { align-items: normal; font-size: .75rem; }
    .match-data.tabs .nav-link { border-bottom: 2px solid #0000; }
    .match-data.block { text-align: left; }

    .detail-information-wrapper { margin-bottom: 20px; }
    .filter { margin-bottom: 15px; }

    .header-links ul { margin: 0px auto 0px; }
    .match-detail .detail-information-header { font-size: .75rem; min-height: auto; }
    .detail-information-header .team-name { font-size: 1rem; }
    .detail-information-header .matchinfo-score { font-size: 1.2rem; }
    .team-name-container .team-place { font-size: .875rem; padding-bottom: 5px; }
    .team-name-container { padding-bottom: 5px; }
    
    .team-logo { margin: 0; }
    .team-logo img { max-width: 80px; }
    .club-image img { height: 115px; }

    .match-data.info { padding-top: 14px; font-size: .75rem; }
    .top-menu.mobile { margin-bottom: 0; border-bottom: 2px solid #007cbe; }
    .menu-toggle { min-height: 42px; background-image: none; }

    .top-menu > li { margin: 0; border-top: 1px solid #ccc; }
    .top-menu .sublist, .sublist .sublist .sublist li { margin: 0; padding: 0; }

    /* Mitt Bits */
    .account-page .page-body .form-group.row .col-sm-12 { padding-left: 0; padding-right: 0; }
    .account-page .form-control { font-size: 1rem; padding: 10px 8px; }
    .left-side-wrapper .card { background: transparent; }
    .account-page .page-body .row { position: relative; }
    .account-page .req-mobile { position: absolute; right: 5px; top: 8px; }
    .block .card-header h4 { font-size: 1.2rem; }
    
    /* Highlight selected on mobile */
    .top-menu .sublist li { margin: 0px 0 0px 8px; }
    .top-menu .sublist li a { padding: 15px 18px 15px 30px }
    .top-menu .nav-active .sublist li { background: #fff; }
    .top-menu .nav-active .sublist, .sublist .sublist .sublist li { border-radius: 0; background: #007cbe; }

    .nav-item .sublist-show {
        /*
        -transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        */
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    /* Highlight selected on mobile END */

    /* Submenu detail pages */
    .match-data.tabs .nav-link.active, .match-data.tabs .nav-link.active a {
        border-bottom-color: transparent;
        color: #212529;
    }
    .dropdown-menu { border: none; background-color: transparent; }

    .bl-space-lg { margin-top: 0rem; }
    .bl-space-md { margin-top: 2.5rem; }

    .left-side-wrapper { order: 2; }
    .right-side-wrapper { order: 1; }
    
    .player-ranking [class^="col-"] span,
    .hall-ranking-data-wrapper [class^="col-"] .ranking-sum,
    .detail-ranking-data [class^="col-"] .ranking-sum { 
        font-size: 0.8125rem;
    }
    .html-home-page .news-list-homepage { margin-top: 20px; }
    /* Match scroller */
    .k-i-arrowhead-e::before, .k-i-arrowhead-w::before { content: ""; }
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none;
    }

    .menu-wrapper .container { padding: 0; }

    /* ####################################################################### All tables */
    .player-table,
    .player-list-table,
    .player-detail-table,
    .player-arena-table,
    .player-transfer-table,
    .player-agreement-table,
    .hall-hall-list,
    .hall-average-list,

    .ranking-hall-ranking-list,
    .ranking-player-ranking-list,
    .halldetail-page-hall-list,
    .halldetail-page-competition-list,
    .halldetail-page-team-list,
    .halldetail-page-ranking-list,

    .rankingteam-table,
    .transfer-table,
    .arena-table,
    .played-matches-table,
    .team-division-list,
    .division-table,
    .upcoming-matches-table,
    .division-matches-table,

    .play-off-match-report-result-table,
    .play-off-match-report-points-table,

    .club-table,
    .hcp-player-list,
    .hcp-competition-table,
    .match-detail-scores,
    .matchdetail-player-scores,
    .competition-competitionresult-table,
    .widget-competition-winners-table,
    .bits-table 
    { 
        font-size: 12px;
    }

    /* 100% width of dropdowns */
    .k-dropdown { width: 100%; }
    /* Login page */

   .login-page .customer-login { order: 1; }
   .login-page .new-customer { order: 2; }
   .login-page .new-wrapper { margin: 0; }

    /* Club */
    .club-profile { min-height: inherit; }
    .club-image { margin-top: 0px; }
    .club-image img { height: 70px; }
    .club-name, .profile-name, .hall-name { font-size: 1rem; }
    .profile-name { margin-bottom: .1rem; }
    .player-clubname  { font-size: 1rem; }

    .player-profile { text-align: inherit; }
    .profile-image { float: left; margin-right: 14px; margin-top: 0px; margin-bottom: 20px; width: 100px; height: 100px; }
    .profile-image img { height: 115px; }
    .player-ranking, .hall-ranking-data-wrapper,
    
    .hall-ranking-data-wrapper { float: inherit; position: relative; }
    .hall-ranking { padding-right: 15px; padding-left: 15px; }
    .show-advanced-search { margin: 12px 0 0 0; }
    .show-advanced-search .col-sm-12 { padding: 0; }
    .show-on-mobile { display: block; }
    .footer-block .title { background-color: #0058a5; color: #fff; }

    header { background-size: 100% 180px; }
    .header-menu { margin: 0 auto 5px; }

    .breadcrumb { padding: 0 .2rem .2rem; font-size: .875rem; }

    .detail-information-header .game-header-date { font-size: inherit; }
    .detail-information-header .team-place { font-size: .8125rem; padding-bottom: 3px; }
    .detail-information-header .team-name { font-size: .875rem; }
    .detail-information-header .matchinfo-score { font-size: 1.2rem; margin: 0; }

    .detail-information-header .away-team, .detail-information-header .home-team { padding-top: 0px; }

    .detail-information-header .home-team { padding-right: 0; text-align: left; justify-content: flex-start; }
    .detail-information-header .away-team {
        padding-left: 0;
        text-align: right;
      }
    .detail-information-header .score { padding-left: 0; text-align: right; justify-content: flex-end; }
    .detail-information-header .matchinfo { padding-top: 10px; padding-right: 5px; padding-left: 5px; }

    .match-data.info { padding-top: 3px; }
    .bl-space-sm { margin-top: 2.5rem; }

    .widget-current-matches-list .nav, .widget-header { font-size: 0.8125rem; }
    .widget-current-matches-list .nav-link { padding: 0.28em 0.4em; /*padding: 0.30em 0.6em;*/ }

    .news-image img { width: auto; }

    #topcartlink .cart-label { display: none; }
    #topcartlink a i { font-size: 12px; }

    .homepage-section-title,
    .html-home-page .instagram-grid .title,
    .instagram-widget .title {
        margin: 35px 0 16px;
        font-size: 24px;
    }
    .product-grid .title { font-size: 24px; }

    #UpcomingMatchesMobile .k-grid .k-grouping-row {
        font-size: large;
        text-align: center;
    }

        #UpcomingMatchesMobile .k-grid .k-grouping-row td {
            background-color: #fce902;
        }

    #playedMatchesMobile .k-grid .k-grouping-row {
        font-size: large;
        text-align: center;
    }

        #playedMatchesMobile .k-grid .k-grouping-row td {
            background-color: #fce902;
        }

    #divisionMatchesMobile .k-grid .k-grouping-row {
        font-size: large;
        text-align: center;
    }

        #divisionMatchesMobile .k-grid .k-grouping-row td {
            background-color: #fce902;
        }

    #currentMatchesMobile .k-grid .k-grouping-row {
        font-size: large;
        text-align: center;
    }

        #currentMatchesMobile .k-grid .k-grouping-row td {
            background-color: #fce902;
            width: auto
        }

    #CompetitionFrontStartViewMobile .k-grid .k-grouping-row {
        font-size: large;
        text-align: center;
    }

        #CompetitionFrontStartViewMobile .k-grid .k-grouping-row td {
            background-color: #fce902;
            width: auto
        }

    #CompetitionFrontStartViewMobile .mobile-start-name-font {
        font-size: x-large;
        line-height: normal;
    }
    #CompetitionFrontStartViewMobile .mobile-start-detail-font {
        font-size: 12px;
        line-height: normal;
    }
    /*mobile grid modification for front competition class result*/
    #CompetitionFrontClassResultViewMobile {
        margin-left: -15px;
        margin-right: -15px;
    }

        #CompetitionFrontClassResultViewMobile .k-grid tr {
            background-color: transparent;
        }

            #CompetitionFrontClassResultViewMobile .k-grid tr td {
                /*border: none;*/
                border-top: 1px solid #cccccc;
                font-size: 12px;
                text-align: center;
                padding: 10px;
                line-height: normal;
            }

            #CompetitionFrontClassResultViewMobile .k-grid tr th {
                /*border: none;*/
                background-color: #fce902;
                font-size: large;
                text-align: center;
                height: 47px;
                line-height: normal;
            }

        #CompetitionFrontClassResultViewMobile ul {
            display: inline-block;
            margin-bottom: 0px;
            margin-top: 10px;
            vertical-align: bottom;
        }

        #CompetitionFrontClassResultViewMobile .mobile-right-side-total-score {
            position: absolute;
            top: 50%;
            width: 100%;
            margin: -15% 0 0 0;
            font-size: x-large;
            right: 25px;
            text-align: right;
        }

        #CompetitionFrontClassResultViewMobile .mobile-left-side-total-score {
            position: absolute;
            top: 50%;
            margin: -15% 0 0 0;
            font-size: x-large;
            left:25px;
        }

        #CompetitionFrontClassResultViewMobile .mobile-class-result-player-name {
            display: block;
            font-size: x-large;
            margin-bottom: 5px;
        }

        #CompetitionFrontClassResultViewMobile .mobile-class-result-cell {
            border: 1px solid #cccccc;
            text-align: center;
            float: left;
            padding: .4em 0.4em;
        }

        /*mobile grid modification for front competition class*/
    #CompetitionFrontClassViewMobile .k-grid .k-grouping-row {
        font-size: large;
        text-align: center;
    }

        #CompetitionFrontClassViewMobile .k-grid .k-grouping-row td {
            background-color: #fce902;
            width: auto
        }

    #CompetitionFrontClassViewMobile .mobile-class-name-font {
        font-size: x-large;
        line-height: normal;
    }

    #CompetitionFrontClassViewMobile .mobile-class-detail-font {
        font-size: 12px;
        line-height: normal;
    }

    /*mobile grid modification for front competition player list*/
    #CompetitionFrontPlayerViewMobile .k-grid .k-grouping-row {
        font-size: large;
        text-align: center;
    }

        #CompetitionFrontPlayerViewMobile .k-grid .k-grouping-row td {
            background-color: #fce902;
            width: auto
        }

    #CompetitionFrontPlayerViewMobile .mobile-player-name-font {
        font-size: x-large;
        line-height: normal;
    }

    #CompetitionFrontPlayerViewMobile .mobile-player-detail-font {
        font-size: 12px;
        line-height: normal;
    }
    #CompetitionFrontPlayerViewMobile .mobile-right-side-starts {
        /*position: absolute;*/
        top: 50%;
        width: 100%;
        margin: -15% 0 0 0;
        margin-right: 15px;
        text-align: right;
    }

    #CompetitionFrontPlayerViewMobile .mobile-left-side-class {
        position: absolute;
        top: 50%;
        margin: -12% 0 0 0;
        left: 25px;
    }


    /*mobile grid modification for front competition start result*/
    #CompetitionFrontStartResultViewMobile {
        margin-left: -15px;
        margin-right: -15px;
    }

        #CompetitionFrontStartResultViewMobile .k-grid tr {
            background-color: transparent;
        }

            #CompetitionFrontStartResultViewMobile .k-grid tr td {
                /*border: none;*/
                border-top: 1px solid #cccccc;
                font-size: 12px;
                text-align: center;
                padding: 10px;
                line-height: normal;
            }

            #CompetitionFrontStartResultViewMobile .k-grid tr th {
                /*border: none;*/
                background-color: #fce902;
                font-size: large;
                text-align: center;
                height: 47px;
                line-height: normal;
            }

        #CompetitionFrontStartResultViewMobile ul {
            display: inline-block;
            margin-bottom: 0px;
            margin-top: 10px;
            vertical-align: bottom;
        }

        #CompetitionFrontStartResultViewMobile .mobile-right-side-total-score {
            position: absolute;
            top: 50%;
            width: 100%;
            margin: -15% 0 0 0;
            font-size: x-large;
            right: 25px;
            text-align: right;
        }

        #CompetitionFrontStartResultViewMobile .mobile-left-side-total-score {
            position: absolute;
            top: 50%;
            margin: -15% 0 0 0;
            font-size: x-large;
            left: 25px;
        }

        #CompetitionFrontStartResultViewMobile .mobile-class-result-player-name {
            display: block;
            font-size: x-large;
            margin-bottom: 5px;
        }

        #CompetitionFrontStartResultViewMobile .mobile-class-result-cell {
            border: 1px solid #cccccc;
            text-align: center;
            float: left;
            padding: .4em 0.4em;
        }


    /*mobile grid modification for front competition player detail*/
    #CompetitionFrontPlayerDetailViewMobile {
        margin-left: -15px;
        margin-right: -15px;
    }

        #CompetitionFrontPlayerDetailViewMobile .k-grid tr {
            background-color: transparent;
        }

            #CompetitionFrontPlayerDetailViewMobile .k-grid tr td {
                /*border: none;*/
                border-top: 1px solid #cccccc;
                font-size: 12px;
                text-align: center;
                padding: 10px;
                line-height: normal;
            }

            #CompetitionFrontPlayerDetailViewMobile .k-grid tr th {
                /*border: none;*/
                background-color: #fce902;
                font-size: large;
                text-align: center;
                height: 47px;
                line-height: normal;
            }

        #CompetitionFrontPlayerDetailViewMobile ul {
            display: inline-block;
            margin-bottom: 0px;
            margin-top: 10px;
            vertical-align: bottom;
        }

        #CompetitionFrontPlayerDetailViewMobile .mobile-right-side-total-score {
            position: absolute;
            top: 50%;
            width: 100%;
            margin: -15% 0 0 0;
            font-size: x-large;
            right: 25px;
            text-align: right;
        }

        #CompetitionFrontPlayerDetailViewMobile .mobile-left-side-total-score {
            position: absolute;
            top: 50%;
            margin: -15% 0 0 0;
            font-size: x-large;
            left: 25px;
        }

        #CompetitionFrontPlayerDetailViewMobile .mobile-player-detail-font {
            display: block;
            font-size: x-large;
            margin-bottom: 5px;
            text-align:center;
        }

        #CompetitionFrontPlayerDetailViewMobile .mobile-player-detail-result-cell {
            border: 1px solid #cccccc;
            text-align: center;
            float: left;
            padding: .4em 0.4em;
        }

    .competition-player-info-statistic-line-space {
        margin-top: 10px;
    }
}



@media (max-width: 575px) {
    .detail-information-wrapper {
        margin-left: -15px;
        margin-right: -15px;
      }
    /* End fullpage */
    .vs-xs { margin-bottom: .5rem; }
    .player-profile-header-wrapper { padding: 15px; }
    .player-ranking, .hall-ranking-data-wrapper { margin: 15px 0 5px; }
    .player-ranking [class^="col-"], .hall-ranking-data-wrapper [class^="col-"], .detail-information-header [class^="col-"] { padding-bottom: 2px; }
    .detail-ranking-data.ranking-inline { position: relative; margin-top: 10px; margin-bottom: 10px; width: unset;  }
    
    /* Hall reorder */
    .hall-detail, .club-detail, .team-detail { order: 1; }
    .hall-map, .club-map, .team-map { order: 3; }
    .hall-ranking, .club-ranking, .team-ranking  { order: 2; }
    .club-detail .detail-map { height: 300px; }
    .club-name, .profile-name, .hall-name { font-size: 1.25rem; }

    .container.head { padding-right: 10px; padding-left: 10px; }
    .external-links-wrapper { text-align: center; }

    .header-links li { margin: 0 5px; }
    .header-links span, .header-links a { font-size: 0.625rem; line-height: 28px; }
    .swebowl-logo { height: 52px; }
    .bits-logo { height: 8px; margin-top: 12px; }
    .header-lower { padding: 8px 0px; }

    .slick-prev, .slick-next { display: none !important; }
    .scrolling-matches { padding-left: 8px; padding-right: 8px; }
    .dt-container { font-size: 0.6875rem; }
    .dt-container .dt-day { font-size: 2.5rem; }
    .dt-container .scrolling-matches-date, .dt-container .scrolling-matches { height: 122px; }
    .scrolling-matches .match-date { padding: 0px 0 7px; }
    /*
    .right-side-wrapper { padding-left: 0; padding-right: 0; }
    */
    
    .team-player-detail-wrapper h4 {
        font-size: 1rem;
        float: left;
    }
    .profile-image.profile-image-list {
        width: 90px;
        height: 90px;
        margin-bottom: 5px;
        background-size: 100px 100px;
    }
    .team-player-detail-wrapper {
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        border-bottom: 1px solid #e6e6e6;
      }
    /* */
    .upcoming-matches-table #UpcomingMatchesMobile {
        margin-left: -15px;
        margin-right: -15px;
    }
    .upcoming-matches-table { box-shadow: none; -webkit-box-shadow: none; }
    #UpcomingMatchesMobile .k-grid { border: none; }
        #UpcomingMatchesMobile .k-grid tr td {
            /*border: none;*/
            border-top: 1px solid #cccccc;
        }
        #UpcomingMatchesMobile .k-grid tr {
            background-color: transparent;
        }
        /*#UpcomingMatchesMobile .k-grid .k-alt {
            background-color: #fce902;
        }*/
        #UpcomingMatchesMobile .k-grid .k-grouping-row {
            font-size: large;
            text-align: center;
        }
        #UpcomingMatchesMobile .k-grid .k-grouping-row td{
            background-color: #fce902;
        }
       
    /*mobile grid modification for played matches in seriespel page*/
    .played-matches-table #playedMatchesMobile {
        margin-left: -15px;
        margin-right: -15px;
    }
    .played-matches-table {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    #playedMatchesMobile .k-grid {
        border: none;
    }
        #playedMatchesMobile .k-grid tr td {
            /*border: none;*/
            border-top: 1px solid #cccccc;
        }
        #playedMatchesMobile .k-grid tr {
            background-color: transparent;
        }
        /*#playedMatchesMobile .k-grid .k-alt {
            background-color: #fce902;
        }*/
        #playedMatchesMobile .k-grid .k-grouping-row {
            font-size: large;
            text-align: center;
        }
            #playedMatchesMobile .k-grid .k-grouping-row td {
                background-color: #fce902;
            }

    /*mobile grid modification for division matches in seriespel page*/
    .division-matches-table #divisionMatchesMobile {
        margin-left: -15px;
        margin-right: -15px;
    }
    .division-matches-table {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    #divisionMatchesMobile .k-grid {
        border: none;
    }
        #divisionMatchesMobile .k-grid tr td {
            /*border: none;*/
            border-top: 1px solid #cccccc;
        }
        #divisionMatchesMobile .k-grid tr {
            background-color: transparent;
        }
        /*#divisionMatchesMobile .k-grid .k-alt {
            background-color: #fce902;
        }*/
        #divisionMatchesMobile .k-grid .k-grouping-row {
            font-size: large;
            text-align: center;
        }
            #divisionMatchesMobile .k-grid .k-grouping-row td {
                background-color: #fce902;
            }

    /*mobile grid modification for current matches*/
    #currentMatchesMobile {
        margin-left: -15px;
        margin-right: -15px;
    }
    #currentMatchesMobile .k-grid tr {
        background-color: transparent;
    }
        #currentMatchesMobile .k-grid tr td {
            /*border: none;*/
            border-top: 1px solid #cccccc;
        }
        #currentMatchesMobile .k-grid .k-grouping-row {
            font-size: large;
            text-align: center;
        }

            #currentMatchesMobile .k-grid .k-grouping-row td {
                background-color: #fce902;
                width:auto
            }

    /*mobile grid modification for front competition starts*/
    #CompetitionFrontStartViewMobile {
        margin-left: -15px;
        margin-right: -15px;
    }

        #CompetitionFrontStartViewMobile .k-grid tr {
            background-color: transparent;
        }

            #CompetitionFrontStartViewMobile .k-grid tr td {
                /*border: none;*/
                border-top: 1px solid #cccccc;
                font-size: 13px;
            }
}



@media (max-width: 468px) {
    .widget-current-matches-list .nav-link { padding: 0.28em 0.4em;
        white-space: nowrap;
    }
    .widget-current-matches-list .nav { font-size: 0.6875rem; }

    
    /* Exprimental use scrolling tabs on small screens */
    /*
    .nav__wrapper { position: relative; margin-left: -8px; margin-right: -8px; }
    .widget-current-matches-list .nav.horizontal { font-size: 1rem; line-height: 2; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .widget-current-matches-list .nav__wrapper:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 70px;
        z-index: 2;
        pointer-events: none;
        right: 0px;
        background: -webkit-gradient(linear, left top, right top, from(#002a4a00), to(#002a4a));
        background: -webkit-linear-gradient(left, #002a4a00 0%, #002a4a 100%);
        background: -o-linear-gradient(left, rgba(0,42,74,0) 0%, #002a4a 100%);
        background: linear-gradient(90deg, #002a4a00 0%, #002a4a 100%);

        background: -webkit-gradient(linear, left top, right top, from(#002a4a00), to(#f5f5f5));
        background: -webkit-linear-gradient(left, #002a4a00 0%, #f5f5f5 100%);
        background: -o-linear-gradient(left, rgba(0,42,74,0) 0%, #f5f5f5 100%);
        background: linear-gradient(90deg, #002a4a00 0%, #f5f5f5 100%);
    }
    */
    /* END Exprimental use scrolling tabs on small screens */
    .elitserien-men-vue-app
    .competition-front-vue-app
    .widget-current-matches-list .nav { font-size: 0.8125rem; }
    .news-list-homepage .news-item { padding: 0 5px; }
    .card-body { padding: .75rem; }
    .news-image img { width: 130px; }
    .news-list-homepage .news-title { font-size: 1rem; line-height: normal; }
    .news-list-homepage .content { height: 170px; }
    .home-page .left-side,
    .home-page .right-side,
    .row.ranking .col-md-6, .row.result .col-md-6 { padding: 0 8px; }
}

@media (min-width: 576px) and (max-width: 768px) {
    .vs-sm { margin-bottom: .5rem; }
}
@media (min-width: 769px) and (max-width: 991px) {
    .vs-md { margin-bottom: .5rem; }
}
@media (min-width: 992px) {
    .vs-lg { margin-bottom: .5rem; } 
}
@media (min-width: 1200px) and (max-width: 1366px) {
    /* Adjust slick carusell to fit page with arrows */
    .slick-slider {
        width: 97%;
        margin-left: auto;
        margin-right: auto;
      }
}
@media print {
    /* General Adjustments */
    body { background: #fff; }
    .full-wrapper { margin: 0 0 5px; }
    header { background: none; margin: 0px 0 5px; border-bottom: 1px solid #d5d6d7; }
    .bits-logo { margin: 0; }
    .swebowl-logo, .bits-logo { filter: grayscale(100%) contrast(1%) brightness(44%); }
    .menu-wrapper,
    .breadcrumb, .header-links, footer,
    .admin-header-links { display: none; }

    .header-lower { padding: 15px 15px; }

    .match-detail .detail-information-header { min-height: 248px; }
    .detail-information-wrapper { margin-bottom: 20px; }
    .match-data.block { font-size: 0.75rem; }
    .match-data.block,
    .team-table, .AwayTeamCell-table, .matchinfo-data-table, .table-result { border: 1px solid #333; }
    .match-data.block { min-height: auto; padding-top: 5px; padding-bottom: 5px; margin: 0; background-color: #fff; color: #333; }

    .team-table .Grid_Header, .match-detail-scores .match-fact-tableHeader,
    .k-grid .standingsBossDivider td a { color: #333; background: #e4e4e4; }
}
 /*media query form html widget plugin form competition category bottom*/
@media(max-width: 769px) {
    .html-competition-bottom-widget {
        height: 245px;
        border: none;
        overflow: hidden;
        width: 100%;
    }
}

@media(min-width: 770px) and (max-width: 991px) {
    .html-competition-bottom-widget {
        height: 290px;
        border: none;
        overflow: hidden;
        width: 100%;
    }
}

@media(min-width: 992px) and (max-width: 1250px) {
    .html-competition-bottom-widget {
        height: 340px;
        border: none;
        overflow: hidden;
        width: 100%;
    }
}


/* */

footer { background-color: #042642; }
.k-header { background-color: #fff; }
.dropdown-menu { border-radius: 0 0 .25rem .25rem; border-top: 0px; }

/* END EDITS */


.masthead {
    height: 142px;
}

.center-1 {
    flex-grow: 1;
}

.field-validation-warning {
    display: block;
    margin-top: 5px;
    border: 1px solid transparent;
    background-color: #fbe201;
    border-color: #f9ec74;
    color: #000000;
    border-radius: .25rem;
    margin-bottom: 1rem;
    font-size: .85rem;
    padding: .25rem 1.25rem;
    display: inline;
    float: left;
    margin-top: 0;
}

.field-validation-warning li,
.field-validation-error li {
    list-style: none;
}

@media (max-width: 991px)
{
    .header-menu {
        z-index: 5;
    }

    .sublist-toggle {
        border-left: none;
        background: url(../images/toggle-gray.png) no-repeat scroll center center;
    }

    .hamburger-active .logo-container,
    .desktop-spacer {
        display: none !important;
    }

    .hamburger-active .outer-menu-wrapper {
        display: block !important;
        width: 100%;
    }

    .hamburger-active .submenustyle {
        padding-top: 0;
    }

    .hamburger-active .container {
        max-width: unset;
    }
}

.widget-player-ranking-list .player-picture {
    border-radius: 50%;
    width: 3em;
    height: 3em;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}

.home-page .widget-player-ranking-list .player-name {
    text-align: center;
}

.home-page .widget-player-ranking-list td {
    vertical-align: top;
}

.widget-rankingteam-table .team-club-logo {
    height: 2em;
    display: block;
    margin: 0 auto;
}

.home-page .widget-rankingteam-table td {
    vertical-align: top;
}

.home-page .widget-rankingteam-table .team-club-name {
    text-align: center;
}

.division-table .team-club-logo {
    width: 2em;
    display: inline-block;
    padding-right: 0.5em;
}