/* Slider */
.dt-sc-simple-estimator-wrap  .ui-slider {
	background: #f8f8f8; 
    position: relative;
    text-align: left;
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
    -webkit-transition: all 190ms ease;
    transition: all 190ms ease;
}
/* Slider hover state */
.dt-sc-simple-estimator-wrap  .ui-slider:hover {
	box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -webkit-transition: all 380ms ease;
    transition: all 380ms ease;
}
/* Slider handle */
.dt-sc-simple-estimator-wrap .ui-slider .ui-slider-handle {
    display: block;
    position: absolute;
    z-index: 2;
    width: 10px;
    height: 25px;
    -ms-touch-action: none;
    touch-action: none;
    background: #52b7bd;
    border-radius: 0;
    cursor: w-resize;
	cursor: -webkit-grab;
	cursor: -moz-grab;
    -webkit-transition: all 190ms ease;
    transition: all 190ms ease;	
    text-align: center;
    line-height: 35px;
    border: 0;
}
	
.dt-sc-simple-estimator-wrap .ui-slider span.item-slider-value {
    position: absolute;
    top: -35px;
    display: inline-block;
    text-align: center; 
    left: -10px;
    color: #fff;
    background-color: #000;
    line-height: normal;
    padding: 2px 10px 5px;
}

.dt-sc-simple-estimator-wrap .btQuoteSliderValue {
	min-width: 34px;
	height: 38px;
	line-height: 38px;
	padding: 0 2px;
	font-size: 11px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	display: block;
}
/* Slider hover state */
/*.dt-sc-simple-estimator-wrap  .ui-slider .ui-slider-handle.ui-state-hover {
	box-shadow: 0 0 0 rgba(0,0,0,0.5), 0 0 0 3px rgba(0,0,0,0.2) inset;
}*/
/* Slider active state */
.dt-sc-simple-estimator-wrap  .ui-slider .ui-slider-handle.ui-state-active, .dt-sc-simple-estimator-wrap  .ui-slider .ui-slider-handle.ui-state-active.ui-state-hover {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	/*box-shadow: 0 2px 10px rgba(0,0,0,0.5), 0 0 0 3px rgba(0,0,0,0.2) inset;*/
}
/* Slider range */
.dt-sc-simple-estimator-wrap  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
/* support: IE8 - See #6727 */
.dt-sc-simple-estimator-wrap  .ui-slider.ui-state-disabled .ui-slider-handle,
.dt-sc-simple-estimator-wrap  .ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit;
}
/* Slider horizontal */
.dt-sc-simple-estimator-wrap  .ui-slider-horizontal {
    height: 10px;
	margin-top: 10px;
	cursor: pointer;
}
.dt-sc-simple-estimator-wrap  .ui-slider-horizontal .ui-slider-handle {
    top: -10px;
    margin-left: -18px;
}
.dt-sc-simple-estimator-wrap  .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.dt-sc-simple-estimator-wrap  .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.dt-sc-simple-estimator-wrap  .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}
/* Slider vertical */
.dt-sc-simple-estimator-wrap  .ui-slider-vertical {
    min-width: 34px;
    height: 100px;
}
.dt-sc-simple-estimator-wrap  .ui-slider-vertical .ui-slider-handle {
    left: 0;
    margin-left: 0;
    margin-bottom: -18px;
}
.dt-sc-simple-estimator-wrap  .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.dt-sc-simple-estimator-wrap  .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.dt-sc-simple-estimator-wrap  .ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/* Estimator */

.dt-sc-simple-estimator-form-wrap { width: 45%; display: none; }
.dt-sc-simple-estimator-form-wrap.active { display: block; }
.dt-sc-simple-estimator-slider-wrap.dt-sc-simple-estimator-item { width: 60%; }
.cd-dropdown { z-index: 9;  margin: 0 auto 0 0; }
.cd-dropdown.cd-active { z-index: 99; }
.cd-dropdown ul li { padding: 10px 10px 10px 30px; }
.cd-dropdown ul li, .cd-dropdown > span { box-shadow:  none !important; border:  1px solid #ddd !important; }
.cd-dropdown span .cd-dropdown-item-wrap { padding-left: 0; }
.dt-sc-simple-estimator-slider-wrap .item-label { width: auto; margin-bottom: 10px; }
.dt-sc-simple-estimator-number-wrap .input-item-wrap { min-width: 300px; }
.dt-sc-simple-estimator-content-wrap { width: 100%; }
.dt-sc-simple-estimator-total-wrap { margin: 30px 15px; background: #FFFD89; box-shadow: none; position: relative; font-weight: bold; }
.dt-sc-simple-estimator-total-wrap:before { content: "Estimated Cost"; display: block; margin-bottom: 5px; }


/* Select */
    *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    .cd-dropdown{-webkit-perspective:800px; -moz-perspective:800px; -o-perspective:800px; -ms-perspective:800px; perspective:800px;}
    .cd-dropdown{position:relative; width:300px; margin:20px auto; display:block;}
    .cd-dropdown ul { list-style-type: none; margin: 0; padding: 0; display: block; position: relative; }
    .cd-dropdown ul{position:absolute; top:0px; width:100%;}
    .cd-dropdown > span { width: 100%; line-height:94px; color: #999; font-weight: 700; font-size: 16px; background: #fff; display: block; padding: 0 50px 0 30px; position: relative; cursor: pointer; }
    .cd-dropdown span .cd-dropdown-item-wrap{padding-left:65px;}
    .cd-dropdown span .cd-dropdown-item-wrap .description{display:none;}
    .cd-active.cd-dropdown > span { color: #f8b161; }
    ul li .cd-dropdown-item-wrap{display: inline-block; float: left; clear: both;}
    .cd-active.cd-dropdown > span, .cd-active.cd-dropdown ul li span { box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
    .cd-dropdown > span, .cd-dropdown ul li span { -webkit-backface-visibility: hidden; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; }
    .cd-dropdown ul li { display: block; }
    .cd-dropdown ul li p{margin: 10px 0px; font-weight: normal;}
    .cd-dropdown ul li { position: absolute; width: 100%; background: #fff; padding:10px 10px 10px 100px; display: block; color: #bcbcbc; cursor: pointer; font-weight: 700; top: 0; box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
    .cd-dropdown ul li span { width: 100%; background: #fff; line-height: 60px; padding: 0 30px 0 75px; display: block; color: #bcbcbc; cursor: pointer; font-weight: 700; }
    .cd-active.cd-dropdown > span, .cd-active.cd-dropdown ul li span { box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
    .cd-dropdown > span, .cd-dropdown ul li span { -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .cd-active.cd-dropdown ul li span { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
    .cd-dropdown > span:after { content: '\25BC'; position: absolute; right: 0px; top: 15%; width: 50px; text-align: center; font-size: 12px; padding: 10px; height: 70%; line-height: 50px; border-left: 1px solid #ddd;}
    .cd-dropdown > span { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; -o-transition: -o-transform .3s; -ms-transition: -ms-transform .3s; transition: transform .3s;}
    .cd-dropdown > span, .cd-dropdown ul li:nth-last-child(-n+3) span { box-shadow:0 0px 10px rgba(0,0,0,0.1); }
    .cd-active.cd-dropdown ul li:hover { background: #f8b161; color: #fff; }
    .cd-active.cd-dropdown ul li:hover span{color:#FFF;}
    .cd-dropdown span.item-option-image{width: 75px;
    max-height: 50px; background-repeat:no-repeat; background-position:left center; float:left; position:absolute;
 left:0; top:0; padding: 0px;margin: auto; bottom: 0px;border: none; box-shadow: none;}
 .cd-dropdown > span.item-option-image, .cd-dropdown ul li:nth-last-child(-n+3) span.item-option-image {
    box-shadow: none;
}


.item-switch {
    float: left;
    margin: 0 0 0;
    width: 76px;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 38px;
    cursor: pointer;
    padding: 5px;
    -webkit-transition: box-shadow 380ms ease;
            transition: box-shadow 380ms ease;
}
.item-switch:hover {
    box-shadow: 0 0 0 #52b7bd inset, 0 1px 5px rgba(0,0,0,0.2);
}
.item-switch .item-switch-inner {
    width: 26px;
    height: 26px;
    background: #ccc;
    border-radius: 50%;
    -webkit-transition: all 190ms cubic-bezier(0.8, 0.1, 0.8, 0.1);
            transition: all 190ms cubic-bezier(0.8, 0.1, 0.8, 0.1);
}

.item-switch.item-switch-on .item-switch-inner {
    margin-left: 38px;
    background: #52b7bd;
}

.dt-sc-simple-estimator-wrap { float: left; width: 100%; }
.dt-sc-simple-estimator-content-wrap,
.dt-sc-simple-estimator-total-wrap { float: left; padding: 0 15px; }
.dt-sc-simple-estimator-content-wrap { width: 75%; }
.dt-sc-simple-estimator-total-wrap { font-size: 22px; line-height: 30px; width: 25%; padding: 20px; background-color: #f8f8f8;  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.1); } 

.dt-sc-simple-estimator-next-btn-wrap { clear: both; margin: 20px 0 30px; float: left; width: 100%; padding: 0 15px; }

.dt-sc-simple-estimator-number-wrap { display: inline-block; }
.dt-sc-simple-estimator-number-wrap .item-label { margin-bottom: 20px; }
.dt-sc-simple-estimator-number-wrap .input-item-wrap { display: inline-block; position: relative; min-width: 160px; border: 1px solid #e5e5e5; } 
.dt-sc-simple-estimator-number-wrap .input-item-wrap:after, .dt-sc-simple-estimator-number-wrap .input-item-wrap:before { content: "+"; position: absolute; right: 0; top: 0; background-color: #1cc327; color: #fff; width: 45px; height: 50%; text-align: center; pointer-events: none; cursor: pointer; font-size: 17px; }
.dt-sc-simple-estimator-number-wrap .input-item-wrap:before { background-color: #e8e8e8; bottom: 0; top: auto; content: "-"; height: 50%; color: #000; }
.dt-sc-simple-estimator-number-wrap input[type="number"] { padding: 10px; border: 0; padding-right: 0; line-height: 30px; }
.dt-sc-simple-estimator-number-wrap input[type=number]::-webkit-inner-spin-button { width: 50px; height: 100px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.dt-sc-simple-estimator-slider-wrap .item-label { float: left; width: 15%; }
.dt-sc-simple-estimator-slider-wrap .input-item-wrap { float: left; width: 85%; }
.dt-sc-simple-estimator-form .item-form { display: block; float: left; margin: 0 0 15px; width: 100%; }
.dt-sc-simple-estimator-form .item-form input[type="checkbox"] { margin: -2px 5px 0 0; }


.dt-sc-simple-estimator-wrap form { float: left; width: 100%; padding: 0 15px; }

.success, .error, .warning { float: left; width: 100%; position: relative; margin: 20px 0 0; padding: 15px 15px 15px 38px; clear: both; border-radius: 2px; }
.error:before, .warning:before, .success:before { top: 15px; left: 10px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 20px; position: absolute; } 
.success { background: #eafac0; border: 1px solid #b1cf67; color: #7ba411; }
.error { background: #ffcccc; border: 1px solid #ff9999; color: #d01313; }
.warning { background: #fdebae; border: 1px solid #e6c555; color: #c79d13; }
.success:before { content: "\f058"; color: #75b632; }
.error:before { content: "\f057"; color: #C54228; }
.warning:before { content: "\f06a"; color: #e2b828; }