#app {
    font-family: Avenir,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    font-size: 12px;
    box-sizing: border-box;
    background: #000;
    color: #efefef;
    min-height: 100vh;
}
/* @media (min-width: 1904px)
{
    div.container {
        max-width: 1200px;
    }
} */
@media (min-width: 768px)
{
    .slot_tab {
       display: flex;
    }
}
a {text-decoration:none;color:white}
.nick{font-size: 18px;}
.my_point{margin-left:10px;font-size: 18px;}
.mileage{margin-left:10px;font-size: 18px;}
.wallet{margin-left:10px;font-size: 18px;}
.msg{margin-left:10px;font-size: 18px;}
.msg_count{border-radius: 3px;padding:0 5px}
.logout{
    width: 100px;
    border: none;
    font-size: 15px;
    transition: .3s;
    line-height: 36px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 53%);
    background-image: linear-gradient(180deg,#b47e11,#fef1a2,#bc881b,#a54e07);
    border: 1px solid #a55d07;
    color: #783205;
    text-shadow: 0 2px 2px rgb(250 227 133);
    transition: all .2s ease-in-out;
    background-position: 50%;
    border-radius: 10px;
    margin-bottom: 5px;
    padding:5px;
}
.logout:hover{
    background-size:150% 150%;
    box-shadow:0 10px 20px rgb(0 0 0),0 6px 6px rgb(0 0 0),inset 0 -2px 5px 1px #b17d10,inset 0 -1px 1px 3px rgb(250 227 133);
    border:1px solid rgba(165,93,7,.6);color:rgba(120,50,5,.8)
}
.page-content{
    font-size:1.5rem;
}
h2, .h2 {
    font-size: 2rem !important;
    color:#fff !important;
}
.card{color:#000}
.table td, .table th{
    font-size: 1.5rem !important;
}
p {
    font-size: 1.5rem !important;
}
.btn_recall_wallet
{
    width: 100px;
    border: none;
    font-size: 15px;
    transition: .3s;
    line-height: 36px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 53%);
    background-image: linear-gradient(180deg,#1180b4,#a2dcfe,#1b96bc,#073ea5);
    border: 1px solid #074ba5;
    color: #000;
    /* text-shadow: 0 2px 2px rgb(250 227 133); */
    transition: all .2s ease-in-out;
    background-position: 50%;
    border-radius: 10px;
    margin-bottom: 5px;
    padding:5px;
}
.btn_recall_wallet:hover
{
    background-size:150% 150%;
    box-shadow:0 10px 20px rgb(0 0 0),0 6px 6px rgb(0 0 0),inset 0 -2px 5px 1px #0bd9e7,inset 0 -1px 1px 3px rgba(3, 176, 245);
    border:1px solid rgba(7, 141, 165, 0.6);color:rgba(5, 64, 120, 0.8)
}