@charset "utf-8";
/* CSS Document */

/*.card-section {width: 45%;background: #f1f1f1;padding: 16px;min-height: 140px;position: relative;display: inline-block;float: left;}
.card-section input , .card-section p , .card-section a {display:inline-block;vertical-align:super;}
.card-section p {margin-left: 10px}
.card-section input {padding:10px;margin-top:5px}
.card-section select {padding:20px !important;margin-top:5px}
.card-section img {display:inline-block;border:1px solid #bcbcbc;padding:2px;float:right}*/

#dash_board_class {
    padding-bottom: 0px;
}

.payment-main {max-width:700px;margin:0px auto;border:1px solid #dddddd;padding:15px;font-family:Arial, Helvetica, sans-serif;font-size:14px;width:100%; }
.logo-section {text-align:center; padding-top:10px;}
.logo-section img {width:200px; height:auto;}
.detail-section {padding:0px}
.detail-section li {display: inline-block;vertical-align: top;width: 20%;font-size: 12px;}
.detail-section li p {margin-bottom: 0px;line-height: 22px}
.text-right {float:right !important}
.main-heading {text-align:center; font-weight:700; font-size: 16px;margin-top: 15px;}
.month-year-section {width:100%;margin-top:30px}
.month-year-section label {margin-top:15px;margin-right:5px;display: inline-block}
.month-year-section select {width:70px;padding:10px;display: inline-block}
.cvv-section {width:100%;margin-top:30px}
.cvv-section label {vertical-align:super}
.cvv {display:inline;vertical-align:super;width:10%;padding:10px;margin-top:5px;}
.badge {display: inline;vertical-align: super;color: #ffffff;background: #fc4953;border-radius: 4px;height: auto;padding: 4px;cursor:pointer}
.pay-now-section {text-align:center; margin:30px 0px;}
.credit-card-heading {margin-bottom:20px}
.pay-now-btn {background:#fc4953; display:inline-block; color:#fff; text-decoration:none; padding:15px; border-radius:5px;}
footer {text-align:center;font-size:12px; line-height:20px;color:#999999;margin-top:30px}
.margin-bottom-41px {margin-bottom:41px !important}
.pay-paypal {padding: 15px 40px;}
.pay-paypal img {width: 44%;border: none;}
.margin-top-30px {margin-top: 30px !important} 


/* Quote Table CSS */
.colorBoxDiv img.colorimg{width:45px; height:45px;}
.quote-table{width:100%;text-align:center; font-size:13px;}
.heading-table {background: #ffffff;font-size: 12px;font-weight: 700;border-top: 1px solid #000000;	border-bottom: 1px solid #dbdbdb;}
.quote-table {border: none !important}
.heading-table th {text-transform: uppercase;padding-left: 0px !important;text-align: left !important ;font-weight: normal; font-size: 14px;}
.heading-table td {padding-left: 0px !important}
.total-quote-table td {border-bottom: none !important;padding:0px;line-height: 22px;margin-top:20px;}
.detail-quote-table td {padding-left: 0px !important;text-align: left !important;padding-right:0px;font-size: 14px;}
.pay-now-button{background:#fc4953; display:inline-block; color:#fff; text-decoration:none; padding:15px; border-radius:5px;}
.error{color:#fff000;}
.paypal-section {text-align: center;clear: left !important;}
.pay-paypal{background:#fc4953; display:inline-block; color:#fff; text-decoration:none; padding:15px; border-radius:5px;position: relative;}
.pay-paypal:hover { text-decoration:none; color:#fff;}
.registered-card{background:#fc4953; display:inline-block; color:#fff; text-decoration:none; padding:15px; border-radius:5px;}
.pay-now-button-wrapper {margin-top: 0;text-align: center;width: 100%;float: left;padding: 20px 0 0;color: #fff;}
.pay-now-button-wrapper a.pay-now-button {background: #fff;display: inline-block;text-decoration: none;padding: 15px 40px;border-radius: 5px;margin: 0px 15px;color: #2c2c2c !important;}


.basket-brief{color: #7c7c7c;font-weight: normal;text-transform: none;font-size: 15px;line-height: 1.7;font-family: 'Brown' !important; margin-bottom:0px;}
.basket-time{color:#333!important; font-weight:700!important; margin-bottom: 5px !important;
margin-top: 7px;}
.quotenewflow .basket-billamount .price-row strong{color:#333!important;}
.edit-section a.basket-link {
    margin-right: 0;
}
a.basket-link{font-size: 16px;color: #333;font-family: 'Brown' !important; margin-right:20px;}
/* .basketInfo{
	position: absolute;
	right: 20px;
} */
.basketInfo span{background: #fff;width: 17px;height: 17px;border-radius: 50px;color: #000;font-family: 'Brown' !important;font-weight: 700;display: none;position: absolute;top: 6px;right: -10px;
font-size: 11px;line-height: 16px;text-align: center;}

.basket-area {
    display: flex;
    align-items: center;
    position: relative;
}
.basket-area span {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: right;
	color: #282927 !important;
}

.basketInfo img{height: 35px; margin-top: 15px;}

.basketquoteitem{border-bottom:1px solid #dbdbdb; }

.basket-billamount .right{float:right}
.quotenewflow .paymenthistory-quote{margin-top:0px;box-shadow: none;}
.quotenewflow .mid-containerbox a.mainblackbtnquote, .quotenewflow .mid-containerbox button.mainblackbtnquote{width:100%}
.quotenewflow .quote-table.paymenttablle tr td{font-family: 'Brown' !important;}
.quotenewflow .quote-table.paymenttablle tr.hrborder td + td{word-break: break-all; }
.quotenewflow .amountbold.mobilenone strong, .quotenewflow .amountbold.boldtextmobi strong{color:#333 !important; font-weight:700}
.quotenewflow .slider.quoteslider{text-align:center}
.quotenewflow .slider.quoteslider img{position:static!important; }
.declinedbox{background:#f8f8f8; box-shadow:none!important}
.sd-text{font-weight: 700;text-transform: none;display: block;margin-top: 10px;}
.declinedbox img{opacity: 0.4;}

/* .mid-containerbox.paddingless.popupbox.before-pop {position: fixed;height: calc(100vh - 129px);overflow: auto;} */

.quote_page_indivual .chatlio-widget .chatlio-title-bar, .quote_page_indivual .chatlio-widget .chatlio-title-bar.chatlio-title-bar-button, .quote_page_indivual .chatlio-widget .chatlio-title-bar.chatlio-title-bar-chip, .quote_page_indivual .chatlio-widget.chatlio-closed .chatlio-title-bar.chatlio-title-bar-button, .quote_page_indivual .chatlio-widget.chatlio-closed .chatlio-title-bar.chatlio-title-bar-chip {
    margin: 20px !important; margin-bottom:75px!important
}
/* Quote Table CSS */

/*Quote tab-help section*/
.mean-dashboard {
    padding: 0;
}
.quotenewflow{padding-top:65px;}
/* .quotenewflow .newblack-header, .new_quote_v2 .newblack-header{position: fixed;top: 0px; left:0px;width:100%;z-index: 999999;} */
.quotenewflow .newqoute-v2-main{padding-top:0px; }
.viewbasketbox{position:fixed; max-width: 100%;bottom: 0px;z-index: 999999;left:0px;width:100%;}
.new_quote_v2 .quote-flowsmall-box{-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.18);
box-shadow: 0px 0px 38px -3px rgba(0,0,0,0.18);}
/*.newqoute-v2-main{height: calc(100% - 100px);}*/
.quoteitembox .nametext .gray.gray_div p, .quoteitembox .nametext .gray.gray_div span{color:#eaeaea}

.help_box_quote{padding:20px; text-align:left; font-family:'Brown' !important;}
.help-title {
    padding-bottom: 5px;
    font-family: Brown;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: #333;
}
.quote_page_indivual p {
    color: #282927;
    font-family: 'Avenir Next';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    text-align: center;
    margin-bottom: 0px;
}
.comment_popup_main {
    padding: 16px 16px 60px;
}
.help-title.noborder{border:0px!important;}
.help-title img{float: right;margin-top: 1px; width:18px;}
.help_box_quote ul{list-style:none; box-shadow: 1px 1px 8px 0px #00000029;}
.help_box_quote ul li{border-bottom:1px solid #dbdbdb;  text-transform:uppercase; background:url(../img/arrowpng.png) 95% 50% no-repeat; text-align: left;
background-size: 11px;}
.help_box_quote ul li a {
    color: #282927;
    padding: 13px;
    display: block;
    font-family: 'Avenir Next';
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
}
.help_box_quote ul li a:hover{color:#333; text-decoration:none;}
.emailbox label{margin-top:15px;}
.emailbox .newv2-btn-fullbg{width: 100%;border: 0px;margin-top: 20px;}
.emailbox input[type="checkbox"]{margin-top: -5px;margin-right: 7px;margin-left: -25px;}
.emailitems{text-transform: capitalize;font-weight: 400; margin-bottom:10px;}
.help_box_quote ul.emailitems li{background: none;border: 0px;padding: 5px 0px;}
.emailitems label{font-weight:400; text-transform: capitalize; margin:0px;padding-left: 25px;}
.faqsection ul li{text-transform:capitalize; background:none; position:relative}
.faqsection ul li a{ display:block}
.faqsection ul li a::after{content: '+';width: 15px;height: 15px;float: right;text-align: right;
line-height: 15px;margin-top: 2px;}
.return-message-box, .return-message-box .comment_popup_main, .return-message-box .comment_popup .title{text-align:center}
.return-message-box .comment_popup .title{font-size: 27px;color: #333;line-height: 30px; width:100%}
.return-message-box .comment_popup .btn.user_style_btn{width:100%; border-radius:4px; margin:0 auto; margin-top:20px; text-transform:none}

.faqsection ul li p{padding-top:10px; }
.faqsection ul li p::after{content: '-';width: 15px;height: 15px;float: right;text-align: right;line-height: 15px;margin-top: 2px;position: absolute;top: 17px;right: 0px;background: #fff;font-weight: 700;}

/* .productimgmain{width:110px; height:110px;} */
.basket-screen .quoteitembox{box-shadow:none; padding: 20px 0px; margin-bottom:0px;}

.basket-billamount {font-family: 'Avenir Next' !important; color:#7c7c7c; margin-bottom:0px; border-top:1px solid #dbdbdb; padding-top:24px; clear:both}
.price-row.last{color:#333; margin-bottom:24px;}
.price-row strong{font-weight:700}
.price-row{margin-bottom:5px;}
.backto-footer{padding-top:0px; padding-bottom:30px;}


input[type="text"].voucher-input{border:0px!important; width:100%; border-bottom:1px solid #dbdbdb!important; font-weight:700; color:#000; font-size:17px; height:35px; background:none; margin-bottom:35px;}
.quotenewflow .quote-termconditions{width:100%}
.quotenewflow .quote-termconditions a{color:#333}
.quotenewflow .quote-termconditions .condtionstag{width:90%}

/*Quote tab-help section*/
.quotenewflow .nametext span {line-height: 20px;display: block;}
.quotenewflow .basketquoteitem .main-section {
    display: flex;
    gap: 16px;
}
.quotenewflow .basketquoteitem .main-section .quoteitembox-img {
    width: auto;
}
.quotenewflow .basketquoteitem .main-section .quoteitembox-img img {
    width: 100%;
    max-width: 80px;
    min-width: 80px;
    height: 68px;
}
.quotenewflow .basketquoteitem .quoteitembox-img{width:30%;}
.quotenewflow .basketquoteitem .nametext{width:70%; padding-right:65px; position:relative}
.quotenewflow .basketquoteitem .nametext .basketpricing{position:absolute; right:0px; top:0px;color: #7c7c7c;font-weight: 400;}
.quotenewflow .quoteitembox-img img.quoteitemboximg{width:75px; height:75px; border-radius:50px}
.quotenewflow .service_li.removedquoteitem{background:#fff;}
.quotenewflow .v2-service-main .service_li.removedquoteitem .v2-service-slide .quote-btn-btm.qouteicon i{color:#eaeaea;}
.quoteitembox.basketquoteitem.gray .nametext p, .quoteitembox.basketquoteitem.gray .nametext span,  .quoteitembox.basketquoteitem.gray .nametext .basketpricing{color:#eaeaea;}
.backarrownew-text.gray{color:#2B9A52;}
.quotenewflow .v2-service-main .service_li.removedquoteitem .v2-service-sub{color: #eaeaea;}
.viewbasketbox{background:#222222!important; color:#fff; font-family:'Brown' !important; padding:20px 20px!important; font-weight: 700;
font-size: 16px;}
.viewbasketbox .left_bottom{width:25%; text-align:left; float:left}
.viewbasketbox .left_bottom img{width:25px; cursor:pointer}
.viewbasketbox .center_bottom{width:50%; text-align:center; float:left; position:relative}
.viewbasketbox .center_bottom span{cursor:pointer}
.viewbasketbox .center_bottom span img{position: absolute;top: 10px;left: 50%;margin-left: 45px;}

.viewbasketbox .center_bottom a{color:#fff}
.viewbasketbox .center_bottom .tooltipcurrency{position: absolute;color: #fff;width: 150px;list-style: none;left: 50%;margin-left: -75px !important;top: 0px;margin-top: -145px !important; background:#222; font-size:14px; text-align:left; padding:1px 10px; box-shadow: 0px 0px 17px -7px rgba(0, 0, 0, 0.35);}
.viewbasketbox .center_bottom .tooltipcurrency li{border-bottom:1px solid #4a4a4a; padding:7px 0px}
.viewbasketbox .center_bottom .tooltipcurrency .currency_name img{float:right}

.viewbasketbox .center_bottom .tooltipcurrency::after{content: '';width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #222;margin-bottom: 20px;position: absolute;left: 50%;margin-left: -10px;}
.viewbasketbox .center_bottom .tooltipcurrency::before{content: ''; width:15px; height:6px; background:url(http://architect-stage.circulo.tech/static/img/arrow-currency-close.png); display:block; position: absolute;bottom: -54px;left: 50%;margin-left: 45px; z-index:999999}



.viewbasketbox .right_bottom {width:25%; text-align:right; float:left}
.selectedcolorname{text-align:center; display:block; font-family: 'Brown' !important; font-weight: 700 !important;color: #333 !important;}
.new_quote_v2 .mid-containerbox a.mainblackbtnquote, .new_quote_v2 .mid-containerbox button.mainblackbtnquote{width:100%}
.new_quote_v2 .paypal-section{width:100%!important}


.pay-container { width:860px; margin:0 auto;}
.paymentmain-section { width:100%; height:auto; float:left;margin-top:0px;}
.pay-heading {width: 100%;height: auto;float: left;text-align: center;padding: 25px 0;position: relative;top: 82%;margin-top: 113px} 
.pay-heading h1 {text-align: center;font-weight: 700;font-size: 27px;margin:0px 0;}
.pay-row {width:100%; height:auto; float:left;overflow: hidden;}
.pay-row .card-section { width:50%; height:auto; float:left;background: #fc4953;position: relative;display: inline-block; box-sizing: border-box;padding: 0 20px 20px;border-radius: 5px;}
.pay-row .right { width:48%;background: none; height:auto; float:right; text-align: center;padding: 0 0 25px 0;border: solid 5px #019cde;border-radius:25px;overflow: hidden;}
.pay-row .right img { padding:30px 0;text-align: center;max-width: 300px;display: inline-block;}
.pay-row .right .paypalimg { width:100%; height:auto; float:left;}
.pay-carddiv {width: 100%;height: auto;float: left;background: #2c2c2c;border-bottom: solid 1px #616161;padding: 0px 16px;box-sizing: border-box;transition: all 0.15s ease-in-out;}
.pay-carddiv:hover {/*padding: 2px 13px;transition: all 0.15s ease-in-out;*/background: #1b1919;}
.pay-carddiv input {display: inline-block;margin: 20px 0 0 0;float: left;}
.pay-carddiv label {font-size: 16px;line-height: 21px;color: #fff;display: inline-block;padding: 17px 0 0 16px;margin: 0;}
.pay-carddiv img {float: right;width: 50px;background: #ffffff;height: 23px;padding: 6px;margin: 10px 5px;}

.pay-row .main-sub-heading {width: 100%;font-weight: 600;text-align: center;font-weight: 700;margin: 0px !important;color: #ffff;font-size: 16px;padding: 12px 15px;box-sizing: border-box;}
.pay-row .right .main-sub-heading { color:#000;font-weight: 700;}

.paynew-form { width: 100%;height: auto;float: left;background: #f8f8f8;margin-top: 25px;padding: 20px 20px;box-sizing: border-box;border-radius: 5px;border: solid 5px #d1cfcf;}
.paynew-form label { width:100%; float:left;}
.paynew-form input {border: 2px solid #e1e1e1;box-shadow: none;height: 40px;line-height: 30px;font-family: Montserrat;padding: 0px 7px;font-weight: 300;color: #000;width: 100%;box-sizing: border-box;background: none;margin: 0;}
.paynew-form select {border: 2px solid #e1e1e1;box-shadow: none;height: 40px;line-height: 30px;font-family: Montserrat;padding: 0px 7px;font-weight: 300;color: #000;width: 100%;box-sizing: border-box;background: none;margin: 0;}

.paynew-form .cardno-form { width:45%;height: auto;float: left;}
.paynew-form .month-form { width:32%;height: auto;float: left;margin: 0 1%;}
.paynew-form .year-form { width:32%;height: auto;float: left;}
.paynew-form .cvv-form { width: 33%;height: auto;float: right;margin: 0;position: relative;}
.paynew-form .cvv-form .cvvexample {color: #000;background: #e1e1e1;border-radius: 0px 2px 2px 0;height: auto;padding: 11px 16px 10px;cursor: pointer;font-size: 21px;margin: 0;box-sizing: border-box;float: right;position: absolute;right: 2px;bottom: 2px;font-weight: 300;text-shadow: none;}

.paynew-form .addform-buttons { width: 100%;height: auto;float: left;margin-top: 15px;}
.paynew-form .addform-buttons a.registered-card {background: #fc4953;display: inline-block;color: #fff;text-decoration: none;padding: 15px;border-radius: 5px;float: right;}
.paynew-form .addform-buttons input.pay-now-btn {background: #fc4953;display: inline-block;color: #fff;text-decoration: none;padding: 10px 18px;border-radius: 5px;width: auto;height: auto;font-weight: 600;border: none;float: right;margin-right: 6px;}

.newcarderror {color: #ff2400;font-size: 16px;margin-top: 13px !important;display: inline-block;}

/*--------------------------------------------------------*/


.nextprevbut { width: 100%;text-align: center;}
.nextprevbut a {padding: 5px 13px;background: #000000;color: #fff;text-align: center;display: inline-block;margin: 0 3px 3px; width:228px;}
.nextprevbut a:hover, .nextprevbut a:focus { color:#fff;}
.paymenthistory-quote .hr{margin-top: 10px!important;margin-bottom: 10px!important;border-top: 1px solid #bfbfbf!important;}
.downloadosummary-btn, .downloadosummary-btn:hover, .downloadosummary-btn:focus{background: #000;color: #fff!important;display: block;font-size: 16px;margin: 0 auto;float: none;width: 238px;line-height: 39px;text-align: center;margin-top: 30px;}
.quote-table.paymenttablle td{font-size:14px; padding:3px 0px; line-height:1.7;}
.quote-table.paymenttablle td strong{color:#333; font-size:14px;}
.hrborder{border-top: 1px solid #bfbfbf!important; border-bottom: 1px solid #bfbfbf!important;}
.hrborder td{padding-top:15px!important; padding-bottom:15px!important;}

.payment-btn, .payment-btn:hover, .payment-btn:focus {background: #000;color: #fff !important;display: block;font-size: 16px;margin: 0 auto;    margin-top: 0px;float: none;width: 228px;line-height: 39px;text-align: center;margin-top: 20px;}

.redbtn, .redbtn:hover, .redbtn:focus { background:#333!important;}
.titleout {width: 100%;text-align: center;font-size:22px;padding: 10px 75px 30px;font-family: 'Brown' !important; font-weight:bold; line-height:1.7;}
/* .qouteicon { margin: 16px 0 0 0!important;} */
.commentdiv {width:100%;border-top: solid 1px #d3d3d3;padding: 25px 0 0;margin: 0 auto;}
.padding-top-30 { margin-top:30px!important;}
#toast-container > div {opacity: 1!important;}






	@media only screen and (min-width: 801px) {
	td.bttmbrdr-td { border-bottom:none!Important;}
	
	}
	
	
	@media only screen and (max-width: 800px) {
	
		/* Force table to not be like tables anymore */
		#no-more-tables table, 
		#no-more-tables thead, 
		#no-more-tables tbody,  
		#no-more-tables td, 
		#no-more-tables tr { 
			display: block; 
		}
		
		#no-more-tables th {display: none}
 
		/* Hide table headers (but not display: none;, for accessibility) */
		#no-more-tables thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		/*#no-more-tables tr { border: 1px solid #ccc; }*/
        /* .quote-flowsmall-box {
            padding: 10px !important;
        } */
        #no-more-tables .payment-button-td {
            padding-left: 0 !important; 
        }
		#no-more-tables td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50% !important; 
			white-space: normal;
			text-align:left;word-break: break-all;
		}


		#no-more-tables td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px !important; 
			white-space: normal;
			text-align:left;word-break: break-all;
			font-weight: normal;
		}
		
		.payment-sumup-table td {text-align: right !important}

		/*
		Label the data
		*/
        .payment-button-td:before {
            content: none !important;
        }
		#no-more-tables td:before { content: attr(data-title); }
		 .detail-quote-table td p:last-of-type {text-align: left;padding: 0px 0px;vertical-align: top;}
		 .total-quote-table td:last-of-type {text-align: left !important;padding: 15px}
		 .total-third-quote {display: none !important}
		.total-last-quote {padding-top: 0px !important}
		.total-last-quote p {text-align: left !important;padding-top: 0px }
		
		.approve-quote-btn {text-transform: uppercase !important;color: #ffffff !important;background: #333 !important;padding: 12px 39px !important;border:none !important;font-weight: 600 !important;font-family: inherit;letter-spacing: 2px;margin-top:30px !important}
		
		.qouteicon {    margin: 4px 0 20px 0 !important;    float: inherit !important; padding: 0 !important;}		
		.nomore-tdheight { min-height:30px;}
		p.showmore-qoute {text-align: center !important;}
		
		.hrborder td{display:none; padding-top:0px!important; padding-bottom:0px!important}
		.hrborder td + td{display:block;  padding-top:10px!important; padding-bottom:10px!important}
		.amountbold strong{display:none}
		.mobilenone { display:none!important;}
	}
	
	
/*ONLY FOR THIS SECTION*/

.quote_page_indivual{
	background: #f7f7f7;
} 
#accordion.panel-group .panel + .panel{margin: 0px; margin-top: 1px;} 
.quote-termconditions {    width: 100%;}
.quote_page_indivual .navbar{max-width: 380px;margin: 0 auto;border-bottom: 0px;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1; display:none}
.clear.border_div{display:none}
.quote_page_indivual .navbar img{max-width:210px;}


.quote-flowsmall-box{width:100%; height:auto;padding-bottom:30px; max-width:630px; margin:0 auto; border:0px solid #e1e1e1; overflow:auto; }
.new_quote_v2 .quote-flowsmall-box{padding: 0px; position: relative; box-shadow: none; padding-top:0px;}
.new_quote_v2 .payment-order-detail{font-family: 'Brown' !important;color: #7c7c7c;font-size: 15px;letter-spacing: 0.5px;}

.new_quote_v2 .payment-type-wrapper .payment-order-detail:last-of-type{color:#333; font-weight:700}
.new_quote_v2 .payment-type-wrapper .payment-order-detail + .payment-order-detail + .payment-order-detail + .payment-order-detail{color:#333; font-weight:700}
.new_quote_v2 .payment-type-wrapper .payment-order-detail + .payment-order-detail + .payment-order-detail + .payment-order-detail p{color:#333; font-weight:700}
.new_quote_v2 .payment-type-wrapper .payment-order-detail + .payment-order-detail + .payment-order-detail strong{ font-weight:700!important}

.quote-flowsmall-box.quotenewflow {
	background: #fff;
    padding: 0;
    width: 320px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    /* height: 100vh; */
    min-height: 100%;
    /* padding-bottom: 30px; */
    margin: 0 auto;
}
.message__content {
    text-align: center;
    padding-top: 5%;
}
.quote-flowsmall-box.quotenewflow .newqoute-v2-main{box-shadow:none}

.quote-flowsmall-box .logo{text-align:center; margin-top:80px; margin-bottom:36px; position:static; height:auto; padding-top:0px;}
.quote-flowsmall-box .logo img{max-width:252px;}
.quotenewflow .help_box_quote, .new_quote_v2 .help_box_quote{
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 100%;
    top: 0px;left: 0px;
    /*position: absolute;
    width: 100%;
    max-width: 500px;*/
    background: #22222280;
}
.new_quote_v2 .help_box_quote{left:0px;}

.quotenewflow .help_box_quote .newv2-btn-fullbg{width:100%}
.quotenewflow .help_box_quote .comment_popup, .new_quote_v2 .help_box_quote .comment_popup{
    position: absolute;
    width: 100% !important;
    bottom: 0px;
    top: auto;
    transform: none;
    left: 0;
    margin-left: 0;
    height: auto !important;
}
.new_quote_v2 .paymenthistory-quote{margin-top:0px;}
.quote_page_indivual .update_payment_page.new_quote_v2 .payment-order-detail p{text-transform:none}
.new_quote_v2 .cardconditons.quote-termbox{text-align:left}
.new_quote_v2  .cardconditons.quote-termbox p{width: 90%;float: right; font-weight: 400;line-height: 24px; font-size:14px;}

/* .steps{width: 85%;margin: 0 auto; margin-bottom:40px; position:relative} */
.steps {
    max-width: 332px;
    margin: 0 auto;
    margin-bottom: 24px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.step-names {
    max-width: 332px;
    margin: 2px auto 0 auto;
    position: relative;
    z-index: 1;
    text-align: center;
    display: flex;
    justify-content: space-between;
    /* border-bottom: 1px solid #e3e3e3; */
    /* padding-bottom: 6%; */
}
.step-names p.step-name.active svg path {
    fill: #333;
}
/* .steps span{    width: 28px; height: 28px; border: 1px solid #6e6e6e; color: #6e6e6e; text-align: center; line-height: 25px; display: inline-block;font-size: 14px;margin-left: 25%; background: #ffffff;  border-radius: 100%;} */
.steps span {
	width: 24px;
    height: 24px;
    border: 2px solid #BFBFBF;
    color: #BFBFBF;
    text-align: center;
    line-height: 19px;
    display: inline-block;
    font-size: 12px;
    /* margin-left: 21%; */
    background: #ffffff;
    border-radius: 100%;
    font-family: "Open Sans", sans-serif !important;
    font-weight: bold;
}
.steps span:first-child{margin-left:0px;}
.steps span.active {
    background: #333;
    border-color: #333;
    color: #fff;
}
.steps span.inactive-icon {
    background: #999;
    color: #fff;
}
.step-names p.step-name.inactive-icon svg path {
    fill: #999;
}
.steps::before{content: '';width: 100%;border-bottom: 2px solid #BFBFBF;height: 1px;display: block;position: absolute;top: 11px;z-index: -1; }
.mid-containerbox{width:85%; margin:0 auto; padding:45px 15px; position:relative;/*---  -webkit-box-shadow: -1px -1px 15px -1px rgba(0,0,0,0.38); -moz-box-shadow: -1px -1px 15px -1px rgba(0,0,0,0.38);box-shadow: -1px -1px 15px -1px rgba(0,0,0,0.38);--*/}
.mid-containerbox.paddingless {    padding-top: 15px;    padding-bottom: 25px;    border: solid 1px #d8d8d8;}
.quotenewflow .mid-containerbox.paddingless, .new_quote_v2 .mid-containerbox.paddingless{padding:24px 16px; width:100%; border:0px;}
.mid-containerbox .title {font-size: 22px;font-family: 'Brown' !important;text-align: center;    margin: 5px 0 15px; letter-spacing: 3px; color: #222;    text-transform: uppercase;    font-weight: bold;    line-height: 1.7;}
.quotenewflow .mid-containerbox .title{
	font-size: 20px;
    font-family: 'Brown' !important;
    text-align: center;
    /* margin: 40px 0px; */
    letter-spacing: 0;
    color: #333;
    font-weight: 700;
    text-transform: none;
    line-height: 28px;
    text-transform: uppercase;
}

.mid-containerbox p{color:#282927; font-size:14px;line-height: 1.7;}
.mid-containerbox a.mainblackbtnquote, .mid-containerbox button.mainblackbtnquote{
    padding: 13px 13px;
    background: none;
    width: 70%;
    height: auto;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    line-height: 14px;
    margin-top: 10px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
    text-transform: uppercase;
    border: 1px solid #333;
    color: #333;
    font-size: 14px;
    letter-spacing: 1px;
    clear: both;
}
.mid-containerbox a.mainblackbtnquote:hover, .mid-containerbox a.mainblackbtnquote:active, .mid-containerbox a.mainblackbtnquote:focus, .mid-containerbox button.mainblackbtnquote:hover, .mid-containerbox button.mainblackbtnquote:active, .mid-containerbox button.mainblackbtnquote:focus {background:#333!important; color:#fff!important; text-decoration:none;}

.quoteitembox{border-top: 1px solid #c2c2c2;padding: 12px 0px;font-size: 15px;}
.quotenewflow .quoteitembox{
	padding: 12px;
    font-size: 15px;
    width: 100%;
    box-shadow: 1px 1px 8px 0px #00000029;
    margin: 0 0 24px;
    box-sizing: border-box;
    border: none;
	display: flex;
	flex-direction: column;
    gap: 8px;
}
.quotenewflow .quoteitembox.basketquoteitem {box-shadow:none; padding: 20px 0px; margin-bottom:0px; border-top:0px; border-bottom:1px solid #dbdbdb}
.quoteitembox img{max-width:55px; height:auto; margin-right:5px}

.quoteitembox img.quoteitemboximg {width: 19%;height: auto;display: inline-block;margin-right: 3%;
    max-height: 50px;}
.quotenewflow .quoteitembox img.quoteitemboximg{
	width: 100%;
    height: auto;
    display: inline-block;
    margin-right: 0;
    max-width: 100%;
    max-height: none;
    width: 100px;
	min-width: 100px;
    height: 86px;
    border-radius: 0;
    object-fit: cover;
}

.quotenewflow .basketquoteitem .main-section {
    display: flex;
    gap: 16px;
}
.quotenewflow .basketquoteitem .main-section .nametext {
    float: inherit;
    width: 100%;
    padding: 0;
}
.quoteitembox .nametext {display: inline-block;width: 76%;vertical-align: middle;text-transform: capitalize;color: #222;font-size: 15px;line-height: 1.7;font-family: 'Brown' !important;   font-weight: bold; float:none}
.quotenewflow .quoteitembox .nametext{display:inline-block; width:70%; vertical-align: middle;text-transform:capitalize;color: #222; font-size:14px;line-height: 1.7;font-family: 'Brown' !important;font-weight: bold; float:right;}
.quoteitembox .nametext p { 
	color: #282927;
    text-transform: uppercase;
    margin: 0;
    font-family: Brown;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
}
.quoteitembox .nametext span { 
	font-family: 'Avenir Next Demi';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #282927;
}
.basketpricing .strike_amount, .basketpricing .price_normal {
    font-family: Brown;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    color: #333;
}
.edit-section {
    text-align: right;
}
.quoteitembox a.viewqte {display: block;margin: 30px 0 0;color: #333;font-weight: normal;font-size: 16px;letter-spacing: 0.5px; text-transform: none;}	

.ordernumber{padding-bottom:12px; color:#333; font-size:14px; line-height:1.7;}
.ordernumber span{float:right}
#accordion .panel-title{background:#000; font-family: 'Open Sans', sans-serif !important;}
#accordion .panel-title a{color:#fff; margin:0px; padding: 5px 7px;display: block;width: 100%; padding-bottom:8px;height: auto; background:#818181}
#accordion .panel-title a.active{background:#000}

#accordion .panel-title .services-name span, #accordion .panel-title .turnaround span, #accordion .panel-title .amount span{text-transform:uppercase; font-size:7px; display:block; line-height: 11px;}
#accordion .panel-title .services-name{text-align:left; font-size:13px; width:50%; float:left; }
#accordion .panel-title .turnaround{text-align:left; font-size:13px; width:25%; float:left;}
#accordion .panel-title .amount{text-align:left; font-size:13px; width:25%; float:left; padding-left:10px;}
.panel-default > .panel-heading{padding: 0px;background:#000;}
.panel-collapse{width:100%}
ul.quotepointslisting{list-style: none;width: 96%;margin: 0 auto !important;float: none;}
ul.quotepointslisting li{margin-top:13px; color:#333;line-height: 16px; position:relative; padding-left:25px;word-break: break-word;}
ul.quotepointslisting li i {position: absolute;left: 0;top: 0;}
ul.quotepointslisting li:first-child{margin-top:0px;}
ul.quotepointslisting.qouteicon i.icon-oksign, ul.quotepointslisting.qouteicon i.icon-info-sign, ul.quotepointslisting.qouteicon i.icon-alert, ul.quotepointslisting.qouteicon i.icon-chain{margin-right:5px!important;}
.quote-btn-btm a{background:none; border: 2px solid #333!important;color: #333;text-align:center; width:49.6%; display:block; float:left; height:auto; margin: 0px;padding:5px 0px;line-height: 32px;font-family: 'Brown' !important;text-transform: uppercase;font-weight: bold;letter-spacing: 3px;}

 /*.quote-btn-btm a.right:hover,*/
.quote-btn-btm a.right:hover, .quote-btn-btm a.right:focus{background:#333!important; color:#fff!important}

.quote-btn-btm a.right { float:right!important;}
.quote-btn-btm a.full_width{width:100%!important}
.quote-btn-btm a i{float:none; color:#777777}
.quote-btn-btm a:hover, .quote-btn-btm a:focus, .quote-btn-btm a.active{background:#333; color:#ffffff; text-decoration:none}

.quote-btn-btm.qouteicon a:hover i.icon-oksign, .quote-btn-btm a.active i.icon-oksign{background-image: url(http://architect-stage.circulo.tech/static/img/checkquote-white.png) !important;  margin: 0 !Important; }

.panel-group {margin-top: 15px !important;margin-bottom: 0 !important;}

.qouteicon i.icon-closed {background: url(http://architect-stage.circulo.tech/static/img/crossservices-black.png) center center no-repeat;        background-size: auto;    background-size: 100%;    margin: 0 !Important; }
.qouteicon a:hover i.icon-closed, .qouteicon a.active i.icon-closed {background: url(http://architect-stage.circulo.tech/static/img/crossservices-white.png) center center no-repeat; }


.quote-btn-btm a:first-child { border-right: 1px solid #777;}
#accordion .panel-body{padding:0px; padding-top:10px;}
.paddingTB0{padding-top:0px; padding-bottom:1px;}
.detailproduct{border:0px; padding-top:8px;}
.quoteitembox.detailproduct img{width: 17%; height:auto;  display:inline-block; margin-right: 5%; max-height:50px;}
.quoteitembox.detailproduct .text{display:inline-block; width: 76%; vertical-align:middle;text-transform: capitalize; line-height:1.7;font-family: 'Brown' !important;font-weight: bold;}
.quoteamount strong{ display:block; border-top:1px solid #c4c4c4; padding-top:7px; margin-top:20px;color:#333; font-size:14px;line-height: 1.7;}
.quoteamount{color:#333; font-size:14px; padding-bottom: 20px; line-height:1.7;}

a.quote-redbutton{width:100%!Important; height:auto;line-height: 41px;padding: 0px;font-size: 15px;margin: 0px;left: 0px;text-align: center; display:block; margin:0 auto;z-index: 9999;position: relative;}


.steps.MB25{margin-bottom:25px;}
.quoteamount.itemsummary{border:0px; padding:0px; margin:0px;}
.quoteamount.itemsummary strong{border-bottom: 1px solid #c4c4c4;border-top: 0px;padding-top: 0px;margin-top: 5px;padding-bottom: 3px;margin-bottom: 5px;}
.inactivebtn{background:#d9d9d9!important}
.mt0mb15{margin-top:0px!important; margin-bottom:15px!important;}
.removedquoteitem{ background:#000}
.removedquoteitem .panel-default > .panel-heading, .removedquoteitem ul.quotepointslisting{opacity: 0.2;}
.panel-group .panel{border-radius: 0px!important;}


.reviewquotepage .mid-containerbox .title{margin-top:0px;}
.mid-containerbox.reviewquotepage{padding-top:15px; padding-bottom: 20px; margin-top: 35px;}
.mid-containerbox.reviewquotepage .title{}
.mid-containerbox.reviewquotepage .quoteitembox.detailproduct img{margin-right:2%}
.mid-containerbox.reviewquotepage .quoteitembox.detailproduct .text{width: 79%;font-family: 'Open Sans', sans-serif !important;color: #222;}
.reviewquotepage .quoteitembox.detailproduct .text{vertical-align:top; color:#222; font-size: 15px; font-weight:normal; line-height: 18px;}
.reviewquotepage .quoteitembox.detailproduct .text strong{font-size: 15px; color:#222; text-transform: capitalize;font-family: 'Brown' !important;font-weight: bold;}
.quotereview-amount{color:#777; padding-top:11px;}

.quotereview-amount span{float:right}
.reviewquotepage .quote-termconditions {width: 100%; }
.reviewquotepage .quote-termconditions p{font-weight: 400;font-size: 10px;line-height: 13px;margin: 0px;}
.reviewquotepage .condtionstag{    width: 94%;}
.quote-termbox{margin-bottom:0px;}
.quote-termbox input[type="checkbox"] + span::before{width: 18px;border: solid 1px #333; height: 18px;margin:4px 1px 0 0;}
.reviewquotepage.mid-containerbox a.mainblackbtnquote{margin-top:10px;}
.reviewquotepage .quote-termconditions{padding: 12px 0 0 0 !important;margin: 11px 0 0 0;}
.reviewquotepage .detailproduct{border-bottom:1px solid #dbdbdb}
.reviewquotepage  .quotereview-amount{padding-top:11px; line-height: 19px; font-size: 12px; color:#333;}
.reviewquotepage  .quotereview-amount strong{ font-size: 12px; color:#444; letter-spacing: normal;font-weight: 400;}
.reviewquotepage .carddetail{border:1px solid #dddddd; padding:5px 8px; clear:both; margin-bottom:15px; color:#595959; margin-top:10px; }

.reviewquotepage .carddetail input{padding: 0px;border: 0px;box-shadow: none;width: 55px;text-align: center; border-bottom:1px solid #fff; float:right; border-radius:0px; margin:0px; font-size: 13px;color:#000;}
.reviewquotepage .carddetail input.cvv{width:33px;}
.reviewquotepage .carddetail input.cardno{width: 60%;float: left;text-align: left;}
.reviewquotepage .carddetail input:focus{border-color:#ccc}
.quote-table td{border-bottom: 0px !important;text-align: left;padding: 5px 0px;    padding-right: 0px;color:#333;font-size: 15px;}
.payment-button-td {
    padding-right: 0px !important;
}
.quote_page_indivual .quote-table td:first-child {padding-right: 30px;}
.ElementsApp, .ElementsApp .InputElement { font-size: 12px!important;}
/* .quote-btn-btm.qouteicon { padding: 0 10px 10px!important;float: left !important;margin: 16px 0 0 !important;} */


.dialgo_overlay {
    height: 100%;
    overflow-y:scroll;
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
    position: absolute;
    top: 0;
}

/*added 21/7/2021 QUOTE FLOW*/
.mid-containerbox.paddingless.popupbox{
	position: absolute;
    height: calc(100% - 65px);
    overflow: auto;
    bottom: 0;
    /* width: 500px; */
    padding: 0px;
    background: #fff;
    height: max-content;
    top: 0px;
}
.popupclose-icon{position: absolute;top: 8px;right: 10px;z-index: 99;font-family: 'Brown' !important;color: #fff;/*background: rgba(0,0,0,0.3);*/padding: 9px;}
.popupclose-icon.no-bg{padding:0px; background:none; top:15px; }
.popupclose-icon img{width:18px;}
.slider.quoteslider{padding:0px; margin:0px; border:0px; background:#fff; margin-bottom:10px; height:310px;}
.slider.quoteslider  .nav{padding-top: 13px;}
.slider.quoteslider .dots .dot{margin:0px 4px;}
.slider.quoteslider .dots .dot a{background:#e6e6e6; width:8px; height:8px;}
.slider.quoteslider .dots .dot a.active{border-color: #474747;background-color: #474747;}

.popupbrief-quote strong, .byc-title{
	font-family: 'Brown' !important;
    letter-spacing: 0.7px;
    color: #333;
    display: block;
    padding-right: 30px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase;
}
.byc-title {margin-top:0px;}

.popupbrief-quote{padding:10px 20px;}
.popupbrief-quote.small strong {text-transform:uppercase; font-size:16px}
ul.read-risk-brief{list-style:none; width: 90%;margin: 0 auto !important;float: none;}
ul.read-risk-brief li b{ font-size:16px; font-weight:700; font-family: 'Brown' !important; letter-spacing: 0.7px;color: #333; margin-bottom: 10px;display: block;}
ul.read-risk-brief li{padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #dbdbdb}
.readservicetitle{text-transform:uppercase;}
.beforepopupbox {
    padding: 50px 16px 24px;
    border-bottom: 1px solid #dbdbdb;
    /* padding-bottom: 24px; */
    margin-bottom: 24px;
}
.container.slider.quoteslider{width:100%!important}

.before-pop p {
    text-align: left;
}
.risk-info {
    display: flex !important;
    gap: 5px;
    align-items: center;
}

/*added 21/7/2021 QUOTE FLOW*/

/*----------------------------------------*/




.update_payment_page .pay-amount-section{width:100%!important}
.payment-section .pay-amount-section div label{width:100%}
.clear{clear:both}
.payment-section p{text-align:left!important}
.quote_page_indivual .update_payment_page .payment-order-detail p strong{font-weight:400!important; text-transform:none; padding-top: 11px;line-height: 1.7;color: #333 !important;font-size: 15px !important;}
.quote_page_indivual .update_payment_page .payment-order-detail + .quote_page_indivual .update_payment_page .payment-order-detail + .quote_page_indivual .update_payment_page .payment-order-detail p strong{font-weight:600!important}
.quote_page_indivual .update_payment_page .payment-order-detail{border-bottom:0px!important; padding:0px!important;}
.paynow-conditon label{font-weight: 400;font-size: 10px!important;line-height: 13px!important;letter-spacing: normal;margin: 0px; color: #747474!important; text-align: unset!important ;} 
.update_payment_page .paynew-form .addcardbutton button.add-now-btn{padding: 10px 13px;background:#000000;color:#fff;width: 193px;height: 34px;text-align: center;display: block;margin: 0 auto;    margin-top: 0px;line-height: 14px!important; float: none !important;}
.update_payment_page .pay-row .card-section{display:none!important}
.update_payment_page .payment-section{margin-bottom:20px!important; background: transparent;}
.payment-option-wrapper{margin-top:0px!important;}
.update_payment_page .paynew-form{padding:0px!important}
.ElementsApp .InputElement{}

.payment-type-wrapper h3{
    border-bottom: 1px solid #e7e7e7 !important;
    font-size: 20px !important;
    font-family: 'Brown' !important;
    text-align: center !important;
    margin-top: 0;
    margin-bottom: 24px !important;
    letter-spacing: 0;
    color: #333 !important;
    text-transform: uppercase;
}
.newcarderror { color: #8c8c8c!important;}
.update_payment_page .paynew-form label { font-size: 14px; font-family: 'Brown' !important;}


/*--------------------------------*/




.paymentlastpage .payment-section {width: 100%; background: none; padding: 0; margin: 0;}
.paymentlastpage .payment-section .payment-order-detail { background: none; border: none; padding: 0; margin: 0;}
.paymentlastpage .payment-section .payment-order-detail p { color: #333; font-size:14px;font-weight: normal;  padding: 3px 0;}
.paymentlastpage .payment-section .payment-order-detail p strong {color: #333; }
.paymentfirstrow { width: 100%; border-top: 1px solid #bfbfbf !important; border-bottom: 1px solid #bfbfbf !important; padding: 14px 0;}
.paymentlastpage .payment-option-wrapper { width: 100%; float: none;padding-top: 5px;}
.paymentlastpage .payment-option-wrapper .paynew-form { border: none !important; background: none;  padding: 0;}
.paymentlastpage .payment-option-wrapper #payment-form { margin: 0;}
.paymentlastpage .payment-option-wrapper .cardconditons { width: 100%; text-align: left; padding: 18px 0 0;}
.paymentlastpage .payment-option-wrapper .cardconditons p {font-size: 15px;color: #333;width: 95%;float: right;line-height: 1.7;}
.addcardbutton {width: 100%; float: left;}
.quote_page_indivual .navbar { display:none;}
.clear.border_div {display: none;}
.cardconditons input[type="checkbox"] + span::before {width: 18px !important;border: solid 1px #333!important;height: 18px !important;margin:4px 1px 0 0 !important;}
#no-more-tables td.downlaodsumery {padding:15px 0 0!important}

#card-errors { font-size: 12px!important; padding-top: 5px!important;}
/* .partnerflow-shadowbox .mainblackbtnquote.buttonmain { margin-top:30px!important;} */
.ttlamout { float:left!important;}
.employee-form {margin-top: 24px !important;}


/*-------------------------------------*/

.payment-logout { display:none!important;}

.newqoute-v2-main { width: 100%; float: left;  /*-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.18); box-shadow: 0px 0px 38px -3px rgba(0,0,0,0.18);*/}
.newblack-header {
	background-color: #BAC3B7;
    box-shadow: 0px 4px 4px 0px #00000026;
    padding: 16px 5px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}
.newblack-header a {
    flex-basis: 33.3333%;
}
.newblack-header a.basketInfo {
    text-align: right;
}
.newblack-header .backarrownew {
	/* position: absolute;
	left: 20px;
	top: 13px; */
	position: relative;
    height: auto;
    display: flex;
    text-align: left;
}
.newblack-header .backarrownew img { width: 21px;}
.newblack-header .logoblack {
    display: inline-block;
    margin: 0 auto;
    /* margin-right: 21px; */
    text-align: center;
}
.newblack-header .logoblack img { max-width: 128px;}
.newblack-header .headerhelp {  text-align: right;  display: inline-block;  position: absolute;  right: 20px;  top: 18px;  font-family: 'Brown' !important;  color: #fff; font-size: 16px;}

.quote-item-content {
    display: flex;
    gap: 16px;
}

.quotenewflow .quoteitembox .newv2-btn-main {
    margin: 0;
}

.newv2-btn-main { width:100%; float:left; margin:15px 0;}
.newv2-btn-fullbg {  
	color: #fff;
    background: #333;
    border: 1px solid #333;
    text-transform: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em !important;
    text-align: center;
    height: 40px;
	text-decoration: none;
	font-family: 'Avenir Next';
    margin-top: 3%;
}
.newv2-btn-fullbg:hover {
    background: #BAC3B7 !important;
    border: 1px solid #BAC3B7;
    border-radius: 0;
    color: #fff;
    transition: all ease-in-out 0.3s;
	text-decoration: none;
}
.newv2-btn-fullbg:focus {
    color: #fff;
    outline: none;
}
.quotenewflow .nametext .newv2-btn-fullbg {
    font-family: 'Avenir Next';
    font-size: 14px !important;
    height: 32px;
}
.newv2-btn-fullbg.gray{opacity: 0.5;cursor: default;}
/* .newv2-btn-fullbg:hover { background:#333; color:#fff; text-decoration:none;} */


/* .quoteitembox-img {  width: 90px; float: left; position:relative} */
.quoteitembox-img.checked::after{content:''; width:27px; height:27px;   display:block; position:absolute; top:-4px; left:-6px; background:url(../img/itemtick.png)}
.comment_popup {width: 500px!important;
height: 390px!important;}



.backarrownew-text {
	color: #333;
    display: block;
    text-align: center;
    margin: 24px 0;
    font-family: 'Avenir Next';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    text-decoration: underline;
}
.v2-step3one { 
	width: 100%;
    float: left;
    border-top: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf;
    text-align: center;
    padding: 24px 0;
}
.order-detail-page {
    border-top: none !important;
    padding-top: 0 !important;
}
.v2-step3one .title.stp3title { margin: 0; font-size: 22px; letter-spacing: 0.5px;}
.v2-step3one img {
    width: 100px;
    border-radius: 0;
    margin: 15px 0;
}
.productimgmain {
    width: 100px;
    height: 86px;
    border-radius: 0;
}
.v2-step3one .ordernumber {
    padding: 0;
    font-family: 'Avenir Next';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #282927;
}
.v2-service-main { width: 100%; float: left;}
.v2-service-main h3 { 
	font-family: 'Brown' !important;
    margin: 24px 0;
    letter-spacing: 0.7px;
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}
.v2-service-groups { 
	width: 100%;
    float: left;
    border: solid 1px #333;
    margin-bottom: 24px;
    box-shadow: 0px 4px 4px 0px #00000026;
}
.v2-service-main .group_li { list-style: none;}
.v2-service-main .group_li .v2-servicetitle { 
	display: block;
    background: #F0F0F0;
    width: 100%;
    float: left;
    color: #333;
    font-family: 'Brown' !important;
    text-transform: uppercase;
    padding: 20px 0;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}
.v2-service-main .service_li { width: 100%; float: left; list-style: none; padding: 0;}
.v2-service-main .service_li .v2-service-sub { 
	    width: 150px !important; 
    /* float: left; */
    color: #545454;
    margin-right: 20px;
    font-family: 'Avenir Next Demi';
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
}
.v2-service-pound .price_normal {
    white-space: nowrap;
}
.v2-service-main .service_li .v2-service-sub a { 
	color: #333;
    display: block;
    margin: 0;
    font-family: 'Avenir Next';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    text-decoration: underline;
    display: flex;
    gap: 5px;
    margin-top: 4%;
}
.v2-service-main .service_li .v2-service-pound {
	/* width: 60px; */
    /* float: left; */
    color: #545454;
    font-family: 'Avenir Next Demi';
    font-size: 14px;
    font-weight: 600;
    line-height: 37px;
    text-align: left;
}

/* .quotenewflow .v2-service-main .service_li .v2-service-pound{width: 80px;}
.quotenewflow .v2-service-main .service_li .v2-service-slide{width:40px;} */

/* .v2-service-main .service_li .v2-service-slide { width: 60px; float: right;} */
/* .v2-service-main .service_li .v2-service-slide .quote-btn-btm.qouteicon { margin:0!important; padding:0!important;position: relative;top: -4px;} */
.v2-service-main .service_li .v2-service-slide .quote-btn-btm.qouteicon i { width:auto; height:auto; margin:0; font-size:24px; color:#00bf46; float:right}
.v2-service-color { width: 100%; float: left; background: #f8f8f8; padding: 10px 10px;}
.v2-service-color .color_ul { text-align: center;}
.v2-servicecontainer { 
	width: 100%;
    /* float: left; */
    padding: 16px 12px 16px 16px;
	display: flex;
    gap: 4px;
}
.v2-service-slide.service-amount {
    display: flex;
    gap: 4px;
}

.v2-service-radio { width: 100%;float: left;background: #f8f8f8;padding: 0 15px; }
.v2-service-radio li { list-style: none; width: 100%; float: left; padding: 15px 0;  border-bottom: solid 1px #e0e0e0;}
.v2-service-radio li:last-child { border:none;}

.v2-service-radio li .v2-service-radioname { width: 150px; float: left; font-family: 'Brown' !important; color: #333; font-size: 16px; margin-right: 30px;}
.v2-service-radio li .v2-service-radiopound { width: 68px; float: left; font-family: 'Brown' !important;  color: #333; font-size: 16px;}
.v2-service-radio li .v2-service-radioinput { width: auto;  float: right;}





.v2-service-btn { width: 100%; float: left;}
.v2-service-notsatisfied {
    width: 100%;
    float: left;
    background: #F0F0F0;
    text-align: center;
    margin: 25px 0 0;
    padding: 24px 16px;
}
.v2-service-notsatisfied p {  
	color: #282927;
    margin: 0 0 24px;
    font-family: 'Avenir Next';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}
.footer-buttons {
    display: flex;
    gap: 24px;
}
.footer-buttons a:first-child {
    background: #fff;
    color: #333;
    font-family: 'Avenir Next';
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
    padding: 5px 15px;
    border: 1px solid #333;
}
.footer-buttons a.headerhelp.newv2-btn-border {
    background: #333;
    color: #fff;
    font-family: 'Avenir Next';
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
    padding: 5px 15px;
}
.footer-buttons a:hover { opacity: 0.8;}

/*------10-05-2024------*/
.quote-flowsmall-box {
    height: auto;
    max-width: 630px;
    margin: 0 auto;
    border: 0px solid #e1e1e1;
    background: #fff;
    padding: 0;
    width: 320px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    min-height: 100%;
    margin: 0 auto;
}
.quote-header{
	background-color: #dbdbdb;
    box-shadow: 0px 4px 4px 0px #00000026;
    padding: 12px 5px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
}
.quote-flowsmall-box .logo {
	display: inline-block;
    margin: 0 auto;
    margin-top: 0; 
    margin-bottom: 0; 
}
.quote-flowsmall-box .logo img {
    max-width: 128px;
}
.basket-area {
    display: flex;
    align-items: center;
    position: relative;
    flex-basis: 33.333%;
    justify-content: end;
  }
  .quote-flowsmall-box .mid-containerbox {
    width: 100%;
    margin-top: 0;
    min-height: 250px;
}
.quote-header.backarrownew {
    position: relative;
    height: auto;
    display: flex;
    text-align: left;
}
.quote-header a {
    flex-basis: 33.3333%;
}
.quote-flowsmall-box .mid-containerbox .title{
	font-size: 20px;
    font-family: 'Open Sans', sans-serif !important;
    text-align: center;
    letter-spacing: 0;
    color: #333;
    font-weight: 700;
    text-transform: none;
    line-height: 28px;
    text-transform: uppercase;
}
.quote-flowsmall-box .mid-containerbox p{
	text-align: left;
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    margin-bottom: 0px;
	line-height: 1.7;
}

.quote-flowsmall-box .mid-containerbox .mainblackbtnquote  {
    color: #fff;
    background: #333;
    border: 1px solid #333;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.02em !important;
    text-align: center;
    height: 40px;
    text-decoration: none;
	width: 100%;
}
.quote-flowsmall-box .mid-containerbox .mainblackbtnquote:hover {
    background: #999999 !important;
    border: 1px solid #666;
    border-radius: 0;
    color: #fff;
    transition: all ease-in-out 0.3s;
    text-decoration: none;
}
.quote-flowsmall-box .mid-containerbox .newv2-btn-main  {
    width: 100%;
    float: none;
    margin: 0;
}
.quote-header .backarrow-step2 {
    position: relative;
    height: auto;
    display: flex;
    text-align: left;
    flex-basis: 33.33%;
}
.quote-flowsmall-box .quoteitembox  {
    padding: 12px;
    font-size: 15px;
    width: 100%;
    box-shadow: 1px 1px 8px 0px #00000029;
    margin: 0 0 24px;
    box-sizing: border-box;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.quote-item-content {
    display: flex;
    gap: 16px;
}
.quote-flowsmall-box .quoteitembox  .quoteitembox-img img{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-right: 0;
    max-width: 100%;
    max-height: none;
    width: 100px;
    min-width: 100px;
    height: 86px;
    border-radius: 0;
    object-fit: cover;
}
.quote-flowsmall-box .quoteitembox .nametext {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    text-transform: capitalize;
    color: #222;
    font-size: 14px;
    line-height: 1.7;
    font-family: 'Brown' !important;
    font-weight: bold;
    float: right;
}
.detailproduct.step3one {
    width: 100%;
    float: left;
    border-top: solid 1px #bfbfbf;
    border-bottom: solid 1px #bfbfbf;
    text-align: center;
    padding: 24px 0;
}
.detailproduct.step3one .title {
   font-size: 20px;
    font-family: 'Open Sans', sans-serif !important;
    text-align: center;
    letter-spacing: 0;
    color: #333;
    font-weight: 700;
    line-height: 28px;
    text-transform: uppercase;
}
.detailproduct.step3one img {
   width: 100px;
    border-radius: 0;
    margin: 15px 0;
}
.detailproduct.step3one .text {
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #282927;
}

.step3-main-section{
	width: 100%;
    float: left;
}
.step3-main-section .step3-service-title{
	font-family: 'Open Sans', sans-serif !important;
    margin: 24px 0!important;
    letter-spacing: 0.7px !important;
    color: #333 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    text-align: center !important;
}
.step3-main-section #accordion .panel-title a.active {
   background: #ffffff;
    display: flex;
    width: 100%;
    border: solid 1px #333;
    padding: 12px;
}
.step3-main-section .panel-group{
	width: 100%;
    float: left;
}
.step3-main-section .panel-body{
	padding-top: 0 !important;
}
.step3-main-section #accordion .panel-title .services-name {
   width: 65%;
   color: #545454;
}
.step3-main-section #accordion .panel-title .amount-quoteicon {
   width: 35%;
   display: flex;
   align-items: center;
}
.step3-main-section #accordion .panel-title .amount-quoteicon .amount{
   width: 75%;
   color: #545454;
}
.step3-main-section #accordion .panel-title .amount-quoteicon .v2-service-slide{
   width: 25%;
}

.step3-main-section #accordion .panel-title .amount-quoteicon .v2-service-slide i{
  width: auto;
    height: auto;
    margin: 0;
    font-size: 24px;
    color: #00bf46;
    float: right;
}
.listitems-next-btn {
    margin-top: 20px;
}

.review-content {
    display: flex;
    gap: 16px;
}
.review-content .reviewquote-image img{
    display: inline-block;
    margin-right: 0;
    max-width: 100%;
    max-height: none;
    width: 100px;
    min-width: 100px;
    height: 86px;
    border-radius: 0;
    object-fit: cover;
}
.review-content .text{
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    text-transform: capitalize;
    color: #222;
    font-size: 14px;
    line-height: 1.7;
    font-family: 'Brown' !important;
    font-weight: bold;
    float: right;
}


@media screen and (max-width: 767px) and (min-width: 320px) {
 .quote-flowsmall-box .logo {
    margin-top: 0 !important; 
    margin-bottom: 0 !important;
}	
	
}















@media only screen and (max-width: 767px) {



.mid-containerbox .title {font-size: 11px;margin-bottom: 10px;}
.paymentfirstrow { padding: 10px 0;}
.mid-containerbox p { color: #333; font-size: 8px;}
.paymentlastpage .payment-section .payment-order-detail p { width:70%; font-size:12px;line-height: 15px}
.paymentlastpage .payment-section .payment-order-detail p.right { width:30%; text-align:right!important;}
.paymentlastpage .payment-section .payment-order-detail p strong { font-size: 12px;}
.paymentlastpage .payment-option-wrapper .cardconditons p {  font-size: 10px; line-height: 13px; width: 90%; letter-spacing: 0;}
.payment-btn, .payment-btn:hover, .payment-btn:focus { width:200px!important;}
.cardconditons input[type="checkbox"] + span::before { width: 16px !important; height: 16px !important;}

.mid-containerbox {width:280px;padding: 10px !important;border: none !important;}
a.quote-redbutton, a.quote-redbutton:hover{width:92%}
/* .steps span{margin-left: 28.6%;} */
.steps span {  width: 24px; height: 24px;  line-height: 19px; display: inline-block; font-size: 11px;}
img.paymenttick { width:50px;}
.quote-flowsmall-box .logo img { max-width: 212px;}
.ordernumber {  padding-bottom: 12px;  color: #333; font-size: 13px; text-transform: uppercase;}

#no-more-tables td.extrabuttons {padding-left: 0% !important;}
.nextprevbut a { padding: 6px 13px; margin: 0 3px 3px; width: 200px; font-size: 15px;}
.titleout {font-size: 13px;padding: 0px 0px 15px;line-height: 16px;}
.quote-btn-btm a {padding: 1px 0 !important;line-height: 32px !important;}
a.quote-redbutton, a.quote-redbutton:hover {}
a.payment-backbtn {padding: 7px 14px !important;font-size: 12px !important;}
.reviewquotepage .condtionstag { width: 89%!important; font-size:8px!important;}
.reviewquotepage.mid-containerbox a.mainblackbtnquote { font-size: 15px;}
.quote-table.paymenttablle td{font-size:13px!important;}
.quote-table.paymenttablle td strong {font-size: 13px!important;}
.reviewquotepage .quotereview-amount { font-size: 13px!important;}

.mid-containerbox a.mainblackbtnquote, .mid-containerbox button.mainblackbtnquote { padding: 12px 10px; width:250px;  margin-top: 7px; font-size: 11px!important;word-break: break-word;}

.newqoute-v2-main .mid-containerbox a.mainblackbtnquote, .newqoute-v2-main .mid-containerbox button.mainblackbtnquote{font-size: 20px !important;font-family: 'Brown' !important;}
#no-more-tables td.downlaodsumery {padding: 6px 0 0 !important;}

.payment-logout {padding: 7px 14px !important;font-size: 12px !important;top: 30px!important;transform: translate(73%,-50%)!important;}
a.payment-backbtn {left: 50%; top: 30px!important; transform: translate(-224%,-50%)!important;}

.quote-flowsmall-box .logo { margin-top:55px; margin-bottom: 25px;}
.quoteitembox { font-size: 13px;}
.padding-top-30 {margin-top: 10px !important;}
#accordion .panel-title .services-name, #accordion .panel-title .turnaround, #accordion .panel-title .amount { font-size:13px;}
.quote_page_indivual {font-size: 13px;}
ul.quotepointslisting {  width: 93%; display:inherit;}
.quote-btn-btm a {width: 49.3%;font-size: 11px;}
.quoteamount {  padding-bottom: 10px;}

.commentdiv { padding: 3px 0 0;}

.comment_popup .title { font-size: 14px;}
.comment_popup_main .btn { font-size:11px!important;padding: 12px 26px;}

.reviewquotepage .quoteitembox.detailproduct .text strong { font-size: 13px;}
.reviewquotepage .quoteitembox.detailproduct .text { font-size: 13px;}

.paymenthistory-quote { margin-top:0 !important}
.panel-group {margin-top: 8px !important;}
.detailproduct {padding-top: 8px;padding-bottom: 8px;}

#toast-container > div {width: 238px!important;font-family: 'Brown' !important;font-size: 12px!important;}
paymentlastpage .mid-containerbox .addcardbutton button.mainblackbtnquote {margin-top: 0px;}
.paymentlastpage .payment-option-wrapper .cardconditons { padding: 10px 0 0; margin: 0;}

.quotereview-amount span { float: none; display: block;}
.ttlamout { float:none!important; width:160px!important; display:inline-block!important;}	


/*Quote new flow css*/
.quotenewflow .newblack-header, .new_quote_v2 .newblack-header, .viewbasketbox{left:0px; width:100%; max-width:100%}
.quote-flowsmall-box.quotenewflow{box-shadow:none}


.quote_page_indivual{padding-top:0px;}
/*.quote_page_indivual #dash_board_class.container{width:100%!important;}*/
.quotenewflow .mid-containerbox .quote-termbox p{width:85%!important}
/* .quote-flowsmall-box.quotenewflow{padding: 0px;max-width: 100%;} */
.quote_page_indivual .main_continer, .quote_page_indivual .main_continer .container{width:100%}
/* .quotenewflow .mid-containerbox .title{font-size: 23px;line-height: 28px;margin-bottom: 40px;} */
.quotenewflow .mid-containerbox .v2-step3one  .title{margin-bottom:0px;}
.quotenewflow .mid-containerbox p{color: #333;font-size: 15px;line-height: 1.7;}
.quotenewflow .v2-servicecontainer{padding:15px 10px;}
.quotenewflow .v2-service-main .service_li .v2-service-sub, .quotenewflow .v2-service-radio li .v2-service-radioname {    margin-right: 5px;}
.quotenewflow .v2-service-radio{padding:15px 10px;}
.viewbasketbox{padding:20px 10px !important}
.quotenewflow .help_box_quote{left:0px; max-width:100%}
.quotenewflow .help_box_quote .comment_popup{height: 90% !important;max-width: 100%;
margin-left: 0px;left: 0px;padding: 0px 20px;}
.quotenewflow .mid-containerbox.paddingless.popupbox{width:100%}
.quotenewflow .mid-containerbox.paddingless.popupbox.before-pop{left:0px;}
.new_quote_v2 .quote-flowsmall-box{box-shadow:none}
.quotenewflow .amountbold.boldtextmobi strong{display: inline-block;}
.new_quote_v2 .mid-containerbox .title {font-size: 22px;margin-bottom: 10px;}
.quotenewflow .comment_popup_main, .new_quote_v2 .comment_popup_main{padding:25px 8px}
.quotenewflow .quoteitembox .nametext{width:65%}
.update_payment_page .payment-section{max-width:100%}
.new_quote_v2 .quote-flowsmall-box{max-width:100%}
/*Quote new flow css*/
}









@media only screen and (max-width: 2000px) and (min-width: 900px)
{
.mid-containerbox p{font-size:14px;}
#accordion .panel-title .services-name span, #accordion .panel-title .turnaround span, #accordion .panel-title .amount span{font-size: 11px; line-height:14px;}
#accordion .panel-title .services-name, #accordion .panel-title .turnaround, #accordion .panel-title .amount{font-size:14px;}
.quoteamount{font-size:14px;}
.quote_page_indivual{font-size:14px;}
.quoteitembox{font-size:14px;}

.ordernumber{font-size:14px;}
ul.quotepointslisting li{line-height: 21px;font-size: 15px;}
.reviewquotepage .quoteitembox.detailproduct .text strong {font-size: 15px;}
.reviewquotepage .quoteitembox.detailproduct .text{font-size:14px;line-height: 20px;}
.reviewquotepage .quotereview-amount, .reviewquotepage .quotereview-amount strong{font-size:14px;line-height:1.7;}
.reviewquotepage .quote-termconditions p{font-size: 15px;line-height: 1.7;}
/* .steps span{margin-left: 25%;} */
.steps::before{top: 11px; }
.quoteamount strong{font-size: 15px;}
.quote-btn-btm.qouteicon a:hover i.icon-oksign, .quote-btn-btm a.active i.icon-oksign{margin-top: 3px !important; }
.qouteicon i.icon-closed{margin-top: 2px !important;}
}
@media only screen and (max-width: 2000px) and (min-width: 700px){
/* .steps span{margin-left: 26.3%;} */

}


@media only screen and (max-width: 800px) {
.quote_page_indivual .quote-table td:first-child { font-size: 0px;    padding: 0px;}
#dash_board_class.container {    padding-right: 0px!important;    padding-left: 0px!important;}

a.quote-redbutton, a.quote-redbutton:hover{width:85%}
/*.logout_button{display:none}*/
.logout_button {
     
	left: 15px;
}

}



@media only screen and (max-width: 340px) {
/* .steps span{margin-left: 25%;} */

.viewbasketbox{font-size:16px;}
.viewbasketbox .center_bottom{width:45%}
.viewbasketbox .right_bottom {    width: 30%;}
.quotenewflow .v2-service-main .service_li .v2-service-sub, .quotenewflow .v2-service-radio li .v2-service-radioname{margin-right: 10px;}
.logout_button {
     
	left: 15px;
}

}
 .accordian_height{
	 height:auto!important;
 }
.container.slider.quoteslider::before {display:none!important}


.logout_button {
    float: left;
    line-height: 60px;
    color: #fff;
    font-size: 15px;
    font-family: 'Brown' !important;
    text-transform: uppercase;
    position: absolute;
    left: 70px;
	 
}
.logout_button:hover {text-decoration: underline; color:#fff}
.viewbasketbox .center_bottom .tooltipcurrency li .currency_name{    cursor: pointer;}


.strike_amount {
    text-decoration: line-through 2px #333;
    color: #545454;
    white-space: nowrap;
}


.subtitle{
	text-align: center;
}

.quote-info {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.paymenttablle td.mobilenone {
    padding: 0 !important;
}
.paymenttablle tbody tr:first-child td:first-child:before {
    content: none;
}