/* USERS LIST */
td.toHide {
  display: none;
}

#search-bar {
  border: 1px solid grey;
  border-radius: 10px;
  padding: 5px;
}
#search-bar:focus {
  outline: 0;
  border: 1px solid #56bc8a;
}

#rank-bar {
  margin-right: 50px;
}
#rank-bar button.rank-btn.selected {
  background-color: #56bc8a;
  color: white;
}

.user-info-table td {
  vertical-align: middle !important;
}
.user-society-name,
.user-shop-name {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 20px;
  color: white;
}
.user-society-name {
  background-color: #f15b50;
}
.user-shop-name {
  background-color: #56bc8a;
}
.user-shop-name a,
.user-society-name a {
  color: white;
}

.user-level {
  color: white;
  background-color: #f15b50;
  padding: 10px;
  border-radius: 10px;
  font-weight: 700;
  white-space: nowrap;
}
.user-readonly {
	color: white;
	background-color: #18e7ee;
	padding: 10px;
	border-radius: 10px;
	font-weight: 700;
	white-space: nowrap;
	margin-left: 5px;
}
/* show popup hover (medical_visit, etc */
.popup-hover span.high {
  background-color: #888;
  color: white;
  padding: 5px 10px;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
}

/* ONE USER PAGE */
.user-main-info {
  color: white;
  background-color: #1c748c;
  padding: 30px 20px 30px 100px;
  font-size: 20px;
}
.user-name {
  font-size: 35px;
  font-weight: 900;
}
.user-info a {
  color: white;
}
.user-btn {
  border: 0;
  color: #1c748c;
  background-color: white;
  border-radius: 10px;
  margin: 0 10px;
  box-shadow: 1px 1px 3px black;
}
.user-table td {
  border: none !important;
  vertical-align: middle !important;
}
.user-advanced-info {
  font-size: 15px;
}
.user-advanced-info td {
  padding: 0 !important;
  border: none !important;
}
.user-advanced-info .info-title {
  color: #ddd;
}

.linear-list {
  background-color: #dee1e2;
  border: 1px solid #b5bcba;
  border-radius: 5px;
  padding: 5px;
}
.user-skills-shops {
  margin-top: 20px;
}
.add-data-btn {
  border: 1px solid #b5bcba;
  background-color: white;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 5px;
  box-shadow: 1px 1px 5px #b5bcba;
}

.contract-container {
  margin-top: 20px;
  padding: 20px 0;
  background-color: #dee1e2;
}
.table-contract td {
  border-top: 1px solid #b5bcba !important;
}

div.mobilite {
  margin-top: 20px;
  padding-bottom: 20px;
  background-color: #cbd8e6;
  width: 100% !important;
  text-align: center;
}
div.mobilite button.big-btn {
  font-size: 25px;
}