/* Fixed button to the bottom right */
.button-bottomRight {
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: fixed !important;
}

.cursor-pointer{
    cursor: pointer;
}

.text-color-blue{
    color: #00BFFF;
}

.text-clamp-3lines {
    position:relative;
    text-align: justify; 
    line-height:1.4em;
    /* 3 times the line-height to show 3 lines */
    height:4.2em;
    overflow: hidden;
}

.text-clamp-3lines::after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 1.4em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 90%);
}

.title-clamp-2lines {
    position:relative;
    text-align: justify; 
    line-height:1.1em;
    /* 3 times the line-height to show 3 lines */
    height:2.2em;
    overflow: hidden;
}

.title-clamp-2lines::after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 1.1em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 90%);
}

.tabError {
	color: red;
}

/* Microsite CSS */
.box-open-icon {
}

.box-close-icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.detail {
  overflow: hidden;
  transition: max-height 0.90s ease-out;
  height: auto;
  max-height: 600px; 
}

.detail.ng-hide {
  transition: max-height 0.90s ease-out;
  max-height: 0;
}