@media (max-width: 991px) {
    .imagem{
        display: none !important;
    }
}
/*.bootstrap-select .dropdown-menu .max-width-selectpicker{*/
/*    max-width: 0 !important;*/
/*    background-color: #7abaff;*/
/*}*/
.bootstrap-select .dropdown-menu {
  max-width: none !important;
}
.bootstrap-select > .dropdown-toggle.btn-light .bootstrap-select > .dropdown-toggle.btn-secondary .borda{
    border: none !important;
}
.diagonal-1{
    position: absolute;
    top: 41px;
    left: -14px;
    width: 1px;
    height: 50px;
    background: blue;
    -webkit-transform: skew(-20deg); /* Chrome, Opera */
    -ms-transform: skew(-20deg); /* IE */
    transform: skew(-40deg); /* Padrão */
}
.diagonal-2{
     position: absolute;
     top: 40px;
     left: -52px;
     width: 1px;
     height: 44px;
     background: red;
     -webkit-transform: skew(-20deg); /* Chrome, Opera */
     -ms-transform: skew(-20deg); /* IE */
     transform: skew(-70deg); /* Padrão */
 }
.diagonal-3{
    position: absolute;
    top: 40px;
    left: -52px;
    width: 1px;
    height: 44px;
    background: red;
    -webkit-transform: skew(-20deg); /* Chrome, Opera */
    -ms-transform: skew(-20deg); /* IE */
    transform: skew(-69deg); /* Padrão */
}
.diagonal-4{
    position: absolute;
    top: 42px;
    left: -84px;
    width: 1px;
    height: 120px;
    background: red;
    -webkit-transform: skew(-20deg); /* Chrome, Opera */
    -ms-transform: skew(-20deg); /* IE */
    transform: skew(-56deg); /* Padrão */
}
.diagonal-5{
     position: absolute;
     top: 50px;
     left: 25px;
     width: 1px;
     height: 50px;
     background: blue;

 }
.diagonal-6{
     position: absolute;
     top: 25px;
     left: 50px;
     width: 30px;
     height: 1px;
     background: red;
 }
.eletrons{
    position: absolute;
    top: 5px;
    left: 2.6rem;

}
.indice{
    left: 50px;
}