.yrm-content {
color: gray !important;
}
.yrm-hide {
height: 0;
visibility: hidden;
display: flex;
overflow: hidden;
}
.yrm-hide.yrm-inline-content {
width: 0;
display: inline-flex;
}
.yrm-content-hidden {
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%);
} .yrm-tooltip { vertical-align: top;
}
.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;
}
.yrm-info-dashicon {
color: #6495ed !important;
}