@charset "UTF-8";
/* ----------- SASS ARCHITECTURE --------------
sass/
|
|– helpers/
|   |– _pageflex-variables.scss   # Sass Variables
|
|– pageflex/
|   |– _general.scss	# base styles 	(Updated 2024/01/19)
|   |– _icons.scss		# icon styles 	(Updated 2020/11/04)
|   |– _widgets.scss	# widget styles (Updated 2022/10/25)
|
`– pageflex.scss		# primary compiled Sass file for default theme
---------------------------------------------------------*/
@font-face {
  font-family: 'Open Sans';
  src: url("../../../../sfassets/fonts/OpenSans.eot");
  src: url("../../../../sfassets/fonts/OpenSans.eot?#iefix") format("embedded-opentype"), url("../../../../sfassets/fonts/OpenSans.woff2") format("woff2"), url("../../../../sfassets/fonts/OpenSans.woff") format("woff"), url("../../../../sfassets/fonts/OpenSans.ttf") format("truetype"), url("../../../../sfassets/fonts/OpenSans.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-weight: 400;
  font-style: normal;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'Open Sans';
  src: url("../../../../sfassets/fonts/OpenSans-Light.eot");
  src: url("../../../../sfassets/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../../../../sfassets/fonts/OpenSans-Light.woff") format("woff"), url("../../../../sfassets/fonts/OpenSans-Light.ttf") format("truetype"), url("../../../../sfassets/fonts/OpenSans-Light.svg#open_sanslight") format("svg");
  font-weight: 300;
  font-style: normal;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'Open Sans';
  src: url("../../../../sfassets/fonts/OpenSans-Semibold.eot");
  src: url("../../../../sfassets/fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../../../../sfassets/fonts/OpenSans-Semibold.woff") format("woff"), url("../../../../sfassets/fonts/OpenSans-Semibold.ttf") format("truetype"), url("../../../../sfassets/fonts/OpenSans-Semibold.svg#open_sanssemi700") format("svg");
  font-weight: 600;
  font-style: normal;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'Open Sans';
  src: url("../../../../sfassets/fonts/OpenSans-Bold.eot");
  src: url("../../../../sfassets/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../../../../sfassets/fonts/OpenSans-Bold.woff") format("woff"), url("../../../../sfassets/fonts/OpenSans-Bold.ttf") format("truetype"), url("../../../../sfassets/fonts/OpenSans-Bold.svg#open_sans700") format("svg");
  font-weight: bold;
  font-weight: 700;
  font-style: normal;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

body,
html {
  height: auto !important;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #d0d2d2;
  font: 1rem "Open Sans", Arial, sans-serif;
  color: #333333; }
  body.md-dialog-is-showing,
  html.md-dialog-is-showing {
    overflow: hidden; }
    body.md-dialog-is-showing .navbar-fixed-top,
    body.md-dialog-is-showing #productForm .status-bar.shrink,
    html.md-dialog-is-showing .navbar-fixed-top,
    html.md-dialog-is-showing #productForm .status-bar.shrink {
      z-index: 78; }
  body.height100,
  html.height100 {
    height: 100% !important; }
  body a,
  html a {
    color: #58595b; }
    body a:hover, body a:focus, body a:active,
    html a:hover,
    html a:focus,
    html a:active {
      color: #999595; }

.specialFormFillingMargin {
  margin-top: 138px; }

.Form_Header label,
.Form_Header textarea::placeholder,
.Form_Header_ExtraSpaceAbove label,
.Form_Header_ExtraSpaceAbove textarea::placeholder {
  font-weight: bold; }

.Form_Header_ExtraSpaceAbove {
  margin-top: 1.25rem;
  /* 20px */ }

.Form_Header input[type="radio"] + label,
.Form_Header_ExtraSpaceAbove input[type="radio"] + label {
  font-weight: normal; }

.Form_Normal_Indent {
  clear: both;
  padding-left: 4%; }

.Form_Normal_Indent2 {
  clear: both;
  padding-left: 8%; }

#previewArea {
  /*width: 100% !important; //overriding inline styles*/ }
  #previewArea iframe:not(.bitmapIframe) {
    background-color: #ffffff; }
  #previewArea .iframeWrap {
    position: relative;
    overflow: hidden;
    /*padding-top: 64.62%; //to keep the same iframe ratio*/ }
    #previewArea .iframeWrap iframe {
      /*width: 100% !important; //overriding inline styles*/
      /*height: 100% !important; //overriding inline styles*/
      position: absolute;
      top: 0;
      left: 0;
      border: 0; }
  @media screen and (max-width: 1199px) {
    #previewArea.fixed {
      top: 220px !important; } }

@media screen and (max-width: 991px) {
  #productForm .container {
    width: 100%; } }

#loader {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(134, 134, 134, 0.5); }
  #loader md-progress-circular {
    position: absolute;
    left: 50%;
    top: 50%; }

#loginPage {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  #loginPage > .login-page {
    flex: 1; }

.login-box {
  background-color: #ffffff;
  padding: 20px 40px;
  font-size: 0.875rem; }
  .login-box .login-heading {
    width: 96%;
    padding-bottom: 20px;
    margin: 0 2% 30px 2%;
    text-align: center;
    color: #999595;
    font-size: 1.3125rem;
    border-bottom: 1px solid #ddd; }
  .login-box .border-left {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-left: 1px solid #ddd; }
  .login-box .border-top {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #ddd; }
  .login-box .visible-custom {
    display: none !important; }
    @media screen and (min-width: 1126px) and (max-width: 1600px) {
      .login-box .visible-custom {
        display: block !important; } }

.md-dialog-container md-dialog.anonymous-login {
  max-width: 500px; }
  .md-dialog-container md-dialog.anonymous-login form#LoginForm {
    display: flex;
    flex-direction: column; }
  .md-dialog-container md-dialog.anonymous-login .login-box {
    padding: 20px 0; }
    .md-dialog-container md-dialog.anonymous-login .login-box .login-heading {
      width: 100%;
      margin: 0; }
    .md-dialog-container md-dialog.anonymous-login .login-box .new-account,
    .md-dialog-container md-dialog.anonymous-login .login-box .existing-account {
      margin: 0 -15px;
      border: 1px solid #d1d3d4;
      border-width: 1px 0 0 0; }
  .md-dialog-container md-dialog.anonymous-login #noSelfRegBox .login-box {
    padding: 20px 15px; }
  .md-dialog-container md-dialog.anonymous-login .recaptch-block {
    border-top: 1px solid #d1d3d4;
    padding-top: 20px;
    min-height: 115px; }

.forgot-password-box {
  background-color: #ffffff; }
  @media only screen and (min-width: 768px) {
    .forgot-password-box.col-sm-5.col-sm-offset-4 {
      width: 40%;
      margin-left: 30%; } }
  .forgot-password-box .login-heading {
    padding: 17px 40px;
    color: #999595;
    font-size: 1.125rem;
    border-bottom: 1px solid #ddd; }
  .forgot-password-box .form-group {
    padding: 40px;
    margin-bottom: 0; }
    .forgot-password-box .form-group .col-xs-12 {
      padding: 0; }
    .forgot-password-box .form-group .form-control {
      width: 100%;
      margin: 20px 0; }
    .forgot-password-box .form-group input[type=submit] {
      margin-left: 17px; }

#signin-modal h4,
#signup-modal h4,
#signup-error-modal h4,
#register-modal h4 {
  color: #999595;
  font-weight: bold;
  text-align: center; }

#signin-modal .error-message,
#signup-modal .error-message,
#signup-error-modal .error-message,
#register-modal .error-message {
  display: none;
  padding: 10px;
  background-color: #aa2611;
  color: #ffffff; }

#signin-modal.error .login-message,
#signup-modal.error .login-message,
#signup-error-modal.error .login-message,
#register-modal.error .login-message {
  display: none; }

#signin-modal.error .error-message,
#signup-modal.error .error-message,
#signup-error-modal.error .error-message,
#register-modal.error .error-message {
  display: block; }

#signin-modal.error .password-requirments,
#signup-modal.error .password-requirments,
#signup-error-modal.error .password-requirments,
#register-modal.error .password-requirments {
  display: block;
  color: #aa2611; }

#signin-modal .modal-footer,
#signup-modal .modal-footer,
#signup-error-modal .modal-footer,
#register-modal .modal-footer {
  text-align: left; }

#signin-modal .password-requirments,
#signup-modal .password-requirments,
#signup-error-modal .password-requirments,
.login-box .password-requirments {
  display: none;
  padding-top: 10px;
  font-size: 0.75rem;
  color: #868686; }
  #signin-modal .password-requirments ul,
  #signup-modal .password-requirments ul,
  #signup-error-modal .password-requirments ul,
  .login-box .password-requirments ul {
    padding-left: 18px;
    margin: 0; }

#signin-modal .error-message,
#signup-modal .error-message,
#signup-error-modal .error-message,
.login-box .error-message {
  display: none;
  padding: 10px;
  background-color: #aa2611;
  color: #ffffff; }

#signin-modal .signin-error .login-message,
#signup-modal .signin-error .login-message,
#signup-error-modal .signin-error .login-message,
.login-box .signin-error .login-message {
  display: none; }

#signin-modal .signin-error .error-message,
#signup-modal .signin-error .error-message,
#signup-error-modal .signin-error .error-message,
.login-box .signin-error .error-message {
  display: block; }

#signin-modal .signin-error .password-requirments,
#signup-modal .signin-error .password-requirments,
#signup-error-modal .signin-error .password-requirments,
.login-box .signin-error .password-requirments {
  display: block;
  background-color: #aa2611;
  color: #ffffff; }

#new-user .continueRegistrationButton, #existing-user .continueRegistrationButton, #noSelfRegBox .continueRegistrationButton {
  margin-top: 44px; }

#new-user .form-group, #existing-user .form-group, #noSelfRegBox .form-group {
  position: relative; }
  #new-user .form-group .form-control.password, #existing-user .form-group .form-control.password, #noSelfRegBox .form-group .form-control.password {
    padding-left: 30px;
    padding-right: 30px; }
  #new-user .form-group .icon.password, #existing-user .form-group .icon.password, #noSelfRegBox .form-group .icon.password {
    position: absolute;
    top: 7px;
    left: 10px;
    color: #868686; }
  #new-user .form-group #crlogin_error_icon,
  #new-user .form-group #crlogin_success_icon, #existing-user .form-group #crlogin_error_icon,
  #existing-user .form-group #crlogin_success_icon, #noSelfRegBox .form-group #crlogin_error_icon,
  #noSelfRegBox .form-group #crlogin_success_icon {
    display: none;
    position: absolute;
    top: 9px;
    right: 10px; }

#new-user, #existing-user {
  display: flex;
  flex-direction: column; }
  #new-user .login-form-data, #existing-user .login-form-data {
    flex: 1; }

#selfRegBox .login-box {
  display: flex;
  flex-direction: column; }

#selfRegBox .login-forms {
  display: flex; }

.popover.password-pop.password {
  min-width: 300px;
  max-width: 300px; }
  .popover.password-pop.password td {
    padding: 5px 0; }

.status-bar {
  width: 100%;
  padding: 20px 0;
  top: 100px;
  border-bottom: 1px solid #d0d2d2; }
  .status-bar .buttons {
    text-align: right; }
    .status-bar .buttons > span {
      display: inline-block;
      margin-bottom: 10px; }
    .status-bar .buttons a {
      margin-left: 15px; }
      .status-bar .buttons a:first-child {
        margin-left: 0; }
    .status-bar .buttons .tooltip.bottom .tooltip-arrow {
      border-bottom-color: #8fc63e; }
    .status-bar .buttons .tooltip-inner {
      background-color: #8fc63e;
      padding: 5px 8px;
      font-size: 0.875rem; }
  .status-bar .progress {
    font-size: 0.75rem;
    margin-top: 10px;
    margin-bottom: 10px; }

.field-error-in-tooltip {
  float: left;
  margin-right: 8px; }

#productForm .status-bar {
  padding: 0; }

.progress .progress-label {
  float: left;
  margin-right: 5px; }

.progress .progress-bar {
  margin-bottom: 0;
  background-image: none;
  background-color: #999595;
  font-weight: 400; }
  .progress .progress-bar[aria-valuenow="0"] {
    color: #333;
    margin-left: 5px; }

.cart-total .progress {
  margin-bottom: 0;
  white-space: normal; }
  .cart-total .progress .progress-bar {
    text-align: right;
    padding-right: 5px;
    font-size: 1rem;
    line-height: 2.05rem; }
    .cart-total .progress .progress-bar[aria-valuenow="0"] {
      padding-right: 0; }

.cart-total .progress-marker {
  width: 1px;
  height: 20px;
  position: absolute;
  background: #d1d3d4;
  bottom: 0; }

.cart-total .bar-wrap {
  position: relative; }

.cart-total .time-bar {
  margin-top: 5px;
  color: #868686;
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: capitalize; }
  .cart-total .time-bar .time-spot {
    display: block;
    float: left;
    width: 25%; }

#startPage {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  #startPage main.container {
    flex: 1;
    max-width: 100%; }

#catalogPage {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  #catalogPage > form {
    flex: 1; }
  #catalogPage #bulkDownloadButtons {
    text-align: right;
    padding-right: 30px; }

.panel-body h5,
.section h5 {
  margin-top: 0; }

.panel-body label.alert-warning > button.close,
.section label.alert-warning > button.close {
  height: 17px; }

.panel-body .btn-xs,
.section .btn-xs {
  margin: 0 5px 5px 0; }

.pagination {
  margin-top: 0;
  margin-bottom: 0; }
  .pagination > li {
    cursor: pointer; }
    .pagination > li > a,
    .pagination > li > span {
      height: 2.45rem;
      line-height: 2.45rem;
      padding-top: 0;
      margin: 0 5px;
      background-color: #e6e7e8;
      color: #58595b; }
      .pagination > li > a:hover, .pagination > li > a:focus,
      .pagination > li > span:hover,
      .pagination > li > span:focus {
        background-color: #999595;
        border-color: #999595;
        color: #f1f2f2; }
      .pagination > li > a:first-child, .pagination > li > a:last-child,
      .pagination > li > span:first-child,
      .pagination > li > span:last-child {
        border-radius: 0; }
      .pagination > li > a [class^="icon-"],
      .pagination > li > a [class*=" icon-"],
      .pagination > li > span [class^="icon-"],
      .pagination > li > span [class*=" icon-"] {
        font-size: inherit; }
    .pagination > li .previewDropdown {
      float: left;
      width: auto !important;
      font-size: 1rem; }
    .pagination > li.active > span {
      background-color: #999595;
      border-color: #999595; }
      .pagination > li.active > span:hover, .pagination > li.active > span:focus {
        background-color: #999595;
        border-color: #999595; }
    .pagination > li.active > a {
      background-color: #999595;
      border-color: #999595; }
      .pagination > li.active > a:hover, .pagination > li.active > a:focus {
        background-color: #999595;
        border-color: #999595; }

.form-fill {
  /* ---------- */ }
  .form-fill select {
    color: #999595; }
  .form-fill .section {
    background-color: #ffffff;
    padding: 40px;
    margin-bottom: 1.25rem;
    /* 20px */
    margin-top: -1.25rem;
    /* -20px */ }
    .form-fill .section td.fieldCell {
      padding: 0 15px 0.1875rem 0;
      /* 3px */ }
    .form-fill .section .subhead {
      margin-top: 1.25rem;
      /* 20px */
      padding-top: 1.25rem;
      /* 20px */
      border-top: 1px solid #e5e5e5; }
  .form-fill .product-preview,
  .form-fill .ui-effects-wrapper {
    position: relative;
    background-color: #ffffff;
    z-index: 1;
    overflow: hidden; }
    .form-fill .product-preview img,
    .form-fill .ui-effects-wrapper img {
      position: relative;
      max-width: 683px;
      width: 100%; }
      .form-fill .product-preview img.theme-image,
      .form-fill .ui-effects-wrapper img.theme-image {
        width: 100%; }
      .form-fill .product-preview img.theme-1, .form-fill .product-preview img.theme-2, .form-fill .product-preview img.theme-3,
      .form-fill .ui-effects-wrapper img.theme-1,
      .form-fill .ui-effects-wrapper img.theme-2,
      .form-fill .ui-effects-wrapper img.theme-3 {
        z-index: -1;
        position: absolute;
        top: 0; }
  .form-fill .form-control {
    color: #333333;
    border: 1px solid #d1d3d4;
    /*padding-right:30px;*/ }
  .form-fill .productField {
    padding-left: 5px;
    padding-right: 0px; }
  .form-fill .productRow {
    padding-left: 15px;
    padding-right: 15px; }
    @media only screen and (min-width: 768px) {
      .form-fill .productRow {
        padding-left: 22.5px;
        padding-right: 22.5px; } }
  .form-fill md-radio-button.form-control {
    width: auto !important; }
  .form-fill .form-group div[class^='col-'] {
    padding-left: 0; }
    .form-fill .form-group div[class^='col-'] > .img-responsive {
      margin-bottom: 1.25rem;
      /* 20px */ }
  .form-fill .form-group > p {
    margin-bottom: 0; }
  .form-fill .form-group small {
    font-size: 0.875rem; }
  .form-fill select[ID^='FIELD_'] {
    margin-bottom: 0.9375rem;
    /* 15px */ }
  .form-fill div[ID^='host'] {
    clear: both; }
  .form-fill .lbl {
    font-weight: 700;
    border-top: 1px solid #d1d3d4;
    padding: 0.625rem 0;
    /* 10px */ }
    .form-fill .lbl + br {
      display: none; }
  .form-fill table#hostsTable {
    margin: 0.625rem 0;
    /* 10px */ }
    .form-fill table#hostsTable tr td[ID^='hostRadio'] {
      padding-right: 10px; }
      .form-fill table#hostsTable tr td[ID^='hostRadio']:last-child {
        padding-right: 0; }
      .form-fill table#hostsTable tr td[ID^='hostRadio'] input[type="radio"] {
        margin-right: 5px; }
  .form-fill .conditional-block {
    border-top: 1px solid #d1d3d4;
    padding-top: 10px;
    /* 10px */
    margin-bottom: 1.25rem;
    /* 20px */ }
  .form-fill .materialDateField {
    overflow: hidden; }
    .form-fill .materialDateField .squareAroundValidationIcon {
      margin-top: -1.6875rem;
      /* 27px */ }
  .form-fill div[id^="step_"] {
    position: relative; }
  .form-fill div[id^="step_7"] {
    z-index: 1; }
  .form-fill div[id^="step_6"] {
    z-index: 2; }
  .form-fill div[id^="step_5"] {
    z-index: 3; }
  .form-fill div[id^="step_4"] {
    z-index: 4; }
  .form-fill div[id^="step_3"] {
    z-index: 5; }
  .form-fill div[id^="step_2"] {
    z-index: 6; }
  .form-fill div[id^="step_1"] {
    z-index: 7; }
  .form-fill .fauxPreview {
    padding: 10px;
    padding-top: 40px;
    border: dotted 2px #868686;
    cursor: pointer;
    text-align: center;
    font-size: 1.125rem;
    color: #868686; }
    .form-fill .fauxPreview h3 {
      font-size: 1.3125rem; }
  .form-fill .image-select button {
    margin: 0 0 10px 0; }
  .form-fill .image-select .btn-icon {
    min-width: 0;
    padding-right: 5px;
    padding-left: 5px; }
    .form-fill .image-select .btn-icon i,
    .form-fill .image-select .btn-icon .icon {
      line-height: 1rem; }
  .form-fill .form-fill-preview > .row > .col-sm-5,
  .form-fill .form-fill-preview > .row > .col-sm-7 {
    width: 100%; }
  .form-fill .kit-browser .slick-slide {
    position: relative;
    width: 32%;
    margin-left: 1%; }
    .form-fill .kit-browser .slick-slide img {
      max-width: 100%;
      height: auto;
      border: 1px solid transparent;
      cursor: pointer; }
      .form-fill .kit-browser .slick-slide img.selectedKitPart {
        border: 1px solid #009edc;
        border-width: 4px; }
    .form-fill .kit-browser .slick-slide .kit-browser-num {
      cursor: pointer;
      position: absolute;
      width: 1.125rem;
      height: 1.125rem;
      top: 5px;
      right: 10px;
      font-size: 0.75rem;
      line-height: 1.125rem;
      background-color: rgba(255, 255, 255, 0.5);
      border-radius: 50%;
      text-align: center; }
      .form-fill .kit-browser .slick-slide .kit-browser-num:hover, .form-fill .kit-browser .slick-slide .kit-browser-num.active, .form-fill .kit-browser .slick-slide .kit-browser-num.selectedKitPart {
        background-color: rgba(153, 149, 149, 0.7);
        color: #ffffff; }
  .form-fill #previewContainer .preview-loader {
    position: absolute;
    height: 100%;
    min-height: 350px;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.95);
    font-size: inherit; }
    .form-fill #previewContainer .preview-loader md-progress-linear {
      width: 90%;
      margin: 25% auto 0 auto; }
    .form-fill #previewContainer .preview-loader.fixed {
      position: fixed; }

#productForm .status-bar {
  z-index: 1;
  background-color: #ffffff;
  top: 100px;
  padding-bottom: 10px; }
  #productForm .status-bar .product-progress {
    background-color: #ffffff; }
    #productForm .status-bar .product-progress .btn-group .btn {
      min-width: 30px; }
      #productForm .status-bar .product-progress .btn-group .btn:first-child {
        margin-left: 0; }
      #productForm .status-bar .product-progress .btn-group .btn i {
        line-height: 0.25rem; }
    #productForm .status-bar .product-progress ol {
      margin: 0;
      padding: 6px 0 2px 0; }
  #productForm .status-bar.shrink {
    min-height: 0;
    position: fixed;
    z-index: 1031;
    top: 0;
    padding-top: 10px; }
    #productForm .status-bar.shrink select.scroll-section {
      margin-bottom: 10px; }
    #productForm .status-bar.shrink + main.container {
      padding-bottom: 100px; }

#checkoutPage {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  #checkoutPage #scopeContainer {
    flex: 1; }
  #checkoutPage .productRow.row > .row {
    margin-right: 0;
    margin-left: 0; }
    @media only screen and (min-width: 768px) {
      #checkoutPage .productRow.row > .row {
        margin-right: 7.5px;
        margin-left: 7.5px; } }

.checkout .cart-header,
.review-order .cart-header {
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: 700;
  color: #868686; }

.checkout .product-wrapper,
.review-order .product-wrapper {
  width: 100%;
  float: left; }

.checkout .product,
.review-order .product {
  position: relative;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ffffff; }

.checkout .review-address,
.review-order .review-address {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
  font-size: 12px;
  font-weight: bold;
  color: #868686; }

.checkout .cart-name,
.checkout .cart-qty,
.checkout .cart-total,
.review-order .cart-name,
.review-order .cart-qty,
.review-order .cart-total {
  font-weight: 700;
  color: #58595b; }
  .checkout .cart-name small,
  .checkout .cart-qty small,
  .checkout .cart-total small,
  .review-order .cart-name small,
  .review-order .cart-qty small,
  .review-order .cart-total small {
    display: block;
    margin-top: 5px;
    white-space: nowrap;
    font-weight: 400;
    color: #868686; }

.checkout .cart-details,
.review-order .cart-details {
  margin-top: 4%; }
  .checkout .cart-details .cart-name,
  .review-order .cart-details .cart-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .checkout .cart-details .cart-name small,
    .review-order .cart-details .cart-name small {
      display: block;
      margin: 5px 0 10px 0;
      text-transform: none; }
      .checkout .cart-details .cart-name small.product-custom-name,
      .review-order .cart-details .cart-name small.product-custom-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }

.checkout .cart-qty,
.checkout .cart-total,
.review-order .cart-qty,
.review-order .cart-total {
  margin-top: 4%; }

.checkout .cart-remove,
.review-order .cart-remove {
  margin-top: 4%; }
  .checkout .cart-remove .remove,
  .review-order .cart-remove .remove {
    cursor: pointer; }
    .checkout .cart-remove .remove:hover,
    .review-order .cart-remove .remove:hover {
      color: #999595; }

.checkout aside,
.review-order aside {
  padding-left: 0; }
  @media screen and (max-width: 767px) {
    .checkout aside,
    .review-order aside {
      padding-right: 0; } }

.checkout .productStep .discount,
.review-order .productStep .discount {
  float: left;
  max-width: 350px;
  min-width: 170px;
  display: table;
  margin: 10px 10px 0 0;
  padding: 5px 5px 5px 10px;
  border-radius: 1.75rem;
  font-size: 0.75rem;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 0.75rem;
  white-space: normal; }
  .checkout .productStep .discount span,
  .review-order .productStep .discount span {
    display: table-cell;
    vertical-align: middle;
    text-align: left; }
    .checkout .productStep .discount span.icon,
    .review-order .productStep .discount span.icon {
      line-height: 0;
      text-align: right;
      padding: 10px; }
      .checkout .productStep .discount span.icon:hover,
      .review-order .productStep .discount span.icon:hover {
        color: #ffffff;
        cursor: pointer; }

.checkout .price-overview,
.review-order .price-overview {
  margin-bottom: 20px; }
  .checkout .price-overview .total-review,
  .review-order .price-overview .total-review {
    background-color: #e5e5e5;
    color: #868686;
    font-weight: 700;
    font-size: 1rem;
    padding: 10px; }
    .checkout .price-overview .total-review .details-shipment .shipment-total,
    .checkout .price-overview .total-review .details-shipment .shipment-label,
    .review-order .price-overview .total-review .details-shipment .shipment-total,
    .review-order .price-overview .total-review .details-shipment .shipment-label {
      font-weight: 400;
      color: #58595b; }
    .checkout .price-overview .total-review .details-shipment .shipment-label,
    .review-order .price-overview .total-review .details-shipment .shipment-label {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .checkout .price-overview .total-review .details-shipment .shipment-total,
    .review-order .price-overview .total-review .details-shipment .shipment-total {
      font-size: 0.75rem; }
      .checkout .price-overview .total-review .details-shipment .shipment-total.display-small,
      .review-order .price-overview .total-review .details-shipment .shipment-total.display-small {
        display: none; }
    .checkout .price-overview .total-review .details-shipment.shipment-information:first-child .border-top,
    .review-order .price-overview .total-review .details-shipment.shipment-information:first-child .border-top {
      margin: 0;
      padding-top: 0;
      border-top-width: 0; }
    @media screen and (min-width: 768px) and (max-width: 992px) {
      .checkout .price-overview .total-review .details-shipment .shipment-label,
      .review-order .price-overview .total-review .details-shipment .shipment-label {
        float: none;
        width: 100%; }
      .checkout .price-overview .total-review .details-shipment > .row > .visible-sm-block, .checkout .price-overview .total-review .details-shipment.row > .visible-sm-block,
      .review-order .price-overview .total-review .details-shipment > .row > .visible-sm-block,
      .review-order .price-overview .total-review .details-shipment.row > .visible-sm-block {
        margin-top: 5px;
        padding-right: 15px;
        text-align: right; }
      .checkout .price-overview .total-review .details-shipment > .row > .price-detail-label.col-xs-4, .checkout .price-overview .total-review .details-shipment.row > .price-detail-label.col-xs-4,
      .review-order .price-overview .total-review .details-shipment > .row > .price-detail-label.col-xs-4,
      .review-order .price-overview .total-review .details-shipment.row > .price-detail-label.col-xs-4 {
        width: 60%;
        margin-left: 0;
        text-align: right; }
      .checkout .price-overview .total-review .details-shipment > .row > .col-xs-3.text-right, .checkout .price-overview .total-review .details-shipment.row > .col-xs-3.text-right,
      .review-order .price-overview .total-review .details-shipment > .row > .col-xs-3.text-right,
      .review-order .price-overview .total-review .details-shipment.row > .col-xs-3.text-right {
        width: 40%; }
      .checkout .price-overview .total-review .details-shipment > .row > .col-xs-4:not(.price-detail-label),
      .checkout .price-overview .total-review .details-shipment > .row > .col-xs-8.text-right, .checkout .price-overview .total-review .details-shipment.row > .col-xs-4:not(.price-detail-label),
      .checkout .price-overview .total-review .details-shipment.row > .col-xs-8.text-right,
      .review-order .price-overview .total-review .details-shipment > .row > .col-xs-4:not(.price-detail-label),
      .review-order .price-overview .total-review .details-shipment > .row > .col-xs-8.text-right,
      .review-order .price-overview .total-review .details-shipment.row > .col-xs-4:not(.price-detail-label),
      .review-order .price-overview .total-review .details-shipment.row > .col-xs-8.text-right {
        width: 50%; } }
    .checkout .price-overview .total-review .price-detail-label,
    .review-order .price-overview .total-review .price-detail-label {
      font-size: 0.75rem;
      color: #bfbfbf;
      padding-right: 0; }
    .checkout .price-overview .total-review .discount,
    .review-order .price-overview .total-review .discount {
      color: #d73c37; }
    .checkout .price-overview .total-review .border-top,
    .review-order .price-overview .total-review .border-top {
      margin: 5px 15px 0 15px;
      padding-top: 5px;
      border-top: 1px solid #58595b; }
    .checkout .price-overview .total-review .total-grand .price-detail-label,
    .review-order .price-overview .total-review .total-grand .price-detail-label {
      color: #868686; }
    .checkout .price-overview .total-review .over1k,
    .review-order .price-overview .total-review .over1k {
      font-size: 12px !important;
      white-space: nowrap; }
      .checkout .price-overview .total-review .over1k .row .price-detail-label,
      .review-order .price-overview .total-review .over1k .row .price-detail-label {
        font-size: 12px !important; }
      .checkout .price-overview .total-review .over1k .col-xs-3,
      .review-order .price-overview .total-review .over1k .col-xs-3 {
        padding-left: 0; }

.checkout .multiple-shipments,
.review-order .multiple-shipments {
  position: absolute;
  top: 85px;
  right: 40px;
  left: 40px; }

.checkout .split-shipments,
.review-order .split-shipments {
  margin: -54px 0 15px 0; }
  @media screen and (max-width: 768px) {
    .checkout .split-shipments,
    .review-order .split-shipments {
      margin-top: 0; } }
  .checkout .split-shipments .shipment-destination,
  .review-order .split-shipments .shipment-destination {
    vertical-align: top;
    margin: 7px 5px 0 0; }
  .checkout .split-shipments .chosen-container,
  .review-order .split-shipments .chosen-container {
    min-width: 45% !important; }
  .checkout .split-shipments .btn-xs,
  .review-order .split-shipments .btn-xs {
    min-width: 0;
    height: 34px;
    vertical-align: top !important;
    margin: 0 0 0 5px;
    padding: 5px 10px; }
    .checkout .split-shipments .btn-xs .icon,
    .review-order .split-shipments .btn-xs .icon {
      margin-top: 2px; }

.checkout .shipment-details,
.review-order .shipment-details {
  margin-bottom: 15px; }
  .checkout .shipment-details .shipment-item,
  .review-order .shipment-details .shipment-item {
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #ddd; }
    .checkout .shipment-details .shipment-item .shipment-name,
    .review-order .shipment-details .shipment-item .shipment-name {
      display: table-row; }
      .checkout .shipment-details .shipment-item .shipment-name > div,
      .review-order .shipment-details .shipment-item .shipment-name > div {
        display: table-cell;
        vertical-align: middle;
        float: none;
        padding: 15px 15px 0 0; }
        .checkout .shipment-details .shipment-item .shipment-name > div:last-child,
        .review-order .shipment-details .shipment-item .shipment-name > div:last-child {
          padding-right: 0; }
    .checkout .shipment-details .shipment-item .form-group .Form_Header,
    .review-order .shipment-details .shipment-item .form-group .Form_Header {
      font-weight: bold;
      margin-bottom: 20px; }
    .checkout .shipment-details .shipment-item .form-group .validationError .right,
    .review-order .shipment-details .shipment-item .form-group .validationError .right {
      margin-right: 0px; }
    .checkout .shipment-details .shipment-item hr,
    .review-order .shipment-details .shipment-item hr {
      display: none; }
    .checkout .shipment-details .shipment-item .validationError,
    .review-order .shipment-details .shipment-item .validationError {
      float: right; }

.checkout #divPlaceOrderButtons {
  margin-left: -15px; }

md-dialog#ccModal {
  min-height: 50vh;
  max-height: 100vh;
  min-width: 300px !important;
  background-color: #d0d2d2; }
  md-dialog#ccModal md-dialog-content#dialogContent_ccModal {
    max-width: 100%;
    background-color: #d0d2d2; }

.address-modal .new-address-label {
  margin-left: -2px; }

#shoppingCartPage form#aspnetForm {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 100px); }
  #shoppingCartPage form#aspnetForm main.container.cart {
    flex: 1; }

.container.cart .cart-header {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #868686; }
  .container.cart .cart-header .row {
    width: 100%;
    margin: 0; }
  .container.cart .cart-header > div > div {
    overflow: visible;
    white-space: nowrap; }
    .container.cart .cart-header > div > div.col-xs-1 {
      padding-left: 0;
      margin-left: -9px; }
  .container.cart .cart-header .header-item {
    margin-left: 15px; }
  .container.cart .cart-header .header-thumb {
    margin-right: 15px;
    margin-left: -15px; }

.container.cart .cart-table,
.container.cart .save-table,
.container.cart .save-placeholder,
.container.cart .progress-table {
  list-style: none;
  padding: 0; }
  .container.cart .cart-table .product,
  .container.cart .save-table .product,
  .container.cart .save-placeholder .product,
  .container.cart .progress-table .product {
    height: 164px;
    margin-bottom: 10px;
    background-color: #ffffff;
    margin-left: 0;
    margin-right: 0; }
    .container.cart .cart-table .product.undone,
    .container.cart .save-table .product.undone,
    .container.cart .save-placeholder .product.undone,
    .container.cart .progress-table .product.undone {
      height: auto;
      background-color: transparent; }
  .container.cart .cart-table .product-wrapper,
  .container.cart .save-table .product-wrapper,
  .container.cart .save-placeholder .product-wrapper,
  .container.cart .progress-table .product-wrapper {
    width: 100%;
    height: 164px;
    float: left;
    margin-bottom: 10px; }
  .container.cart .cart-table .undo,
  .container.cart .save-table .undo,
  .container.cart .save-placeholder .undo,
  .container.cart .progress-table .undo {
    padding-right: 0; }
  .container.cart .cart-table .cart-img,
  .container.cart .cart-table .cart-name,
  .container.cart .cart-table .cart-qty,
  .container.cart .cart-table .cart-total,
  .container.cart .cart-table .cart-remove,
  .container.cart .save-table .cart-img,
  .container.cart .save-table .cart-name,
  .container.cart .save-table .cart-qty,
  .container.cart .save-table .cart-total,
  .container.cart .save-table .cart-remove,
  .container.cart .save-placeholder .cart-img,
  .container.cart .save-placeholder .cart-name,
  .container.cart .save-placeholder .cart-qty,
  .container.cart .save-placeholder .cart-total,
  .container.cart .save-placeholder .cart-remove,
  .container.cart .progress-table .cart-img,
  .container.cart .progress-table .cart-name,
  .container.cart .progress-table .cart-qty,
  .container.cart .progress-table .cart-total,
  .container.cart .progress-table .cart-remove {
    height: 164px; }
  .container.cart .cart-table .undo-remove,
  .container.cart .save-table .undo-remove,
  .container.cart .save-placeholder .undo-remove,
  .container.cart .progress-table .undo-remove {
    background-color: #d0d2d2;
    padding-right: 0;
    line-height: 164px;
    text-align: right; }
    .container.cart .cart-table .undo-remove a,
    .container.cart .save-table .undo-remove a,
    .container.cart .save-placeholder .undo-remove a,
    .container.cart .progress-table .undo-remove a {
      float: none; }
      .container.cart .cart-table .undo-remove a i,
      .container.cart .cart-table .undo-remove a span,
      .container.cart .save-table .undo-remove a i,
      .container.cart .save-table .undo-remove a span,
      .container.cart .save-placeholder .undo-remove a i,
      .container.cart .save-placeholder .undo-remove a span,
      .container.cart .progress-table .undo-remove a i,
      .container.cart .progress-table .undo-remove a span {
        float: left;
        line-height: 1.125rem;
        padding-right: 5px; }
  .container.cart .cart-table .cart-img,
  .container.cart .save-table .cart-img,
  .container.cart .save-placeholder .cart-img,
  .container.cart .progress-table .cart-img {
    display: table;
    background-color: #ffffff;
    text-align: center; }
    .container.cart .cart-table .cart-img > div,
    .container.cart .save-table .cart-img > div,
    .container.cart .save-placeholder .cart-img > div,
    .container.cart .progress-table .cart-img > div {
      display: table-cell;
      vertical-align: middle; }
      .container.cart .cart-table .cart-img > div img,
      .container.cart .save-table .cart-img > div img,
      .container.cart .save-placeholder .cart-img > div img,
      .container.cart .progress-table .cart-img > div img {
        max-height: 120px;
        display: inline-block; }
      .container.cart .cart-table .cart-img > div small,
      .container.cart .save-table .cart-img > div small,
      .container.cart .save-placeholder .cart-img > div small,
      .container.cart .progress-table .cart-img > div small {
        display: block;
        margin-top: 3px;
        font-size: 0.6875rem; }
        @media screen and (max-width: 768px) {
          .container.cart .cart-table .cart-img > div small,
          .container.cart .save-table .cart-img > div small,
          .container.cart .save-placeholder .cart-img > div small,
          .container.cart .progress-table .cart-img > div small {
            font-size: 0.4875rem; } }
  .container.cart .cart-table .cart-name,
  .container.cart .cart-table .cart-qty,
  .container.cart .cart-table .cart-total,
  .container.cart .cart-table .cart-remove,
  .container.cart .save-table .cart-name,
  .container.cart .save-table .cart-qty,
  .container.cart .save-table .cart-total,
  .container.cart .save-table .cart-remove,
  .container.cart .save-placeholder .cart-name,
  .container.cart .save-placeholder .cart-qty,
  .container.cart .save-placeholder .cart-total,
  .container.cart .save-placeholder .cart-remove,
  .container.cart .progress-table .cart-name,
  .container.cart .progress-table .cart-qty,
  .container.cart .progress-table .cart-total,
  .container.cart .progress-table .cart-remove {
    padding-top: 50px;
    font-weight: 700; }
    @media screen and (max-width: 768px) {
      .container.cart .cart-table .cart-name,
      .container.cart .cart-table .cart-qty,
      .container.cart .cart-table .cart-total,
      .container.cart .cart-table .cart-remove,
      .container.cart .save-table .cart-name,
      .container.cart .save-table .cart-qty,
      .container.cart .save-table .cart-total,
      .container.cart .save-table .cart-remove,
      .container.cart .save-placeholder .cart-name,
      .container.cart .save-placeholder .cart-qty,
      .container.cart .save-placeholder .cart-total,
      .container.cart .save-placeholder .cart-remove,
      .container.cart .progress-table .cart-name,
      .container.cart .progress-table .cart-qty,
      .container.cart .progress-table .cart-total,
      .container.cart .progress-table .cart-remove {
        font-size: 0.6875rem;
        padding-top: 50px; }
        .container.cart .cart-table .cart-name select,
        .container.cart .cart-table .cart-name input,
        .container.cart .cart-table .cart-qty select,
        .container.cart .cart-table .cart-qty input,
        .container.cart .cart-table .cart-total select,
        .container.cart .cart-table .cart-total input,
        .container.cart .cart-table .cart-remove select,
        .container.cart .cart-table .cart-remove input,
        .container.cart .save-table .cart-name select,
        .container.cart .save-table .cart-name input,
        .container.cart .save-table .cart-qty select,
        .container.cart .save-table .cart-qty input,
        .container.cart .save-table .cart-total select,
        .container.cart .save-table .cart-total input,
        .container.cart .save-table .cart-remove select,
        .container.cart .save-table .cart-remove input,
        .container.cart .save-placeholder .cart-name select,
        .container.cart .save-placeholder .cart-name input,
        .container.cart .save-placeholder .cart-qty select,
        .container.cart .save-placeholder .cart-qty input,
        .container.cart .save-placeholder .cart-total select,
        .container.cart .save-placeholder .cart-total input,
        .container.cart .save-placeholder .cart-remove select,
        .container.cart .save-placeholder .cart-remove input,
        .container.cart .progress-table .cart-name select,
        .container.cart .progress-table .cart-name input,
        .container.cart .progress-table .cart-qty select,
        .container.cart .progress-table .cart-qty input,
        .container.cart .progress-table .cart-total select,
        .container.cart .progress-table .cart-total input,
        .container.cart .progress-table .cart-remove select,
        .container.cart .progress-table .cart-remove input {
          font-size: 0.6875rem; }
        .container.cart .cart-table .cart-name .time-spot,
        .container.cart .cart-table .cart-qty .time-spot,
        .container.cart .cart-table .cart-total .time-spot,
        .container.cart .cart-table .cart-remove .time-spot,
        .container.cart .save-table .cart-name .time-spot,
        .container.cart .save-table .cart-qty .time-spot,
        .container.cart .save-table .cart-total .time-spot,
        .container.cart .save-table .cart-remove .time-spot,
        .container.cart .save-placeholder .cart-name .time-spot,
        .container.cart .save-placeholder .cart-qty .time-spot,
        .container.cart .save-placeholder .cart-total .time-spot,
        .container.cart .save-placeholder .cart-remove .time-spot,
        .container.cart .progress-table .cart-name .time-spot,
        .container.cart .progress-table .cart-qty .time-spot,
        .container.cart .progress-table .cart-total .time-spot,
        .container.cart .progress-table .cart-remove .time-spot {
          display: none; } }
  .container.cart .cart-table .cart-total,
  .container.cart .save-table .cart-total,
  .container.cart .save-placeholder .cart-total,
  .container.cart .progress-table .cart-total {
    font-size: 0.6875rem;
    font-weight: 400; }
    .container.cart .cart-table .cart-total .price,
    .container.cart .save-table .cart-total .price,
    .container.cart .save-placeholder .cart-total .price,
    .container.cart .progress-table .cart-total .price {
      font-size: 0.875rem; }
    @media screen and (max-width: 992px) {
      .container.cart .cart-table .cart-total .price,
      .container.cart .save-table .cart-total .price,
      .container.cart .save-placeholder .cart-total .price,
      .container.cart .progress-table .cart-total .price {
        font-size: 0.6875rem; } }
    .container.cart .cart-table .cart-total > div,
    .container.cart .save-table .cart-total > div,
    .container.cart .save-placeholder .cart-total > div,
    .container.cart .progress-table .cart-total > div {
      margin-bottom: 5px; }
  .container.cart .cart-table .cart-details .cart-name,
  .container.cart .save-table .cart-details .cart-name,
  .container.cart .save-placeholder .cart-details .cart-name,
  .container.cart .progress-table .cart-details .cart-name {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .container.cart .cart-table .cart-details .cart-name small,
    .container.cart .save-table .cart-details .cart-name small,
    .container.cart .save-placeholder .cart-details .cart-name small,
    .container.cart .progress-table .cart-details .cart-name small {
      display: block;
      margin: 5px 0;
      padding-top: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-transform: none;
      font-weight: normal; }
    .container.cart .cart-table .cart-details .cart-name .btn-form-fill,
    .container.cart .save-table .cart-details .cart-name .btn-form-fill,
    .container.cart .save-placeholder .cart-details .cart-name .btn-form-fill,
    .container.cart .progress-table .cart-details .cart-name .btn-form-fill {
      margin-top: 10px; }
      @media screen and (max-width: 768px) {
        .container.cart .cart-table .cart-details .cart-name .btn-form-fill,
        .container.cart .save-table .cart-details .cart-name .btn-form-fill,
        .container.cart .save-placeholder .cart-details .cart-name .btn-form-fill,
        .container.cart .progress-table .cart-details .cart-name .btn-form-fill {
          width: auto;
          min-width: 0;
          height: auto;
          padding: 5px;
          font-size: 0.875rem; } }
    .container.cart .cart-table .cart-details .cart-name .addCart,
    .container.cart .save-table .cart-details .cart-name .addCart,
    .container.cart .save-placeholder .cart-details .cart-name .addCart,
    .container.cart .progress-table .cart-details .cart-name .addCart {
      display: none; }
  .container.cart .cart-table .cart-details .cart-edit,
  .container.cart .save-table .cart-details .cart-edit,
  .container.cart .save-placeholder .cart-details .cart-edit,
  .container.cart .progress-table .cart-details .cart-edit {
    position: absolute;
    white-space: nowrap;
    bottom: 10px;
    font-size: 0.6875rem; }
  .container.cart .cart-table .cart-qty,
  .container.cart .cart-table .cart-progress,
  .container.cart .save-table .cart-qty,
  .container.cart .save-table .cart-progress,
  .container.cart .save-placeholder .cart-qty,
  .container.cart .save-placeholder .cart-progress,
  .container.cart .progress-table .cart-qty,
  .container.cart .progress-table .cart-progress {
    padding-top: 43px; }
    .container.cart .cart-table .cart-qty .cart-qty-records,
    .container.cart .cart-table .cart-progress .cart-qty-records,
    .container.cart .save-table .cart-qty .cart-qty-records,
    .container.cart .save-table .cart-progress .cart-qty-records,
    .container.cart .save-placeholder .cart-qty .cart-qty-records,
    .container.cart .save-placeholder .cart-progress .cart-qty-records,
    .container.cart .progress-table .cart-qty .cart-qty-records,
    .container.cart .progress-table .cart-progress .cart-qty-records {
      padding-top: 7px; }
    .container.cart .cart-table .cart-qty input,
    .container.cart .cart-table .cart-qty select,
    .container.cart .cart-table .cart-progress input,
    .container.cart .cart-table .cart-progress select,
    .container.cart .save-table .cart-qty input,
    .container.cart .save-table .cart-qty select,
    .container.cart .save-table .cart-progress input,
    .container.cart .save-table .cart-progress select,
    .container.cart .save-placeholder .cart-qty input,
    .container.cart .save-placeholder .cart-qty select,
    .container.cart .save-placeholder .cart-progress input,
    .container.cart .save-placeholder .cart-progress select,
    .container.cart .progress-table .cart-qty input,
    .container.cart .progress-table .cart-qty select,
    .container.cart .progress-table .cart-progress input,
    .container.cart .progress-table .cart-progress select {
      text-align: center;
      max-width: 85px;
      min-width: 50px; }
    .container.cart .cart-table .cart-qty select,
    .container.cart .cart-table .cart-progress select,
    .container.cart .save-table .cart-qty select,
    .container.cart .save-table .cart-progress select,
    .container.cart .save-placeholder .cart-qty select,
    .container.cart .save-placeholder .cart-progress select,
    .container.cart .progress-table .cart-qty select,
    .container.cart .progress-table .cart-progress select {
      max-width: 100%; }
    .container.cart .cart-table .cart-qty .input-group-addon,
    .container.cart .cart-table .cart-progress .input-group-addon,
    .container.cart .save-table .cart-qty .input-group-addon,
    .container.cart .save-table .cart-progress .input-group-addon,
    .container.cart .save-placeholder .cart-qty .input-group-addon,
    .container.cart .save-placeholder .cart-progress .input-group-addon,
    .container.cart .progress-table .cart-qty .input-group-addon,
    .container.cart .progress-table .cart-progress .input-group-addon {
      padding: 5px 0 0 0;
      border: 0;
      background-color: transparent; }
    .container.cart .cart-table .cart-qty .update-qty,
    .container.cart .cart-table .cart-progress .update-qty,
    .container.cart .save-table .cart-qty .update-qty,
    .container.cart .save-table .cart-progress .update-qty,
    .container.cart .save-placeholder .cart-qty .update-qty,
    .container.cart .save-placeholder .cart-progress .update-qty,
    .container.cart .progress-table .cart-qty .update-qty,
    .container.cart .progress-table .cart-progress .update-qty {
      margin: 0; }
    .container.cart .cart-table .cart-qty small,
    .container.cart .cart-table .cart-progress small,
    .container.cart .save-table .cart-qty small,
    .container.cart .save-table .cart-progress small,
    .container.cart .save-placeholder .cart-qty small,
    .container.cart .save-placeholder .cart-progress small,
    .container.cart .progress-table .cart-qty small,
    .container.cart .progress-table .cart-progress small {
      display: block;
      clear: both;
      float: left;
      width: 100%;
      max-width: 88px;
      margin-top: 10px;
      font-weight: 400;
      text-align: center;
      white-space: nowrap; }
    .container.cart .cart-table .cart-qty a,
    .container.cart .cart-table .cart-progress a,
    .container.cart .save-table .cart-qty a,
    .container.cart .save-table .cart-progress a,
    .container.cart .save-placeholder .cart-qty a,
    .container.cart .save-placeholder .cart-progress a,
    .container.cart .progress-table .cart-qty a,
    .container.cart .progress-table .cart-progress a {
      color: #58595b; }
      .container.cart .cart-table .cart-qty a:hover,
      .container.cart .cart-table .cart-progress a:hover,
      .container.cart .save-table .cart-qty a:hover,
      .container.cart .save-table .cart-progress a:hover,
      .container.cart .save-placeholder .cart-qty a:hover,
      .container.cart .save-placeholder .cart-progress a:hover,
      .container.cart .progress-table .cart-qty a:hover,
      .container.cart .progress-table .cart-progress a:hover {
        color: #999595; }
  .container.cart .cart-table .cart-remove,
  .container.cart .save-table .cart-remove,
  .container.cart .save-placeholder .cart-remove,
  .container.cart .progress-table .cart-remove {
    background-color: #d0d2d2; }
    .container.cart .cart-table .cart-remove a,
    .container.cart .save-table .cart-remove a,
    .container.cart .save-placeholder .cart-remove a,
    .container.cart .progress-table .cart-remove a {
      color: #58595b;
      cursor: pointer; }
      .container.cart .cart-table .cart-remove a:hover,
      .container.cart .save-table .cart-remove a:hover,
      .container.cart .save-placeholder .cart-remove a:hover,
      .container.cart .progress-table .cart-remove a:hover {
        color: #999595; }
  .container.cart .cart-table .product-rename,
  .container.cart .save-table .product-rename,
  .container.cart .save-placeholder .product-rename,
  .container.cart .progress-table .product-rename {
    clear: both;
    float: left;
    width: 100%;
    margin-top: -5px; }
    .container.cart .cart-table .product-rename input,
    .container.cart .save-table .product-rename input,
    .container.cart .save-placeholder .product-rename input,
    .container.cart .progress-table .product-rename input {
      float: left;
      width: 52%;
      text-align: left;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400; }
    .container.cart .cart-table .product-rename a,
    .container.cart .save-table .product-rename a,
    .container.cart .save-placeholder .product-rename a,
    .container.cart .progress-table .product-rename a {
      float: left; }
      .container.cart .cart-table .product-rename a.btn,
      .container.cart .save-table .product-rename a.btn,
      .container.cart .save-placeholder .product-rename a.btn,
      .container.cart .progress-table .product-rename a.btn {
        color: #999595;
        font-size: small;
        min-width: 0;
        width: auto;
        padding: 6px 10px;
        height: 30px;
        margin-left: 5px; }
        .container.cart .cart-table .product-rename a.btn.btn-cancel-name,
        .container.cart .save-table .product-rename a.btn.btn-cancel-name,
        .container.cart .save-placeholder .product-rename a.btn.btn-cancel-name,
        .container.cart .progress-table .product-rename a.btn.btn-cancel-name {
          color: #868686; }
        .container.cart .cart-table .product-rename a.btn:hover,
        .container.cart .save-table .product-rename a.btn:hover,
        .container.cart .save-placeholder .product-rename a.btn:hover,
        .container.cart .progress-table .product-rename a.btn:hover {
          color: #ffffff; }
  .container.cart .cart-table .cart-error,
  .container.cart .save-table .cart-error,
  .container.cart .save-placeholder .cart-error,
  .container.cart .progress-table .cart-error {
    position: absolute;
    z-index: 1;
    width: 74%;
    top: 15px;
    left: 17.88889%;
    color: #d73c37;
    font-size: 0.75rem; }

.container.cart .progress-table .product-name {
  display: block; }

.container.cart .md-button {
  color: #333333; }
  .container.cart .md-button:hover, .container.cart .md-button:focus {
    color: #999595;
    background-color: transparent; }
  .container.cart .md-button span,
  .container.cart .md-button i {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer; }

.container.cart.ie-object-fit .cart-img > div img {
  height: auto;
  width: auto;
  max-width: 155px; }
  @media screen and (max-width: 992px) {
    .container.cart.ie-object-fit .cart-img > div img {
      max-width: 100px; } }
  @media screen and (max-width: 768px) {
    .container.cart.ie-object-fit .cart-img > div img {
      max-width: 60px; } }

.checkout #accordion .panel-group .panel + .panel,
.form-fill #accordion .panel-group .panel + .panel {
  margin-top: 20px; }

.checkout #accordion .panel-group .panel .panel-body:last-child,
.form-fill #accordion .panel-group .panel .panel-body:last-child {
  padding-bottom: 10px; }

.checkout .panel-group .panel,
.form-fill .panel-group .panel {
  transform-origin: left top;
  border: 0;
  box-shadow: none;
  border-radius: 0; }
  .checkout .panel-group .panel + .panel,
  .form-fill .panel-group .panel + .panel {
    margin-top: 20px; }
  .checkout .panel-group .panel.panel-inactive,
  .form-fill .panel-group .panel.panel-inactive {
    transform: none;
    transition: none; }
    .checkout .panel-group .panel.panel-inactive .field-error,
    .form-fill .panel-group .panel.panel-inactive .field-error {
      color: #d73c37; }
  .checkout .panel-group .panel .field-error-quiet,
  .form-fill .panel-group .panel .field-error-quiet {
    color: #58595b; }
  .checkout .panel-group .panel .panel-heading,
  .form-fill .panel-group .panel .panel-heading {
    cursor: pointer; }
    .checkout .panel-group .panel .panel-heading i,
    .form-fill .panel-group .panel .panel-heading i {
      float: right;
      margin: -17px 5px 0 0;
      font-size: 1.25rem; }
  .checkout .panel-group .panel .panel-body,
  .form-fill .panel-group .panel .panel-body {
    padding: 40px; }
    .checkout .panel-group .panel .panel-body .section,
    .form-fill .panel-group .panel .panel-body .section {
      padding: 0; }
    .checkout .panel-group .panel .panel-body .form-group:last-child,
    .form-fill .panel-group .panel .panel-body .form-group:last-child {
      margin-bottom: 0; }
    .checkout .panel-group .panel .panel-body .productGroup > div,
    .form-fill .panel-group .panel .panel-body .productGroup > div {
      clear: both; }
    .checkout .panel-group .panel .panel-body .productGroup textarea,
    .form-fill .panel-group .panel .panel-body .productGroup textarea {
      overflow-y: auto; }
  .checkout .panel-group .panel .radio-inline + .radio-inline,
  .checkout .panel-group .panel .checkbox-inline + .checkbox-inline,
  .form-fill .panel-group .panel .radio-inline + .radio-inline,
  .form-fill .panel-group .panel .checkbox-inline + .checkbox-inline {
    margin-left: 0; }
  .checkout .panel-group .panel #splitqty,
  .form-fill .panel-group .panel #splitqty {
    background-color: #ffffff;
    border-top: 10px solid #d0d2d2; }
    .checkout .panel-group .panel #splitqty .split-header,
    .form-fill .panel-group .panel #splitqty .split-header {
      padding: 22px 15px;
      background-color: #e5e5e5;
      color: #868686; }
      .checkout .panel-group .panel #splitqty .split-header #split-close,
      .form-fill .panel-group .panel #splitqty .split-header #split-close {
        cursor: pointer; }
        .checkout .panel-group .panel #splitqty .split-header #split-close:hover, .checkout .panel-group .panel #splitqty .split-header #split-close:focus,
        .form-fill .panel-group .panel #splitqty .split-header #split-close:hover,
        .form-fill .panel-group .panel #splitqty .split-header #split-close:focus {
          color: #999595; }
    .checkout .panel-group .panel #splitqty .split-product,
    .form-fill .panel-group .panel #splitqty .split-product {
      padding: 40px; }
      .checkout .panel-group .panel #splitqty .split-product .split-select,
      .form-fill .panel-group .panel #splitqty .split-product .split-select {
        display: inline-block;
        overflow: hidden;
        padding-top: 5px;
        padding-left: 0; }
        .checkout .panel-group .panel #splitqty .split-product .split-select img,
        .form-fill .panel-group .panel #splitqty .split-product .split-select img {
          max-height: 130px;
          vertical-align: middle;
          margin-right: 20px; }
        .checkout .panel-group .panel #splitqty .split-product .split-select span,
        .form-fill .panel-group .panel #splitqty .split-product .split-select span {
          font-weight: bold; }
        .checkout .panel-group .panel #splitqty .split-product .split-select .form-group,
        .form-fill .panel-group .panel #splitqty .split-product .split-select .form-group {
          margin-top: 10px; }
          .checkout .panel-group .panel #splitqty .split-product .split-select .form-group label,
          .form-fill .panel-group .panel #splitqty .split-product .split-select .form-group label {
            margin-left: 0; }
      .checkout .panel-group .panel #splitqty .split-product .spilt-qty,
      .form-fill .panel-group .panel #splitqty .split-product .spilt-qty {
        padding-top: 5px;
        text-align: center; }
        .checkout .panel-group .panel #splitqty .split-product .spilt-qty span,
        .form-fill .panel-group .panel #splitqty .split-product .spilt-qty span {
          font-weight: bold; }
  .checkout .panel-group .panel .ui-tabs,
  .form-fill .panel-group .panel .ui-tabs {
    padding: 0;
    border: 0; }
    .checkout .panel-group .panel .ui-tabs .ui-widget-header,
    .form-fill .panel-group .panel .ui-tabs .ui-widget-header {
      padding: 0;
      background: none;
      border: 0; }
      .checkout .panel-group .panel .ui-tabs .ui-widget-header .ui-state-default,
      .form-fill .panel-group .panel .ui-tabs .ui-widget-header .ui-state-default {
        background-color: #f1f2f2; }
        .checkout .panel-group .panel .ui-tabs .ui-widget-header .ui-state-default.ui-state-active,
        .form-fill .panel-group .panel .ui-tabs .ui-widget-header .ui-state-default.ui-state-active {
          background-color: #999595;
          border-color: #999595; }
        .checkout .panel-group .panel .ui-tabs .ui-widget-header .ui-state-default.ui-state-hover,
        .form-fill .panel-group .panel .ui-tabs .ui-widget-header .ui-state-default.ui-state-hover {
          border-color: #999595; }
    .checkout .panel-group .panel .ui-tabs .ui-tabs-panel,
    .form-fill .panel-group .panel .ui-tabs .ui-tabs-panel {
      padding: 10px;
      border: 1px solid #d1d3d4; }
      .checkout .panel-group .panel .ui-tabs .ui-tabs-panel .btn,
      .form-fill .panel-group .panel .ui-tabs .ui-tabs-panel .btn {
        min-width: 0; }
      .checkout .panel-group .panel .ui-tabs .ui-tabs-panel p,
      .form-fill .panel-group .panel .ui-tabs .ui-tabs-panel p {
        margin-bottom: 10px; }
  .checkout .panel-group .panel .ui-accordion .ui-state-default,
  .form-fill .panel-group .panel .ui-accordion .ui-state-default {
    background-color: #f1f2f2;
    border-radius: 0; }
    .checkout .panel-group .panel .ui-accordion .ui-state-default.ui-state-active,
    .form-fill .panel-group .panel .ui-accordion .ui-state-default.ui-state-active {
      background-color: #999595;
      border-color: #999595; }
    .checkout .panel-group .panel .ui-accordion .ui-state-default.ui-state-hover,
    .form-fill .panel-group .panel .ui-accordion .ui-state-default.ui-state-hover {
      border-color: #999595; }
  .checkout .panel-group .panel .ui-accordion .ui-accordion-content,
  .form-fill .panel-group .panel .ui-accordion .ui-accordion-content {
    padding: 10px;
    border: 1px solid #d1d3d4; }

.checkout .characterLimitCounter,
.form-fill .characterLimitCounter {
  float: right;
  font-size: 8pt;
  color: #bfbfbf; }

div[ng-switch-when="MultiLineText"] .validationError,
div[ng-switch-when="RichText"] .validationError {
  position: static; }
  div[ng-switch-when="MultiLineText"] .validationError .icon,
  div[ng-switch-when="RichText"] .validationError .icon {
    float: none;
    position: absolute;
    top: 2px;
    right: 8px;
    margin: 0 !important; }

div[ng-switch-when="MultiLineText"] textarea {
  padding: 0.375rem 26px 0.375rem 12px;
  /* 6px */ }

.noLabel div[ng-switch-when="MultiLineText"] .validationError .icon,
.noLabel div[ng-switch-when="RichText"] .validationError .icon {
  top: 22px; }

@media only screen and (min-width: 768px) {
  .productRow .noLabel div[ng-switch-when="MultiLineText"] md-input-container textarea,
  .productRow .noLabel div[ng-switch-when="RichText"] .cke_textarea_inline {
    margin-top: 7px; }
  .productRow .noLabel div[ng-switch-when="MultiLineText"] .validationError .icon,
  .productRow .noLabel div[ng-switch-when="RichText"] .validationError .icon {
    top: 30px; } }

#checkoutContainer {
  padding-left: 30px; }

.addToCartPriceDispaly {
  height: auto;
  padding: 5px;
  background-color: #d73c37;
  font-size: 0.875rem;
  color: #ffffff; }
  .addToCartPriceDispaly .md-content {
    padding: 0;
    background-color: transparent; }

.md-dialog-content .split-shipment {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd; }
  .md-dialog-content .split-shipment select {
    width: auto;
    min-width: 50%;
    margin-top: 2px; }
  .md-dialog-content .split-shipment .split-shipment-destination {
    vertical-align: top;
    margin-right: 5px; }
  .md-dialog-content .split-shipment .chosen-container.chosen-container-single.chosen-with-drop {
    margin-bottom: 30px; }

#libraryPage #scopeContainer {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  #libraryPage #scopeContainer form#aspnetForm {
    flex: 1; }

.library aside button {
  margin-bottom: 5px; }
  @media screen and (min-width: 768px) and (max-width: 992px) {
    .library aside button {
      height: auto;
      font-size: 0.6875rem;
      white-space: normal; } }

.library .panel-group {
  margin-top: 14px; }
  .library .panel-group .panel {
    border-radius: 0; }
    .library .panel-group .panel + .panel {
      margin-top: -1px; }
    .library .panel-group .panel .panel-header {
      font-size: 0.875rem; }
    .library .panel-group .panel .form-group {
      margin-bottom: 0; }
  .library .panel-group .panel-labels > label.panel-label-red:before {
    background-color: #d73c37; }
  .library .panel-group .panel-labels > label.panel-label-green:before {
    background-color: #8fc63e; }
  .library .panel-group .panel-labels > label.panel-label-blue:before {
    background-color: #009edc; }
  .library .panel-group .panel-labels > label.panel-label-yellow:before {
    background-color: #ffd200; }

.library .icon.add-files,
.library .icon.show-files {
  float: left; }

.library .icon.show-files {
  margin-right: 5px; }

.library .library-list {
  width: 100%; }
  .library .library-list .icon,
  .library .library-list .glyphicon,
  .library .library-list i {
    cursor: pointer; }
    .library .library-list .icon:hover,
    .library .library-list .glyphicon:hover,
    .library .library-list i:hover {
      color: #999595; }
  .library .library-list .row .product-name {
    font-weight: 600; }
  .library .library-list .row .product-size {
    color: #d1d3d4; }
  .library .library-list .row small {
    font-size: 0.875rem;
    color: #333; }
  .library .library-list .library-sort div[class^='col-'] {
    padding-bottom: 22px; }
  .library .library-list .library-sort .dropdown-menu {
    top: 50%;
    padding: 5px; }
  .library .library-list .library-sort .md-button.sort-dropdown {
    width: 100%;
    background-color: transparent; }
  .library .library-list .library-sort .md-button,
  .library .library-list .library-sort a {
    color: #333;
    margin-top: 5px;
    margin-left: 3.5rem; }
    .library .library-list .library-sort .md-button:first-child,
    .library .library-list .library-sort a:first-child {
      margin-left: 0; }
    .library .library-list .library-sort .md-button.btn,
    .library .library-list .library-sort a.btn {
      margin-left: 1.75rem;
      padding: 5px;
      color: #ffffff; }
      .library .library-list .library-sort .md-button.btn.show,
      .library .library-list .library-sort a.btn.show {
        display: inline-block !important; }
      .library .library-list .library-sort .md-button.btn:hover,
      .library .library-list .library-sort a.btn:hover {
        background-color: #660000; }
      .library .library-list .library-sort .md-button.btn .icon,
      .library .library-list .library-sort a.btn .icon {
        float: left; }
        .library .library-list .library-sort .md-button.btn .icon:hover,
        .library .library-list .library-sort a.btn .icon:hover {
          color: #ffffff; }
      .library .library-list .library-sort .md-button.btn > span,
      .library .library-list .library-sort a.btn > span {
        float: left;
        line-height: 1rem; }
    .library .library-list .library-sort .md-button:hover,
    .library .library-list .library-sort a:hover {
      background-color: transparent; }
  .library .library-list .grid {
    margin-top: 1px;
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap; }
    .library .library-list .grid .grid-item {
      width: 23%;
      min-height: 222px;
      /*float: left;*/
      display: inline-block;
      margin: 0 10px 10px 0;
      background-color: #ffffff;
      position: relative; }
      .library .library-list .grid .grid-item:nth-child(4n+1) {
        clear: left; }
      @media screen and (max-width: 768px) {
        .library .library-list .grid .grid-item {
          width: 47%; } }
      .library .library-list .grid .grid-item > .asset-selected {
        display: none;
        position: absolute;
        z-index: 1;
        top: 20px;
        right: 20px;
        font-weight: bold;
        color: #8fc63e; }
      .library .library-list .grid .grid-item .library-image {
        display: block;
        height: 175px;
        position: relative; }
        .library .library-list .grid .grid-item .library-image img {
          width: 100%;
          height: 175px;
          padding: 5px 5px 0 5px;
          object-fit: contain;
          cursor: pointer; }
          .library .library-list .grid .grid-item .library-image img.ie-object-fit {
            max-height: 175px !important; }
        .library .library-list .grid .grid-item .library-image _:-ms-lang(x),
        .library .library-list .grid .grid-item .library-image img,
        .library .library-list .grid .grid-item .library-image :root img {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          margin: 0 auto; }
      .library .library-list .grid .grid-item .library-item {
        position: relative;
        font-size: 0.75rem;
        color: #868686;
        padding: 3px 5px 5px 5px;
        white-space: nowrap;
        overflow: hidden; }
        .library .library-list .grid .grid-item .library-item .libraryItemName {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          padding-top: 2px; }
        .library .library-list .grid .grid-item .library-item .library-icons {
          position: absolute;
          bottom: 5px;
          right: 5px;
          cursor: pointer; }
          .library .library-list .grid .grid-item .library-item .library-icons .md-button {
            margin-right: 3px; }
            .library .library-list .grid .grid-item .library-item .library-icons .md-button:hover, .library .library-list .grid .grid-item .library-item .library-icons .md-button:focus, .library .library-list .grid .grid-item .library-item .library-icons .md-button.md-default-theme:not([disabled]):hover, .library .library-list .grid .grid-item .library-item .library-icons .md-button:not([disabled]):hover {
              background-color: transparent;
              color: #999595; }
          .library .library-list .grid .grid-item .library-item .library-icons i {
            font-size: 0.75rem; }
        .library .library-list .grid .grid-item .library-item .product-rename input {
          float: left;
          width: 75%;
          height: auto;
          font-size: 0.4875rem;
          padding: 3px 5px 2px 5px; }
        .library .library-list .grid .grid-item .library-item .product-rename .btn-new-name,
        .library .library-list .grid .grid-item .library-item .product-rename .btn-cancel-name {
          float: left;
          margin-left: 5px;
          cursor: pointer; }
        .library .library-list .grid .grid-item .library-item .product-rename .btn-new-name {
          color: #8fc63e; }
          .library .library-list .grid .grid-item .library-item .product-rename .btn-new-name:hover {
            color: #006633; }
        .library .library-list .grid .grid-item .library-item .product-rename .btn-cancel-name {
          color: #d73c37; }
          .library .library-list .grid .grid-item .library-item .product-rename .btn-cancel-name:hover {
            color: #660000; }
        .library .library-list .grid .grid-item .library-item .libraryItemType {
          display: block;
          clear: both;
          margin-top: 6px; }
      .library .library-list .grid .grid-item .show-file {
        display: inline-block; }
      .library .library-list .grid .grid-item.hiddenItem {
        display: none; }
      .library .library-list .grid .grid-item.shownItem .show-file {
        display: none; }
      .library .library-list .grid .grid-item.shownItem .hide-file {
        display: inline-block; }
      .library .library-list .grid .grid-item:hover {
        border-color: #868686;
        opacity: .8; }
      .library .library-list .grid .grid-item.selected > .asset-selected {
        display: block; }
      .library .library-list .grid .grid-item.selected img {
        opacity: .5; }
      .library .library-list .grid .grid-item .undo-remove {
        padding-top: 45%; }
        .library .library-list .grid .grid-item .undo-remove i,
        .library .library-list .grid .grid-item .undo-remove .icon {
          float: left;
          line-height: 1.125rem;
          padding-right: 5px; }

.labels-pop .popover-content {
  padding: 5px; }

.labels-pop .popover-title {
  padding: 0 0 5px 0; }

md-dialog,
md-dialog.md-default-theme {
  color: #333333;
  background-color: #ffffff; }
  md-dialog .modal-close,
  md-dialog.md-default-theme .modal-close {
    cursor: pointer; }
  md-dialog #buttonPanel,
  md-dialog.md-default-theme #buttonPanel {
    padding: 8px 5px 8px 4px;
    overflow: visible; }
  md-dialog .upload-modal,
  md-dialog.md-default-theme .upload-modal {
    background-color: #d0d2d2; }
    md-dialog .upload-modal .md-dialog-content,
    md-dialog.md-default-theme .upload-modal .md-dialog-content {
      min-height: 450px;
      padding: 20px; }
      md-dialog .upload-modal .md-dialog-content .btn-secondary,
      md-dialog.md-default-theme .upload-modal .md-dialog-content .btn-secondary {
        min-width: 0;
        margin-right: 7px; }
      md-dialog .upload-modal .md-dialog-content #imageContainer,
      md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer {
        width: 100%;
        top: 1em;
        margin: 0;
        padding-left: 0;
        list-style: none;
        overflow: visible !important; }
        md-dialog .upload-modal .md-dialog-content #imageContainer li,
        md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li {
          position: relative;
          width: 23%;
          float: left;
          background-color: #ffffff;
          border: 2px solid #ffffff;
          margin: 0 10px 10px 0;
          z-index: 2;
          cursor: pointer; }
          md-dialog .upload-modal .md-dialog-content #imageContainer li:nth-child(4n),
          md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li:nth-child(4n) {
            margin-right: 0; }
          md-dialog .upload-modal .md-dialog-content #imageContainer li .image-tile,
          md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .image-tile {
            position: relative;
            min-height: 209px; }
          md-dialog .upload-modal .md-dialog-content #imageContainer li .library-image,
          md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-image {
            height: 175px;
            position: relative; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li .library-image img,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-image img {
              width: 100%;
              height: 175px;
              object-fit: contain;
              padding: 5px 5px 0 5px; }
              md-dialog .upload-modal .md-dialog-content #imageContainer li .library-image img.ie-object-fit,
              md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-image img.ie-object-fit {
                max-height: 175px !important; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li .library-image _:-ms-lang(x),
            md-dialog .upload-modal .md-dialog-content #imageContainer li .library-image img,
            md-dialog .upload-modal .md-dialog-content #imageContainer li .library-image :root img,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-image _:-ms-lang(x),
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-image img,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-image :root img {
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              margin: 0 auto; }
          md-dialog .upload-modal .md-dialog-content #imageContainer li .library-item,
          md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-item {
            font-size: 0.75rem;
            color: #868686;
            padding: 8px 5px;
            white-space: nowrap;
            overflow: hidden; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li .library-item .name .user-image,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-item .name .user-image {
              float: left;
              margin-right: 5px; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li .library-item .name span,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-item .name span {
              float: left;
              width: 70%;
              overflow: hidden;
              text-overflow: ellipsis; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li .library-item .name .cropped,
            md-dialog .upload-modal .md-dialog-content #imageContainer li .library-item .name .locked,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-item .name .cropped,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-item .name .locked {
              position: absolute;
              margin-left: 5px;
              right: 5px;
              bottom: 9px;
              color: #868686; }
          md-dialog .upload-modal .md-dialog-content #imageContainer li .library-icons,
          md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-icons {
            position: absolute;
            right: 5px;
            bottom: -3px; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li .library-icons .cropped,
            md-dialog .upload-modal .md-dialog-content #imageContainer li .library-icons .locked,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-icons .cropped,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li .library-icons .locked {
              color: #868686; }
          md-dialog .upload-modal .md-dialog-content #imageContainer li.selectedImage .selected-checked,
          md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.selectedImage .selected-checked {
            position: absolute;
            z-index: 4;
            top: 15px;
            right: 10px;
            font-size: 1.75rem;
            font-weight: bold;
            color: #8fc63e; }
          md-dialog .upload-modal .md-dialog-content #imageContainer li.selectedImage .library-image img,
          md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.selectedImage .library-image img {
            opacity: .5; }
          md-dialog .upload-modal .md-dialog-content #imageContainer li.Brand.New,
          md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.Brand.New {
            border: 2px dashed #868686; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-overlay,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-overlay {
              width: 100%;
              padding: 3%;
              position: absolute;
              z-index: 3;
              background-color: rgba(134, 134, 134, 0.9);
              color: #ffffff;
              font-size: 0.75rem;
              line-height: 0.875rem;
              text-align: center;
              overflow: hidden;
              text-overflow: ellipsis; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-trash,
            md-dialog .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-crop,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-trash,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-crop {
              margin-top: 5px;
              color: #d73c37; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-trash,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-trash {
              float: left;
              margin: 10px 5px 0 5px; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-crop,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-crop {
              float: right;
              margin: 10px 5px 0 5px; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-library,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.Brand.New .new-library {
              max-width: 125px;
              min-width: 0;
              height: auto;
              overflow: hidden;
              font-size: 0.75rem;
              text-overflow: ellipsis;
              border-radius: 5px;
              padding: 5px;
              margin: 5px 0 0 0; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li.Brand.New .library-item,
            md-dialog .upload-modal .md-dialog-content #imageContainer li.Brand.New .library-icons,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.Brand.New .library-item,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.Brand.New .library-icons {
              display: none; }
            md-dialog .upload-modal .md-dialog-content #imageContainer li.Brand.New.selectedImage .new-overlay,
            md-dialog.md-default-theme .upload-modal .md-dialog-content #imageContainer li.Brand.New.selectedImage .new-overlay {
              display: none; }
  md-dialog md-dialog-actions,
  md-dialog.md-default-theme md-dialog-actions {
    border-top-width: 0 !important;
    background-color: #d0d2d2;
    padding: 20px; }
    md-dialog md-dialog-actions button,
    md-dialog.md-default-theme md-dialog-actions button {
      margin-left: 5px; }
      md-dialog md-dialog-actions button.AddFileButton,
      md-dialog.md-default-theme md-dialog-actions button.AddFileButton {
        margin-left: 0; }

.label-select {
  padding-left: 5px;
  margin: 2px -5px;
  cursor: pointer; }
  .label-select i {
    color: inherit; }
  .label-select.red:hover {
    background-color: #d73c37;
    color: #660000; }
  .label-select.green:hover {
    background-color: #8fc63e;
    color: #006633; }
  .label-select.blue:hover {
    background-color: #009edc;
    color: #003366; }
  .label-select.yellow:hover {
    background-color: #ffd200;
    color: #ff6633; }

.label-color {
  display: none;
  width: 100%;
  height: 180px;
  position: absolute;
  z-index: 3;
  background-color: rgba(88, 89, 91, 0.7);
  color: #ffffff;
  font-size: 1rem; }
  .label-color .label-well {
    padding: 5px 10px;
    font-weight: 600; }
    .label-color .label-well .close-it {
      color: #ffffff;
      cursor: pointer; }
      .label-color .label-well .close-it:hover {
        color: #009edc; }

.labels i {
  display: none; }

.tag_red .labels,
.tag_green .labels,
.tag_blue .labels,
.tag_yellow .labels {
  position: relative;
  z-index: 2;
  float: right;
  margin: -20px 15px 0 0; }
  .tag_red .labels .tag,
  .tag_green .labels .tag,
  .tag_blue .labels .tag,
  .tag_yellow .labels .tag {
    display: none;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: -5px;
    border-radius: 10px; }
    .tag_red .labels .tag i,
    .tag_green .labels .tag i,
    .tag_blue .labels .tag i,
    .tag_yellow .labels .tag i {
      display: inline-block;
      float: left;
      width: 15px;
      margin-top: 3px;
      text-align: center;
      font-size: 0.875rem;
      color: transparent; }

.tag_red .tag.red {
  display: block;
  background-color: #d73c37; }
  .tag_red .tag.red i {
    color: #660000; }

.tag_red .label-well div.red {
  background-color: #d73c37;
  color: #660000; }
  .tag_red .label-well div.red:hover {
    background-color: transparent;
    color: #d73c37;
    text-decoration: line-through;
    text-decoration-color: #000; }

.tag_green .tag.green {
  display: block;
  background-color: #8fc63e; }
  .tag_green .tag.green i {
    color: #006633; }

.tag_green .label-well div.green {
  background-color: #8fc63e;
  color: #006633; }
  .tag_green .label-well div.green:hover {
    background-color: transparent;
    color: #8fc63e;
    text-decoration: line-through;
    text-decoration-color: #000; }

.tag_blue .tag.blue {
  display: block;
  background-color: #009edc; }
  .tag_blue .tag.blue i {
    color: #003366; }

.tag_blue .label-well div.blue {
  background-color: #009edc;
  color: #003366; }
  .tag_blue .label-well div.blue:hover {
    background-color: transparent;
    color: #009edc;
    text-decoration: line-through;
    text-decoration-color: #000; }

.tag_yellow .tag.yellow {
  display: block;
  background-color: #ffd200; }
  .tag_yellow .tag.yellow i {
    color: #ff6633; }

.tag_yellow .label-well div.yellow {
  background-color: #ffd200;
  color: #ff6633; }
  .tag_yellow .label-well div.yellow:hover {
    background-color: transparent;
    color: #ffd200;
    text-decoration: line-through;
    text-decoration-color: #000; }

.listPreviewTableHeader {
  background-color: #d1d3d4; }
  .listPreviewTableHeader th {
    text-align: center; }

.listPreviewRow {
  background-color: #f1f2f2; }

#ordersPage form#aspnetForm {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  #ordersPage form#aspnetForm main.container.orders {
    flex: 1; }

#approvalsPage {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  #approvalsPage form#aspnetForm {
    flex: 1; }

.orders {
  padding-left: 0; }
  .orders aside > div > div:nth-child(2) {
    width: auto; }
  .orders .orders-list {
    margin-top: 30px;
    padding-bottom: 30px; }
    .orders .orders-list + div {
      padding-bottom: 30px; }
    .orders .orders-list .row {
      padding-top: 15px;
      padding-bottom: 15px;
      margin: 10px 0 0 0;
      background-color: #ffffff;
      color: #868686;
      font-size: 0.75rem; }
      .orders .orders-list .row .btn {
        margin-top: 10px;
        margin-right: 15px; }
        .orders .orders-list .row .btn:last-child {
          margin-right: 0; }
      .orders .orders-list .row .orders-items > div {
        display: table;
        display: table-row;
        height: 23px;
        font-size: 0.875rem;
        color: #333333; }
        .orders .orders-list .row .orders-items > div > span {
          min-width: 31px;
          display: table-cell;
          vertical-align: top; }
          .orders .orders-list .row .orders-items > div > span .md-icon-button {
            width: auto;
            height: auto;
            margin: 0;
            padding: 0;
            line-height: inherit;
            border-radius: 0;
            color: #999595; }
            .orders .orders-list .row .orders-items > div > span .md-icon-button:hover {
              background-color: transparent;
              color: #58595b; }
            .orders .orders-list .row .orders-items > div > span .md-icon-button i {
              margin-top: -3px; }
    .orders .orders-list .order-list-info {
      font-weight: 700;
      color: #333333;
      margin-top: 15px;
      font-size: 0.875rem; }
    .orders .orders-list .orderItem {
      width: 100%; }
      .orders .orders-list .orderItem .orderStatus {
        margin-top: 5px; }
        .orders .orders-list .orderItem .orderStatus i,
        .orders .orders-list .orderItem .orderStatus .icon {
          height: 100%;
          vertical-align: middle; }
        .orders .orders-list .orderItem .orderStatus span {
          display: inline-block;
          margin-top: 5px; }
    .orders .orders-list #noOrders {
      background-color: #ffffff;
      color: #333333;
      padding-top: 20px;
      padding-bottom: 20px; }

.approvals-search {
  position: absolute;
  right: 25px;
  top: 9px;
  padding: 0;
  margin: 0;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  line-height: 0;
  background-color: transparent;
  color: #58595b;
  cursor: pointer; }
  .approvals-search.md-button:not([disabled]):hover, .approvals-search:not([disabled]):hover {
    background-color: transparent;
    color: #999595; }
  .approvals-search .md-ripple-container {
    display: none; }

.line-url a {
  text-decoration: underline !important; }

.modal-order .nav-tabs a {
  background-color: #f1f2f2;
  border-bottom-color: #ddd;
  border-radius: 0; }
  .modal-order .nav-tabs a:hover {
    background-color: #ffffff;
    border-color: #ddd;
    border-bottom-color: #ffffff; }

.modal-order h5 {
  font-weight: 700;
  color: #868686; }

.modal-order small {
  display: block; }

.modal-order .order-review {
  background-color: #f1f2f2;
  color: #868686;
  font-weight: 700;
  padding: 10px; }
  .modal-order .order-review small {
    color: #bfbfbf;
    margin-bottom: 10px; }
    .modal-order .order-review small:last-child {
      margin-bottom: 0; }
  .modal-order .order-review .total-grand {
    color: #58595b; }

.modal-order .order-approval,
.modal-order .order-item-list {
  margin-right: 0;
  margin-left: 0; }
  .modal-order .order-approval .col-xs-4,
  .modal-order .order-item-list .col-xs-4 {
    padding-right: 0; }

.modal-order .order-item-list .row .order-item-name,
.modal-order .order-details .row .order-item-name {
  font-weight: 700; }
  .modal-order .order-item-list .row .order-item-name .md-icon-button,
  .modal-order .order-details .row .order-item-name .md-icon-button {
    margin-bottom: -4px; }

.modal-order .order-item-list .row .order-address span:last-child > br,
.modal-order .order-details .row .order-address span:last-child > br {
  display: none; }

.modal-order .order-item-list .row .order-city br,
.modal-order .order-item-list .row .order-state br,
.modal-order .order-details .row .order-city br,
.modal-order .order-details .row .order-state br {
  display: none; }

.modal-order .order-item-list .row .order-city:after,
.modal-order .order-details .row .order-city:after {
  content: ","; }

.modal-order .order-item-list .row .order-item-comments h5,
.modal-order .order-details .row .order-item-comments h5 {
  margin: 5px 0; }

.modal-order .order-item-list .row .order-item-comments small > i,
.modal-order .order-details .row .order-item-comments small > i {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px; }

.modal-order .order-item-list .row .btn,
.modal-order .order-details .row .btn {
  position: absolute;
  bottom: 10px;
  right: 10px; }

.modal-order .order-details {
  min-height: 326px;
  background-color: #f1f2f2; }
  .modal-order .order-details .row {
    border-top: 1px solid #ddd; }
    .modal-order .order-details .row:first-child {
      background-color: #ffffff;
      border-top-width: 0; }
      .modal-order .order-details .row:first-child div[class^='col-'] h5 {
        margin-left: -10px; }
    .modal-order .order-details .row:nth-child(2) {
      border-top-width: 0; }
    .modal-order .order-details .row div[class^='col-'] {
      padding: 10px; }
      .modal-order .order-details .row div[class^='col-']:first-child {
        font-weight: 700;
        color: #868686; }
      .modal-order .order-details .row div[class^='col-'] h5 {
        margin: 0; }
  .modal-order .order-details > .row > div[class^='col-']:nth-child(odd) {
    clear: left; }

.modal-order .order-item-list .table-wrap {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  height: 140px;
  min-height: 140px;
  margin-bottom: 10px; }
  .modal-order .order-item-list .table-wrap.thead {
    height: auto;
    min-height: 0; }
    .modal-order .order-item-list .table-wrap.thead .row {
      background-color: #ffffff;
      font-weight: bold; }
      .modal-order .order-item-list .table-wrap.thead .row > div {
        padding-bottom: 0px;
        color: #868686; }
        .modal-order .order-item-list .table-wrap.thead .row > div:first-child {
          padding-left: 0;
          padding-right: 20px; }
  .modal-order .order-item-list .table-wrap .row {
    display: table-row;
    position: relative;
    background-color: #f1f2f2; }
    .modal-order .order-item-list .table-wrap .row > div {
      float: none;
      display: table-cell;
      vertical-align: top;
      padding: 10px; }
      .modal-order .order-item-list .table-wrap .row > div .order-item-comments {
        border-top: 1px solid #ddd;
        padding-top: 3px; }
        .modal-order .order-item-list .table-wrap .row > div .order-item-comments.item-status {
          border-top: 0;
          padding-top: 0; }
        .modal-order .order-item-list .table-wrap .row > div .order-item-comments small {
          overflow: hidden;
          text-overflow: ellipsis; }
          .modal-order .order-item-list .table-wrap .row > div .order-item-comments small > span {
            float: left; }
    .modal-order .order-item-list .table-wrap .row .order-item-image {
      padding-right: 0; }
      .modal-order .order-item-list .table-wrap .row .order-item-image img.img-responsive {
        margin: 0 auto;
        margin-top: 3px; }
      .modal-order .order-item-list .table-wrap .row .order-item-image .kit-nav {
        width: 100%;
        display: table; }
        .modal-order .order-item-list .table-wrap .row .order-item-image .kit-nav a,
        .modal-order .order-item-list .table-wrap .row .order-item-image .kit-nav span {
          display: table-cell;
          vertical-align: middle; }
        .modal-order .order-item-list .table-wrap .row .order-item-image .kit-nav i {
          line-height: inherit; }
    .modal-order .order-item-list .table-wrap .row .order-item-quantity,
    .modal-order .order-item-list .table-wrap .row .order-item-price {
      font-weight: 700;
      white-space: nowrap; }
      .modal-order .order-item-list .table-wrap .row .order-item-quantity small,
      .modal-order .order-item-list .table-wrap .row .order-item-price small {
        font-size: 0.75rem;
        font-weight: 400; }

.download {
  background-color: #ffffff;
  padding-bottom: 15px; }
  .download a.md-icon-button {
    margin-bottom: 5px; }
    .download a.md-icon-button div.pull-left {
      margin-top: 5px; }

#profilePage #scopeContainer {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 100px); }
  #profilePage #scopeContainer form#productForm {
    flex: 1; }

#profilePage md-tabs-content-wrapper .productGroup md-content {
  border: 0; }

#profilePage md-tabs-content-wrapper md-content {
  border-top: 0; }

#profilePage .productRow.row > .row {
  margin-right: 0;
  margin-left: 0; }
  @media only screen and (min-width: 768px) {
    #profilePage .productRow.row > .row {
      margin-right: 7.5px;
      margin-left: 7.5px; } }

#profilePage .productPart {
  z-index: 2; }

#profilePage #productForm .image-select button, #checkoutPage #productForm .image-select button {
  margin: 0 0 0.625rem 0;
  /* 10px */ }

#profilePage .formElement .form-group, #checkoutPage .formElement .form-group {
  margin-bottom: 0; }

.profile-tabs {
  background-color: transparent;
  font-size: 0.875rem; }
  .profile-tabs .profile-info .profile-heading {
    margin: 0;
    border-bottom: 1px solid #ddd; }
    .profile-tabs .profile-info .profile-heading .md-button:hover {
      background-color: transparent; }
    .profile-tabs .profile-info .profile-heading .md-button .icon {
      margin: 10px 0; }
      .profile-tabs .profile-info .profile-heading .md-button .icon:hover {
        color: #58595b; }
    .profile-tabs .profile-info .profile-heading h2 {
      margin: 0;
      color: #999595;
      font-size: 18px; }
    .profile-tabs .profile-info .profile-heading .address-label {
      text-align: right; }
  .profile-tabs .profile-info#addressBookPanel h4 {
    margin-left: -15px; }
  .profile-tabs .profile-info .profile-img {
    width: auto;
    max-width: 150px;
    height: auto;
    max-height: 150px;
    border: 1px solid #868686;
    object-fit: cover; }
  .profile-tabs .profile-info .default-address,
  .profile-tabs .profile-info .default-address-edit {
    margin-top: -1px;
    margin-bottom: 0; }
    .profile-tabs .profile-info .default-address td, .profile-tabs .profile-info .default-address th,
    .profile-tabs .profile-info .default-address-edit td,
    .profile-tabs .profile-info .default-address-edit th {
      border: 0;
      padding-left: 0;
      padding-right: 0; }
      .profile-tabs .profile-info .default-address td:first-child, .profile-tabs .profile-info .default-address th:first-child,
      .profile-tabs .profile-info .default-address-edit td:first-child,
      .profile-tabs .profile-info .default-address-edit th:first-child {
        width: 35%; }
    .profile-tabs .profile-info .default-address th,
    .profile-tabs .profile-info .default-address-edit th {
      padding-top: 20px;
      border-top: 1px solid #e5e5e5; }
    .profile-tabs .profile-info .default-address .btn,
    .profile-tabs .profile-info .default-address-edit .btn {
      margin-bottom: 10px; }
  .profile-tabs .profile-info .default-address-edit {
    display: none; }
    .profile-tabs .profile-info .default-address-edit td {
      vertical-align: middle; }
      .profile-tabs .profile-info .default-address-edit td select {
        width: 100%; }
  .profile-tabs .profile-info #up_UserProfileImage_clear,
  .profile-tabs .profile-info #up_Image2_clear {
    min-width: 0; }
  .profile-tabs .profile-info#passwordPanel .form-control {
    padding-left: 30px;
    padding-right: 30px; }
  .profile-tabs .profile-info#passwordPanel .icon.password {
    position: absolute;
    top: 7px;
    left: 25px;
    color: #868686; }
  .profile-tabs .profile-info#passwordPanel i.mismatch,
  .profile-tabs .profile-info#passwordPanel i.match {
    position: absolute;
    top: 9px;
    right: 25px; }

.address-book .address-book-listing {
  padding: 20px 0;
  background-color: #ffffff;
  border-bottom: 1px solid #ddd; }
  .address-book .address-book-listing:last-child {
    border-bottom: 0; }
  .address-book .address-book-listing .address-label {
    font-weight: 700; }
  .address-book .address-book-listing .address-location {
    clear: both;
    color: #868686;
    font-size: 0.75rem; }
  .address-book .address-book-listing .address-set {
    clear: both;
    font-size: 0.75rem; }
    .address-book .address-book-listing .address-set label.radio-custom-label {
      margin: 10px 0 0 0; }
  .address-book .address-book-listing .md-button {
    color: #999595; }
    .address-book .address-book-listing .md-button:hover {
      background-color: transparent;
      color: #58595b; }

.address-book .undo-delete .icon {
  float: left;
  padding-right: 5px; }

.profile-info label.checkbox-custom-label,
.address-book label.checkbox-custom-label {
  padding: 0;
  margin: 0; }

.address-list-upload-modal {
  line-height: 22px; }
  .address-list-upload-modal .messageAndButton {
    margin-bottom: 20px;
    line-height: 50px; }
  .address-list-upload-modal .replace-duplicates-checkbox, .address-list-upload-modal .file-name-display {
    margin-left: 20px; }
  .address-list-upload-modal .disabled {
    color: #ccc; }
  .address-list-upload-modal label, .address-list-upload-modal input {
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.payment-profiles .payment-profiles-listing {
  padding: 20px 0;
  background-color: #ffffff;
  border-bottom: 1px solid #ddd; }
  .payment-profiles .payment-profiles-listing:last-child {
    border-bottom: 0; }
  .payment-profiles .payment-profiles-listing .payment-profiles-label {
    font-weight: 700; }
  .payment-profiles .payment-profiles-listing .payment-profiles-location {
    clear: both;
    color: #868686;
    font-size: 0.75rem; }
  .payment-profiles .payment-profiles-listing .payment-profiles-set {
    clear: both;
    font-size: 0.75rem; }
    .payment-profiles .payment-profiles-listing .payment-profiles-set label.radio-custom-label {
      margin: 10px 0 0 0; }
  .payment-profiles .payment-profiles-listing .md-button {
    color: #999595; }
    .payment-profiles .payment-profiles-listing .md-button:hover {
      background-color: transparent;
      color: #58595b; }
  .payment-profiles .payment-profiles-listing .payment-rename {
    clear: both;
    float: left;
    width: 100%;
    margin-top: -5px; }
    .payment-profiles .payment-profiles-listing .payment-rename input {
      float: left;
      width: 52%;
      text-align: left;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      height: 30px; }
    .payment-profiles .payment-profiles-listing .payment-rename .btn {
      font-size: small;
      min-width: 0;
      width: auto;
      padding: 4px 10px;
      height: 30px;
      margin-left: 5px; }

.modal-approval,
.modal-order {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden; }
  .modal-approval .md-dialog-content,
  .modal-order .md-dialog-content {
    padding: 0; }
  .modal-approval md-tabs md-tabs-wrapper,
  .modal-order md-tabs md-tabs-wrapper {
    border-bottom: 1px solid #ddd; }
    .modal-approval md-tabs md-tabs-wrapper md-tabs-canvas:before,
    .modal-order md-tabs md-tabs-wrapper md-tabs-canvas:before {
      display: none; }
    .modal-approval md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab,
    .modal-order md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab {
      border-bottom-width: 0;
      border-top-width: 0;
      text-transform: uppercase; }
      .modal-approval md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab.md-active,
      .modal-order md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab.md-active {
        color: #999595;
        border: 0; }
    .modal-approval md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-ink-bar,
    .modal-order md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-ink-bar {
      background-color: #999595;
      height: 2px;
      color: #999595; }
  .modal-approval md-tab-content md-content,
  .modal-order md-tab-content md-content {
    border-width: 0; }
  .modal-approval .btn-xs,
  .modal-order .btn-xs {
    font-weight: 700; }
  .modal-approval textarea,
  .modal-order textarea {
    width: 100%;
    height: 50px;
    padding: 5px;
    font-size: 0.75rem; }
    .modal-approval textarea:focus,
    .modal-order textarea:focus {
      border-color: #999595; }
  .modal-approval .modal-navigate,
  .modal-order .modal-navigate {
    display: inline-block; }
    .modal-approval .modal-navigate .btn-prev,
    .modal-approval .modal-navigate .btn-next,
    .modal-approval .modal-navigate .btn-num,
    .modal-approval .modal-navigate .btn-ellipsis,
    .modal-order .modal-navigate .btn-prev,
    .modal-order .modal-navigate .btn-next,
    .modal-order .modal-navigate .btn-num,
    .modal-order .modal-navigate .btn-ellipsis {
      float: left;
      height: 25px;
      width: 25px;
      padding: 5px 0 2px 0;
      margin-right: 5px;
      cursor: pointer;
      background-color: #d1d3d4;
      color: #333333;
      font-weight: 700;
      text-align: center;
      line-height: 15px; }
      .modal-approval .modal-navigate .btn-prev .icon,
      .modal-approval .modal-navigate .btn-next .icon,
      .modal-approval .modal-navigate .btn-num .icon,
      .modal-approval .modal-navigate .btn-ellipsis .icon,
      .modal-order .modal-navigate .btn-prev .icon,
      .modal-order .modal-navigate .btn-next .icon,
      .modal-order .modal-navigate .btn-num .icon,
      .modal-order .modal-navigate .btn-ellipsis .icon {
        font-size: 0.875rem; }
      .modal-approval .modal-navigate .btn-prev:hover, .modal-approval .modal-navigate .btn-prev.current,
      .modal-approval .modal-navigate .btn-next:hover,
      .modal-approval .modal-navigate .btn-next.current,
      .modal-approval .modal-navigate .btn-num:hover,
      .modal-approval .modal-navigate .btn-num.current,
      .modal-approval .modal-navigate .btn-ellipsis:hover,
      .modal-approval .modal-navigate .btn-ellipsis.current,
      .modal-order .modal-navigate .btn-prev:hover,
      .modal-order .modal-navigate .btn-prev.current,
      .modal-order .modal-navigate .btn-next:hover,
      .modal-order .modal-navigate .btn-next.current,
      .modal-order .modal-navigate .btn-num:hover,
      .modal-order .modal-navigate .btn-num.current,
      .modal-order .modal-navigate .btn-ellipsis:hover,
      .modal-order .modal-navigate .btn-ellipsis.current {
        color: #ffffff;
        background-color: #999595; }
    .modal-approval .modal-navigate .btn-next,
    .modal-order .modal-navigate .btn-next {
      margin-right: 0; }
  .modal-approval .approval-header,
  .modal-order .approval-header {
    margin: 0;
    padding: 15px 15px 15px 0;
    border-bottom: 1px solid #f1f2f2; }
    .modal-approval .approval-header small,
    .modal-order .approval-header small {
      display: block;
      color: #868686; }
      .modal-approval .approval-header small.pricing-details .row,
      .modal-order .approval-header small.pricing-details .row {
        margin: 0; }
        .modal-approval .approval-header small.pricing-details .row > div,
        .modal-order .approval-header small.pricing-details .row > div {
          padding: 0 0 2px 0; }
          .modal-approval .approval-header small.pricing-details .row > div.text-right,
          .modal-order .approval-header small.pricing-details .row > div.text-right {
            padding-left: 5px; }
      .modal-approval .approval-header small.pricing-details a,
      .modal-order .approval-header small.pricing-details a {
        position: absolute;
        z-index: 1;
        margin-left: 5px;
        margin-top: 0; }
      .modal-approval .approval-header small.pricing-details .rule-top,
      .modal-order .approval-header small.pricing-details .rule-top {
        border-top: 1px dashed #d1d3d4; }
      .modal-approval .approval-header small.pricing-details .rule-bottom,
      .modal-order .approval-header small.pricing-details .rule-bottom {
        border-bottom: 1px dashed #d1d3d4; }
    .modal-approval .approval-header .approval-close,
    .modal-order .approval-header .approval-close {
      position: absolute;
      top: 5px;
      right: 15px; }
    .modal-approval .approval-header .approval-sort,
    .modal-order .approval-header .approval-sort {
      display: inline-block;
      float: left; }
    .modal-approval .approval-header .btn,
    .modal-approval .approval-header .md-button,
    .modal-order .approval-header .btn,
    .modal-order .approval-header .md-button {
      font-weight: 700;
      min-width: 100px; }
      .modal-approval .approval-header .btn.md-icon-button,
      .modal-approval .approval-header .md-button.md-icon-button,
      .modal-order .approval-header .btn.md-icon-button,
      .modal-order .approval-header .md-button.md-icon-button {
        height: auto; }
    .modal-approval .approval-header #all-approve,
    .modal-approval .approval-header #all-decline,
    .modal-order .approval-header #all-approve,
    .modal-order .approval-header #all-decline {
      margin-bottom: 10px; }
    .modal-approval .approval-header .md-icon-button,
    .modal-order .approval-header .md-icon-button {
      cursor: default;
      float: right;
      width: auto;
      min-width: 0;
      padding: 0;
      margin: 0; }
  .modal-approval .modal-body,
  .modal-order .modal-body {
    clear: both;
    padding-top: 0; }
    .modal-approval .modal-body > .approval-product,
    .modal-order .modal-body > .approval-product {
      clear: both; }
      .modal-approval .modal-body > .approval-product .approval-item .btn,
      .modal-order .modal-body > .approval-product .approval-item .btn {
        min-width: 0;
        padding: 5px;
        height: auto; }
        .modal-approval .modal-body > .approval-product .approval-item .btn .icon,
        .modal-order .modal-body > .approval-product .approval-item .btn .icon {
          font-size: 0.75rem;
          font-weight: 700;
          line-height: 0; }
      .modal-approval .modal-body > .approval-product .approval-item .img-responsive,
      .modal-order .modal-body > .approval-product .approval-item .img-responsive {
        display: inline-block; }
      .modal-approval .modal-body > .approval-product .pull-right span,
      .modal-approval .modal-body > .approval-product .pull-right i,
      .modal-approval .modal-body > .approval-product .pull-right .icon,
      .modal-order .modal-body > .approval-product .pull-right span,
      .modal-order .modal-body > .approval-product .pull-right i,
      .modal-order .modal-body > .approval-product .pull-right .icon {
        display: inline-block;
        float: left; }
      .modal-approval .modal-body > .approval-product .pull-right i,
      .modal-approval .modal-body > .approval-product .pull-right .icon,
      .modal-order .modal-body > .approval-product .pull-right i,
      .modal-order .modal-body > .approval-product .pull-right .icon {
        margin: 0 5px; }
      .modal-approval .modal-body > .approval-product .form-group input[type="radio"],
      .modal-order .modal-body > .approval-product .form-group input[type="radio"] {
        width: auto; }
    .modal-approval .modal-body .approval-label,
    .modal-order .modal-body .approval-label {
      font-weight: 700;
      font-size: 1rem;
      margin-bottom: 10px; }
      .modal-approval .modal-body .approval-label .product-name,
      .modal-order .modal-body .approval-label .product-name {
        color: #868686; }
      .modal-approval .modal-body .approval-label small,
      .modal-order .modal-body .approval-label small {
        clear: both;
        font-size: 0.75rem;
        font-weight: 400;
        color: #868686; }
      .modal-approval .modal-body .approval-label a,
      .modal-order .modal-body .approval-label a {
        color: #868686; }
        .modal-approval .modal-body .approval-label a:hover,
        .modal-order .modal-body .approval-label a:hover {
          color: #999595; }
      .modal-approval .modal-body .approval-label .item-preview:hover,
      .modal-order .modal-body .approval-label .item-preview:hover {
        background-color: transparent;
        color: #999595; }
      .modal-approval .modal-body .approval-label .item-preview.md-button,
      .modal-order .modal-body .approval-label .item-preview.md-button {
        display: inline-block;
        margin-top: 5px;
        overflow: visible; }
    .modal-approval .modal-body .approval-label-opts,
    .modal-order .modal-body .approval-label-opts {
      font-size: 0.75rem;
      color: #bfbfbf; }
    .modal-approval .modal-body .show-pricing,
    .modal-order .modal-body .show-pricing {
      margin-bottom: 0;
      margin-left: -7px; }
      .modal-approval .modal-body .show-pricing label,
      .modal-order .modal-body .show-pricing label {
        white-space: nowrap;
        margin: 0; }
    .modal-approval .modal-body textarea,
    .modal-order .modal-body textarea {
      height: 100px; }
    .modal-approval .modal-body .approval-buttons,
    .modal-order .modal-body .approval-buttons {
      float: right;
      font-size: 0; }
      .modal-approval .modal-body .approval-buttons .btn,
      .modal-order .modal-body .approval-buttons .btn {
        margin: 0 0 0 10px; }
    .modal-approval .modal-body .form-group,
    .modal-order .modal-body .form-group {
      width: 100%; }
      .modal-approval .modal-body .form-group .form-checkbox,
      .modal-order .modal-body .form-group .form-checkbox {
        float: right; }
        .modal-approval .modal-body .form-group .form-checkbox .radio-custom-label,
        .modal-order .modal-body .form-group .form-checkbox .radio-custom-label {
          margin: 5px 0 0 20px; }
          .modal-approval .modal-body .form-group .form-checkbox .radio-custom-label:before,
          .modal-order .modal-body .form-group .form-checkbox .radio-custom-label:before {
            margin-right: 5px; }

.modal-approval .approval-details {
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 10px;
  font-size: 1.125rem; }
  .modal-approval .approval-details.pricing-info {
    margin-left: -15px;
    margin-right: -15px; }
  .modal-approval .approval-details .row {
    margin: 0;
    background-color: #f1f2f2;
    border-bottom: 1px solid #d1d3d4; }
    .modal-approval .approval-details .row > div {
      padding: 8px; }
    .modal-approval .approval-details .row.thead {
      background-color: #d1d3d4;
      border-bottom-width: 0; }
      .modal-approval .approval-details .row.thead > div {
        border-right: 1px solid #fff;
        font-weight: 700; }
        .modal-approval .approval-details .row.thead > div:last-child {
          border-right: 0; }
    .modal-approval .approval-details .row:last-child {
      border-bottom-width: 0; }
    .modal-approval .approval-details .row.selected {
      background-color: #868686;
      color: #ffffff; }

.modal-approval .approvals-carousel {
  background-color: #f1f2f2;
  padding-top: 5px;
  padding-bottom: 5px; }
  .modal-approval .approvals-carousel .approvals-thumbs {
    display: table-row;
    white-space: nowrap;
    overflow: hidden; }
    .modal-approval .approvals-carousel .approvals-thumbs a {
      display: table-cell;
      position: relative;
      width: 171px;
      vertical-align: middle;
      text-align: center;
      padding-right: 7px; }
      .modal-approval .approvals-carousel .approvals-thumbs a:last-child {
        padding-right: 0; }
      .modal-approval .approvals-carousel .approvals-thumbs a:hover img {
        border: 4px solid #999595; }
      .modal-approval .approvals-carousel .approvals-thumbs a:hover .approval-number {
        background-color: rgba(153, 149, 149, 0.7);
        color: #ffffff; }
      .modal-approval .approvals-carousel .approvals-thumbs a img {
        width: auto;
        height: auto;
        max-width: 100%;
        border: 4px solid transparent; }
        .modal-approval .approvals-carousel .approvals-thumbs a img:hover, .modal-approval .approvals-carousel .approvals-thumbs a img.active {
          border: 4px solid #999595; }
      .modal-approval .approvals-carousel .approvals-thumbs a .approval-number {
        position: absolute;
        width: 1.125rem;
        height: 1.125rem;
        top: 7px;
        right: 17px;
        font-size: 0.75rem;
        line-height: 1.125rem;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
        text-align: center; }
        .modal-approval .approvals-carousel .approvals-thumbs a .approval-number:hover, .modal-approval .approvals-carousel .approvals-thumbs a .approval-number.active {
          background-color: rgba(153, 149, 149, 0.7);
          color: #ffffff; }

.modal-approval .approvals-nav {
  background-color: #f1f2f2;
  margin-bottom: 10px; }
  .modal-approval .approvals-nav .form-group {
    margin-top: 5px;
    margin-bottom: 0; }

.modal-approval table {
  margin-bottom: 10px; }
  .modal-approval table th {
    background-color: #d1d3d4;
    border-bottom-width: 0;
    border-right: 1px solid #fff; }
    .modal-approval table th:last-child {
      border-right: 0; }
  .modal-approval table td {
    background-color: #f1f2f2;
    border-top-color: #ffffff;
    vertical-align: middle; }

#campaignsPage {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  #campaignsPage form#aspnetForm {
    flex: 1; }

.container.campaigns > .row {
  margin-left: 0;
  margin-right: 0; }

.container.campaigns .campaigns-header {
  clear: both;
  font-size: 0.875rem;
  font-weight: 700;
  color: #868686; }
  .container.campaigns .campaigns-header > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.container.campaigns .campaigns-list .campaignItem {
  background-color: #ffffff;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.875rem; }
  .container.campaigns .campaigns-list .campaignItem small {
    display: block;
    margin-top: 10px;
    color: #868686;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .container.campaigns .campaigns-list .campaignItem .campaign-status span {
    display: inline-block;
    margin-left: 5px; }

.cropper-container {
  overflow: hidden; }

.locked {
  cursor: not-allowed; }

#dbframe {
  margin-top: -11px;
  min-height: 200px; }

.datalist-container {
  font-size: 0.875rem; }
  .datalist-container .datalist-body {
    padding-top: 20px;
    overflow-y: auto;
    overflow-x: hidden; }
  .datalist-container .button-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #d0d2d2;
    padding: 10px 15px 10px 10px; }
    .datalist-container .button-footer .btn {
      margin-left: 5px; }
  .datalist-container .form-group input[type="radio"] {
    width: auto; }

.fundsLedger {
  font-size: 0.875rem; }
  .fundsLedger .row.fundsInfo {
    margin-left: 0;
    margin-right: 0; }
    .fundsLedger .row.fundsInfo .text-center {
      background-color: #d0d2d2;
      padding: 5px 0; }

.ui-widget {
  font-family: inherit; }
  .ui-widget input,
  .ui-widget textarea {
    font-family: inherit; }

.ui-datepicker .ui-datepicker-header {
  background: #999595; }
  .ui-datepicker .ui-datepicker-header .ui-datepicker-month,
  .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
    color: #ffffff; }
  .ui-datepicker .ui-datepicker-header .ui-corner-all {
    border-radius: 0;
    height: 1em;
    color: #ffffff; }
    .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-state-hover {
      background: transparent;
      border-width: 0;
      top: 2px;
      color: #80cfee; }
      .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-state-hover.ui-datepicker-next-hover {
        right: 2px; }
      .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-state-hover.ui-datepicker-prev-hover {
        left: 2px; }
    .ui-datepicker .ui-datepicker-header .ui-corner-all .ui-icon {
      background: none repeat scroll 0 0 transparent;
      text-indent: 0;
      margin-top: -0.5em; }
      .ui-datepicker .ui-datepicker-header .ui-corner-all .ui-icon.ui-icon-circle-triangle-e, .ui-datepicker .ui-datepicker-header .ui-corner-all .ui-icon.ui-icon-circle-triangle-w {
        display: inline-block;
        font-size: 0;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        .ui-datepicker .ui-datepicker-header .ui-corner-all .ui-icon.ui-icon-circle-triangle-e:before, .ui-datepicker .ui-datepicker-header .ui-corner-all .ui-icon.ui-icon-circle-triangle-w:before {
          font: normal normal normal 14px/1 FontAwesome; }
      .ui-datepicker .ui-datepicker-header .ui-corner-all .ui-icon.ui-icon-circle-triangle-e:before {
        content: "\f138"; }
      .ui-datepicker .ui-datepicker-header .ui-corner-all .ui-icon.ui-icon-circle-triangle-w:before {
        content: "\f137"; }

.ui-datepicker .ui-state-default {
  background: #f1f2f2;
  border-color: #d1d3d4; }
  .ui-datepicker .ui-state-default.ui-state-active, .ui-datepicker .ui-state-default.ui-state-hover {
    color: #009edc;
    border-color: #009edc; }

.ui-datepicker .ui-state-highlight {
  background: #ffd200;
  border-color: #f99e35;
  color: #333; }

.ui-timepicker-wrapper .ui-timepicker-list li:hover,
.ui-timepicker-wrapper .ui-timepicker-list .ui-timepicker-selected {
  background: #999595;
  color: #ffffff; }

.getItNowLink {
  color: #999595; }

md-tabs .md-tab {
  font-size: 0.875rem; }
  md-tabs .md-tab.md-active {
    color: #999595; }

md-tabs md-ink-bar {
  color: #999595;
  background-color: #999595; }

md-tabs-wrapper {
  z-index: 2; }
  md-tabs-wrapper md-prev-button,
  md-tabs-wrapper md-next-button {
    border-bottom: 1px solid #009edc; }
    md-tabs-wrapper md-prev-button.md-disabled,
    md-tabs-wrapper md-next-button.md-disabled {
      opacity: 1; }
      md-tabs-wrapper md-prev-button.md-disabled md-icon,
      md-tabs-wrapper md-next-button.md-disabled md-icon {
        opacity: .25; }
  md-tabs-wrapper md-prev-button {
    border-right: 1px solid #d1d3d4; }
  md-tabs-wrapper md-next-button {
    border-left: 1px solid #d1d3d4; }
  md-tabs-wrapper md-tabs-canvas:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #009edc;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1; }
  md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
    z-index: 2; }
    md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-ink-bar {
      height: 0;
      background-color: #ffffff; }
    md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab {
      font-size: 0.875rem;
      height: 48px;
      background-color: #ffffff;
      border-color: #d1d3d4;
      border-bottom: 1px solid #009edc;
      text-transform: none; }
      md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab i,
      md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab .icon {
        margin-left: 5px; }
      md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab.md-active {
        background-color: #ffffff;
        border: 1px solid #009edc;
        border-bottom: 1px solid #fff;
        z-index: 0; }
        md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab.md-active:hover {
          background-color: #ffffff;
          color: #999595; }
      md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab:hover {
        background-color: #868686;
        color: #ffffff; }
      md-tabs-wrapper md-tabs-canvas md-pagination-wrapper .md-tab:first-child {
        margin-left: 0; }
    md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-ink-bar {
      color: #999595;
      background-color: #999595; }

md-tabs-content-wrapper._md.ng-hide {
  display: block !important;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: #fff;
  z-index: 3; }

md-tabs-content-wrapper md-content {
  border: 1px solid #009edc;
  float: left;
  overflow: visible; }
  md-tabs-content-wrapper md-content.productPart {
    border-width: 0; }

/*div[style="in"] {*/
/*#60101 changed to use class name because style attribute read was failing to register after step change */
.collapse.in md-content.productPart {
  overflow: hidden; }
  .collapse.in md-content.productPart md-tabs {
    overflow: hidden; }
    .collapse.in md-content.productPart md-tabs md-tab-content {
      overflow: hidden; }

md-content {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  background-color: #ffffff; }
  md-content md-tabs .md-tab {
    border: 1px solid #d1d3d4; }
    md-content md-tabs .md-tab.md-active {
      background-color: #f1f2f2;
      border: 1px solid #009edc;
      border-width: 1px 1px 0 1px;
      color: #999595; }
  md-content md-tabs md-ink-bar {
    height: 1px;
    background-color: #999595;
    color: #999595; }
  md-content md-tabs md-pagination-wrapper {
    width: auto !important; }
  md-content md-tabs md-tab-content > div > div.md-padding {
    float: left;
    width: 100%; }
    md-content md-tabs md-tab-content > div > div.md-padding .form-group .squareAroundValidationIconAlternatePosition {
      margin-top: 0;
      margin-bottom: 0; }
  md-content .md-padding {
    padding: 15px 10px 10px;
    border: 1px solid #009edc;
    border-top: 0;
    margin-bottom: 1px; }
  md-content.productPart {
    overflow: visible; }
    md-content.productPart md-tabs {
      overflow: visible; }
      md-content.productPart md-tabs md-tab-content {
        overflow: visible; }

.md-dialog-container {
  height: 100% !important;
  z-index: 1031;
  position: fixed;
  top: 0; }
  @media screen and (max-width: 460px) {
    .md-dialog-container {
      display: block; } }
  .md-dialog-container:first-child {
    width: 100%; }
  .md-dialog-container md-dialog {
    width: 100%;
    max-width: 875px;
    position: relative;
    font-size: 0.875rem; }
    .md-dialog-container md-dialog[class^="flex-"], .md-dialog-container md-dialog[class*=" flex-"] {
      width: initial; }
      .md-dialog-container md-dialog[class^="flex-"] .md-dialog-content, .md-dialog-container md-dialog[class*=" flex-"] .md-dialog-content {
        padding-top: 0; }
        .md-dialog-container md-dialog[class^="flex-"] .md-dialog-content .login-box, .md-dialog-container md-dialog[class*=" flex-"] .md-dialog-content .login-box {
          padding: 0 0 20px 0;
          margin-top: 0; }
    .md-dialog-container md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar), .md-dialog-container md-dialog md-toolbar:not(.md-menu-toolbar) {
      background-color: #999595;
      color: #ffffff; }
      .md-dialog-container md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar) .modal-title, .md-dialog-container md-dialog md-toolbar:not(.md-menu-toolbar) .modal-title {
        margin-top: 4px; }
        .md-dialog-container md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar) .modal-title i.blue,
        .md-dialog-container md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar) .modal-title .icon.blue, .md-dialog-container md-dialog md-toolbar:not(.md-menu-toolbar) .modal-title i.blue,
        .md-dialog-container md-dialog md-toolbar:not(.md-menu-toolbar) .modal-title .icon.blue {
          color: #ffffff; }
      .md-dialog-container md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-icon-button, .md-dialog-container md-dialog md-toolbar:not(.md-menu-toolbar) .md-icon-button {
        color: #ffffff;
        margin-right: 0; }
      .md-dialog-container md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, .md-dialog-container md-dialog md-toolbar:not(.md-menu-toolbar) md-icon {
        color: #ffffff;
        fill: #ffffff; }
    .md-dialog-container md-dialog.modal-approval, .md-dialog-container md-dialog.modal-order {
      max-width: 900px; }
    .md-dialog-container md-dialog.md-dialog-fullscreen {
      max-width: 1025px; }
  .md-dialog-container .modal-close {
    cursor: pointer; }
  .md-dialog-container .crop-image {
    min-width: 0;
    height: 2.71rem;
    padding: 10px; }
  .md-dialog-container #fileUploadContainer {
    overflow: hidden; }
    .md-dialog-container #fileUploadContainer .cropperInputs {
      font-size: 0.75rem;
      margin-left: 10px; }
      .md-dialog-container #fileUploadContainer .cropperInputs input {
        float: left;
        width: 40px;
        margin: 0 5px;
        text-align: center; }
        .md-dialog-container #fileUploadContainer .cropperInputs input:first-child, .md-dialog-container #fileUploadContainer .cropperInputs input:nth-child(2) {
          margin-bottom: 5px; }
      .md-dialog-container #fileUploadContainer .cropperInputs i,
      .md-dialog-container #fileUploadContainer .cropperInputs span {
        float: left;
        margin: 5px; }
      .md-dialog-container #fileUploadContainer .cropperInputs span {
        display: inline-block;
        margin-top: 4px; }
      .md-dialog-container #fileUploadContainer .cropperInputs br {
        clear: both; }

.modal-open .modal-backdrop {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #212121;
  opacity: .48; }

.modal-open md-dialog {
  max-width: 100%; }
  .modal-open md-dialog md-toolbar {
    background-color: #999595; }

html body.md-toast-animating {
  overflow: auto !important; }

html body md-toast {
  z-index: 10000;
  position: fixed; }
  html body md-toast.toast-error {
    background-color: transparent; }
    html body md-toast.toast-error .md-toast-content {
      background-color: #aa2611;
      color: #ffffff; }

html body md-tooltip {
  display: flex;
  z-index: 1032;
  max-width: 250px;
  height: auto;
  padding: 5px;
  background-color: #868686;
  color: #ffffff; }
  html body md-tooltip .md-content {
    height: auto;
    white-space: normal;
    overflow: visible;
    padding: 0;
    background-color: transparent;
    font-size: 0.75rem;
    line-height: 1rem; }
  html body md-tooltip.md-tooltip {
    max-width: 250px;
    height: auto;
    padding: 5px;
    background-color: #868686;
    color: #ffffff;
    font-size: 0.75rem;
    line-height: 1rem;
    white-space: normal;
    overflow: visible;
    overflow-wrap: break-word; }
  html body md-tooltip .form-fill-tooltip {
    margin: -8px;
    padding: 8px; }

html body #toast-container .toast {
  padding-left: 15px; }
  html body #toast-container .toast.toast-success {
    background-image: none !important;
    background-color: #8fc63e;
    color: #002e16;
    opacity: 1; }
    html body #toast-container .toast.toast-success .toast-close-button {
      color: #002e16; }
  html body #toast-container .toast.toast-warning {
    background-image: none !important;
    background-color: #ffd200;
    color: #7a1f00;
    opacity: 1; }
    html body #toast-container .toast.toast-warning .toast-close-button {
      color: #7a1f00; }
  html body #toast-container .toast.toast-error {
    background-image: none !important;
    background-color: #aa2611;
    color: #ffffff;
    opacity: 1; }
    html body #toast-container .toast.toast-error .toast-close-button {
      color: #ffffff; }
  html body #toast-container .toast .toast-message {
    margin-left: 35px; }
  html body #toast-container .toast .toast-close-button {
    right: 0px;
    top: -15px;
    font-size: 0; }

.tooltip-sort {
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  background-color: transparent; }
  .tooltip-sort:not([disabled]):hover, .tooltip-sort.md-default-theme:not([disabled]):hover {
    background-color: transparent; }

.md-panel-outer-wrapper,
.tooltip-sort-display {
  z-index: 1032 !important; }

md-toolbar {
  height: 64px;
  min-height: 64px;
  max-height: 64px; }
  md-toolbar md-menu-bar button {
    height: auto; }
  md-toolbar md-menu-bar.md-default-theme md-menu.md-open > button,
  md-toolbar md-menu-bar md-menu.md-open > button,
  md-toolbar md-menu-bar.md-default-theme md-menu > button:focus,
  md-toolbar md-menu-bar md-menu > button:focus,
  md-toolbar md-menu-bar.md-default-theme.md-open:not(.md-keyboard-mode) md-menu:hover > button,
  md-toolbar md-menu-bar.md-open:not(.md-keyboard-mode) md-menu:hover > button {
    background-color: transparent; }

md-menu-content {
  background-color: #ffffff; }
  md-menu-content.md-default-theme .md-menu.md-open > .md-button,
  md-menu-content .md-menu.md-open > .md-button,
  md-menu-content .md-button.md-default-theme:not([disabled]).md-focused,
  md-menu-content .md-button:not([disabled]).md-focused {
    background-color: #999595;
    color: #ffffff; }
    md-menu-content.md-default-theme .md-menu.md-open > .md-button:after,
    md-menu-content .md-menu.md-open > .md-button:after,
    md-menu-content .md-button.md-default-theme:not([disabled]).md-focused:after,
    md-menu-content .md-button:not([disabled]).md-focused:after {
      color: #ffffff; }
  md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
    top: 7px; }

md-steppers {
  margin-top: -15px; }
  md-steppers md-steppers-wrapper md-pagination-wrapper {
    height: 30px; }
  md-steppers md-steppers-canvas {
    height: 30px; }
  md-steppers .md-step {
    padding: 0;
    overflow: visible; }
    md-steppers .md-step:before, md-steppers .md-step:after {
      width: 0; }
    md-steppers .md-step:first-child {
      padding-left: 0; }
    md-steppers .md-step.md-active md-step-label-wrapper:before, md-steppers .md-step.md-success md-step-label-wrapper:before, md-steppers .md-step.md-complete md-step-label-wrapper:before, md-steppers .md-step.md-complete.md-active md-step-label-wrapper:before {
      background-color: #999595;
      content: attr(stepindex);
      background-image: none; }
    md-steppers .md-step md-step-label-wrapper {
      font-size: 0.875rem;
      padding-top: 4px; }
      md-steppers .md-step md-step-label-wrapper:before {
        width: 22px;
        height: 22px;
        background: #58595b; }
  md-steppers:not(.md-no-step-content):not(.md-dynamic-height) {
    min-height: 0; }

html md-progress-linear .md-container {
  background-color: #80cfee; }
  html md-progress-linear .md-container .md-bar {
    background-color: #999595; }

html md-progress-circular.md-default-theme,
html md-progress-circular {
  margin: 0 auto; }
  html md-progress-circular.md-default-theme path,
  html md-progress-circular path {
    stroke: #999595; }

/* #60944 Undo Delete Styling (multiple pages) */
.undoDeleteText {
  line-height: normal;
  margin-top: 75px;
  margin-right: 200px;
  margin-bottom: -103px; }

.undoDeleteText big {
  font-size: 1rem; }

.undoDeleteText small {
  font-size: .5rem; }

.library-asset .undoDeleteText {
  margin: 10px;
  margin-top: -10px; }

.address-book-listing.undo-remove {
  padding-bottom: 30px;
  padding-top: 18px;
  text-align: right; }

.address-book-listing .undoDeleteText {
  margin-top: 0px;
  margin-bottom: -38px; }

.cartDeleteAllIcon {
  float: right;
  margin-bottom: -22px;
  padding-bottom: 0px;
  z-index: 1; }

/*
.cartBulkDelete{
	line-height: 0.5rem;
	height: 1.75rem;
	margin-top:-3px;
}*/
/* Accordion Details #57072 */
/* allow clicking on any part of accordion header to toggle */
.accordion-toggle {
  width: 100%;
  display: inline-block; }

div#ctl00_ContentBody_panFooter {
  width: 100%;
  padding: 0; }

/* For update #61766*/
.mobile .flag-icon {
  margin-top: 4px; }

/* Fixing issue 54402 */
.icon-pf_icn_preview_doc {
  position: relative; }
  .icon-pf_icn_preview_doc .form-badge {
    border: 2px solid #f8f8f8;
    display: inline-block;
    position: absolute;
    top: -0.6rem;
    left: 0.5rem;
    font-family: "Open Sans", Arial, sans-serif;
    background: #8fc63e;
    color: #000;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    min-width: 6px;
    width: auto;
    height: 18px;
    border-radius: 9px;
    padding: 0 5px;
    font-weight: 600;
    text-indent: 0;
    vertical-align: top;
    box-sizing: content-box;
    white-space: nowrap; }

div.cke_textarea_inline {
  height: 88px;
  padding: 10px 25px;
  margin-bottom: 10px;
  width: auto;
  overflow: auto;
  border: 1px solid #868686;
  appearance: textfield; }
  div.cke_textarea_inline + .validationError i,
  div.cke_textarea_inline + .validationError .glyphicon,
  div.cke_textarea_inline + .validationError .icon {
    margin-top: -35px; }

.animate.ng-hide, .animate.ng-move, .animate.ng-enter, .animate.ng-leave.ng-leave-active {
  opacity: 0; }

.animate.ng-hide-add, .animate.ng-hide-remove, .animate.ng-move, .animate.ng-enter, .animate.ng-leave {
  transition: all linear 0.3s; }

.animate.ng-show, .animate.ng-leave, .animate.ng-move.ng-move-active, .animate.ng-enter.ng-enter-active {
  opacity: 1; }

.show,
.hidden {
  transition: all linear 0.3s; }

.no-animate {
  transition: none !important; }

.fade-in {
  animation: fadein 0.3s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

md-datepicker {
  white-space: nowrap;
  overflow: hidden !important;
  vertical-align: middle; }
  md-datepicker .md-datepicker-input-container:hover, md-datepicker .md-datepicker-input-container.md-datepicker-invalid {
    border-bottom-width: 2px; }
  md-datepicker .md-datepicker-input-container.md-datepicker-invalid {
    border-bottom-color: #e0e0e0; }
  md-datepicker .md-datepicker-input-container:hover, md-datepicker .md-datepicker-input-container.md-datepicker-focused {
    border-bottom-color: #999595; }

/* Google Autocomplete */
.pac-container {
  z-index: 10000 !important; }

@font-face {
  font-family: 'pageflex-icons';
  font-weight: 400;
  font-style: normal;
  src: url("../../../../sfassets/fonts/pageflex-icons.eot?v1wu0d");
  src: url("../../../../sfassets/fonts/pageflex-icons.eot?v1wu0d#iefix") format("embedded-opentype"), url("../../../../sfassets/fonts/pageflex-icons.ttf?v1wu0d") format("truetype"), url("../../../../sfassets/fonts/pageflex-icons.woff?v1wu0d") format("woff"), url("../../../../sfassets/fonts/pageflex-icons.svg?v1wu0d#pagflex-icons") format("svg"); }

.icon,
[class*="icon-"],
[class^="icon-"] {
  display: inline-block;
  font-family: 'pageflex-icons' !important;
  font-size: 1rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.0625rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .icon.glyphicon,
  [class*="icon-"].glyphicon,
  [class^="icon-"].glyphicon {
    font-family: 'Glyphicons Halflings' !important;
    font-style: normal; }
  .icon.fa,
  [class*="icon-"].fa,
  [class^="icon-"].fa {
    font-family: 'FontAwesome' !important;
    font-style: normal; }

.icon-pf_btn_double_left_arrow:before {
  content: "\e900"; }

.icon-pf_btn_double_right_arrow:before {
  content: "\e901"; }

.icon-pf_btn_down_arrow:before {
  content: "\e902"; }

.icon-pf_btn_up_arrow:before {
  content: "\e903"; }

.icon-pf_btn_prv_arrow:before,
.icon-pf_btn_single_left_arrow:before {
  content: "\e904"; }

.icon-pf_btn_next_arrow:before,
.icon-pf_btn_single_right_arrow:before {
  content: "\e905"; }

.icon-pf_btn_remove_solid:before {
  content: "\e906"; }

.icon-pf_btn_remove:before {
  content: "\e907"; }

.icon-pf_btn_remove-xl:before {
  content: "\e908"; }

.icon-pf_icn_expand:before {
  content: "\e909"; }

.icon-pf_icn_expand-xl:before {
  content: "\e90a"; }

.icon-pf_icn_collapse:before {
  content: "\e90b"; }

.icon-pf_icn_collapse-xl:before {
  content: "\e90c"; }

.icon-pf_icn_menu:before {
  content: "\e90d"; }

.icon-pf_icn_menu-2:before {
  content: "\e90e"; }

.icon-pf_icn_crop:before {
  content: "\e90f"; }

.icon-pf_icn_cart:before {
  content: "\e910"; }

.icon-pf_icn_add_to_cart:before,
.icon-pf_icn_cart-add:before {
  content: "\e911"; }

.icon-pf_icn_info:before {
  content: "\e912"; }

.icon-pf_icn_info_blk:before {
  content: "\e913"; }

.icon-pf_icn_help:before {
  content: "\e914"; }

.icon-pf_icn_exclamation_mark_solid:before,
.icon-pf_icn_circle_exclamation_mark:before {
  content: "\e915"; }

.icon-pf_icn_checkmark_solid:before {
  content: "\e916"; }

.icon-pf_icn_checkmark_bold:before {
  content: "\e917"; }

.icon-pf_icn_checkmark:before {
  content: "\e918"; }

.icon-pf_icn_declined:before {
  content: "\e919"; }

.icon-pf_icn_restricted:before {
  content: "\e91a"; }

.icon-pf_icn_download:before,
.pf_icn_download:before {
  content: "\e91b"; }

.icon-pf_icn_upload:before {
  content: "\e91c"; }

.icon-pf_icn_pending:before,
.icon-pf_icn_in_process:before {
  content: "\e91d"; }

.icon-pf_icn_hour_glass:before {
  content: "\e91e"; }

.icon-pf_icn_rename:before {
  content: "\e91f"; }

.icon-pf_icn_edit_doc:before {
  content: "\e920"; }

.icon-pf_icn_preview_doc:before {
  content: "\e921"; }

.icon-pf_icn_duplicate:before {
  content: "\e922"; }

.icon-pf_icn_save_for_later:before {
  content: "\e923"; }

.icon-pf_icn_delete:before {
  content: "\e924"; }

.icon-pf_icn_lock:before {
  content: "\e925"; }

.icon-pf_icn_print:before {
  content: "\e926"; }

.icon-pf_icn_profile:before,
.icon-pf_icn_profile-closed:before {
  content: "\e927"; }

.icon-pf_icn_profile-open:before {
  content: "\e928"; }

.icon-pf_icn_reset_circular_arrows:before,
.icon-pf_icn_reset:before {
  content: "\e929"; }

.icon-pf_icn_rotate_left:before {
  content: "\e92a"; }

.icon-pf_icn_rotate_right:before {
  content: "\e92b"; }

.icon-pf_icn_search:before {
  content: "\e92c"; }

.icon-pf_icon_zoom_out:before,
.icon-pf_icn_search_minus:before {
  content: "\e92d"; }

.icon-pf_icon_zoom_in:before,
.icon-pf_icn_search_plus:before {
  content: "\e92e"; }

.icon-pf_icn_shipping_truck:before {
  content: "\e92f"; }

.icon-pf_icn_hidden:before,
.icon-pf_icn_hide_files:before {
  content: "\e930"; }

.icon-pf_icn_visible:before,
.icon-pf_icn_show_files:before {
  content: "\e931"; }

.icon-pf_icn_notifications:before {
  content: "\e932"; }

.icon-pf_icn_ellipsis:before,
.icon-icon-pf-icn-ellipsis:before {
  content: "\e933"; }

.icon-pf_btn_email_outline:before {
  content: "\e934"; }

.icon-pf_btn_email:before {
  content: "\e935"; }

.icon-pf_btn_phone:before {
  content: "\e936"; }

.icon-pf_btn_phone_outline:before {
  content: "\e937"; }

.icon-pf_icn_exclamation_mark_triangle:before,
.icon-pf_icn_exclaimation_mark_triangle:before {
  content: "\e938"; }

.icon-pf_icn_spinner:before {
  content: "\e939"; }

.icon-pf_icn_play:before {
  content: "\e93a"; }

.icon-pf_icn_play_solid_round:before {
  content: "\e93b"; }

.icon-pf_icn_play_solid_square:before {
  content: "\e93c"; }

.icon-pf_icn_graph:before {
  content: "\e93d"; }

.icon-xlarge {
  font-size: 2rem;
  line-height: 2.0625rem; }

.icon-xsmall {
  font-size: 0.75rem;
  line-height: 0.875rem; }

.icon-spin {
  animation: spin 2s infinite linear; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.icon-rotate-90 {
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.icon-rotate-180 {
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }

.icon-rotate-270 {
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.icon-flip-horizontal {
  transform: scale(-1, 1); }

.icon-flip-vertical {
  transform: scale(1, -1); }

ul.ul-icon {
  padding-left: 1rem;
  list-style-type: none; }
  ul.ul-icon > li {
    position: relative; }
    ul.ul-icon > li .li-icon {
      position: absolute;
      width: 1rem;
      top: 0;
      left: -0.875rem;
      font-size: 0.5625rem; }

#toast-container .toast:before {
  float: left;
  display: inline-block;
  font-family: 'pageflex-icons' !important;
  font-size: 1rem;
  margin: 5px 0 0 5px; }

#toast-container .toast-warning:before {
  content: "\e938";
  color: #7a1f00; }

#toast-container .toast-success:before {
  content: "\e917";
  color: #002e16; }

#toast-container .toast-error:before {
  content: "\e938";
  color: #ffffff; }

#toast-container .toast-close-button:before {
  display: inline-block;
  font-family: 'pageflex-icons' !important;
  font-size: 0.6875rem;
  content: "\e907"; }

.container > .row .widgetSpace {
  background-color: #ffffff;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  animation: fadein 0.5s;
  font-size: 0.875rem; }
  .container > .row .widgetSpace .widget-loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #009edc;
    animation: pulsate 5s infinite !important; }
  .container > .row .widgetSpace h3 {
    margin-top: 0;
    border-bottom: 1px solid #009edc;
    padding-bottom: 5px;
    color: #333333; }
  .container > .row .widgetSpace .row.zebra-stripe {
    background-color: transparent;
    padding: 5px 0;
    margin: 0; }
    .container > .row .widgetSpace .row.zebra-stripe:nth-child(even) {
      background-color: #d0d2d2; }
  .container > .row .widgetSpace md-tabs {
    min-height: 300px; }
    .container > .row .widgetSpace md-tabs md-prev-button {
      border-right: 0; }
    .container > .row .widgetSpace md-tabs md-next-button {
      border-left: 0; }
    .container > .row .widgetSpace md-tabs md-tab-content {
      border: 1px solid #009edc;
      border-top: 0;
      float: left; }
  .container > .row .widgetSpace .carousel-indicators li {
    background-color: #999595;
    border: 1px solid #009edc; }
    .container > .row .widgetSpace .carousel-indicators li.active {
      background-color: #ffffff; }

.container > .row > .left.bottom {
  padding-left: 5px; }

.container > .row > .left .faux-row {
  width: 100%;
  margin-bottom: 15px;
  display: table; }
  .container > .row > .left .faux-row > .widgetSpace {
    float: none;
    display: table-cell;
    vertical-align: top;
    border-right: 15px solid #d0d2d2; }
    .container > .row > .left .faux-row > .widgetSpace:last-child {
      border-right: 0; }
    @media screen and (max-width: 768px) {
      .container > .row > .left .faux-row > .widgetSpace {
        width: 100%;
        float: left;
        display: block;
        border-right: 0; } }

@media screen and (max-width: 768px) {
  .container > .row > .left {
    padding-right: 15px; } }

@keyframes pulsate {
  0% {
    border-color: rgba(153, 149, 149, 0.3); }
  50% {
    border-color: rgba(153, 149, 149, 0); }
  100% {
    border-color: rgba(153, 149, 149, 0.3); } }

/*# sourceMappingURL=../css/pageflex.css.map */