input[type="button"],
input[type="submit"],
input[type="reset"] {
	background-color: #4caf50;
	border: none;
	color: white;
	padding: 16px 32px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
}
input[type="text"],
input[type="file"] {
	/* background-color: #4CAF50; */
	border: 1px solid -internal-light-dark-color(black, white);
	padding: 16px 32px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
}
@font-face {
	font-family: poppins;
	src: url('./fonts/poppins/Poppins-Regular.ttf');
}
body{
  margin:0;
  padding:0;
  overflow: hidden;
  	font-family: poppins;
}
.project-panel{
  background-color: #3e87e2;
  color:#fff;
  width: 100%;
  font-size: 18px;
  padding:10px 10px;
      box-shadow: 0px 1px 8px 0 rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    margin-bottom: 10px;
}
pre{
  background: #f9f9f9;
}
 
.api-panel{
  margin-bottom: 70px;
}
.api-panel h2{
  padding : 10px 20px;
  font-size:20px;
  background-color: #3e87e2;
  color:#fff;
  border-radius: 5px;
}
.panel_delete h2{
  background-color: rgb(196,26,22) !important;
}
.panel_get h2{
background-color: #3e87e2 !important;

}
.panel_update h2{
background-color: #3e87e2 !important;
}
.api-panel h3{
  font-size:18px;
  margin-top:25px;
}
.text-s,.key{
  color: #3e87e2;
  white-space: break-spaces;
  overflow: hidden;
}
.text-d,.value{
  color: rgb(196,26,22);
}
.text-n{
  color: #333333;;
}
.response-status{
  font-size:12px;
  margin-left:20px;
}
.request-parm-panel table{
  border: none;
  border-collapse: collapse;
  width: 100%;;
}
.request-parm-panel table th,.request-parm-panel table td{
  font-size:12px;
  padding:7px;
}
.request-parm-panel table td{
  border-top:1px solid #cccccc;
}
.request-parm-panel table th{
  background-color: #f5f5f5;
}
.api-list{
  margin-top:25px;
}
.api-list ul{
  margin:0;
  padding:0;
  list-style: none;
}
.api-list ul > li{
  padding: 2px 5px;
}
.api-list ul > li a{
  text-decoration: none;
  font-size: 16px;
  color: #adadad;
  word-break: break-all;
  cursor: pointer;
}
.api-list ul > li a.active{
   color: #3e87e2;
   font-weight: bold;
}
.api-right-panel{
  position: fixed !important;height:90%;overflow-y: auto !important;right:0px;
  scrollbar-color: #3e87e2 #fff;
  scrollbar-width: thin;
    scroll-behavior: smooth;
}
 .api-left-panel{
  position: fixed !important;height:90%;overflow-y: auto !important;left:0px;
  scrollbar-color: #3e87e2 #fff;
  scrollbar-width: thin;
  
}

.pre code
{
    padding: 0;
    color: inherit;
    white-space: pre;
    white-space: pre-wrap;
    background-color: transparent;
    border: 0;
}
/* width */
::-webkit-scrollbar,.scroller::-webkit-scrollbar {
  width: 10px;
  border:none;
}

/* Track */
::-webkit-scrollbar-track,.scroller::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 3px;  
}

/* Handle */
::-webkit-scrollbar-thumb,.scroller::-webkit-scrollbar-thumb {
  background: #3e87e2;
  border-radius: 3px;
  
}