body {
    /*background-color: #DFE1E5;*/
    background-color: #E8EAED;
    font-family: Nunito;
}

/*[class*=sidebar-light-] { background-color: #DFE1E5; }*/
[class*=sidebar-light-] { background-color: #E8EAED; }


.errormsg { color:#CC0000; list-style:none; margin-left: 0; padding: 0; }
.komessage { background-color: #CC0000; color: white; padding:15px; border-radius: 5px; font-size: 1em!important;}
.okmessage { background-color: #006600; color:white; padding:15px; border-radius: 5px; font-size: 1em!important;}
.btn-flat { border:0px; background-color:transparent; }
.btn-primary { background-color: #376eb5; }
.touppercase { text-transform: uppercase; }

/*.bglogin { color: #DFE1E5; }*/
.bglogin { color: #E8EAED; }


@media (max-width: 575px) {
    .col-sm-12 { text-align:center; }
    /*.topmobile { height: 25vh; background-color: #DFE1E5; }*/
    .topmobile { height: 25vh; background-color: #E8EAED; }
    .bottomobile { height: 75vh; background-color: #FFFFFF; }    
    .logo { border: 0px solid black; height: 70%; width: 80%; margin:5% 10%; }
    #loginform { margin-top: 3em;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .col-sm-12 { text-align:center; }
    /*.topmobile { height: 25vh; background-color: #DFE1E5; }*/
    .topmobile { height: 25vh; background-color: #E8EAED; }
    .bottomobile { height: 75vh; background-color: #FFFFFF; }
    .logo { border: 0px solid black; height: 70%; width: 80%; margin:4% 10%; }
    #loginform { margin-top: 3em; width: 80%; margin:3em 10% }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .col-md-12 { text-align:center; }
    /*.topmobile { height: 25vh; background-color: #DFE1E5; }*/
    .topmobile { height: 25vh; background-color: #E8EAED; }
    .bottomobile { height: 75vh; background-color: #FFFFFF; }
    .logo { border: 0px solid black; height: 70%; width: 80%; margin:4% 10%;}
    #loginform { margin-top: 3em; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .col-lg-6 { text-align:center; height : 100vh; }    
    /*.leftdesktop { background-color: #DFE1E5; }*/
    .leftdesktop { background-color: #E8EAED; }
    .logo { border: 0px solid black; height: 50%; width: 80%; margin:32% 10%;}
    #loginform { border: 0px white dashed; margin-top: 50%;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .col-lg-6 { text-align:center; height : 100vh; }
    /*.leftdesktop { background-color: #DFE1E5; }*/
    .leftdesktop { background-color: #E8EAED; }
    .logo { border: 0px solid black; height: 50%; width: 50%; margin:25% 25%;}
    #loginform { border: 0px white dashed; margin-top: 35%;}
}

.dropdown-menu {
    min-width: auto;
    border-radius: .5rem;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}

.menuser {
    border: 0px solid red;
    min-width: 300px;
}

.menuser > .dropdown-item {
    padding: 10px;
    border-radius: 5px;
    width: 96%;
    margin-left: 2%;
    margin-bottom: 2%;
}

.titlepage { margin-left: 5%; margin-right: 5%; }
.timeline::before { background-color: transparent; }
.boxradius { min-height: 40vh; border-radius: 10px; }
.checkviewbox { padding: 20px; background-color: #FFFFFF; border-radius: 10px; text-align: center; margin-bottom: 1em;}
.tablestyle { background-color: #FFFFFF; padding: 1em; border-radius: 10px; margin-left:5%; margin-right:5%; }
.titlestyle { margin-left:1em; }
.inProgress { margin-top: 0%; color: #CC0000; }
.inProgressImg { width:80%; border:0px solid red; }