html{font-size:14px}.v-main{padding:60px 20px 90px!important}.table-wrapper.no-pagination .v-data-footer{display:none}.table-wrapper .table-pagnation{font-size:12px;display:flex;align-items:center;justify-content:flex-end}.table-wrapper .table-pagnation .per-page{display:flex;align-items:center}.table-wrapper .table-pagnation .per-page span{padding-right:10px}.table-wrapper .table-pagnation .per-page .v-select{width:65px}.table-wrapper .table-pagnation .pager{margin-left:20px}.v-list .v-messages{display:none}.v-application .v-chip.green{background-color:#c5e5c7!important}.v-application .v-chip.green .v-chip__content{color:#4caf50}.v-application .v-btn{padding:0 20px!important;border-radius:2px}.v-application .v-btn.indigo{color:#fff}.v-application .v-label{font-size:14px}.v-card .v-card__actions{justify-content:flex-end}.v-dialog .v-card__actions{padding:10px 24px 16px}#navbar{position:fixed;top:0;z-index:9}#navbar>.v-toolbar__content{display:flex;align-items:center;justify-content:space-between}#navbar ul{display:flex;padding:0;margin:0;list-style-type:none}#navbar a{display:block;position:relative;color:#fff;text-decoration:none;line-height:48px;padding:0 24px;font-weight:300;font-size:13px}#navbar a:after{content:"";display:block;position:absolute;width:100%;height:0;background-color:#fff;bottom:0;left:0;transition:height .25s ease;overflow:hidden}#navbar a.active:after{height:2px}#navbar .sms_count{color:#fff;margin:0;font-size:13px;font-weight:200;text-align:right;line-height:1.3}#navbar .sms_count .count{color:#fff;font-size:14px;font-weight:400}.body-div{margin:0;padding:0;background-color:#f9f9f9;display:flex;align-content:center;align-items:center;justify-content:center;min-height:100vh;flex-wrap:wrap;font-family:Raleway}.payment-title{width:100%;text-align:center}.form-container .field-container:first-of-type{grid-area:name}.form-container .field-container:nth-of-type(2){grid-area:number}.form-container .field-container:nth-of-type(3){grid-area:expiration}.form-container .field-container:nth-of-type(4){grid-area:security}.field-container input{box-sizing:border-box}.field-container{position:relative}.form-container{display:grid;grid-column-gap:10px;grid-template-columns:auto auto;grid-template-rows:90px 90px 90px;grid-template-areas:"name name" "number number" "expiration security";max-width:400px;padding:20px;color:#707070}label{padding-bottom:5px;font-size:13px}input{margin-top:3px;padding:15px;font-size:16px;width:100%;border-radius:3px}.ccicon{height:38px;position:absolute;right:6px;top:calc(50% - 17px);width:60px}.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}.container{width:100%;max-width:400px;max-height:251px;height:54vw;padding:20px}#ccsingle{position:absolute;right:15px;top:20px}#ccsingle svg{width:100px;max-height:60px}.creditcard svg#cardback,.creditcard svg#cardfront{width:100%;box-shadow:1px 5px 6px 0 #000;border-radius:22px}#generatecard{font-size:12px;color:#fff;padding:2px 4px;background-color:#909090;border-radius:4px;cursor:pointer;float:right}.creditcard .darkcolor,.creditcard .lightcolor{transition:fill .5s}.creditcard .lightblue{fill:#03a9f4}.creditcard .lightbluedark{fill:#0288d1}.creditcard .red{fill:#ef5350}.creditcard .reddark{fill:#d32f2f}.creditcard .purple{fill:#ab47bc}.creditcard .purpledark{fill:#7b1fa2}.creditcard .cyan{fill:#26c6da}.creditcard .cyandark{fill:#0097a7}.creditcard .green{fill:#66bb6a}.creditcard .greendark{fill:#388e3c}.creditcard .lime{fill:#d4e157}.creditcard .limedark{fill:#afb42b}.creditcard .yellow{fill:#ffeb3b}.creditcard .yellowdark{fill:#f9a825}.creditcard .orange{fill:#ff9800}.creditcard .orangedark{fill:#ef6c00}.creditcard .grey{fill:#bdbdbd}.creditcard .greydark{fill:#616161}#svgname{text-transform:uppercase}#cardfront .st2{fill:#fff}#cardfront .st3{font-family:Source Code Pro,monospace;font-weight:600}#cardfront .st4{font-size:54.7817px}#cardfront .st5{font-family:Source Code Pro,monospace;font-weight:400}#cardfront .st6{font-size:33.1112px}#cardfront .st7{opacity:.6;fill:#fff}#cardfront .st8{font-size:24px}#cardfront .st9{font-size:36.5498px}#cardfront .st10{font-family:Source Code Pro,monospace;font-weight:300}#cardfront .st11{font-size:16.1716px}#cardfront .st12{fill:#4c4c4c}#cardback .st0{fill:none;stroke:#0f0f0f;stroke-miterlimit:10}#cardback .st2{fill:#111}#cardback .st3{fill:#f2f2f2}#cardback .st4{fill:#d8d2db}#cardback .st5{fill:#c4c4c4}#cardback .st6{font-family:Source Code Pro,monospace;font-weight:400}#cardback .st7{font-size:27px}#cardback .st8{opacity:.6}#cardback .st9{fill:#fff}#cardback .st10{font-size:24px}#cardback .st11{fill:#eaeaea}#cardback .st12{font-family:Rock Salt,cursive}#cardback .st13{font-size:37.769px}.container{perspective:1000px}.creditcard{width:100%;max-width:400px;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.creditcard .back,.creditcard .front{position:absolute;width:100%;max-width:400px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased;color:#47525d}.creditcard .back,.creditcard.flipped{transform:rotateY(180deg)}