/* Empty. Add your own CSS if you like */

/*
    FIXES
*/

.pane, .view {
    background-color: #000 !important;
}

/* TRANSFORM ANDROID BAR MENU EQUAL IOS BAR MENU */
.tabs-top > .tabs, .tabs.tabs-top {
    top: auto ;
    bottom: 0 ;
}

.clearfix {
    clear: both;
}



/**
 * STYLES
 */

.blur {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

#splashscreen .pane, #loginandregister .pane {
    background-color: inherit !important;
}

.social_button {
    width: 75%;
}

.center {
    text-align: center;
    margin: 0 auto;
}



/**
 * THEMES
 */

.dark {
    background-color: #222;
}

.creditcard {
    height: 200px;
    border-radius: 10px;
}

.creditcard .bank {
    max-width: 100px;
    max-height: 30px;
}

.creditcard .flag {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 50px;
}

.creditcard .number {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 40px;
    vertical-align: center;
}

.gold-card {
    height: 200px;
    color: white;
    background-image: url('../img/creditcards/bg-gold-card.png');
    background-repeat: repeat-x;
}

.gold-card-two {
    height: 200px;
    color: white;
    background-image: url('../img/creditcards/bg-gold-card2.jpg');
    background-position: center;
}

.blue-card {
    height: 200px;
    color: white;
    background-image: url('../img/creditcards/bg-blue-card.png');
    background-repeat: repeat-x;
}

.blue-card-two {
    height: 200px;
    color: white;
    background-image: url('../img/creditcards/bg-blue-card2.png');
    background-position: center;
}



/**
	EFFECTS
*/

/* FADEIN */

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

/* FADEOUT */

@keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}


.fadeInEffect {
    visibility: visible !important;
	animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
    opacity: 1 !important;
}

.fadeOutEffect {
	animation: fadeout 2s;
    -moz-animation: fadeout 2s; /* Firefox */
    -webkit-animation: fadeout 2s; /* Safari and Chrome */
    -o-animation: fadeout 2s; /* Opera */
    opacity: 0 !important;
    visibility: hidden !important;
}