/*!
Let's Meet - Stylisch Sheet
/*
* Color combo: http://www.colorcombos.com/color-schemes/8344/ColorCombo8344.html
* Basic colors: 44B3C2  F1A94E  E45641  5D4C46  7B8D8E  2EDD8
*/

body {
	font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
	webkit-tap-highlight-color: #222222;
	background-color: #f8f7f7; /* before: #f2f1ef; nice grey: #9e9b96; #925e4f -- Brown: #5D4C46 --, 746e6d Nice warm blue: #7B8D8E; 688687*/
}

hr {
	border-color: #e65f3c; /*#e1572d;*/
	border-width: 3px;
	max-width: 50px;
}
hr.light {
	border-color: #fff;
}
hr.dark {
	border-color: #2d808b;
}
hr.help {
	margin-top: 60px;
	margin-bottom: 50px;
}
a {
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
	color: #e65f3c; /*#e1572d;*/
}
a:hover,
a:focus {
	color: #db401a;
}

aside {
	padding: 50px 0;
}

h1, h2, h3, .h1, .h2, .h3 {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.4;
	margin-top: 25px;
	margin-bottom: 15px;
}

h4, h5, h6, .h4, .h5, .h6 {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.25;
	margin-top: 20px;
	margin-bottom: 15px;
}

h5, .h5 {
	font-size: 16px;
	color: #666666;
}

/* Headings should be smaller on mobile devices */
 h1  small,  h2  small,  h3  small,  h4  small,  h5  small,  h6  small,
.h1  small, .h2  small, .h3  small, .h4  small, .h5  small, .h6  small,
 h1 .small,  h2 .small,  h3 .small,  h4 .small,  h5 .small,  h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	font-weight: inherit;
	line-height: 1;
	font-size: 80%;
	color: inherit;
}


h1.event-name,
.h1.event-name {
    font-size: 30px;
    margin-bottom: 0px;
}

@media (max-width: 767px) {
	h1, .h1 {
		font-size: 32px;
	}
	h2, .h2 {
		font-size: 26px;
	}
	h3, .h3 {
		font-size: 22px;
	}
	h4, .h4 {
		font-size: 18px;
	}
	h1.event-name,
	.h1.event-name  {
	    font-size: 26px;
	    margin-bottom: 0px;
	}
}

.h2-after-h1 {
	margin-top: 5px !important;
}

header {
	position: relative;
	width: 100%;
	min-height: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-position: center;
	/*background-image: url('/img/invite_friends_events_noshadow.jpg');*/
	text-align: center;
	color: white;

	/* Create a fixed background parallax scrolling effect */
	/*
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	*/
}
@media (min-width: 768px) {
	header {
		min-height: 100%;
	}
}

@media print {
	.print-hidden {
		display: none;
	}

	/* Deactivate links and buttons that hold no information as well as the legend.
	The has attricute is only supported starting end 2022 */
	a:has(.fa),
	td:has(.fa-calendar-times-o),
	td:has(.fa-files-o),
	td:has(.fa-minus-circle),
	td:has(.fa-share),
	td:has(.fa-times),
	td:has(.fa-trash-o),
	button:has(.fa-files-o),
	button:has(.fa-trash-o) {
		display: none;
	}

	.fa-calendar-times-o,
	.fa-files-o,
	.fa-minus-circle,
	.fa-pencil,
	.fa-share,
	.fa-times,
	.fa-trash-o,
	.legend {
		display: none;
	}

	/* Remove huge top padding and use max container width */
	section {
		padding: 0px !important;
	}
	
	.container {
		width: 100% !important;
		max-width: 100% !important;
	}
}


/*
	CHECKBOXES with label wrapping
	https://webdesign.tutsplus.com/articles/quick-tip-easy-css3-checkboxes-and-radio-buttons--webdesign-8953
*/

input[type="checkbox"] {
	display:none;
}

/* Fix for checkbox in Summernote */
.checkbox input[type="checkbox"] {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}

input[type="checkbox"] + label {
	/*width: 18px;*/
	height: 18px;
	background:url('../img/icons/selection/off.png') left top no-repeat;
	margin: 0 0 0 0;

	/* Left padding makes room for image */
	padding: 0 0 0 24px;

	cursor: pointer;
	display: inline-block;
}

input[type="checkbox"]:checked + label {
	background:url('../img/icons/selection/checked.png') left top no-repeat;
}


input[type="radio"] {
	display:none;
}

input[type="radio"] + label {
	/*width: 18px;*/
	height: 18px;
	background:url('../img/icons/selection/off.png') left top no-repeat;
	margin: 0 0 0 0;

	/* Left padding makes room for image */
	padding: 0 0 0 24px;

	cursor: pointer;
	display: inline-block;
}

input[type="radio"]:checked + label {
	background:url('../img/icons/selection/radio.png') left top no-repeat;
}


label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: normal;
}
::-moz-selection {
	color: #222222;
	text-shadow: none;
	background: #999999;
}
::selection {
	color: #222222;
	text-shadow: none;
	background: #999999;
}
img::selection {
	color: white;
	background: transparent;
}
img::-moz-selection {
	color: white;
	background: transparent;
}

p {
	line-height: 1.5;
	margin: 0 0 7px 0;
}

section {
	padding: 55px 10px;
}
@media (min-width: 768px) {
	section {
		padding: 100px 20px;
	}
}

select option:disabled {
	color: #999999;
}


/* //////////////////////////////// BACKGROUND, SECTIONS, COLS //////////////////////////////// */


/* Wrapper that resizes all pages to 100% for footer */
.wrapper {
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the imprint's height */
	-webkit-margin-after: -40px;
	padding: 0px 0 40px 0; /* Increase padding bottom for negative margin */
}

@media (max-width: 767px) {
	.container-tiles {
		max-width: 630px !important;
	}
}

@media (min-width: 1500px) {
	.container-wide {
		width: 1350px !important;
	}
}

.container-wider {
	max-width: 1500px !important;
}

@media (min-width: 1200px) {
	.container-max {
		width: auto !important;
		padding-right: 75px !important;
		padding-left: 75px !important;
	}
}

.container-centered {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-image {
	background-image: url('../img/background/background_1040_light_half.png');
	/*background-image: url('/img/background/background_1040_light_half.png');*/
	background-repeat: repeat;
}

@media (prefers-color-scheme: dark) {
	.bg-image {
		background-image: none;
	}
}

.bg-error {
	background-color: #5D4C46;
	color: #ECEADE;
}

.bg-primary {
	background-color: #e77755; /*Before #e65f3c; and #E4603f;*/ /* Original: #F05F40; */
	color: white;
}

.bg-primary-dark {
	background-color: #e1572d;
	color: white;
}

.bg-login {
	background-color: #f8f7f7; /* --- last: f2f1ef -> EFEEE9 -> EBEADE -> EBE8DB; orig: F2EDD8; E4DEC8; grey: #DBDBD9;*/
	color: #303636;
}

.bg-light {
	background-color: #fbfafa; /*#f8f8f7; #f2f1ec;*/
}

.bg-dark {
	background-color: #3d4648; /* #343C3D or a bit lighter: #3d4648;*/
	color: white; /*#ECEBE5;*/
}

.bg-white {
	background-color: #ffffff;
	color: #404646;
}

.footer-section {
	color: #EEEEEE;
	padding: 10px 20px;
	background-color: rgba(30, 37, 37, 0.9); 
	text-align: right;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	width:100%;
	min-height: 40px;
	position: relative;
}

.footer-section > span > a,
.footer-section > a {
	color: #EEEEEE;
	padding-left: 15px;
}

.footer-section > span > a:hover,
.footer-section > span > a:focus,
.footer-section > a:hover,
.footer-section > a:focus {
	color: #F27A5F;
	text-decoration: none;
}

/* Padding for sections */
.section-no-padding {
	padding: 0;
}

.section-little-padding {
	padding: 30px 10px 30px 10px;
}

.section-medium-padding {
	padding: 40px 10px 40px 10px;
}

@media (min-width: 768px) {
	.section-medium-padding {
		padding: 70px 10px 70px 10px;
	}
}

.section-event-register-top {
	padding: 50px 0px 0px 0px;
	color: #303636;
	text-align: center;
	line-height: 1.8;
}

.section-event-register-main {
	padding: 0;
	margin: 0;
}

.section-screenshots {
	padding: 55px 10px 25px 10px;
	border-bottom: 1px solid rgba(30, 37, 37, 0.1);
}

.section-auth {
	padding: 80px 20px;
}

@media (min-width: 768px) {
	.section-screenshots {
		padding: 100px 20px 50px 20px;
	}

	.section-auth {
		padding: 90px 20px;
	}
}

.section-landingpage-no-border {
	padding: 25px 10px 50px 10px ;
}

@media (min-width: 768px) {
	.section-landingpage-no-border {
		padding: 35px 20px 75px 20px;
	}
}

.section-landingpage {
	padding: 25px 10px 50px 10px ;
	border-bottom: 1px solid rgba(30, 37, 37, 0.1);
}

@media (min-width: 768px) {
	.section-landingpage {
		padding: 35px 20px 75px 20px;
	}
}


/* //////////////////////////////// BOOTSTRAP COL CLEARFIX //////////////////////////////// */

.row-small-gutters {
  margin-right: -5px;
  margin-left: -5px;
}
.row-small-gutters [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

@media (min-width:767px){

	/* Column clear fix */
	.col-lg-1:nth-child(12n+1),
	.col-lg-2:nth-child(6n+1),
	.col-lg-3:nth-child(4n+1),
	.col-lg-4:nth-child(3n+1),
	.col-lg-6:nth-child(2n+1),
	.col-md-1:nth-child(12n+1),
	.col-md-2:nth-child(6n+1),
	.col-md-3:nth-child(4n+1),
	.col-md-4:nth-child(3n+1),
	.col-md-6:nth-child(2n+1){
		clear: none;
	}
	.col-sm-1:nth-child(12n+1),
	.col-sm-2:nth-child(6n+1),
	.col-sm-3:nth-child(4n+1),
	.col-sm-4:nth-child(3n+1),
	.col-sm-6:nth-child(2n+1){
		clear: left;
	}
}


/*  Medium Desktop  */
@media (min-width:992px){

	/* Column clear fix */
	.col-lg-1:nth-child(12n+1),
	.col-lg-2:nth-child(6n+1),
	.col-lg-3:nth-child(4n+1),
	.col-lg-4:nth-child(3n+1),
	.col-lg-6:nth-child(2n+1),
	.col-sm-1:nth-child(12n+1),
	.col-sm-2:nth-child(6n+1),
	.col-sm-3:nth-child(4n+1),
	.col-sm-4:nth-child(3n+1),
	.col-sm-6:nth-child(2n+1){
		clear: none;
	}
	.col-md-1:nth-child(12n+1),
	.col-md-2:nth-child(6n+1),
	.col-md-3:nth-child(4n+1),
	.col-md-4:nth-child(3n+1),
	.col-md-6:nth-child(2n+1){
		clear: left;
	}
}


/*  Large Desktop  */
@media (min-width:1200px){

	/* Column clear fix */
	.col-md-1:nth-child(12n+1),
	.col-md-2:nth-child(6n+1),
	.col-md-3:nth-child(4n+1),
	.col-md-4:nth-child(3n+1),
	.col-md-6:nth-child(2n+1),
	.col-sm-1:nth-child(12n+1),
	.col-sm-2:nth-child(6n+1),
	.col-sm-3:nth-child(4n+1),
	.col-sm-4:nth-child(3n+1),
	.col-sm-6:nth-child(2n+1){
		clear: none;
	}
	.col-lg-1:nth-child(12n+1),
	.col-lg-2:nth-child(6n+1),
	.col-lg-3:nth-child(4n+1),
	.col-lg-4:nth-child(3n+1),
	.col-lg-6:nth-child(2n+1){
		clear: left;
	}
}

/* //////////////////////////////// BOXES //////////////////////////////// */


.box-tile-framed {
	background-color: #FEFEFE; /* #FBFBFA #EAE9E3;*/
	color: #303636;
	border: 1px solid #EAE9E3;
	border-radius: 5px;
	line-height: 1.6;
	margin: 12px;
	min-width: 300px;
	max-width: 600px;
	min-height: 200px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0, .25);
		    box-shadow: 0 2px 3px rgba(0,0,0, .25);
}

@media (max-width: 480px) {
	.box-tile-framed-embedded {
		margin: 12px 2px;
		min-width: 280px !important;
	}
}

/*
.box-tile-framed:hover {
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0, .25);
		      box-shadow: 0 3px 6px rgba(0,0,0, .25);
}
*/

.box-tile-framed.box-group {
	padding: 20px 10px;
	min-width: 280px;
}


.box-tile-framed.box-with-image {
	border: none;
	border-radius: 1px;
	padding: 0;
	min-height: 275px;
}

.box-tile-framed.box-with-image.box-disabled,
.box-tile-framed.box-with-image.box-register {
	min-height: 250px;
}

.box-tile-framed.box-with-image.box-register:hover {
	-webkit-box-shadow: 0 2px 12px rgba(0,0,0, .35);
		    box-shadow: 0 2px 12px rgba(0,0,0, .35);
}

.box-tile-framed hr {
	border-color: #EAE9E3; /*#e1572d;*/
	border-width: 2px;
	margin: 15px 0;
	max-width: none;
}

.box-tile-row-desc {
	padding: 20px !important;
	display: flex;
}

.box-tile-left {
	max-width: 130px;
}

.box-tile-right {
	flex-grow: 1;
}

.box-tile-heading {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.box-group-heading, .box-template-heading {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 14px;
}


.box-tile-label-time {
	background-color: #379ca9; /*#246770;*/
}

.box-tile-time {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 20px;
}

.box-tile-top-div {
	max-height: 85px;
	overflow: hidden;
}

.box-tile-logo {
	width: auto; /* JP logo changes 2021-05-09: 85px;*/
	height: 85px;
	border: 0;
	margin: 0 auto;
	padding: 13px;
}

.box-tile-org-img {
	width: 60px;
	height: 60px;
	border-radius:50%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.box-tile-icon {
	position: relative;
	padding-right: 7px;
	padding-left: 5px;
	float: right;
	font-size: 16px;
}

@media (max-width: 767px) {
	.box-tile-icon {
		padding-right: 6px;
		padding-left: 4px;
	}
}

.box-tile-icon-text {
	position: relative;
	padding: 3px 7px;
	float: left;
	text-align: right;
}

.box-tile-info {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;

	position: relative;
	width: 80%;
	left: 10%;
	right: 10%;
	margin: 85px 0 0 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

/*
@media (max-width: 991px) {
	.box-tile-org-img {
		display: none !important;
	}
}
*/

.box-framed {
	background-color: #F9F9F8; /* #EAE9E3;*/
	color: #303636;
	border: 1px solid #EAE9E3;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.6;
	margin: 25px;
	padding: 15px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0, .25);
		      box-shadow: 0 6px 12px rgba(0,0,0, .25);
}

.box-framed-favorites-first {
	min-width: 275px;
	margin-left:  7px;
	margin-right: 7px;
}

.box-framed-heading {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 22px;
	margin-top: 7px;
	margin-bottom: 10px;
}

.box-framed-text {
	margin-bottom: 17px;
}

/* Margins for the review boxes in the second row */
@media (max-width: 767px) {
	.review-row-margin-reduced-xs {
		margin-top: -25px !important;
	}
}

.service-box {
	max-width: 400px;
	margin: 50px auto 0;
}

@media (min-width: 992px) {
	.service-box {
		margin: 20px auto 0;
	}
}

.service-box h1,
.service-box h2,
.service-box h3,
.service-box h4 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.service-box p {
	font-size: 17px !important;
	line-height: 1.5;
	/*margin-top: 30px;*/
	margin-bottom: 6px;
}

.service-box ul {
	font-size: 17px !important;
	line-height: 1.5;
	/*margin-top: 30px;*/
	padding: 0;
	margin-bottom: 0px;
	list-style-position: inside;
}

.service-box li {
	margin-bottom: 6px;
}


/* //////////////////////////////// BUTTONS //////////////////////////////// */



.btn {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	border: none;
	border-radius: 300px;
	font-weight: bold;
	text-transform: uppercase;
}

.btn-xl {
	padding: 15px 20px;
}

.btn-sm {
	font-weight: 600;
	padding: 3px 10px;
}

.btn-link {
	background:none!important;
	border:none; 
	padding:0!important;
	font: inherit;
	color: #e65f3c; /*#e1572d;*/
	cursor: pointer;
}

.btn-select-all {
	min-width: 40px;
	text-align: left;
}

a.btn-link:hover,
.btn-link:hover {
	color: #db401a;
}

.btn-wide {
	padding: 10px 30px;
}

.btn-wider {
	padding: 10px 40px;
}

.btn-margin-bottom {
	margin-bottom: 20px;
}

.btn-style-plus-minus {
	font-size: 32px;
	margin: 0 4px 0 4px;
}

/*
// These two buttons were not needed but the colors are saved here
.btn-start {
	color: white;
	background-color: #5D4C46;
	border-color: #5D4C46;
}
.btn-start:hover ... {
	color: white; //#f6dfda;
	background-color: #493c37; //#493c37;
	border-color: #493c37; //#493c37;
}

.btn-option {
	color: white;
	background-color: #3d4648; //#5D4C46;
	border-color: #3d4648; //#5D4C46;
}
.btn-option:hover ... {
	color: white; //#f6dfda;
	background-color: #343C3D; //#493c37;
	border-color: #343C3D; //#493c37;
}
*/


.btn-back {
	color: white;
	background-color: #2d808b;
	border-color: #2d808b;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
	margin-top: 5px;
	margin-bottom: 5px;
}
.btn-back:hover,
.btn-back:focus,
.btn-back.focus,
.btn-back:active,
.btn-back.active,
.open > .dropdown-toggle.btn-back {
	color: white;
	background-color: #246770;
	border-color: #246770;
}
.btn-back:active,
.btn-back.active,
.open > .dropdown-toggle.btn-back {
	background-image: none;
}
.btn-back.disabled,
.btn-back[disabled],
fieldset[disabled] .btn-back,
.btn-back.disabled:hover,
.btn-back[disabled]:hover,
fieldset[disabled] .btn-back:hover,
.btn-back.disabled:focus,
.btn-back[disabled]:focus,
fieldset[disabled] .btn-back:focus,
.btn-back.disabled.focus,
.btn-back[disabled].focus,
fieldset[disabled] .btn-back.focus,
.btn-back.disabled:active,
.btn-back[disabled]:active,
fieldset[disabled] .btn-back:active,
.btn-back.disabled.active,
.btn-back[disabled].active,
fieldset[disabled] .btn-back.active {
	background-color: #246770;
	border-color: #246770;
}
.btn-back .badge {
	color: white;
	background-color: #2d808b;
}
.modal-footer .btn-back {
	margin-bottom: 0 !important;
}

.btn-deactivated {
	color: white;
	background-color: #777777;
	border-color: #777777;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
	margin-top: 5px;
	margin-bottom: 5px;
}
.btn-deactivated:hover,
.btn-deactivated:focus,
.btn-deactivated.focus,
.btn-deactivated:active,
.btn-deactivated.active,
.open > .dropdown-toggle.btn-deactivated {
	color: white;
	background-color: #555555;
	border-color: #555555;
}

.btn-primary {
	color: white;
	background-color: #e65f3c;
	border-color: #e65f3c;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
	margin-top: 5px;
	margin-bottom: 5px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: white;
	background-color: #e1572d;
	border-color: #e1572d;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #e1572d; /*#e1572d;*/
	border-color: #e1572d;/*#e1572d;*/
}
.btn-primary .badge {
	color: white;
	background-color: #e1572d;
}
.modal-footer .btn-primary {
	margin-bottom: 0 !important;
}


.btn-default {
	color: #222222;
	background-color: white;
	border-color: white;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
	margin-top: 5px;
	margin-bottom: 5px;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	color: #222222;
	background-color: #f2f2f2;
	border-color: #ededed;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
	background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: white;
	border-color: white;
}
.btn-default .badge {
	color: white;
	background-color: #222222;
}
.modal-footer .btn-default {
	margin-bottom: 0 !important;
}

/* Menu Login / Logout */
.btn-success {
	color: #fff;
	background-color: #e65f3c;
	border-color: #e65f3c;
}
.btn-success:focus,
.btn-success.focus,
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
	color: #fff;
	background-color: #e1572d;
	border-color: #e1572d;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
	background-color: #e1572d;
	border-color: #e1572d;
}
.btn-success .badge {
	color: #e65f3c;
	background-color: #fff;
}


.btn-reactivate .fa-play-circle-o,
.btn-reactivate:hover .fa-pause-circle-o {
	display: none;
}
.btn-reactivate:hover .fa-play-circle-o {
	display: inline-block;
}

.btn-pause .fa-pause-circle-o,
.btn-pause:hover .fa-play-circle-o {
	display: none;
}
.btn-pause:hover .fa-pause-circle-o {
	display: inline-block;
}


.btn-set-hidden .fa-eye-slash,
.btn-set-hidden:hover .fa-eye {
	display: none;
}
.btn-set-hidden:hover .fa-eye-slash {
	display: inline-block;
}

.btn-set-visible .fa-eye,
.btn-set-visible:hover .fa-eye-slash {
	display: none;
}
.btn-set-visible:hover .fa-eye {
	display: inline-block;
}

.btn-checkout .fa-sign-out,
.btn-checkout:hover .fa-check-circle {
	display: none;
}
.btn-checkout:hover .fa-sign-out {
	display: inline-block;
}


/* //////////////////////////////// CAROUSEL //////////////////////////////// */

.carousel-caption > h1 {
	display: inline-block;
	background: rgba(44, 65, 68, 0.75); /*rgba(61, 70, 72, 0.75);*/
	color: white;
	font-size: 20px;
	padding: 10px 20px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

@media (min-width: 768px) and (min-height: 500px) {
	.carousel-caption > h1 {
		font-size: 28px;
	}
}

@media (min-width: 992px) and (min-height: 700px) {
	.carousel-caption > h1 {
		font-size: 38px;
		padding: 15px 35px;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
	}
}

.carousel-caption > .carousel-hide-sm-height {
	display: none;
}

@media (min-height: 450px) {
	.carousel-caption > .carousel-hide-sm-height {
		display: block;
	}
}

.carousel .item {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100vh; /* Sets height to the viewport height */
}

/* //////////////////////////////// FONT AWESOME //////////////////////////////// */

.fa-plus-square {
}

.fa-style-bright-shadow {
	text-shadow: -1px 0 3px #f6f5f5, 0 1px 3px #f6f5f5, 1px 0 3px #f6f5f5, 0 -1px 3px #f6f5f5;
}

.fa-style-comment {
	color: #246770;
}

.fa-style-check {
	color: #3caab9;
}

.fa-style-cross {
	color: #e77755;
}

.fa-style-link {
	color: #e65f3c;
}

.fa-style-link:hover,
.fa-style-link:focus {
	color: #e1572d;
}

.fa-style-link-nohover {
	color: #e65f3c;
}
/*
.fa-style-shiny {
	text-shadow: 0px 0px 6px #FAFAD2;
}
*/
.fa-style-fatter {
	-webkit-text-stroke: 0.4px;
}

.fa-style-fat {
	-webkit-text-stroke: 0.2px;
}

.fa-style-link-connect {
	font-size: 36px;
	color: white;
}

.fa-style-link-connect:hover,
.fa-style-link-connect:focus {
	color: rgba(255, 255, 255, 0.75);
}


.fa-style-link-deactivated {
	color: #9fa5a0;
}


.fa-size-general {
	font-size: 90% !important;
}


.fa-size-general-smaller {
	font-size: 88% !important;
	bottom: 0.03em;
	position: relative;
}

.fa-size-download {
	font-size: 86% !important;
	bottom: -0.04em;
	position: relative;
}

.fa-size-upload {
	font-size: 83% !important;
	bottom: 0.03em;
	position: relative;
}

.fa-size-bars {
	font-size: 97% !important;
}

.fa-size-group {
	font-size: 80% !important;
	bottom: 0.05em;
	position: relative;
}

.fa-size-calendar {
	font-size: 80% !important;
	bottom: 0.08em;
	position: relative;
}

.fa-size-brush {
	font-size: 75% !important;
	bottom: 0.08em;
	position: relative;
}

.fa-size-envelope {
	font-size: 70% !important;
	bottom: 0.06em;
	position: relative;
}

.fa-size-map-marker {
	font-size: 87% !important;
	bottom: 0.06em;
	position: relative;
}

.fa-size-qrcode {
	font-size: 95% !important;
	bottom: -0.04em;
	position: relative;
}

.fa-size-filter {
	font-size: 95% !important;
	bottom: 0.05em;
	position: relative;
}

.fa-xl {
	font-size: 150% !important;
	top: 0.04em;
	position: relative;
}


/* //////////////////////////////// FORMS //////////////////////////////// */


.emphasized .form-control {
	border-color: #2d808b;
	-webkit-box-shadow: inset 0 1px 2px #2d808b;
		      box-shadow: inset 0 1px 2px #2d808b;
}

.emphasized .help-block {
	color: #2d808b;
}

.form-ranking-input {
	width: 5em;
}

.form-color-input {
	width: 80px;
}

.form-img-input {
	padding: 0px;
	margin: 0px;
	outline: none;
	border: 0px;
}

.table-form-input-sm {
	min-width: 40px;
}

.table-form-input-md {
	min-width: 66px;
}

.table-form-input-lg {
	min-width: 100px;
}

.table-form-input-xl {
	min-width: 150px;
}

.form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		      box-sizing: border-box;
	padding: 2px 5px;
	margin-bottom: 0px;
	font-size: 14px;
	color: #303636;
}


.form-create {
	max-width: 660px;
}
.form-create .form-control {
	padding: 5px;
}

/* used to be display: none !important;*/
.form-group-field-question {
	position: absolute;
	height: 0;
	width: 0;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
}

.form-inline {
	display: inline-block;
}

.form-signin {
	max-width: 450px;
	margin: 0 auto;
}
.form-signin .form-control {
	padding: 10px;
	font-size: 16px;
}


.form-register {
	max-width: 450px;
	padding-top: 15px;
	margin: 0 auto;
}
.form-register .form-control {
	padding: 7px;
}
.form-register .form-control-field-name {
	height: 30px;
	margin-bottom: 12px;
}
.form-register .form-control-field-required {
	margin: 5px 0 12px 0;
}
.form-register .form-group,
.form-signin   .form-group {
	margin-bottom: 20px;
}

.form-register .checkbox,
.form-signin   .checkbox,
.form-create   .checkbox {
	margin-bottom: 10px;
	font-weight: normal;
}


.form-control-number {
	display: inline-block;
	max-width: 65px;
}

.form-control-event-list-link {
	display: inline-block;
	width: 280px;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #e1572d;
}

.has-error .form-control {
	border-color: #e1572d;
	-webkit-box-shadow: inset 0 2px 4px #e65f3c;
		      box-shadow: inset 0 2px 4px #e65f3c;
}

.has-error .dropdown-main,
.has-error .dropdown-display {
	border-color: #e1572d;
	-webkit-box-shadow: inset 0 2px 4px #e65f3c;
		      box-shadow: inset 0 2px 4px #e65f3c;
}

.has-error .form-control:focus {
	border-color: #e1572d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e65f3c;
		      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #e65f3c;
}

.input-group-search {
	width: 250px;
}

@media (max-width: 480px) {
	.input-group-search {
		width: 190px;
	}
}

/* //////////////////////////////// FONT SIZE //////////////////////////////// */

.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fs-22 { font-size: 22px !important; }
.fs-23 { font-size: 23px !important; }
.fs-24 { font-size: 24px !important; }
.fs-25 { font-size: 25px !important; }
.fs-26 { font-size: 26px !important; }
.fs-27 { font-size: 27px !important; }
.fs-28 { font-size: 28px !important; }
.fs-29 { font-size: 29px !important; }
.fs-30 { font-size: 30px !important; }

.fs-95p {
	font-size: 95%;
}

.fs-90p {
	font-size: 90%;
}

.fs-80p {
	font-size: 80%;
}

/* //////////////////////////////// IMAGES //////////////////////////////// */

.img-profile-link {
	width:75px;
	height:75px;
	border-radius:50%;
	margin-top:-6px;
	margin-right:17px;
	padding: 3px;
	-webkit-box-shadow: inset 0 -3px 3px rgba(231, 119, 85, 0.7);
		      box-shadow: inset 0 -3px 3px rgba(231, 119, 85, 0.7);
	border: 2px solid rgba(231, 119, 85, 0.7);
}

.img-profile-listitem {
	width:66px;
	height:66px;
	border-radius:50%;
	margin: 10px;
	cursor: pointer;
}

.img-profile-listitem-selected {
	width:66px;
	height:66px;
	border-radius:50%;
	margin: 10px;
	padding: 3px;
	-webkit-box-shadow: inset 0 -3px 3px rgba(231, 119, 85, 0.5);
		      box-shadow: inset 0 -3px 3px rgba(231, 119, 85, 0.5);
	border: 1px solid rgba(231, 119, 85, 0.7);
	cursor: pointer;
}

.img-avatar {
	padding-bottom: 20px;
	margin:auto;
	max-width: 75px;
}

.img-h1 {
	width:30px;
	height:30px;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 7px;
}

@media (max-width: 767px) {
	.img-h1 {
		width:25px;
		height:25px;
		margin-bottom: 6px;
	}
}

.img-index {
	display: block;
	margin: 30px auto;
}

@media (min-width: 768px) {
	.img-avatar {
		padding-bottom: 0;
		max-width: 100px;
	}
}

.img-btn {
	width: 19px;
	height: 19px;
	border: 0;
	margin-bottom: 2px;
}

.img-btn-lg {
	width: 25px;
	height: 25px;
	border: 0;
}

.img-btn-wide {
	width: 23px;
	height: 19px;
	border: 0;
	margin-bottom: 2px;
}

.img-carousel {
	margin-bottom: 0%;
}

@media (min-height: 500px) {
	.img-carousel {
		margin-bottom: 10%;
	}
}

@media (min-height: 700px) {
	.img-carousel {
		margin-bottom: 16%;
	}
}

@media (min-height: 900px) {
	.img-carousel {
		margin-bottom: 22%;
	}
}

.img-logo {
	width: 90px;
	height: 90px;
	border: 0;
	margin: 0 0 -5px 0;
	padding: 0;
}

.img-logo-startpage {
	width: 65px;
	height: 65px;
	border: 0;
	margin: -15px 0 0px 0;
	padding: 0;
}

@media (min-width: 768px) {
	.img-logo-startpage {
		width: 100px;
		height: 100px;
		margin: -40px 0 20px 0;
	}
}

.img-logo-design-event {
	padding-right: 7px !important;
}

.img-logo-event-registration {
	border: 0;
	margin: 0;
	width: auto;
	height: 110px;
	padding: 25px 5px 25px 5px;
}

@media (min-width: 768px) {
	.img-logo-event-registration {
		height: 140px;
		padding: 35px 15px 35px 15px;
	}
}

.img-logo-event-registration-embedded {
	border: 0;
	margin: 0;
	width: auto;
	height: 85px;
	padding: 0px 10px 25px 10px;
}

@media (min-width: 768px) {
	.img-logo-event-registration-embedded {
		height: 100px;
		padding: 0px 15px 30px 15px;
	}
}

.img-modal-lg {
	width: 64px;
	height: 64px;
	border: 0px;
	vertical-align: -5%;
}

.img-modal {
	margin-top: 25px;
	margin-bottom: 5px;
}

@media (min-width: 768px) {
	.img-qr-code {
		width: 370px;
		height: 370px;
	}
}

.img-icon-save {
	border: 0;
	margin-bottom: -5px;
}

.img-shadow {
	display: block;
	box-shadow: 3px 3px 1px #ccc;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0, .25);
		      box-shadow: 0 6px 12px rgba(0,0,0, .25);
}

/* //////////////////////////////// LANGUAGE DROP DOWN //////////////////////////////// */

.language-dropdown {
	margin: 10px 0 5px 0;
	text-align: right;
}

.language-dropdown-header {
	margin: 25px 0 -25px 0;
	text-align: right;
}

@media (min-width: 768px) {
	.language-dropdown-header {
		margin: -15px 0 -15px 0;
		text-align: right;
	}
}

.language-flag {
	width: 32px;
	height: 18px;
	margin: 0;
	float: right;
}

/* Not needed now but useful maybe */
.language-flag-grey {
	filter: gray; /* IE6-9 */
	filter: grayscale(100%), brightness(100%); /* Microsoft Edge and Firefox 35+ */
	-webkit-filter: grayscale(100%); /* Google Chrome, Safari 6+ & Opera 15+ */
}

/* Disable grayscale on hover */
.language-flag-grey:hover {
	-webkit-filter: grayscale(0%);
	filter: none;
}

/* //////////////////////////////// LEGEND //////////////////////////////// */

.legend {
	padding-top: 20px;
	font-size: 12px;
	line-height: 1.8;
}

.legend-registration {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.8;
}

.legend-indent {
	font-size: 12px;
	line-height: 1.8;
	margin-left: 36px;
	margin-bottom: 0px;
	/*text-indent: 37px;*/
	padding-top: 6px;
}

.legend-fa-trash {
	font-size: 150% !important;
	margin-left:3.5px;
	margin-right:3px;
	top: 0.1em;
	position: relative;
}

.legend-img {
	width: 21px;
	height: 18px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.legend-img-space {
	width: 21px;
	height: 18px;
	border: 0px;
	padding: 0 2px;
}
/*
// Replace by fa-fw
.legend-fa {
	padding-left: 6px;
	padding-right: 2px;
}
*/
.legend-span {
	margin-left: 15px;
	/*padding-left: 15px;*/
	vertical-align: middle;
}

.legend-span-link {
	color: #303636;
}

.legend-span-link:hover,
.legend-span-link:focus {
	color: #db401a;
}


/* /////////////////////////////// LINKS ///////////////////////////////// */

.link-brighter {
	color: #e6704c;
}

.link-brighter:hover,
.link-brighter:focus {
	color: #e25e36; 
}


.link-accepted {
	color: #2d808b;
	text-decoration: underline;
}

.link-accepted:hover,
.link-accepted:focus {
	color: #256a74;
}

.link-fat {
	font-weight: bold;
	text-decoration: underline;
}

.link-light {
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

.link-light:hover,
.link-light:focus {
	color: rgba(255, 255, 255, 0.6);
}

.link-over {
	color: #222222;
	text-decoration: underline;
}

.link-over:hover,
.link-over:focus {
	color: #222222;
}

.link-normal-text,
.link-normal-text:hover,
.link-normal-text:focus {
	color: #222222;
	text-decoration: none;
}

.link-underlined-hover:hover,
.link-underlined-hover:focus {
	text-decoration: underline;
}

.link-underlined {
	text-decoration: underline;
}


/* //////////////////////////////// NAVBAR //////////////////////////////// */


/* Adjust the maximum size of the collapsed menu and reduce the space between menu entries a bit */
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
	max-height: 450px;
}

@media (max-width: 767px) {
	.navbar-collapse {
		padding-top: 7px;
		padding-bottom: 7px;
	}
}


@media (max-width: 767px) {
	.navbar-nav > li > a {
		padding-top: 7px; /* usually 10px*/
		padding-bottom: 5px; /* usually 10px*/
		line-height: 20px;
	}
}

/* Avoid that the navbar is in two lines */
@media (min-width: 768px) and (max-width: 1199px) {
	.navbar-nav > li {
	  margin-left: -2px;
	  margin-right: -2px;
	}
}

.navbar-default {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
	background-color: rgba(52, 60, 61, 0.98); /*rgba(50, 40, 35, 0.95);*/
	border: 1px solid rgba(72, 80, 81, 0.6);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: rgba(42, 50, 50, 0.95); /*#2d3334; #4b3c34;*/
}
.navbar-default .navbar-header .navbar-brand {
	font-size: 15px;
	color: #EEEEEE;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
	color: #F27A5F;
}
.navbar-default .navbar-header .navbar-toggle {
	font-weight: 700;
	font-size: 12px;
	border-color: #CCCCCC;
	color: #EEEEEE;
	text-transform: uppercase;
}

.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	color: #DDDDDD;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
	color: #F27A5F;
}

.navbar-default li.dropdown.open > .dropdown-toggle,
.navbar-default li.dropdown.active > .dropdown-toggle,
.navbar-default li.dropdown.open.active > .dropdown-toggle,
.navbar-default .dropdown-toggle:focus,
.navbar-default .dropdown-toggle:hover,
.navbar-default .dropdown-toggle:focus:hover {
	color: #F27A5F;
	background-color: transparent;
}

.navbar-default .dropdown-menu {
	background-color: rgba(52, 60, 61, 0.95);
}

.navbar-default .dropdown-menu > li > a {
	color: #EEEEEE;
	background-color: transparent;
	font-weight: 400;
}

.navbar-default .dropdown-menu > li > a:focus,
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus:hover,
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus,
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
	color: #F27A5F;
	background-color: transparent;
}
.navbar-default .navbar-collapse {
	border-color: #000000;
}

.navbar-default .navbar-form {
	padding-top: 1px;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

@media (max-width: 767px) {
	.navbar-default .navbar-form {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

.navbar-default .dropdown-menu > .section-break {
	padding-top: 8px;
	margin-top: 8px;
	border-top: 1px solid black;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 -1px 0 rgba(255, 255, 255, .1);
		      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 -1px 0 rgba(255, 255, 255, .1);
}

/* Solves display problem in OS https://github.com/twbs/bootstrap/issues/17644 */
.navbar-default .caret{
	border-top: 4px solid;
}

.navbar-default .nav > li > .navbar-subentry,
.navbar-default .nav > li > .navbar-subentry:focus,
.navbar-default .nav > li > .navbar-subentry:hover,
.navbar-default .nav > li > .navbar-subentry:focus:hover {
	text-transform: none;
	font-weight: 400;
	padding: 0px 15px 7px 36px;
}

@media (min-width: 768px) {

	.navbar-default {
		background-color: rgba(52, 60, 61, 0.95); /*rgba(35, 25, 20, 0.8);*/
		border: 1px solid rgba(72, 80, 81, 0.6);
	}
	.navbar-default .navbar-header .navbar-brand {
		color: rgba(255, 255, 255, 0.7);
		/*margin-top: -1px;*/
		font-size: 15px;
	}
	.navbar-default .navbar-header .navbar-brand:hover,
	.navbar-default .navbar-header .navbar-brand:focus {
		color: #F27A5F;
	}
	.navbar-default .nav > li > a,
	.navbar-default .nav > li > a:focus {
		color: rgba(255, 255, 255, 0.9);
	}
	.navbar-default .nav > li > a:hover,
	.navbar-default .nav > li > a:focus:hover {
		color: #F27A5F;
	}

	.navbar-default.affix {
		background-color: rgba(32, 38, 38, 0.9);
		border: 1px solid rgba(52, 60, 61, 0.5);
	}
	.navbar-default.affix .navbar-header .navbar-brand {
		color: rgba(255, 255, 255, 0.9);
		margin-top: 0px;
		font-size: 14px;
	}
	.navbar-default.affix .navbar-header .navbar-brand:hover,
	.navbar-default.affix .navbar-header .navbar-brand:focus {
		color: #F27A5F;
	}
	.navbar-default.affix .nav > li > a,
	.navbar-default.affix .nav > li > a:focus {
		color: rgba(255, 255, 255, 0.9);
	}
	.navbar-default.affix .nav > li > a:hover,
	.navbar-default.affix .nav > li > a:focus:hover {
		color: #F27A5F;
	}
}

/* Same as .navbar-default .navbar-header .navbar-brand */
.navbar-default-font {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

/* Name and Icon in top left corner with visibility */
.navbar-brand {
	margin-left: -15px;
}

.navbar-brand-img {
	float: left;
	height: 50px;
	width: 60px;
	padding: 7px 12px 7px 12px;
}

.navbar-img-profile {
	width:28px;
	height:28px;
	border-radius:50%;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: 10px;
}

.visible-above-1366 {
	display: block !important;
}
@media (max-width: 1365px) {
	.visible-above-1366 {
		display: none !important;
	}
}

.visible-below-1366 {
	display: block !important;
}
@media (min-width: 1366px) {
	.visible-below-1366 {
		display: none !important;
	}
}


/* //////////////////////////////// PANEL //////////////////////////////// */


.panel-primary {
	border: 0;
/*  border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);*/
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0, .25);
		      box-shadow: 0 6px 12px rgba(0,0,0, .25);
}
.panel-primary > .panel-heading {
	border-color: #2d808b;
	background-color: #2d808b;
	color: #fff;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
}
.panel-primary > .panel-body {
	border-color: #ddd;
	background-color: #f6f5f3;
	color: #303636;
	padding-bottom: 0;
}
.panel-primary > .panel-footer {
	border-color: #ddd;
	background-color: #f6f5f3;
	color: #303636;
}


.panel-form > .panel-heading {
	border-color: #2d808b;
	background-color: #2d808b;
	color: #fff;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
}

.panel-profile {
	min-width: 325px;
}


/* //////////////////////////////// PORTFOLIO BOX //////////////////////////////// */

.portfolio-box-screenshots {
	max-width: 750px !important;
}

.portfolio-box {
	position: relative;
	display: block;
	max-width: 650px;
	margin: 0 auto;
}

.portfolio-box:focus {
	outline: none;
}

.portfolio-box-caption-lighter:hover {
	background: rgba(231, 119, 85, 0.65);
	-webkit-transition: all 0.75s;
	-moz-transition: all 0.75s;
	transition: all 0.75s;
}

.portfolio-box-caption-light:hover {
	background: rgba(231, 119, 85, 0.9);
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}

.portfolio-box-caption-dark:hover {
	background: rgba(61, 70, 72, 0.9);
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s;
}

.portfolio-box .portfolio-box-caption {
	color: white;
	display: block;
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 100%;
}

/* Boxes for screenshots where text appears only when hovering */
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
	opacity: 0;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	padding: 0 15px;
}

.portfolio-box:hover .portfolio-box-caption .portfolio-box-caption-content {
	opacity: 1;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	padding-bottom: 10px !important;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-size: 16px;
}

@media (min-width: 576px) {
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
		font-size: 22px;
	}
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
		font-size: 18px;
	}
}


/* Boxes with description that is always visible */
.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible {
	opacity: 1;
	width: 100%;
	text-align: left;
	position: absolute;
	bottom: 0;
	padding: 8%;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-name {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	background-color: rgba(231, 119, 85, 0.83);
	text-shadow: 0px 0px 7px #9c3616;
	opacity: 1 !important;
	padding: 10px;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-category {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-name {
	padding-top: 0px;
	font-size: 16px;
}

@media (min-width: 576px) {
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-category {
		font-size: 20px;
	}
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-contentvisible .project-name {
		font-size: 18px;
	}
}

.portfolio-fa-mid {
	padding-left: 16px;
	padding-right: 16px;
}


/* //////////////////////////////// PULSE //////////////////////////////// */

/* Not used right now - great for circles and squares */
.pulse-subtle {
	animation: pulse-subtle 2s infinite;
}

@-webkit-keyframes pulse-subtle {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
	}
	70% {
		  -webkit-box-shadow: 0 0 5px 10px rgba(204,169,44, 0);
	}
	100% {
		  -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}

@keyframes pulse-subtle {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
		box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
	}
	70% {
		  -moz-box-shadow: 0 0 5px 10px rgba(204,169,44, 0);
		  box-shadow: 0 0 5px 10px rgba(204,169,44, 0);
	}
	100% {
		  -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
		  box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}

.pulse {
	-webkit-animation:pulse 1.5s linear infinite;
	-moz-animation:pulse 1.5s linear infinite;
	-ms-animation:pulse 1.5s linear infinite;
	animation:pulse 1.5s linear infinite
}

@keyframes pulse {
	0%
	{-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1)
	}
	50%
	{
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-o-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8)
	}
	100%
	{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		-ms-transform:scale(1);transform:scale(1)
	}
}

@-moz-keyframes pulse{
	0%{
		-moz-transform:scale(1);
		transform:scale(1)
	}
	50%
	{
		-moz-transform:scale(0.8);
		transform:scale(0.8)
	}
	100%
	{
		-moz-transform:scale(1);
		transform:scale(1)
	}
}

@-webkit-keyframes pulse {
	0%
	{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	50%
	{
		-webkit-transform:scale(0.8);
		transform:scale(0.8)
	}
	100%
	{
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}

@-ms-keyframes pulse {
	0%
	{
		-ms-transform:scale(1);
		transform:scale(1)
	}
	50%
	{
		-ms-transform:scale(0.8);
		transform:scale(0.8)
	}
	100%
	{
		-ms-transform:scale(1);
		transform:scale(1)
	}
}

/* //////////////////////////////// TABLE //////////////////////////////// */


.no-padding-sides {
	padding-left: 0;
	padding-right: 0;
}

.table-event-overview > thead > tr > th,
.table-event-overview > tbody > tr > th,
.table-event-overview > tfoot > tr > th,
.table-event-overview > thead > tr > td,
.table-event-overview > tbody > tr > td,
.table-event-overview > tfoot > tr > td {
	line-height: 1.6;
	vertical-align: middle;
}

/*
.table-event-registration-list tr:first-child > td {
    border:1px transparent;
}
*/

.table-list {
	border-collapse:separate;
	border-top: 6px solid #505c5e; /*#4b5758;*/
	border-bottom: 4px solid #505c5e; /*#4b5758;*/
	border-radius: 7px 7px 0px 0px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0, .25);
		    box-shadow: 0 6px 12px rgba(0,0,0, .25);
}

.table-list > thead > tr > th {
	background-color: #505c5e; /*#4b5758;*/
	color: white;
	padding: 4px 12px 10px 12px;
	vertical-align: middle;
}

.table-list > tbody > .tr-subsection > td {
	background-color: #505c5e; /*#4b5758;*/
	color: white;
	font-weight: bold;
	vertical-align: middle;
}

.table-list > tbody > .tr-summary > td {
	background-color: #6e7f81; /*#4b5758;*/
	color: white;
	font-weight: bold;
	vertical-align: middle;
	border-top: 4px solid #505c5e !important;
}

.table-list > tbody > tr > td {
	padding: 10px 10px;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.table-list > tbody > tr > td {
		padding: 6px 8px;
	}

	.table-list > tbody > tr > .td-first-visible-xs,
	.table-list > thead > tr > .td-first-visible-xs {
		padding-left: 10px;
	}
}

.table-list > thead > tr > th a,
.table-list > thead > tr > th .text-primary,
.table-list > thead > tr > th .btn-link,
.table-list > thead > tr > th .fa-style-link,
.table-list > thead > tr > th .fa-style-link-nohover {
	color: #F27A5F !important;
}

.table-list > thead > tr > th .text-comment {
	color: #3caab9;
}

.table-list > tbody > tr > .table-list-td-image {
	padding: 0px 6px 0px 0px;
}

.table-list > tbody > tr:nth-of-type(odd) {
	background-color: white;
}

.table-list > tbody > tr:nth-of-type(even) {
	background-color: #f5f5f5;
}

.table-list > tbody > tr > td > .box-tile-label-time,
.table-list > tbody > tr > td > .btn {
	font-size: 13px;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.table-list > tbody > tr > td > .btn:hover {
	/*transform:scale(1.12);*/
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0, .25);
		    box-shadow: 0 5px 10px rgba(0,0,0, .25);
}

.table-list > tbody > .tr-edit > td {
	padding: 10px 5px;
}

.table-list > tbody > .tr-problem > td {
	background-color: #e8c0c0 !important;
}

.table-list > tbody > .tr-warning > td {
	background-color: #fcf8e3 !important;
}

.table-list-div-image {
	width: 100px;
	overflow: hidden;
}

.table-list-image {
	max-height: 60px;
	object-fit: cover;
}

.table-div {
	position: relative;
	min-height: 1px;
	float: left;
	min-width: 100%;
	display: inline-block;
}

/* Table with a bit bigger font and not filling whole screen */
.table-features {
	width: auto !important;
	margin: 0 auto;
	font-size: 16px;
}

.table-features-max-width {
	width: auto !important;
	max-width: 800px;
	margin: 0 auto;
	font-size: 16px;
}

.tr-separation-bottom > th,
.tr-separation-bottom > td {
	border-bottom: 4px solid #809090 !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: 1px solid #809090;
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #809090;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.table > tbody + tbody {
	border-top: 2px solid #809090;
}

.table-borderless tbody tr td,
.table-borderless tbody tr th,
.table-borderless thead tr th,
.table-borderless thead tr td,
.table-borderless tfoot tr th,
.table-borderless tfoot tr td {
	border: none;
}

.table-little-margin tbody tr td {
	padding-top: 3px;
	padding-bottom: 3px;
}

@media (max-width: 767px) {
	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td {
		padding-left: 4px;
		padding-right: 4px;
	}

	.table > thead > tr > th:first-child,
	.table > tbody > tr > th:first-child,
	.table > tfoot > tr > th:first-child,
	.table > thead > tr > td:first-child,
	.table > tbody > tr > td:first-child,
	.table > tfoot > tr > td:first-child {
		padding-left: 10px;
	}


	.table > thead > tr > th:last-child,
	.table > tbody > tr > th:last-child,
	.table > tfoot > tr > th:last-child,
	.table > thead > tr > td:last-child,
	.table > tbody > tr > td:last-child,
	.table > tfoot > tr > td:last-child {
		padding-right: 10px;
	}
}


.td-no-border {
	border: none !important;
}

.td-rating {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.td-warning {
	color: #e65f3c; /*#e1572d;*/
	font-size: 18px;
	font-style: italic;
	padding-bottom: 18px !important;
}

.td-33p {
	width: 33%;
}


.td-text-padding-sides {
	padding-left: 8px;
	padding-right: 8px;
}

/* ///////////////////////////// TEXT /////////////////////////////////// */

.italic {
	font-style:italic;
}

.font-weight-normal {
	font-weight: normal;
}

.bold-600 {
	font-weight: 600;
}

.bold, .bold-700 {
	font-weight: bold;
}

.paragraph-margin-sm p {
	margin-bottom: 7px !important;
}

.paragraph-margin-md p {
	margin-bottom: 10px !important;
}

.paragraph-marketing {
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 20px;
	font-style:italic;
}

.paragraph-marketing-margin-sm {
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 10px;
	font-style:italic;
}

.text-comment {
	color: #2d808b;
}

.text-highlight {
	color: #46c3a4;
}

.text-comment-forced {
	color: #2d808b !important;
}

.text-default {
	color: #222222;
}

.text-primary {
	color: #e65f3c; /*#e1572d;*/
}

.text-decoration-none {
	text-decoration: none !important;
}

.text-muted-less {
	color: #636363; /*rgba(50, 60, 60, 0.8);*/
}

.text-muted-more {
	color: #999999; /*rgba(50, 60, 60, 0.6);*/
}

.text-muted-most {
	color: #BBBBBB; /*rgba(50, 60, 60, 0.4);*/
}

.text-muted-most-forced {
	color: #BBBBBB !important; /*rgba(50, 60, 60, 0.6);*/
}

.text-faded-bright {
	color: rgba(255, 255, 255, 0.9);
}

.text-faded-bright-more {
	color: rgba(255, 255, 255, 0.8);
}

.text-faded-bright-line-spacing {
	color: rgba(255, 255, 255, 0.9);
}

.text-nowrap {
	white-space: nowrap;
}

.text-required {
	text-align: right;
	font-size: 11px;
	margin-bottom: 5px;
}

.text-return-message {
	color: #e1572d; /*#e65f3c; */
	font-style: italic;
	margin-bottom: 20px;
}

.text-return-message a {
	color: #e1572d; /*#e65f3c;*/
	text-decoration: underline;
}

.text-plain-message {
	margin-bottom: 20px;
}

.text-help {
	line-height: 1.5;
}

.text-spacious,
.text-spacious p {
	line-height: 1.8  !important; /* TODO_now: Check if removing important leads to any problems (event description user line height); */
}

.text-larger {
	font-size: 120%;
}

/* //////////////////////////////// VISIBILITY //////////////////////////////// */

.visible-xxs,
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block {
	display: none !important;
}

@media (max-width: 480px) {
	.visible-xxs {
		display: block !important;
	}
	table.visible-xxs {
		display: table !important;
	}
	tr.visible-xxs {
		display: table-row !important;
	}
	th.visible-xxs,
	td.visible-xxs {
		display: table-cell !important;
	}
}
@media (max-width: 480px) {
	.visible-xxs-block {
		display: block !important;
	}
}
@media (max-width: 480px) {
	.visible-xxs-inline {
		display: inline !important;
	}
}
@media (max-width: 480px) {
	.visible-xxs-inline-block {
		display: inline-block !important;
	}
}
@media (max-width: 480px) {
	.hidden-xxs {
		display: none !important;
	}
}

/* //////////////////////////////// YOUTUBE //////////////////////////////// */

.row-video-example {
	padding: 75px 0 50px 0;
}

.row-video {
	padding: 0 0 50px 0;
}

@media (min-width: 768px) {
	.row-video {
		padding: 0 0 100px 0;
	}
}

.youtube-player {
	position: relative;
	padding-bottom: 56.25%;
	/* Use 75% for 4:3 videos */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
}

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}

.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}

.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}

.youtube-player .play {
	width: 64px;
	height: 45px;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -22px;
	position: absolute;
	background: url('../img/icons/youtube_social_icon_red.png') no-repeat;
	cursor: pointer;
}


/* //////////////////////////////// OTHER //////////////////////////////// */


.alert-warning-default {
	color: #3B3B3B;
	background-color: #c4dbde;
	border: 1px solid #bed6d9;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 40px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0, .25);
		      box-shadow: 0 6px 12px rgba(0,0,0, .25);
}

.alert-warning-intro {
	padding: 25px !important;
	line-height: 1.5;
	/* 'Indie Flower', 'Marck Script' */
	font-family: 'Courgette', 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
	font-size: 16px;
	/*font-style: italic;
	font-size: 15px;*/
}
@media (max-width: 767px) {
	.alert-warning-intro {
		margin-top: 25px !important;
	}
}

.bg-email-top {
	background-color: #e77755;
	padding: 0px 10px 0px 10px;
}


.call-to-action h2 {
	margin: 0 auto 20px;
}

.div-chart {
	width:100%;
	max-width:1250px;
	min-height: 300px;
	min-width: 550px
}

.cursor-pointer {
	cursor: pointer;
}

.desc-paragraph p {
	margin-bottom: 12px;
}

.event-message-history p {
	line-height: 1.4;
	margin-bottom: 5px;
}

.element-basic-min-width {
	min-width: 280px;
}

@media (min-width: 768px) {
	.name-star-min-width {
		width: 125px;
		margin: 0 auto;
		display: -webkit-box;
		-webkit-box-orient: horizontal;
	}
}

.event-register-top {
	background-color: white;
	min-width: 275px;
	max-width: 550px;
	padding: 10px 25px 10px 25px;
	margin: 0 auto;
	/* Add border here too to have same width as event-register-main */
	border-top:   1px solid #e77755;
	border-left:  1px solid #e77755;
	border-right: 1px solid #e77755;
	border-radius: 10px 10px 0px 0px;
}

.event-register-top-text {
	max-width: 450px;
	text-align: center;
	margin: 0 auto;
}

.event-register-main {
	background: white;
	min-width: 275px;
	max-width: 550px;
	padding: 8px 25px 35px 25px;
	/* Margin bottom is negative to cut off the rounded edges if the page is already scrolled */
	margin: 0 auto -10px;
	border-left:   1px solid rgba(30, 37, 37, 0.15);
	border-right:  1px solid rgba(30, 37, 37, 0.15);
	border-bottom: 1px solid rgba(30, 37, 37, 0.15);
	border-radius: 0px 0px 10px 10px;
}

.event-register-main-organizer {
	padding-bottom: 15px;
	text-align: center;
}

.event-register-cal {
	margin: 10px 0px -10px 0px;
	padding: 0;
	text-align: right;
}

.email-top {
	background-color: white;
	color: #404646;
	min-width: 275px;
	max-width: 550px;
	padding: 10px 25px 10px 25px;
	margin: 0 auto;
	/* Border is set to white as the div below also has no side borders */
	border-top:   1px solid #ffffff;
	border-left:  1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-radius: 10px 10px 0px 0px;
}

.bg-email-text {
	width: 100%;
	background-color: #f6f5f5;
	padding: 0px 10px 35px 10px;
}

.email-text {
	max-width: 550px;
	padding: 20px 25px 20px 25px;
	margin: 0 auto;
	background-color: white;
	border-bottom: 2px solid #e77755;
}

.float-left-fieldname {
	float: left;
	width: 80%;
}

.float-right-required {
	float: right;
	width: 20%;
	text-align: right;
}

.float-right {
	float: right;
}

.help-contents-heading {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.4;
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 21px;
}

.help-ul li {
	line-height: 1.5;
	margin-bottom: 6px;
	font-size: 15px;
}

/*.help-ul li a:not(:hover) {
	color: #444444;
}*/

.info-paragraph {
	font-size: 12px;
	margin-top: 6px;
	margin-bottom: 12px;
}


/* Fix for newline icons that are moved */
.line-height-tile-icons {}
@media (max-width: 480px) {
	.line-height-tile-icons {
		line-height: 2;
	}
}

/* Margins */
.bottom-margin-negative-md {
	margin-bottom: -10px !important;
}

.top-margin-negative-md {
	margin-top: -10px !important;
}

.bottom-margin-negative-lg {
	margin-bottom: -15px !important;
}

.top-margin-negative-lg {
	margin-top: -15px !important;
}

.bottom-margin-negative-xl {
	margin-bottom: -22px !important;
}

.top-margin-negative-xl {
	margin-top: -22px !important;
}

.margin-none {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.bottom-margin-none {
	margin-bottom: 0 !important;
}

.top-margin-none {
	margin-top: 0 !important;
}

.margin-sm {
	margin-top: 7px !important;
	margin-bottom: 7px !important;
}

.bottom-margin-sm {
	margin-bottom: 7px !important;
}

.top-margin-sm {
	margin-top: 7px !important;
}


.margin-md {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.bottom-margin-md {
	margin-bottom: 10px !important;
}

.top-margin-md {
	margin-top: 10px !important;
}


.margin-lg {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.bottom-margin-lg {
	margin-bottom: 15px !important;
}

.top-margin-lg {
	margin-top: 15px !important;
}


.margin-xl {
	margin-top: 22px !important;
	margin-bottom: 22px !important;
}

.bottom-margin-xl {
	margin-bottom: 22px !important;
}

.top-margin-xl {
	margin-top: 22px !important;
}

.margin-xxl {
	margin-top: 32px !important;
	margin-bottom: 32px !important;
}

.bottom-margin-xxl {
	margin-bottom: 32px !important;
}

.top-margin-xxl {
	margin-top: 32px !important;
}



.margin-screen-size {
	margin-top: 0 !important;
	margin-bottom: 4% !important;
}

@media screen and (min-height: 750px) {
	.margin-screen-size {
		margin-top: 6% !important;
		margin-bottom: 8% !important;
	}
}

.no-gutter > [class*='col-'] {
	padding-left: 0;
	padding-right: 0;
}

.overflow-break-all {
	word-wrap: break-word;
	overflow-wrap: anywhere;
	word-break: break-all;
}

.overflow-break-word {
	word-wrap: break-word;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.overflow-dots {
	text-overflow: ellipsis;
	overflow: hidden; 
	white-space: nowrap;
	-o-text-overflow: ellipsis;
}


.page-header > h1,
.page-header > h2,
.page-header > h3,
.page-header > .h1,
.page-header > .h2,
.page-header > .h3 {
	margin-bottom: 5px;
}

.page-header {
	margin-bottom: 30px;
	border-bottom: 1px solid #809090;
}

.nowrap {
	white-space:nowrap;
}

.rating-container .filled-stars {
	color: #fdcf6d !important; /*#fde16d*/
}


@media (max-width: 767px) {
	.row.less-gutters {
		margin-right: -5px;
		margin-left: -5px;
	}

	.row.less-gutters > [class^="col-"],
	.row.less-gutters > [class*=" col-"] {
		padding-right: 5px;
		padding-left: 5px;
	}
}

.select-color-top-section {
	margin-top: -20px;
	margin-bottom: -5px;
}

.table .dropdown-display {
	padding: 2px 26px 2px 8px;
}

.table .dropdown-display-label:after,
.table .dropdown-display:after {
  top: 8px;
}


.table .dropdown-group,
.table .dropdown-option {
  padding-left: 8px;
  line-height: 24px;
}

.td-multiselect-min-max-width {
	min-width: 125px;
	max-width: 350px;
}

.td-long-name-min-width {
	min-width: 150px;
}

.td-name-min-width {
	min-width: 100px;
}

.tile-list-header {
	font-size: 36px;
	margin-bottom: 15px;
}

.tile-list-header-search {
	float: left;
	text-align: left;
	display: inline-table;
	margin-top: 10px;
}

.tile-list-header-switch {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 600;
	float: right;
	min-width: 80px;
	text-align: right;
}

@media (min-width: 350px) {
	.vertical-center {
		position: absolute;
		margin: 0;
		width: 100%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}


.vertical-bl {
	vertical-align: baseline;
}

.vertical-align-logo-times-higher {
	vertical-align: 15px;
}

.zoom {
	transition: transform 1s; /* Animation */
}

.zoom:hover {
		transform: scale(1.2);
}


/*  //////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////// SPECIFIC PAGES //////////////////////////////// */
/*//////////////////////////////////////////////////////////////////////////////// */

/* //////////////////////////////// LANDING PAGE TEST //////////////////////////////// */

.header-landingpage {
	position: relative;
	width: 100%;
	height: 20%;
	min-height: 225px;
}

.header-landingpage-img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-position: center center;
}

.header-landingpage-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(70, 50, 20, 0.5); /*rgba(20, 20, 20, 0.5);*/
	text-align: center;
	color: white;
}

.header-landingpage-content {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 10px;
}

.rounded-circle{
	border-radius:50%;
	display:block;
	background-position-y:25% 
}

/* //////////////////////////////// TERMS AND PRESS //////////////////////////////// */


.press {
	line-height: 1.5;
}

.press br {
	margin-bottom: 10px;
}

.press_first_letter {
	font-size: 70px;
	float: left;
	margin: 5px 10px 2px 0;
	line-height: 0.8;
}

.press_img {
	float:right;
	width:152px;
	height:auto;
	padding: 0 0 5px 10px;
}

@media (min-width: 768px) {
	.press_img {
		float:right;
		width:248px;
		height:auto;
		padding: 0 0 5px 10px;
	}
}

.terms-list li {
	line-height: 1.6;
	margin-bottom: 6px;
}