.webservice{
    display: flex;
    align-content: stretch;
    padding-top:4px;
    float: left;
    clear: left;
    width:100%;
    padding-bottom:4px;
    cursor:pointer;
}

.webservice:nth-child(even) {background: #fff}
.webservice:nth-child(odd) {background: #e7e7e8}

.webservice span {
    background: inherit;
    color:#58585a;
}
.webservice span a{
    font-weight:normal;
    color:#6188c4;
}
.webservice-id{
    flex: 80px 0 ;
    font-weight:bold;
    
}
.webservice i {
    flex: 0 0  25px;
}
.webservice-desription{
    flex: 1 0 auto ;
    margin-left: 20px;
}

.webservice-request-all{
    flex: 0 0  200px;
}
    
[data-hidden="true"],
#modalPanel[data-hidden="true"]{
    display:none;
}

#modalPanel[data-hidden="false"] ~ #oculusWrapper{
   filter: blur(1px); 
}

#modalPanel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
    top: 0px;
    background: rgba(0, 0, 0, 0.3);
}

#modalPanel > div{
   background-color: #313131;
   border: 1px solid #7e7e7e;
   box-shadow: 10px 12px 20px 0px rgba(0, 0, 0, 0.56);
}

.boxheader {
    float: left;
    height: 40px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background-color: #b2b3b6;
}
.boxheader .title {
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.dialog-body {
    padding: 60px 20px 20px 20px;
    color: #000;
    background-color: #e7e7e8;
    /*background-image: linear-gradient(rgba(204, 204, 204, 1), rgba(147, 147, 164, 0.8));*/
  }

  .boxfooter {
      float: left;
      width: 100%;
      text-align: center;
      line-height: 30px;
      color: #000;;
      background: #6188c4;
  }
  #testExternalEnviroment,
  #testInternalEnviroment
  {
      display:none;
  }
  
  #server-external:checked ~ #testExternalEnviroment:not([data-hidden="true"]){
    display:block;
  }
  
  #server-internal:checked ~ #testInternalEnviroment:not([data-hidden="true"]){
    display:block;
  }

  
  .serverChoice{
      margin-left: 7px;
      margin-right: 7px;
  }
  
  .dialog-body input[type="text"]{
      width:200px;
      border: 1px solid black;
  }
  .dialog-body select{
      width:202px;
      border: 1px solid black;
    
  }
  
  .title{
      width:120px;
      float:left;
  }
  .dialog-body fieldset{
      border:none;
   
  }
  #uri{
    color:#05467e !important;
  }
  #uri{
  /*    overflow:auto;*/
      display: inline-block;
      word-wrap: break-word;
      width: 700px;
      color:#05467e;
      text-decoration:underline;
      
  }
  
  #modalPanel > div.uri{
      color: #05467e;
      position: absolute;
      top: 5px;
      left: calc(50% - 475px);
      width: 919px;
      background-color: #e7e7e8;
      display: flex;
      justify-content: center;
      padding: 5px;
      border: 1px solid #7e7e7e;
    box-shadow: 10px 12px 20px 0px rgba(0, 0, 0, 0.56);
    max-height: 80px;
      overflow: auto;
  }
  
  #copyUri{
      right: 5px;
      position: absolute;
      margin-left: 10px;
      font-size: 20px;
      
  }
  .closeDialog{
      float:right;
  }
  .subbutton{
      display: inline-block;
      width: 50px;
      margin-top: 20px;
      color: #bbbaba;
      background: #5b5b5e;
      text-Align: center;
      font-size: 20px;
      font-weight: bold;
      float: right;
      margin-left: 5px;
  }
  .fa.service-icon{
      font-size: 15px;
      padding-left:5px;
  }
  
  .fa.service-icon[data-disabled="true"]{
      color:rgba(0,0,0,0.1);
  }
  .serverSettingDialog{
      width:400px;
  }
  
  .server-settings > *{
      margin:3px;
      float: left;
  }
  
  .server-settings  i{
      background-color: #fbfaf9;
      /*float:right;*/
      padding-top:1px;
      cursor:pointer;
  }
  
  .settings-label{
      padding-right:10px;
  }
  
  .settings-value{
      /*width:260px;*/
      padding-left: 50px;
  }

  .server-settings{
        color: #018fd7;
        font-weight: bold;
        font-size: 20px;
        margin: 15px 10px 30px 10px;
  }
  
  #addParamsButton[data-hidden="true"]{
      display:none;
  }
  
  .paramset{
     margin:2px 0px 2px;
  }