#technical-support-container{
	position:fixed;
	right:0;
	top:calc(50% - 20px);
	font-family: HelveticaNeueBold;
	font-size: 14px;
	color: #222222;
	letter-spacing: 0;
	text-align: center;
	line-height: 18px;
	z-index:3;
}

#technical-support-btn{
	background: #FFFFFF;
	border-radius: 30px 0 0 30px;
	border:1px solid #dcdcdc;
	border-right:0;
	cursor:pointer;
	width: 45px;
}
#technical-support-btn .support-title-closed {
    font-family: HelveticaNeueBold, sans-serif;
    font-size:20px;
}

.komodo-icon{
	font-family:"icomoon";
}

#technical-support-btn .icon-24-info-bold{
    color: var(--onelambda-color);
    font-size: 22px;
    padding: 10px 12px;
    position: relative;
    top: 3px;
}

#technical-support-menu{
	display:none;
	background: #FFFFFF;
	border: 1px solid #DCDCDC;
	border-radius: 16px 0 0 16px;
	border-right:0;
}
#technical-support-btn.active .komodo-icon{
	display:none;
}
#technical-support-btn.active #technical-support-menu{
	display:block;
}

#technical-support-header{
	background-color: #F6F7F8;
	padding:15px;
	border-top-left-radius:16px;
	position:relative;
}

.technical-support-item{
	padding:8px;
	min-width:181px;
	display:block;
	text-decoration: none !important;
	color:#222222 !important;
}

.technical-support-item:not(.last-item){
	font-family: HelveticaNeue;
}

.technical-support-item:hover{
	background-color: #FBF8FA;
	color:var(--onelambda-color) !important;
	cursor: pointer;
}

.technical-support-item.last-item, .technical-support-item.last-item:hover{
	background-color: var(--onelambda-color);
	color:#ffffff !important;
	border-bottom-left-radius:16px;
	padding-bottom:14px;
}

#close-tech-support-menu{
	position:absolute;
	right:16px;
	top:calc(50% - 8px);
	color:#222222;
	cursor:pointer;
}
.rotation-wrapper-outer {
	display: table;
}
.rotation-wrapper-inner {
	padding: 70% 0;
	height: 0;
}
.element-to-rotate {
	display: block;
	transform-origin: top left;
  	/* Note: for a CLOCKWISE rotation, use the commented-out
     transform instead of this one. */
  	transform: rotate(-90deg) translate(-100%);
  	/* transform: rotate(90deg) translate(0, -100%); */
    margin-top: calc(-50% - 5px);
    padding-top: 6px;
  	/* Not vital, but possibly a good idea if the element you're rotating contains
     text and you want a single long vertical line of text and the pre-rotation
     width of your element is small enough that the text wraps: */
  	white-space: nowrap;
}