:root {
    --trafi-blue: #142842; /*donkerblauw*/
    --trafi-yellow: #ffc900; /*geel*/
    --trafi-blue2: #7294CD; /*blauw*/
    --trafi-gray: #896875; /*grijs*/
    --trafi-lightgray: #c0c7d0; /*lichtgrijs*/
}

body {
    font-family:"Montserrat", sans-serif;
    background: var(--trafi-lightgray);
    color: #000;
}

img {
    width: 100%;
}

.nav-pills .nav-link, .nav-tabs .nav-link {
     color: var(--trafi-gray);
     font-size: 12px;
}

.nav-link:actvive {
    font-weight: bold;
    background: #142842;
}

.form-control {
    background-color: rgb(242, 245, 247);
    padding: 10px;
    margin-bottom: 10px;
}

.form-select {
    margin: auto;
}

.button-maps {
    background: blue;
    padding: 20px;
    border-radius: 10px;
}

.btn-login {
    background: var(--trafi-blue);
    color: var(--trafi-yellow);
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
}

.btn-login:hover {
    background: #0a1c33;
    color: #fff;
}

.body-login {
     background-image: url("./images/bg.png");
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     border-top : 3px solid var(--trafi-yellow);
}

.card {
    box-shadow: rgba(26, 26, 26, 0.2) 0px 20px 40px 0px;
    background: #fff;
    margin-bottom: 20px;
}

.titel {
    color: #142842;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
}

.label-contract {
    margin: 10px;
    padding: 10px;
    color: var(--trafi-blue);
    font-weight: bold;
    font-size: 1.4rem;
}

.card-contract {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.select-contract {
    width: 100%;
    margin: auto;
}

.label-opdrachtcode {
    font-size: 2rem;
    font-weight: 700;
    color: var(--trafi-yellow);
}

.label-installatie {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--trafi-blue);
}

.label-prioriteit {
    background: lightblue;
    text-align: center;
}

.label-foto {
    background: lightgray;
    text-align: center;
}

.label-bijlage {
    background: lightyellow;
    text-align: center;
}

.label-soort {
    background: coral;
    text-align: center;
}

.eentag {
    margin 5px auto;
    padding: 10px;
    border-radius: 15px;
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.label-afwerking {
    padding: 5px 10px;
    /*margin-left: 150px;*/
    border-radius: 25px;
    background: var(--trafi-gray);
    /*color: var(--trafi-blue);  */
    color: var(--trafi-yellow);
    border: 3px solid var(--trafi-yellow);
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
}

.label-white {
    color: #fff;
    font-weight: 700;
}

.webpanelopdracht {
    background: var(--trafi-blue);
    color: #fff;
}

.panelopdracht,
.panelinstallatie,
.paneltechnieker,
.panelmemos,
.panelterugmelding {
    margin: 5px;
    border-radius: 5px;
}

.panelopdracht {
    background: var(--trafi-blue);
    color: #fff;
}

.panelinstallatie {
    background: var(--trafi-gray);
}

.paneltechnieker,
.panelterugmelding {
    background: var(--trafi-lightgray);
}

select {
	background-color : white;
}