/* 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;
}

.fs-grid-header {
    padding: 0 10px; 
    font-size: 85%; 
    color: #777;
}

.fs-customer-header {
    font-size: 38px;
    margin: 25px 10px;
    color: #0f6ecd;
}

.fs-customer-logo {
    float: right;
    margin-right: 10px;
}

/*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%;}
*/

/* Large Screen (4k) */
@media (min-width: 1599px){

    #fs_copyright_text {
        color: blue;
    }

}

/* Normal Screen */
@media (max-width: 1598px) and (min-width: 960px) {
    #fs_copyright_text {
        color: green;
    }
}

/* Medium Screen (e.g. phone landscape) */
@media (max-width: 959px) and (min-width: 640px) {

    #fs_copyright_text {
        color: red;
    }

    .fs-grid-content { 
        font-size: 90%;
    }

    .fs-customer-logo {
        height: 50%;
        width: 50%;
        margin-right: 10px;
    }

    .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%;}
}

/* Small device (e.g. phone) */
@media (max-width: 639px) {

    #fs_copyright_text {
        color: yellow;
    }
    
    .fs-grid-content { 
        font-size: 85%;
    }

    h1 {
        font-size: 1.5em;
    }

    .fs-customer-header {
        font-size: 18px;
        margin-left: 10px;
    }

    .fs-customer-logo {
        height: 30%;
        width: 30%;
        margin-right: 10px;
        margin-top: 5px;
    }

    .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.uk-sticky-placeholder{display:none;}
}