.yrm-content {
	color: gray !important;
}

.yrm-hide {
	display: none;
}

.yrm-content-hide {
	visibility: hidden;
	height: 0;
}

.yrm-toggle-expand {
	max-width: 100%;
	border: 1px solid #CCC;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
}

.yrm-btn-wrapper {
	text-align: center;
	padding-top: 5px;
	position: relative;
}

.yrm-button-text {
	position: absolute;
    top: 50%;  
    left: 50%; 
    transform: translate(-50%, -50%);
    width: 100%;
}

.yrm-btn-wrapper {
	position: relative;
}

.yrm-btn-inline {
	display: inline-block;
}

.yrm-btn-wrapper span {
	display: inline-block;
}

.yrm-rotate-180 { 
    transform:rotate(180deg); 
    -webkit-transform:rotate(180deg); 
    -moz-transform:rotate(180deg); 
    -o-transform:rotate(180deg); 
}

.yrm-rotate-90 {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}

.yrm-text-wrapper-custom-dimensions {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

/* Tooltip styles start */
.yrm-tooltip {
	position: relative;
}

.yrm-tooltip .yrm-tooltiptext {
	visibility: hidden !important;
	width: 140px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
}

.yrm-tooltip .yrm-tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.yrm-tooltip:hover .yrm-tooltiptext {
	visibility: visible !important;
	opacity: 1;
}
/* Tooltip styles end */