body[class*="api-widgets"] {
    background: #f6f9fc;
}
.wrap.api-widgets *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.wrap.api-widgets *:before, .wrap.api-widgets *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.wrap.api-widgets h1.wp-heading-inline {
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 30px;
}
.wrap.api-widgets h1.wp-heading-inline img {
    margin: -4px 5px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.wrap.api-widgets {
    padding: 20px 0px 10px 0;
    margin: 0;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.wrap.api-widgets .main_content_cell {
    display: table-cell;
    height: 500px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
}
.wrap.api-widgets .main_content_cell .outer-box {
    padding: 10px 20px;
}
.wrap.api-widgets .sidebar_cell .box, .wrap.api-widgets .main_content_cell .outer-box {
    box-shadow: 0 1px 4px rgba(18,25,97,.078);
    border: 1px solid #e3e6ef;
    background: #fff;
}

.wrap.api-widgets .sidebar_cell {
    display: table-cell;
    height: 500px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 330px;
    padding: 74px 15px 0 20px;
}
.wrap.api-widgets .sidebar_cell .box {
    background: #fff;
    padding: 15px 20px;
    margin-bottom: 20px;
}
.wrap.api-widgets .sidebar_cell .box h3 {
    margin-top: 0;
}
.wrap.api-widgets .sidebar_cell .box h4 {
    margin: 0 -20px;
    padding: 2px 20px 15px;
    border-bottom: 1px solid #ddd;
    font-size: 0.9rem;
    background: #fff;
}
.wrap.api-widgets .sidebar_cell .box a {
    text-decoration: none;
}
.wrap.api-widgets .sidebar_cell .box.help-box {
    display: block;
    position: relative; 
}

.wrap.api-widgets .sidebar_cell .box.help-box .button {
    background: #2572c7;
    color: #fff;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 0.85rem;
    font-weight: 300;
    border: 2px solid #2572c7;
    box-shadow: 0 5px 12px -4px rgba(0 0 0 / 22%);
    margin: 25px 0 10px;
    width: 100%;
    display: block;
    text-align: center;
}
.wrap.api-widgets pre {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 500;
    color: #4e4d4d;
    font-size: 12px;
    margin: 10px 0 20px;
    display: inline-block;
}
.wrap.api-widgets pre code {
    background: #504f4f;
    padding: 10px 15px;
    border-radius: 5px;
    color: #FFF;
}
.wrap.api-widgets .sidebar_cell hr {
    margin: 20px 0;
}
.wrap.api-widgets .sidebar_cell ol {
    margin: 15px 0 0 15px;
}

@media screen and (max-width: 1024px) {
    .wrap.api-widgets .main_content_cell {
        width: auto;
        display: block;
        height: auto;
    }
    .wrap.api-widgets .sidebar_cell {
        width: auto;
        padding: 40px 0 0 0;
        display: block;
        height: auto;
    }
}