﻿/*------------------- Ready Issuance -----------------*/

.dashpref {border: 1px solid #999999; border-radius: 6px; margin-bottom: 25px; overflow: hidden;}
.dashpref h3 {background: #29306c; color: #ffffff; font-family:'yantramanavbold'; font-size: 20px; font-weight: normal; height: 50px; line-height: 46px; padding: 0 15px;}
.dashprefdtl {padding:15px;}

.domainlist ul{float:left; width:100%;}
.domainlist ul li{width:49%; float:left; margin-bottom:15px; position:relative;}
.domainlist ul li:nth-child(2n){float:right;}
.domainlist ul li label{display:block; font-size:14px; cursor:default; margin-bottom: 5px;}
.inputsign {background: rgba(0, 0, 0, 0) url("../images/inputbillbg.png") repeat-x scroll left bottom; border: 1px solid #b2b2b2; border-radius: 4px; color: #5b5b5b; font-size: 14px !important; padding: 7px 10px; width:100% !important; }
span.required{font-size:11px; position:absolute; color:#F00; width:100%; left:0; bottom:-15px;}


.moredomain img{display:inline-block; margin-right:5px; vertical-align:middle;}
.moredomain a{color:#f07725 !important;}

.contacttyperaw{padding:15px;}
.contacttyperaw:nth-child(2n){background:#ededee;}
.contacttyperaw p a{color:#f07725 !important;}


/*-----------Tabs-----------*/

#parentHorizontalTab {padding:0;  margin-bottom:30px !important;}
.resp-tabs-list li{padding:15px 15px 20px; margin: 0 1px 0 0; list-style: none; cursor: pointer; float: left; position:relative; margin-top:12px;  font-family:'yantramanavbold'; font-size:20px;}
.resp-tabs-list li .brand-name { display: none; }
.resp-tabs-container { padding: 0px; background-color: #fff; clear: left; }
.resp-tab-content { display: none; padding:15px;}
.resp-tab-active { border:1px solid #d9d5d6 !important; margin:0 0 -1px !important; padding:27px 17px 20px !important; border-bottom:none !important; background-color: #fff; color:#29306c;}
.resp-tab-active:after {content:""; position:absolute; height:0; width:0; border-left:13px solid #d9d5d6; border-top:13px solid transparent; border-right:13px solid transparent; top:-1px; right:-26px;}
.resp-tab-item.resp-tab-active:last-child:after{border-right:12px solid #d9d5d6; left:-12px; border-left:none;}
.resp-tabs-list .resp-tab-active img {opacity:1; margin-top:-1px;}
.resp-content-active, .resp-accordion-active { display: block; }
.resp-tab-content { border: 1px solid #d9d5d6; margin-right:1px;}
h2.resp-accordion {cursor: pointer; display: none;  font-size: 13px; border: 1px solid #d9d5d6; border-top:none; margin: 0px; padding:5px 10px; }
h2.resp-accordion img{height:30px;}
h2.resp-tab-active { border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important; }
h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }
.resp-tabs-list li + li.resp-tab-active:before{content:""; background:#ededee; width:1px; height:62px; left:-2px; position:absolute; top:11px;}

.contacttab{padding:0;}
.contactpairdtl{padding-top:10px;}
.contactpairdtl h3{font-family:'yantramanavbold'; font-size:24px; color:#29306c; padding:0 0 15px; line-height:24px; height: auto; background: none;}
.primarychk{background:#e1e3ef; padding:10px;}
.primarychk p{float:left; margin:0;}
.primarychk p + p{margin-left:20px;}
.primarychk p input{margin-right:10px;}
.primarychk p label{font-size:14px; cursor:auto;}

.ribtn a, .ribtn input{background:#ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; font-family: 'yantramanavbold'; font-size: 24px; font-weight: normal; line-height: 18px; padding: 15px 30px 15px; text-decoration: none;}
.ribtn a:hover, .ribtn input:hover{color: #ffffff; -moz-transition: all 0.7s; -o-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;}
.ribtn .bluesavebtn, .ribtn a{float:right; border: 2px solid #29306c; color: #29306c;}
.ribtn .bluesavebtn:hover, .ribtn a:hover{background: #29316b;}
.ribtn input{float:right; border:2px solid #54a447; color:#54a447}
.ribtn input:hover{background: #54a447;}
.ribtn .bluesavebtn {float:left !important;}

.ribtn .nextdisable {border:2px solid #d3d3d3; color:#d3d3d3; cursor:default;}
.ribtn .nextdisable:hover {background:#FFF; color:#d3d3d3; border:2px solid #d3d3d3;}
.ribtn span{float: right; font-size: 12px; font-style: italic; text-align: right; width: 100%; margin-top:5px; color:#9a9a9a;}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list { float: left; width: 30%; }
.resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0 0 4px; cursor: pointer; float: none; }
.resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; }
.resp-vtabs .resp-tab-content { border: none; word-wrap: break-word; }
.resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; border-top: 1px solid; border: 1px solid #5AB1D0 !important; border-left: 4px solid #5AB1D0 !important; margin-bottom: 4px !important; border-right: 1px #FFF solid !important; }
.resp-arrow { width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; }
h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797;}

/*----------- Pre Authentication Order -----------*/
h2.resp-tab-active { background: #DBDBDB;}
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1; }
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1;}

.mrgtop20{margin-top:20px;}
.padtopnone{padding-top:0 !important;}
.contacttype{margin-bottom:20px;}
.contacttype h3{color: #29306c;font-family:'yantramanavbold'; font-size: 30px; line-height: 24px; margin-bottom:20px; height: auto; background: none; padding: 0;}
.flatgrid{border:1px solid #cacccd;}
.flatgrid p{display:table-cell; padding:10px;  vertical-align:middle;}
.flatgrid .txtcenter{text-align:center;}
.headgrid{padding:5px 10px 8px; font-family: 'yantramanavbold'; font-size:18px; color:#FFF; background:#29306c;}
.gridraw{padding:0 10px; font-size:13px; background:#FFF;}
.gridraw:nth-child(2n+1){background:#e1e3ef;}
.gridraw p img{display:inline-block; vertical-align:middle;}
.gridraw p a{display:inline-block;}
.gridraw p a + a{margin-left:15px;}
.gridraw .compinfo{line-height:16px;}
.gridraw .compinfo strong{display:block;}
.gridraw .pending{font-weight:bold; color:#ffa500;}
.gridraw .active{font-weight:bold; color:#54a447;}
.gridraw .cancelled{font-weight:bold; color:red;}
.gridraw .vendorid a{font-weight:normal; color:#29306c;}
.gridraw span.name{display:block; font-weight:bold}

/*----------- Pre Authentication Order Details -----------*/
.infodetaillist{border:1px solid #cacccd;}
.infodetaillist + .infodetaillist{margin-top:20px;}
.infodetaillist h3{color: #FFF;font-family: 'yantramanavbold'; font-size:24px; line-height:20px; padding:20px 10px 20px; background:#29306c;}
.infodetaillist ul li{padding:10px; font-size:13px; background:#FFF;}
.infodetaillist ul li:nth-child(2n){background:#e1e3ef;}
.infodetaillist ul li label{display:inline-block; font-weight:bold; width:27%; cursor:auto;}

.contacttyperaw .infodetaillist{width:48%; float:left;}
.contacttyperaw .infodetaillist + .infodetaillist{padding-top:0; float:right;}
.contacttyperaw .infodetaillist ul li label{width:50%; vertical-align:top;}
.contacttyperaw .infodetaillist ul li span{width:48%; display:inline-block;}

.authstatus{padding-top:15px;}
.authstatus h3{color: #29306c;font-family: 'yantramanavbold'; font-size:24px; line-height:20px; margin-bottom:10px;}

.predtlgrid p{line-height:16px;}
.preauthdtl{padding:15px; background:#FFF; border-top:1px solid #cacccd;}
.preauthdtl .infodetaillist + .infodetaillist{margin-top:0 !important;}
.predtlgrid .gridraw{padding:0;}
.predtlgrid .infodetaillist ul li:nth-child(2n){background:#ededee;}
.predtlgrid .gridraw .gridraw{padding:0 10px;}
.predtlgrid > .gridraw + .gridraw{border-top:1px solid #cacccd;}
.predtlgrid .gridraw .gridraw:nth-child(2n+1){background:#ededee;}
.predtlgrid .gridraw .predtlraw{padding:0 10px;}

.preauthdtl .infodetaillist h3{background:#4f5050; font-size:18px; line-height: 18px; padding: 10px 10px 15px;}
.predtlgrid .gridraw .headgrid{background:#4f5050}

/*------ Thank You Page ------*/
.generategroup h1 { font-family: 'yantramanavbold'; font-size: 32px; line-height: 32px; color: #29306c; margin: 15px 0 15px 0; font-weight:normal;}
.geneprobox { background: #e1e4ef; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 15px 32px 15px 32px; margin: 0 0 29px 0; }
.geneprobox .geneleft { width: 60%; float: left; color: #29306c; font-family: Arial, Tahoma, "Times New Roman"; font-size:16px; line-height:30px;}
.geneprobox .geneleft span { font-weight: bold; }
.geneprobox .generight { width: 35%; float: right; padding: 0 0 0 3%; border-left: solid 1px #aaafc4; }
.geneprobox .generight .genetxt { float: left; text-align: left; font-family: Arial, Tahoma, "Times New Roman"; color: #29306c; font-weight: normal; font-size: 16px; line-height: 30px; }
.geneprobox .generight .genetxt span { font-weight: bold; }
.isthankyou{border:1px solid #dedede; border-radius:5px; padding:20px;}
.helponway{float:left; width:72%;}
.isthankyou h2{ color:#53a346; font-family: 'yantramanavbold'; font-weight:normal; font-size:25px; line-height:20px; padding:0 0 10px 0;}
.isthankyou p{ font-family:Arial, Tahoma, "Times New Roman"; font-size:14px; line-height:20px; color:#4f4f4f; padding-bottom:15px;}
.helponwayimg{float:right;}
.helponway .padbotnone span{display:block; font-style:italic;}

.csrflatgrid {margin-top:10px;}
.csrflatgrid .gridraw{padding:0;}
.csrflatgrid .gridraw .griddtl {padding:0 10px;}
.csrflatgrid .contactpair {padding:10px; background:#FFF; border-bottom:1px solid #cacccd;}
.csrflatgrid .contactpair .headgrid {background:#4f5050;}
.csrflatgrid .contactpair .gridraw:nth-child(2n+1) {background:#ededee;}

.riapplication h3{font-size: 24px; color: #29306c; margin-bottom: 5px; font-family:'yantramanavbold';}
.ribtn .btnback {float:left;}