/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {/* Margin bottom by footer height */
  margin-bottom: 60px;
  overflow-y: scroll;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.pointer{
  cursor: pointer;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
}

#jsoneditor {
  height: 488px;
  margin-left: 10px;
}

.CodeMirror{
    height: 770px;
}

#param-jsoneditor {
  height: 191px;
}

div#editModal .modal-dialog {width: 90%;}

.operator {
    float: right;
}

.mocksetHeader {
    clear: both;
    padding: 1px 10px;
    line-height: 30px;
    border: 1px solid #c3d9ec;
    margin: -1px;
    border-radius: inherit;
    overflow: hidden;
    cursor: default;
}
.mocksetHeader code{
  font-size:16px;
}

.mockDiv.active{
    background-color: #F8E8EC !important;
    border: 1px solid #F4ADAD;
}
.mockDiv {margin: 10px 10px;background-color: #e7f0f7;     border: 1px solid #c3d9ec;border-radius: 5px;}

.mocksetContent {
    padding: 10px;
    display: none;
}

.mocksetContent pre {}

.mocksetContent.display {
    max-height: 10000px;
    padding: 10px;
    overflow: hidden;
}

.mocksetContent.display pre {
}

div#mockList {
    padding-bottom: 10px;
}

.mocksetContent h4 {
    color: #0f6ab4;
    font-size: 110%;
    font-weight: normal;
    font-family: 'Droid Sans', sans-serif;
}

span.mockType {
    color: #337AB7;
    /* font-weight: bold; */
    display: inline-block;
    /* padding: 12px; */
    width: 46px;
    font-weight: bold;
    margin-left: -10px;
    border-radius: 5px;
    text-align: center;
    margin: 0 10px 0 0;
}

.POST span.mockType {
    color: green;
}

.mockDiv.POST,.mockDiv.POST .mocksetHeader {
    border: 1px solid #C5E0C5;
}

.mockDiv.POST {
    background-color: #F2FAF3;
}

.newProject {
    font-size: 120%;
    float: right;
    color: #5996CA;
    cursor: pointer;
    /* background: #EEE; */
    display: inline-block;
    padding: 0 20px;
    line-height: 40px;
}

.newProject:hover {
    color: #337AB7;
}

.newProject .glyphicon-plus:before {
    vertical-align: middle;
}

.mockDiv.active .mocksetHeader {
    border: 1px solid #F4ADAD;
}

.mocksetHeader code {
    /* font-size: 100%; */
    margin-right: 10px;
}

div#projects .glyphicon-edit {
    display: none;
}

div#projects .active .glyphicon-edit {
    display: initial;
}

div#container {
    position: absolute;
    top: 51px;
    left: 0;
    right: 0;
    bottom: 0;
}

div#mockMenu {
    position: absolute;
    padding: 20px;
    left: 0;
    width: 200px;
    bottom: 0;
    top: 0;
    overflow-y: auto;
    border-right: 1px solid #eee;
}

div#mockList {
    position: absolute;
    left: 200px;
    padding: 30px;
    top: 0;
    right: 500px;
    bottom: 0;
    overflow-y: scroll;
    transition: right .5s;
    /* border-right: 1px solid #eee; */
}

div#mockTest {
    position: absolute;
    top: 1px;
    right:0;
    width: 500px;
    bottom: 0;
    /* overflow-y: auto; */
    z-index: 3;
    background-color: #FFF;
    border-left: 1px solid #eee;
    transition: width 0.5s;
}

.list-group-item.active a, .list-group-item.active:hover a, .list-group-item.active:focus a{
  color:#FFF;
}

div#mockTest form {
    padding: 20px;
}

div#mockTest.expand{
    width: 70%;
}

div#headersJson {
    height: 165px;
}

div#paramJson {
    height: 80px;
}

div#postParamJson {
    height: 112px;
}


div#mockTest.expand .form {
    width: 40%;
    float: left;
    padding: 0px 10px 0 0px;
}

div#mockTest.expand div#testResult {
    width: 59%;
    position: absolute;
    right: 0;
    bottom: 10px;
    top: 0;
    overflow-y: auto;
    height: auto;
}

button.btn.btn-default.btn-xs {}

div#testResult {
    height: 200px;
}

div#mockTest.hideTest .showButton{
  /* position:absolute; */
  /* left: -30px; */
}


div#mockTest.hideTest{
  width: 10px;
  /* overflow: hidden; */
}


div#mockTest.hideTest .mockTestContainer{
  display:none;
  /* width: 0; */
  /* overflow: hidden; */
  /* padding: 0; */
}
.mockTestContainer {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    overflow-y: auto;
    padding: 20px;
}

div#testTopButton {
    padding: 20px;
}

div#mockTest.hideTest #testTopButton {
  width: 40px;
  position: absolute;
  left: -40px;
  top: -40px;
  padding: 0px;
}

.alert.alert-gray {
    border-color: #CBCBCB;
}

pre {
    background-color: rgba(254, 254, 254, 0.55);
    border: 1px solid #F4F4F4;
    margin: 0;
}

div#mockList.hideTest {
    right: 0;
}