/* --------------------------------------------------------
-------------------
/* Global Masthead & Title
/* -------------------------------------------------------------------------- */

body {
    font-family: "Open Sans";
    margin: 0;
    padding: 48px;
    /*background: #e9eaed; */
  }

/* ----- */

.dropzone {
display: inline-block;
vertical-align:top;

}

.tile {
width: 200px;
min-height: 190px;
background: #ddd ;/*#90939b;*/
border-radius: 3px;
box-shadow: 0px 1px 2px rgba(0,0,0,0.12);
padding: 12px;
margin: 0px;
}

/* ---- */

.dropImage {
vertical-align: bottom;
z-index: 2;
max-width: 100%;
}

body.hover .tile {
box-shadow: 0px 0px 8px rgba(55, 111, 222, 1);
}

.tile.hover {
box-shadow: 0px 0px 8px rgba(55, 111, 222, 1);
}


.imageWrapper {

/* position: relative; */
text-align: center;
/* &.predrop {
  min-height: 400px;
  background-color: rgba(233, 234, 237,0.5);
  border: 1px dashed darken(rgba(233, 234, 237,1),10%);
} */
}

.dragDropInstructions {
/* position: absolute; */
margin: auto;
top: 50%;
left: 30%;
/* transform: translateX(-50%) translateY(-50%); */
color: rgb(24, 21, 21);
text-align: center;
}
.dropInput {
  display: none;
}

.dropDoc{
  max-width: 150px;
  height: 50px;
}

#parent_div_1{
  width: 150px;
  height: 100px;
  margin-right: 10px;
  float: left;
}
.child_div_1 {
  float: left;
  margin-right: 5px;
}

.fieldInput{
  /* display: none !important; */
  margin-top: 5px;
}