@charset "UTF-8";

/* ----------- SASS ARCHITECTURE --------------
sass/
|
|– helpers/
|   |– _pageflex-variables.scss   # Sass Variables
|
|– pageflex/
|   |– _general.scss	# base styles 	(Updated 2020/05/26)
|   |– _icons.scss		# icon styles 	(Updated 2019/03/26)
|   |– _widgets.scss	# widget styles (Updated 2018/07/24)
|
`– 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: #f1f2f2;
  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: rgb(var(--color-primary)); } */
  color: rgb(var(--color-primary));
}

.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: 20px;
}

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

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

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

#previewArea iframe:not(.bitmapIframe) {
  background-color: #ffffff;
}

@media screen and (max-width: 990px) {
  #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%;
}

.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: rgb(var(--color-primary));
  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 .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;
}

.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: rgb(var(--color-primary));
  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: rgb(var(--color-primary));
  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;
}

.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 #f1f2f2;
}

.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;
}

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

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

.progress .progress-bar {
  margin-bottom: 0;
  background-image: none;
  background-color: rgb(var(--color-primary));
  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%;
}

.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: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
  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: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
}

.pagination>li.active>span:hover,
.pagination>li.active>span:focus {
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
}

.pagination>li.active>a {
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
}

.pagination>li.active>a:hover,
.pagination>li.active>a:focus {
  background-color: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
}

.form-fill select {
  color: rgb(var(--color-primary));
}

.form-fill .section {
  background-color: #ffffff;
  padding: 40px;
  margin-bottom: 20px;
  margin-top: -20px;
}

.form-fill .section td.fieldCell {
  padding: 0 15px 3px 0;
}

.form-fill .section .subhead {
  margin-top: 20px;
  padding-top: 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 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: 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: 15px;
}

.form-fill div[ID^='host'] {
  clear: both;
}

.form-fill .lbl {
  font-weight: 700;
  border-top: 1px solid #d1d3d4;
  padding: 10px 0;
}

.form-fill .lbl+br {
  display: none;
}

.form-fill table#hostsTable {
  margin: 10px 0;
}

.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;
  margin-bottom: 20px;
}

.form-fill .materialDateField {
  overflow: hidden;
}

.form-fill .materialDateField .squareAroundValidationIcon {
  margin-top: -27px;
}

.form-fill .materialDateField .validation-placement {
  /*margin-left:-30px;*/
}

.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 {
  margin-top: 30px;
}

.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 rgb(var(--color-primary));
  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(0, 158, 220, 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: #fefefe;
  top: 100px;
  padding-bottom: 10px;
}

#productForm .status-bar .product-progress {
  background-color: #fefefe;
}

#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;
}

.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: rgb(var(--color-primary));
}

.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: #000000;
  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: 50% !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 .icon,
.review-order .shipment-details .shipment-item .form-group .validationError .icon {
  /*margin-right: -15px;*/
}

.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;
  /*margin-right: 25px;*/
}

md-dialog#ccModal md-dialog-content#dialogContent_ccModal {
  background-color: #f1f2f2;
}

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

.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: #f1f2f2;
  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: rgb(var(--color-primary));
}

.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: #f1f2f2;
}

.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: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
  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: rgb(var(--color-primary));
  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 #f1f2f2;
}

.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: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
}

.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: #000000;
}

.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;
}

.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: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
}

.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;
}

.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: rgb(var(--color-primary));
}

.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 .upload-modal,
md-dialog.md-default-theme .upload-modal {
  background-color: #f1f2f2;
}

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: #f1f2f2;
  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: rgb(var(--color-primary));
  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: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
}

.tag_blue .tag.blue i {
  color: #003366;
}

.tag_blue .label-well div.blue {
  background-color: rgb(var(--color-primary));
  color: #003366;
}

.tag_blue .label-well div.blue:hover {
  background-color: transparent;
  color: rgb(var(--color-primary));
  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;
}

.orders .orders-list {
  margin-top: 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: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
}

.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: #000000;
  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: middle;
  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 {
  white-space: nowrap;
  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;
}

.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;
}

.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: rgb(var(--color-primary));
  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: rgb(var(--color-primary));
}

.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;
}

.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 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: rgb(var(--color-primary));
  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: rgb(var(--color-primary));
  height: 2px;
  color: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
}

.modal-approval .modal-body .approval-label .item-preview:hover,
.modal-order .modal-body .approval-label .item-preview:hover {
  background-color: transparent;
  color: rgb(var(--color-primary));
}

.modal-approval .modal-body .approval-label-opts,
.modal-order .modal-body .approval-label-opts {
  font-size: 0.75rem;
  color: #000000;
}

.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 rgb(var(--color-primary));
}

.modal-approval .approvals-carousel .approvals-thumbs a:hover .approval-number {
  background-color: rgba(0, 158, 220, 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 rgb(var(--color-primary));
}

.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(0, 158, 220, 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;
}

.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;
}

.datalist-container {
  font-size: 0.875rem;
}

.datalist-container .datalist-body {
  height: 454px;
  padding-top: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}

.datalist-container .button-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #f1f2f2;
  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: #f1f2f2;
  padding: 5px 0;
}

.ui-widget {
  font-family: inherit;
}

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

.ui-datepicker .ui-datepicker-header {
  background: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
  border-color: rgb(var(--color-primary));
}

.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: rgb(var(--color-primary));
  color: #ffffff;
}

.getItNowLink {
  color: rgb(var(--color-primary));
}

md-tabs .md-tab {
  font-size: 0.875rem;
}

md-tabs .md-tab.md-active {
  color: rgb(var(--color-primary));
}

md-tabs md-ink-bar {
  color: rgb(var(--color-primary));
  background-color: rgb(var(--color-primary));
}

md-tabs-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 rgb(var(--color-primary));
  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 rgb(var(--color-primary));
  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: rgb(var(--color-primary));
}

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: rgb(var(--color-primary));
  background-color: rgb(var(--color-primary));
}

md-tabs-content-wrapper {
  margin-top: -1px;
}

md-tabs-content-wrapper md-content {
  border: 1px solid rgb(var(--color-primary));
  float: left;
  overflow: visible;
}

md-tabs-content-wrapper md-content.productPart {
  border-width: 0;
}

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 rgb(var(--color-primary));
  border-width: 1px 1px 0 1px;
  color: rgb(var(--color-primary));
}

md-content md-tabs md-ink-bar {
  height: 1px;
  background-color: rgb(var(--color-primary));
  color: rgb(var(--color-primary));
}

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 rgb(var(--color-primary));
  margin-bottom: 0;
}

.md-dialog-container {
  height: 100% !important;
  z-index: 1031;
  position: fixed;
  display: flex !important;
  align-items: center;
}

.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: rgb(var(--color-primary));
  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 md-dialog {
  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: rgb(var(--color-primary));
}

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 {
  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;
}

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: rgb(var(--color-primary));
  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: rgb(var(--color-primary));
  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: rgb(var(--color-secondary));
}

html md-progress-linear .md-container .md-bar {
  background-color: rgb(var(--color-primary));
}

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: rgb(var(--color-primary));
}

div.cke_textarea_inline {
  height: 88px;
  padding: 10px;
  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;
}

@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;
  /*max-height: 1000px;*/
  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 rgb(var(--color-primary));
  animation: pulsate 5s infinite !important;
}

.container>.row .widgetSpace h3 {
  margin-top: 0;
  border-bottom: 1px solid rgb(var(--color-primary));
  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: #f1f2f2;
}

.container>.row .widgetSpace md-tabs {
  min-height: 300px;
}

.container>.row .widgetSpace md-tabs md-tab-content {
  border: 1px solid rgb(var(--color-primary));
  float: left;
}

.container>.row .widgetSpace .carousel-indicators li {
  background-color: rgb(var(--color-primary));
  border: 1px solid rgb(var(--color-primary));
}

.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 #f1f2f2;
}

.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(0, 158, 220, 0.3);
  }

  50% {
    border-color: rgba(0, 158, 220, 0);
  }

  100% {
    border-color: rgba(0, 158, 220, 0.3);
  }
}