/*
blå 003876
mellanblå 386ea9
gul ffd520
ljusblå c9d6e4

Reviderade färger 2023-12-06//Fredrik
mörkblå: #002850
gul: #FFD200
*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	/*line-height: 1;*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* LISJ TEST */
html {overflow-y: scroll;}

body {
	font-size: 14px; 
	font-family: Flex;	
    text-align: left;
	padding: 0;
	margin: 0;
}

#header, #footer {
	font-size: 14px; 
	/*font-family: Arial, Helvetica, sans-serif;*/
	line-height: 21px;
}

.body {
    background: #454545 url('Images/bg.jpg') fixed no-repeat top center;
}

#wrapper {
    
    /*width: 995px;*/
}

#cbody {
    
    padding-bottom: 20px;
}

#sidebar {
    
}

#sidebar img {	
	width: 250px;
	border: 0;	
}

#header {
    clear: both;
    background: #002850 url('Images/bgHeader.png') repeat-x 250px 0px;
    /*Reviderade färger 2023-12-06//Fredrik */
    /*margin-bottom: 5px;*/
}

#crown{
    
}
#logo {
    width: 190px;
    height: 100px;
    display:inline;
    padding: 10px
}

    #logo img {
        border: 0;
        margin-left:30px
    }

#head {
	float: left;
	width: 100%;
	height: 110px;
    margin-left:30px
}

#title {
    position: absolute;
    right: 0;
    top: 3px;
}

@media only screen and (min-width: 1000px),only screen and (max-width: 769px) {
    #title {
        position: absolute;
        right: 0;
        top: 3px;
    }
}

#title a, #title a:link, #title a:visited, #title a:hover {
    text-decoration: none;
    color:black;
}

#title a:hover { }

#title h2 {	
	font-size: 24px;
	padding: 0;
	margin: 2px 0 0 0;
	color: black;
	text-transform: lowercase;
	/*font-family: Helvetica, Arial, sans-serif;*/	
	font-weight: bold;
	line-height: 24px;
}

#title p {
	font-size: 16px;	
	padding-bottom: 0;
    padding-left:0px;
    padding-right:0px;
    padding-top:5px;
	margin: 0;
	color: #003876;		
	font-weight: bold;
	line-height: 11px;
}

/* ******** START Content ******** */

#content {
    font-size: 14px;
    /*font-family: Arial, Helvetica, sans-serif;*/
    background-color: #fff;
    min-height:400px;
    
}

/*.content {
	clear: both; 
	margin-bottom: 0px;   
	width: 500px;
	min-width: 500px;
}*/

#content h1 {
	
	font-size: 18px;
	font-weight: bold;
}


/* ******** END Content ******** */

/* ******** START BreadCrumbs ******** */
#bcWrapper {	
	padding: 0px 0 10px 0px;
	width: 854px;
	height: 20px;
	padding: 0px 0 10px 0px;	
}

#breadcrumbs ul, 
#breadcrumbs li { 
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
}

#breadcrumbs { 	
	color: #999; 
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 11px;
}

#breadcrumbs li { 
	float: left; 
	padding-right: 6px; 
}

#breadcrumbs li a { 
	font-size: 11px;
}

#breadcrumbs li a:link, 
#breadcrumbs li a:visited { 
	text-decoration:none; 
	color:#999; 
}

#breadcrumbs li a:hover { 
	text-decoration: underline; 
	color:#003876; 
}
/* ******** END BreadCrumbs ******** */

#addThis {
	float: left;
	padding: 7px 0 0 10px;
	width: 250px;
	white-space:nowrap;	
}

.adds {	
	background-color: #fff;
	padding-bottom: 10px;		
}

.adds td {
	vertical-align: middle;
	text-align: center;
}

.adContent {
    margin-bottom:2px;
}

/* ******** START Footer ******** */
.footer-text > h2 {
    font-family: Flex;
    font-size: 1.3rem;
    margin-bottom: 0;
}

.footer-text > p {
/*    font-family: Flex-90-bold;*/
    font-size:0.9rem;
    margin:0;
}
/*Reviderade färger*/
#footer {
    line-height: 16px;
    
    background:#002850;
    padding: 25px 0px 0px 0px;
    color: #fff;
    
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 11px;
}
#footeradscontent {
    
    margin-bottom: 5px;
}
#spacer {
    clear: both;
    width: 995px;
    height: 5px;
    float: left;
    display: inline;
    background-color: #386ea9;
}

#footer-content {    
	
}


#footer-content h3 {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}



#footer-content h3 {
	font-size: 12px;
	font-weight: bold;
}

.impleo-logo {
    color:#FFD200!important;
}

#footer-content ul {
	
}

#footer-content p {
	
}

#footer-content em {
	font-weight: 700;
}

#footer-content p.copyright {
	font-size: 11px;
	padding-top: 10px;
}

#footer-content a,
#footer-content a:visited,
#footer-content a:hover {
	color: #FFD200;
	text-decoration: underline;
}

    #footer-content a:hover {
        color: #FFD200;
        text-decoration: none;
    }


/* ******** END Footer ******** */

/*** START Links ***************************/
.link-icon {
    max-width: 35px;
    height: auto;
}

.icon-txt-container {
    width: auto;
    display: inline-block;
    vertical-align:top;
}

.icon-img-container > img {
    vertical-align: unset;
}

.icon-txt-container > a {
    margin-bottom: 0px;
    display:block;
}

.icon-img-container {
    display: inline-block;
    vertical-align:top;
    padding-right: 5px;
}

a.lnkFacebook,
a.lnkHallOfFame,
a.lnkInstagram,
a.lnkTwitter,
a.lnkHockeyTv,
a.lnkHockeyBoken,
a.lnkFolketslag,
a.lnkSif {
    background: url('Images/Icons/facebook.png') no-repeat left center;
    display: inline-block;
    line-height: 22px;
    padding-left: 30px;
    white-space: nowrap;
    text-decoration: underline;
    font-weight: normal;
    color: #002f71;
    margin-top: 2px;
    margin-bottom: 5px;
}

a.lnkHallOfFame {
	background: url('Images/Icons/HallOfFame.png') no-repeat left center;
}

a.lnkSif {
    background: url('Images/Icons/Sif.png') no-repeat left center;
}

a.lnkHockeyTv {
    background: url('Images/logo_white.svg') no-repeat left center; display: inline-block;
    line-height: 30px;
    padding-left: 90px;
    white-space: nowrap;
    font-weight: normal;
    margin: 0;
}

a.lnkInstagram {
    background: url('Images/Icons/instagram.png') no-repeat left center;
    background-size: 22px;
}
a.lnkTwitter {
    background: url('Images/Icons/twitter.png') no-repeat left center;
    background-size: 22px;
}

a.lnkFolketsLag {
    
    display: inline-block;
    line-height: 36px;
    padding-right: 5px;
    white-space: nowrap;
    font-weight: normal;
    margin:0;
}

a.lnkImpleo {
	background-image: url('Images/logo_white.png');
    background-repeat:no-repeat;
    background-size:contain;
	display: block;
	height: 30px;    
	margin-top: 2px;
	margin-bottom: 5px;
}
.footer-copyright {
    background: #002850;
    color: #FFD200;
}

#sidebar a:hover,
.add a:hover,
a.lnkFacebook:hover, 
a.lnkHallOfFame:hover,
a.lnkSif:hover,
a.lnkImpleo:hover {
	opacity: 0.8;
	filter: alpha(opacity = 80);
}
/*** END Links *****************************/

/*** START Lexen ***************************/
#lexenFooter {
	clear: both;	
	margin: 0px;
	padding: 0;		
	width: 995px;
	height: 30px;
}

#lexenFooter a.lnkLexen {       
	padding: 0px 0 0px 20px;      
	margin: 5px;
	line-height: 22px;  
	font-size: 11px;
	color: #5a5a5a;
	text-decoration: none;
	float: right;
	background: url('images/LexenIcon.png') no-repeat left center;
}

#lexenFooter a.lnkLexen:hover {
	color: #888;       
	padding: 0px 0 0px 28px;      
	background: url('images/LexenIconHover.png') no-repeat left center;
}
/*** END Lexen *****************************/


/**ERBE*/
.form-control-noborder {
    border: none;
    color: #333;
    /*font-family: Arial, helvetica;*/
    font-size: 8pt;
    background-color: transparent;
}

.form-labelfor-width100 {
    display: inline-block;
    width: 100px;
}

.divTitle {
    background-color: #386ea9;
    font-weight: bold;
    color: #fff;
    padding: 3px 5px 3px 5px;
    font-size: 8pt;
}

.divFont {
    color: #333;
    /*font-family: Arial, helvetica;*/
    font-size: 8pt;
}

.DynamicWebHeader {
    font-weight: bold;
    border-bottom: solid 1px #c8c8c8;
    display: block
}

.DynamicWebFooter {
    font-weight: bold;
    border-top: solid 1px #c8c8c8;
    display: block
}

/**END ERBE*/

/*** START input *****************/

/*
blå 003876
mellanblå 386ea9
gul ffd520
ljusblå c9d6e4
ljus-ljusblå F0F4F4
*/


/* START MACS - ByRound */

/*input[type='submit'].tsmstats-btn {        
    padding: 1px;
    background-color: initial;
}

input[type='submit']:hover .tsmstats-btn { 
    background-color: #316298;
}

input[type='checkbox']#ByRound {
    vertical-align: bottom;
    display: inline-block;
    padding: 0 0 5px 0; 
    cursor: pointer;   
}

input[type='checkbox']#ByDate {
    vertical-align: middle;
    display: inline-block;
    padding: 6px 12px;    
    cursor: pointer;   
}

*/
#lbl_ByRound {
    vertical-align: bottom;
    display: inline-block;
    padding: 0 0 3px 0;    
    cursor: pointer;   
}

#lbl_ByDate {
    vertical-align: bottom;
    display: inline-block;
    padding: 0 0 3px 0;    
    cursor: pointer;   
}

#groupStandingResultContent .field-validation-error { 
    color:red; 
}


/* END MACS */

/*input[type='button'],
input[type='submit'],
button,
.form-control {
    border-radius: 2px;
}

input[type='button'],
input[type='submit'],
button {        
    text-transform: uppercase;    
    transition: all 0.2s ease-in-out 0s;
    margin: 0;
    display: inline-block;
    padding: 5px 12px;   
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: bottom;
    cursor: pointer;   
    border: 1px solid transparent;
    min-width: 60px;
    color: #fff;
    background-color: #386EA9;
    border-color: #386EA9;
}

input[type='button']:hover,
input[type='submit']:hover,
button:hover { 
    text-shadow: 0 0 5px #fff;
    background-color: #316298;
    border-color: #316298;
}

.form-inline input[type='button'],
.form-inline input[type='submit'],
.form-inline button {
    margin-bottom: 5px;
    margin-left: 5px;
}

.form-control {
    font: 14px/100% Helvetica, Arial, sans-serif;
    font-weight: 300;  
    word-spacing: 0.1em;       
    margin: 0;
    vertical-align: bottom;
    padding: 5px 8px;
    border: solid 1px #CBCBCB;
    margin-bottom: 5px;
}

.form-control.dll {
    padding: 4px 4px 4px 8px;
}

.form-inline .form-control.min { width: 75px; }
.form-inline .form-control.mid { width: 160px; }
.form-inline .form-control.max { width: 100%; }

.form-inline .form-control.dll.min { width: 100px; }

.form-inline .form-group {
    display: inline-block;
    padding: 5px 5px 0 0;
}

*/ 
/*.form-inline .form-group label,
.form-inline .form-group .form-control {
    display: block;
    padding:5px

}*/ 
.form-control, label{
    margin:2px !important;
}

.form-inline .form-group label {
    font-size: 12px;  
    margin-bottom: 2px;
}
.btn-outline-primary {
    color: #000 !important;
    border-color: #386ea9 !important;
}
    .btn-outline-primary:hover {
        color: #ffd300 !important;
        background: #386ea9 !important;
    }
.form-control {
    border: 1px solid #386ea9 !important;
}
.qc-cmp2-persistent-link {
    top: 0 !important;
    right: 0;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}


@media only screen and (max-width: 768px) {

    div:has(div#CookiebotWidget) {
        top: 0 !important;
        left: 0;
        position: absolute !important;
        background: none;
    }

    #CookiebotWidget {
        top: 0 !important;
        left: 0;
        position: absolute !important;
        background: none;
    }
}

.menu-list-header{
    font-size:18px;
    font-weight:bold;
}
/*** END input *******************/

span#schedule-team-filter {
    content:'Choose team'
}

span#schedule-team-filter a {
    display: block;
    /*font-family: "Segoe UI", Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    background: #c9d6e4;
    margin: 3px 0 0 0;
    padding: 5px 10px 5px 10px;
    border-left: 1px solid #fff;
    border-top: 1px solid #c9d6e4;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #c9d6e4;
}


    span#schedule-team-filter a:hover, #quicknav a:active, #quicknav a.selected:link, #quicknav a.selected:visited {
        background: #0F5AEB;
        padding: 8px 10px 5px 10px;
        margin: 0 0 0px 0;
        border: 1px solid #386ea9;
        color: #fff;
    }


#schedule-team-filter {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

#schedule-filter-btn {
    cursor: pointer;
}

    #schedule-filter-btn svg {
        vertical-align: middle;
        margin-right: 4px;
    }

#schedule-filter-panel {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 1px);
    background: #fff;
    border: 1px solid #c9d6e4;
    box-shadow: 0 4px 14px rgba(0, 40, 80, .18);
    min-width: 210px;
    max-height: 340px;
    overflow-y: auto;
    z-index: 1000;
    animation: sfp-open 0.12s ease-out;
}

@@keyframes sfp-open {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.schedule-filter-item {
    padding: 7px 12px;
    font-size: 12px;
    cursor: pointer;
    color: #000;
    transition: background 0.08s;
    white-space: nowrap;
}

    .schedule-filter-item:hover {
        background: #f0f4f4;
    }

    .schedule-filter-item.reset {
        color: #666;
        font-style: italic;
        border-bottom: 1px solid #e8ecf0;
    }

    .schedule-filter-item.selected {
        background: #002850;
        color: #FFD200;
    }

        .schedule-filter-item.selected:hover {
            background: #003870;
        }