/**
 * RSX Framework
 * Copyright 2015 Bell Canada
 * 
 * Tooltip widget.
 */

.rsx-tooltip {
    display: block;
    z-index: 1140;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(.55,0,.1,1);
}

    .rsx-tooltip.rsx-active {
        opacity: 1;
    }


.rsx-tooltip-content {
    display: block;
    z-index: 0;
    position: relative;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    color: #555;
    padding: 40px;
}

.rsx-tooltip > .rsx-icon.rsx-icon-caret {
    z-index: 1;
    font-size: 40px;
    display: block;
    position: absolute;
    color: #fff;
    text-shadow: 0px 0px 30px rgba(0,0,0,0.3);
    overflow: hidden;
}

.rsx-tooltip-close {
	display: none;
    z-index: 1;
    float: right;
    position: relative;
    margin-top: 12px;
    margin-right: 12px;
    font-size: 12px;
}

.rsx-tooltip-close:focus {
    outline: -webkit-focus-ring-color auto 1px;
}

.rsx-tooltip-close .rsx-icon-close {
    cursor:pointer;
}

/*Right middle*/
.rsx-tooltip.rsx-tooltip_right-middle > .rsx-icon.rsx-icon-caret {
    -webkit-transform: rotate(180deg) translateY(50%);
    -ms-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
    top: 50%;
    left: -39px;
    height: 70px;
}

/*Left middle*/
.rsx-tooltip.rsx-tooltip_left-middle > .rsx-icon.rsx-icon-caret {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: -39px;
    height: 70px;
}

    .rsx-tooltip.rsx-tooltip_right-middle > .rsx-icon.rsx-icon-caret:before,
    .rsx-tooltip.rsx-tooltip_left-middle > .rsx-icon.rsx-icon-caret:before {
        top: 16px;
        left: -11px;
    }

/*Above center*/
.rsx-tooltip.rsx-tooltip_above-center > .rsx-icon.rsx-icon-caret {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70px;
    bottom: -39px;
    left: 50%;
}

    .rsx-tooltip.rsx-tooltip_above-center > .rsx-icon.rsx-icon-caret:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 4px;
        left: 0;
        display: block;
    }

.rsx-tooltip.rsx-tooltip_no-caret > .rsx-icon.rsx-icon-caret {
    display: none;
}


/*Below center*/
.rsx-tooltip.rsx-tooltip_below-center > .rsx-icon.rsx-icon-caret {
    -webkit-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
    width: 70px;
    top: -39px;
    left: 50%;
}

    .rsx-tooltip.rsx-tooltip_below-center > .rsx-icon.rsx-icon-caret:before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 4px;
        left: 0;
        display: block;
    }