body {    

    margin: 0 !important;

    padding: 0 !important;

    font-family: Tahoma, sans-serif;

}



.content {

    background-color: white;

    min-height: 1150px;

}


.leftbox {

    width: 880px;

    padding: 25px;

    border: 1px solid rgb(189, 189, 189);

    border-radius: 10px;

    background-color: rgb(240, 240, 240);

    margin-left: 10px;

}



.centerbox {

    width: 880px;

    padding: 25px;

    border: 1px solid rgb(189, 189, 189);

    border-radius: 10px;

    background-color: rgb(240, 240, 240);

    margin: auto;

}



.rightbox {

    width: 880px;

    padding: 25px;

    border: 1px solid rgb(189, 189, 189);

    border-radius: 10px;

    margin-left: 20px;

    background-color: rgb(240, 240, 240);

}



/*

HEADER

*/  

header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 20px;

    background-color: #f5f5f5;

}



.logo img {

    width: 200px;

    height: auto;

}



nav ul {

    display: flex;

    list-style: none;

    margin: 0;

    padding: 0;

}



nav li {

    margin-left: 10px;

}



nav li:first-child {

    margin-left: 0;

}



nav a {

    display: inline-block;

    padding: 10px 20px;

    text-decoration: none;

    font-weight: bold;

    color: #333;

    background-color: #fff;

    border: 1px solid #333;

    border-radius: 5px;

    transition: all 0.3s ease;

}



nav a:hover {

    color: #fff;

    background-color: #333;

    transform: scale(1.1);

}



nav a.logout {

    color: #440000;

    background-color: #ffcaca;

    border: 1px solid #440000;

}

nav a.logout:hover {

    color: #ffcaca;

    background-color: #440000;

    border: 1px solid #ffcaca;

}

/*

END HEADER

*/  



footer {

    background-color: rgb(50, 93, 150);

    height: 100px;

    color: white;

    text-align: center;

    padding-top: 20px;

    font-size: 22px;

    width: 100%;

}



.container {

    display: flex;

}



#lab {

    width: 100%;

}



#sel-lab {

    width: 200px;

    padding: 15px;

}



#lab2 {

    height: 150px;

    width: 100%;

    max-width: 880px;

    min-width: 880px;

    max-height: 150px;

    min-height: 150px;

}



input, textarea, select {

    padding: 12px 20px;

    margin: 8px 0;

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

    font-family: Tahoma, sans-serif;

}



.selection-box {

    width: 100%;

    height: 100px;

    text-align: center;

    padding-top: 20px;



}



.login {

    margin: auto;

    width: 400px;

    padding: 10px;

    height: 500px;

}



.login input {

    width: 100%;

}



button, .button {

    background-color: rgb(50, 93, 150);

    border: none;

    color: white;

    padding: 15px;

    width: 150px;

    text-align: center;

    text-decoration: none;

    font-size: 16px;

    cursor: pointer;

    border-radius: 10px;

}



button:hover, .button:hover {

    background-color: rgb(32, 68, 114);
    

}

.longbutton {
    width: 400px;
}

.modules {

    margin: auto;

    width: 1800px;

}



.modules table {

    font-family: arial, sans-serif;

    border-collapse: collapse;

    width: 100%;

  }

  

.modules td, th {

    border: 1px solid #e0e0e0;

    text-align: left;

    padding: 2px;

  }

  

.modules  tr:nth-child(even) {

    background-color: rgb(237, 245, 255);

  }



.modules a {

    color: rgb(50, 93, 150);

    text-decoration: none;

}



.modules a:hover {

    color: black;

}



.modules .specific_unit:hover {

    background-color:rgb(209, 209, 209);

}



.txt {

    font-size: 13px;

}

.ok {

    background-color: #c5ffde;

    color: #397a55;

}

.error {

    background-color: #ffc5c5;

    color: #7a3939;

}

.notification-box > div {

    margin: 2em auto 0;

    width: 50%;

    padding: 2em;

    text-align: center;

}



/* modules table */

table { 

	width: 90%; 

	border-collapse: collapse; 

	margin:50px auto;

	}



th { 

	background: #666; 

	color: white; 

	font-weight: bold; 

	}



td, th { 

	padding: 10px; 

	border: 1px solid #ccc; 

	text-align: left; 

	font-size: 18px;

	}



.labels tr td {

	background-color: #bbb;

	font-weight: bold;

	color: #fff;

}



label.clickeable {

	display: block;

    cursor: pointer;

}



.hide tr td:first-child {

    background-color: #eee;

}

tbody.hide img {

    width: 25px;

}

.link_disabled {

    cursor: default;

}

a.link_disabled img {

    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

}



[data-toggle="toggle"] {

	display: none;

}