@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
body {
font-family: 'Poppins', sans-serif;
font-size:14px;
}
.top-nav .navbar {
background: #2d3f57;
color: #fff;
}
.top-nav .navbar form input {
border: none;
padding: 5px 6px;
font-size: 12px;
width: 215px;
border-radius: 2px; margin:0px;
}
.top-nav .navbar form input:focus {
box-shadow: none;
}
.top-nav .navbar form .btn {
display: inline-block;
background: #ee3823;
color: #fff;
font-size: 12px;
border: none;
padding: 5px 18px;
border-radius: 2px;
}
.top-nav .btn:focus{
box-shadow: none;
}
.custom_accordion .post_cover .post.postbg {
background: #ee3823;
color: #fff;
text-transform: uppercase;
padding: 4px 15px;
border-radius: 2px;
width: 65px;
text-align: center;
display: inline-block;
}
.custom_accordion .post_cover .post.postbg.getbg {
background: #2d3f57
padding: 2px 15px;
border-radius: 2px;
text-align: center;
display: inline-block;
font-size: 12px;
text-transform: capitalize;
}
.custom_accordion .post_cover span {
color: #000;
font-size: 12px;
padding-left: 9px;
text-transform: capitalize;
}
.custom_accordion .card-header {
padding: 4px 4px;
background-color: #ECF6FF;
}
.custom_accordion .card-body {
font-size: 13px;
padding: 10px;
border: 1px solid #ddd;
border-top: 0px;
}
.card{border:none !important;}
.card-body p {
margin: 0;
padding: 0 !important;
}
.heightscroll {
border: 1px solid #ddd;
background: #efefef;
border-radius: 4px;
max-height: 250px;
overflow: auto;
padding: 10px;
}
.Api_wrapper {
display: flex;
overflow-x: hidden;
width: 100%;
align-items: stretch;
}
.Api_wrapper #sidebar {
min-width: 250px;
max-width: 250px;
min-height: 650px;
max-height:100%;
background: #fbfbfb;
color: #fff;
transition: all 0.3s;
}
.Api_wrapper #sidebar.active {
margin-left: -250px;
}
.Api_wrapper #sidebar .sidebar-header {
color: #000;
border-bottom: 1px solid #ddd;
padding-left: 20px;
}
.Api_wrapper #sidebar ul.components {
padding-left: 0px;
}
.Api_wrapper #sidebar ul p {
color: #fff;
padding: 10px;
}
.Api_wrapper #sidebar ul li a {
padding: 5px 10px;
font-size: 14px;
display: block;
color: #3c597e;
}
.Api_wrapper #sidebar ul li.active>a, a[aria-expanded="true"] {
color: #ee3823;
}
.Api_wrapper #sidebar ul ul a {
font-size: 0.9em !important;
}
.Api_wrapper #sidebar ul, li a:hover {
color: #ee3823 !important;
}
.Api_wrapper #sidebar ul.CTAs {
padding: 20px;
}
.Api_wrapper #sidebar ul.CTAs a {
text-align: center;
font-size: 0.9em !important;
display: block;
border-radius: 5px;
margin-bottom: 5px;
}
.Api_wrapper #sidebar .sidebar-header {
color: #3c597e;
border-bottom: 1px solid #efefef;
padding: 8px 10px;
background: #efefef;
}
ul#homeSubmenu {
margin: 0px;
font-size: 13px;
}
.Api_wrapper .sidebar-header h4:after {
background: #ee3823;
content: "";
border-radius: 50%;
padding: 4px 4px;
font-size: 4px;
float: right;
margin-top: 6px;
}
.Api_wrapper .sidebar-header h4 {
Color: #3c597e;
font-size: 18px;
}
.Api_wrapper .list-unstyled.components li {
position: relative;
padding-left: 21px;
margin-left: 0px !important; margin:0px;
}
.Api_wrapper .list-unstyled.components li svg {
position: absolute;
top: 8px;
font-size: 15px;
left: 9px;
right: 0px;
}
.Api_wrapper #content {
padding: 0px 0px 0px 20px;
}
.Api_wrapper #content h2 {
border-bottom: 1px solid #ddd;
font-weight: 400;
font-size: 22px;
padding-bottom: 8px;
}
.card h2 {
padding: 15px;
}
.Api_wrapper #content .nav_tab_head h5 {
color: #fff;
}
.Api_wrapper .StyleDIV {
position: relative;
border-left: 4px solid #ee3823;
}
.Api_wrapper .StyleDIV p {
padding: 14px;
}
.Api_wrapper .StyleDIV:before {
background: #ee3823;
padding: 10px;
left: -12px;
content: "";
position: absolute;
top: 36px;
border-radius: 50%;
}
.Api_wrapper #content .nav_tab_head {
background: #2d3f57;
color: #fff;
padding: 8px 10px;
border-bottom: 1px solid #395171;
}
.Api_wrapper .nav-tabs>li.active>a {
background-color: #fff0;
background: #ee3823 !important;
color: #fff !important;
}
.Api_wrapper #content ul.nav.nav-tabs li{margin:0px;}
.Api_wrapper #content ul.nav.nav-tabs li a {
padding: 10px 8px;
color: #c7c7c7;
display: inline-block;
border: none;
}
.Api_wrapper #content ul.nav.nav-tabs {
background: #2d3f57;
color: #c7c7c7; border:none;
}
.Api_wrapper img.code_img {
width: 610px;
}
.card-header .post {
margin: 0;
}
table.fullwidth.parameters th {
background: #efefef;
padding: 6px;
text-transform: capitalize;
}
.table-bordered td, .table-bordered th {
border: 1px solid #dee2e6;
vertical-align: middle !important;
}
input.parameter {
border: 1px solid #ddd;
padding: 5px;
}
button.trybtn.btn {
background: #2d3f57;
color: #fff;
font-size: 12px;
border: none;
outline: none;
}
.select {
margin-top: 25px;
}
.select label {
font-size: 13px;
display: inline-block;
}
.select select {
display: inline;
width: 150px;
top: 5px;
position: relative;
}
th:first-child, td:first-child {
padding-left: 7px !important;
}
div#content form {
margin: 0 !important;
}
a{text-decoration:none !important;}
.custom_accordion .post_cover .post.postbg {
background: #2d3f57;}
.Api_wrapper #content ul.nav.nav-tabs li{margin:0px;}
<style>
.crcform .field-wrap label {
width: 100%;
display: block;
margin-top: 11px;
margin-bottom: 4px;
}
.crcform .field-wrap input, .field-wrap select {
width: 100%;
max-width: 100%;
}
.crcform {
background: #fff !important;
padding: 25px;
display: block;
float: left;
border-radius: 4px;
margin-top: 20px;
box-shadow: 0 0 5px #e2dede;
}
</style> @media (max-width: 767px) {
.responsive-table {
overflow: auto;
}
.Api_wrapper {
display: inherit;
overflow-x: hidden;
width: 100%;
align-items: stretch;
}
.Api_wrapper #sidebar {
margin-left: 0;
float: none;
width: 100%;
max-width: 100%;
height: auto;
min-height: auto;
padding-bottom: -4px;
}
.Api_wrapper #sidebar.active {
margin-left: 0;
}
.Api_wrapper #sidebarCollapse span {
display: none;
}
.top-nav .navbar form input {
margin-bottom: 10px;
width: 100%;
}
.Api_wrapper #content .nav_tab_head {
margin-top: 25px;
}
}