/*
//============================================================================================
// system name    : －－－－
// program name   : bAsComponents StyleSheet
// file name      : bAsComponents.css
// summary        : bAsコンポーネント用 共通スタイルシート
//--------------------------------------------------------------------------------------------
// author         : 👍bAs)Yoshi
// creation date  : 2024/10/21
// version        : 1.00
//--------------------------------------------------------------------------------------------
// change history : 2024/10/21 👍bAs)Yoshi 新規作成
// 
// Copyright 2024 bEST ANSWER's Inc.
//============================================================================================
*/

@charset "UTF-8";




/* ===================================================================== */

.tooltip-bottom:hover {
    opacity: 0.7;
    cursor: help;
    position: relative;
}

    .tooltip-bottom:hover:before {
        content: attr(data-msg);
        display: block;
        position: absolute;
        top: calc(100% + 12px);
        left: 4px;
        font-size: 12px;
        color: white;
        background-color: #484848;
        min-width: 100px;
        max-width: 300px;
        min-height: 16px;
        padding: 8px;
        border-radius: 4px;
        white-space: pre;
    }

    .tooltip-bottom:hover:after {
        content: "";
        display: block;
        position: absolute;
        height: 0;
        width: 0;
        top: calc(100% + 12px - 10px);
        left: calc(4px + 8px);
        border-right-width: 0;
        border-style: solid;
        border-width: 12px 12px 0 12px;
        border-color: transparent #484848 transparent transparent;
    }