#media-size-detection-element {
        display: none;
        width: 0px;
        height: 0px;
}

@media screen and (min-width: 240px) and (max-width: 299px) {
        #media-size-detection-element {
                width: 240px;
        }
}

@media screen and (min-width: 300px) and (max-width: 319px) {
        #media-size-detection-element {
                width: 300px;
        }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
        #media-size-detection-element {
                width: 320px;
        }
}

@media screen and (min-width: 480px) and (max-width: 639px) {
        #media-size-detection-element {
                width: 480px;
        }
}

/*@media screen and (min-width: 640px) and (max-width: 767px) { #media-size-detection-element { width: 640px; } }*/
/*@media screen and (min-width: 768px) and (max-width: 899px) { #media-size-detection-element { width: 768px; } }*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
        #media-size-detection-element {
                width: 768px;
        }
}

/*@media screen and (min-width: 800px) and (max-width: 991px) { #media-size-detection-element { width: 800px; } }*/
/*@media screen and (min-width: 992px) and (max-width: 1199px) { #media-size-detection-element { width: 992px; } }*/
@media screen and (min-width: 1200px) {
        #media-size-detection-element {
                width: 1200px;
        }
}

@media screen and (min-width: 1024px) {
        #media-size-detection-element {
                width: 1024px;
        }
}

@media screen and (min-height: 320px) and (max-height: 479px) {
        #media-size-detection-element {
                height: 320px;
        }
}

@media screen and (min-height: 480px) and (max-height: 549px) {
        #media-size-detection-element {
                height: 480px;
        }
}

@media screen and (min-height: 550px) and (max-height: 599px) {
        #media-size-detection-element {
                height: 550px;
        }
}

@media screen and (min-height: 600px) and (max-height: 649px) {
        #media-size-detection-element {
                height: 600px;
        }
}

/*@media screen and (min-height: 650px) and (max-height: 699px) { #media-size-detection-element { height: 650px; } }*/
@media screen and (min-height: 650px) and (max-height: 849px) {
        #media-size-detection-element {
                height: 650px;
        }
}

/*@media screen and (min-height: 700px) and (max-height: 749px) { #media-size-detection-element { height: 700px; } }*/
/*@media screen and (min-height: 750px) and (max-height: 799px) { #media-size-detection-element { height: 750px; } }*/
/*@media screen and (min-height: 800px) and (max-height: 849px) { #media-size-detection-element { height: 800px; } }*/
@media screen and (min-height: 850px) {
        #media-size-detection-element {
                height: 850px;
        }
}

html,
body {
        margin: 0;
        padding: 0;
        border: 0;
        height: 100%;
        min-width: 320px;
        font-size: 14px;
}


.panel-heading {
        padding: 11px 15px 10px 15px;
        position: relative;
}

.panel-subheader {
        padding: 11px 15px 10px 15px;
        position: relative;
        border-top: 1px #dddddd solid;
        background: #ffffff;
}

.panel-title label {
        margin-top: 10px;
        margin-bottom: 15;
        font-size: 0.9em;
        font-weight: 500;
}

.card-block {
        position: absolute;
        top: 0em;
        right: 15px;
}

.card-bar {
        height: 2.9rem;
        background: #f4f4f4;
        border: 1px solid #f4f4f4;
        padding: 0;
        margin: 0;
}

.panel-heading .card-bar {
        border: 1px solid #cccccc;
}

.card-block img {
        border: 0;
        vertical-align: middle;
        margin: 0 0 0 2px;
        padding: 0;
}

.card-block img:first-child {
        margin: 0;
        margin-right: 5px;
}

.btn-elements{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.2rem;
        width: 18em !important;
        max-width: 40rem;
        padding: 0.7rem;
        box-sizing: border-box;
        height: 5em;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-right: 1em; 
        font-weight: bold !important;
        grid-auto-flow: column;
}

img.logo_visa {
        height: 32px;
        width: 64px;
        background: url('/images/paymethods.png') 0 0;
        background-position: 0 0;
        margin-right: 5px;
}

img.logo_visa.logo_off {
        background-position: 0 -32px;
}

img.logo_mastercard {
        height: 32px;
        width: 50px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -65px 0;
        margin-right: 5px;
}

img.logo_mastercard.logo_off {
        background-position: -65px -32px;
}

img.logo_amex {
        height: 32px;
        width: 55px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -116px 0;
        margin-right: 5px;
}

img.logo_amex.logo_off {
        background-position: -116px -32px;
}

img.logo_jcb {
        height: 32px;
        width: 51px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -172px 0;
        margin-right: 5px;
}

img.logo_jcb.logo_off {
        background-position: -172px -32px;
}

img.logo_masterpass {
        height: 32px;
        width: 145px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -224px 0;
        margin-right: 5px;
}

img.logo_masterpass.logo_off {
        background-position: -224px -32px;
}

img.logo_paypal {
        height: 32px;
        width: 56px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -370px 0;
        margin-right: 5px;
}

img.logo_paypal.logo_off {
        background-position: -370px -32px;
}

img.logo_sadad {
        height: 32px;
        width: 85px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -427px 0;
        margin-right: 5px;
}

img.logo_sadad.logo_off {
        background-position: -427px -32px;
}

img.logo_billdesk {
        height: 32px;
        width: 68px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -513px 0;
        margin-right: 5px;
}

img.logo_billdesk.logo_off {
        background-position: -513px -32px;
}

img.logo_finnet {
        height: 32px;
        width: 73px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -582px 0;
        margin-right: 5px;
}

img.logo_finnet.logo_off {
        background-position: -582px -32px;
}

img.logo_tcash {
        height: 32px;
        width: 96px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -656px 0;
        margin-right: 5px;
}

img.logo_tcash.logo_off {
        background-position: -656px -32px;
}

img.logo_rupay {
        height: 32px;
        width: 95px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -753px 0;
        margin-right: 5px;
}

img.logo_rupay.logo_off {
        background-position: -753px -32px;
}

img.logo_mada {
        height: 32px;
        width: 75px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -851px 0;
        margin-right: 5px;
}

img.logo_mada.logo_off {
        background-position: -851px -32px;
}

img.logo_stcpay {
        height: 32px;
        width: 90px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -931px 0;
        margin-right: 5px;
}

img.logo_stcpay.logo_off {
        background-position: -931px -32px;
}

img.logo_cup {
        height: 32px;
        width: 62px;
        background: url('/images/paymethods.png') 0 0;
        background-position: -1026px 0;
        margin-right: 5px;
}

img.logo_cup.logo_off {
        background-position: -1026px -32px;
}

img.logo_applepay {
        height: 25px;
        width: 79px;
}

img.logo_urpay {
        height: 32px;
        width: 90px;
        margin-right: 5px;
}

img.logo_jpay {
        height: 35px;
        width: 95px;
}

.icon_strip {
        position: relative;
        width: 26px;
        height: 26px;
        background: url('/images/icon_strip.png') 0px 0px no-repeat;
        float: left;
        margin: -5px 8px 5px 0;
}

.icon_yes {
        background-position: 0px 0px;
}

.icon_no {
        background-position: 0px -26px;
}

.icon_wait {
        background-position: 0px -52px;
}

.icon_lock {
        background-position: 0px -78px;
}

.icon_star {
        background-position: 0px -104px;
}

.icon_card {
        background-position: 0px -130px;
}

.icon_wallet {
        background-position: 0px -156px;
}

.icon_cash {
        background-position: 0px -182px;
}

.icon_new_win {
        background-position: 0px -208px;
}

.icon_alert {
        background-position: 0px -234px;
}

.icon_add {
        background-position: 0px -260px;
}

.icon_up {
        background-position: 0px -286px;
}

.icon_edit {
        background-position: 0px -312px;
}

.icon_bin {
        background-position: 0px -338px;
}

.icon_cross {
        background-position: 0px -364px;
}

.icon_bank {
        background-position: 0px -390px;
}

.icon_card_add {
        background-position: 0px -416px;
}

.icon_user {
        background-position: 0px -442px;
}

.icon_info {
        background-position: 0px -468px;
}

.icon_download {
        background-position: 0px -494px;
}

.icon_yes2 {
        background-position: 0px -520px;
}

.icon_no2 {
        background-position: 0px -546px;
}

.icon_question {
        background-position: 0px -572px;
}

.icon_chart {
        background-position: 0px -598px;
}

.icon_play {
        background-position: 0px -624px;
}

.mName1 {
        display: none;
}

.mName2 {
        display: none;
}

.mName3 {
        display: block;
}

/*.tName { display: inline; }*/
.tInner {
        margin-left: -0.18em;
}

.container {
        position: relative;
        min-height: 100%;
        z-index: 40;
}

.container_overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 50;
        width: 100%;
        display: none;
}

.content_header,
.content_body,
.content_footer {
        position: relative;
        z-index: 60;
}

.content_footer {
        /*position: absolute;*/
        padding: 0;
        border: 0;
        margin: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        min-height: 100% !important;
        overflow: hidden;
        z-index: 0;
}
.row.vertical-align {
        display: flex;
        align-items: center;
        margin-right: inherit !important;
        margin-left:inherit !important;
}
.mn-15{
        margin-right: -15px;
}

.content_footer .row {
        margin: 0;
}

.container .jumbotron {
        border: none;
        border-radius: 4px;
}

/*.jumbotron {
        margin-top: 5px;
        color: #ffffff;
        background-color: #006f52;
}
.jumbotron > hr {
        border-top-color: #ffffff;
}
.jumbotron h1,
.jumbotron p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
}
.jumbotron p {
        margin-bottom: 10px;
        font-weight: 200;
}
p.amount + p.description {
        margin-top: -8px;
}*/
.form-control::-moz-placeholder {
        color: #e0e0e0;
        opacity: 1;
}

.form-control:-ms-input-placeholder {
        color: #e0e0e0;
}

.form-control::-webkit-input-placeholder {
        color: #e0e0e0;
}

input[type="radio"].error,
input[type="checkbox"].error,
.form-control.error {
        border: 1px solid #E01818;
        background-color: #FFFCFC;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(224, 24, 24, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(224, 24, 24, .6);
}

input[type="radio"].qpay {
        margin: 4px 4px 0 0;
        vertical-align: top;
}

.prompt {
        font-weight: bold;
}

label.qpay {
        font-weight: normal;
	margin-top: 0.1em !important;
}

iframe.track {
        width: 1px;
        height: 1px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: -1;
        overflow: hidden;
        margin: 0;
        padding: 0;
        border: none;
        background-color: transparent;
        visibility: hidden;
}

.panel-body+.panel-body {
        margin-top: -10px;
        padding-top: 10px;
}

label.side-prompt {
        padding-top: 7px;
        padding-left: 25px;
}

label.mandatory {
        background-image: url('/images/required.png');
        background-repeat: no-repeat;
        background-position: 12px 12px;
}

label.optional {
        background: none;
        /*font-weight: normal;*/
}

.row-spacer {
        margin-top: 0px;
}

.visible-xxs,
.visible-xxs-block,
.visible-xxs-inline {
        display: none !important;
}

.visible-xxxs,
.visible-xxxs-block,
.visible-xxxs-inline {
        display: none !important;
}

.slim-padding-left {
        padding-left: 15px;
}

.slim-padding-right {
        padding-right: 15px;
}

table.convfees {
        padding: 0;
        margin-top: -8px;
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom: 5px;
}

table.convfees td.cf_text {
        padding-right: 10px;
        text-align: left;
        font-size: 14px;
}

table.convfees td.cf_val {
        text-align: right;
        font-size: 14px;
}

@media screen and (max-width: 389px) {
        .panel-title {
                font-size: 13px;
        }

        .panel-heading {
                padding: 11px 15px 10px 5px;
        }

        .card-block {
                right: 3px;
        }

        .panel-subheader {
                padding: 9px 15px 9px 3px;
        }

        .panel-title label {
                font-size: 13px;
        }

}


@media screen and (min-width: 480px) and (max-width: 845px) {

        /*.jumbotron {
                padding: 10px;
                margin-bottom: 15px;
        }
        .jumbotron p {
                font-size: 18px;
        }
        .jumbotron h1 {
                font-size: 36px;
                margin-top: 10px;
        }*/
        body {
                font-size: 13px;
        }

        label.side-prompt {
                padding-top: 8px;
                padding-left: 24px;
        }

        label.mandatory {
                background-position: 12px 10px;
        }

        .row {
                margin-right: -5em;
                margin-left: 0px;
        }

        .slim-padding-left {
                padding-left: 10px;
        }

        .slim-padding-right {
                padding-right: 10px;
        }

        .we-accept {
                font-size: 0.8rem;
                font-weight: 500;
                color: #666666;
        }
}

@media screen and (max-width: 479px) {

        /*.jumbotron {
                padding: 5px;
                margin-bottom: 5px;
        }
        .jumbotron p {
                margin-top: 5px;
                margin-bottom: 5px;
                font-size: 14px;
        }
        p.amount + p.description {
                margin-top: -2px;
        }
        .jumbotron h1 {
                font-size: 18px;
                margin-top: 5px;
                margin-bottom: 5px;
        }
 .tInner { margin-left: -0.15em; }
        .mName2 { display: block; }
        .mName3 { display: none; }
        .jumbotron > hr {
                margin-top: 5px;
                margin-bottom: 5px;
        }*/
        .btn-elements{
                display: grid;
                grid-template-columns: repeat(1, 1fr) !important;
                gap: 1.2rem;
                width: 18em;
                max-width: 40rem;
                padding: 0.7rem;
                box-sizing: border-box;
                height: 5em;
                margin-top: 1em;
                margin-bottom: 1em;
                margin-right: 1em; 
                font-weight: bold;
                grid-auto-flow: column;
        }

        .content_footer {
                height: 40px;
        }

        .card-block {
                margin-top: 30px;
                /*margin-right: 5px;
        padding-left: 0px;*/
                right: 0px;
                display: grid;
                grid-template-columns: 1fr;
                width: 100%
        }

        .panel-title label {
                margin-top: 10px;
                margin-bottom: 15;
                font-size: 1em;
                font-weight: 500;
        }

        .panel-subheader {
                padding-bottom: 30px;
        }

        .we-accept {
                font-size: 0.8rem;
                color: #666666;
                font-weight: 500;
        }

        body {
                font-size: 10px;
        }

        label.side-prompt {
                padding-top: 8px;
                padding-left: 24px;
        }

        label.mandatory {
                background-position: 12px 10px;
        }

        .row {
                margin-right: -1em !important;
		margin-left: -1em !important;
        }
	
	body.rtl .row {
                margin-right: -1em !important;
		margin-left: -1em !important;
        }

        .container {
                padding-right: 6px;
                padding-left: 6px;
        }

        table.convfees {
                padding: 0;
                margin-top: -2px;
                margin-right: 8px;
                margin-left: 8px;
                margin-bottom: 2px;
        }

        table.convfees td.cf_text {
                padding-right: 8px;
                font-size: 12px;
        }

        table.convfees td.cf_val {
                font-size: 12px;
        }
}

@media screen and (max-width: 479px) {
        .hidden-xxs {
                display: none !important;
        }

        .visible-xxs,
        .visible-xxs-block {
                display: block !important;
        }

        .visible-xxs-inline {
                display: inline !important;
        }

        .slim-padding-left {
                padding-left: 8px;
        }

        .slim-padding-right {
                padding-right: 8px;
        }
}

@media screen and (max-width: 389px) {
        .hidden-xxxs {
                display: none !important;
        }

        .visible-xxxs,
        .visible-xxxs-block {
                display: block !important;
        }

        .visible-xxxs-inline {
                display: inline !important;
        }

        .container {
                padding-right: 3px;
                padding-left: 3px;
        }

        .slim-padding-left {
                padding-left: 4px;
        }

        .slim-padding-right {
                padding-right: 4px;
        }
}

.modal-dialog {
        width: 300px;
        margin: 10px auto;
}

@media screen and (min-width: 240px) and (max-width: 563px) {
        .modal-dialog {
                width: 440px;
                margin: 10px auto;
        }

        .content_footer {
                height: 100%;
        }

        .panel-body {
                padding-bottom: 1px;
                padding-top: 10px;
		padding-right: 2em;        
	}

        .card-block {
                margin-top: 5%;
                /*margin-right: 5px;
        padding-left: 0px;*/
                display: grid;
                grid-template-columns: 1fr;
                width: 100%;
                right: 0px;
                height: 40px;
                top: 2em;
        }
        .mcp_mt {
                margin-top: 5%;
        }
        .panel-title label {
                margin-top: 10px;
                margin-bottom: 15px;
                font-size: 0.9em;
                font-weight: 500;
        }

        .panel-subheader {
                padding: 17px !important;
        }

        .panel-new-header {
                margin-bottom: 20px !important;
        }

        .we-accept {
                font-size: 0.8rem;
                font-weight: 500;
                color: #666666;
        }

        body {
                font-size: 12px;
        }

        label.side-prompt {
                padding-top: 8px;
                padding-left: 24px;
        }

        label.mandatory {
                background-position: 12px 10px;
        }

        .row {
                margin-right: -4em;
                margin-left: -0.5em;
        }

        .container {
                padding-right: 6px;
                padding-left: 6px;
        }

        table.convfees {
                padding: 0;
                margin-top: -2px;
                margin-right: 8px;
                margin-left: 8px;
                margin-bottom: 2px;
        }

        table.convfees td.cf_text {
                padding-right: 8px;
                font-size: 12px;
        }

        table.convfees td.cf_val {
                font-size: 12px;
        }
        .card-bar{
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-color: #dddddd;
        border-style: solid;
        }
        body.rtl .row {
                margin-right: -0.5em;
                margin-left: -4em;
        }
}


@media screen and (min-width: 564px) and (max-width: 639px) {
        .modal-dialog {
                width: 440px;
                margin: 10px auto;
        }

        .content_body {
                padding-bottom: 40px;
        }
        .panel-body {
                padding: 1em;
        }

        .card-block {
                margin-top: 3em;
                /*margin-right: 5px;
        padding-left: 0px;*/
                display: grid;
                grid-template-columns: 1fr;
                width: 100%;
                right: 0px;
                top: 1em;
        }
        .mcp_mt {
                margin-top: 5%;
        }
        .panel-title label {
                margin-top: 10px;
                margin-bottom: 15;
                font-size: 0.9em;
                font-weight: 500;
        }

        /* .panel-subheader {
                padding-bottom: 30px;
        } */
        .panel-subheader {
                padding: 17px !important;
        }

        .panel-new-header {
                margin-bottom: 20px !important;
        }

        .we-accept {
                font-size: 0.8rem;
                font-weight: 500;
                color: #666666;
        }

        body {
                font-size: 12px;
        }

        label.side-prompt {
                padding-top: 8px;
                padding-left: 24px;
        }

        label.mandatory {
                background-position: 12px 10px;
        }

        .row {
                margin-right: -5em;
                margin-left: 0px;
        }

        .container {
                padding-right: 6px;
                padding-left: 6px;
        }

        table.convfees {
                padding: 0;
                margin-top: -2px;
                margin-right: 8px;
                margin-left: 8px;
                margin-bottom: 2px;
        }

        table.convfees td.cf_text {
                padding-right: 8px;
                font-size: 12px;
        }

        table.convfees td.cf_val {
                font-size: 12px;
        }
        body.rtl .row {
                margin-right: -0.5em;
                margin-left: -4em;
        }
}

@media screen and (min-width: 640px) and (max-width: 824px) {
        .modal-dialog {
                width: 560px;
                margin: 20px auto;
        }

        .card-block {
                margin-top: 2.9rem;
                margin-right: 0px;
                padding-left: 0px;
                display: grid;
                grid-template-columns: 1fr;
                width: 100%;
                right: 0px;
        }
        .panel-new-header {
                margin-bottom: 20px !important;
        }
        .mcp_mt {
                margin-top: 5%;
        }
        body.rtl .row {
                margin-right: 0px;
                margin-left: -4em;
        }
        
}

@media screen and (min-width: 846px) {
        .modal-dialog {
                width: 600px;
                margin: 30px auto;
        }

        .panel-title {
                margin-top: 10;
                margin-bottom: 0em;
                font-size: 15px;
                color: inherit;
        }

        /*.jumbotron {
                padding-top: 15px;
                padding-bottom: 20px;
                margin-top: 5px;
                margin-bottom: 15px;
        }
.container .jumbotron {
                padding-right: 0px;
                padding-left: 0px;
        }
        .jumbotron p {
                font-size: 18px;
        }
        .jumbotron h1 {
                font-size: 48px;
        }
        
}*/     
        body.rtl .row {
                margin-right: 0px;
                margin-left: -4em;
        }
}

@media screen and (min-width: 992px) {
        .jumbotron p {
                font-size: 21px;
        }
}

@media screen and (min-width: 1024px) {
        .container {
                width: 970px;
        }

        .container .jumbotron {
                padding-right: 30px;
                padding-left: 30px;
                padding-top: 0px;
                padding-bottom: 0px;
                margin-bottom: 5px;
        }

        .jumbotron p {
                height: 17px;
                width: 161px;
                color: #ffffff;
                font-family: "Arial";
                font-size: 14px;
                letter-spacing: 0;
                line-height: 19px;
                margin: 0;
        }

        .jumbotron h1 {
                margin-top: 0px;
                margin-bottom: 0px;
        }

        .jumbotron .tName {
                height: 27px;
                width: 178px;
                color: #ffffff;
                font-family: "Arial";
                font-size: 23px;
                font-weight: 600;
                letter-spacing: 0;
                line-height: 27px;
                margin-bottom: 3px;
        }

        .jumbotron .mName3 {
                font-size: 16px;
                margin-bottom: 5px;
                width: auto;
        }

        .shield_safe_secure {
                padding-top: 5px;
                padding-bottom: 5px;
        }

        .shield_1 {
                height: 22px;
                width: 18px;
                /* opacity: 0.3; */
        }

        .safe_and_secure {
                height: 14px;
                width: 198px;
                color: #ffffff;
                font-family: "Arial";
                font-size: 14px;
                letter-spacing: 0;
                line-height: 14px;
                text-align: center;
                padding-left: 13px;
        }

        .jumbotron .description {
                height: 17px;
                width: 161px;
                color: #ffffff;
                font-family: "Arial";
                font-size: 14px;
                letter-spacing: 0;
                line-height: 19px;
                margin: 0;
        }

        #accordian {
                margin-top: 30px;
                margin-bottom: 20px;
        }

        #single_method {
                margin-top: 30px;
                margin-bottom: 20px;
        }

        .col-md-8 {
                width: 83.33333333%;
        }

        .col-sm-8 {
                width: 48.33333333%;
        }

        .col-md-3 {
                width: 25%;
        }

        .col-sm-3 {
                width: 25%;
        }

   
	input[type="search"]::-webkit-search-cancel-button {
		-webkit-appearance: searchfield-cancel-button;
	}

        body.rtl .row {
                margin-right: 0px;
                margin-left: 0em;
        }
        .row {
                margin-right: 0px;
                margin-left: 0px;
        }
}

@media screen and (max-width: 1024px) {
        .container {
                width: 100%;
        }

        .form-control {
                width: 98%;
        }
        body.rtl .row {
                margin-right: 0em;
                margin-left: 0em;
        }
        .row {
                margin-right: 0em;
                margin-left: 0em;
        }

        .container .jumbotron {
                padding-right: 15px;
                padding-left: 15px;
                padding-top: 10px;
                padding-bottom: 0px;
                margin-bottom: 10px;
        }

        .jumbotron p {
                height: 16px;
                width: 150px;
                color: #ffffff;
                font-family: "Arial";
                font-size: 14px;
                letter-spacing: 0;
                line-height: 18px;
                margin: 0;
        }

        .jumbotron h1 {
                margin-top: 5px;
                margin-bottom: 5px;
        }

        .jumbotron .mName3 {
                font-size: 16px;
                margin-bottom: 5px;
                width: auto;
        }

        .jumbotron .tName {
                height: 24px;
                width: 162px;
                color: #ffffff;
                font-family: "Arial";
                font-size: 23px;
                font-weight: 600;
                letter-spacing: 0;
                line-height: 24px;
        }

        .shield_safe_secure {
                padding-top: 5px;
                padding-bottom: 5px;

        }

        .shield_1 {
                height: 22px;
                width: 18px;
                /* opacity: 0.3; */
        }

        .safe_and_secure {
                height: 14px;
                width: 186px;
                color: #ffffff;
                font-family: "Arial";
                font-size: 14px;
                letter-spacing: 0;
                line-height: 14px;
                text-align: center;
                padding-left: 13px;
        }

        .jumbotron .description {
                height: 17px;
                width: 161px;
                color: #ffffff;
                font-family: "Arial";
                font-size: 14px;
                letter-spacing: 0;
                line-height: 17px;
                margin: 0;
        }

        #accordian {
                margin-top: 30px;
                margin-bottom: 20px;
        }

        #single_method {
                margin-top: 30px;
                margin-bottom: 20px;
        }

        .col-md-8 {
                width: 83.33333333%;
        }

        .col-sm-8 {
                width: 83.33333333%;
        }

        .col-md-3 {
                width: 33.33333333%;
        }

        .col-sm-3 {
                width: 25%;
        }

        input[type=search]::-webkit-search-cancel-button {
                -webkit-appearance: searchfield-cancel-button;
        }
}

p.info {
        margin-top: 5px;
        margin-bottom: 12px;
        line-height: 1.6;
}

p.info+p.info {
        margin-top: 8px;
}

.modal-backdrop {
        background-color: #888888;
}

.modal-footer {
        text-align: left;
}

table.infoblock td.part {
        white-space: nowrap;
        vertical-align: top;
        font-weight: bold;
}

table.infoblock td.details {
        padding-left: 5px;
        vertical-align: top;
}

table.infoblock td.amount {
        padding-left: 5px;
        vertical-align: top;
        text-align: right;
}

div.tc_block {
        padding-left: 20px;
}

div.tc_check {
        position: relative;
        float: left;
        width: 20px;
        right: 20px;
        margin-left: -100%;
}

div.tc_text {
        position: relative;
        float: left;
        width: 100%;
}

body.framed .content_header {
        display: none;
}

body.framed .content_footer {
        display: none;
        visibility: hidden;
}

body.framed .content_body {
        padding-bottom: 0;
}

body.rtl .card-block {
        right: auto;
        left: 0px;
}

body.rtl #ivp_cn,
body.rtl #creditCardNumber {
        /*height: 17px;*/
        /*width: 187px;*/
        color: #000000;
        /*font-family: "Proxima Nova";*/
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.35px;
        line-height: 17px;
	direction: ltr;
	text-align: right;
}

.error-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #e01818;
}

.force-redraw::before {
        content: ""
}

@-moz-document url-prefix() {
        .tInner {
                margin-left: -0.05em;
        }
}

/*.apple-pay {
margin-left: 50px;
margin-right: auto;
text-align: center;
}*/

.apple-pay-button {
        -webkit-appearance: -apple-pay-button;
        -apple-pay-button-type: plain;
        min-width: 200px;
        visibility: visible;
        box-sizing: border-box;
        min-height: 30px;
        border: 1px solid black;
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-size: 100% calc(60% + 2px);
        background-repeat: no-repeat;
        background-color: white;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        margin: 5px auto;
        transition: background-color .15s;
}

.apple-pay-button:active {
        background-color: rgb(152, 152, 152);
}

.roundcheck {
        width: 32px;
        margin: 0px 0px;
        position: relative;
}

.roundcheck input[type=checkbox] {
        visibility: hidden;
}

.roundcheck label {
        cursor: pointer;
        position: absolute;
        margin: -2px 5px 0 5px;
        width: 22px;
        height: 22px;
        top: 0;
        left: 0;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
}

.roundcheck label:after {
        opacity: 0.1;
        content: '';
        position: absolute;
        width: 10px;
        height: 6px;
        background: transparent;
        top: 6px;
        left: 5px;
        border: 3px solid #333;
        border-top: none;
        border-right: none;
        transform: rotate(-45deg);
}

.roundcheck label:hover::after {
        opacity: 0.5;
}

.roundcheck input[type=checkbox]:checked+label {
        background: #5cb85c;
        border-color: #4cae4c;
}

.roundcheck input[type=checkbox]:checked+label:after {
        opacity: 1;
        border-color: #fff;
}

@media screen and (min-width: 480px) and (max-width: 824px) {
        .roundcheck label {
                width: 20px;
                height: 20px;
        }

        .roundcheck label:after {
                top: 5px;
                left: 4px;
        }
}

@media screen and (max-width: 479px) {
        .roundcheck label {
                width: 18px;
                height: 18px;
                margin-top: -1px;
        }

        .roundcheck label:after {
                top: 4px;
                left: 3px;
        }
}

#test {
        height: 15px;
        width: 88px;
        color: #9B9B9B;
        font-family: "Arial";
        font-size: 12px;
        letter-spacing: 0;
        line-height: 15px;
}

input {
        border-top-style: hidden;
        border-right-style: hidden;
        border-left-style: hidden;
        border-bottom-style: groove;
        background-color: #eee;
}

.no-outline:focus {
        outline: none;
}

#accordion .panel {
        border: none;
        box-shadow: none;
}

#single_method .panel {
        border: none;
        box-shadow: none;
}

.we-accept {
        height: 30px;
        width: 6rem;
        color: #666666;
        font-family: "Arial";
        font-size: 0.8rem;
        letter-spacing: 0;
        line-height: 35px;
        position: initial;
        top: 2px;
        float: none;
}

body.rtl .we-accept {
        height: 30px;
        width: 75px;
        color: #666666;
        font-family: "Arial";
        font-size: 0.8rem;
        letter-spacing: 0;
        line-height: 15px;
        position: inherit;
        top: 2px;
        left: 226px;
        float: right;
}

body.rtl .pull-right {
	float: left !important;
}