@font-face {
	font-family: 'FranklinGothicCondensed';
	src: url('https://www.yourhosting.nl/static/fonts/FranklinGothic-Cd-webfont.eot'); /* IE9 Compat Modes */
	src: url('https://www.yourhosting.nl/static/fonts/FranklinGothic-Cd-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('https://www.yourhosting.nl/static/fonts/FranklinGothic-Cd-webfont.woff') format('woff'),
	url('https://www.yourhosting.nl/static/fonts/FranklinGothic-Cd-webfont.ttf') format('truetype'),
	url('https://www.yourhosting.nl/static/fonts/FranklinGothic-Cd-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	}

body {
	width:100%;
	margin:0;
	padding:0;	
	font-family:Helvetica, Arial, sans-serif;
	font-size:62.5%;
	color:#4e4e4e;
	}

p {	
	margin:0;
	font-size:1.3em;
	line-height:1.4em;
	}
	
	p.bold {
		font-weight:bold;
	}

a {	
	font-size:1.3em;
	color:#003f9f;}

h1,
h2,
h3,
h4,
h5 {
	font-family:'Roboto';
	font-weight:normal;
	margin:0;
	display:inline-block;
	}

h1 {
	font-weight: 300;
	font-size:2.2em;
	margin-bottom:0.5em;}
	
h2 {
	font-size:1.8em;
	margin-bottom:0.2em;
	}

li {
	list-style-type:none;
	}

ul {
	margin:0;
	padding:0;
	}

form {
}

input {
	padding: 0;
	margin: 0;
	border: none;
	}

#signin-form input[type="text"], 
#signin-form input[type="password"]
{
	padding-left:7px;
}

#wrapper {
	width:460px;
	margin:0 auto;
	}

#top {
	margin-top:50px;
	margin-bottom:20px;
	}

#signin-info {		
	background:#f0f0f0;
	height:80px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom:1px dashed #b8b8b8;
	}

#signin-info h1 {
	position: relative;
	top: 25px;
	left: 20px;
	}

#signin-form {
	background:#f6f6f6;
	height:auto;
	padding:20px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	}

	#signin-form p {
		margin-bottom:3px;
		}
			
	#signin-form form {
	}
	
	#signin-form input[type="text"],
    #signin-form input[type="password"] {
		height:30px;
		width:100%;
		border:1px solid #e0e0e0;
		margin:5px 0 25px 0;
		}	
	
	
	#signin-form button {
		background: #9ccc00;
		border: none;
		height: 36px;
		border-radius: 4px;
		color: #fff;
		padding: 0 60px;
		cursor: pointer;
		font-family: Arial;
		margin-right:10px;
		font-size:1.4em;
		}
	
		#signin-form button:hover {
			background:#91be00;
			}
	
	#signin-form a {
		text-decoration:none;
		}
	
		#signin-form a:hover {
			}


#office365 {
	margin:20px 0;
	}

#help {
	margin:30px 0;
	}

	#help i {
		margin-right:3px;
		font-size:0.8em;
		color:#9ccc00;
		}
		
	#help li {
		padding:3px 0;
		font-size:1.3em;
		color:#003f90;
		}
	
		#help li:hover span {
			cursor:pointer;
			}
			
	#help li > ul > li {
		color:#4e4e4e;
		font-size:1em;
		line-height:1.5em;
		padding-left:20px;
		margin:8px 0;
		}
		
	#help a {
		font-size:inherit;
		text-decoration:none;
	}
	
		#help a:hover {
			text-decoration:underline;
		}

#footer {
	text-align:center;
	border-top:1px dashed #999;
	padding-top:8px;
	width:100%;
	font-size:1.2em;
	color:#999;
	margin-top:30px;
	}

	#footer ul {
		width:300px;
		margin:auto;
		margin-bottom:5px;
		overflow:auto;
		zoom:1;
		}
	
	#footer li {
		float:left;
		margin-right:10px;
		}
		
		#footer li.yh {
			float:none;
		}
	
	#footer a {
		font-size:1em;
		color:inherit;
		}
		
.moreinfo {
	display:none;
}

#extra-help {
	background:#f0f0f0;
	padding:15px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top:1px dashed #b8b8b8;
}

	#extra-help li {
		font-size:1.3em;
		line-height:1.6em;
	}

		#extra-help li i {
			font-size:0.8em;
			margin-right:3px;
			color:#003f90;
		}
	
	#extra-help a {
		font-size:1em;
		text-decoration:none;
	}
	
	
#back {
	margin-bottom:10px;
}

	#back a {
		text-decoration:none;
	}
	
		#back a i {
			font-size:0.8em;
		}

.round-corners-top {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

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

.margin-top-30 {
	margin-top:30px;
}
	
.grey {
	color:#C0C0C0;
}

.tooltip {
	cursor:pointer;
}

form ul.messages > li.error,
.error_field_wrapped.color_pink {
    background: #FCFDFE;
    border: 1px solid #D6267C;
    color: #D6267C;
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 10px;
    padding: 7px;
    display: block;
}
form ul.messages > li.error,
.success_field_password {
    color: #383838;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 10px;
    display: block;
}
#etva-sticky .etsprite {
	background-image: url('/static/yourhosting/img/pages/support/sprite.et.va.png') !important;
	background-position: 0 0;
}
#signin-info h1 {
	font-size: 2em;
	font-weight: 400;
}

@media screen and (max-width: 768px) {

	html, body {
		overflow-x: hidden !important;
	}

	.etsaf {
		display: none !important;
	}

	#wrapper {
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	#form-yp-submit {
		display: block;
		margin-bottom: 10px;
	}

	#help {
		margin: 30px auto;
		display: block;
		width: 85%;
	}
}

/* Cobrowser */
iframe.__cb_plugin_window {
  right: auto !important;
}

.cxco .cxco-c-input__field {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin-bottom: 0 !important;
  transition: none !important;
}

.cxco .cxco-c-input__button:hover {
  border: 1px solid #9ccc00 !important;
}

.cxco .cxco-o-layout {
  z-index: 9999;
}

.cxco .is-closed .cxco-c-avatar {
  color: #ffffff !important;
  font-weight: 400 !important;
}

.cxco .is-closed .cxco-c-avatar::before {
  background-color: #fff !important;
    background-image: url(https://www.yourhosting.nl/static/afbeeldingen/avatar-closed.svg) !important;
}

/*.cxco .is-open .cxco-c-avatar::after {
  background-image: url(/static/yourhosting/img/cms/yar-open.svg) !important;
}*/

.cxco .is-open .cxco-c-avatar::before {
  display: none;
}

.cxco .cxco-c-bubble {
  background-color: #c5e65f !important;
	font-weight: 300 !important;
}

.cxco .cxco-c-bubble a {
	font-size: 14px !important;
}

.cxco .cxco-c-bubble::after {
  border-color: transparent #c5e65f transparent transparent !important;
}

.cxco .cxco-c-bubble.cxco-c-bubble--inverse {
  background-color: #efefef !important;
}

.cxco .cxco-c-bubble.cxco-c-bubble--inverse::after {
  border-color: transparent transparent transparent #efefef !important;
}

.cxco .cxco-c-dialog__option {
	font-weight: 300 !important;
  background-color: #c5e65f !important;
  color: #1d1dff !important;
  background-color: #ffffff !important;
  box-shadow: 0 10px 10px -10px rgba(56, 56, 56, .2) !important;
}

.cxco .cxco-c-dialog__option:hover:not(.selected) {
  box-shadow: 0 10px 20px -10px rgba(56, 56, 56, .2) !important;
  -webkit-transform: scale(1.0225) !important;
  transform: scale(1.0225) !important;
}

#site_message {
	padding: 20px;
	background-color: #fae700;
	line-height: 28px;
}

#site_message > strong {
	font-size: 16px;
}

.logo-login {
	margin-left: -15px
}

/*
* YOUR-159-front-styles
*/
.btn-yh2-default{ background-color: #FF665E !important; padding: 9px 16px !important; border-radius: 30px !important; color: #fff !important; font-size: 14px !important; min-width: 125px; text-align: center; }
.btn-yh2-default.zoek-invoice{ border: none; margin-top: -15px; }
.btn-yh2-default.warn{ background-color: #FFB357; color: #fff; }
.btn-yh2-default.warn:hover{ background-color: #FFB357; }
.btn-yh2-default:hover{ background-color: #fd473e; text-decoration: none;}
@font-face {
	font-family: 'Yourhosting-iconpack';
	src:url('/static/fonts/YH-icons/Yourhosting-iconpack.eot?-vn9zw2');
	src:url('/static/fonts/YH-icons/Yourhosting-iconpack.eot?#iefix-vn9zw2') format('embedded-opentype'),
		url('/static/fonts/YH-icons/Yourhosting-iconpack.woff?-vn9zw2') format('woff'),
		url('/static/fonts/YH-icons/Yourhosting-iconpack.ttf?-vn9zw2') format('truetype'),
		url('/static/fonts/YH-icons/Yourhosting-iconpack.svg?-vn9zw2#Yourhosting-iconpack') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

[class^="YH-"], [class*=" YH-"] {
	font-family: 'Yourhosting-iconpack';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.YH-mijnwebsite-alt:before {
	content: "\e600";
}
.YH-mijnwebsite:before {
	content: "\e601";
}
.YH-verhuisservice:before {
	content: "\e602";
}
.YH-rss:before {
	content: "\e603";
}
.YH-afbeelding:before {
	content: "\e604";
}
.YH-koffer:before {
	content: "\e605";
}
.YH-mysql:before {
	content: "\e606";
}
.YH-cadeau:before {
	content: "\e607";
}
.YH-schijfruimte:before {
	content: "\e608";
}
.YH-wordpress:before {
	content: "\e609";
}
.YH-joomla:before {
	content: "\e60a";
}
.YH-uitgaandemailserver:before {
	content: "\e60b";
}
.YH-batchsmtp:before {
	content: "\e60c";
}
.YH-redirect:before {
	content: "\e60d";
}
.YH-mailinglist:before {
	content: "\e60e";
}
.YH-doorstuurservice:before {
	content: "\e60f";
}
.YH-afwezigheidsberichten:before {
	content: "\e610";
}
.YH-virusscan:before {
	content: "\e611";
}
.YH-spamfilter:before {
	content: "\e612";
}
.YH-setupkosten:before {
	content: "\e613";
}
.YH-emailalias:before {
	content: "\e614";
}
.YH-mailboxgrootte:before {
	content: "\e615";
}
.YH-mailbox:before {
	content: "\e616";
}
.YH-support-2:before {
	content: "\e617";
}
.YH-ster:before {
	content: "\e618";
}
.YH-ster-half:before {
	content: "\e619";
}
.YH-ster-driekwart:before {
	content: "\e61a";
}
.YH-arrow-right:before {
	content: "\e61b";
}
.YH-arrow-left:before {
	content: "\e61c";
}
.YH-shield:before {
	content: "\e61d";
}
.YH-windows:before {
	content: "\e61e";
}
.YH-chevron-rechts:before {
	content: "\e61f";
}
.YH-chevron-links:before {
	content: "\e620";
}
.YH-chevron-up:before {
	content: "\e621";
}
.YH-chevron-down:before {
	content: "\e622";
}
.YH-pijltje-links:before {
	content: "\e623";
}
.YH-premium:before {
	content: "\e624";
}
.YH-wijzigen:before {
	content: "\e625";
}
.YH-wijzigen-2:before {
	content: "\e626";
}
.YH-website:before {
	content: "\e627";
}
.YH-wachtwoord:before {
	content: "\e628";
}
.YH-vps:before {
	content: "\e629";
}
.YH-volledig-beheer:before {
	content: "\e62a";
}
.YH-vinkje:before {
	content: "\e62b";
}
.YH-videohandleidingen:before {
	content: "\e62c";
}
.YH-vernieuw:before {
	content: "\e62d";
}
.YH-verhuizen:before {
	content: "\e62e";
}
.YH-unlock:before {
	content: "\e62f";
}
.YH-twitter:before {
	content: "\e630";
}
.YH-toverstafje:before {
	content: "\e631";
}
.YH-tevredenheidsbadge:before {
	content: "\e632";
}
.YH-telefoon:before {
	content: "\e633";
}
.YH-support:before {
	content: "\e634";
}
.YH-stop:before {
	content: "\e635";
}
.YH-snelheid:before {
	content: "\e636";
}
.YH-smartphone:before {
	content: "\e637";
}
.YH-slotje:before {
	content: "\e638";
}
.YH-seo:before {
	content: "\e639";
}
.YH-reddingsboei:before {
	content: "\e63a";
}
.YH-prullenbak:before {
	content: "\e63b";
}
.YH-professionele-helpdesk:before {
	content: "\e63c";
}
.YH-powerknop:before {
	content: "\e63d";
}
.YH-plus:before {
	content: "\e63e";
}
.YH-pijltje:before {
	content: "\e63f";
}
.YH-pijl:before {
	content: "\e640";
}
.YH-overige-informatie:before {
	content: "\e641";
}
.YH-opzeggen:before {
	content: "\e642";
}
.YH-optimalisatie:before {
	content: "\e643";
}
.YH-nieuws:before {
	content: "\e644";
}
.YH-moeren:before {
	content: "\e645";
}
.YH-moer:before {
	content: "\e646";
}
.YH-mijn-account:before {
	content: "\e647";
}
.YH-map:before {
	content: "\e648";
}
.YH-locatie:before {
	content: "\e649";
}
.YH-linkedin:before {
	content: "\e64a";
}
.YH-lijsten:before {
	content: "\e64b";
}
.YH-kwaliteit:before {
	content: "\e64c";
}
.YH-kruis:before {
	content: "\e64d";
}
.YH-kalender:before {
	content: "\e64e";
}
.YH-infrastructuur:before {
	content: "\e64f";
}
.YH-hulp-op-afstand:before {
	content: "\e650";
}
.YH-huisstijl:before {
	content: "\e651";
}
.YH-hostingmanager:before {
	content: "\e652";
}
.YH-hosting:before {
	content: "\e653";
}
.YH-helpdesk:before {
	content: "\e654";
}
.YH-groene-hosting:before {
	content: "\e655";
}
.YH-groei:before {
	content: "\e656";
}
.YH-google:before {
	content: "\e657";
}
.YH-full-service:before {
	content: "\e658";
}
.YH-ftp:before {
	content: "\e659";
}
.YH-faq:before {
	content: "\e65a";
}
.YH-facturen:before {
	content: "\e65b";
}
.YH-facebook:before {
	content: "\e65c";
}
.YH-ervaring:before {
	content: "\e65d";
}
.YH-email:before {
	content: "\e65e";
}
.YH-duimpje:before {
	content: "\e65f";
}
.YH-download:before {
	content: "\e660";
}
.YH-domeinen:before {
	content: "\e661";
}
.YH-dns:before {
	content: "\e662";
}
.YH-direct-online:before {
	content: "\e663";
}
.YH-delen:before {
	content: "\e664";
}
.YH-contactgegevens:before {
	content: "\e665";
}
.YH-cloud:before {
	content: "\e666";
}
.YH-cijfer:before {
	content: "\e667";
}
.YH-chat:before {
	content: "\e668";
}
.YH-betrouwbaar:before {
	content: "\e669";
}
.YH-adresboek:before {
	content: "\e66a";
}
.YH-winkelwagentje:before {
	content: "\e66b";
}
.YH-punt-nl:before {
	content: "\e66c";
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 1px solid #DADADA;
	background: #fff;
	color: #4e4e4e;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}


/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}