.wrapper {    
	margin-top: 80px;
	margin-bottom: 20px;
}
.form-signin {
  max-width: 420px;
  padding: 30px 38px 66px;
  margin: 0 auto;
  background-color: #eee;
  border: 3px dotted rgba(0,0,0,0.1);  
  }

.form-signin-heading {
  text-align:center;
  margin-bottom: 30px;
}

.form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
}

input[type="text"] {
  margin-bottom: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
} 

input[type="password"] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.colorgraph {
  height: 7px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.color_title{
	color:#000;
	 margin:0;
}
.tableClsMain{
	width:50%;
	text-align:left;
	border: 1px solid #999;
    margin-bottom:10px;
	padding-top:10px;
}

.tableClsMain tr td{
	  padding:10px;
}

.tableCls{
	width:100%;
	text-align:left;
	    border: 1px solid #999;
    margin-bottom:10px;
	padding-top:10px;
}

.tableCls tr td{
	  padding:10px;
}
.head{
	background-color:#CCCCCC;
	font-weight:bold;
}
.code_txt{
	background:#000;
	color:#FFF;
	min-height:500px;
	width:100%;
}
.li_cls{padding-top:0px;}
.edit_api{ color:#000; font-weight:bold; font-size: 20px;}


.table_cls{
	width:100%;
}
.table_cls th, .table_cls td {
    border: 1px solid #e0e0e0;
    padding: 4px 12px;
    vertical-align: top;
	 
}
.table_cls th {
 background-color: #f5f5f5;
    font-weight: bold;
}
    
	
	
@media (min-width: 768px) {

.modal-dialog {
    width: 800px;
    margin: 30px auto;
}

}	

pre{
	    color: #0000FF;
    height: 200px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.navbar-inverse {
    background-color: #d3d3d3;
    border-color: #080808;
}
.navbar-inverse .navbar-nav>li>a {
    color: #000;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #484848;
    background-color: transparent;
}