html,body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.bloqueado {
  background-color: #dddddd!important;
  color: #00000070!important;
  font-weight: bold!important;
}

.hero.is-success {
  background: #f2f7fa;
}
.hero .nav, .hero.is-success .nav {
  -webkit-box-shadow: none;
  box-shadow: none;
}
input {
  font-weight: 500;
}
p {
  font-weight: 700;
}

.bup-titile{
  color: #515151;
  font-size: 15px;
  margin-top: -20px;
  font-weight: 100;
}

.top-bar-dashboard {
  width: 100%;
  margin: 0px;
  padding: 5px 10px;
  background-color: cornflowerblue;
  display: flex;
  position: absolute;
}

.top-bar-dashboard > .titulo-dashboard{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  width: 100%;
  color: aliceblue;
  font-weight: bold;
  font-size: large;
}

.top-bar-dashboard > .sair-dashboard > a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  border-radius: 5px;
  transition:all 0.3s ease;
  padding: 3px 6px;
  color: lightgray!important;
  background-color: lightcoral!important;
}

.top-bar-dashboard > .voltar-dashboard > a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  border-radius: 5px;
  transition:all 0.3s ease;
  padding: 3px 6px;
  color: lightgray!important;
  background-color: rgb(128, 148, 240)!important;
}

.top-bar-dashboard > .sair-dashboard > a:hover{
  background-color: rgb(149, 149, 149)!important;
  color: rgb(226, 226, 226)!important;

}

.top-bar-dashboard > .voltar-dashboard > a:hover{
  background-color: rgb(149, 149, 149)!important;
  color: rgb(226, 226, 226)!important;

}

::placeholder {
  color: rgb(149, 149, 149)!important;
}

.tabela {
  width: 100%;
}

.tabela > .titulo-tabela, .tabela > .itens-tabela{
  display: flex;
  width: 100%;
}

.tabela > .itens-tabela > div > .tabela-itens-item{
  background-color: #d8d8d8!important;
  font-size: unset;
  font-family: Arial, Helvetica, sans-serif;
}

.tabela > .itens-tabela:hover > div > .tabela-itens-item{
  background-color: #c8d0db!important;
}

.tabela > .itens-tabela > div > .tabela-itens-item > a{
  background-color: lightblue!important;
  color: lightslategray!important;
  padding: 1px 6px;
  border-radius: 5px;
  font-weight: bold;
  transition:all 0.3s ease;
  margin: 0px 10px;
}

.tabela > .itens-tabela > div > .tabela-itens-item > a:hover, .tabela-btn > .btns-tabela > .tabela-btns-btn > input:hover{
  background-color: lightslategray!important;
  color: lightblue!important;
}

.tabela > .titulo-tabela > div > .tabela-titulo-item{
  background-color: cornflowerblue;
  color: aliceblue;
}

.tabela > .titulo-tabela > div > .tabela-titulo-item:hover{
  background-color: #8aadec;
}

.tabela > .titulo-tabela > div > .tabela-titulo-item, .tabela > .itens-tabela > div > .tabela-itens-item{
  justify-content: center;
  width: 50%;
}


.tabela-btn > .btns-tabela > .tabela-btns-btn{
  justify-content: center;
  width: 100%;
}

.item-img {
  width: 20px;
}

.tabela-btn > .btns-tabela > .tabela-btns-btn > a{
  background-color: lightblue!important;
  color: lightslategray!important;
  padding: 1px 6px;
  border-radius: 5px;
  font-weight: bold;
  transition:all 0.3s ease;
  margin: 0px 10px;
  border: 0px;
}

.tabela-btn > .btns-tabela > .tabela-btns-btn > .input-btn{
  background-color: lightblue!important;
  color: lightslategray!important;
  padding: 5px 10px;
  border-radius: 5px;
  font-weight: bold;
  transition:all 0.3s ease;
  margin: 0px 10px;
  border: 0px;
  font-size: 15px;
}


.box-titulo > a{
  color: lightslategray!important;
  padding: 1px 6px;
  border-radius: 5px;
  font-weight: bold;
  transition:all 0.3s ease;
  margin: 0px 10px;
  font-size: initial;
  margin-right: auto;
}

.box-titulo{
  display: flex;
  justify-content: center;
  padding: 5px 10px;
  border: solid 1px lightgray;
  border-radius: 5px;
  margin-bottom: 10px;
}

.box-titulo > img {
  width: 32px;
  height: 32px;
}

.box-titulo > h3{
  flex: auto;
  margin-bottom: 0px!important;
  margin-right: 20px;
  text-align: right;
}

.tabela-btn > .btns-tabela > .tabela-btns-btn > span{
  background-color: lightgrey!important;
  color: lightslategray!important;
  padding: 1px 6px;
  border-radius: 5px;
  font-weight: bold;
  transition:all 0.3s ease;
  margin: 0px 10px;
}

.completo, .testando, .incompleto, .pausado{
  padding: 1px 6px;
  border-radius: 5px;
  font-weight: bold;
  transition:all 0.3s ease;
  margin: 0px 10px;
}

.completo{
  background-color: lightgreen!important;
  color: lightslategray!important;
}

.incompleto{
  background-color: lightsalmon!important;
  color: lightslategray!important;
}

.pausado{
  background-color: lightcoral!important;
  color: lightslategray!important;
}

.testando{
  background-color: lightblue!important;
  color: lightslategray!important;
}

.tabela-btn > .btns-tabela > .tabela-btns-btn > a:hover{
  background-color: lightslategray!important;
  color: lightblue!important;
}


/* --------------------------------------------------------- */


html,body {
  -webkit-font-family-moz: Arial, Helvetica, sans-serif;
  -webkit-font-size-moz: 14px;
  -webkit-font-weight-moz: 300;
}
.bloqueado {
  -webkit-background-color-moz: #dddddd!important;
  -webkit-color-moz: #00000070!important;
  -webkit-font-weight-moz: bold!important;
}

.hero.is-success {
  -webkit-background-moz: #f2f7fa;
}
.hero .nav, .hero.is-success .nav {
  -webkit-box-shadow-moz: none;
  -webkit-box-shadow-moz: none;
}
input {
  -webkit-font-weight-moz: 500;
}
p {
  -webkit-font-weight-moz: 700;
}

.bup-titile{
  -webkit-color-moz: #515151;
  -webkit-font-size-moz: 15px;
  -webkit-margin-top-moz: -20px;
  -webkit-font-weight-moz: 100;
}

.top-bar-dashboard {
  -webkit-width-moz: 100%;
  -webkit-margin-moz: 0px;
  -webkit-padding-moz: 5px 10px;
  -webkit-background-color-moz: cornflowerblue;
  -webkit-display-moz: flex;
  -webkit-position-moz: absolute;
}

.top-bar-dashboard > .titulo-dashboard{
  -webkit-font-family-moz: Arial, Helvetica, sans-serif;
  -webkit-font-size-moz: medium;
  -webkit-width-moz: 100%;
  -webkit-color-moz: aliceblue;
  -webkit-font-weight-moz: bold;
  -webkit-font-size-moz: large;
}

.top-bar-dashboard > .sair-dashboard > a{
  -webkit-font-family-moz: Arial, Helvetica, sans-serif;
  -webkit-font-size-moz: medium;
  -webkit-border-radius-moz: 5px;
  -webkit-transition-moz:all 0.3s ease;
  -webkit-padding-moz: 3px 6px;
  -webkit-color-moz: lightgray!important;
  -webkit-background-color-moz: lightcoral!important;
}

.top-bar-dashboard > .voltar-dashboard > a{
  -webkit-font-family-moz: Arial, Helvetica, sans-serif;
  -webkit-font-size-moz: medium;
  -webkit-border-radius-moz: 5px;
  -webkit-transition-moz:all 0.3s ease;
  -webkit-padding-moz: 3px 6px;
  -webkit-color-moz: lightgray!important;
  -webkit-background-color-moz: rgb(128, 148, 240)!important;
}

.top-bar-dashboard > .sair-dashboard > a:hover{
  -webkit-background-color-moz: rgb(149, 149, 149)!important;
  -webkit-color-moz: rgb(226, 226, 226)!important;

}

.top-bar-dashboard > .voltar-dashboard > a:hover{
  -webkit-background-color-moz: rgb(149, 149, 149)!important;
  -webkit-color-moz: rgb(226, 226, 226)!important;

}

.tabela {
  -webkit-width-moz: 100%;
}

.tabela > .titulo-tabela, .tabela > .itens-tabela{
  -webkit-display-moz: flex;
  -webkit-width-moz: 100%;
}

.tabela > .itens-tabela > div > .tabela-itens-item{
  -webkit-background-color-moz: #d8d8d8!important;
  -webkit-font-size-moz: unset;
  -webkit-font-family-moz: Arial, Helvetica, sans-serif;
}

.tabela > .itens-tabela:hover > div > .tabela-itens-item{
  -webkit-background-color-moz: #c8d0db!important;
}

.tabela > .itens-tabela > div > .tabela-itens-item > a{
  -webkit-background-color-moz: lightblue!important;
  -webkit-color-moz: lightslategray!important;
  -webkit-padding-moz: 1px 6px;
  -webkit-border-radius-moz: 5px;
  -webkit-font-weight-moz: bold;
  -webkit-transition-moz:all 0.3s ease;
  -webkit-margin-moz: 0px 10px;
}

.tabela > .itens-tabela > div > .tabela-itens-item > a:hover, .tabela-btn > .btns-tabela > .tabela-btns-btn > input:hover{
  -webkit-background-color-moz: lightslategray!important;
  -webkit-color-moz: lightblue!important;
}

.tabela > .titulo-tabela > div > .tabela-titulo-item{
  -webkit-background-color-moz: cornflowerblue;
  -webkit-color-moz: aliceblue;
}

.tabela > .titulo-tabela > div > .tabela-titulo-item:hover{
  -webkit-background-color-moz: #8aadec;
}

.tabela > .titulo-tabela > div > .tabela-titulo-item, .tabela > .itens-tabela > div > .tabela-itens-item{
  -webkit-justify-content-moz: center;
  -webkit-width-moz: 50%;
}


.tabela-btn > .btns-tabela > .tabela-btns-btn{
  -webkit-justify-content-moz: center;
  -webkit-width-moz: 100%;
}

.item-img {
  -webkit-width-moz: 20px;
}

.tabela-btn > .btns-tabela > .tabela-btns-btn > a{
  -webkit-background-color-moz: lightblue!important;
  -webkit-color-moz: lightslategray!important;
  -webkit-padding-moz: 1px 6px;
  -webkit-border-radius-moz: 5px;
  -webkit-font-weight-moz: bold;
  -webkit-transition-moz:all 0.3s ease;
  -webkit-margin-moz: 0px 10px;
  -webkit-border-moz: 0px;
}

.tabela-btn > .btns-tabela > .tabela-btns-btn > .input-btn{
  -webkit-background-color-moz: lightblue!important;
  -webkit-color-moz: lightslategray!important;
  -webkit-padding-moz: 5px 10px;
  -webkit-border-radius-moz: 5px;
  -webkit-font-weight-moz: bold;
  -webkit-transition-moz:all 0.3s ease;
  -webkit-margin-moz: 0px 10px;
  -webkit-border-moz: 0px;
  -webkit-font-size-moz: 15px;
}


.box-titulo > a{
  -webkit-color-moz: lightslategray!important;
  -webkit-padding-moz: 1px 6px;
  -webkit-border-radius-moz: 5px;
  -webkit-font-weight-moz: bold;
  -webkit-transition-moz:all 0.3s ease;
  -webkit-margin-moz: 0px 10px;
  -webkit-font-size-moz: initial;
  -webkit-margin-right-moz: auto;
}

.box-titulo{
  -webkit-display-moz: flex;
  -webkit-justify-content-moz: center;
  -webkit-padding-moz: 5px 10px;
  -webkit-border-moz: solid 1px lightgray;
  -webkit-border-radius-moz: 5px;
  -webkit-margin-bottom-moz: 10px;
}

.box-titulo > img {
  -webkit-width-moz: 32px;
  -webkit-height-moz: 32px;
}

.box-titulo > h3{
  -webkit-flex-moz: auto;
  -webkit-margin-bottom-moz: 0px!important;
  -webkit-margin-right-moz: 20px;
  -webkit-text-align-moz: right;
}

.tabela-btn > .btns-tabela > .tabela-btns-btn > span{
  -webkit-background-color-moz: lightgrey!important;
  -webkit-color-moz: lightslategray!important;
  -webkit-padding-moz: 1px 6px;
  -webkit-border-radius-moz: 5px;
  -webkit-font-weight-moz: bold;
  -webkit-transition-moz:all 0.3s ease;
  -webkit-margin-moz: 0px 10px;
}

.completo, .testando, .incompleto, .pausado{
  -webkit-padding-moz: 1px 6px;
  -webkit-border-radius-moz: 5px;
  -webkit-font-weight-moz: bold;
  -webkit-transition-moz:all 0.3s ease;
  -webkit-margin-moz: 0px 10px;
}

.completo{
  -webkit-background-color-moz: lightgreen!important;
  -webkit-color-moz: lightslategray!important;
}

.incompleto{
  -webkit-background-color-moz: lightsalmon!important;
  -webkit-color-moz: lightslategray!important;
}

.pausado{
  -webkit-background-color-moz: lightcoral!important;
  -webkit-color-moz: lightslategray!important;
}

.testando{
  -webkit-background-color-moz: lightblue!important;
  -webkit-color-moz: lightslategray!important;
}

.tabela-btn > .btns-tabela > .tabela-btns-btn > a:hover{
  -webkit-background-color-moz: lightslategray!important;
  -webkit-color-moz: lightblue!important;
}