/*-- apiGuide --*/
@media (min-width:1024px){
.api-left, .api-ref-left{
	position: fixed;
}
.api-left .api-list,.api-ref-left .api-list{
	height: auto;
	top:125px;
	bottom:15px;
	box-shadow:2px 2px 2px var(--color-black)!important;
	width: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	position:fixed;
	display:block;
}
.new-apiMain .api-list {
	top:173px;
}
.api-left .api-list{
	border: 1px solid var(--color-medium);
}
.api-ref-left .api-list{
	border-right: 1px solid var(--color-medium);
	position: inherit;
	max-height: 480px;
}
.api-header {
    width: 100%;
}
.api_rel.api-header{
	width: 98%;
	z-index: 999;
}
.api_actnbtn {
	margin-right :120px;
}
}

.api-main .api-right {
	margin-left: 10px !important;
	padding-left: 10px !important;
}
.api-main .api-list,.api-main .api-right {
	background: var(--color-white) !important;
}
.api-main .panel-group .panel{
	border-radius: 0px;
	border: none;
	box-shadow: none;
	background: inherit;
}
.api-main .panel-body,.api-main .panel-heading{
	padding: 0px;
}
.api-main .panel-default > .panel-heading + .panel-collapse .panel-body,.api-main .panel-group .panel-heading + .panel-collapse .panel-body{
	border-top: 0px;
}
.api-main .panel-collapse{
	margin-top: 0px;
}
.api-main .panel-title > a,.panel-list li a{
	width: 100%;
	display: block;
	font-size: 14px !important;
}
.api-main .api-left .panel-title > a > i{
	float: right;
	font-size: 14px;	
}
.api-main .api-right .panel-title > a > i{
	float: left;
	font-size: 14px;	
}
.api-main .panel-group > .panel-group{
	padding-left: 10px;
}
.api-main .api-left .active,.api-ref-left .active{
	border-left: 3px solid var(--color-primary);
}
.api-main .panel-default{
	border: none;
}
.api-main .api-left .api-list{
	background: #f4f5f8 !important;
}
.api-main .panel-default .panel-heading{
	background: transparent !important;
}
.panel-list{
	list-style-type: none;
}
.api-main .panel-title > a{
	padding: 10px;
}
.api-left .panel-list li a{
	padding: 3px !important;
}
.api-left .panel-title a,.api-left .panel-list li a{
	color: var(--color-black) !important;
}
.api-left .panel-list li a:hover,.api-main .api-left .panel-title > a:hover,.api-main .api-left .active{
	background: var(--color-white-hover);
	border-bottom: 1px solid var(--color-medium);
}
.api-ref-left .panel-list li a:hover,.api-main .api-ref-left .panel-title > a:hover{
	background:var(--color-primary-hover);
	color: var(--color-white-hover);
	border-bottom: 1px solid var(--color-white-hover);
}
.api-main .api-ref-left .active{
	background: var(--color-primary);
	color: var(--color-white);
	border-bottom: 1px solid var(--color-white);
}
.api-main .child-sub-container{ 
	border-left: 1px solid var(--color-primary);
	padding-left: 10px !important;
}
.literal-api{
	font-family: monospace;
    border-radius: 4px;
    border: 1px solid var(--color-light);
    background: var(--color-faint);
    display: inline;
    font-size: 90%;
    padding: 0 3px;
}
.api-main h1,.api-main h2,.api-main h3{
	padding: 20px 0px 10px 0px;
}
.api-main pre {
	margin-right: 20px;
	clear: right;
	padding: 25px;
}
.data-obj{
 	min-height: 200px;
 	max-height: 600px;
 	overflow-y: auto;
    background-color: var(--color-rich);
    color: var(--color-warning-selected);
    padding: 1em;
    padding: 25px;
    margin: 0;
    clear: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 1px 2px var(--color-black);
}
.req-data{
	min-height: 120px;
 	max-height: 200px;
 	overflow-y: auto;
    background-color: var(--color-rich);
    color: var(--color-warning-selected);
    padding: 1em;
    padding: 25px;
    margin: 0;
    clear: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 1px 2px var(--color-black);
}
.api-main pre * {
	float: left;
}
.api-main .api-req-flag{
	border-right: 3px solid var(--color-medium);
	font-size: 13px;
	padding-right: 5px;
	color: var(--color-danger);
}
.api-main .api-optnl-flag{
	border-right: 3px solid var(--color-medium);
	font-size: 13px;
	font-weight: normal;
	padding-right: 5px;
}
.api-right .panel-body .strong,.update-req{
	padding-right: 10px;
}
.api-main dl {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: table-row;
}
.api-main dt{
	display: table-cell;
    width: 200px;
	text-align: right;
	padding-right: 10px;
}
.api-main dd{
	display: table-cell;
	padding-bottom: 20px;
}
.child-sub-container dt{
	/* min-width: 20%;
	width: auto;
	float: left; */
	display: table-cell;
	text-align: right;
	padding-right: 10px;
	width: auto;
}
.child-sub-container dd{
	/* min-width: 80%;
	width: auto;
	padding-left: 10px;
	float: right; */
	display: table-cell;
}
.api-table{
    width: 690px;
    padding-top: 20px;
    background: var(--color-faint);
    border: 1px solid var(--color-light) !important;
}
.api-table th {
	padding: 10px;
    line-height: 1.428571429;
    vertical-align: top;
    background: #e1e1e1 !important;
    border: 1px solid var(--color-light) !important;
    color: var(--color-heavy);
    font-size: 12px;
    font-weight: bold;
}
.api-table td {
	padding: 10px;
    line-height: 1.428571429;
    vertical-align: top;
    background: var(--color-background) !important;
    border: 1px solid var(--color-light) !important;
}
.api-main .api-right .panel-group .panel-title > a{
	padding: 0px !important;
	padding-bottom: 10px !important;
}
.api-srvc-header{
	background: var(--color-faint);
}
.api-actn-header i {
	font-size: 20px;
}
.api-main .panel-collapse{
	padding: 0px  !important;
	padding-top: 0px !important;
}