.card-rotor {
    position: relative;
    width: 390px;
    height: 540px;
    top: 100px;
    margin: 0px auto;

}
.card-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    z-index: 1;
}

.k-upload-button{
    background-color: #003087!important;
    color:white!important;
    border-color: #003087!important;
}

.card-rotate {
    width: 390px;
    height: 540px;

    box-sizing: border-box;
    position: absolute;
    bottom: 10px;
    border-radius: 5px;
    background-repeat: no-repeat;
    border:1px solid #ccc;
    background-size:cover;
}
.forward .card-rotate {
    right: 50%;
    transform: rotate(35deg);
    transform-origin: 100% 100%;
}
.backward .card-rotate {
    left: 50%;
    transform: rotate(-35deg);
    transform-origin: 0% 100%;
}
.card .mark {
    position: absolute;
    width: 60%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    text-align: center;
    font-size: 100px;
    color: #dd0;
}
.shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
}
.crown {
    width: 70px;
    height: 80px;
    margin: 0px auto;
}
.crown:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 100%;
    background: #dd0;
    left: 0;
    bottom: 0;
}
.crown div {
    position: absolute;
    border-bottom: 80px solid #dd0;
}
.crown div:after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    bottom: 0;
    transform: translate(-50%, -5px);
    background: #dd0;
}
.filepond--credits {
    display:none;
}
.k-widget.k-upload {
    border:0;
}
.k-dropzone {
    display:flex;
    justify-content: center;
}
.k-dropzone-hint{
    display: none !important;
}
.k-upload-button {
    margin:0!important;
}

#object-area.card-inner {
    border:1px dashed #ddd;
}

body {
    font-family: 'Prompt', Tahoma, sans-serif;
}
.card-custom-object {
    position:absolute;
    width:80px;
    height:80px;
    /*background-color: red;*/
}
.object-small img {
    width:65px;
    height:90px;
}
.play-card {
    width:130px;
    height:180px;
    /*background-color: #aaa;*/
    border-radius: 5px;
    background-repeat: no-repeat;
    border:1px solid #ccc;
    background-size:cover;
    position:relative;
    resize: both;
}
.play-card.big {
    width:390px;
    height:540px;
}
.play-card-selector {
    width:65px!important;
    height:90px!important;
    cursor:pointer;
}
.object-selector ,  .info-handle {
    cursor:pointer;
}
.card-outer {
    height: 100%;

}

.preview_card {
    max-width: 140px;
    margin:5px;
}

.card-middle {
    writing-mode: vertical-lr;
    margin: 0 13%;
    width: 74%;
    height: 100%;
    /*background-color: yellow;*/
}

.card-middle-full {
    margin:0 !important;
    width:100%!important;
}
.card-inner-full {
    margin:0!important;
    height:100%!important;
}

.card-inner {
    writing-mode: horizontal-tb;
    margin: 6% 0;
    width: 100%;
    height: 88%;
    /*background-color: #ccc;*/
    background-color: #fff;
}

.card-club-1 {
    background-image: url(/images/CLUB-1.svg);
}
.card-club-2 {
    background-image: url(/images/CLUB-2.svg);
}
.card-club-3 {
    background-image: url(/images/CLUB-3.svg);
}
.card-club-4 {
    background-image: url(/images/CLUB-4.svg);
}
.card-club-4 {
    background-image: url(/images/CLUB-4.svg);
}
.card-club-5 {
    background-image: url(/images/CLUB-5.svg);
}
.card-club-6 {
    background-image: url(/images/CLUB-6.svg);
}
.card-club-7 {
    background-image: url(/images/CLUB-7.svg);
}
.card-club-8 {
    background-image: url(/images/CLUB-8.svg);
}
.card-club-9 {
    background-image: url(/images/CLUB-9.svg);
}
.card-club-10 {
    background-image: url(/images/CLUB-10.svg);
}
.card-club-j {
    background-image: url(/images/CLUB-11-JACK.svg);
}
.card-club-q {
    background-image: url(/images/CLUB-12-QUEEN.svg);
}
.card-club-k {
    background-image: url(/images/CLUB-13-KING.svg);
}
.card-diamond-1 {
    background-image: url(/images/DIAMOND-1.svg);
}
.card-diamond-2 {
    background-image: url(/images/DIAMOND-2.svg);
}
.card-diamond-3 {
    background-image: url(/images/DIAMOND-3.svg);
}
.card-diamond-4 {
    background-image: url(/images/DIAMOND-4.svg);
}
.card-diamond-4 {
    background-image: url(/images/DIAMOND-4.svg);
}
.card-diamond-5 {
    background-image: url(/images/DIAMOND-5.svg);
}
.card-diamond-6 {
    background-image: url(/images/DIAMOND-6.svg);
}
.card-diamond-7 {
    background-image: url(/images/DIAMOND-7.svg);
}
.card-diamond-8 {
    background-image: url(/images/DIAMOND-8.svg);
}
.card-diamond-9 {
    background-image: url(/images/DIAMOND-9.svg);
}
.card-diamond-10 {
    background-image: url(/images/DIAMOND-10.svg);
}
.card-diamond-j {
    background-image: url(/images/DIAMOND-11-JACK.svg);
}
.card-diamond-q {
    background-image: url(/images/DIAMOND-12-QUEEN.svg);
}
.card-diamond-k {
    background-image: url(/images/DIAMOND-13-KING.svg);
}
.card-heart-1 {
    background-image: url(/images/HEART-1.svg);
}
.card-heart-2 {
    background-image: url(/images/HEART-2.svg);
}
.card-heart-3 {
    background-image: url(/images/HEART-3.svg);
}
.card-heart-4 {
    background-image: url(/images/HEART-4.svg);
}
.card-heart-4 {
    background-image: url(/images/HEART-4.svg);
}
.card-heart-5 {
    background-image: url(/images/HEART-5.svg);
}
.card-heart-6 {
    background-image: url(/images/HEART-6.svg);
}
.card-heart-7 {
    background-image: url(/images/HEART-7.svg);
}
.card-heart-8 {
    background-image: url(/images/HEART-8.svg);
}
.card-heart-9 {
    background-image: url(/images/HEART-9.svg);
}
.card-heart-10 {
    background-image: url(/images/HEART-10.svg);
}
.card-heart-j {
    background-image: url(/images/HEART-11-JACK.svg);
}
.card-heart-q {
    background-image: url(/images/HEART-12-QUEEN.svg);
}
.card-heart-k {
    background-image: url(/images/HEART-13-KING.svg);
}
.card-spade-1 {
    background-image: url(/images/SPADE-1.svg);
}
.card-spade-2 {
    background-image: url(/images/SPADE-2.svg);
}
.card-spade-3 {
    background-image: url(/images/SPADE-3.svg);
}
.card-spade-4 {
    background-image: url(/images/SPADE-4.svg);
}
.card-spade-4 {
    background-image: url(/images/SPADE-4.svg);
}
.card-spade-5 {
    background-image: url(/images/SPADE-5.svg);
}
.card-spade-6 {
    background-image: url(/images/SPADE-6.svg);
}
.card-spade-7 {
    background-image: url(/images/SPADE-7.svg);
}
.card-spade-8 {
    background-image: url(/images/SPADE-8.svg);
}
.card-spade-9 {
    background-image: url(/images/SPADE-9.svg);
}
.card-spade-10 {
    background-image: url(/images/SPADE-10.svg);
}
.card-spade-j {
    background-image: url(/images/SPADE-11-JACK.svg);
}
.card-spade-q {
    background-image: url(/images/SPADE-12-QUEEN.svg);
}
.card-spade-k {
    background-image: url(/images/SPADE-13-KING.svg);
}
.card-joker-3 {
    background-image: url(/images/joker-new-1.svg);
}
.card-joker-1 {
    background-image: url(/images/JOKER-1.svg);
}
.card-joker-2 {
    background-image: url(/images/JOKER-2.svg);
}
.card-bg-1 {
    background-image: url(/images/back/bg1.svg);
}
.card-bg-2 {
    background-image: url(/images/back/bg2.svg);
}
.card-bg-3 {
    background-image: url(/images/back/bg3.svg);
}
.force-hide {
    display:none!important;
}
.card-club-0 {
    background-image: url(/images/JOKER-1.svg);
}
.card-spade-0 {
    background-image: url(/images/JOKER-1.svg);
}
.card-diamond-0 {
    background-image: url(/images/JOKER-1.svg);
}
.card-heart-0 {
    background-image: url(/images/JOKER-1.svg);
}

.play-card-selector:nth-child(1n+1) {
    margin-left:calc(65px * .1);
}