.clear,
.clearfix:after{clear:both}
a img,
img{height:auto;max-width:100%}
body{margin:0;padding:0;font-family:Arial, sans-serif;font-size:15px}
li,
ul{list-style-type:none}
.left{float:left}
.right{float:right}
.clearfix:after,
.clearfix:before{content:" ";display:table}
.alignRright{float:right;margin:0 0 12px 15px}
.alignLeft,
.float-left{float:left}
.alignLeft{margin:0 15px 12px 0}
.alignCenter{float:none!important;margin:0 auto;display:block}
a img,
img{border:0}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.config-errors h3{padding:10px 0;margin:5px}
.config-errors ul{padding:0;margin:0}
.config-errors li{padding:10px;margin:5px;background-color:#FCC;border:1px solid #C00;color:#333;font:15px/20px arial, sans-serif}
.config-errors li strong{float:right}
input[type=text],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=email],
select,
textarea{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box}
textarea{padding:6px;height:150px}
select{line-height:24px;padding:4px;height:32px}
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
select:focus,
textarea:focus{background:#fff;box-shadow:0 0 5px #51cbee;border:1px solid #51cbee}
input.has-error,
select.has-error{background:url(../images/error-input.png) 99.5% 50% no-repeat #fff !important;border:1px solid orange !important;}
input.no-error, select.no-error {
    background: url(../images/tick-input.png) 99.5% 50% no-repeat #fff;
    border: 1px solid green;
}
input.loading,
select.loading{background:url(../images/ajax-loader.gif) 99.5% 50% no-repeat #fff;border:1px solid #51cbee}
.app-benchmark{position:fixed;width:98%;left:0;bottom:0;padding:5px 1%;background-color:#CCC;color:#333;text-align:right}
#app_common_modal,
#error_handler_overlay{position:fixed;top:0;left:0;padding:0;margin:0;width:100%;height:100%;z-index:2147483647;background:#333;background:rgba(255, 255, 255, .8);display:none;overflow-x:hidden;-webkit-overflow-scrolling:touch}
#app_common_modal .app_modal_body,
#error_handler_overlay .error_handler_body{max-width:600px;-webkit-background-clip:padding-box;font-family:Verdana, Geneva, sans-serif;box-sizing:border-box;outline:0}
#error_handler_overlay .error_handler_body{margin:100px auto;width:95%;padding:20px;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#app_common_modal_close,
#error_handler_overlay_close{position:absolute;right:-10px;top:-10px;color:#FFF;background-color:#333;border:2px solid #FFF;border-radius:50%;width:30px;height:30px;text-align:center;cursor:pointer;text-decoration:none;font-weight:700;line-height:28px;padding:0;margin:0;font-family: sans-serif;box-sizing: border-box;}
#app_common_modal .app_modal_body{margin:100px auto;min-width:inherit;width:95%;min-height:400px;padding:2.5%;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box}
#app_common_modal .app_modal_body iframe{min-height:400px;width:100%;border:1px solid #d5d6ef}
.exitpop-content{position:fixed;height:400px;width:708px;margin:-200px 0 0 -354px;top:50%;left:50%;text-align:left;padding:0;border:none;z-index:2147483647}
.exitpopup-overlay{background:rgba(0, 0, 0, .6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:2147483647;display:none}
.exitpop-content img{display:block;margin:0 auto;position:relative;text-align:center;max-width:100%;height:auto}
.exitpop-discountbar{background-color:red;border-bottom:4px dashed #fff;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:700;height:50px;line-height:50px;position:fixed;text-align:center;top:0;width:100%;z-index:9999;display:none}
.app-load-spinner{display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100px;height:100px;margin:auto;background-color:#333;border-radius:100%}
.clear{line-height:0;height:0}
.button,
button,
input[type=button],
input[type=submit]{border:0;width:100%;display:block;cursor:pointer;position:relative;outline:0;padding:20px 15px;background:#2288D0;color:#fff;font-size:20px}
#loading-indicator::after,
#loading-indicator::before{box-sizing:border-box;left:50%;position:absolute;top:50%}
.button:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover{background:#2791E4}
.defult{padding:10px 15px}
.defult form label{width:175px;display:inline-block}
.defult input[type=text],
.defult input[type=search],
.defult input[type=number],
.defult input[type=password],
.defult input[type=tel],
.defult input[type=email],
.defult select,
.defult textarea{max-width:275px}
.defult .button,
.defult button,
.defult input[type=button],
.defult input[type=submit]{max-width:450px}
.all-card-types li{float:left;margin-right:20px}
#loading-indicator{background-color:rgba(0, 0, 0, .5);bottom:0;box-sizing:border-box;font-size:1px;height:100%;left:0;margin:0!important;padding:0!important;position:fixed;right:0;top:0;width:100%;z-index:2147483646}
#loading-indicator::before{background:url(../images/loading.gif) center center no-repeat rgba(0, 0, 0, 0);content:"";height:70px;margin-left:-35px;margin-top:-70px;width:70px;z-index:2}
#loading-indicator::after{background:#fff;border-radius:5px;color:#000;content:"Processing, one moment please... ";font-family:arial;font-size:17px;height:110px;line-height:98px;margin-left:-150px;margin-top:-75px;padding-top:35px;text-align:center;width:300px;z-index:1}
@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0)}
100%{-webkit-transform:scale(1);opacity:0}
}
@keyframes scaleout{0%{transform:scale(0);-webkit-transform:scale(0)}
100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}
}
span.cb-inline-error{margin-top:10px;font-weight:100;color:#c00;display:block}
form{padding:10px}
.modal-wrap{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0, 0, 0, 0.5);overflow-y:auto;}
.modal-dilog-part{width:500px;background-color:#fff;border-radius:4px;margin:50px auto 50px auto;}
.transaction-modal-head{padding:30px 55px;border-bottom:1px solid #E9ECEF;display:flex;position:relative;}
.transaction-modal-head-img{width:85px;}
.transaction-heading{color:#212D3D;font-size:20px;font-weight:600;padding-left:12px;}
.transaction-heading span{display:block;color:#ED4C4C;font-size:15px;font-weight:normal;margin-top:12px;}
.close-btn{padding:5px;width:auto;background-color:transparent;position:absolute;right:30px;top:25px;}
.close-btn:hover{background-color:transparent;}
.padding-box{padding:30px;}
.security-heading{color:#5E6473;font-size:15px;margin-bottom:20px;text-align:center;}
.ask-cell{color:#5E6473;font-size:15px;margin-bottom:15px;cursor:pointer;}
.form-row{margin-bottom:20px;}
input[type=text].form-input,
input[type=search].form-input,
input[type=number].form-input,
input[type=password].form-input,
input[type=tel].form-input,
input[type=email].form-input,
select.form-input,
textarea.form-input{border:1px solid #CED4DA;height:38px;border-radius:4px;padding:0 15px;}
.flex-row{display:flex;margin:0 -10px;}
.half-col{width:50%;padding:0 10px;}
.d-flex{display:flex;align-items:center;justify-content:space-between;}
.submit-btn{display:inline-block;width:auto;background-color:#5C79FF;padding:13px 15px;font-size:16px;font-weight:600;border-radius:4px;}
.thank-link{color:#5C79FF;font-size:15px;margin-right:15px;text-decoration:none;}
.total-price{color:#212D3D;font-size:20px;font-weight:600;line-height:1;}
.info-wrap{position:relative;}
.info-cell{position:absolute;top:12px;right:12px;}
.select-wrap{position:relative;}
.select-wrap select{-webkit-appearance:none;}
.select-wrap:after{top:17px;right:12px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(94, 100, 115, 0);border-top-color:#5E6473;border-width:6px;}
.info-cell:hover .tooltip{display:block;}
.tooltip{position:absolute;border:1px solid #ddd;padding:5px;font-size:12px;background-color:#fff;left:100%;min-width:90px;max-width:150px;margin-left:10px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);display:none;}
.tooltip:after, .tooltip:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.tooltip:after{border-color:rgba(255, 255, 255, 0);border-right-color:#fff;border-width:6px;margin-top:-6px;}
.tooltip:before{border-color:rgba(221, 221, 221, 0);border-right-color:#ddd;border-width:7px;margin-top:-7px;}
.submit-btn:hover{background-color:#849AFF;}

/*landscape codebase popup issue fixing:*/
  @media only screen and (orientation: landscape) {
    #app_common_modal .app_modal_body{
    	    margin: 10vh auto;
    	    min-height: inherit;
    	    height: 80vh;
    }
    #app_common_modal .app_modal_body iframe{
    	    min-height: inherit;
    	        height: 100%;
    }
  }