#contact-wrapper {
  width:300px;
  border:0px solid #e2e2e2;
  /*background:white;*/
  padding:20px;
}
#contact-wrapper div {
  clear:both;
  margin:1em 0;
}
#contact-wrapper label {
  display:block;
  float:none;
  font-size:16px;
  width:auto;
}
form#contactform button {
  border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
  border-style:solid;
  border-width:1px;
  padding:5px;
  font-size:16px;
  color:white;
  background-color: #4077aa;
}
form#contactform textarea {
  font-family:Arial, Tahoma, Helvetica, sans-serif;
  font-size:100%;
  padding:0.6em 0.5em 0.7em;
  border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
  border-style:solid;
  border-width:1px;
}

  .container{

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    border: 0px solid black;

    padding: 20px;
}

#con1{
    width: 100%;
    border: 1px solid #c8c8c8;
    background-color: #daebfb;
    height: 150px;
    border-right: 0px;
}

#con2{
    width: 100%;
    border: 1px solid #c8c8c8;
    background-color: #daebfb;
    height: 150px;
}

.file_block{
    overflow: hidden;
    background: none repeat scroll 0 0 #FFFFFF;
    position: relative;
    transition: height 0.8s ease-out 0s;
    -moz-transition: height 0.8s ease-out 0s;
    -webkit-transition: height 0.8s ease-out 0s;
    -o-transition: height 0.8s ease-out 0s;
}
    
.file_block iframe {
    border: 1px solid #000;
    padding: 10px;
}

.show_docs span {
    cursor: pointer;
}