.modal-backdrop.in { opacity:0.7; filter: alpha(opacity=70); }
.modal-content { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }

.modal-header { padding:15px 20px 15px 10px; margin:0 15px; border-bottom:1px solid #000; position:relative; }

.modal-header img { display:block; width:300px; max-width:100%; margin: 0 auto; }
.modal-header button { position:absolute; right:-5px; top:10px; background:0; border:0; color:#B8B8B8; font-size:15px; line-height:20px; font-family:Oxygen; text-transform:uppercase; cursor:pointer; padding:5px; margin:0; font-weight:900; }
.modal-header button:hover { color:#000; }

.modal-body { color:#000000; font-size:15px; line-height:21px; padding:30px 25px; }
#ModalMensagemParabens .modal-body { padding-top:0; }

.modal-footer { border:none; padding:20px 25px 25px; position:relative; }
.modal-footer:after,
.modal-footer::after { content:' '; display:block; clear:both; }

.modal-footer button { color:#FFFFFF; font-size:15px; line-height:20px; width:170px; padding:10px 0; border:none; background:#000000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block; text-transform:lowercase; }
.modal-footer button:active { -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 5px 5px rgba(0,0,0,0.2); box-shadow: inset 0 5px 5px rgba(0,0,0,0.2); }

.modal-footer div.left { float:left; width:50%; text-align: left; }
.modal-footer div.right { float:right; width:50%; text-align:right; }

.modal-footer div button { background:#FFFFFF; color:#B8B8B8; border: 1px solid #B8B8B8; }
.modal-footer div.right button{ background:#015089; color:#FFF; border-color:#015089 }

@media(max-width:500px){
	.modal-footer div.left,
	.modal-footer div.right { float:none; width:100%; }
	.modal-footer div.left { margin-top:30px; }
	.modal-footer div.right { position:absolute; top:0; left:0; right:0; float:none; padding:0 25px 0; }
	.modal-footer div > button { width:100%; }
}

.modal-title1 { font-size:17px; color:#005087; line-height:23px; font-family:Oxygen; padding:40px 10px 0; position:relative; margin:0 15px; }


.modal-title1 button { position:absolute; right:-5px; top:10px; background:0; border:0; color:#B8B8B8; font-size:15px; line-height:20px; font-family:Oxygen; text-transform:uppercase; cursor:pointer; padding:5px; margin:0; font-weight:900; }
.modal-title1 button:hover { color:#000; }

.modal-title2 { font-size:25px; color:#000000; line-height:31px; font-family:'Droid Serif'; padding:20px 25px 0; }

.modal-superTitle { position:relative; color:#005088; font-family:'Droid Serif'; font-size:34px; line-height:40px; padding:40px 25px 0; }
.modal-superTitle button { position:absolute; right:15px; top:15px; background:0; border:0; color:#B8B8B8; font-size:15px; line-height:20px; font-family:Oxygen; text-transform:uppercase; cursor:pointer; padding:5px; margin:0; font-weight:900; }
.modal-superTitle button:hover { color:#000; }

@media(max-width:500px) {
	.modal-superTitle { font-size:26px; line-height:32px; }
	.modal-title2 { font-size:20px; line-height:26px; }
}

.modal-text { padding:20px 25px 0; }

.modal-text .inputContainer { margin:10px -5px 15px; }

.modal-text .inputContainer:after,
.modal-text .inputContainer::after { content:' '; display:block; clear:both; }

.modal-text .inputContainer .input { padding:0 5px; float: left; width: 50%; }

@media(max-width:500px) {
	.modal-text .inputContainer .input { width:100%; margin-bottom: 10px; }
}

.modal-text .inputContainer .input input { width:100%; height:45px; border:1px solid #DADADA; padding:14px 15px; font-size:14px; line-height:19px; color:#000000;  -webkit-appearance:none; appearance:none; -moz-appearance:none; }
.modal-text .inputContainer .input input:focus { -webkit-box-shadow: 0 0 2px 1px rgb(1, 80, 137); -moz-box-shadow:0 0 2px 1px rgb(1, 80, 137); box-shadow: 0 0 2px 1px rgb(1, 80, 137); border-color:#FFF !important; }

.modal-text .inputContainer .placeholder { color:#ACADAC; }
.modal-text .inputContainer ::-webkit-input-placeholder { color:#ACADAC; }
.modal-text .inputContainer :-moz-placeholder { color:#ACADAC; }
.modal-text .inputContainer ::-moz-placeholder { color:#ACADAC; }
.modal-text .inputContainer :-ms-input-placeholder { color:#ACADAC; }

.modal-bottom2 { padding:0 25px 60px; position:relative; }
.modal-bottom2 .left { width:290px; float:left; }
.modal-bottom2 .right { width:200px; float:right; }

@media(max-width:767px){
	.modal-bottom2 .left { width:50%; }
	.modal-bottom2 .right { width:50%; padding-left: 40px }
}

@media(max-width:500px){
	.modal-bottom2 .right { width:100%; top:0; left:0; right:0; float:none; position: absolute; padding:0 25px 0; }
	.modal-bottom2 .left { width:100%; float:none; padding-top:60px; }
}

.modal-bottom2:after,
.modal-bottom2::after { content:' '; display:block; clear:both; }

.modal-bottom2 .left > div:nth-child(1) { color:#000000; font-size:13px;  }
.modal-bottom2 .left > div:nth-child(2) { color:#000000; font-size:17px; padding-top:20px; }

.modal-bottom2 button { display:block; width:100%; height:45px; border:1px solid #DADADA; background:#015089; font-size:14px; text-transform:lowercase; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#FFF; padding:0; margin:0; text-align:center; text-decoration:none !important; line-height:23px; padding:10px 0; }
.modal-bottom2 button:active { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.2); box-shadow: inset 0 3px 5px rgba(0,0,0,0.2); }

.modal-body .subTitle { font-size:15px; line-height:20px; color:#000; font-family:Oxygen; }

.modal-body.encomenda { padding-top:60px; position:relative; }


#ModalStock span { font-weight:900;} 
#ModalStockKilo span { font-weight:900;} 
#ModalStockBasic span { font-weight:900;} 

#ModalEncomenda .imagem { float:left; width:120px; margin:0 20px 20px 0; padding:5px;  }
#ModalEncomenda .imagem div { width:100%; padding-top:100%; background-size:contain; background-position:center center; background-repeat:no-repeat; }

#ModalEncomenda .legenda { color:#015089; font-size:15px; font-family:Oxygen; line-height:23px; }
#ModalEncomenda .titulo { color:#000000; font-size:23px; line-height:30px; font-family:'Droid Serif'; padding-top:5px; }

#ModalEncomenda .quantidadeDiv { color:#B8B8B8; font-size:15px; line-height:21px; font-family:Oxygen; margin-top:20px; }
#ModalEncomenda .quantidadeDiv span{ color:#2C2C2C; font-weight:700; padding-left:15px; }


#ModalEncomenda .modal-body:after,
#ModalEncomenda .modal-body::after { content:' '; display:block; clear:both; }


#ModalDeleteEncomenda .imagem { float:left; width:120px; margin:0 20px 0 0; padding:5px; border:1px solid #000000 }
#ModalDeleteEncomenda .imagem div { width:100%; padding-top:100%; background-size:contain; background-position:center center; background-repeat:no-repeat; }

#ModalDeleteEncomenda .legenda { color:#015089; font-size:15px; font-family:Oxygen; line-height:23px; }
#ModalDeleteEncomenda .titulo { color:#000000; font-size:23px; line-height:30px; font-family:'Droid Serif'; padding-top:5px; }

#ModalDeleteEncomenda .quantidadeDiv { color:#B8B8B8; font-size:15px; line-height:21px; font-family:Oxygen; margin-top:20px; }
#ModalDeleteEncomenda .quantidadeDiv span{ color:#2C2C2C; font-weight:700; padding-left:15px; }


#ModalDeleteEncomenda .modal-body:after,
#ModalDeleteEncomenda .modal-body::after { content:' '; display:block; clear:both; }

@media(max-width:500px) {
	#ModalDeleteEncomenda .imagem { display:none; }
	#ModalEncomenda .imagem { display:none !important; }
}

#ModalMensagemParabens textarea { width:100%; height:108px; border:1px solid #DADADA; padding:4px 5px; font-size:14px; line-height:19px; color:#000000; margin-top:20px; }