/*
Project: 16-17_1-36a
Author: Richy Thomas
*/


.svg-container {
  height: 0;
  padding-top: 85%; /* This will need to be adjusted accordingly to the size of your image */
  position: relative;
  width: 100%;
}

svg {
  position: absolute;
  top: 0;
  left: 0;
}

.table {
  margin: 30px 0 0 0;
}

.table>thead>tr>th {
    background-color: #CF6A24;
    color: #fff;
}

.table-entry {
  display: block;
  height: auto;
  line-height: 28px;
  min-height: 28px;
  width: 100%;
}

.table-entry:focus {
  outline: none;
}

[contenteditable=true]:empty:before {
  color:#cccccc;
  content: attr(placeholder);
  display: block; /* For Firefox */
}

.dropdown {
  width: 180px;
  position: absolute;
}

.glyphicon {
  top: -22px;
  z-index: 30;
}

.glyphicon-remove {
  color: #d20000;
}

.glyphicon-ok {
  color: #00a21d;
}

.mark-left {
  left: -30px;
  float: left;
}

.mark-right {
  right: -30px;
  float: right;
}

.show-section {
  display: block;
}


/* Tablet */
@media(min-width: 768px){

  .dropdown {
    width: 120px;
  }

  #dropdown-1 {
    top: 2px;
    left: 101px;
  }

  #dropdown-2 {
    top: 54px;
    left: 38px;
  }

  #dropdown-3 {
    top: 75px;
    right: 20px;
  }

  #dropdown-4 {
    top: 205px;
    left: 42px;
  }

  #dropdown-5 {
    top: 422px;
    right: 26px;
  }

  #dropdown-6 {
    top: 449px;
    left: 18px;
  }

  #dropdown-7 {
    top: 510px;
    left: 40px;
  }

  #dropdown-8 {
    top: 10px;
    right: 26px;
  }

  #dropdown-9 {
    top: 34px;
    left: 27px;
  }

  #dropdown-10 {
    top: 118px;
    right: 21px;
  }

  #dropdown-11 {
    top: 268px;
    right: 17px;
  }

  #dropdown-12 {
    top: 422px;
    right: 26px;
  }

  #dropdown-13 {
    top: 504px;
    left: 210px;
  }

}


/* Desktop */
@media(min-width:992px){

  .dropdown {
    width: 145px;
  }

  #dropdown-1 {
    top: 8px;
    left: 140px;
  }

  #dropdown-2 {
    top: 80px;
    left: 55px;
  }

  #dropdown-3 {
    top: 107px;
    right: 29px;
  }

  #dropdown-4 {
    top: 283px;
    left: 59px;
  }

  #dropdown-5 {
    top: 573px;
    right: 38px;
  }

  #dropdown-6 {
    top: 610px;
    left: 28px;
  }

  #dropdown-7 {
    top: 692px;
    left: 57px;
  }

  #dropdown-8 {
    top: 19px;
    right: 37px;
  }

  #dropdown-9 {
    top: 50px;
    left: 40px;
  }

  #dropdown-10 {
    top: 164px;
    right: 30px;
  }

  #dropdown-11 {
    top: 366px;
    right: 26px;
  }

  #dropdown-12 {
    top: 573px;
    right: 37px;
  }

  #dropdown-13 {
    top: 684px;
    left: 285px;
  }



}


/* Large Desktop */
@media(min-width:1200px){

  .dropdown {
    width: 180px;
  }

  #dropdown-1 {
    top: 13px;
    left: 168px;
  }

  #dropdown-2 {
    top: 103px;
    left: 63px;
  }

  #dropdown-3 {
    top: 136px;
    right: 32px;
  }

  #dropdown-4 {
    top: 353px;
    left: 69px;
  }

  #dropdown-5 {
    top: 711px;
    right: 43px;
  }

  #dropdown-6 {

    top: 755px;
    left: 30px;
  }

  #dropdown-7 {
    top: 857px;
    left: 66px;
  }

    #dropdown-8 {
    top: 28px;
    right: 42px;
  }

  #dropdown-9 {
    top: 66px;
    left: 45px;
  }

  #dropdown-10 {
    top: 207px;
    right: 34px;
  }

  #dropdown-11 {
    top: 455px;
    right: 28px;
  }

  #dropdown-12 {
    top: 711px;
    right: 42px;
  }

  #dropdown-13 {
    top: 849px;
    left: 348px;
  }

}


/* Print */
@media print {


}