/*============================================ Patterns ==========================================*/
.margin-top-10{margin-top:10px}.margin-top-20{margin-top:20px}.margin-top-30{margin-top:30px}.margin-top-40{margin-top:40px}.margin-top-50{margin-top:50px}.margin-top-60{margin-top:60px}.margin-top-70{margin-top:70px}.margin-top-80{margin-top:80px}.margin-top-90{margin-top:90px}.margin-top-100{margin-top:100px}.margin-right-10{margin-right:10px}.margin-right-20{margin-right:20px}.margin-right-30{margin-right:30px}.margin-right-40{margin-right:40px}.margin-right-50{margin-right:50px}.margin-right-60{margin-right:60px}.margin-right-70{margin-right:70px}.margin-right-80{margin-right:80px}.margin-right-90{margin-right:90px}.margin-right-100{margin-right:100px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-30{margin-bottom:30px}.margin-bottom-40{margin-bottom:40px}.margin-bottom-50{margin-bottom:50px}.margin-bottom-60{margin-bottom:60px}.margin-bottom-70{margin-bottom:70px}.margin-bottom-80{margin-bottom:80px}.margin-bottom-90{margin-bottom:90px}.margin-bottom-100{margin-bottom:100px}.margin-left-10{margin-left:10px}.margin-left-20{margin-left:20px}.margin-left-30{margin-left:30px}.margin-left-40{margin-left:40px}.margin-left-50{margin-left:50px}.margin-left-60{margin-left:60px}.margin-left-70{margin-left:70px}.margin-left-80{margin-left:80px}.margin-left-90{margin-left:90px}.margin-left-100{margin-left:100px}
.relative { position: relative; }
.absolute { position: absolute; }
.left { left: 0; }
.right { right: 0; }
.clear { clear: both; }
select { width: 100%; border: 1px solid #e5e6e7; background: #fff; padding: 5px; }
textarea { width: 100%; min-height: 150px; padding: 10px; border: 1px solid #e5e6e7; background: #fff; }

.card { cursor:pointer; }
.card .card-content { min-height: 130px; border: 5px solid #777; background: #999; border-radius: 6px; }
.card.card-active .card-content { border-color: #00a65a; background: #81b79e; }
.card:hover .card-content { border-color: #1a4d6b; background: #377fa9; }
.card.card-marked .card-content { border-color: #1a4d6b; background: #377fa9; }
.card .card-content .card-content-type { font-size: 35px; margin-top: 10px; color: #fff; }
.card .card-content .card-content-type.repeated { font-size: 35px; margin-top: 10px; color: #fff; }
.card .card-content .card-content-type.repeated .more-info { font-size: 18px }
.card .card-content .card-content-type span { font-size: 18px; font-weight: bold; }

@media (max-width: 992px) and (min-width: 800px) { 
	.card .card-content .card-content-type { margin-top: 30px; } 
	.card .card-content { min-height: 180px; }  
}

@media (max-width: 768px) and (min-width: 550px) {  
	.card .card-content .card-content-type { margin-top: 30px; } 
	.card .card-content { min-height: 180px; }  
}

.list-labels { font-size: 16px; line-height: 16px; }
.list-label div { padding: 10px 5px; float: right; }
.list-label div.disable { color: #fff; background: #999; border: 1px solid #777; }
.list-label div.mark { color:#fff; border: 1px solid #1a4d6b; background: #377fa9; }
.list-label div.active { color:#fff; border: 1px solid #00a65a; background: #00a65a; }
.list-label div.last:after { clear: both; }

.form-control.qtty { width: 50px; }
.form-cards { width: 80px !important; }