body {
    font-family: 'Whitney SSm A','Whitney SSm B',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}

div {
    display: block;
}

.tab-content {
   /* content: "";
    display: table;
    table-layout: fixed;*/
}
#tab-content {
/*display: table;*/
content: "";
box-sizing: border-box;
zoom: 1;
    width: 90%;
    margin-right: -30px;
}

#tab-encoded {
    height: auto;
    overflow: hidden;
    float: left;
    width: 40%;
    padding-right: 30px;
    background-clip: content-box;
    box-sizing: border-box;
}

#tab-encoded-content, #jwe_tab-encoded-content {
    height: 500px;
    padding: 20px;
        overflow: scroll;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;

}

#tab-decoded, #jwe_tab-encoded, #jwe_tab-decoded {
    height: auto;
    overflow: hidden;
    float: left;
    width: 40%;
    padding-right: 30px;
    background-clip: content-box;
    box-sizing: border-box;
}

#tab-decoded-title, #tab-encoded-title, #jwe_tab-encoded-title, #jwe_tab-decoded-title {
    height: 15px;
    padding: 20px;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}
#tab-decoded-header-content, #jwe_tab-decoded-header-content {
    height: 100px;
    padding: 20px;
        overflow: scroll;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}
#tab-decoded-payload-content, #jwe_tab-decoded-payload-content {
    height: 300px;
    padding: 20px;
        overflow: scroll;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}

#tab-function {
    height: auto;
    overflow: hidden;
    float: left;
    width: 20%;
    padding-right: 30px;
    background-clip: content-box;
    box-sizing: border-box;
}

#tab-function-content {
    height: 556px;
    padding: 20px;
        
    /*border: 1px solid rgba(155,155,155,0.5);*/
    border-radius: 3px;

}
#tab-sign-content {
    height: auto;
    padding : 1px;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}

#sign_key {
    
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}

#rs_key {
    height: auto;
    overflow: hidden;
    padding-right: 30px;
    background-clip: content-box;
    box-sizing: border-box;
}

#rs_pub_key {
    height: 200px;
    padding: 20px;
    width: 40%;
        overflow: scroll;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;

}
#rs_priv_key {
    height: 200px;
    padding: 20px;
        overflow: scroll;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}
#tab-key_content 
{
/*display: table;*/
content: "";
box-sizing: border-box;
zoom: 1;
    width: 90%;
    margin-right: -30px;
}
#tab-key_title {
    height: 15px;
    width: 50%;
    padding: 20px;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}

#tab-pub_key {
    height: auto;
    overflow: hidden;
    float: left;
    width: 40%;
    padding-right: 30px;
    background-clip: content-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

#tab-pub_key-content {
    height: 200px;
    padding: 20px;
        overflow: scroll;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;

}

#tab-priv_key {
    height: auto;
    overflow: hidden;
    float: left;
    width: 40%;
    padding-right: 30px;
    background-clip: content-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

#tab-key-title {
    height: 15px;
    padding: 20px;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}
#tab-priv_key-content {
    height: 200px;
    padding: 20px;
        overflow: scroll;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}
/* ----------------- STYLE JWE ----------------------- */
#jwe_tab-key_content 
{
/*display: table;*/
content: "";
box-sizing: border-box;
zoom: 1;
    width: 90%;
    margin-right: -30px;
}
#jwe_tab-key_title {
    height: 15px;
    width: 50%;
    padding: 20px;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}

#jwe_tab-pub_key {
    height: auto;
    overflow: hidden;
    float: left;
    width: 40%;
    padding-right: 30px;
    background-clip: content-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

#jwe_tab-pub_key-content {
    height: 200px;
    padding: 20px;
        overflow: scroll;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;

}

#jwe_tab-priv_key {
    height: auto;
    overflow: hidden;
    float: left;
    width: 40%;
    padding-right: 30px;
    background-clip: content-box;
    box-sizing: border-box;
    margin-bottom: 20px;
}

#jwe_tab-key-title {
    height: 15px;
    padding: 20px;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}
#jwe_tab-priv_key-content {
    height: 200px;
    padding: 20px;
        overflow: scroll;
    border: 1px solid rgba(155,155,155,0.5);
    border-radius: 3px;
}
/* ----------------- STYLE TAB ----------------------- */
		.onglet
        {
                background:#dddddd;display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                cursor:pointer;
                -webkit-border-radius: .5em .1em ; 
				-moz-border-radius: .5em .1em ;
				border-radius: .5em .1em ;

        }
.global_tab
        {
                display:block;
                padding-left:-3px;
                cursor:pointer;
                width:100%;
        }
.not_clickable
		{
			pointer-events: none; 
			cursor: default;
			background:#eeeeee;
			display:inline-block;
			color: #bbbbbb;
            margin-left:3px;
            margin-right:3px;
            padding:3px;
            padding-bottom:4px;
        }

.onglet_0
        {
            padding-bottom:4px;
			color: #009dec;
        }
.onglet_1
        {
            background:#bbbbbb;
            padding-bottom:4px;
			color: #009dec;
        }
        .container_onglet
        {
                /*background-color:#dddddd;*/
                border-top:1px solid #009dec;
                
        }
.contenu_onglet_home .contenu_onglet_jwt .contenu_onglet_jwe
        {
                /*background-color:#dddddd;*/
                border-top:1px solid #f40;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }