/**** THIS FILE BELONGS TO FORESEEN INSTANCE uniformdev.lukashozak.cz, LAST REFRESHED ON 2025-11-03 20:57:49 ****/

/* Basic Separator */
.base-separator {
	width : 100%;
}
/* Content Jumbotron */
.foreseen-core-contentjumbotron-jumbotron { 
	width:90%; 
	margin: 20px auto; 
	padding: 50px 0; 
	font-size: 50px; 
	font-weight: 900; 
	color: black;
	background-color: #b7ec9e;
	text-align: center; 
	border-radius: 20px; 
}
/* Set HTTP Response */

/* Image */

/* Video */

/* Audio */

/* Simple Form */
.foreseen-content-simpleform-form {
	position: relative;
	padding : 10px 20px;
}
/* Chat DO NOT USE */
.foreseen-notification-chat-obsolete-i00000a00000182-chat {
	background : darkblue;
}
.foreseen-notification-chat-obsolete-i00000a00000182-menu {
	
}
.foreseen-notification-chat-obsolete-c00000a00000182-menu-item {
	float : left;
	/*width : calc(33.3% - 4px);*/
	width : calc(25% - 4px);
	text-align : center;
}
.foreseen-notification-chat-obsolete-i00000a00000182-users {
	
}
.foreseen-notification-chat-obsolete-c00000a00000182-chat-user {
	padding: 10px 0;
	text-align: center;
}

@media only screen and (min-width : 1000px){
.foreseen-notification-chat-obsolete-i00000a00000182-chat {
		max-width : 1000px;
		margin: 0 auto;
	}
}
.foreseen-notification-chat-obsolete-chat-message {
	position: relative;
	margin: 3px 0px 10px;
	padding-right: 30px;
	display: block;
}

time.chat-time {
	position: absolute;
	top: 3px;
	right: 0px;
	font-size: 10px;
	color: #b1b1b1;
}
.foreseen-notification-chat-obsolete-chat-message-header {
	display: table;
	width: 100%;
	height: 16px;
	border-collapse: separate;
	vertical-align: middle;
}

.chat-message-header .chat-user {
	position: relative;
	display: table-cell;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.foreseen-notification-chat-obsolete-chat-user-img {
	height : 45px;
}

.chat-message-header .chat-user {
	overflow: hidden;
	max-width: 88%;
	font-weight: 700;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
}
.foreseen-notification-chat-obsolete-chat-user-status {
	padding-right: 4px;
	display: table-cell;
	width: 1%;
}
.foreseen-notification-chat-obsolete-chat-message-text {
	margin-top: 2px;
	word-wrap: break-word;
	color: #4b4b4b;
}
.foreseen-notification-chat-obsolete-chat-message-header-status div  {
	display: inline-block;
}
.foreseen-notification-chat-obsolete-chat-user-status div  {
	width: 7px;
	height: 7px;
	border-radius: 3.5px;
	background: #ed1c24;
}

.chat-user-status .online {
	background: #2cff1b;
}

/* Article */
.system-article {
	
}

.system-article h1 {
	font-size : 25px;
}
/* CSS */

/* E-mail Validation */

/* My Gallery */

/* Menu */

/* Language Picker */
#i00001600000182-flag{
	height : 25px;
}

#i00001600000182-select{
	
}
/* LanguagePicker - require */

/* Link */
.00001c00000182-link {
	width : 25px;
	height : 35px;
	text-align : center;
	float : left;
}
/* Flip Card */
.foreseen-content-flipcard-flip-card {
  background-color: transparent;
  width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.foreseen-content-flipcard-flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .foreseen-content-flipcard-flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .foreseen-content-flipcard-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.foreseen-content-flipcard-flip-card-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.foreseen-content-flipcard-flip-card-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}
/* Product Card */
.foreseen-content-productcard-card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}
.foreseen-content-productcard-price {
  color: grey;
  font-size: https://www.w3schools.com/howto/howto_css_product_card.asp22px;
}
.foreseen-content-productcard-card button  {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.card button:hover {
  opacity: 0.7;
}
/* Gallery */

/* Quotes Slideshow */
/* Slideshow container */
.foreseen-content-quotesslideshow-slideshow-container {
  position: relative;
  background: #f1f1f1f1;
}

/* Slides */
.foreseen-content-quotesslideshow-quote {
  display: none;
  padding: 80px;
  text-align: center;
}
.foreseen-content-quotesslideshow-quote:first-child {
	display:block;
}

/* Next & previous buttons */
.prev, .foreseen-content-quotesslideshow-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.foreseen-content-quotesslideshow-next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.foreseen-content-quotesslideshow-dot-container {
  text-align: center;
  padding: 20px;
  background: #ddd;
}

/* The dots/bullets/indicators */
.foreseen-content-quotesslideshow-dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.foreseen-content-quotesslideshow-author {color: cornflowerblue;}
/* Accordion */
/* Style the buttons that are used to open and close the accordion panel */
.foreseen-content-accordion-accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.foreseen-content-accordion-panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
/* Login */
* {box-sizing: border-box}

#login {
	position : relative;
	padding : 10px 20px;
}

/* style the container */
.container {
  position: relative;
  border-radius: 5px;
  /*background-color: #f2f2f2;*/
  /*background-color : var(--secondary-light);*/
  padding: 20px 0 30px 0;
}

/* style inputs and link buttons */
input,
.btn {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 4px;
  margin: 5px 0;
  opacity: 0.85;
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none; /* remove underline from anchors */
}

input:hover,
.btn:hover {
  opacity: 1;
  background-color : var(--secondary-dark);
  color: var(--secondary-dark-contrast);
}

/* add appropriate colors to fb, twitter and google buttons */

/* style the submit button */
input[type=submit] {
  /*background-color: #04AA6D;*/
  background-color : var(--primary);
  color: var(--primary-contrast);
  cursor: pointer;
}

input[type=submit]:hover {
  /*background-color: #45a049;*/
  background-color: var(--primary-dark);
  color: var(--primary-dark-contrast);
}



/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* bottom container */
.bottom-container {
  text-align: center;
  background-color : var(--secondary-light);
  color : var(--secondary-contrast);
  border-radius: 0px 0px 4px 4px;
}

.bottom-container a {
	color : var(--secondary-contrast);	
}

/* Responsive layout - when the screen is less than 650px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 650px) {
  .col {
    width: 100%;
    margin-top: 0;
  }
}
/* Profile */
.foreseen-content-profile-nick {
	background : var(--secondary);
	color : var(--secondary-contrast);
}
.foreseen-content-profile-card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width : 100%;
  margin: auto;
  
  background : var(--surface);
  color : var(--secondary-light);
  text-align: center;
}

.card > img {
	max-width : 300px;
	margin : auto;
	padding-top : 15px;
}
.foreseen-content-profile-title {
  color : var(--primary-light);
  font-size: 18px;
}
.foreseen-content-profile-description {
	text-align :left;
	margin : 10px 20px;
}

p.description {
	text-indent : 20px;
}
.foreseen-content-profile-contact {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
  background-color: var(--primary);
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}
.foreseen-content-profile-block {
	background : var(--error);
	color : var(--error-contrast);
}
.foreseen-content-profile-social {
  text-decoration: none;
  font-size: 22px;
  color: var(--text);
}

.contact:hover, .social:hover {
  opacity: 0.7;
}
/* To Do List */
/* Include the padding and border in an element's total width and height */
* {
  box-sizing: border-box;
}

/* Remove margins and padding from the list */
.foreseen-core-todolist-l {
  margin: 0;
  padding: 0;
}

/* Style the list items */
.foreseen-core-todolist-l li  {
  cursor: pointer;
  position: relative;
  padding: 12px 8px 12px 40px;
  background: #eee;
  font-size: 18px;
  transition: 0.2s;

  /* make the list items unselectable */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Set all odd list items to a different color (zebra-stripes) */
ul li:nth-child(odd) {
  background: var(--primary-tint);
}

/* Darker background-color on hover */
ul li:hover {
  background: #ddd;
}

/* When clicked on, add a background color and strike out text */
ul li.checked {
  background: var(--primary-shade);
  color: #fff;
  text-decoration: line-through;
}

/* Add a "checked" mark when clicked on */
ul li.checked::before {
  content: '';
  position: absolute;
  border-color: #fff;
  border-style: solid;
  border-width: 0 2px 2px 0;
  top: 10px;
  left: 16px;
  transform: rotate(45deg);
  height: 15px;
  width: 7px;
}

/* Style the close button */
.foreseen-core-todolist-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px 16px 12px 16px;
}
.foreseen-core-todolist-close:hover {
  background-color: #f44336;
  color: white;
}

/* Style the header */
.foreseen-core-todolist-header {
  background: var(--primary);
  padding: 30px 40px;
  color: white;
  text-align: center;
}

/* Clear floats after the header */
.foreseen-core-todolist-header:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the input */
.foreseen-core-todolist-nput {
  margin: 0;
  border: none;
  border-radius: 0;
  width: 75%;
  padding: 10px;
  float: left;
  font-size: 16px;
}

/* Style the "Add" button */
.addBtn {
  padding: 10px;
  width: 25%;
  background: #d9d9d9;
  color: #555;
  float: left;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 0;
}

.addBtn:hover {
  background-color: #bbb;
}
/* Chat */
.foreseen-notification-chat-button {
	width : 50%;
	float : left;
	background : var(--primary-dark);
	color : var(--primary-dark-contrast);
	text-align : center;
	padding : 10px 0;
}
.foreseen-notification-chat-button:hover {
	background : var(--primary-light);
	color : var(--primary-light-contrast);
}
.foreseen-notification-chat-button-selected {
	background : var(--primary);
}
.foreseen-notification-chat-user {
	position: relative;
	width: 100%;
}
.foreseen-notification-chat-user-image {
	position:relative;
    overflow:hidden;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    float:left;
}
.foreseen-notification-chat-user-image img  {
    position:absolute;
    height: auto;
    width: auto;    
    max-width:100%;
    /* uncomment to center */
    /*transform:translateY(-50%);
    top:50%;*/
}
.foreseen-notification-chat-user-nick {
	float: left;
	margin : 20px 10px;
}
.foreseen-notification-chat-message {
	max-width : calc(100% - 80px);
	margin-top : 10px;
	padding : 10px 10px;
}
.foreseen-notification-chat-message-originator-me {
	float : right;
	margin-right : 10px;
	background : var(--primary);
	color : var(--primary--contrast);
}
.foreseen-notification-chat-message-originator-them {
	position:relative;
	float : left;
	margin-left : 10px;
	background : var(--primary-light);
	color : var(--primary-light-contrast);
}
.foreseen-notification-chat-message-footer {
	float : right;
	font-size : 10px;
	padding : 10px 0 0 0;
	margin-left : 5px;
}
.foreseen-notification-chat-message-input {
	float : left;
	width : calc(70% - 16px);
	height : 45px;
	margin : 15px 5px 10px 10px;
	padding : 0;
	border : 1px solid var(--secondary-light);
}
.foreseen-notification-chat-message-send {
	float:right;
	width : calc(30% - 16px);
	height : 45px;
	margin : 15px 10px 10px 5px;
	padding : 0;
	border:none;
	background : var(--primary);
	color : var(--primary-contrast);
}
.foreseen-notification-chat-count {
	position: relative;
	display : none;
	font-size : 10px;
	background : gray;
	color : white;
	border-radius : 50%;
	padding : 3px;
	left : -8px;
	top : -10px;
	opacity : 0.9;
}

/* DemoChart */

/* File Upload */
.foreseen-content-fileupload-drop-zone {
	padding : 10px;
	margin : 10px;
	border : 2px dashed #ccc;
	border-radius : 10px;
	min-width : 200px;
}
.foreseen-content-fileupload-drop-zone-highlight {
	background : #f7f2ff;
	border-color : black;
}
.foreseen-content-fileupload-instructions {
	text-align : center;
}
.foreseen-content-fileupload-progress {
	width : 100%;
}
.foreseen-content-fileupload-gallery {
	position : relative;
	margin-top : 10px;
}
.foreseen-content-fileupload-gallery-item {
	position : relative;
	width : 250px;
	height : 185px;
	float : left;
}
.foreseen-content-fileupload-gallery-label {
	text-align : center;
	text-overflow : ellipsis;
	overflow : hidden;
}
.foreseen-content-fileupload-gallery-remove {
	position : absolute;
	color : red;
	font-size : 50px;
	top : 95px;
	left : 185px;
}
.foreseen-content-fileupload-gallery-icon {
	width : 150px;
	height : 150px;
	margin-left : 50px;
	text-align : center;
	font-size : 100px;
}
.foreseen-content-fileupload-gallery-image-container {
	display : flex;
	/*width : 250px;
	height : 150px;*/
	justify-content : center;
}
.foreseen-content-fileupload-gallery-image {
	object-fit : contain;
	max-width : 50px;;
	max-height : 75px;
	width : auto;
	height : auto;
}


/* Captcha */

/* Submitted Form */
.foreseen-content-submittedform-form {
	position: relative;
	padding : 10px 20px;
}
/* You Are Lost */
.foreseen-content-youarelost-root {
      --bg: #f6f4ef;
      --ink: #2c2a28;
      --accent: #2f6f8f;
      --paper: #fffdf6;
      --grid: #e3dfd3;
      --contour: #9b8d76;
}

/*body {
      margin: 0;
      background: var(--bg);
      color: var(--ink);
      font: 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
      display: grid;
      grid-template-rows: auto 1fr;
}*/
.foreseen-content-youarelost-header {
      display: flex;
      gap: 12px;
      align-items: center;
      padding: 10px 12px;
      border-bottom: 1px solid var(--grid);
      background: linear-gradient(#fffef9,#f8f5ee);
      position: sticky; top: 0; z-index: 2;
}
/*.header h1 {
    font-size: 16px; margin: 0 8px 0 0; font-weight: 700; letter-spacing: .2px;
}
.header .controls { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.controls > label { display: inline-flex; align-items: center; gap: 6px; }
.controls input[type="number"], input[type="text"], select {
    border: 1px solid var(--grid); border-radius: 8px; padding: 6px 8px; background: #fff;
}
.controls input[type="range"] { width: 150px; }
#regen, #save {
    appearance: none; border: 1px solid #cfc7b4; background: #fff; color: var(--ink);
    border-radius: 999px; padding: 8px 12px; cursor: pointer; font-weight: 600;
    box-shadow: 0 1px 0 rgba(0,0,0,.04);
}
#regen:active, #save:active { transform: translateY(1px); }*/
.foreseen-content-youarelost-pane {
		display: grid; grid-template-columns: 1fr 300px; gap: 0; height: calc(100vh - 52px);
}
.foreseen-content-youarelost-pane canvas  { width: 100%; height: 100%; display: block; background: var(--paper); }
.foreseen-content-youarelost-aside {
  border-left: 1px solid var(--grid); background: #fffef9; padding: 12px; overflow: auto;
}
.foreseen-content-youarelost-legend { font-size: 12px; }
.legend h3 { margin: 8px 0; font-size: 12px; letter-spacing:.2px; text-transform: uppercase; }
.foreseen-content-youarelost-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border:1px solid #ddd2b8; border-radius: 999px; margin: 2px 4px 2px 0; background: #fff; }
.foreseen-content-youarelost-muted { color: #7a7465; }
.foreseen-content-youarelost-small { font-size: 11px; color: #777; }
/* Jumbotron */
.jumbotron { 
	width:90%; 
	margin: 20px auto; 
	padding: 50px 0; 
	font-size: 50px; 
	font-weight: 900; 
	color: black;
	background-color: #b7ec9e;
	text-align: center; 
	border-radius: 20px; 
}
/* Profile Detail */
#profile {
	position:relative;
}

#profile-image img {
	max-width : 450px;
}

#profile-gallery {
	position : relative;
}

#profile-gallery img {
	float : left;
	max-height : 100px;
}

#profile-left {
	float:left;
	width : 450px;
}

#profile-nick {
	padding : 10px;
	font-size : 25px;
}

.profile-section {
	border-top : 1px solid #909090;
}

.profile-section-header {
	padding-left : 25px;
	text-size:25px;
	border-bottom : 1px solid #555;
}

#profile-right {
	float:right;
	width : calc(100% - 450px);
}

.profile-value {
	position:relative;
	width : 100%;
	padding-top : 5px;
}

.profile-value-label {
	float : left;
	width : 50%;
	text-align : right;
}

.profile-value-value {
	float : right;
	padding-left : 20px;
	width : calc(50% - 20px);
}
/* Teams */

/* Uniform Form */

/* Uniform User Search Result */

/* Teams */

/* Team */
.foreseen-uniformapp-team-header {
	width : 100%;
}
.foreseen-uniformapp-team-label {
	font-size: 25px;
	text-align :center;
	padding : 15px 0;
}
.foreseen-uniformapp-team-logo {
	float:left;
	width : 40%;
}
.foreseen-uniformapp-team-description {
	float:left;
	width : 60%;
}


@media (max-width : 500px){
.foreseen-uniformapp-team-logo {
		max-width : 100px;
	}
}
/* Support Info */
.foreseen-social_build-supportinfo-contact-container {
	margin: 20px;
    max-width: 800px;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.foreseen-social_build-supportinfo-contact-header {
    border-bottom: 2px solid #71b1f0;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.foreseen-social_build-supportinfo-contact-content {
    line-height: 1.6;
}
.foreseen-social_build-supportinfo-mail-link {
    display: inline-block;
    color: #2196F3;
    text-decoration: none;
    margin-top: 10px;
    padding: 8px 16px;
    border: 2px solid #2196F3;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.foreseen-social_build-supportinfo-mail-link:hover {
    background-color: #2196F3;
    color: white;
    text-decoration: none;
}
/* Social Posts */

/* Post */
.foreseen-social_build-post-post {
	position:relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width : calc(100% - 70px);
  margin: 25px 35px;
  padding : 10px;
  
  background : var(--surface);
  color : var(--secondary-light);
  border-top : 1px solid var(--primary);
}
.foreseen-social_build-post-header {
	height : 45px;
	width : 100%;
}

.body > img {
	max-width : 100%;
}
.foreseen-social_build-post-source-image {
	position:relative;
	float:left;
    overflow:hidden;
    border-radius: 50%;
    height: 60px;
    width: 60px;
}
.foreseen-social_build-post-source-image img  {
    /*position:absolute;*/
    height: auto;
    width: auto;    
    max-width:100%;
    /* uncomment to center */
    /*transform:translateY(-50%);
    top:50%;*/
}
.foreseen-social_build-post-source {
	float:left;
	margin-left : 20px;
	
}

@media screen and (min-width: var(--max-width-phone)) {
	.foreseen-social_build-post-post {
		width : calc(100% - 140px);
		margin: 25px 70px;
	}
}
/* Social Profile */
.foreseen-social_build-socialprofile-user {
	position:relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width : 80%;
  margin: 25px auto;
  padding : 10px;
  
  background : var(--surface);
  border-top : 1px solid var(--primary);
}
.foreseen-social_build-socialprofile-header {
	height : 45px;
	width : 100%;
}
.foreseen-social_build-socialprofile-user-image {
	float:left;
	position: relative;
    overflow:hidden;
    /*border-radius: 50%;*/
    height: 110px;
    width: 80px;
}
.foreseen-social_build-socialprofile-user-image img  {
	max-width : 100%;
	margin-top : 15px;
    /*position:absolute;*/
    /*height: auto;
    width: auto;    
    max-width:100%;*/
    /* uncomment to center */
    /*transform:translateY(-50%);
    top:50%;*/

}
.foreseen-social_build-socialprofile-user-data {
	float:left;
	margin-left : 20px;
	text-decoration : none;
	color : var(--secondary-light);
}

.user-data > p {
	margin : 7px;
}
.foreseen-social_build-socialprofile-nick {
	color : var(--primary-light);
	font-weight : 800;
}
/* SocialProfiles */

/* Group List */

/* Group List Item */
.foreseen-social_build-grouplistitem-user {
	position:relative;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width : 80%;
  margin: 25px auto;
  padding : 10px;
  
  background : var(--surface);
  border-top : 1px solid var(--primary);
}
.foreseen-social_build-grouplistitem-header {
	height : 45px;
	width : 100%;
}
.foreseen-social_build-grouplistitem-user-image {
	float:left;
	position: relative;
    overflow:hidden;
    /*border-radius: 50%;*/
    height: 110px;
    width: 80px;
}
.foreseen-social_build-grouplistitem-user-image img  {
	max-width : 100%;
	margin-top : 15px;
    /*position:absolute;*/
    /*height: auto;
    width: auto;    
    max-width:100%;*/
    /* uncomment to center */
    /*transform:translateY(-50%);
    top:50%;*/

}
.foreseen-social_build-grouplistitem-user-data {
	float:left;
	margin-left : 20px;
	text-decoration : none;
	color : var(--secondary-light);
}

.user-data > p {
	margin : 7px;
}
.foreseen-social_build-grouplistitem-nick {
	color : var(--primary-light);
	font-weight : 800;
}
/* Settings */
.foreseen-social_build-settings-menu {
	display:block;
	background : var(--secondary);
	border-radius : 5px;
	color : var(--secondary-contrast);
	text-decoration : none;
	padding : 10px;
	border : 1px solid black;
	
}
/* My Groups */

/* Teams Submenu */
.foreseen-social_build-teamssubmenu-menu-item {
    width: 50%;
    float: left;
    background: var(--primary-dark);
    color: var(--primary-dark-contrast);
    text-align: center;
    padding: 10px 0;
}
/* Hide Form */
.foreseen-social_build-hideform-button {
	margin:20px 35px 5px 35px;
	background : var(--secondary-dark);
	padding: 10px;
}
/* Ranks */
.foreseen-uniformapp-ranks-ranks {
	position: relative;
	width : 100%;
}
.foreseen-uniformapp-ranks-rank {
	float: left;
	/*margin-right : 20px;*/
	width : 20%;
}