div.wrapper {width: 100%;}

section#page {width: 80%; margin: 0 auto; max-width: 900px; }

/*width configuration*/
section#page.xl { max-width: 1200px; }
section#page.xxl {max-width: 1400px; }
section#page.xxxl {max-width: 1500px; }


section#page h1.title {font-size: 30px; padding: 0; margin-bottom: 0; font-weight: bold;}
section#page div.page-header {border-bottom: 1px dotted #ccc; margin-bottom: 4px; padding: 10px 0;}

p {margin: 0; padding: 0;}
span.label {font-weight: 500;}
span > [class*="uk-icon-"] {color: #eee;}

/*active pagination*/
.active {background: #444;}

.uk-grid.no-margin {margin: 0!important;}


/*Content-header*/
div.description-wrapper div {margin-bottom: 0;}

/*Page and Content footer*/
div.content-footer,
div.page-footer {margin: 30px 0 20px 0; border-top: 1px dotted #eee; padding: 20px 0; }

/*page footer*/
div.page-footer{color: #777; font-size: 12px; text-align: right;}

/*off-canvas-menu*/
#c-menu {}

/*sticky pagination*/

div.sticky-pagination {position: absolute; top: 60px; }
div.sticky-pagination span.label-section {font-size: 80%; color: #999;}

@media (max-width: 1200px){
    div.sticky-pagination {display:none;}
    /*div.team-name {white-space: nowrap;}*/
}

/*selected result */
div.selectedresult {font-weight: bold;}

/*Bridge List*/
div.wrapper {width: 100%;}
section#content {width: 80%; max-width: 980px; margin: 0 auto;}

div.content-header {padding: 0 10px; font-size: 85%; color: #777;}

/*sort Nav*/
div.sort-nav { margin-top: 10px;}


/*Responsive*/
@media (max-width: 959px){
    section#page {width: 95%; font-size: 90%;}

    section#page h1.title {font-size: 24px;}

}

@media (max-width: 599px) {

    section#page h1.title {font-size: 22px; line-height: 24px; margin-bottom: 5px;}
    section#page div.page-header {font-size: 90%;}

    section#page div.list-header { padding: 0 5px 0 10px;}

}

/*XL*/
@media (max-width: 1200px){
    section#page {width: 96%;}
}


/*multihold - resultater + overrides*/

    .uk-grid-scoreWidth{
    display: flex;
    flex-wrap: wrap;
    list-style: outside none none;
    margin: 0 0 0 -5px;
    padding: 0;
    }

    .scoreWidth {min-width: 30px;}


/*round Pagination*/
div.vertical-section {padding: 0px 10px 0 10px; background: #f5f5f5; margin: 5px 2px; font-size: 80%; color: #777; border-top-right-radius: 5px; border-top-left-radius: 5px;}
div.section-pagination {float: left; padding: 0px 10px 0 10px; background: #f5f5f5; margin: 0 2px; font-size: 80%; color: #777; border-top-right-radius: 5px; border-top-left-radius: 5px;}
a.round-button {padding: 0 5px; border: 1px solid #fff;}



/*UIKit Overrides + Additions*/


/*custom hidden */
@media (min-width: 480px) and (max-width: 767px) {
    .uk-hidden-sm {
        display: none !important;
    }

}

.uk-text-right {
    text-align: right !important;
}

.uk-list-striped > li {padding: 5px 6px 5px 11px; line-height: 24px;}

@media (max-width: 767px){
.uk-list-striped > li {padding: 5px 6px 5px 5px;}
}

.uk-grid.uk-grid-small > .uk-grid-margin {
    margin-top: 8px;
}
.uk-grid.uk-grid-small + .uk-grid-small {
    margin-top: 8px;
}

.uk-grid:not(.uk-grid-preserve) {
    margin-left: 0px;
}

.uk-grid:not(.uk-grid-preserve) > * {
    padding-left: 8px;
}

.uk-panel-box {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #666;
    padding: 15px;
}

span > [class*="uk-icon-"] {
    color: #bbb;
}


@media (min-width: 1599px){
.uk-width-xxlarge-1-5 {width: 20%!important;}
}



    /*New 5% grids*/
    .uk-width-1-20 {width: 5%;}
    .uk-width-2-20 {width: 10%;}
    .uk-width-3-20 {width: 15%;}
    .uk-width-4-20 {width: 20%;}
    .uk-width-5-20 {width: 25%;}
    .uk-width-6-20 {width: 30%;}
    .uk-width-7-20 {width: 35%;}
    .uk-width-8-20 {width: 40%;}
    .uk-width-9-20 {width: 45%;}
    .uk-width-10-20 {width: 50%;}
    .uk-width-11-20 {width: 55%;}
    .uk-width-12-20 {width: 60%;}
    .uk-width-13-20 {width: 65%;}
    .uk-width-14-20 {width: 70%;}
    .uk-width-15-20 {width: 75%;}
    .uk-width-16-20 {width: 80%;}
    .uk-width-17-20 {width: 85%;}
    .uk-width-18-20 {width: 90%;}
    .uk-width-19-20 {width: 95%;}
    .uk-width-20-20 {width: 100%;}

     /*New 3% grids*/
    .uk-width-1-33 {width: 3%;}
    .uk-width-2-33 {width: 6%;}
    .uk-width-3-33 {width: 9%;}
    .uk-width-4-33 {width: 12%;}
    .uk-width-5-33 {width: 15%;}
    .uk-width-6-33 {width: 18%;}
    .uk-width-7-33 {width: 21%;}
    .uk-width-8-33 {width: 24%;}
    .uk-width-9-33 {width: 27%;}
    .uk-width-10-33 {width: 30%;}
    .uk-width-11-33 {width: 33%;}
    .uk-width-12-33 {width: 36%;}
    .uk-width-13-33 {width: 39%;}
    .uk-width-14-33 {width: 42%;}
    .uk-width-15-33 {width: 45%;}
    .uk-width-16-33 {width: 48%;}
    .uk-width-17-33 {width: 51%;}
    .uk-width-18-33 {width: 54%;}
    .uk-width-19-33 {width: 57%;}
    .uk-width-20-33 {width: 60%;}
	.uk-width-21-33 {width: 63%;}
	.uk-width-22-33 {width: 66%;}	
	.uk-width-23-33 {width: 69%;}
	.uk-width-24-33 {width: 72%;}
	.uk-width-25-33 {width: 75%;}
	.uk-width-26-33 {width: 78%;}
	.uk-width-27-33 {width: 81%;}
	.uk-width-28-33 {width: 84%;}
	.uk-width-29-33 {width: 87%;}
	.uk-width-30-33 {width: 90%;}
	.uk-width-31-33 {width: 93%;}
	.uk-width-32-33 {width: 96%;}
	.uk-width-33-33 {width: 100%;}
	


@media (max-width: 959px) {

    .uk-width-medium-1-20 {width: 5%;}
    .uk-width-medium-2-20 {width: 10%;}
    .uk-width-medium-3-20 {width: 15%;}
    .uk-width-medium-4-20 {width: 20%;}
    .uk-width-medium-5-20 {width: 25%;}
    .uk-width-medium-6-20 {width: 30%;}
    .uk-width-medium-7-20 {width: 35%;}
    .uk-width-medium-8-20 {width: 40%;}
    .uk-width-medium-9-20 {width: 45%;}
    .uk-width-medium-10-20 {width: 50%;}
    .uk-width-medium-11-20 {width: 55%;}
    .uk-width-medium-12-20 {width: 60%;}
    .uk-width-medium-13-20 {width: 65%;}
    .uk-width-medium-14-20 {width: 70%;}
    .uk-width-medium-15-20 {width: 75%;}
    .uk-width-medium-16-20 {width: 80%;}
    .uk-width-medium-17-20 {width: 85%;}
    .uk-width-medium-18-20 {width: 90%;}
    .uk-width-medium-19-20 {width: 95%;}
    .uk-width-medium-20-20 {width: 100%;}

}


@media (max-width: 599px) {

    .uk-width-small-1-20 {width: 5%;}
    .uk-width-small-2-20 {width: 10%;}
    .uk-width-small-3-20 {width: 15%;}
    .uk-width-small-4-20 {width: 20%;}
    .uk-width-small-5-20 {width: 25%;}
    .uk-width-small-6-20 {width: 30%;}
    .uk-width-small-7-20 {width: 35%;}
    .uk-width-small-8-20 {width: 40%;}
    .uk-width-small-9-20 {width: 45%;}
    .uk-width-small-10-20 {width: 50%;}
    .uk-width-small-11-20 {width: 55%;}
    .uk-width-small-12-20 {width: 60%;}
    .uk-width-small-13-20 {width: 65%;}
    .uk-width-small-14-20 {width: 70%;}
    .uk-width-small-15-20 {width: 75%;}
    .uk-width-small-16-20 {width: 80%;}
    .uk-width-small-17-20 {width: 85%;}
    .uk-width-small-18-20 {width: 90%;}
    .uk-width-small-19-20 {width: 95%;}
    .uk-width-small-20-20 {width: 100%;}

}




/*Printing CSS*/

@media print {

    /* this affects the margin in the printer settings */
    @page{margin: 10mm 0mm 0mm 7mm;}


    /*imporant to make uk-grid print over several pages!*/
    .uk-grid {display:block;}

    /* hide menu and sticky items from page*/
    div#c-menu,
    div.uk-sticky-placeholder{display:none;}
}


