#endpoint_container
{
    width : calc(100% - 20px);

    margin : 0px;
    padding : 0px;

    padding : 10px;

    display : flex;
    align-items : flex-start;
    justify-content: center;
}

#endpoint_container p
{
    font-size : 14px;
}

#endpoint_container h2
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    margin-bottom : 10px;

    /*color : #4a90e2; */
    color : #536171;

    font-size : 1.2em;
}

#endpoint_container table
{
    width : calc(100% - 2px);

    margin : 0px;
    padding : 0px;
    
    border : 1px solid #d3d3d3;
    border-collapse : collapse;
}

#endpoint_container table tr
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    background-color : #ebebeb;
}

#endpoint_container table tr th
{
    margin : 0px;
    padding : 0px;

    padding-left : 10px;
    padding-right : 10px;
    padding-top : 5px;
    padding-bottom : 5px;

    background-color : #4a90e2;
    color : white;

    border : 1px solid #d3d3d3;
}

#endpoint_container table tr td
{
    margin : 0px;
    padding : 0px;

    padding-left : 10px;
    padding-right : 10px;
    padding-top : 5px;
    padding-bottom : 5px;

    font-size : 14px;

    border : 1px solid #d3d3d3;
}

#endpoint_container pre
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items : center;
    justify-content : flex-start;

    border-radius : 5px;
}

#endpoint_container code
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    padding : 10px;

    font-size : 14px;
}

#endpoint_main
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items : flex-start;
    justify-content: center;
}

#endpoint
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items : flex-start;
    justify-content : center;
    flex-direction : column;
}

#endpoint_description, #endpoint_route_container, #parameters_tab, #body_parameters, #rights_tab, #response_type, #success_response, #error_response, #http_codes
{
    width : calc(100% - 20px);

    margin : 0px;
    padding : 0px;

    padding : 10px;

    margin-bottom : 10px;

    display : flex;
    align-items : flex-start;
    justify-content: center;
    flex-direction: column;
}

#endpoint_description p, #response_type p, #parameters_tab p, #body_parameters p
{
    width : calc(100% - 22px);

    margin : 0px;
    padding : 0px;

    padding : 10px;

    color : #536171; 

    background-color : #ebebeb;
    border : 1px solid #d3d3d3;
    border-radius : 5px;
}

#rights_tab img
{
    width : 25px;
    height : auto;

    margin : 0px;
    padding : 0px;

    margin-left : calc(50% - 12.5px);
}

#endpoint_bottom
{
    width : calc(100% - 20px);

    margin : 0px;
    padding : 0px;

    padding : 10px;

    display : flex;
    align-items : flex-start;
    justify-content : flex-start;

    background-color : #ebebeb;
    border : 1px solid #d3d3d3;
    border-radius : 5px;
}

#endpoint_method
{
    margin : 0px;
    padding : 0px;

    margin-right : 10px;

    display : flex;
    align-items : center;
    justify-content : center;
}

#endpoint_method p, #endpoint_route p
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    padding : 10px;

    font-weight : bold;
}

#endpoint_route
{
    width : 100%;
    margin : 0px;
    padding : 0px;

    display : flex;
    align-items : center;
    justify-content : center;

    background-color :white;

    border-radius : 5px;

    color : #536171; 
}

#success_response pre
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items : center;
    justify-content : flex-start;

    border-radius : 5px;
}

#success_response pre code
{
    width : 100%;

    margin : 0px;
    padding : 0px;

    padding : 10px;
}

.GET
{
    font-weight : bold;
    color : white;
    background-color : #0f6ab4;

    border-radius : 5px;
}

.POST
{
    font-weight : bold;
    color : white;
    background-color : #10a54a;

    border-radius : 5px;
}

.PUT
{
    font-weight : bold;
    color : white;
    background-color : #c5862b;

    border-radius : 5px;
}

.PATCH
{
    font-weight : bold;
    color : white;
    background-color : #D38042;

    border-radius : 5px;
}

.DELETE
{
    font-weight : bold;
    color : white;
    background-color : red;

    border-radius : 5px;
}

.params
{
    color : #8d8d8d;
    font-weight : normal;
}