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

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