/* =======================================================
   EasyTicket v1.0
   Tema Dark
======================================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:Arial,Helvetica,sans-serif;
    background:#f4f6f9;

}

/* =======================================================
    MENU
======================================================= */

.sidebar{

    position:fixed;

    top:0;
    left:0;

    width:250px;
    height:100vh;

    background:#111827;

    color:#FFF;

    transition:.3s;

    overflow:auto;

}

.logo{

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:bold;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.logo i{

    color:#0d6efd;

    margin-right:10px;

}

/* =======================================================
    MENU
======================================================= */

.menu{

    list-style:none;

    margin-top:20px;

    padding:0;

}

.menu li{

    margin:4px 10px;

}

.menu li a{

    display:flex;

    align-items:center;

    padding:14px;

    color:#d1d5db;

    text-decoration:none;

    border-radius:10px;

    transition:.25s;

}

.menu li a:hover{

    background:#2563eb;

    color:white;

}

.menu li a i{

    width:28px;

    font-size:18px;

}

/* =======================================================
    RODAPÉ MENU
======================================================= */

.rodape-menu{

    position:absolute;

    bottom:20px;

    width:100%;

    text-align:center;

    color:#9ca3af;

}

/* =======================================================
    CONTEÚDO
======================================================= */

.content{

    margin-left:250px;

    min-height:100vh;

    background:#f4f6f9;

}

/* =======================================================
    NAVBAR
======================================================= */

.navbar{

    height:70px;

}

/* =======================================================
    CARDS
======================================================= */

.card{

    border:none;

    border-radius:15px;

    box-shadow:0 10px 20px rgba(0,0,0,.05);

}

.card-header{

    background:white;

    border:none;

    font-weight:bold;

}

/* =======================================================
    BOTÕES
======================================================= */

.btn{

    border-radius:10px;

}

.btn-primary{

    background:#2563eb;

    border:none;

}

.btn-success{

    border:none;

}

.btn-danger{

    border:none;

}

/* =======================================================
    TABELAS
======================================================= */

.table{

    vertical-align:middle;

}

.table thead{

    background:#111827;

    color:white;

}

/* =======================================================
    BADGES
======================================================= */

.badge{

    padding:8px 12px;

    border-radius:20px;

}

/* =======================================================
    FORMULÁRIOS
======================================================= */

.form-control,
.form-select{

    border-radius:10px;

    height:46px;

}

textarea.form-control{

    height:auto;

}

/* =======================================================
    DASHBOARD
======================================================= */

.info-card{

    background:white;

    border-radius:15px;

    padding:25px;

    transition:.3s;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}

.info-card:hover{

    transform:translateY(-5px);

}

.info-card i{

    font-size:40px;

    color:#2563eb;

    margin-bottom:10px;

}

.info-card h2{

    font-weight:bold;

}

/* =======================================================
    LOGIN
======================================================= */

.login-page{

    height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#0f172a;

}

.login-box{

    width:420px;

    background:white;

    padding:40px;

    border-radius:20px;

    box-shadow:0 20px 40px rgba(0,0,0,.25);

}

/* =======================================================
    IMPRESSÃO 58mm
======================================================= */

@media print{

body{

    margin:0;

}

.sidebar,
.navbar,
.btn{

    display:none !important;

}

.ticket{

    width:58mm;

    padding:3mm;

    font-size:12px;

    font-family:monospace;

}

.ticket img{

    max-width:100%;

}

}

/* =======================================================
    RESPONSIVO
======================================================= */

@media(max-width:991px){

.sidebar{

    left:-250px;

}

.sidebar.active{

    left:0;

}

.content{

    margin-left:0;

}

}