#ud_tab input[type=radio] { display:none; border-width:2px; border-color:black;}
#ud_tab .eh_ud_label label { display: block; float: left; color: #fff; font-size: 15px; padding-left:10px; padding-right:10px; padding-bottom:1%; padding-top:1%; font-weight: normal; text-decoration: none; text-align: center; cursor: pointer; font-family: 'Oswald', sans-serif; background:#004899;}
#ud_tab .ud_content { background:#fff; width:100%; display: none; padding:1%; float:left;}

#ud_tab [id^="tabeh"]:checked +  .eh_ud_label label { background:black; color:#fff;}

#tabeh1:checked ~ #ud_tabeh-content1,
#tabeh2:checked ~ #ud_tabeh-content2,
#tabeh3:checked ~ #ud_tabeh-content3,
#tabeh4:checked ~ #ud_tabeh-content4,
#tabeh5:checked ~ #ud_tabeh-content5,
#tabeh6:checked ~ #ud_tabeh-content6
 { display:block;}

#ud_tabrt input[type=radio] { display:none; border-width:2px; border-color:black;}
#ud_tabrt .rt_ud_label label { display: block; float: left; color: #fff; font-size: 15px; padding-left:10px; padding-right:10px; padding-bottom:1%; padding-top:1%; font-weight: normal; text-decoration: none; text-align: center; cursor: pointer; font-family: 'Oswald', sans-serif; background:#004899;}
#ud_tabrt .ud_content { background:#fff; width:100%; display: none; padding:1%; float:left;}

#ud_tabrt [id^="tabrt"]:checked +  .rt_ud_label label { background:black; color:#fff;}

#tabrt1:checked ~ #ud_tabrt-content1,
#tabrt2:checked ~ #ud_tabrt-content2,
#tabrt3:checked ~ #ud_tabrt-content3,
#tabrt4:checked ~ #ud_tabrt-content4,
#tabrt5:checked ~ #ud_tabrt-content5,
#tabrt6:checked ~ #ud_tabrt-content6
 { display:block;}

#ud_tabwb input[type=radio] { display:none; border-width:2px; border-color:black;}
#ud_tabwb .wb_ud_label label { display: block; float: left; color: #fff; font-size: 15px; padding-left:10px; padding-right:10px; padding-bottom:1%; padding-top:1%; font-weight: normal; text-decoration: none; text-align: center; cursor: pointer; font-family: 'Oswald', sans-serif; background:#004899;}
#ud_tabwb .ud_contentwb { background:#fff; width:100%; display: none; padding:1%; float:left;}

#ud_tabwb [id^="tabwb"]:checked +  .wb_ud_label label { background:black; color:#fff;}

#tabwb1:checked ~ #ud_tabwb-content1,
#tabwb2:checked ~ #ud_tabwb-content2,
#tabwb3:checked ~ #ud_tabwb-content3,
#tabwb4:checked ~ #ud_tabwb-content4,
#tabwb5:checked ~ #ud_tabwb-content5,
#tabwb6:checked ~ #ud_tabwb-content6
 { display:block;}
 
.navbar {
	margin-bottom: 0px;
}

#corp {
	height:500px;
	width:500px;
	margin:auto;
}

#UsersList {
	height:470px;
	width:500px;
	border:1px solid #111;
}

#UserName {
	height:25px;
	width:250px;
}

.navbar-inverse .navbar-brand {
	font-size: 2em;
	color: #004899;
}

.navbar-inverse .navbar-brand:hover {
	color: #004899;
}

.navbar-brand .logo {
	color: #004899;
}

.main-container {
	margin-top: 20px;
}

.registration-form {
	max-width: 800px;
	margin: 0 auto;
}

.small-container-500 {
	max-width: 500px;
  	padding: 15px;
  	margin: 0 auto;
}

.small-container-330 {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}


.small-container .small-container-heading,
.small-container .checkbox {
  margin-bottom: 10px;
}
.small-container .checkbox {
  font-weight: normal;
}
.small-container .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.small-container .form-control:focus {
  z-index: 2;
}
.small-container .form-area {
  position: relative;
  height: 500px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.small-container .form-area:focus {
  z-index: 2;
}

/* Signin */
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.login td {
    padding-right: 2px;
    padding-left: 2px;
}

.login {
	color: #fff;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.column {
  float: left;
  width: 25%;
  margin-bottom: 16px;
  padding: 0 8px;
}

@media (max-width: 650px) {
  .column {
    width: 100%;
  }
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.containeransprech {
  width: 100%;
  padding: 0 16px;
}

.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.title {
  color: grey;
}