
/* Style the list */
.swagger-section {
    height: 100%;
    margin-top: 40px;
}

.c-page > .row > .col-lg-8 > p:first-of-type {
    display: none;
}


.c-page > .row > .col-lg-8 > .swagger-section > #message-bar:first-of-type {
    display: none;
}

.swagger-section, .swagger-section li, .swagger-section p, .swagger-section a, .swagger-section label {
    font-weight: 300;
}

.swagger-section span {
    font-weight: 400;
}

.code-container ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.swagger-section .swagger-ui-wrap ul#resources li.resource ul.endpoints li.endpoint ul.operations li.operation div.content div.sandbox_header {
	margin-top: 10px;
}

.info_title {
  	padding-bottom: 10px;
    font-weight: bold;
    font-size: 25px;
}

/* Float the list items side by side */
.code-container ul.tab li {
    float: left; 
    list-style: none;
}

/* Style the links inside the list items */
.code-container ul.tab li a {
    display: inline-block;
    color: gray;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
  	font-weight: 400;
}

/* Change background color of links on hover */
.code-container ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
.code-container ul.tab li a:focus, .active {
  	background-color: #ccc;
}

.tab {
   	height: auto;
 	padding: 0px;
    margin: 0px auto;
    overflow: auto; 
}

.code-container {
  	font-weight: 400;
    color: gray;
}

.container ul {
  	margin: 0px auto;
}

.endpoints li {
	margin: 0px auto;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border: none;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.coming-soon-section {
  	font-weight: 300;
}

.coming-soon-section span {
  	font-weight: 300;
}

.coming-soon-section div {
  	margin-bottom: 16px;
  	
}

.coming-soon-header {
    color: #999999;
    text-decoration: none;
    border: 1px solid transparent;
    float: none;
    clear: both;
    overflow: hidden;
    display: block;
}

.coming-soon-endpoint {
    background-color: #f2f5f7;
    border: 1px solid #f1f1f1; 
}

.coming-soon-method {
    text-decoration: none;
    color: white;
    display: inline-block;
    width: 50px;
    font-size: 0.7em;
    text-align: center;
    padding: 7px 0 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    background-color: #95a9b9;
}

.coming-soon-enpoint-text {
 	font-size: 1.1em; 
  	line-height: 1.1em;
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.swagger-section .swagger-ui-wrap ul#resources li.resource {background: none;}