/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */

.hidden {
  display: none;
}

.strike{
  text-decoration: line-through;
}

.vertical-line {
  border-left: thick solid #000000;
}

.down-10 {
  margin-top: 10px;
}

.center {
  margin: 0 auto;
  text-align: center;
}

.purple {
  color: #9933aa;
}
/* line 5, /home/shobhit/inkmat/app/assets/stylesheets/carts.css.scss */
.line_item {
  padding: 5px;
}
/* line 4, /home/shobhit/inkmat/app/assets/stylesheets/page.css.scss */
.examples {
  margin: 10px auto;
  text-align: center;
}

/* line 8, /home/shobhit/inkmat/app/assets/stylesheets/page.css.scss */
.examples img {
  position: relative;
  z-index: 0;
  background: #fff;
  padding: 1px;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: 0px 0px 2px #fff;
  height: 150px;
  width: 150px;
}

/* line 20, /home/shobhit/inkmat/app/assets/stylesheets/page.css.scss */
.examples img:nth-child(even) {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
}

/* line 24, /home/shobhit/inkmat/app/assets/stylesheets/page.css.scss */
img.large {
  height: 250px;
  width: 250px;
}

/* line 28, /home/shobhit/inkmat/app/assets/stylesheets/page.css.scss */
.examples img:nth-child(3) {
  top: -5px;
}

/* line 35, /home/shobhit/inkmat/app/assets/stylesheets/page.css.scss */
.how-it-works-img {
  /*border: 2px solid #000000;*/
}
/* line 5, /home/shobhit/inkmat/app/assets/stylesheets/photos.css.scss */
.photo {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 4px;
  margin-left: 4px;
  border: 2px solid #eeeeee;
}

/* line 13, /home/shobhit/inkmat/app/assets/stylesheets/photos.css.scss */
.photo-selectable {
  cursor: pointer;
}

/* line 17, /home/shobhit/inkmat/app/assets/stylesheets/photos.css.scss */
.selected {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 2px;
  margin-left: 2px;
  border: 4px solid #ff00ff;
  background: #eeeeee;
}