.clear, .clearfix::after {

    clear: both;

}

a img, img {

    height: auto;

    max-width: 100%;

}

body {

    font-family: Arial,sans-serif;

    font-size: 15px;

    margin: 0;

    padding: 0;

}

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 {

    display: block;

    float: none !important;

    margin: 0 auto;

}

a img, img {

    border: 0 none;

}

.text-left {

    text-align: left;

}

.text-right {

    text-align: right;

}

.text-center {

    text-align: center;

}

.text-justify {

    text-align: justify;

}

.config-errors h3 {

    margin: 5px;

    padding: 10px 0;

}

.config-errors ul {

    margin: 0;

    padding: 0;

}

.config-errors li {

    background-color: #fcc;

    border: 1px solid #c00;

    color: #333;

    font: 15px/20px arial,sans-serif;

    margin: 5px;

    padding: 10px;

}

.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 {

    /*background: #fff none repeat scroll 0 0;

    border: 1px solid #a7abad;

    box-sizing: border-box;

    color: #222;

    font-family: Arial,sans-serif;

    font-size: 14px;

    font-weight: 400;

    height: 32px;

    line-height: 22px;

    outline: 0 none;

    padding: 3px 8px;

    width: 100%;*/

}

textarea {

    height: 150px;

    padding: 6px;

}

select {

    height: 32px;

    line-height: 24px;

    padding: 4px;

}

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 none repeat scroll 0 0;

    border: 1px solid #51cbee;

    box-shadow: 0 0 5px #51cbee;

}

input.has-error, select.has-error {

    background: #fff url("../images/error-input.png") no-repeat scroll 99.5% 50%;

    border: 1px solid orange;

}

input.no-error, select.no-error {

    background: #fff url("../images/tick-input.png") no-repeat scroll 99.5% 50%;

    border: 1px solid green;

}

input.loading, select.loading {

    background: #fff url("../images/ajax-loader.gif") no-repeat scroll 99.5% 50%;

    border: 1px solid #51cbee;

}

.app-benchmark {

    background-color: #ccc;

    bottom: 0;

    color: #333;

    left: 0;

    padding: 5px 1%;

    position: fixed;

    text-align: right;

    width: 98%;

}

#app_common_modal, #error_handler_overlay {

    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;

    display: none;

    height: 100%;

    left: 0;

    margin: 0;

    overflow-x: hidden;

    padding: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 2147483647;

}

#app_common_modal .app_modal_body, #error_handler_overlay .error_handler_body {

    box-sizing: border-box;

    font-family: Verdana,Geneva,sans-serif;

    max-width: 600px;

    outline: 0 none;

}

#error_handler_overlay .error_handler_body {

    background-clip: padding-box;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 0;

    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

    box-sizing: border-box;

    color: #333;

    font-size: 14px;

    line-height: 1.42857;

    margin: 100px auto;

    padding: 20px;

    position: relative;

    width: 95%;

}

#app_common_modal_close, #error_handler_overlay_close {

    background-color: #333;

    border: 2px solid #fff;

    border-radius: 50%;

    color: #fff;

    cursor: pointer;

    font-weight: 700;

    height: 30px;

    line-height: 26px;

    margin: 0;

    padding: 0;

    position: absolute;

    right: -10px;

    text-align: center;

    text-decoration: none;

    top: -10px;

    width: 30px;

}

#app_common_modal .app_modal_body {

    background-clip: padding-box;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, 0.2);

    border-radius: 0;

    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

    box-sizing: border-box;

    color: #333;

    font-size: 14px;

    line-height: 1.42857;

    margin: 100px auto;

    min-height: 400px;

    min-width: inherit;

    padding: 2.5%;

    position: relative;

    width: 95%;

}

#app_common_modal .app_modal_body iframe {

    border: 1px solid #d5d6ef;

    min-height: 400px;

    width: 100%;

}

.exitpop-content {

    border: medium none;

    height: 400px;

    left: 50%;

    margin: -200px 0 0 -354px;

    padding: 0;

    position: fixed;

    text-align: left;

    top: 50%;

    width: 708px;

    z-index: 2147483647;

}

.exitpopup-overlay {

    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;

    display: none;

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 2147483647;

}

.exitpop-content img {

    display: block;

    height: auto;

    margin: 0 auto;

    max-width: 100%;

    position: relative;

    text-align: center;

}

.exitpop-discountbar {

    background-color: red;

    border-bottom: 4px dashed #fff;

    color: #fff;

    display: none;

    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;

}

.app-load-spinner {

    background-color: #333;

    border-radius: 100%;

    bottom: 0;

    display: none;

    height: 100px;

    left: 0;

    margin: auto;

    position: fixed;

    right: 0;

    top: 0;

    width: 100px;

}

.clear {

    height: 0;

    line-height: 0;

}

.button, button, input[type="button"], input[type="submit"] {

    /*background: #2288d0 none repeat scroll 0 0;

    border: 0 none;

    color: #fff;

    cursor: pointer;

    display: block;

    font-size: 20px;

    outline: 0 none;

    padding: 20px 15px;

    position: relative;

    width: 100%;*/

}

#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 {

}

.defult {

    padding: 10px 15px;

}

.defult form label {

    display: inline-block;

    width: 175px;

}

.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, 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: rgba(0, 0, 0, 0) url("../images/loading.gif") no-repeat scroll center center;

    content: "";

    height: 70px;

    margin-left: -35px;

    margin-top: -70px;

    width: 70px;

    z-index: 2;

}

#loading-indicator::after {

    background: #fff none repeat scroll 0 0;

    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;

}

@keyframes scaleout {

0% {

    transform: scale(0);

}

100% {

    opacity: 0;

    transform: scale(1);

}

}

span.cb-inline-error {

    color: #c00;

    display: block;

    font-weight: 100;

    margin-top: 10px;

}

form {

    padding: 10px;

}