body{
padding:0px;
margin:0px;
font-family: Arial;
}
div{
padding:5px;
margin:5px;
}
button {
    width:130px;
    padding:5px;
    margin:3px 0px 2px 0px;
}
button.active {
    background:#AAA;
    color: initial;
}

table{
border-collapse: collapse;
}
td,th{
border:1px solid #CCC;
padding:5px;
}
.error{
border:1px solid #CCC;
background:#C00;
color:#FFF;
padding:5px;
margin:5px;
}
.method{
border:1px solid #CCC;
background:#FFF;
padding:5px;
margin:5px;
}
.endpoint{
border:1px solid #CCC;
background:#EEE;
padding:13px;
margin:3px;
font-weight: bold;
}
.endpoint .POST{
width:50px;
padding:5px;
margin:5px 20px 5px 0px;
background: rgba(114, 248, 178, 0.42);
display: inline;
}
.endpoint .GET{
width:50px;
padding:5px;
margin:5px 20px 5px 0px;
background: #ffb2b2;
display: inline;
}
.endpoint .DELETE{
width:50px;
padding:5px;
margin:5px 20px 5px 0px;
background: #CC0000 !important;
color: #FFF !important;
display: inline;
}
.endpoint .PUT{
width:50px;
padding:5px;
margin:5px 20px 5px 0px;
background: orangered !important;
color: #FFF !important;
display: inline;
}
.border-color-blue{
    border: 2px solid #3aafa9 !important;
}
.border-color-transperent{
    border:1px solid black !important;
}