.picture-list {
  max-height: 770px;
  padding-bottom: 10px;
  overflow: auto; }
  .picture-list ul {
    list-style: none outside none;
    margin: 0 !important; }

.picture-list-wrapper {
  width: 70%;
  max-height: 820px; }

.full-width-picture-list-wrapper {
  width: 100% !important; }

#drawing-list-wrapper {
  max-height: 800px; }

.drawing-list {
  overflow-y: auto;
  margin-left: 10px;
  padding-bottom: 10px; }
  .drawing-list ul {
    list-style: none outside none;
    margin: 0 auto !important; }

.picture-item {
  float: left;
  cursor: move; }
  .picture-item md-card {
    width: 220px;
    height: 320px;
    background: white; }
    .picture-item md-card img {
      width: 200px;
      height:200px;
      margin: 0 auto;
      min-height: 0px; }
      .picture-item md-card img:hover {
        cursor: pointer; }

.not-for-customer-note {
  margin-top: -5px;
  font-size: small;
  font-style: italic;
  font-weight: bold;
  color: red; }

.drawing-item {
  float: left; }
  .drawing-item md-card {
    width: 300px;
    background: white; }
    .drawing-item md-card img {
      width: 250px;
      min-height: 0px;
      margin: 0 auto; }

.image-card-short-desc {
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  cursor: auto !important;
  overflow-y: auto;
  height: 70px; }

.edit-image-dialog {
  width: 1050px;
  background: white;
  padding: 10px;
  padding-bottom: 20px; }
  .edit-image-dialog img {
    width: 400px;
    display: block;
    margin: 0 auto; }
  .edit-image-dialog textarea {
    max-width: 400px;
    width: 400px;
    margin: 0 auto; }
  .edit-image-dialog .edit-buttons {
    margin: 10px; }

.edit-drawing-dialog {
  width: 1300px;
  background: white;
  padding: 10px;
  padding-bottom: 20px; }
  .edit-drawing-dialog img {
    width: 400px;
    display: block; }
  .edit-drawing-dialog textarea {
    max-width: 400px;
    width: 375px;
    margin: 0 auto;
    box-sizing: content-box !important; }
    .edit-drawing-dialog textarea:before {
      box-sizing: content-box !important; }
    .edit-drawing-dialog textarea:after {
      box-sizing: content-box !important; }
    .edit-drawing-dialog textarea:focus {
      box-sizing: content-box !important; }
    .edit-drawing-dialog textarea:active {
      box-sizing: content-box !important; }
  .edit-drawing-dialog .edit-buttons {
    margin: 10px; }

.drawing-layer-wrapper {
  position: relative;
  width: 450px;
  height: 683px; }

.drawing-layer-image {
  position: absolute;
  width: 400px; }

.deleted-image-dialog {
  width: 1100px;
  height: 700px;
  max-height: 700px;
  overflow: auto;
  background: white; }
  .deleted-image-dialog .picture-item {
    cursor: auto !important; }

/*rotate image*/
#edit-image-src {
  width: 400px;
  height: 400px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left; }
  #edit-image-src.rotate90 {
    -ms-transform: rotate(90deg) translateY(-100%);
    -webkit-transform: rotate(90deg) translateY(-100%);
    -moz-transform: rotate(90deg) translateY(-100%);
    -o-transform: rotate(90deg) translateY(-100%);
    transform: rotate(90deg) translateY(-100%); }
  #edit-image-src.rotate180 {
    -ms-transform: rotate(180deg) translateX(-100%, -100%);
    -moz-transform: rotate(180deg) translate(-100%, -100%);
    -o-transform: rotate(180deg) translate(-100%, -100%);
    -webkit-transform: rotate(180deg) translate(-100%, -100%);
    transform: rotate(180deg) translate(-100%, -100%); }
  #edit-image-src.rotate270 {
    -ms-transform: rotate(270deg) translateX(-100%);
    -o-transform: rotate(270deg) translateX(-100%);
    -moz-transform: rotate(270deg) translateX(-100%);
    -webkit-transform: rotate(270deg) translateX(-100%);
    transform: rotate(270deg) translateX(-100%); }

/*rotate image*/
.edit-drawing-src {
  width: 400px;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left; }
  .edit-drawing-src.rotate90 {
    -ms-transform: rotate(90deg) translateY(-100%);
    -webkit-transform: rotate(90deg) translateY(-100%);
    -moz-transform: rotate(90deg) translateY(-100%);
    -o-transform: rotate(90deg) translateY(-100%);
    transform: rotate(90deg) translateY(-100%); }
  .edit-drawing-src.rotate180 {
    -ms-transform: rotate(180deg) translateX(-100%, -100%);
    -moz-transform: rotate(180deg) translate(-100%, -100%);
    -o-transform: rotate(180deg) translate(-100%, -100%);
    -webkit-transform: rotate(180deg) translate(-100%, -100%);
    transform: rotate(180deg) translate(-100%, -100%); }
  .edit-drawing-src.rotate270 {
    -ms-transform: rotate(270deg) translateX(-100%);
    -o-transform: rotate(270deg) translateX(-100%);
    -moz-transform: rotate(270deg) translateX(-100%);
    -webkit-transform: rotate(270deg) translateX(-100%);
    transform: rotate(270deg) translateX(-100%); }

#image-slide-left-arrow-wrapper {
  margin-top: 200px;
  width: 40px; }

#image-slide-right-arrow-wrapper {
  margin-top: 200px;
  width: 45px; }

@media screen and (max-device-width: 1280px) {
  #edit-image-src {
    height: 200px;
    width: 200px; }

  #image-slide-left-arrow-wrapper {
    margin-top: 100px;
    width: 40px; }

  #image-slide-right-arrow-wrapper {
    margin-top: 100px;
    width: 45px; }

  .edit-image-dialog {
    width: 800px; }
    .edit-image-dialog img {
      width: 200px;
      display: block;
      margin: 0 auto; }
    .edit-image-dialog textarea {
      max-width: 400px;
      width: 400px;
      margin: 0 auto; }
    .edit-image-dialog .edit-buttons {
      margin: 10px; } }

/*# sourceMappingURL=photo-report-panel.css.map */