.dc-tree {
  position: relative;
  text-align: center;
  /*height: 100%;*/
  overflow: hidden;
    border-radius: 5px;
    padding: 1em;
    background-color: #f3f3f3;
    border-color: #e3e3e3;
}

.dc-tree .pergunta {
    font-size: 1.5em;
    padding-bottom: 1em;
    color: #444;
}

.dc-tree * { box-sizing: border-box; }

.dc-tree i { margin-right: 5px; }

.dc-tree .align-left {
    text-align: left;
}

.dctree-card {
  text-align: center;
  display: none;
}

.dctree-message {
    font-size: 1.2em;
    color: #444;
}

.dctree-message p {
    margin-bottom: 1em;
}
.dctree-message .strong {
    font-weight: bold;
}

.dctree-message .label {
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 5px;
}

 .btn[class^="dctree-answer"] {
     width: 100%;
}

 .border-top {
     border-top: 1px solid #e3e3e3;
     padding-top: 1em;
 }

.dctree-controls {
    border-top: 1px solid #e3e3e3;
    margin-top: 2em;
    text-align: right;
    padding-top: 1em;
}

.dctree-controls a {
    text-decoration: none !important;
}

.alert-info {
    color: white;
    background-color: #444;
    border-color: #555;
    text-shadow: none;
}

.alert-info a {
    color: white;
    text-decoration: underline;
}

.dc-tree .instrucoes a:hover {
    color: #f89406;
}

.dc-tree .amarelo {
    color: #f89406;
}

@media (max-width: 768px) {
    div.btn.nao {
        margin-top: 1em;
    }
}