@charset "UTF-8";
/* Main css */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
:root {
	--clr-highlight: #D4FF55;
	--clr-weaklight: #151515;
	--clr-backlight: #111;
	--clr-border: #D4FF55;
    --text-color: #111;
	--clr-breakline: #222;
	--clr-noticelight: #D4FF55;
	--clr-darkbg: #090909;
	--clr-alt: #EAFFA9;
}
body {
	margin: 0;
	padding: 0;
	background: #000;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size: 0.85em;
	overflow-y: scroll;
	line-height: normal;
}
::-moz-selection { /*  Firefox */
  background: var(--clr-highlight);
}

::selection {
  background: var(--clr-highlight);
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
@-webkit-keyframes fadeInAnimation {
  0% {opacity: 0.0;}
  100% {opacity: 1.0;}
}
a {
	text-decoration: none;
	border: none;
	color: #fff;
}
p {font-size: 1em;}
.alink:hover {
	text-decoration: underline;
}
img, a img {
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
}
.blur {filter: grayscale(1) blur(3px);}
h1,h2,h3,h4,h5 {
	margin: 0 0 30px 0;
	padding: 0;
}
.h1margin {
	margin: 0;
}
input, select {
	background: var(--clr-backlight);
	border: 1px solid var(--clr-weaklight);
	padding: 2.5%;
	width: 95%;
	margin-top: 4px;
	height: 61px;
	min-height:30px;
	color: var(--clr-highlight);
	font-size:1.3em;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
 	 box-sizing: content-box;         /* Opera/IE 8+ */
	 cursor: text;
	 position: relative;
	 float:left;
	box-shadow: 0px 2px 2px #000;
}
input::-webkit-file-upload-button {background:var(--clr-highlight); color: #000; font-weight: 700; height: 25px;border-radius: 5px;border: 1px solid var(--clr-weaklight); cursor: pointer;}
input::-webkit-file-upload-button:hover {background: var(--clr-weaklight); color: #fff; border: 1px solid var(--clr-highlight);}
textarea {
	background: var(--clr-backlight);
	border: 1px solid var(--clr-weaklight);
	padding: 1.5%;
	width: 30%;
	margin-top: 4px;
	height: 150px;
	min-height:30px;
	color: var(--clr-highlight);
	font-size:1.3em;
	-webkit-appearance: none;
}
input[type=submit] {cursor: pointer; text-align: center; transition: 0.3s;background: var(--clr-breakline) no-repeat center center;background-size: 20px 20px;}
input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
	font-size: 0;
	border: 1px solid var(--clr-highlight);
	background: var(--clr-highlight) url(/imgs/addplus-invert.png) no-repeat center center;
	background-size: 20px 20px;
}
input[type=date]::-webkit-calendar-picker-indicator{
    background-color: var(--clr-weaklight);
    padding: 5px;
    cursor: pointer;
    border-radius: 3px;
	background: url(/imgs/calendar.png) no-repeat center center;
	background-size: 20px 20px;
}
::-webkit-calendar-picker-indicator:active, ::-webkit-calendar-picker-indicator:focus{
    background-color: var(--clr-highlight);
}

.break {
	height: 30px;
	border-bottom: 1px solid var(--clr-breakline);
	margin-bottom:30px;
	clear: both;
}
.borderline {
	height: 20px;
	margin: 100px 0;
	background: repeating-linear-gradient(
  -55deg,
  var(--clr-breakline),
  var(--clr-breakline) 3px,
  #000 3px,
  #000 10px
);
	clear: both;
}
input:focus, input:hover, input:active, select:focus, select:hover, select:active {
	border: 1px solid var(--clr-highlight);
	outline: none;
}
.inputbox {
	position: relative;
	width: 32.6%;
	float:left;
	margin: 0 0.2%;
}
label {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
}
.left {float:left;}
.right {float: right;}
.submit {
	width: 200px;
	height: 40px;
	padding: 1.5%;
	text-align:center;
	-webkit-appearance: none;
	-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
 	 box-sizing: content-box;         /* Opera/IE 8+ */
	 cursor: pointer;
}
.errorbox {
	background: #530000;
	border: 1px solid #e10000;
	padding: 2%;
	color: #e10000;
	font-size:1em;
}

.yellowbox {
	border: 1px solid #bab481;
	padding: 2%;
	color: #bab481;
	font-size:1em;
}

.successbox {
	background: #105300;
	border: 1px solid #20e100;
	padding: 2%;
	color: #20e100;
	font-size:1em;
}
	
#header {
	height: 6%;
	width: 14%;
	min-width:200px;
	background: var(--clr-backlight);
	position: fixed;
	z-index:1000;
	min-height: 40px;
}

#logo {
	background: url(../imgs/logo.png) no-repeat center;
	background-size: 50%;
	width: 100%;
	min-width:150px;
	height:100%;
	position:absolute;
}

.clear {
	clear:both;
}

#container {
	width: 100%;
	height: 100%;
}

#sidemenu {
	width: 14%;
	min-width: 200px;
	height: 96%;
	background: var(--clr-backlight);
	padding: 0;
	left:0;
	top:4%;
	position:fixed;
	z-index:999;
}
#messages {
	width: 25px;
	height: 25px;
	border-radius:12px;
	text-align:center;
	padding: 12px 5px 0 5px;
	background: var(--clr-highlight);
	color:#111;
	display:block;
	margin-top: 35px;
	margin-left: 10px;
	position:absolute;
	font-size: 0.85em;
	font-weight:700;
	border: 2px solid var(--clr-highlight);
}
#messages_yes {
	width: 25px;
	height: 25px;
	border-radius:12px;
	text-align:center;
	padding: 12px 5px 0 5px;
	background: var(--clr-noticelight);
	color: #111;
	display:block;
	margin-top: 35px;
	margin-left: 10px;
	position:absolute;
	font-size: 0.85em;
	font-weight:700;
	border: 2px solid var(--clr-highlight);
}
#messages:hover, #messages_yes:hover {
	background: #403C1C;
	color:#fff;
}
#messages:active, #messages_yes:active {
	background: var(--clr-highlight);
	color: #fff;
}
#feedbacks {
	width: 25px;
	height: 25px;
	border-radius:12px;
	text-align:center;
	padding: 12px 5px 0 5px;
	background: #7abb65;
	color:#111;
	display:block;
	margin-top: 35px;
	margin-left: 55px;
	position:absolute;
	font-size: 0.85em;
	font-weight:700;
	border: 2px solid #7abb65;
}
#feedbacks_yes {
	width: 25px;
	height: 25px;
	border-radius:12px;
	text-align:center;
	padding: 12px 5px 0 5px;
	background: #649753;
	display:block;
	margin-top: 33px;
	margin-left: 55px;
	position:absolute;
	font-size: 0.85em;
	font-weight:700;
	border: 2px solid #7abb65;
}
#feedbacks:hover, #feedbacks_yes:hover {
	background: #3c4d36;
	color: #fff;
}
#feedbacks:active, #feedbacks_yes:active {
	background: #56724d;
	color: #fff;
}
.theprofilepicture {
	width: 100%;
	min-height: 200px;
	margin-left: auto;
	margin-right: auto;
	display:block;
}
#loggedinasmenu {
	width: 90%;
	padding:5%;
	display:inline-block;
}
.greendot {
	width:7px;
	height:7px;
	background: #0C0;
	border-radius:5px;
	display:inline-block;
	margin-right: 10px;
	margin-bottom: 2px;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.yellowdot {
	width:7px;
	height:7px;
	background: #ffde00;
	border-radius:5px;
	display:inline-block;
	margin-right: 10px;
	margin-bottom: 2px;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
a .sidemenu_tab {
	color:#fff;
	text-transform: capitalize;
	text-align: left;
	font-size: 1em;
	font-weight:700;
	letter-spacing: 1px;
	text-decoration:none;
}
.sidemenu_tab {
	width: 90%;
	padding: 5%;
	border-bottom:1px solid var(--clr-breakline);
}
.sidemenu_tab:hover {
	background: var(--clr-highlight);
	color:#111;
	transition: 0.1s;
}
.sidemenu_tab:hover img {
	filter: invert(1);
}
.sidemenu_tab:active {
	background: var(--clr-highlight);
	color: #1d1924;
}
.sidemenu_tab img {
	width: auto;
	height: 12px;
}
#currentpage, #currentpagedashboard {
	background: var(--clr-highlight);
	border-bottom:1px solid var(--clr-highlight);
	color: #111;
}
#currentpage img, #currentpagedashboard img {
	filter: invert(1);
}
#content {
	position:absolute;
	color:#fff;
	text-align:left;
	right: 0;
	top: 0;
	width: 82%;
	padding: 1% 2% 3% 2%;
	animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

#account {
	position:absolute;
	bottom: 0;
	margin-bottom:143px;
	left: 0;
	width: 90%;
	height:15px;
	padding: 10px 5%;
	border-bottom:1px solid var(--clr-breakline);
}
#settings {
	position:absolute;
	bottom: 0;
	margin-bottom:107px;
	left: 0;
	width: 90%;
	height:15px;
	padding: 10px 5%;
	border-bottom:1px solid var(--clr-breakline);
}
#profile_overlay {
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-weight: bold;
    width: 150px;
    height: 150px;
    position: absolute;
    text-align: center;
    align-content: center;
    border-radius: 10px;
    border: 1px solid var(--clr-highlight);
	cursor: pointer;
	transition: 0.3s;
}
#profile_overlay:hover {
	background: rgba(212,255,85,0.8);
	color:#000;
}
#feedback {
	position:absolute;
	bottom: 0;
	margin-bottom:71px;
	left: 0;
	width: 90%;
	height:15px;
	padding: 10px 5%;
	border-bottom:1px solid var(--clr-breakline);
}
#signout {
	position:absolute;
	bottom: 0;
	margin-bottom:35px;
	left: 0;
	width: 90%;
	height:15px;
	padding: 10px 5%;
	border-bottom:1px solid var(--clr-breakline);
}
#signout:hover, #settings:hover, #feedback:hover, #account:hover {
	background: var(--clr-highlight);
	transition: 0.1s;
	color: #111;
}
#signout:active, #settings:active, #feedback:active, #account:active {
	background: var(--clr-highlight);
	color: #1d1924;
}
#footer {
	position:absolute;
	bottom: 0;
	left: 0;
	width: 90%;
	height:15px;
	padding: 10px 5%;
	color: #090909;
}

/* TEAM */
.mandatorynote {
	background: #090909;
	border: 1px solid #222;
	padding: 5%;
	color: #a9a9a9;
	font-size:1.1em;
	margin-top: 20px;
	border-radius: 10px;
}
.mandatorynote img { width: 25px; float: left; display: inline-block; margin-right: 20px;}
.mandatorynote h2 { float: left; display: inline-block; margin-bottom: 15px; }
.teamview {
	width: 90%;
	height: 5%;
	min-height: 80px;
	padding: 5%;
	background: var(--clr-backlight);
	border-radius: 10px;
	border: 1px solid #222;
	float:left;
}
.projectview-og {
	width: 96%;
	height: 2%;
	min-height: 50px;
	padding: 2%;
	/* border: 1px solid #72594d; */
	background: var(--clr-backlight);
	border: 1px solid var(--clr-weaklight);
	margin-bottom: 20px;
	float:left;
}
.xgrid {
	display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.projectview {
    height: 130px;
	width: 100%;
    text-align: center;
    background: var(--clr-backlight);
	border: 1px solid #222;
    float: left;
	border-radius: 10px;
}
.projectview:focus, .projectview:hover, .projectview:active {
	border: 1px solid var(--clr-highlight); 
	background: #090909;
}
.projectview_completed {
	height: 130px;
	width: 100%;
	/* border: 1px solid #72594d; */
	border: 1px solid #56724d;
	float:left;
}
.projectview_completed:focus, .projectview_completed:hover, .projectview_completed:active {
	/* border: 1px solid #ffc7ac; */
	border: 1px solid #77c85d;
	outline: none;
}
.projectview_review {
	height: 130px;
	width: 100%;
	border: 1px solid #54502D;
	background: #211d16;
	border-radius: 10px;
	float:left;
}
.projectview_review:focus, .projectview_review:hover, .projectview_review:active {
	border: 1px solid #bbb265; 
	background: #383327;
}
.projectview_cancelled {
	height: 130px;
	width: 100%;
	/* border: 1px solid #72594d; */
	border: 1px solid #724d4d;
	float:left;
}
.projectview_cancelled:focus, .projectview_cancelled:hover, .projectview_cancelled:active {
	/* border: 1px solid #ffc7ac; */
	border: 1px solid #F00;
	outline: none;
}
.teamview:focus, .teamview:hover, .teamview:active {
	background: var(--clr-breakline);
}
.teamviewtitlemain {
	font-size: 1.4em;
	vertical-align: middle;
	margin-top: 20px;
	font-weight: 700;
}
.teamviewtitle {
	font-size: 1.4em;
	vertical-align: middle;
}
.teamviewsecondrow {
	vertical-align: middle;
}
.teamviewleft {
	width: 25%;
	float: left;
	vertical-align: middle;
}
.teamviewright {
	width: 65%;
	float: right;
	height: 80px;
}
.teamviewprofilepic {
	width: 80px;
	height: 80px;
	margin-left: -30px;
	float:right;
	border: 2px solid var(--clr-backlight);
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-radius: 10px;
	vertical-align: middle;
}
.team-buttonbox {
	width:auto;
	height: 30px;
	padding: 5px 5px 5px 10px;
	background: var(--clr-breakline);
	border: 1px solid var(--clr-alt);
	border-radius:5px;
	display:inline-block;
	font-size: 1.35em;
	font-weight: 700;
	margin-bottom: 30px;
	margin-right: 15px;
}
.projectview-button-info {
	width:auto;
	min-height:13px;
	max-height: 15px;
	padding: 3px 10px;
	background: var(--clr-highlight);
	border: 1px solid var(--clr-highlight);
	color: #111;
	border-radius:5px;
	display:inline-block;
	font-size: 1em;
	font-weight:700;
	margin: 7px 0;
}
.projectview-button-info2 {
	width:auto;
	min-height:13px;
	max-height: 15px;
	padding: 3px 10px;
	background: var(--clr-breakline);
	border: 1px solid var(--clr-breakline);
	border-radius:5px;
	display:inline-block;
	font-size: 0.8em;
}
.projectview-button-info3 {
	width:auto;
	min-height:13px;
	max-height: 20px;
	padding: 5px 10px;
	background: var(--clr-breakline);
	border: 1px solid var(--clr-breakline);
	border-radius:5px;
	display:inline-block;
	font-size: 0.7em;
	font-weight: 700;
	margin-left: 20px;
}
.projectview-button-wip  {
	width:auto;
	min-height:13px;
	max-height: 15px;
	padding: 3px 10px;
	background: #213026;
	border: 1px solid #77c85d;
	border-radius:5px;
	margin-right: 10px;
	display:inline-block;
	font-size: 1em;
	font-weight:700;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.projectview-button-review, .projectview-button-completed, .projectview-button-cancelled {
	width:auto;
	min-height:13px;
	max-height: 15px;
	padding: 3px 10px;
	border-radius:5px;
	margin-right: 10px;
	display:inline-block;
	font-size: 1em;
	font-weight:700;
}
.projectview-button-review {background: #302d21;border: 1px solid #bbb265;}
.projectview-button-completed {border: 1px solid #77c85d;}
.projectview-button-cancelled {border: 1px solid #F00;}
.projectview_left, .projectview_left img {
	float:left;
	height: 130px;
	width: 130px;
	object-fit: cover;
	border-radius: 10px 0 0 10px;
}
.projectview_right{
	width: calc(90% - 130px);
	min-width: 200px;
	float:right;
	padding:10px 5%;
	text-align:right;
	vertical-align: middle;
}

.memberbox_invited {
	width: 18%;
	min-width: 250px;
	margin-right: 1.6%;
	margin-bottom: 1.6%;
	height: 80px;
	display: inline-block;
	border: 1px solid var(--clr-weaklight);
	background: var(--clr-darkbg);
	position:relative;
	border-radius: 10px;
}
.memberbox_invited:hover {
	border: 1px solid var(--clr-highlight);
}
.memberbox {
	width: 18%;
	min-width: 250px;
	margin-right: 1.6%;
	margin-bottom: 1.6%;
	height: 80px;
	border: 1px solid var(--clr-weaklight);
	background: var(--clr-darkbg);
	float: left;
	border-radius: 10px;
}
.memberbox:hover {
	border: 1px solid var(--clr-highlight);
}
.assigned-memberbox {
	width: 100%;
	min-width: 250px;
	height: 80px;
	border: 1px solid var(--clr-weaklight);
	background: var(--clr-darkbg);
	float: left;
	border-radius: 10px;
}
.memberbox:hover, .assigned-memberbox:hover {
	border: 1px solid var(--clr-highlight);
}
.memberbox_admin {
	width: 18%;
	min-width: 250px;
	margin-right: 1.6%;
	margin-bottom: 1.6%;
	height: 80px;
	float:left;
	border: 1px solid #4d5972;
	background: var(--clr-darkbg);
	border-radius: 10px;
}
.memberbox_admin:hover {
	border: 1px solid #adccff;
}
.memberbox img, .memberbox_admin img, .memberbox_invited img, .assigned-memberbox img {
	width:80px;
	min-height:80px;
	display:inline-block;
	border: none;
	outline: none;
	text-decoration: none;
	border-radius: 10px;
}
.assigned-memberbox .eventviewprofilepic {
	float: left;
	margin:0;
	vertical-align: auto;
}
.memberbox_info {
	padding-left: 20px;
	display: inline-block;
	max-width: 170px;
	height: 80px;
}
.memberbox_info_text {
	max-width: 145px;
	overflow: hidden;
	height: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
	display: table-cell;
	vertical-align: middle;
}
.memberbox_remove {
	width: 20px;
	height: 45px;
	padding-top: 35px;
	text-align: center;
	background: #600;
	cursor:pointer;
	top: 0;
	right: 0;
	position:absolute;
}
.memberbox_remove:hover {
	background: #C00;
}
.admindot {
	width:9px;
	height:9px;
	background: #adccff;
	border-radius:5px;
	display:inline-block;
	margin-right: 10px;
	vertical-align: top;
	margin-top: 2px;
	margin-left: 2px;
}
.moderatordot {
	width:9px;
	height:9px;
	background: #ffe9ad;
	border-radius:5px;
	display:inline-block;
	margin-right: 10px;
	margin-top:2px;
	vertical-align:top;
	margin-left: 2px;
}
.button {
	width:auto;
	min-height:10px;
	padding: .5%;
	background: var(--clr-breakline);
	border: 2px solid var(--clr-weaklight);
	border-radius:5px;
	display:inline-block;
	margin-left: 10px;
	font-size: 0.70em;
	float:right;
	vertical-align: bottom;
}
.button:hover {
	border: 2px solid var(--clr-highlight);
	outline: none;
}
.button:focus, .button:active {
	border: 2px solid #fff;
	outline: none;
	background: var(--clr-highlight);
	color: #000;
}

.button2 {
	width:auto;
	min-height:13px;
	padding: 1%;
	background: var(--clr-breakline);
	border: 2px solid var(--clr-weaklight);
	border-radius:5px;
	display:inline-block;
	margin-right: 10px;
	font-size: 1em;
	font-weight:700;
	cursor: pointer;
}
.button2:hover {
	border: 2px solid var(--clr-highlight);
	outline: none;
}
.button2:focus, .button2:active {
	border: 2px solid #fff;
	outline: none;
	background: var(--clr-highlight);
	color: #000;
}

.button3 {
	width:auto;
	min-height:13px;
	padding: 1%;
	background: var(--clr-breakline);
	border: 2px solid var(--clr-weaklight);
	border-radius:5px;
	display:inline-block;
	float: right;
	margin-left: 10px;
	font-size: 1em;
	font-weight:700;
}
.button3:hover {
	border: 2px solid var(--clr-highlight);
	outline: none;
}
.button3:focus, .button3:active {
	border: 2px solid #fff;
	outline: none;
	background: var(--clr-highlight);
	color: #000;
}
.buttonimg {
	width: 22px;
	height: 22px;
	padding: .5%;
	opacity: 0.5;
	border-radius:5px;
	display:inline-block;
	border: 2px solid var(--clr-border); /* transparent border */
	margin-left: 10px;
	font-size: 0.70em;
	float:right;
	vertical-align: bottom;
	transition: 0.3s;
	cursor: pointer;
}
.buttonimg:hover {
	border: 2px solid var(--clr-highlight);
	outline: none;
	opacity: 1;
}
.buttonimg img {
	width: 22px;
	hieght: 22px;
	cursor: pointer;
}

/*.buttonp {
	width:auto;
	height:13px;
	padding: 7px;
	background: var(--clr-breakline);
	border: 2px solid #72594d;
	border-radius:5px;
	display:inline-block;
	margin-left: 10px;
	font-size: 13px;
}
.buttonp:hover {
	border: 2px solid #ffc7ac;
	outline: none;
}
.buttonp:focus, .buttonp:active {
	border: 2px solid #fff;
	outline: none;
	background: #ffc7ac;
	color: #000;
	text-shadow: 1px 0 0 #fff;
}

#projectinputs input, #projectinputs select {
	border-color: #72594d;
	color: #ffc7ac;
	background: #261e1a;
}
#projectinputs input:focus, #projectinputs input:active, #projectinputs input:hover, #projectinputs select:hover {
	border:1px solid #ffc7ac;
} */

/* Activities */
.activities_team {
	width: 96%;
	padding: 2%;
	min-height: 15px;
	max-height: 50px;
	border: 1px solid var(--clr-weaklight);
	margin-bottom: 10px;
	border-radius: 5px;
}
.activities_project {
	width: 96%;
	padding: 10px 2%;
	min-height: 15px;
	max-height: 550px;
	border: 1px solid #72594d;
	background:#40322B;
	color:#a6a6a6;
	margin-bottom: 10px;
	border-radius: 5px;
}
.activities_moodboard {
	width: 96%;
	padding: 2%;
	min-height: 15px;
	max-height: 550px;
	border: 1px solid #56724d;
	background: #30402B;
	color:#a6a6a6;
	margin-bottom: 10px;
	border-radius: 5px;
}
.activities_other {
	width: 96%;
	padding: 2%;
	min-height: 15px;
	max-height: 50px;
	border: 1px solid #727272;
	background: #404040;
	color:#a6a6a6;
	margin-bottom: 10px;
	border-radius: 5px;
}
.activities_message {
	float: left;
	height: auto;
	width: 65%;
	border-radius: 5px;
}
.activities_message:hover, .activities_other:hover, .activities_moodboard:hover, .activities_project:hover, .activities_team:hover {filter: saturate(4);}
.discussion_message {
	float: right;
	width: 90%;
	padding: 0.5% 2.5%;
	height: auto;
}
.discussion_message i {
	font-size: 0.9em;
}
.discussion_img {
	width: 5%;
	float:left;
}
.discussion_img img {
	width: 100%;
	border-radius: 10%;
	border: 2px solid var(--clr-backlight);
}
.discussion_message a, .activities_message a {
	text-decoration:underline;
	font-weight: bold;
}
.discussion_message a:hover, .activities_message a:hover {
	opacity: 0.7;
}
.activities_info {
	height: auto;
	width: 15%;
	float:right;
	text-align: right;
	margin-left: 5px;
}

/* Project */
.project_blockleft {
	float: left;
	border-top: 1px solid var(--clr-breakline);
	border-left: 1px solid var(--clr-breakline);
	border-bottom: 1px solid var(--clr-breakline);
	border-right: 1px solid var(--clr-breakline);
	width: calc(46% + 2px);
	padding: 2%;
}
.project_blockright {
	float: left;
	margin-left: -0.5px;
	border: 1px solid var(--clr-breakline);
	width: 45.5%;
	padding: 2%;
}
.project_blockright .memberbox, .project_blockright .memberbox_admin {
	width:48%;
}
.project_blockright .memberbox_info {
	width:48%;
}
.project_blockleft input, .project_blockright input {
	width: 78%;
	padding: 1% 1%;
	height:40px;
	float:left;
	margin-right: 0px;
	margin: 0 0 0 0;
	-webkit-appearance: none;
	-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
 	 box-sizing: content-box;         /* Opera/IE 8+ */
}
#submitFormDataAgenda, #submitFormDataDiscussion, #submitFormDataNotes, #submitFormDataScheduleNotes, #submitFormDataContacts {
	width:18%;
	padding: 1% 0;
	height: 40px;
	float:right;
	margin-left: 0px;
	margin-right: 0px;
	-webkit-appearance: none;
	-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
 	 box-sizing: content-box;         /* Opera/IE 8+ */
}
.inputbreak {
	height: 10px;
	border-bottom: 1px solid var(--clr-breakline);
	margin-bottom:10px;
}
.project_team {
	font-size: 20px;
	font-weight:700;
}
.project_title {
	font-size: 30px;
	font-weight:700;
	margin-bottom: 20px;
}
.project_info {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--clr-weaklight);
}
#status_wip {
	width: 96%;
	padding: 2%;
	margin-top: 30px;
	background: #2d2b17;
	color: #bbb265;
	border: 1px solid #bbb265;
}
#status_done {
	width: 96%;
	padding: 2%;
	margin-top: 30px;
	background: #105300;
	border: 1px solid #20e100;
	color: #20e100;
}
#status_cancelled {
	width: 96%;
	padding: 2%;
	margin-top: 30px;
	background: #530000;
	border: 1px solid #e10000;
	color: #e10000;
}

#preview_h1 {
	height: 25px;
	float:left;
}
#previewshow .activities_team {
	height: 80px;
	min-height: 80px;
}
#previewshow .activities_team:hover {
	filter: none;
}
#preview_upload {
	height: 10px;
	width: 150px;
	float:left;
	font-size: 0.85em;
	padding: 5px 5px 0 5px;
	margin: 0;
	margin-left: 30px;
}
#preview_upload2 {
	width: 30%;
	font-size: 0.85em;
	padding: 1.6% 1.5% 0 1.5%;
	margin: 0;
	margin-top:4px;
	margin-bottom: 15px;
}
#preview_upload3 {
	width: 45%;
	height: 10px;
	font-size: 0.85em;
	padding: 10px 1.5% 5px 1.5%;
	margin: 0;
	margin-top:15px;
	margin-bottom: 15px;
}
.overpreviewimage {
	float: left;
	cursor:pointer;
	position:relative;
	width: 20%;
	height: 250px;
	outline: 1px solid var(--clr-weaklight);
	transition: 0.3s;
}
.previewimage img {
	object-fit: cover;
	cursor:pointer;
	height:100%;
	width: 100%;
}
.previews {
	background: var(--clr-breakline);
	height: 100%;
	width: 100%;
	transition: 0.3s;
	vertical-align:top;
	object-fit: cover;
	position: absolute;
}
.overpreviewimage:hover {
	outline: 1px solid var(--clr-highlight);
	z-index: 9999;
	transition: 0.3s;
}
.previewsid {
	width: 25px;
	height: 25px;
	text-align: center;
	cursor:pointer;
	top: 10px;
	left: 10px;
	position:absolute;
	z-index: 999;
	opacity: .5;
}
.previewsid:hover {
	opacity: 1;
}
.previewsid img {
	width: 25px;
	height: 25px;
}
.agendarow {
	width: 96%;
	padding: 2%;
	min-height: 15px;
	max-height: 50px;
	border: 1px solid var(--clr-weaklight);
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 5px;
	text-decoration:none;
	transition: 0.5s;
}
.agendarow:hover, .agendarow:active {
	transition: 0.5s;
	text-decoration:line-through;
	color: #9b3b3b;
	border: 1px solid #9b3b3b;
}
.agendarow_done {
	width: 96%;
	padding: 2%;
	min-height: 15px;
	max-height: 50px;
	border: 1px solid var(--clr-weaklight);
	margin-bottom: 10px;
	opacity: .2;
	text-decoration:line-through;
	border-radius: 5px;
}
/* Login box */
.loginbox_break {
	margin: 10px 0;
	height: 20px;
	clear: both;
}
#loginbox {
	background: var(--clr-darkbg);
	border: 1px solid var(--clr-weaklight);
	width: 20%;
	max-height: 700px;
	min-height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -350px);
	padding: 0 5% 5% 5%;
}

.loginboxinputs {
	width: 96%;
	padding: 2%;
}
#signin {cursor: pointer;background-size: 20px 20px;background: var(--clr-breakline) no-repeat center center;}	
#signin:hover {font-size: 0; background: var(--clr-highlight) url(/imgs/login.png) no-repeat center center;background-size: 30px 30px;}
#login input #signin {
	min-width: 10px;
	width: 5%;
	padding:0;
	cursor: pointer;
}
#loginbox_footer {
	font-size: 13px;
	text-align: center;
	font-weight: 700;
	clear:both;
}
.loginbox_btn {
	width: 90%;
	padding: 5%;
	text-align: center;
	background: var(--clr-breakline);
	border: 1px solid var(--clr-weaklight);
}
.loginbox_btn:hover {
	border: 1px solid var(--clr-highlight);
	outline: none;
}
#loginbox_logo {
	background: url(../imgs/logo.png) no-repeat;
	background-size: 250px 50px;
	width: 250px;
	height: 50px;
	margin-top: 50px;
}
.checkboxen {
	position: relative;
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  margin-top: 12px;
  cursor: pointer;
  font-size: 0.85em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkboxen input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmarken {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: var(--clr-breakline);
}

.checkboxen:hover input ~ .checkmarken {
  background-color: var(--clr-highlight);
}

.checkboxen input:checked ~ .checkmarken {
  background-color: var(--clr-highlight);
}

.checkmarken:after {
  content: "";
  position: absolute;
  display: none;
}

.checkboxen input:checked ~ .checkmarken:after {
  display: block;
}

.checkboxen .checkmarken:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* For tablets, small screens and phones */
@media all and (max-width: 1500px) {
	.errorbox, .yellowbox, .successbox, .loginbox_btn {
	font-size: 1.5em;
}
	#loginbox {
	border: 1px solid var(--clr-weaklight);
	width: 80%;
	max-height: 1000px;
	min-height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -450px);
	padding: 0 5% 5% 5%;
	}
	#content {
		width: calc(96% - 200px);
		margin-left: 200px;
		position: static;
	}
	input {
	padding: 1.5%;
	width: 97%;
	margin-top: 10px;
	height: 50px;
	min-height:30px;
	color: var(--clr-highlight);
	font-size: 1.5em;
}
	.inputbox {
		width: 100%;
	}
	.overpreviewimage {
	width: 33.333%;
	height: 250px;
}
} /* TABLETS ENDS */

/* Moodboard */
.moodboardview_bg {
	width: 100%; 
	height: 100%;
	position: absolute; 
	opacity: 0.2;
	background-size: cover;
	background-color: var(--clr-weaklight);
	border-radius: 10px;
	filter:blur(2px);
}
.relative {position: relative;}
.no-margin {margin: 0;}
.grid{
	margin: 0;
	padding: 0;
  	content: '';
 	 clear: both;
 	 width: 100%;
}

.grid li {
	display: block;
	float: left;
	padding: 0;
	width: 33.333%;
	opacity: 0;
	margin: 0;
	outline: 2px solid #1d1924;
    outline-offset: -2px;
	transition: 0.3s;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
	margin: 0;
	padding: 0;
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	width: 100%;
	margin: 0;
}

.grid li:hover {
	outline: 1px solid var(--clr-highlight);
}
.imgtheimg {
	z-index:1001;
	position: relative;
}
.imgloader {
	z-index: 1000;
	position: absolute;
	width: 60px;
	top: 1px;
}
/* Effect 1: opacity */
.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

@keyframes fadeIn {
	0% { }
	100% { opacity: 1; }
}

.moodboard_uploadbox {
	width: 96%;
	padding: 2%;
	min-height: 15px;
	max-height: auto;
	border: 1px solid var(--clr-weaklight);
	margin-bottom: 10px;
}
.overmoodboardimages {
	margin-right: .5%;
	margin-bottom: .5%;
	object-fit: cover;
	display: -moz-inline-stack;
	display: inline-block;
    zoom: 1;
	transition: 0.3s;
	cursor:pointer;
	min-height:302px;
	min-width: 302px;
	position:relative;
	border: 1px solid var(--clr-weaklight);
}
.moodboardimages {
	object-fit: cover;
	display: -moz-inline-stack;
	display: inline-block;
    zoom: 1;
	transition: 0.3s;
	cursor:pointer;
	width: 19%;
	min-height:302px;
	min-width: 302px;
	position:relative;
}
.mbimages {
	background: var(--clr-breakline);
	height: 100%;
	width: 100%;
	transition: 0.3s;
	vertical-align:top;
	object-fit: cover;
	position: absolute;
}
.overmoodboardimages:hover {
	border: 1px solid var(--clr-highlight);
}
.moodboardimages:active {
	position:relative;
	width: calc(39% + 2px);
	min-width: 618px;
	z-index:998;
}
.mbdescription {
	position:absolute;
	bottom: 0;
	height: auto;
	font-size: 1.5em;
	z-index:999;
	vertical-align: baseline;
	background: rgba(29, 25, 36, 0.5);
	padding: 2%;
	width: 96%;
}
.mbpart {
	width: 25px;
	height: 25px;
	text-align: center;
	cursor:pointer;
	top: 10px;
	left: 10px;
	position:absolute;
	z-index: 999;
	opacity: .5;
}
.mbpart:hover {
	opacity: 1;
}
.mbpart img {
	width: 25px;
	height: 25px;
}
#moodboard_footer {
	height:30px;
}
#loader {margin: 30px 0; width: 60px; display: none;}
/* Profile */
#profile_pic img {
	width: 150px;
	height: 150px;
	min-height: 0;
	float: left;
	border-radius: 10px;
}
#profile_userinfo {
	float: left;
	margin-left: 20px;
	margin-top: 30px;
}

/* Dashboard */
.dashboardbox_project {
	width: 21.25%;
	height: 120px;
	padding: 30px 1.5%;
	text-align: center;
	background: var(--clr-backlight);
	outline: 1px solid #72594d;
	outline-offset: -1px;
	float: left;
}
.dashboardbox2_project {
	width: 21.25%;
	height: 120px;
	padding: 30px 1.5%;
	margin-left: 1%;
	text-align: center;
	background: var(--clr-backlight);
	outline: 1px solid #72594d;
	outline-offset: -1px;
	float: left;
}
.dashboardbox2_moodboard {
	width: 21.25%;
	height: 120px;
	padding: 30px 1.5%;
	margin-left: 1%;
	text-align: center;
	background: var(--clr-backlight);
	outline: 1px solid #56724d;
	outline-offset: -1px;
	float: left;
}
.dashboardbox_project h1, .dashboardbox2_project h1, .dashboardbox2_moodboard h1 {
	font-size: 72px;
	margin-top: 30px;
}
.teamviewprofilepicstart {
	width: 28px;
	height: 28px;
	margin-left: 0;
	display: inline-block;
	border-radius: 5px;
	vertical-align: middle;
	border: 2px solid var(--clr-backlight);
}
.teamviewprofilepicstart:hover {border: 2px solid var(--clr-highlight);}

/* Schedule */
.eventview_mother {
	margin-bottom: 10px;
	clear: both;
}
.eventview_mother:hover{
}
.eventview_mother .eventview, .eventview_mother .eventview_today, .eventview_mother .eventview_flight {
	margin: 1px 0;
}
.eventview_mother .eventview:hover, .eventview_mother .eventview_today:hover, .eventview_mother .eventview_flight:hover {

}
.eventview {
	width: 100%;
	height: 50px;
	min-height: 30px;
	padding: 0;
	border: 1px solid #222;
	background: #090909;
	border-radius: 10px;
	margin-bottom: 5px;
	float:left;
}
.eventview:focus, .eventview:hover, .eventview:active {
	/* border: 1px solid #ffc7ac; */
	background: var(--clr-weaklight);
}
.eventview_today {
	width: 100%;
	height: 50px;
	min-height: 30px;
	padding: 0;
	border: 1px solid #48664E; 
	background: #243327;
	border-radius: 10px;
	margin-bottom: 5px;
	float:left;
}
.eventview_today:focus, .eventview_today:hover, .eventview_today:active {
	border: 1px solid #74996D;
	background: #48664E;
}
.eventview_today .eventview_date{background: var(--clr-highlight); color: #000;}
.eventview_today .eventview_client {background: var(--clr-highlight);}

.eventview_flight {
	width: 100%;
	/*
	height: 20px;
	min-height: 10px;
	margin-bottom: 5px;*/
	padding: 0;
	/* border: 1px solid var(--clr-weaklight); */
	background: #090909;
	margin: 0;
	border: none;
	float:left;
	border-radius: 10px;
	overflow: hidden;display: none;opacity: 0; height:0; transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
}
.eventview_flight_page {
	width: 100%;
	height: 40px;
	min-height: 10px;
	margin-bottom: 5px;
	padding: 0;
	background: #090909;
	border-radius: 5px;
	float:left;
}
.eventview_flight:focus, .eventview_flight:hover, .eventview_flight:active {
	/* border: 1px solid #ffc7ac; 
	border: 1px solid var(--clr-highlight);
	outline: none;
	opacity: 0.9;*/
}
.eventview_arrow { float: left; padding-right:1%; padding-top:10px; }
.eventview_deparr {
	float:left;
	max-width: 300px;
	min-width: 50px;
	background: var(--clr-breakline);
	height: 28px;
	padding-top:12px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 1%;
	position: inherit;
	text-align:center;
	font-size: 1em;
	font-weight: 400;
	vertical-align: middle;
	text-transform: uppercase;
}
.eventview_flight .eventview_date, .eventview_flight_page .eventview_date {background: var(--clr-weaklight);height: 28px;padding-top:12px;font-size:1em; border-radius: 10px 0 0 10px;}
.eventview_flight .eventview_location, .eventview_flight_page .eventview_location {height: 28px;padding-top:12px;font-size:1em;}
.eventview_completed {
	width: 100%;
	height: 50px;
	min-height: 30px;
	padding: 0;
	/* border: 1px solid #72594d; */
	background: #213026;
	border-radius: 10px;
	margin-bottom: 2px;
	float:left;
}
.eventview_completed .eventview_date{background: #4D725A;}
.eventview_completed .eventview_client {background: #304638;}
.eventview_completed:focus, .eventview_completed:hover, .eventview_completed:active {
	/* border: 1px solid #ffc7ac; */
	background: #4D725A;
}
.eventview_review {
	width: 96%;
	height: 2%;
	min-height: 50px;
	padding: 2%;
	/* border: 1px solid #72594d; */
	border: 1px solid #726e4d;
	margin-bottom: 20px;
	float:left;
}
.eventview_review:focus, .eventview_review:hover, .eventview_review:active {
	/* border: 1px solid #ffc7ac; */
	border: 1px solid #bbb265;
	outline: none;
}
.eventview_cancelled {
	width: 96%;
	height: 2%;
	min-height: 50px;
	padding: 2%;
	/* border: 1px solid #72594d; */
	border: 1px solid #724d4d;
	margin-bottom: 20px;
	float:left;
}
.eventview_cancelled:focus, .eventview_cancelled:hover, .eventview_cancelled:active {
	/* border: 1px solid #ffc7ac; */
	border: 1px solid #F00;
	outline: none;
}
.eventview_date {
	float:left;
	width: 100px;
	min-width: 50px;
	background: #222;
	height: 37px;
	padding-top:13px;
	position: inherit;
	text-align:center;
	font-size: 1.4em;
	vertical-align: middle;
	border-radius: 10px 0 0 10px;
}
.eventview_client {
	float:left;
	max-width: 300px;
	min-width: 50px;
	background: var(--clr-highlight);
	color:#111;
	height: 37px;
	padding-top:13px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 1%;
	position: inherit;
	text-align:center;
	font-size: 1.4em;
	font-weight: 700;
	vertical-align: middle;
	border-radius: 0 10px 10px 0;
}
.eventview_event {
	float:left;
	max-width: 500px;
	min-width: 50px;
	height: 37px;
	padding-top:13px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 1%;
	position: inherit;
	text-align:center;
	font-size: 1.4em;
	vertical-align: middle;
}
.eventview_location {
	float:right;
	max-width: 600px;
	min-width: 50px;
	height: 35px;
	padding-top:15px;
	padding-left: 10px;
	padding-right: 20px;
	text-align:center;
	font-size: 1.2em;
	vertical-align: middle;
	text-transform: uppercase;
}
.eventview_left {
	float:left;
	width: 30%;
	min-width: 250px;
}
.eventview_right{
	float:right;
	height: 50px;
	text-align:right;
	vertical-align: middle;
}
.eventviewprofilepic {
	width: 35px;
	height: 35px;
	float:right;
	vertical-align: middle;
	border-radius: 5px;
	margin:7.5px;
}

.button-info-select {
	width:auto;
	height:20px;
	padding: .8% 10px;
	margin-top: 0;
	background: var(--clr-breakline);
	border: 1px solid var(--clr-highlight);
	border-radius:5px;
	display:inline-block;
	margin-right: 10px;
	font-size: 1em;
	font-weight:700;
}
.button-info {
	width:auto;
	min-height:13px;
	padding: 1%;
	background: var(--clr-breakline);
	border: 1px solid var(--clr-highlight);
	border-radius:5px;
	display:inline-block;
	margin-right: 10px;
	font-size: 1em;
	font-weight:700;
}

.button-info-green {
	width:auto;
	min-height:13px;
	padding: 1%;
	background: #105300;
	border: 1px solid #20e100;
	color: #20e100;
	border-radius:5px;
	display:inline-block;
	margin-right: 10px;
	font-size: 1em;
	font-weight:700;
}

.button-info-yellow {
	width:auto;
	min-height:13px;
	padding: 1%;
	background: #2d2b17;
	border: 1px solid #bbb265;
	color: #bbb265;
	border-radius:5px;
	display:inline-block;
	margin-right: 10px;
	font-size: 1em;
	font-weight:700;
}

.button-info-red {
	width:auto;
	min-height:13px;
	padding: 1%;
	background: #530000;
	border: 1px solid #e10000;
	color: #e10000;
	border-radius:5px;
	display:inline-block;
	margin-right: 10px;
	font-size: 1em;
	font-weight:700;
}

.scheduleinputbox input, .scheduleinputbox select, .scheduleinputbox submit {
	position: relative;
	width: calc(13.3% - 2px);
	min-width: 20px;
	float:left;
	margin: 0;
	height: 40px;
	padding: 1%;
}
.scheduleinputbox-date input {
	position: relative;
	width: calc(2% - 2px);
	color:#111;
	min-width: 10px;
	float:left;
	margin: 0;
	height: 40px;
	padding: 1%;
}
.scheduleinputbox-btn input {
	position: relative;
	width: calc(2% - 2px);
	float:left;
	margin: 0;
	height: 40px;
	padding: 1%;
}

.buttonimg-submit input {
	max-width: 50px;
	min-width: 10px;
	width: 2%;
	height: 40px;
	padding: 1%;
	opacity: 0.8;
	margin: 0;
	position: relative;
	float:left;
	border: 1px solid var(--clr-breakline); /* transparent border */
	font-size: 0.70em;
	vertical-align: bottom;
	transition: 0.3s;
	cursor: pointer;
	background: url(/imgs/addplus.png) no-repeat center center;
	background-size: 20px 20px;
}
.buttonimg-submit input:hover {
	border: 1px solid var(--clr-highlight);
	background: var(--clr-highlight) url(/imgs/addplus-invert.png) no-repeat center center;
	background-size: 20px 20px;
	outline: none;
	opacity: 1;
}

#flightForm .scheduleinputbox input {width: calc(25% - 2px);}
#flightForm .scheduleinputbox-date input {width: calc(7% - 2px);color:var(--clr-backlight);}
#flightForm .buttonimg-submit input {width: 7%;}

.button-h2 {float: left; margin: 0; margin-right: 10px; font-size: 16px;}
input[type="checkbox"] {
  appearance: none;
  margin: 0;
  font: inherit;
  color: currentColor;
  padding: 0;
  width: 20px;
  height: 20px;
  max-width: 20px;
  min-width: 20px;
  max-height: 20px;
  min-height: 20px;
  border: 1px solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: grid;
  cursor: pointer;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  width: 15px;
  height: 15px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
	background-color: var(--clr-highlight);
	transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}	

/* Phone 980px og */
@media all and (max-width: 1080px) {
body {
	font-size: 1.1em;
	line-height: 1.4;
	letter-spacing: .5px;
	word-spacing: 2px;
	background: #000;
}
i {
	font-size: 1.8em;
}
p {font-size: 1.8em;}

.errorbox, .yellowbox, .successbox, .loginbox_btn, #status_wip, #status_done, #status_cancelled {
	font-size: 2.2em;
}
#header {
	width: 100%;
	z-index: 1001;
	height: 160px;
}
#logo {
	width: 150px;
	min-width:72px;
	background: url(../imgs/logobox.png) no-repeat center;
}
#content {
		width:95%;
		min-width: 950px;
		left: 0;
		right: 0;
		margin: 0;
		top:0;
		margin-top: 200px;
		position: absolute;
		padding-bottom: 100px;
	}
input {
	padding: 1.5%;
	width: 97%;
	margin-top: 20px;
	height: 90px;
	min-height:30px;
	color: var(--clr-highlight);
	font-size:2.2em;
}
select {
	font-size:2.2em;
	padding: 1.5%;
	width: 97%;
	margin-top: 20px;
	height: 90px;
	min-height:30px;
}
.project_blockleft input, .project_blockright input {
	width: 74%;
	padding: 3% 3%;
	height:40px;
	float:left;     /* Opera/IE 8+ */
}
input[type=submit] {font-size: 0; background: var(--clr-breakline) url(/imgs/addplus.png) no-repeat center center;background-size: 20px 20px;}
#submitFormDataAgenda, #submitFormDataDiscussion, #submitFormDataNotes, #submitFormDataScheduleNotes, #submitFormDataContacts {
		padding: 3% 0;
}
.agendarow {font-size: 1.9em; max-height: 300px; margin-bottom: 20px;}
#signin {font-size: 2.2em; font-weight: 700; background-size: 20px 20px;background: var(--clr-breakline) no-repeat center center;}	
#signin:hover {font-size: 0; background: var(--clr-highlight) url(/imgs/login.png) no-repeat center center;background-size: 50px 50px;}
label {
		top: 30px;
		font-size: 15px;
}
#header {
	background: rgba(0, 0, 0, .5);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}
#sidemenu {
	background: rgba(26, 22, 33, .0);
	width: 82%;
	height: 160px;
	padding: 0;
	right:1px;
	left:auto;
	top:0;
	position:fixed;
	z-index:1002;
}
a .sidemenu_tab {
	color:#fff;
	font-size: 0px;
	text-decoration:none;
	float:right;
	max-width: 250px;
	min-width: 30px;
	width: auto;
	height: 100px;
	padding-left: 4%;
	padding-right: 5%;
}
.sidemenu_tab {
	padding: 60px 1px 0 1px;
	background: none;
	border-bottom:none;
	font-size: 0px;
}
.sidemenu_tab img {
	visibility: visible;
	width: 80px;
	height: 48px;
}
#messages {
	visibility: hidden;
}
#feedbacks {
	visibility: hidden;
}
#messages_yes {
	width: auto;
	max-width: 250px;
	min-width: 20px;
	height: 58px;
	border-radius:30px;
	text-align:center;
	padding: 12px 10px 10px 10px;
	background: var(--clr-noticelight);
	display:block;
	margin: 40px 0 0 0;
	position:absolute;
	font-size: 2.3em;
	font-weight:700;
	border: 2px solid var(--clr-highlight);
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.button{
	height: auto;
	right:0;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.8em;
}	
.button2, .button3 {
	height: auto;
	right:0;
	padding-left: 20px;
	padding-right: 20px;
}
.button2, .button3 {
	font-size: 2em;
}
.buttonimg, .buttonimg img {
	width: 40px;
	height: 40px;
	padding: 2%;
	opacity: .8;
}
.button-info, .button-info-green, .button-info-yellow, .button-info-red {
	font-size: 1.8em;
	padding: 20px;
	margin-top: 20px;
	}
h1, h2 {
	font-size: 2.5em;
}
h2 {
	font-size: 3.3em;
}

.teamview{
	height: 10%;
	font-size: 2em;
	padding: 5%;
	margin-bottom: 30px;
}
.overpreviewimage {
	width: 50%;
	height: 250px;
}
.teamviewtitle {
	font-size: 1.6em;
	font-weight: bold;
}
.teamviewtitlemain {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0;
}
.teamviewsecondrow {
	font-size: 0.8em;
	font-weight: lighter;
}
.teamviewleft {
	width: 44%;
}
.teamviewright {
	width: 55%;
}
.teamviewprofilepic {
	width: 110px;
	height: 110px;
}
.project_team {font-size: 1.8em;}
.project_title {font-size: 3em;}
.project_info {font-size: 1.5em; letter-spacing: 1px;}
.xgrid {
	display: block;
    width: 100%;
    grid-template-columns: auto;
    grid-column-gap: 0;
    grid-row-gap: 0;
}
	.button-info-select{width:220px; height: 80px; padding: 1% 10px; margin-top: 20px; font-size: 2em;}
	.projectview-button-info{margin-bottom:20px; margin-top: 0; max-height: 50px; }
	.projectview-button-info2{margin-top:10px; max-height: 50px;}
	.projectview-button-info3{max-height: 50px; padding: 5px 20px;margin-bottom: 10px;}
	.greendot, .yellowdot {width:20px; height: 20px; border-radius: 10px; margin-bottom: 5px;}
	.projectview-button-wip, .projectview-button-review {max-height: 50px;}
	.team-buttonbox {height: 60px; font-size: 2.8em; padding: 10px 20px;}
.projectview_left {
	overflow:hidden;
	width: 0;
	display: none;
	float: none;
}
.projectview_right {
	width: calc(100% - 60px);
	float: left;
	padding: 50px 0 50px 40px;
	text-align: left;
	
}
.projectview, .projectview_review, .projectview_completed, .projectview_cancelled  {
	font-size: 2em;
}
.projectview, .projectview_review, .projectview_completed, .projectview_cancelled {
	width: calc(100% - 6px);
	min-height: 330px;
	max-height: 400px;
	padding: 0;
	margin-bottom: 50px;
	border-width:3px;
	text-align: left;
}
.teamview:hover, .projectview:hover, .projectview_review:hover, .projectview_completed:hover, .projectview_cancelled:hover {
	border-width: 1px;
}
.mandatorynote { font-size: 1.8em; margin-top: 25px; padding: 4%;}
.mandatorynote img { width: 50px; float: left; display: inline-block; margin-right: 20px;}
.mandatorynote h2 { float: left; display: inline-block; margin-bottom: 15px; font-size: 1.3em; }
.teamviewprofilepicstart {
	width: 55px;
	height: 55px;
	margin-top: -15px;
}
.project_blockleft, .project_blockright {
	width: 92%;
	padding: 4%;
	clear: both;
	margin-bottom:20px;
}
.memberbox_admin, .memberbox, .memberbox_invited, .assigned-memberbox {
	font-size: 2em;
}
.memberbox img, .memberbox_admin img, .assigned-memberbox img {
	width: 80px;
}
.memberbox, .memberbox_admin, .assigned-memberbox {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin-top: 10px;
}
.memberbox_info { width: 80%; }
.memberbox_info_text {
	width: 100%;
	overflow: visible;
}
.assigned-memberbox {font-size:2em;}
.activities_moodboard, .activities_project, .activities_team {
	min-height: 20px;
	max-height: 2500px;
	font-size: 1.9em;
	margin-bottom: 25px;
}
.activities_message {
	width: 65%;
}
.activities_info {
	width: 30%;
}
.discussion_message {
	width: 85%;
	padding: 0.5% 2.5%;
}
.discussion_img {
	width: 10%;
	float:left;
}
#previewshow .activities_team {
	height: 170px;
	width: 92%;
	padding: 4%;
	margin-top: 30px;
}
#previewshow .activities_team:hover {
	filter: none;
}
input::-webkit-file-upload-button {background:var(--clr-highlight); color: #000; font-weight: 700; height: 40px;border-radius: 5px;border: 1px solid var(--clr-weaklight); cursor: pointer; font-size:1.3em;}
#preview_upload3 {
		width:97%;
		height: 75px;
}
#preview_upload {
	width:160px;
	height: 45px;
	margin-bottom: 30px;
}
.dashboardbox_project, .dashboardbox2_project, .dashboardbox2_moodboard {
	width: 24.25%;
	height: 170px;
	padding: 30px 0;
	font-size: 1.3em;
}
.dashboardbox_project h1, .dashboardbox2_project h1, .dashboardbox2_moodboard h1 {
	margin-top: 15px;
}

.theprofilepicture, #loggedinasmenu, #settings, #signout, #footer, #dashboardmenu, .memberbox_info_text i, #account, #settings, #feedback, #currentpagedashboard{
	display: none;
}
.eventview_mother {
	margin-bottom: 30px;
}
.eventview_location {
	display: none;
}
.eventview, .eventview_cancelled, .eventview_review, .eventview_completed, .eventview_right, .eventview_today {
	min-height: 130px;
	margin-bottom: 10px;
	border-width: 3px;
}
.eventview:hover, .eventview_cancelled:hover, .eventview_review:hover, .eventview_completed:hover, .eventview_right:hover, .eventview_today:hover {
	border-width: 3px;
}
.eventview_today .eventview_date {height:85px; padding: 0; padding-top:45px;width:90px;}
.eventview_date {
	width: 60px;
	padding: 0 15px;
	height: 110px;
	padding-top:20px;
	font-size: 1.8em;
}
.eventview_client {
	height: 85px;
	padding: 0 15px;
	padding-top:45px;
	font-size: 1.8em;
	max-width: 350px;
}
	.eventview_event {
	height: 85px;
	padding: 0 15px;
	padding-top:45px;
	font-size: 1.8em;
}
.eventviewprofilepic {
	margin: 25px 20px 25px 5px;
	height:80px;
	width: 80px;
	border-radius: 10px;
	border: 1px solid var(--clr-highlight);
}
.eventview_flight, .eventview_flight_page { height: 60px; margin-bottom: 20px;}
.eventview_flight .eventview_date, .eventview_flight_page .eventview_date { width: 80px; height: 30px; padding: 15px 5px; font-size: 1.4em;}
.eventview_arrow { height: 35px; padding-top: 15px; font-size: 1.4em;}
.eventview_deparr { height: 30px; padding: 15px; font-size: 1.4em;}
.scheduleinputbox input, .scheduleinputbox select, .scheduleinputbox-date input { padding: 20px; height:90px; min-width: 30px; max-width: 397px; width: calc(21.75% - 7px);} /*maxw 197og*/
.scheduleinputbox-date input { font-size: 0; padding: 20px; height:90px; width: 5.5%; min-width: 30px; max-width: 155px;background: url(/imgs/calendar.png) no-repeat center center;background-size: 60px 60px;}
.buttonimg-submit input {min-width:30px; max-width: 120px; width:11%; height: 110px;background-size: 60px 60px;}
.event_country, .event_location, .event_city{ display: none;}
#flightForm .scheduleinputbox input {width: calc(21.35% - 7px);}
#flightForm .scheduleinputbox-date input {width: 5.5%;}
#flightForm .buttonimg-submit input {min-width:30px; max-width: 120px; width:7%; height:79px;}
.button-h2 { font-size: 1.3em; margin-right: 20px;}
input[type="checkbox"] {
  width: 50px;
  height: 50px;
  max-width: 50px;
  max-height: 50px;

}
input[type="checkbox"]::before {
	width: 25px;
	height: 25px;
}
	.button2 img { width: 62px;}
	
}
.profile_logo, .profile_print { display:  none;}
@media print {
	body {
		background: #fff;
		color: #222;
	}
	@page {
        size:  auto;
        margin: 0mm;
    }
	#header, #sidemenu, .button-info, .button, .button2, .button3, h2, h1, .break, .project_blockright, form, input, select, .eventview_completed, .project_info, .button-info-select {
		display: none;
	}
	h1 {
		color: #111;
		font-size: 15px;
		margin: 0;
	}
	#content {
		padding: 50px;
		margin-top: 0;
	}
	.project_blockleft {
		font-size: 13px;
		color: #111;
		float:left;
		clear: none;
		width: 89%;
		padding: 2%;
		margin-bottom: 5px;
	}
	#profile_pic img {
		width: 50px;
		height: 50px;
	}
	#profile_userinfo {
		float: left;
		margin-left: 20px;
		width: 70%;
		margin-top: 0;
	}
	.profile_logo {
		display: inline;
		float:right;
	}
	.profile_print {
		display: inline;
	}
	.project_title {
		font-size: 20px;
		margin-bottom: 0;
		margin-top: 0;
	}
	.team-buttonbox {
		background: #fff;
		border: 1px solid #111;
		border-radius: 0;
		color: #111;
		font-size: 25px;
		width: 89%;
		height: 40px;
		margin-bottom: 5px;
	}
	.team-buttonbox a {
		color: #111;
	}
	.projectview-button-info3 {
		height: 20px;
		background: #fff;
		padding: 5px;
		margin-bottom: 0;
	}
	.greendot{
		width: 10px;
		height: 10px;
	}
	.eventview {
		height: 35px;
        padding: 0;
        padding-top: 0;
        font-size: 13px;
		min-height: 0;
		background: #fff;
		border: 1px solid #111;
		color: #111;
	}
	.eventview_mother {
		margin-bottom: 5px;
		width: 93%;
	}
	.eventview_flight {
		height: 20px;
		padding: 0;
		margin: 0;
		min-height: 0;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-top: 0;
		border: 1px solid #ccc;
		background: #fff;
		color: #111;
		font-size: 11px;;
	}
	.eventview_flight .eventview_date, .eventview_flight_page .eventview_date, .eventview_deparr {
		height: 25px;
		padding: 0 10px;
		margin: 0;
		min-height: 0;
		margin-bottom: 0;
		padding-top: 15px;
		border: 0;
		background-color: #eee;
		font-size: 11px;
		color: #111;
	}
	.eventview_deparr { background-color: #fff;}
	.eventview_arrow {padding-top: 11px;}
	.eventview_date, .eventview_client, .eventview_event, .eventview_location {
		height: 25px;
		min-height: 0;
		padding: 0 15px;
		padding-top: 10px;
		font-size: 13px;
		min-height: 0;

	}
	.eventview_date {
		background: #eee;
		color: #111;
	}
	.eventview_location {
		display: inline-block;
	}
	.eventview_right {
		height: 45px;
		padding: 0;
		margin: 0;
		min-height: 0;
		margin-bottom: 0;
		padding-top: 0;
	}
	.eventviewprofilepic, .teamviewprofilepicstart  {
		width:25px;
		height:25px;
		margin: 0;
		border: 0;
		padding: 5px;
		padding-top: 5px;
	}
}