#modalPCWebData{
  overflow: hidden;
}

#modalPCWebData .modalHeader{
  background-color: #5a5858;
  height: 40px;
}

#modalPCWebData .headerTitle{
  font-size: 14px;
  color:white;
  padding: 10px;
}

#modalPCWebData .modalPCWebDataContainer{
  display:flex;
  justify-content: center;
  flex-direction: column;
  margin: 15px;
}

#modalPCWebData .mainTitle{
  margin-bottom: 30px;
  border-bottom-style: solid;
  border-bottom-width: thin;
  padding-bottom: 5px;
}

#modalPCWebData .input-groupWebData{
  display: flex;
  flex-direction: row-reverse;

}

#modalPCWebData .inputContainer {
    border-radius: 4px;
    width: 100%;
}

#modalPCWebData #inputPCWeb {
    padding-left: 20px;
    width: 95%;
    height: 20px;
    padding: 10px 5px;
}


#modalPCWebData .addPCDataWebBTN {
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    color: #fff;
    background: #007e90;

}

#modalPCWebData .addPCDataWebBTN[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

#modalPCWebData .hidden{
  display: none;
}

#modalPCWebData #urlPCError {
  display: none;
  font-size: 0.8em;
}

#modalPCWebData #urlPCError.visible {
  display: block;
}

#modalPCWebData input.invalid {
  border-color: red;
}

#modalPCWebData .errorMessage{
  display: flex;
  justify-content:center;
  font-size: 14px;
}

#modalPCWebData .disabled{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}