$term-license: #2a5d88;
$non-theatrical: #4379b6;
$transactional: #5597e4;
$physical: #85b7f0;
$theatrical: #b0cff5;

body:not(.safari) {
    .tooltip-container {
        -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 2px);
        filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 2px);
    }
}

.tooltip-container {
    position: absolute;
    width: 330px;
    padding: 10px;

    background-color: #fff;
    border: 1px solid #b0b0b0;
    border-radius: 6px;
    color: #404040;
    
    font-size: 1.4rem;
    font-family: "Lato", sans-serif;
    font-weight: 300;

    /* arrow */
    &:after, &:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    &:after {
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #fff;
        border-width: 10px;
        margin-top: -10px;
    }
    &:before {
        border-color: rgba(160, 160, 160, 0);
        border-right-color: #a0a0a0;
        border-width: 11px;
        margin-top: -11px;
    }

    &.left {
        &:after, &:before {
            right: 0;
            left: 100%;
        }

        &:after {
            border-right-color: transparent;
            border-left-color: #fff;
            border-width: 10px;
            margin-top: -10px;
        }
        &:before {
            border-right-color: transparent;
            border-left-color: #a0a0a0;
        }
    }

    .pic {
        width: 13px;
        height: 13px;
        border: 0.5px solid #404040;
        border-radius: 50%;
        display: inline-block;
        margin-left: 4px;
        vertical-align: middle;
    }

    .row {
        margin-left: 0;
        margin-right: 0;

        .col-xs-8, .col-xs-4 {
            padding-left: 5px;
            padding-right: 5px;
        }
    }
    
    .title {
        font-family: "Roboto Condensed", sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
    }

    .local-title {
        .col-xs-8, .col-xs-4 {
            padding-top: 4px;
        }
    }

    .actual {
        .value {
            color: #428de0;
        }
    }

    .term-license {
        .value {
            color: $term-license;
        }

        .pic {
            background-color: $term-license;
        }
    }

    .non-theatrical {
        .value {
            color: $non-theatrical;
        }

        .pic {
            background-color: $non-theatrical;
        }
    }

    .transactional {
        .value {
            color: $transactional;
        }

        .pic {
            background-color: $transactional;
        }
    }

    .physical {
        .value {
            color: $physical;
        }

        .pic {
            background-color: $physical;
        }
        
    }

    .theatrical {
        .value {
            color: $theatrical;
        }

        .pic {
            background-color: $theatrical;
        }
    }

    .projected {
        .value {
            color: #6f9927;
        }
    }

    .expense {
        .value {
            color: #faa635;
        }
    }

    .estimated-profit-share {
        .red {
            color: #c70000;
        }

        .grey {
            color: #a2a2a2;
        }
    }
}