@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900');
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,600');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

body {
  font-family: 'Source Sans Pro', sans-serif;
    overflow-x: hidden;
}

.mar-tb-15{
  margin-top:15px  ;
  margin-bottom:15px  ;
}
.pad-tb-0{
  padding-top:0px ;
  padding-bottom:0px ;
}
.pad-l-0{
  padding-left: 0 ;
}
.sidebar {
  margin: 0  ;
  padding: 20px  ;
  width: 320px  ;
  background-color: #f1f1f1  ;
  position: fixed  ;
  height: 100%  ;
  overflow: auto  ;
  padding-left: 15px  ;
  padding-right: 15px  ;
}
.panel-heading {
    padding: 0  ;
  }
  .common-title{
    margin-bottom: 0px  ;
    padding-top: 15px  ;
  }
.sidebar a {
  display: block  ;
  color: #333  ;
    padding: 8px 8px  ;
  text-decoration: none  ;
  font-size: 15px
}

.sidebar a.active {
  background-color: #212121  ;
  color: white  ;
}

.sidebar a:hover:not(.active) {
  background-color: #555  ;
  color: white  ;
}
.side-inner a {
    color: #333  ;
    padding: 5px 8px  ;
    font-size: 15px  
}
div.content {
  margin-left: 320px  ;
  padding: 1px 16px  ;
  height: 1000px  ;
}

ul {
  list-style-type: none  ;
}

/**/
.sidebar .panel-title > a:before {
    float: right   ;
    font-family: FontAwesome  ;
    content:"\f068"  ;
    padding-right: 5px  ;
}
.sidebar .panel-title > a.collapsed:before {
    float: right  ;
    content:"\f067"  ;
}
.sidebar li.innerli > a:before {
    float: right   ;
    font-family: FontAwesome  ;
    content:"\f107"  ;
    padding-right: 5px  ;    font-weight: 600;
}
.sidebar li.innerli > a.collapsed:before {
    float: right  ;
    content:"\f105"  ;
}
.sidebar .panel-title > a:hover,
.sidebar .panel-title > a:active,
.sidebar .panel-title > a:focus  {
    text-decoration:none  ;
}
.sidebar .panel-group .panel {
    margin-bottom: 0  ;
    border: none  ;
    box-shadow: none  ;
}
.sidebar .panel-body{
  border:none;
    background: #e7e7e7  ;
    padding: 2px 0  ;
}
.sidebar .panel-default>.panel-heading {
    background-color: #f1f1f1  ;
}

.side-sin a{
  font-size: 16px  ;
}
li.panel-collapse {
  padding-left: 4px; cursor: pointer;

}
li.panel-collapse a {
  width: auto;
   display: inline-block  ;
   padding: 2px 8px  ;
   background: #fff;
   border-radius: 10px;
   margin-right: 1px;
       border: 1px solid #ddd;  margin-top: 5px; margin-bottom: 5px;
}

/**/

.det-param .caret {
  cursor: pointer;
  -webkit-user-select: none  ; /* Safari 3.1+ */
  -moz-user-select: none  ; /* Firefox 2+ */
  -ms-user-select: none  ; /* IE 10+ */
  user-select: none  ;
  transform: rotate(270deg)  ;
}

.det-param .caret::before {
  color: black  ;
  display: inline-block  ;
  margin-right: 6px  ;
}

.det-param .caret-down {
  -ms-transform: rotate(360deg)  ; /* IE 9 */
  -webkit-transform: rotate(360deg)  ; /* Safari */'
  transform: rotate(360deg)  ;
}

.det-param .nested {
  display: none  ;
}

.det-param .active {
  display: block  ;
}
.watchlist{
  padding-bottom: 100px  ;
}



.api_sentence p.h5 {
  line-height: 22px  ;
  font-size: 16px;  
}

/* BADGE */

.blue-badge span, .yellow-badge span, .green-badge span{
  background: #4070ec  ;
  color: #fff  ;
  font-size: 16px  ;
  font-weight:   ;
  padding: 2px 5px  ;
  border-radius: 5px  ;
  margin-top: 30px  ;
  margin-bottom: 5px  ;
  display: block  ;
  float: left  ;
}
.yellow-badge span
{
  background:#e5c500  ;
}
.green-badge span {
    background: green  ;
}

.code-ps {
    background-color: #292b36  ;
    color: #ffffff  ;
    padding: 20px  ;
    border-radius: 6px  ;
    margin: 10px 0 20px 0  ;
    clear: both  ;
    font-family: 'Source Code Pro', monospace  ;
    word-break: break-word  ;
}
.code-ps p {
  margin-bottom: 0;
}
.code-wrp {
  white-space: pre-line;
}

.green-text {
  color: #008000  ;
}
.green-text-dark {
  color: #65B042  ;
}

.brown-text {
  color: #E28964  ;
}

.blue-text {
  color: #00f  ;
}
.blue-text-dark {
  color: #3387CC  ;
}

.red-text {
  color: red;
}
.table-bordered>thead>tr>th {
    background: #f3f3f3  ;
}
.nested li{
    white-space: pre-line  ;
    color:#65B042  ;
}
.pre{
    white-space: pre-line  ;
}
.arrow-top svg{
    content: '';
    position: fixed;
    height: 40px;
    width: 40px;
    bottom: 15px;
    right: 15px;
    z-index: 100;
    background: #4a4a4a;
    border-radius: 100%;
    padding:7px;
}

.api-about-top{
    display: none;
}
.arrow-top{
    display:none;
}
.panel-group {
    margin-bottom: 0px;
}
.panel-title {
    color: #fff;
    background: #212121;
    text-align: left;
    padding: 7px;
}

/* MEDIA QUERIES*/
@media screen and (max-width: 992px) {
    .h1 {
        font-size: 28px;
    }
    .h2 {
        font-size: 24px;
    }
    .h3 {
        font-size: 20px;
    }
    hr {
    margin-top: 15px;
    margin-bottom: 15px;
    }
    .h5 {
    font-size: 15px;
}
    .sidebar {
    width: 220px;
    }
    div.content{
        margin-left: 220px;
    }

}

@media screen and (max-width: 767px) {
    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
    }

  .api-about-top{
    display: block;
}
    .api-about-bot{
    display: none;
}
    div.content {
        margin-left: 0;
    }
.arrow-top{
    display:block;
}

}

@media screen and (max-width: 400px) {
    .sidebar a {
/*        text-align: center;*/
        float: none;
    }
      .code-ps ul{
        padding-left: 0
    }
    .det-param{
        padding-left: 15px;
    }
}
}
/*MEDIA QUERIES END*/