﻿/*CSS overwrites*/

/*Boostrap overwrites*/
/*
.body {
    background-color: blanchedalmond;
    max-width: 100%;
}*/

.clear {
    clear: both;
}

/*.container, .container-lg, .container-md, .container-sm, .container-xl {
    background-color: white;
}*/

.p {
    /*	margin-left: 3%;
	margin-right: 3%;*/
    margin-bottom: 3px;
}

.html {
    font-size: 12px;
}

.display-5 {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-6 {
    font-size: 2.5rem;
    font-weight: 200;
    line-height: 1.12;
}

.display-7 {
    font-size: 2rem;
    font-weight: 200;
    line-height: 1.1;
}

.display-8 {
    font-size: 1.5rem;
    font-weight: 200;
    line-height: 1.1;
}


/*Html elements*/

a:link {
    text-decoration: none;
}


ul {
    list-style-type: square;
    margin-left: 1%;
    margin-top: 8px;
    margin-bottom: 5px;
}

    ul > li {
        /*color: cornflowerblue;*/ /*// brown;*/
        color: #2d548e; /*// brown;*/
        margin-top: 3px;
        margin-bottom: 3px;
    }

    ul.ulReport {
        list-style-type: none;
        margin-left: 3%;
        margin-top: 15px;
        margin-bottom: 10px;
    }

        ul.ulReport li {
            color: gray;
            margin-top: 7px;
            margin-bottom: 7px;
        }

    ul.ulOutput {
        list-style-type: none;
        margin-left: 3%;
        margin-top: 15px;
        margin-bottom: 10px;
    }

        ul.ulOutput li {
            color: gray;
            margin-top: 7px;
            margin-bottom: 7px;
        }

@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1440px;
    }
}

@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1740px;
    }
}

@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1920px;
    }
}

@media (min-width: 2520px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1920px;
        /*  max-width: 2520px;*/
    }
}