﻿.stepwizard-step p { margin-top: 0px; color: #666;font:400 14px/30px 'Roboto'; }
.stepwizard-row { display: table-row; }
.stepwizard { display: table; width: 100%; margin: 20px 0; position: relative; }
.stepwizard-step button[disabled] { /*opacity: 1 !important;filter: alpha(opacity=100) !important;*/ }
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn { opacity: 1 !important; color: #bbb; }
.stepwizard-row:before { top: 14px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-index: 0; left:0}
.stepwizard-step { display: table-cell; text-align: center; position: relative; }
.btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; }
.currentStep .btn-circle{ background-color:#253946; border-color:#253946; color:#fff}
.currentStep p{ color:#253946}

.form-group.required label{ font-family:'Roboto'}
.form-group.required label > span{ color:#f00;}
span.requiredField{font:400 14px/20px 'Roboto'; color:#f00}
.modalBackground { background:rgba(0,0,0,.6);}
.americanmg{color: #31708f;font:400 14px/20px 'Roboto'; margin:5px 0}
.cardimageouter {background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555;font-size: 14px; height: 30px; line-height: 1.42857; padding: 0 8px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.cardimageouter input[type="text"] { background: none; border: 0px; padding: 0; width:70%; display:inline-block; height:30px;}
.cardimageouter > small { background: url(../../Portal/Common/images/sprite_icon_pay.png) no-repeat 0 0; width: 105px; height: 16px; float: right; margin: 8px 0 0 0; }
.reciptpage{ margin:30px 0}
.paymentsucces p{font:400 16px/24px 'Roboto';}

.merchandise .panel-primary{border-color:#253946;}
.merchandise .panel-primary > .panel-heading{ background-color:#253946; border-color:#253946;}
.merchandise .btn-prev { background-color:#636363; color:#fff}
.merchandise .btn-prev:focus,.merchandise .btn-prev:hover, .merchandise .btn-prev:active{ background-color:#4A4A4A}

.merchandise .table-bordered th{background-color:rgba(0,0,0,.075)}
.merchandise .table-bordered th, .merchandise .table-bordered  td{ vertical-align:middle;font:400 14px/20px 'Roboto';}
.merchandise .table-bordered th{ font-weight:600}
.merchandise .table-bordered tr:hover td{ background-color:rgba(0,0,0,.035);}
.merchandise .table-bordered tr.table-total td{background-color:rgba(0,0,0,.125); font-weight:600;}

/* payment loader start here */

.loadingnew { text-align: center; overflow: auto; margin:20px auto;  }
.loadingnew p { color: rgba(0,0, 0, 1); padding: 0 0 0 30px; margin: 0; display: inline-block;font:400 26px/50px 'Roboto';}
.loadingsec { content: ''; display: inline-block; font-size: 10px; width: 1em; height: 1em; margin-top: 24px; position: absolute; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 1) 1.5em 0 0 0, rgba(0, 0, 0, 1) 1.1em 1.1em 0 0, rgba(0, 0, 0,1) 0 1.5em 0 0, rgba(0, 0, 0, 1) -1.1em 1.1em 0 0, rgba(0, 0, 0, 1) -1.5em 0 0 0, rgba(0, 0, 0, 1) -1.1em -1.1em 0 0, rgba(0, 0, 0, 1) 0 -1.5em 0 0, rgba(0, 0, 0, 1) 1.1em -1.1em 0 0; box-shadow: rgba(0,0, 0, 1) 1.5em 0 0 0, rgba(0,0, 0, 1) 1.1em 1.1em 0 0, rgba(0,0, 0, 1) 0 1.5em 0 0, rgba(0,0, 0, 1) -1.1em 1.1em 0 0, rgba(0,0, 0, 1) -1.5em 0 0 0, rgba(0,0, 0, 1) -1.1em -1.1em 0 0, rgba(0,0, 0, 1) 0 -1.5em 0 0, rgba(0,0, 0, 1) 1.1em -1.1em 0 0; }
 @-webkit-keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-moz-keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-o-keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @media print {
   .headerclass, footer, .form-group input,.pagehead,.paymentsucces{ display:none;}
}

