:root {
    --dark: #121212;
    --light: #f2f2f2;
    --danger: #eb445a;
    --danger-rgb: 235,68,90;
    --primary: #1DA584;
    --tertiary: #0297FF;
}
*{
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6{
    color: #333333;
}
.form-control{
    cursor: pointer;
}
.btn-success{
    background-color:var(--primary) !important;
}
.body{
    background-color: var(--primary);
    height: 100vh;
    display: flex;
    align-items: center;
}
.container{
    background-color: white;
    min-height: 70vh;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
@media (min-width: 1200px){
    .container {
        max-width: 1300px;
    }
}
.sidebar{
    background-color: var(--light);
    height: 90vh;
    padding: 30px 10px 0 10px;
     border-radius: 20px;
}
.list-sidebar{
    padding-top: 30px;
}
.list-sidebar ul li{
    list-style: none;
    background: white;
    padding: 10px 10px;
    border-radius:10px; 
}
.list-sidebar ul li a{
    color: var(--dark);
    font-weight: 600;
    cursor: pointer;
    padding-right: 50px;
    text-decoration: none;
}
.logo{
    width: 90%;
}
.sair{
    margin-top: 65vh;
    text-align: center;
}
.sair a{
  color: red;
}
.form-group{
    margin-bottom: 30px;
}
.feed-contatos{
    text-align: center;
}
.feed-mensagem{
    text-align: center;
}
#box-envio{
    display: flex;
    min-height: 500px;
    align-items: center;
    width: 100%;
    justify-content: center;
}
#box-envio .conteudo-envio{
    text-align: center !important
;}
#box-envio .conteudo-envio lottie-player{
    padding: 20px 0;
    width: 250px;
}
.cancelar-envio{
    color: var(--danger);
    border: none;
    background-color: transparent;
    width: 200px;
    cursor: pointer;
    font-weight: 600;
    outline: none;
}
.novo-envio{
    color: var(--tertiary);
    border: none;
    background-color: transparent;
    width: 200px;
    cursor: pointer;
    font-weight: 600;
    outline: none;

}
/* TELA LOGIN */
.container-login{
    min-height: 100vh;
    min-width: 100vw;
    background-image: url(../../../public/img/bg.png);
    display: flex;
    align-items: center;
    justify-content: center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.box-form{
    width: 500px;
    background: white;
    padding: 40px 20px;
    border-radius: 10px;
}

.box-form img{
    width: 300px;
    padding: 0 0 30px 0;
}
@media (max-width: 600px){
    .box-form{
        width: 300px;
    }
    .box-form img{
        width: 200px;
    }
}
/* TELA LOGIN */