@charset "UTF-8";

@media only screen and (min-width: 48.063em){
	#cart-validation {
		width: 30%;	
	}
}

@media only screen and (max-width: 48.063em){
	#cart-validation div.modal-footer button{
		width: 40%;	
	}
}

.no-background-image {
   background-image:none !important;
}

img#userImage {
	max-width:none !important;
}

#cart-validation div p {
	margin-bottom : 0;
}

.postcard-back-address-line-fempp {
	line-height:0.7rem !important;
	font-size:0.7rem !important;
}

label.error-fempp {
	margin-bottom: 15px !important;
}

.nopadding-top{ 
	padding-top: 0 !important;
}

.post-code-input-group input {
    margin-bottom: 0 !important;
}

.post-code-input-group div label.error{
	min-height: 6px;
	display: block !important;
}


.img-gallery .img-gallery-images .img-gallery-item img:hover {
    color: #DF0024;
}

.img-gallery .img-gallery-images .img-gallery-item img {
	border: solid 3px;
    color: #ffffff;
}


/*To override the css rule in order to prevent upload-controllers in upload section to not disappear when image is bigger than supported size value*/
.upload-img-section .upload-img-controls, .upload-img-section .upload-img-progess-indicator, .upload-img-section .uploaded-img{
	display: inherit;
}

.tabela-precos {
	max-width: 700px
}

.tabela-precos .modal-content {
	padding: 40px 20px 20px
}

.mpp-badge {
	display: inline-block;
	font-size:1rem;
	font-weight: bold;
	min-width: 10px;
	padding: 3px 6px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 3px;
}

.mpp-badge-red {
	color: white;
	background-color: #DF0024;
}

.mpp-badge:empty {
	display: none;
}

/*
SONIC Overrides
*/
.basket-small .basket-products .basket-product-list {
    height: auto;
    overflow-y: auto;
}

div.basket-summary select {
	padding: 0.5rem;
}

div.reveal-modal form {
	margin-bottom: 0rem;
	overflow:visible;
}

.postcard-back .postcard-back-msg-block.filled .postcard-msg {
    overflow: auto;
}

.postcard-back {
	display: block;
}

.row-no-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.collapsible-control-div {
	margin-bottom:15px!important;
}	

.collapsible-control-div label {
	text-align:left!important;
	margin-left:30px!important;
	display:block!important;
	white-space:normal!important;
}

.collapsible-control-div input[type="radio"] {
	float:left!important;
}

.postcard-back-to {
	padding-bottom: 1rem !important;	
}

.basket-content div.header-title {
	padding-top:0px;
	padding-bottom:0px;
}

.basket-content .header-title h3 {
	margin-top:0px;
}	

.upload-img-section .uploaded-img {
    min-height: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.sub-section-dashed {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-top: 30px;
}

.postcard-spacer {
	width: 10px;
	height: 250px;
	display: none;
}

#postcard-back-msg.reveal-modal .modal-content {
	height: initial;
}

.reveal-modal {
	top: 40px !important;
}

.zoomed > div img {
	display:block!important;
	margin:0 auto!important;
}	

.zoomed .zoom-control {
	background-color: #DF0024!important;
}

@media only screen and (max-width: 48.063em){
	.add-from-to .add-from-to-footer {
		position:relative;
	}
	.add-from-to .add-from-to-upload {
		display: block;
		border-top: none;
	}	
	
	.postcard-spacer{
		display: block;
		visibility: hidden;
	}
	
	.img-gallery .img-gallery-content {
		height: calc(100vh - 255px);
	}
	
    .reveal-modal {
        top: 0px !important;
    }		
    
    .add-from-to-footer {
    	padding-bottom: 150px!important;
    }	
    
    .modal-footer {
    	padding-bottom: 220px!important;
    }
    
    .configure-imgs .modal-content {
    	height: calc(100% - 200px)!important;
    }
}

.highlight-text {
	color:#0ABEB4!important;
}

.campaignInfoText {
	background-color:#DF0024;
	color:#fff;
	padding:3px;
}

span.campaignInfoText a {
	background-color:#DF0024;
	color:#fff;
	font-weight:bold;
}

p.campaignInfoText a {
	background-color:#DF0024;
	color:#fff;
	font-weight:bold;
}

.img-gallery .img-gallery-content-msel {
	height: calc(90vh - 390px)!important;
}	

@media only screen and (max-width: 61.25em){
	.basket-summary {
		transform: translateY(calc(100% - 36px))!important;
	}	
	
	.basket-summary.open {
	    transform: translateY(-40px)!important;
	}
}	

/* Accessibility styles */

.nav-toggle {
    font-size: 1.5rem;
}

.stepper-inner li .stepper-circle {
    font-size: 0.875rem;
}

.img-gallery .img-gallery-selected-images-section ul.img-gallery-selection-list {
	font-size: 0rem;
}

.skip-link {
  position: absolute;
  top: -45px;
  left: 0;
  background-color: #DF0024;
  color: white;
  padding: 8px;
  z-index: 100;
  text-decoration: none;
}

input[type=checkbox] {
	font-size: 0.625rem;
}

html body #onetrust-pc-sdk {
	font-size: 1rem !important;
}

html body #onetrust-pc-sdk #ot-pc-desc * {
    font-size: 0.813rem !important;
}

html body #onetrust-pc-sdk button * {
	font-size: 0.9rem !important;
}

html body #onetrust-pc-sdk #ot-fltr-cntr, ul.inline-control-list {
	font-size: 0rem !important;
}

.stepper-control .button {
	background-color: #666;
    border: 1px solid #666;
}

.alert-box.warning {
    background-color: #dc3800;
}

.product-recap .product-recap-info, .img-gallery .img-gallery-max-count {
    color: #666;
}

div.loading {
    display: none;
    position: fixed;
    z-index: 1010;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
}
div.loading .message {
    background-color: white;
    background-image: url(../../client/images/spinner.gif);
    background-position: 124px 32px;
    background-repeat: no-repeat;
    height: 140px;
    width: 280px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
div.loading .message p {
  text-align: center;
  margin-top: 90px;
}

body.loading div.loading {
    display: block !important;
}

.basket-products .basket-product-list 
.basket-product-details .basket-product-name-wraper .basket-product-desc{
	color: #666;
}

.visually-hidden {
  position: absolute;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}

.my-stamp-preview .my-stamp-preview-stamp-counter {
	color: #666;
}

.my-stamp-preview .my-stamp-images-selection ul {
	font-size: 0rem;
}

element.style{
	font-size: 1rem;
}

.light {
	color: #666 !important;
}

.basket-products .basket-product-list .basket-product-details 
.basket-product-name-wraper .basket-product-ref {
	font-size: 0.875rem;
	color:#666;
}

input[type=radio] {
	font-size: 0.625rem;
}

label {
	font-size: 0.875rem;
}

.postcard-back .postcard-back-from, .postcard-back .postcard-back-msg-block, .postcard-back .postcard-back-to {
	color: #666;
}
