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

    background: #FFF;

    border: 1px solid #a7abad;

    color: #222;

    height: 32px;

    line-height: 22px;

    width: 100%;

    font-size: 14px;

    padding: 3px 8px;

    outline: 0;

    font-family: Arial, sans-serif;

    font-weight: 400;

    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 {

    

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

    border: 1px solid #51cbee;

    color: #FFF;

}*/



input.has-error,

select.has-error {

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

    border: 1px solid orange

}



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: 30px;

    padding: 0;

    margin: 0

}



#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

}