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

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
html, body{height:100%; background: rgb(19,151,208);background: linear-gradient(90deg, rgba(19,151,208,1) 0%, rgba(11,96,179,1) 100%);}
body{ padding:0; margin:0; color:#30323f; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; line-height:18px;}

div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label, samp,section, article, aside, figure, figcaption, big, small { padding:0; margin:0; }

a, input { text-decoration:none; outline:none;}

img {border:0; outline:none;}

ul{list-style-type:none;}
	
*:focus{ outline:none;}	
*, ::after, ::before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
input, textarea { background:transparent; padding:0px 0 0px 0; border: 0; width: 100%;}
samp, big, small{ font-family: 'Lato', sans-serif;}
/* input::-webkit-input-placeholder {color: red;} 
input:-moz-placeholder {color: red;} 
input::-moz-placeholder {color: red;} 
input:-ms-input-placeholder {color: red;}
textarea::-webkit-input-placeholder {color: green;} 
textarea:-moz-placeholder {color: green;} 
textarea::-moz-placeholder {color: green;} 
textarea:-ms-input-placeholder {color: green;}
input[type="email"]::-webkit-input-placeholder {color: blue;} 
input[type="email"]:-moz-placeholder {color: blue;} 
input[type="email"]::-moz-placeholder {color: blue;} 
input[type="email"]:-ms-input-placeholder {color: blue;} */

input[type="button"],input[type="submit"],.input-checkbox {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.clear{clear:both; line-height:0 !important; font-size:0 !important; height:0px !important;}
.mainWrapper{padding:0px; margin: 70px auto 0; max-width: 950px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);}

header{height:130px; background:#FFF; -webkit-box-shadow:0px 6px 25px -1px rgba(0,0,0,0.05);-moz-box-shadow:0px 6px 25px -1px rgba(0,0,0,0.05);box-shadow:0px 6px 25px -1px rgba(0,0,0,0.05); position:relative; z-index:2; }
.header_top{padding:0 20px; height:70px; border-bottom:1px solid #e3e3e5; background-color: #ffffff;}
.surehomz_logo{float:left; border-right:1px solid #e3e3e5; height:100%; padding-right:20px;}
.surehomz_logo:after{content:''; height:100%; width:1px; display:inline-block; vertical-align:middle;}
.surehomz_logo img{display:inline-block; vertical-align:middle;}
.developer_logo{float:left; height:100%; padding-left:20px;}
.developer_logo:after{content:''; height:100%; width:1px; display:inline-block; vertical-align:middle;}
.developer_logo img{display:inline-block; vertical-align:middle;}
.textBox{ display:block; height:40px; line-height:38px; position:relative; z-index:1; text-align:left; color:#30323f; font-size:14px; font-weight:400; border:1px solid #e3e5f1; background:#FFF; border-radius:3px; padding:0 15px; -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.1);}

.back_wrap{ width: 100%; display: flex; flex-flow: row-reverse; text-align: right; padding: 15px 20px ;}


.takePaymentSearchBox_n{ display: inline-block; width: 100%;  background:#f7f7f7; padding:40px 5%;}
.takePaymentSearchBox_n h3{ color: #181818; font-size: 18px;}
.takePaymentSearchBox_n h3 small{ color: #181818; font-size: 14px; font-weight: 500;}

.takePaymentSearchBox_n ul{margin:0 -8px; display: flex; flex-wrap: wrap;}
.takePaymentSearchBox_n ul li{flex: 0 0 auto; width: auto; padding:8px; position:relative; width:50%;}
.takePaymentSearchBox_n ul li input{float: left; margin: 0 10px 0 0; width: 100%; border: 1px solid #cfcfcf; background-color: #f3f3f3; box-shadow: none; border-radius: 0px;}
.takePaymentSearchBox_n ul li input:focus {background-color: #fff; border: 1px solid #128ece;}
.error_kit{float: left;margin: 5px 0 -10px 0;color: red; width: 100%;}

.paymentType2 ul li>div section{margin:0 -20px; display: flex; flex-wrap: wrap;}
.paymentType2 ul li>div section div{flex: 0 auto; width: auto; padding:20px; position:relative; width:50%; color: #474747; font-size: 12px;}
.paymentType2 ul li>div section div strong{font-size: 12px; color: #474747; margin: 0px; font-weight: 700;}


.takePaymentSearchBox2 ul{display:flex; flex-wrap:wrap; margin:0 0 0 0;}
.takePaymentSearchBox2 ul li{float:left; padding:20px; position:relative; width:100%;}
.takePaymentSearchBox2 ul li input{float: left; margin: 0 10px 0 0; max-width: 300px;}



.save_btn{padding:0 25px; width: 100%;  display:inline-block; height:40px; background:#0a5db1 !important; text-align:center; line-height:40px; font-size:13px; color:#FFFFFF; font-weight:400; border-radius:4px; border:1px solid #0a5db1 !important; cursor:pointer; margin:0px;}
.save_btn:hover{background:#004eaf; border:1px solid #004eaf; }

.resetBtn22{font-size: 13px; color: #30323f; background-color: #0a5db1; border: 1px solid #d6d8df; padding: 0px 20px 0 35px; height: 40px; min-width: 107px; line-height: 40px; display: inline-block !important; width: auto; border-radius: 4px; cursor: pointer; background: url(../images/reset-icon.png) no-repeat 23px 14px; margin-right: 11px; margin-right: 0;}
.resetBtn22:hover {background: #004eaf url(../images/reset-icon-hover.png) no-repeat 23px 14px; color: #FFF; border: 1px solid #004eaf;}
/*
table{border:1px solid #dce2e6; background:#FFF; border-collapse:collapse; -webkit-box-shadow:0px 4px 10px -1px rgba(0,0,0,0.05); -moz-box-shadow:0px 4px 10px -1px rgba(0,0,0,0.05); box-shadow:0px 4px 10px -1px rgba(0,0,0,0.05);}
table tr:nth-child(even){background-color:#fbfcfc;}
table tr:nth-child(2n){background-color:#fbfcfc;}
table tr td{border-bottom:1px solid #dce2e6; border-left:1px solid #dce2e6; padding:15px 15px; vertical-align:top; font-size:13px;}
table tr td strong{font-size:13px; font-weight:600; display:block;}
table tr td em{display:block; font-style:normal;}
table tr th{border-bottom:1px solid #dce2e6; border-left:1px solid #dce2e6; padding:15px; color:#22242d; font-size:12px; text-align:left; font-weight:bold; vertical-align:top;}
table tr th:first-child{border-left:0px solid #dce2e6;}
table tr td:first-child{border-left:0px solid #dce2e6;}
table tr td a.action{color:#004eaf; text-decoration:underline; cursor:pointer;}
table tr td a.action:hover{color:#2cabe3 !important;}
table tr td samp{display:inline-block; padding:0 5px;}*/

.backBtn2{ background:#FFF; height:32px; padding:0 25px 0 40px; line-height:32px; font-size:12px; color:#373737; font-weight:700; border:1px solid #DDD; display:inline-block; border-radius:16px; position:relative;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; transition: all 0.3s easet; }
.backBtn2:before{content:''; width:12px; height:10px; background:url(/images/back-arrow.png) no-repeat 0 0; position:absolute; left:20px; top:0; bottom:0; margin:auto; display:inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; transition: all 0.3s easet;}
.backBtn2:hover{ background:#0d95df; color:#FFF;}
.backBtn2:hover:before{ background:url(/images/back-arrow.png) no-repeat -12px 0;}

/*.backBtn2 {
    position: absolute;
    top: 30px;
    right: 22px;
}
*/

.paymentType2{ background:#FFF;position:relative;  width:100%; margin:0px; padding: 45px 5%;}
.paymentType2 ul{ margin: 0 0 20px;}
.paymentType2 ul:last-child{margin:0px;}
.paymentType2 ul li{ border-bottom:1px solid #e7e7e7; position:relative; padding:0 0 30px 50px; margin-bottom:30px; display: flex; flex-wrap: wrap;}
.paymentType2 ul li:last-of-type{border-bottom:0px solid #e7e7e7; padding:0 0 0px 50px; margin-bottom:0px;}
.paymentType2 ul li aside{ position:absolute; left:0; top:0;}
.paymentType2 ul li aside .radioBtn_big{ vertical-align:top;}
.paymentType2 ul li>div{}
.paymentType2 ul li>div h3{ font-size: 24px; color: #10609e; line-height: normal}
.paymentType2 ul li>div strong{ font-size:18px; font-weight:400; display:block; margin-bottom:10px;}
.paymentType2 ul li>div div{}
.paymentType2 ul li>div div span{ display:block; margin-bottom:10px; color:#a1a1a1; font-size:12px;}
.paymentType2 ul li>div div figure{ display:block; margin-bottom:10px;}
.paymentType2 ul li>div div .details_a{ margin-bottom:0;}

.paymentType2 ul li>div:last-child{margin-inline-start: auto; text-align: center; background-color: #f5f5f5; padding: 17px 0px; border: 1px solid #eaeaea;}
.paymentType2 ul li>div>span{color: #474747; width: 100%; float: left; text-align: center; font-size: 12px; font-weight: bold;}

.radioBtn_big{ position:relative; display:inline-block !important; padding-left:26px; margin-right:20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer;} 
.radioBtn_big span{position:absolute; top:0; left:0; height:20px; width:20px; background:url(/images/radioBtn3.png) no-repeat 0 100%;}
.radioBtn_big input{ position:absolute; opacity:0; cursor: pointer;}
.radioBtn_big input:checked ~ span { background:url(/images/radioBtn3.png) no-repeat 0 0;}


.customTable2{ margin-bottom:20px; border:1px solid #e7e7e7; background:#FFF;}
.customTable2 th{padding:15px 0px 15px 20px;background:#e9ebec;border-collapse:collapse;text-align:left; border-bottom:1px solid #e7e7e7;}
.customTable2 th strong{}
.customTable2 td{ padding:15px 0px 15px 20px; color:#8e8e8e; font-size:13px; border-bottom:1px solid #e7e7e7; vertical-align:top;}
.customTable2 td span{ display:block;}
.customTable2 tr:last-of-type td{border-bottom:0px solid #e7e7e7;}
.customTable2 tr td:last-of-type{ padding:15px 10px 10px 0;}
.customTable2 tr td .radioBtn{ vertical-align:top;}
.mobTableRight .radioBtn{ vertical-align:top;}
.responciveTable.bakTableMobile+.mobTable li div:last-of-type{text-align: center; padding-top: 15px;}

.bak_rs {display: inline-block; text-align: center; position: relative; color: #0a75ae; font-size:20px; font-weight:400; margin: 6px 0 0; padding:0px 0 0 10px; background: url(/images/rs_kit.png) no-repeat 0 6px; background-size: 10px; line-height: 24px;   vertical-align: top;}
/*.bak_rs2 {display: inline-block; position: relative; color: #0d95df; font-size:35px; line-height:35px; font-weight: 400; padding-left:18px; background: url(/images/rs.png) no-repeat 0 7px; background-size:13px; vertical-align: top;}
*/

.quit_kitbtm{float: left; text-align: center; background-color: #f5f5f5; padding: 15px 0;}



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

}

@media screen and (max-width:800px){
	
}

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

	
}

@media screen and (max-width:600px){
.submitBtn span { padding: 0 20px 0 20px;}
.submitBtn span:after, .submitBtn span:before{ display:none;}
.resetBtn span { padding: 0 20px 0 20px;}
.resetBtn span:after, .resetBtn span:before{ display:none;}
.takePaymentSearchBox_n ul li {width: 100%;}
.paymentType2 ul li>div section div {padding: 5px 20px; width: 100%;}
.paymentType2 ul li>div:last-child {margin-inline-start: initial; margin: 10px 0 0;}
	.mainWrapper { padding: 0px; margin: 20px auto 0;}
	.paymentType2 ul li > div section { margin: 0 0px;}
}
}
@media screen and (max-width:500px){

}