/*Quote Styling*/

a {
  color: #fc3768;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #20b7c9;
  text-decoration: none;
} 

#quote-calc .total { font-size: 24px; }
#quote-calc .disctotal { 
	font-size: 20px; 
	color: #fc3768; }
#quote-cal  .quote-calc { 
	background-color: #EFEFEF; 
	padding: 20px; 
	border-radius: 10px;  
	margin-left: auto; 
	margin-right: auto;}

#quote-calc .quote-col { 
	margin-top: 10px; 
	margin-bottom: 30px;}
#quote-calc .quote {
	border: 2px solid #fc3768; 
	border-radius: 10px; 
	padding: 20px 10px 20px 10px; 
	text-align: center; 
	background-color: #FFF; }
#quote-calc .quote-col a { display: block; margin-top: 20px; text-align: center;}
#quote-calc .form-control {margin-top: 20px;}

/* row often */
#quote-calc .row-often .col-occur { 
	border-radius: 10px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	border: 2px solid transparent; 
	margin: 15px auto; }
#quote-calc .row-often .col-occur img { width: 100%; 
	max-width: 120px; 
	margin-left: auto; 
	margin-right: auto; 
	display: block; }
#quote-calc .row-often  { margin-top: 20px;}
#quote-calc .row-often  .on { border: 2px solid #fc3768;  background-color: #FFF; }
#quote-calc .row-often .on .disc { color: #FF3B3F; }
#quote-calc .row-often .form-group, .row-extras #quote-calc .form-group, .row-extras { margin-top: 20px;}
#quote-calc .row-often .disc { margin-top: 5px; text-align: center;}

/* extras */
#quote-calc .row-extras { /*margin-top: 50px;*/ }
#quote-calc .row-extras .col-sm-12 { 
	margin-bottom: 30px;}
#quote-calc .row-extras .extra-container { 
	background-color: #FFF; 
	border: 2px solid #545454; 
	border-radius: 10px; 
	padding: 10px 15px;
	margin: 15px auto;
	min-height: 150px; 
 }
#quote-calc .row-extras img {
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
	width: 100%; 
	max-width: 120px; }
#quote-calc .row-extras .extra-name { 
	margin-top: 10px; 
	text-align: center;
	}
#quote-calc .row-extras .extra-price { 
	margin-top: 10px; 
	text-align: center;
	}
#quote-calc .row-extras .on { 
	border: 2px solid #fc3768;  
	background-color: #FFF; }
#quote-calc .row-extras .on .extra-name { 
	color: #fc3768; }


.badge {
  display: inline-block;
  padding: 0.3em 0.4em;
  font-size: 180%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.9rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}
a.badge:focus, a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.badge-pill {
  padding-right: 0.8em;
  padding-left: 0.8em;
  border-radius: 10rem;
}

.badge-default {
  background-color: #20b7c9;
}

.badge-default[href]:focus, .badge-default[href]:hover {
  background-color: #4b5257;
}

.badge-primary {
  background-color: #fc3768;
}

.badge-primary[href]:focus, .badge-primary[href]:hover {
  background-color: #025aa5;
}

.badge-success {
  background-color: #5cb85c;
}

.badge-success[href]:focus, .badge-success[href]:hover {
  background-color: #449d44;
}

.badge-info {
  background-color: #5bc0de;
}

.badge-info[href]:focus, .badge-info[href]:hover {
  background-color: #31b0d5;
}

.badge-warning {
  background-color: #f0ad4e;
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
  background-color: #ec971f;
}

.badge-danger {
  background-color: #d9534f;
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
  background-color: #c9302c;
}



/* code that will be redundant after publishing */
.quote a {border: 3px solid #fc3768; border-radius: 10px; padding: 10px 30px; font-size: 22px; text-decoration: none; color: #FFF; background-color: #fc3768; }
.quote a:hover { background-color: transparent; color: #fc3768; }
/*.quote-calc { max-width: 50%; }*/
h3 { text-align: center; }