#summary{
    /* position:absolute; */
    z-index:200;
    font-family:Arial,san-serif;
    font-size:14px;
    left:20%;
    background-color:rgba(125,125,125,.3);
    border-radius:5px;
    font-weight:400;
    padding:4px;
    /* width:500px; */
    width:60%;
    text-align:center;
}
.sum_numbers{
    font-weight:bold;
    color:#092c5b
}
#chart{
    margin:0px;
    padding-right:10px;
}
#attribution{
    text-align:center;
    color:blue;
    font-size:15px;
}
#mobilewarn{
    color:red;
    font-size:10px;
}
#hoverstring{
    text-align: center;
    font-weight:600;
    color:black;
    padding:5px;
}
#hovermsg{
    /* position:absolute; */
    /* top:0px; */
    /* left:20px; */
    z-index:1000;
    font-family:Arial,san-serif;
    font-size:15px;
    font-weight:normal;
    color:#092c5b;
    padding:10px;
    background-color:rgba(125,125,125,.3);
    border-radius:5px;
    /* width:280px; */
    text-align:center;
    /* display:none; */
}
#filetype{
    font-family:Arial,san-serif;
}
#incomeinput{
    font-family:Arial,san-serif;
}
#regincomein, #cgincomein,#deductionin{
    text-align:center;
    width:66px;
    border-radius:3px;
    border:1px solid lightgrey;
    margin-left:8px;
}
#link{
                font-size:25px;
                padding:20px;
                position:absolute;
                top:220px;
                left: 50%;
                transform: translate(-50%, 0);
                background-color:rgba(55, 55, 55, 0.6);
                border-radius:10px;
                display:none;
                text-align:center;
                color:white;
            }
.popoverlabel{
            color:#3363a7;
        }
#share{
    border-radius:10px;
    border:1px solid lightgrey;
    background-color:rgb(177, 245, 177);
    color:rgb(0, 0, 0) ;
    padding:2px 15px;
    font-weight:bold;
}
#controls{
    width:40%;
    margin-left:10px;
}
#taxheader{
    display:flex;
    text-align:center;
}
#taxsum{
    text-align:center;
}
td{
    padding:5px !important;
}
#input_options{
    display:none;
}
#graphcontainer{
    border:2px solid black;
    width:100%;
    margin:0px;
}
#diagram_options{
    display:none;
}
#other_entry{
    display:none;
}
.hidden{
    display:none;
}
#main{
    position:relative;
}
.taxed{
    color:#600202;
    font-weight:bold;
}
.kept{
    color:#39a459;
    font-weight:bold;
}
.cgkept{
    color:#035f9c;
    font-weight:bold;
}
#summarytxt{
    display:flex;
    
}
#col1,#col2{
    width:49%;
}
body{
    margin:0px !important;
    
}
body {
            font-family: 'Inter', sans-serif;
            background-color: #f0f4f8;
            /* display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh; */
            padding: 1rem;
        }
.outsidecontainer {
            width: 100%;
            /* max-width: 48rem; Equivalent to max-w-2xl */
            background-color: #ffffff;
            border-radius: 0.75rem; /* Equivalent to rounded-xl */
            /* box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); Equivalent to shadow-xl */
            overflow: hidden;
        }

        .tab-nav {
            display: flex;
            background-color: #f3f4f6; /* Equivalent to bg-gray-100 */
            border-bottom: 0px solid #e5e7eb; /* Equivalent to border-b border-gray-200 */
        }

        .tab-button {
            flex: 1;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            border-bottom:1px solid #4b5563;
            padding-top: .4rem;
            padding-bottom: .4rem;
            text-align: center;
            font-size: 1.625rem; 
            font-weight: 1000; 
            color: #95999e; /* Equivalent to text-gray-700 */
            outline: none;
            transition-property: background-color, border-color, color;
            transition-duration: 300ms;

        }
        .highlighted{
            font-size:20px;
        }
        
        .tab-button.active {
            background-color: #ffffff;
            border: 2px solid #1a5101; /* Equivalent to border-t-4 border-t-indigo-600 */
            color: #1a5101; /* Equivalent to text-indigo-600 */
            border-bottom:0px;
        }

        .tab-content-container {
            /* padding: 1.5rem; Equivalent to p-6 */
        }

        .tab-content {
            display: none;
        }

        .tab-content.visible {
            display: block;
        }

        .tab-content h2 {
            font-size: 1.5rem; /* Equivalent to text-2xl */
            font-weight: 700; /* Equivalent to font-bold */
            color: #1f2937; /* Equivalent to text-gray-800 */
            margin-bottom: 1rem;
        }

        .tab-content p {
            color: #4b5563; /* Equivalent to text-gray-600 */
            line-height: 1.625; /* Equivalent to leading-relaxed */
        }

    @media screen and (max-width: 480px) {
        #taxheader,#summary{
            font-size:13px;
        }
        #attribution{
            font-size:13px;
        }
        #summarytxt,#taxheader{
            display: block;
            text-align:center;
            
        }
        #summary{
            width:100%;
        }
        #controls{
            width:100%
        }
        #col1{
            width:100%
        }
        #col2{
            width:100%
        }
    }