body{font-family: 'Roboto', sans-serif;}
			
			
			.sc-calc-wrapper {
			width: 100%;
			max-width: 300px;
			margin: auto;
			margin-top: 20px;
			border-radius: 5px;
			background-color: #ff8d00;
			padding: 20px;
			padding-bottom: 10px;
			-webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
			-moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
			box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
			}
			
			
			
			.sc-rect {
			border: 2px solid #0f5282;
			min-width: 30px;
			min-height: 30px;
			background-color: #cecece;
			margin:auto;
			margin-top: 20px;
			display:none;
			}
			
			.shape-results {
			border-top: 1px solid gray;
			min-height: 300px;
			margin-top: 20px;
			}
			
			.sc-calc-wrapper input {
			max-width: 68px;
			font-size: 16px;
			padding: 2px;
			text-align: center;
			}
			
			.sc-calc-form {
			    height: 65px;
			text-align: center;
			margin-bottom: 30px;
			/* border-bottom: 1px solid #ff4700; */
			padding: 5px;
			}
			
			.sideA-label {
			margin: auto;
			text-align:center;
			max-width: 38px;
			}
			img.shape-icon {
			width: 100%;
			max-width: 80px;
			}
			
			
			.result-cell {
			float: left;
			width: 70%;
			display: inline-block;
			}
			
			.result-cell.calculations {
			text-align: right;
			}
			
			.calculations {
			font-size: 14px;
			}
			.result-cell.calculations {
			float: right;
			text-align: right;
			margin-top: 5px;
			}
			
			
			.result-line {
			height: 82px;
			border-bottom: 2px dotted;
			margin-top: 2px;
			padding-bottom: 5px;
			}
			
			.sub-calc.sub-total {
			font-size: 14px;
			font-weight: 600;
			}
			
			svg.replaced-svg.shape-icon {
			width: 80px;
			height: 64px;
			}
			
			svg g path {
			fill: #24292b;
			}
			
			svg g path {
			fill: #232323;
			}

			.dd-select {
			height: 36px;
			border-radius: 2px;
			border: solid 1px #ccc;
			position: relative;
			cursor: pointer;
			}
			
			.dd-desc {
			color: #aaa;
			display: block;
			overflow: hidden;
			font-weight: normal;
			line-height: 1em;
			}
			
			.dd-selected {
			overflow: hidden;
			display: block;
			padding: 2px 4px;
			font-weight: bold;
			}
			
			.dd-pointer {
			width: 0;
			height: 0;
			position: absolute;
			right: 10px;
			top: 50%;
			margin-top: -3px;
			}
			
			.dd-pointer-down {
			border: solid 5px transparent;
			border-top: solid 5px #000;
			}
			
			.dd-pointer-up {
			border: solid 5px transparent !important;
			border-bottom: solid 5px #000 !important;
			margin-top: -8px;
			}
			
			.dd-options {
			border: solid 1px #ccc;
			border-top: none;
			list-style: none;
			box-shadow: 0px 1px 5px #ddd;
			display: none;
			position: absolute;
			z-index: 2000;
			margin: 0;
			padding: 0;
			background: #fff;
			overflow: auto;
			}
			
			.dd-option {
			padding: 10px;
			display: block;
			border-bottom: solid 1px #ddd;
			overflow: hidden;
			text-decoration: none;
			color: #333;
			cursor: pointer;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			-ms-transition: all 0.25s ease-in-out;
			}
			
			.dd-options > li:last-child > .dd-option {
			border-bottom: none;
			}
			
			.dd-option:hover {
			background: #f3f3f3;
			color: #000;
			}
			
			.dd-selected-description-truncated {
			text-overflow: ellipsis;
			white-space: nowrap;
			}
			
			.dd-option-selected {
			background: #f6f6f6;
			}
			
			.dd-option-image,
			.dd-selected-image {
			vertical-align: middle;
			float: left;
			margin-right: 10px;
			max-width: 32px;
			}
			
			.dd-image-right {
			float: right;
			margin-right: 15px;
			margin-left: 5px;
			}
			
			.dd-container {
			position: relative;
			}
			.dd-selected-text {
			font-weight: bold;
			}
			
			div#shape-select {
			float: left;
			}
			
			.top-area {
			margin-bottom: 16px;
			height: 50px;
			}
			
			input#price-input {
			max-width: 80px;
			padding: 8px 4px;
			margin-left: 10px;
			font-size: 16px;
			    margin-right: 5px;
			}
			
			
			
			.sc-form-group {
			float: left;
			margin-right: 4px;
			}
			
			.sc-form-group{
			display:none;
			}
			
			.sc-form-group input {
			border: 1px solid #656565;
			border-radius: 3px;
			}
			
			.sc-warning {
			color: red;
			font-size: 14px;
			background-color: rgba(254,254,254,.8);
			padding: 3px;
			text-align: center;
			border-radius: 4px;
			-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
			margin-top: 4px;
			}
			
			.sub-calc.side-list {
			font-weight: 600;
			font-size: 11px;
			font-style: italic;
			text-transform: uppercase;
			}
			button.add-item {
			padding: 9px 6px;
			}	
			
			
			
			
			svg.shape-icon.active {
			position: relative;
			border: none;
			box-shadow: 0 0 0 0 rgba(255, 22, 0, 0.8);
			border-radius: 10px;
			/* background-color: rgba(200, 20, 20, 0.08); */
			/* background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/173024/jonathanlarradet_copy.png); */
			/* background-size: cover; */
			/* background-repeat: no-repeat; */
			/* cursor: pointer; */
			/* -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); */
			-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
			-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
			animation: pulse 1.25s infinite ease-out;
			}
			
			
			
			
			.sc-warning {
			position: relative;
			border: none;
			box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.88);
			border-radius: 5px;
			/* background-color: rgba(200, 20, 20, 0.08); */
			/* background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/173024/jonathanlarradet_copy.png); */
			/* background-size: cover; */
			/* background-repeat: no-repeat; */
			/* cursor: pointer; */
			/* -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); */
			-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
			-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
			animation: pulse 1.25s infinite ease-out;
			}
			
			
			
			
			
			
			
			
			
			
			
			@-webkit-keyframes pulse {to {box-shadow: 0 0 0 8px rgba(232, 76, 61, 0);}}
			@-moz-keyframes pulse {to {box-shadow: 0 0 0 8px rgba(232, 76, 61, 0);}}
			@-ms-keyframes pulse {to {box-shadow: 0 0 0 8px rgba(232, 76, 61, 0);}}
			@keyframes pulse {to {box-shadow: 0 0 0 8px rgba(232, 76, 61, 0);}}
			
			
			.icons {
			width: 100%;
			text-align: right;
			}
			.add-item-btn {
			font-weight: bold;
			width: 30px;
			float: right;
			/* height: 36px; */
			background-color: #e2e2e2;
			padding: 9px 7px;
			border-radius: 4px;
			    cursor: pointer;
			}
			
			.line-btn {
			cursor: pointer;
			float: right;
			margin-right: 4px;
			
			padding: 1px 2px;
			border-radius: 2px;
			}
			svg.shape-icon {
			margin-top: 8px;
			}
			
svg.item-btn {
    width: 20px;
    height: 20px;
}

img.svg{
	display:none;
}


.final-results {
    text-align: right;
    font-weight: bold;
}

.credits {
    text-align: center;
    font-size: 14px;
    margin-top: 25px;
}

.credits a {
    text-decoration: none;
    color: #383838;
}

.float-left {
    float: left;
}

.sc-label {
	margin-top:4px;
    text-align: center;
}

.credits {
    text-align: center;
    font-size: 12px;
    margin-top: 25px;
    opacity: 0.4;
}
.credits:hover{
opacity:1;	
	
}