.ui-dialog {left: 25% !important;    width: 50% !important;}


.error_popup_img {
    float: left;
    padding-right: 1%;
    max-width: 29%;
}

#error_popup h3 {
    color: #B90016;
}

.ui-widget-content a {text-decoration: underline;}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 20px 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.error_popup_msg {
    float: right;
    width: 90%;
}

.CS_Details1 {
	vertical-align: top;
	font-weight: bold;
}

.CS_Details2 {
	vertical-align: top;
}

.CS_Details3 {
	vertical-align: top;
	width: 235px;
}

.main_title {
    margin-bottom: 40px !important;
    color: #3B7E8C;
    font-weight: bold;
    text-align: center;
    font-size: 40px;
}

.sub-descriptions{
    display: block;
    height: 86px;
    text-align: center;
}

.rate-outer-error {
    border: 1px solid #B90016;
    border-radius: 0;
    border-left: 4px solid #B90016;
    padding: 0 !important;
    font-size: 15px;
    text-align: center;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.rate-outer-error img {display: none;}


.single {
	width: 600px !important;
}

.rate-outer {
/*
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    padding: 10px 0;
    font-size: 15px;
    text-align: center;
        position: relative;
*/
    float: left;
    text-align: left;
    background: #F4F4F4;
    width: 388px;
    margin-top: 14px;
    padding: 6px 14px 2px 14px;
    border: 1px solid rgb(187, 187, 187) !important;
    margin-bottom: 20px;
    border-radius: 0;    

}

.rate-clicky-thing {
/*
    color: #3B7E8C;
    font-weight: bold;
*/    width: 96%;

        margin-bottom: 4px;
    color: #525252;
    font-weight: normal;    
    position: relative;    
}

.rate-clicky-thing:hover { 
	cursor: pointer;
}

.rate-clicky-thing img {
    float: right;
    position: absolute;
    right: -19px;
    top: 1px;
}

.rate-clicky-thing .the_text {
    margin-left: 7px;
}

.rate-inner {
/*
	display: none;
    position: absolute;
    background: #fff;
*/
/*     border: 2px solid #E5E5E5; */
    width: 96%;
    left: -2px;
    z-index: 100;
    position: initial;
    border: none;
    display: block;
    background: rgb(244, 244, 244);
}

.rate {
    border-top: 1px solid #e5e5e5;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: left;
    padding: 6px 0 !important;
	height: auto !important;
}

.center {
    border-top: 1px solid #e5e5e5;
    width: 90% !important;
    margin: 0 auto !important;
    text-align: center;
    padding: 6px 0 !important;
	height: auto !important;
}

.rate:first-of-type {border-top: none;}

.radio-wrapper {
    float: left;
    width: 10%;
}

.rate-description {
    float: right;
    width: 90%;
}

.rate input:hover, 
.rate label:hover {
	cursor: pointer;
}



.rate label {
    float: left !important;
    color: #3B7E8C;
    width: auto !important;
    text-align: left !important;
}

.rate .price {
    color: #3B7E8C;
    float: left;
    margin-top: 3px;
    margin-left: 7px;
}

.step {
    background: #e5e5e5;
    padding: 14px 0;
    margin: 4px 0;
    position: relative;
}

.step-edit {
    background: #fff;
    border: none;
    font-size: 13px;
    border-radius: 4px;
    float: right;
    position: absolute;
    top: 11px;
    right: 3%;
}

.step-edit:hover {
	cursor: pointer;
}

.step .heading {
    margin: 0 auto;
    margin-bottom: 10px;
	text-align: left;
    width: 94%;
}

.step .heading h3 {text-align: left;    float: left;
    display: inline-block;    margin-left: 12px;}

.error-icon {
    float: left;
    width: 22px;
    margin-right: 7px;
}

.completed-icon {
    float: left;
    width: 22px;
    margin-right: 7px;
}

.step.closed {
    padding: 14px 0 0px 0;
    margin: 4px 0;
}

.step.closed .heading {
    margin-bottom: 0;
	text-align: center;
}

.step-inner {
    width: 90%;
    margin: 0 auto;
}

button.step-next {
    background: none repeat scroll 0 0 #3b7e8c;
    border-radius: 4px;
    border: none;
    color: #fff;
    padding: 10px 30px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    float: right;
}

.address-row label {
    width: 255px;
    display: block;
    float: left;
    padding: 3px 1%;
    font-size: 14px;
    line-height: 1.1;
    font-weight: bold;
    text-align: right;
}

.address-row input {
    width: 394px;
    font-size: 14px;
    padding: 10px !important;
    float: left;
}

.address-row .radio-wrapper input {width: auto;}

.address-row select {
    width: 416px;
    font-size: 14px;
    padding: 8px !important;
    height: 37px;
    float: left;
}

.step input[type=text], .step input.text, .step input.title, .step textarea, .step select{
    background-color: #f4f4f4;
        border-radius: 0 !important;
}

/* Style select boxes */
.select-style {
    padding: 1px 13px 0 13px;
    margin: 0;
    border: 1px solid rgb(187, 187, 187) !important;
    width: 388px;
    border-radius: 0;
    overflow: hidden;
    background-color: #F4F4F4;

    background: #F4F4F4 url("https://payments.incisivemedia.com/risk/wp-content/plugins/incisive/images/down-arrow.png") no-repeat 98% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; 
                @include appearance(none);

}

.select-style select:focus {
    outline: none;
}

.select-style select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

/* */

.address-row {
    margin-bottom: 10px;
    clear: both;
    width: 100%;
    float: left;
}

.demorow {
    margin-bottom: 10px;
    width: 96%;
    float: left;
    background: #F4F4F4;
        padding: 4px 2% 14px 2%;
    text-align: left;
}

.demorow input[type=text], .demorow input.text, .demorow input.title, .demorow textarea, .demorow select {
    background-color: #fff;
}

.demorow label {
    width: 98%;
    display: block;
    float: left;
    padding: 1%;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.demorow  select {
    width: 416px;
    font-size: 14px;
    padding: 10px !important;
    height: 37px;
    margin: 0 auto;
    display: block;
}

.demorow .radio_item  {
    float: left;
    width: 33%;
}

.demorow .radio_item .check {width:30px; float: left;}
.demorow .radio_item .label {float: left; text-align: left; width: 90%;}

 .demorow .radio_item label {float: left; text-align: left; width: 100%; font-weight: normal;}
 
 .payment-option {
    float: left;
    width: 44%;
    text-align: left;
    background: #F4F4F4;
    padding: 2%;
    margin: 0 1% 20px 1%;
    height:314px;
}

.payment-option h4 label {
    color: #3B7E8C;
    font-weight: bold;
}

.payment-option h4 {
    margin-bottom: 10px;
}

.payment-row {float: left;
	margin-bottom: 10px;    width: 100%;}

.payment-row label {    
	width: 30%;
    float: left ;
        font-weight: bold;}

.payment-row input {    
	width: 66%;
    float: left;
    font-size: 14px;
    padding: 1% !important;
    float: left;
    background: #fff !important;
}

#card_from_mm, #card_from_yy, #card_to_mm, #card_to_yy {
    width: 30.33%;
    margin-right: 2%;
}

.step.open .step-edit { display: none; }

.step input[type=text].error, .step input.text.error, .step input.title.error, .step textarea.error, .step input[type=tel].error {
    background-color: #fff;
    border: 1px solid #B90016;
    border-left: 4px solid #B90016;
    padding: 2px;
    color: #4e4e4e;
    background-color: #f4f4f4;
/*     width: 64%; */
}

.select-style.error {
	border: 1px solid #B90016 !important;
    border-left: 4px solid #B90016 !important;
    color: #4e4e4e;
    background-color: #f4f4f4;
    float: left;
        margin-bottom: 12px;
}

.select-style.error .error-note {display: none;}

div.rate-outer.error {
    border: 1px solid #B90016 !important;
    border-left: 4px solid #B90016 !important;
    color: #4e4e4e;
    background-color: #f4f4f4;
}


.required-payment-field#card_from_mm.error, .required-payment-field#card_from_yy.error, .required-payment-field#card_to_mm.error, .required-payment-field#card_to_yy.error {
    width: 30%;
    margin-right: 1%;
    background-color: #fff;
    border: 1px solid #B90016;
    border-left: 4px solid #B90016;
    padding: 2px;
    color: #4e4e4e;
    background-color: #f4f4f4;
}

.address-note {
    clear: left;
    width: 394px;
    margin-left: 276px;
}



span.error-note {
    color: #B90016;
    margin-left: 10px;
    top: 8px;
    position: relative;    
}

.error-note-payment-field {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.required-payment-field#card_from_mm.error, .required-payment-field#card_from_yy.error, .required-payment-field#card_to_mm.error, .required-payment-field#card_to_yy.error {
    width: 28.33%;
    margin-right: 2%;
    background-color: #fff;
    border: 1px solid #B90016;
    border-left: 4px solid #B90016;
    padding: 2px;
    color: #4e4e4e;
    background-color: #f4f4f4;
}

span.error-note-payment-field {
    color: #B90016;
    margin-left: 0;
    float: left;
    padding-right: 0;
    width: 100%;
}

#cvv_trigger:hover { cursor: pointer; }

label[for=alternative_billing] {
    width: 90%;
    float: left;
    display: block;
    text-align: left;
}

input#alternative_billing {
    width: 20px;
    height: 17px;
}

.address-row.alternative-billing {
    margin-left: 270px;
}

#alternative-address {
	display: none;
}
.must-accept {
    color: #B90016;
}
div#order_summary {
    padding: 20px;
}

div#order_summary h4 {
    text-align: center;
    text-transform: uppercase;
}
div#order_summary_bottom {
    background: #e5e5e5;
}

div#order_summary_bottom {
    background: #e5e5e5;
}

#order_summary_bottom h4 {
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
}

div#order_summary_bottom {
    float: left;
    width: 100%;
}
div#order_summary_bottom .col {
    width: 45%;
    float: left;
    padding: 20px;
}
div#order_summary_bottom .left {
    font-weight: bold;
}

.field-wrap {float: left; width: 100%;}

div#order_summary_bottom .left {
    float: left;
    width: 30%;
}
div#order_summary_bottom .right {
    float: left;
    width: 70%;
}

.ui-dialog {padding: 0 !important;}

.ui-dialog .ui-dialog-titlebar {
    padding: 2px;
    position: relative;
    background: #B90016;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-dialog-titlebar-close {
    background-color: rgb(255, 255, 255);
    position: absolute;
    right: 2%;
    }


#et-main-area #main-content .container {
    padding-top: 0;
    margin-top: 0;
}

#et-main-area .container {
    text-align: left;
    margin: 0 auto;
    width: 94% !important;
    max-width: 1080px;    
    position: relative;
}

input[type=text], input[type=tel], input.text, input.title, textarea, select {
    background-color: #f4f4f4;
    border: 1px solid #bbb;
    padding: 2px;
    color: #4e4e4e;
        border-radius: 0 !important;
    
}


.step.closed.has-been-done {cursor: pointer;}

@media screen and (max-width: 1100px) {
	.demorow .radio_item {
	    float: left;
	    width: 50%;
	}

}

@media screen and (max-width: 980px) {
	.demorow .radio_item {
	    float: left;
	    width: 100%;
	}
	
	#order_summary_bottom h4 {text-align: left !important;}
	
	div#order_summary_bottom {
    float: left;
    width: 88% !important;
    padding: 6%;
	}
	
	div#order_summary_bottom .col {
    width: 100% !important;
    float: left;
    padding: 0 !important;
	}

}



@media screen and (max-width: 840px) {
	.address-row label, .rate-outer {
	    width: 96%;
		padding: 0 2%;
	    text-align: left;
    }
   
   .address-row label { 
        margin-bottom: 5px;
    }
    
    .step.address .demorow label {text-align: left !important;}
    
    
.rate-clicky-thing {
    color: #525252;
    font-weight: normal;
    padding: 5px 0;
    margin: 0;
        width: 100%
}
	
	.rate-clicky-thing img {
    float: right;
    right: -2px;
    top: 4px;
}


.rate-clicky-thing span.the_text { word-wrap: break-word;}
	
	.sub-descriptions {
	    display: block;
	    height: 64px;
	    text-align: center;
	}
	
	.rate-outer {
	    margin-bottom: 40px !important;
    width: 100% !important;
    font-size: 14px;
    padding: 0 !important;
	    }
	    
	    .rate-outer .rate {padding: 6px 0 6px 10px !important;}
	
	.address-row input {
	    width: 96%;
	    font-size: 14px;
	    padding: 9px 2% !important;
	    float: left;
	}
	
	.select-style {
	    width: 96%;
	        padding: 0 2%;
	}
	
	.address-row select {
	    width: 100%;
	    font-size: 14px;
	    padding: 0 2% !important;
	    float: left;
	}
	
	
		.select-style select {
    padding: 0 !important;
    width: 102%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	}
	
	.demorow .radio_item {
	    float: left;
	    width: 100%;
	}
	
	.demorow select {
	    width: 100% !important;
	    font-size: 14px;
	    padding: 2% !important;
	    float: left;
		height: 37px;
	}

	.payment-option {
	    float: left;
	    width: 96%;
	    text-align: left;
	    background: #F4F4F4;
	    padding: 14px 2%;
	    margin: 0 1% 20px 1%;
	    height: auto;
	}
	
	.address-note {
	    clear: left;
	    width: 100%;
	    margin-left: 0;
	}
	.address-row.alternative-billing {
	    margin-left: 0;
	}
	
	.ui-dialog {    width: 70% !important; left: 15% !important;word-wrap: break-word;}
	
	.address-row .rate-outer {
    max-width: 96%;
    padding: 0 2% !important;
    width: 100% !important;
    }


}

	#order_summary .mobile {display:none;}


@media screen and (max-width: 760px) {
	#order_summary .desktop {display:none;}
	#order_summary .mobile {display:block;}
	
	div#order_summary {
	    padding: 8px;
	}
	
	#order_summary .mobile .label {
		font-weight: bold;
	    width: 30%;
	    display: block;
	    float: left;
	}
	#order_summary .mobile .detail {
		float: left;
		width: 65%;
	}
	
#order_summary .mobile .row {	
	    margin-bottom: 5px;
	}
}

@media screen and (max-width: 600px) {
	.ui-dialog .error_popup_msg {
    float: right;
    width: 100%;
	}

}


@media screen and (max-width: 480px) {
	#order_summary .mobile .label {
		width:100%;
	}
	
	#card_from_mm, #card_from_yy, #card_to_mm, #card_to_yy {
    width: 30%;
    margin-right: 2%;
	}
	
	div#order_summary_bottom .left {
    float: left;
    width: 100%;
	}

	div#order_summary_bottom .right {
	    float: left;
	    word-wrap: break-word;
	    width: 70%;
	}
	
	#order_summary_bottom .field-wrap {
    float: left;
    width: 100%;
    margin-bottom: 5px;
	}

}
div#order_summary_bottom {
    display: none;
}

/* Make name and address demos look nice */

.step.address .demorow {
    width: 100%;
    background: none;
    padding: 0;
}

.step.address .demorow span.mand {
    display: none;
}
.step.address .demorow label {
    width: 255px;
    display: block;
    float: left;
    padding: 3px 1%;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.step.address .demorow select {
    width: 416px;
    font-size: 14px;
    padding: 8px !important;
    height: 37px;
    float: left;
    background: #f4f4f4;
}

/* Hide dependent demos by default */
.demorow.hide {
    display: none;
}

.address-row .rate-outer {
    float: left;
    text-align: left;
    background: #F4F4F4;
    width: 388px;
    margin-top: 0;
    padding: 6px 14px 2px 14px;
    border: 1px solid rgb(187, 187, 187) !important;
    margin-bottom: 2px;
    border-radius: 0;
}

.rate-description .price {
    color: #3B7E8C;
    float: left;
    margin-top: 0;
    margin-left: 7px;
}