.container {
    background: #ccc;
    max-width: 800px;
    padding-bottom: 10px;
}

.edu4all-logo {
    background: white;
    min-height: 150px;
}
.bg-edu4all {
    background-color: #008B95 !important;
    color: white;
}

.bg-edu4all .nav-item {
    color: white !important;
    border-bottom: 2px solid transparent;
}
.bg-edu4all .active {
    color: white !important;
    border-bottom: 2px solid white;
}


.bg-edu4all .nav-link  {
    color: white !important;
}

.blue_buttons {
    /*margin-bottom: 20px;*/
}

.blue_button {
    height: 190px;
}

.logo_button {
    height: 190px;

}
.button_leverancier {
    background: url("images/button_leverancier.jpg");
    background-size: 85%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 10px;
}
.button_voorraad {
    background: url("images/button_voorraad.jpg");
    background-size: 85%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 10px;
}
.button_winkel {
    background: url("images/button_winkel.jpg");
    background-size: 85%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 10px;
}
.button_bank {
    background: url("images/button_bank.jpg");
    background-size: 85%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 10px;
}
.logo_edu4all {
    background: url("images/logo_960x200.jpg");
    background-position-x: center;
}

.menu-right {
    /*background: red;*/
    /*font-family: "Times New Roman", Times, serif;*/
    font-size: 50%;
}
.menu-right h3 {
    font-size: 20px;
}
.menu-right .button-right {
    padding: 7.5px 15px;
}
.menu-right .button-right .content {
    height: 100px;
    background: white;
    color: #282781;
}
.menu-right .button-right:first-child .content {
    background-color: #E20177;
    color: white;
}

#economischegebeurtenis {
    margin-top: 8px;
    text-align: center;
    background-color: yellow;
    height: 445px;

}

.content-background-white {
    background-color: white;
}

.content-centered {
    text-align: center;
}

.rowcontent {
    padding-bottom: 20px;
    background: blue;

}

.rondetekst {
    margin-top: 8px;
    text-align: center;
    background-color: darkorange;
    height: 445px;
    margin-right: 100px;
}

.opdracht {
    margin-top: 8px;
    text-align: center;
    background-color: white;
    min-height: 445px;
	padding: 20px;

}

#content {
    overflow: visible;
    width: 925px;
    min-height: 460px;
    padding: 0px 0px 0px 0px;
    text-align: center;


}

#content2 {
    width: 925px;
    height: 460px;
    padding: 0px 0px 0px 0px;
    text-align: center;

}

#schooltas {
    width: 150px;
    height: 250px;
    position: absolute;
    top: 250px;
    left: 25px;
    margin-left: 400px;
    margin-top: 410px;

}


#laptoptas {

    width: 150px;
    height: 250px;
    position: absolute;
    top: 250px;
    left: 195px;
    margin-left: 390px;
    margin-top: 410px;

}

#designtas {
    width: 150px;
    height: 250px;
    top: 250px;
    left: 365px;
    margin-left: 390px;
    margin-top: 410px;

}

#sporttas {
    width: 150px;
    height: 250px;
    position: absolute;
    top: 250px;
    left: 535px;
    margin-left: 390px;
    margin-top: 410px;

}

#reistas {
    width: 150px;
    height: 250px;
    position: absolute;
    top: 250px;
    left: 705px;
    margin-left: 380px;
    margin-top: 410px;

}

#inkoopformulier {
    width: 450px;
    /*height: ;*/
    position: absolute;
    /*top: ;*/
    left: 225px;
    text-align: center;
    margin-left: 380px;


}
.loans {

    background: white;
    font-size: 14px;

}

/*.loans table th, .loans table td {*/
    /*text-align: left;*/
    /*border: 0;*/
/*}*/

.marketingpakket,
.product {
    text-align: center;
    padding: 10px;
    font-size: 14px;
    background: white;
    margin-bottom: 20px;
}

.product .image {
    height: 85px;
    background-size: 85px auto;
    background-repeat: no-repeat;
    background-position: center;
}

.product img {
    width: 100%;
    height: 100%;
}

.table .form-group {
    margin-bottom: 0;
}


.office-menu > .btn {
    margin-bottom: 13.7px;
}

.office-menu > .btn-light {
    background-color: white;
    cursor: default !important;
}

.btn {
    border-radius: 0;
}

.btn-edu4all-pink {
    color: #fff;
    background-color: #ff0066;
    border-color: #ff0066;
}
.btn-edu4all-pink:hover {
    color: #fff;
    background-color: #cd0054;
    border-color: #cd0054;
}

.btn-edu4all-blue {
    color: #fff;
    background-color: #2C2C7F;
    border-color: #2C2C7F;
}
.btn-edu4all-blue:hover {
    color: #fff;
    background-color: #000054;
    border-color: #000054;
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #008B95;
    border-color: #008B95;
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #aaa;
}

.table .thead-edu4all th {
    color: #fff;
    background-color: #008B95;
    border-color: #aaa;
}



#storeproduct {
     width: 170px;
     height: 350px;
     float: left;
     margin-right: 5px;
     margin-left: 15px;
     text-align: center;
     border: solid 1px black;
 }

#buttonsarea {
    width: 850px;
    top: 90px;
    left: 25px;
    clear: both;
    padding-top: 20px;
}


#score
{
    /*width: 790px;*/
    height: 80px;
    top: 30px;
    left: 55px;
    border: solid 1px black;

}

#status
{
    width: 770px;
    height: 90px;
    top: 140px;
    left: 55px;
    text-align: center;
    border: solid 1px black;

}


#saldo
{
    width: 770px;
    height: 80px;
    top: 140px;
    left: 460px;
    text-align: center;
    border: solid 1px black;

}

#changepassword
{
    width: 250px;
    height: 80px;
    top: 280px;
    left: 55px;
    text-align: center;
    font-size: 5px;
}

#logout
{
    width: 250px;
    height: 80px;
    top: 280px;
    left: 662.5px;
    text-align: center;

}

#changecompanyname
{
    width: 250px;
    height: 80px;
    top: 280px;
    left: 257.5px;
    text-align: center;

}

.account-menu a {
    min-height: 80px;
}

.store-product {
    background: white;
    font-size: 14px;
}
/*.store-product table th, .store-product table td {*/
    /*text-align: left;*/
    /*border: 0;*/
/*}*/


.sign-in {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.sign-in .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.sign-in .form-control:focus {
    z-index: 2;
}
.sign-in input[type="text"] {
    margin-bottom: -1px;
    border-radius: 0;
}
.sign-in input[type="password"] {
    border-radius: 0;
}

.jumbotron {
    border-radius: 0;
}