/*
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀

            DESENVOLVIDO POR:
            ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
            ████ ▄▄▄▄▄ █ █████ █ ▄▄▄▄▄▄█ ▄▄▄▄▄▄█ ▄▄▄▄▄▄ █ ▀█████ ████
            ████ █████ █ █████ █ ███████ ███████ ██████ █ █▄▀███ ████
            ████ ▄▄▄▄▄ █ █████ █▄▄▄▄▄▄ █▄▄▄▄▄▄ █ ██████ █ ███▄▀█ ████
            ████ █████ █ ▀▀▀▀█ █▀▀▀▀▀▀ █▀▀▀▀▀▀ █ ▀▀▀▀▀▀ █ █████▄ ████
            ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
                                           WWW.ALISSONOPORTIFOLIO.COM
 
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
*//*
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
                              General Config
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
*/
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Lato", sans-serif;
}
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext');

body{
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #212112;
  background-size: 7%;
  background-color: #fff;
  overflow-x: hidden;
  transition: all 200ms linear;
  background-color: #5A8FF8;
}

/* CONTAINER */
#conteiner{
  width: 90%;
  margin: 0 auto;
  height: 100vh;
 /* display: flex;*/
  justify-content: center;
  align-items: center;
}

/* TABLE */
.the-table{
  /*overflow: hidden;*/
 /* max-height: 74vh;*/
}

.table{
  padding: 0px;
  margin: 0px;
}

table:not(.animation){
  border-top: 5px solid #5a8ff8;
}

.table td, .table th{
  border-top: 0px;
  padding: 3px;
  border-collapse: collapse;
  font-weight: bolder;
  font-size: 13px;
}

.table thead th{
  padding-top: 6px;
  border-bottom: 0px;
}

.bg-maxdanger{
  background-color: #8c35dc !important;
}

.text-maxdanger{
  color: #8c35dc !important;
}

.ac-card{
  border-radius: 20px 20px 5px 5px;
  padding: 0 0 0 0 !important;
  border: none;
}

.footer-card{
  color: gray;
  text-transform: uppercase;
  font-weight: lighter;
  padding: 3px 0;
  font-size: 10px;
}

/* CONTAINER 
.animation{
  overflow-x: hidden;
  animation: ani linear 10s alternate infinite;
}*/

@keyframes ani {
  0% { transform: translateY(0%);}
  25% { transform: translateY(0%);}
  75% { transform: translateY(-35.7%);}
  100% { transform: translateY(-35.7%);}
}

/* WIDTH OF TABLE */
th:nth-child(1), td:nth-child(1){
  width: 10%;
}

th:nth-child(2), td:nth-child(2){
  width: 10%;
}1

th:nth-child(3), td:nth-child(3){
  width: 5%;
}

th:nth-child(4), td:nth-child(4){
  width: 5%;
}

th:nth-child(5), td:nth-child(5){
  width: 20%;
}

th:nth-child(6), td:nth-child(6){
  width: 15%;
}

th:nth-child(7), td:nth-child(7){
  width: 35%;
}