/* carte credits old */
#card-type>p {
    text-align: center
}

#card-type .cs-select {
    border: none;
    background: 0 0;
    min-height: 60px
}

#card-type .cs-skin-border.cs-active .cs-options {
    border: none;
}

#card-type .cs-select .cs-options {
    position: absolute;
    overflow: visible;
    width: 100%;
    visibility: visible;
    opacity: 1;
    background: 0 0
}

#card-type .cs-placeholder,
#card-type .cs-select li:nth-child(1) {
    display: none
}

#card-type .cs-select li[data-value=mastercard],
#card-type li:nth-child(1),
#card-type li[data-value=mastercard] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/mastercard.png)
}

#card-type .cs-select li[data-value=visa],
#card-type li:nth-child(2),
#card-type li[data-value=visa] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/visa.png)
}

#card-type input[name=cardtype] {
    position: absolute;
    top: 46px;
    left: 50%;
    margin-left: -6px
}

#card-type .cs-select li[data-value=cartebleue],
#card-type li:nth-child(3),
#card-type li[data-value=cb] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/cb.png)
}

#card-type .cs-select li[data-value=bancontact],
#card-type li[data-value=bancontact] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/bancontact.png)
}

#card-type .cs-select li[data-value=amex],
#card-type li[data-value=amex] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/amex.png)
}
#card-type .cs-select li[data-value=maestro],
#card-type li[data-value=maestro] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/maestro.jpg)
}
#card-type .cs-select li[data-value=maestrobe],
#card-type li[data-value=maestrobe] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/maestro.jpg)
}

#card-type .cs-select span:hover {
    background-color: transparent
}

#card-type ul {
    position: relative;
    width: 100%;
    display: block
}

#payment_modes_regular ul {
    max-width: 287px
}

#card-type .cs-select li,
#card-type li {
    background-repeat: no-repeat;
    background-position: top center;
    line-height: 1.3;
    width: 25%;
    display: block;
    float: left;
    background-color: transparent;
    overflow: hidden;
    position: relative;
    height: 60px;
    padding-bottom: 15px;
    cursor: pointer;
    font-size: 0;
    margin-bottom:12px;
}

#card-type li label {
    font-size: 0;
    display: block;
    height: 40px;
    cursor: pointer
}

#card-type .cs-select li:after,
#card-type .cs-select li:before {
    position: absolute;
    top: 45px;
    left: 0;
    font-family: FontAwesome;
    bottom: 0;
    height: 15px;
    width: 99%;
    text-align: center;
    line-height: 15px;
    text-indent: 0;
    display: block
}

#card-type .cs-select li:before {
    content: "\f10c";
    color: #ABAAAA;
    font-size: 13px
}

#card-type .cs-select li:after {
    content: "\f111";
    color: #DEDEDE;
    font-size: 10px
}

#card-type .cs-select li.cs-selected:after {
    content: "\f111";
    color: #666;
    font-size: 7px
}

#card-type .cs-select li span:hover,
#payment_modes_once #card-type li span:hover {
    background: 0 0
}


/* carte bancaire new */

#card-type>p {
    text-align: center
}

#card-type .select2 {
    border: none;
    background: 0 0;
    min-height: 60px
}

#card-type .cs-skin-border.cs-active .cs-options {
    border: none;
}

#card-type .select2 .cs-options {
    position: absolute;
    overflow: visible;
    width: 100%;
    visibility: visible;
    opacity: 1;
    background: 0 0
}

#card-type .cs-placeholder,
#card-type .select2 li:nth-child(1) {
    display: none
}

#card-type .select2 li[data-value=mastercard],
#card-type li:nth-child(1),
#card-type li[data-value=mastercard] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/mastercard.png)
}

#card-type .select2 li[data-value=visa],
#card-type li:nth-child(2),
#card-type li[data-value=visa] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/visa.png)
}

#card-type input[name=cardtype] {
    position: absolute;
    top: 46px;
    left: 50%;
    margin-left: -6px
}

#card-type .cs-select li[data-value=cartebleue],
#card-type li[data-value=cb] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/cb.png)
}

#card-type .cs-select li[data-value=bancontact],
#card-type li[data-value=bancontact] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/bancontact.png)
}

#card-type .cs-select li[data-value=amex],
#card-type li[data-value=amex] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/amex.png)
}
#card-type .cs-select li[data-value=maestro],
#card-type li[data-value=maestro] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/maestro.jpg)
}
#card-type .cs-select li[data-value=maestrobe],
#card-type li[data-value=maestrobe] {
    background-image: url(/libs.iraiser.eu/users/iraiser/logos/maestro.jpg)
}

#card-type .cs-select span:hover {
    background-color: transparent
}

#card-type ul {
    position: relative;
    width: 100%;
    display: block
}

#payment_modes_regular ul {
    max-width: 287px
}

#card-type .cs-select li,
#card-type li {
    background-repeat: no-repeat;
    background-position: top center;
    line-height: 1.3;
    width: 25%;
    display: block;
    float: left;
    background-color: transparent;
    overflow: hidden;
    position: relative;
    height: 60px;
    padding-bottom: 15px;
    cursor: pointer;
    font-size: 0;
    margin-bottom:12px;
}

#card-type li label {
    font-size: 0;
    display: block;
    height: 40px;
    cursor: pointer
}

#card-type .cs-select li:after,
#card-type .cs-select li:before {
    position: absolute;
    top: 45px;
    left: 0;
    font-family: FontAwesome;
    bottom: 0;
    height: 15px;
    width: 99%;
    text-align: center;
    line-height: 15px;
    text-indent: 0;
    display: block
}

#card-type .cs-select li:before {
    content: "\f10c";
    color: #ABAAAA;
    font-size: 13px
}

#card-type .cs-select li:after {
    content: "\f111";
    color: #DEDEDE;
    font-size: 10px
}

#card-type .cs-select li.cs-selected:after {
    content: "\f111";
    color: #666;
    font-size: 7px
}

#card-type .cs-select li span:hover,
#payment_modes_once #card-type li span:hover {
    background: 0 0
}