/* === Responsive Breakpoint Values === */
/* === SASS variables === */
body {
  overflow-x: hidden;
  padding-top: 70px;
  padding-bottom: 70px;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  background-color: #f5f5f5;
  height: 100%; }
  @media only screen and (min-width: 706.001px) {
    body {
      padding-top: 50px; } }

html {
  height: 100%; }

.navbar-header {
  width: 100%; }

.navbar-default .navbar-toggle {
  border-color: #008A9B; }

.navbar-default .navbar-toggle:hover {
  background-color: #007c8c; }

.navbar-default .navbar-toggle:focus {
  background-color: #007c8c; }

.nav-justified li a {
  text-align: left; }
  @media only screen and (max-width: 706px) {
    .nav-justified li a {
      border-bottom: 1px solid #D3D3D3; } }
  @media only screen and (min-width: 706.001px) {
    .nav-justified li a {
      text-align: center;
      border-left: 1px solid #D3D3D3; } }

@media only screen and (max-width: 991.99px) {
    .personalizationSection {
     height: 75px; } }

@media only screen and (min-width: 992px) {
    .personalizationSection {
        height: 56px; 
    }
}

.wid-auto {
  width: auto; }

.a-style, .a-style_underline, .green-item-title, .carousel-glyph {
  font-weight: semibold;
  color: #39842F;
  cursor: pointer; }

.a-style_underline {
  text-decoration: underline; }

.a-style:hover, .a-style_underline:hover, .green-item-title:hover, .carousel-glyph:hover, .a-style:active, .a-style_underline:active, .green-item-title:active, .carousel-glyph:active, .a-style:focus, .a-style_underline:focus, .green-item-title:focus, .carousel-glyph:focus {
  color: #39842F;
  drop-shadow: 2px #2f6d26; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: white; }

/* BUTTONS */
.btn-style, .green-btn, .green-btn-home {
  font-color: white;
  font-weight: semibold;
  text-align: center;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.3333333;
  margin-bottom: 1em;
  width: 100%; }

.btn-danger {
  background-color: #a70057; }

.btn-danger:hover {
  background-color: #a70057;
  box-shadow: 1px 1px 1px 0 #60605b; }

/*Button style for Buy this item for a Student or A Business*/
.button-danger {
  border-color: #39842F !important;
  background-color: #39842F !important; }

.button-danger:hover {
  background-color: #39842F !important;
  box-shadow: 1px 1px 1px 0 #60605b; }

.btn-100 {
  width: 100%; }

.green-btn, .green-btn-home {
  background-color: #39842F;
  border-color: #39842F;
  drop-shadow: 2px #2f6d26; }

.green-btn-sm {
  background-color: #39842F;
  border-color: #39842F; }
.green-btn-sm:disabled {
	background-color: #767676;
  	border-color: #767676;
}
.green-btn:hover, .green-btn-home:hover, .green-btn:focus, .green-btn-home:focus, .green-btn-sm:hover, .green-btn-sm:focus {
  background-color: #367c2c;
  border-color: #39842F;
  box-shadow: 1px 1px 1px 0 #60605b; }

.blue-shade-btn-sm {
  background-color: #008A9B;
  border-color: #008A9B;
  box-shadow: 1px 1px 1px 0 #60605b; }

.blue-shade-btn-sm:hover, .blue-shade-btn-sm:focus, .blue-shade-btn-sm:hover, .blue-shade-btn-sm:focus {
  background-color: #007382;
  border-color: #008A9B;
  box-shadow: 1px 1px 1px 0 #60605b; }

.gray-btn:hover, .back-gray-btn:hover, .gray-btn:active, .back-gray-btn:active, .gray-btn:focus, .back-gray-btn:focus {
  border-color: #39842F;
  color: #39842F;
  box-shadow: 1px 1px 1px 0 #60605b; }

.disabled-btn-style {
  background-color: #767676 !important;
  drop-shadow: #595959; }

.btn-text {
  font-size: 18px; }

.back-gray-btn {
  padding: 0.69em;
  width: 100%; }

/* BUTTON END */
/* FORM FIELDS */
.form-control:focus {
  border-color: #39842F; }

.form-group {
  max-width: 100%; }

.form-control {
  border-color: #39842F; }

/* FORM FIELD END */
.blue-shade-well {
  background-color: #008A9B; }

/* TEXT COLORS */
.green-txt, .back-gray-btn {
  color: #39842F; }

.text-blue {
  color: #428bca; }

.gray-text {
  color: #767676; }

.alert-text {
  color: #a70057;
  font-weight: semibold; }

.blue-shade-txt, .glyph-style, .carousel-caption h4 {
  color: #008A9B; }

.white-txt, .title-nav {
  color: white; }

.bolder {
  font-weight: bolder; }

.school-bold-text {
  color: black;
  font-weight: bold; }

.text-16, .green-item-title {
  font-size: 1.14285714em; }

.text-20 {
  font-size: 20px; }

.text-28 {
  font-size: 28px; }

/* TEXT COLOR END */
/* BORDER STYLES */
.green-bd, .back-gray-btn {
  border: 1px solid #39842F; }

.orange-bd {
  border: 1px solid orange; }

.border-blue {
  border: 1px solid #428bca; }

.border-red {
  border: 2px solid #a70057; }

.gray-border, .product-item .item-img, .product-item .item-desc, .ds-project-img, .ds-project-desc {
  border: 1px solid #ccc; }

.gray-bd-no-top {
  border-color: none #ccc; }

.img-bd {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  padding: 0.7em;
  float: none;
  margin: 0 auto; }

.no-round, .gray-btn, .back-gray-btn, .white-well {
  border-radius: 0; }

.round-3, .btn-style, .green-btn, .green-btn-home {
  border-radius: 3px; }

/* BORDER STYLE END */
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px; }

.theme-showcase .navbar .container {
  width: auto; }

.theme-showcase {
  min-height: 80%; }

.items {
  padding-top: 15px;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2); }

.navbar-toggle {
  float: left;
  margin-left: 15px; }

/* MARGINS */
.m-1 {
  margin: 1em; }

.m-bottom-1 {
  margin-bottom: 1em; }

.m-bottom-p5 {
  margin-bottom: 0.5em; }

.m-bottom-2 {
  margin-bottom: 2em; }

.m-bottom-9 {
  margin-bottom: 9em; }

.m-bottom-0 {
  margin-bottom: 0em; }

.m-top-2 {
  margin-top: 2em; }

.m-right-p5 {
  margin-right: 0.5em; }

.m-right-1 {
  margin-right: 1em; }

.m-right-5 {
  margin-right: 5em; }

.m-left-p5 {
  margin-left: 0.5em; }

.m-left-1 {
  margin-left: 1em; }

.m-p5 {
  margin: 0.5em; }

.m-0 {
  margin: 0px !important; }

/* MARGIN END */
/* BACKGROUND COLORS */
.bg-white, .gray-btn, .back-gray-btn, .gray-btn:hover, .back-gray-btn:hover, .gray-btn:active, .back-gray-btn:active, .gray-btn:focus, .back-gray-btn:focus, .white-well, .ds-project-img, .ds-project-desc {
  background-color: white; }

.bg-alert {
  background-color: #a70057; }

.bg-gray {
  background-color: #f5f5f5; }

.modal-blk-bkg {
  background-color: rgba(0, 0, 0, 0.7); }

.bg-green {
  background-color: #39842F; }

.bg-blue-shade {
  background-color: #008A9B; }

/* BACKGROUND COLOR END */
.brand-color {
  color: black; }

.relative {
  position: relative; }

.pad-bottom-1 {
  padding-bottom: 1em; }

.pad-2 {
  padding: 2em; }

.pad-left-2, .carousel-caption {
  padding-left: 2em; }

.pad-1 {
  padding: 1em; }

.pad-p5 {
  padding: 0.5em; }

.pad-p2, .title-nav {
  padding: 0.2em; }

.pad-left-p5 {
  padding-left: 0.5em; }

.pad-3p5 {
  padding: 3.5em; }

.pad-right {
  padding-right: 1em; }

.pad-rightp5 {
  padding-right: 0.5em; }

.pad-left {
  padding-left: 1em; }

.pad-top-1 {
  padding-top: 1em; }

.pad-top-p5 {
  padding-top: 0.5em; }

.pad-top-2p5 {
  padding-top: 2.5em; }

.pad-1p5 {
  padding: 1.5em; }

.large-text {
  font-size: 1.5em; }

hr {
  border-top: 1px solid #ccc; }

.wid-60 {
  width: 60%; }

.wid-70 {
  width: 70%; }

.wid-80 {
  width: 80%; }

.wid-90, .carousel-caption {
  max-width: 90%; }

.wid-100 {
  width: 100%; }

.wid-600 {
  width: 600px; }

.product .img-responsive {
  margin: 0 auto; }

.small-text {
  font-size: small; }

.school-drop {
  margin-bottom: 1em;
  border: 1px solid #39842F;
  border-radius: 5px; }

.no-pad {
  padding: 0 !important; }

.no-pad-left {
  padding-left: 0; }

.txt-cent {
  text-align: center; }

.inline-txt {
  display: inline-block; }

.relative {
  position: relative; }

.glyph-next {
  min-height: 95px;
  line-height: 95px; }

.fl-right {
  float: right; }

.fl-left {
  float: left; }

.gray-basic-box {
  border: 1px solid gray; }

.right-align {
  text-align: right; }

/* Item list boxes mobile */
.item--gray, .item--blue {
  background-color: lightgray;
  margin: .2em;
  box-sizing: border-box; }

.item--gray {
  border: 1px solid gray; }

.item--blue {
  border: 1px solid blue; }

/* END */
/* Placeholder styles */
::-webkit-input-placeholder {
  /* WebKit browsers */
  font-weight: 300; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-weight: 300; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-weight: 300; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-weight: 300; }

/* END */
.dropdown-menu {
  min-width: auto;
  width: 100%; }

.dropdown-toggle {
  min-width: auto;
  width: 100%; }

.box-shadow-1 {
  box-shadow: 0px 1px 6px -2px rgba(50, 50, 50, 0.3); }
.digitalStudioImages {
    height: 280px;
    overflow: hidden;
}
.dd-options {
  width: 300px;
  height: 221px;
  overflow: scroll;
  position: absolute;
  z-index: 1;
}

/*
Home page product item
*/
  .product-item {
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden; }

  .studentOrBusinessAddModal {
      display: none;
      position: absolute;
      top:25%;
      left: 20%;
      z-index: 2100;
  }

  .overlay {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2000;
    top: 0px;
    display: none;
    opacity: 0.5;
  }

  @media only screen and (max-width: 767px) {
    .product-item {
      padding: 0 15px;
      display: -webkit-flex;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
       OLD - Firefox 19- (buggy but mostly works) 
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex; } }

.product-item .item-img {
  background-color: white; }
  @media only screen and (max-width: 767px) {
    .product-item .item-img {
      float: left;
      width: 24.4%;
      vertical-align: bottom;
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      -ms-flex-align-items: stretch;
      align-items: stretch; } }

.product-item .item-desc {
  background-color: white; }
  @media only screen and (max-width: 767px) {
    .product-item .item-desc {
      float: left;
      width: 74%;
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      -ms-flex-align-items: stretch;
      align-items: stretch; } }
  @media only screen and (min-width: 706.001px) and (max-width: 767px) {
    .product-item .item-desc {
      padding-top: 7%;
      padding-bottom: 7%; } 
    }

/*@media only screen and (max-width: 769px) {
  .btn-resume {
    display: none; } }*/

/* columns of same height styles */
.height-290 {
  height: 290px; }

.vertical-cent {
  padding: 15% 0; }

.row-full-height {
  height: 100%; }

.col-full-height {
  height: 100%;
  vertical-align: middle; }

.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed; }

.col-xs-height {
  display: table-cell;
  float: none !important; }

@media (min-width: 768px) {
    .col-sm-height {
      display: table-cell;
      float: none !important; } 
    .detail-address .lg-hide {
        display: block;
    }

}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important; } }
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important; } }

    
/* vertical alignment styles */
.col-top {
  vertical-align: top; }

.col-middle {
  vertical-align: middle; }

.col-bottom {
  vertical-align: bottom; }

#ds-project {
  display: table;
  width: 97%; }

.ds-project-img, .ds-project-desc {
  float: none;
  padding: 20px;
  vertical-align: top; }

.ds-project-img {
  width: 17.85em;
  display: table-cell; }

.ds-project-desc {
  width: 50em;
  display: table-cell; }

.glyph-style {
  font-weight: semibold;
  font-size: 20px; }

/*#bot-txt {
  height: 325px; }*/

#bot-txt p {
  position: absolute;
  bottom: 0;
  left: 0; }
#bot-txt {
  position: absolute;
  bottom: 15px;
  right: 15px; }

.height-100 {
  min-height: 100%;
  height: 100%; }
.templateImage {
  height:402px;
  overflow:hidden
}
.chooseTemplate {
  height:auto;
  overflow:hidden;
}
/*.item-desc {
  height: 146px;
}*/
@media only screen and (min-width: 706.001px) {
  #dsLoginModal .modal-dialog {
    width: 90%; } 
    .detail-address .lg-hide {
        display: block;
    }
    .detail-address .sm-hide {
        display: none; 
    }
  }

@media only screen and (min-width: 706.001px) {
  #echeck-right {
    float: right;
    margin-right: 2em; } }

@media only screen and (min-width: 769.001px) {
  .desktop-and-up {
    display: none; } }

@media only screen and (min-width: 706.001px) {
  .lg-hide {
    display: none; } }

@media only screen and (max-width: 769px) {
    .sm-hide {
        display: none; }
    .lg-hide {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .detail-address .lg-hide {
        display: block;
    }
    .detail-address .sm-hide {
        display: none; 
    }
    .templateImage {
      height:inherit !important;
    }
    .customgiftproductrow {
      margin-right: -13px !important;
      margin-left: 0px !important;
    }
}
@media only screen and (max-width: 980px) {
    .templateImage {
      height:300px !important;
    }
}
@media only screen and (max-width: 769px) {
    .templateImage {
      height:100px !important;
    }
     .chooseTemplate {
      height:90px;
      overflow:hidden;
    }
    .templateButton {
      padding: 6px 12px;
      width: 69%;
    }
    /*.item-desc {
      height: 110px;
    }*/
}
@media only screen and (min-width: 768px) {
    .detail-address .lg-hide {
        display: none;
    }
    .detail-address .sm-hide {
        display: block; 
    }
   /* .templateImage {
        height:402px;
        overflow:hidden
    }*/
   /* .chooseTemplate {
      height:260px;
      overflow:hidden;
    }*/

    
}



.wid-400, .max-wid-object {
  max-width: 400px; }

.wid-500 {
  max-width: 500px; }

.wid-350, .content-body-max-wid {
  max-width: 350px; }

.max-wid {
  max-width: 100%; }

.ht-100 {
  height: 100%; }

.mark-select {
  height: 70px; }

.fl-left {
  float: left; }

.step {
  display: none; }

.step.active {
  display: block; }

.blue-shade-panel {
  background-color: #008A9B !important;
  border-radius: 0 !important; }

.blue-shade-header {
  border-radius: 0 !important; }

.alert-shade-panel {
  background-color: #a70057 !important; }

.multi-step .modal-dialog {
  border-radius: 0; }
  @media (max-width: 481px) {
    .multi-step .modal-dialog {
      background-color: #f5f5f5;
      height: 100%;
      margin: 0; } }

.multi-step .modal-dialog .modal-content {
  border-radius: 0; }
  @media (max-width: 481px) {
    .multi-step .modal-dialog .modal-content {
      background-color: #f5f5f5;
      min-height: 100%;
      margin: 0; } }

.panel-default > .panel-heading {
  background-color: white; }

.checkbox input[type=checkbox] {
  background-color: white;
  /* All browsers except webkit*/
  transform: scale(1.3);
  zoom: 1.3;
  margin-left: -10px;
  /* Webkit browsers*/
  -webkit-transform: scale(1.3); }

.preElement {
  white-space: pre; }

.trash-icon-style {
  padding: 16px 18px;
  background-color: #006a77;
  border-color: #008A9B; }
  .trash-icon-style:hover {
    background-color: #006a77;
    border-color: #008A9B;
    drop-shadow: 2px #2f6d26; }
  .trash-icon-style:active {
    background-color: #006a77;
    border-color: #008A9B; }

.shop-icon-style {
  background-color: #39842F;
  border-color: #2A7B1F;
  color: white;
  padding: 1.18em 1.2em; }
  .shop-icon-style:hover {
    background-color: #317128;
    border-color: #317128;
    color: white; }
  .shop-icon-style:active {
    background-color: #317128;
    border-color: #317128;
    color: white; }
  .shop-icon-style:visited {
    background-color: #317128;
    border-color: #317128;
    color: white; }
  .shop-icon-style:focus {
    background-color: #317128;
    border-color: #317128;
    color: white; }

.b-bottom-gray {
  box-shadow: 0 5px 4px -4px #60605b; }

  @media (max-width: 481px) {
    .title-nav {
      font-size: small; } }

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

.navbar-brand {
  padding: 15px 5px; }

.edit-pad-top {
  padding: 0.1em 0.3em; }

.close {
  opacity: 1;
  height: 30px;
  padding: 5px !important;
  width: 30px;
  background: url("/images/icons/ico-modalclose.svg") center no-repeat; }

.cart-svg {
  cursor: pointer; }

.yearbook-ad-icons {
  width: 105px;
  height: 135px;
  margin: auto;
  display: block;
  vertical-align: middle; }
  @media only screen and (min-width: 481.001px) and (max-width: 769px) {
    .yearbook-ad-icons {
      width: 100%;
      height: 105px; } }
  @media (max-width: 481px) {
    .yearbook-ad-icons {
      width: 53px;
      height: 70px; } }

.dd-container, .dd-select, .myDropdown {
  width: 100% !important;
  height: 70px;
  border-color: #39842F !important;
  background-color: white !important;
  color: #555 !important;
  display: block !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  border-radius: 4px !important; }

.dd-selected {
  border-color: #39842F;
  color: #555 !important; }

.dd-options {
  width: 100% !important; }

@media (max-width: 426px) {
  .customGiftProductItem .customGiftDesc {
    display: none;
  }
 }

@media (max-width: 481px) {
  .navbar-header {
    background: url("/images/icons/nav-landingmobile.svg") no-repeat; } }
@media only screen and (min-width: 481.001px) and (max-width: 769px) {
  .navbar-header {
    background: url("/images/icons/nav-landingtablet.svg") no-repeat; } }
@media only screen and (min-width: 769.001px) {
  .navbar-header {
    background: url("/images/icons/nav-desktopgraphic.svg") no-repeat; } }

@media (max-width: 481px) {
  .school-partial {
    background: url("/images/icons/graphic-ordercentermobile.svg") no-repeat;
    background-color: white; } }
@media only screen and (min-width: 481.001px) and (max-width: 769px) {
  .school-partial {
    background: url("/images/icons/graphic-ordercentertablet.svg") no-repeat;
    background-color: white; } }
@media only screen and (min-width: 769.001px) {
  .school-partial {
    background: url("/images/icons/graphic-ordercenterdesktop.svg") no-repeat;
    background-color: white; } }

@media (max-width: 481px) {
  .ordercenter-partial {
    background: url("/images/icons/graphic-ordercentermobile.svg") no-repeat;
    background-color: white; } }
@media only screen and (min-width: 706.001px) {
  .ordercenter-partial {
    background: url("/images/icons/graphic-ordercentertablet.svg") no-repeat;
    background-color: white; } }

@media only screen and (min-width: 706.001px) {
  .footer-text {
    text-align: center; } }

@media only screen and (min-width: 768px) {
  .customGiftProductItem {
    width: 33.3333%; }
  .customGiftProductItem .item-desc {
    height:366px; }
  .customgiftproductrow {
    margin-right: 0px;
    margin-left: -1px;
  }
 }


 @media only screen and (min-width:979px) {
  .customGiftProductItem {
    width: 25%; } }


.carousel-caption {
  position: relative;
  right: 0;
  left: 0;
  color: black;
  text-shadow: none;
  padding-bottom: 0; }

.carousel-close {
  opacity: 1;
  height: 30px;
  padding: 5px !important;
  width: 30px;
  float: right;
  background: url("/images/icons/ico-modalclose.svg") center no-repeat; }

.carousel-control {
  width: 10%; }

.carousel-control.left, .carousel-control.right {
  background: none !important;
  height: 25px;
  top: 220px; }

.carousel-glyph {
  text-shadow: none; }

.caro-bd-gray {
  border: 20px solid #f5f5f5; }

.caro-gray-bd {
  border: 1px solid #C7C0C0; }

@media only screen and (min-width: 706.001px) {
  .green-btn-home {
    width: 70%; } }


.searchByOrder {
  display: none;
}

.hide {
  display:none;
}
.show {
  display: block;
}

.loading {
  z-index: 1000;
}

.error {
  color: #a70057;
}

.ui-helper-hidden-accessible { display: none; }

.processProgressDiv {
  display: none;}
  
 .cart-svg {
  cursor: pointer;
  opacity: 1;
  height: 30px;
  padding: 5px !important;
  width: 30px;
  background: url("/images/icons/ico-cart.svg") center no-repeat; }

.cart-desktop-svg {
  cursor: pointer;
  opacity: 1;
  height: 30px;
  padding: 15px;
  width: 30px;
  background: url("/images/icons/ico-cart.svg") center no-repeat; }

.trash-svg {
  cursor: pointer;
  opacity: 1;
  height: 30px;
  padding: 5px !important;
  width: 30px;
  background: url("/images/icons/ico-delete.svg") center no-repeat; }

.edit-svg {
  cursor: pointer;
  opacity: 1;
  height: 30px;
  padding: 6px 12px;
  width: 30px;
  background: url("/images/icons/ico-edit.svg") center no-repeat; }
/*# sourceMappingURL=main.css.map */

@media only screen and (max-width: 769px) {
  .security {
    width: 50%; } }

@media only screen and (max-width: 319px) {
   .associateButton.small-text.btn {
      font-size: 10px;
      padding: 6px 0px;
  } 
  h5.white-txt{
    font-size: 14px;
  }
<<<<<<< .working
}

.productNameDisplay {
  text-align: center;
  font-size: 18px;
  font-weight: bolder;
=======
}
/* AddStudentName Style*/
.add_student {
    width: 203px !important;
    display: inline-block;
    clear: both !important;
    margin-left: 5px !important;
}
.student_separator {
  display: inline-block;
    margin: 0 20px;
    font-weight: 700;
    position: relative;
    top: -6px;
}
.student_revise {
    width: 203px !important;
    display: inline-block;
    margin-left: 0 !important;
}

.info_text {
  margin-top: 84px !important;
}

.error_msg {
  color: #000 !important; 
  text-align: center;
}

.btn_done {
  width: 90px !important;
}

.student_dopdown {
  text-align: center !important;
}

.txt_center {
  text-align: center !important;
}

.shutdownselect {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  width: 450px !important;
  height: 150px !important;
}
.countyClass {
  color: red;
}
.countyInputClass {
  border-color: red;
}

#receipt_email_btn {
  padding: 6px 16px;
}