html {
  font-size: 14px;
}

/*@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}*/

/*@media screen and (min-width: 768px) {*/
    /*.container, .container-md, .container-sm {
        max-width: 1024px !important;
        font-size: 26px;       
    }*/

    /*.form-control {
        font-size: 26px;*/ /* Ajusta o tamanho da fonte dos inputs */
    /*}*/

    /*.form-container {
        max-width: 100%;  Ocupa toda a largura em dispositivos menores 
        padding: 10px;
    }*/

    /*h2 {
        font-size: 1.5rem;*/ /* Ajusta o tamanho do título no mobile */
    /*}*/
/*}*/

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.clean-focus:focus {
    outline: none;
    box-shadow: none;
    /*border: 1px solid transparent;*/
}

.red-class {
    background-color: #ff6961; /*#FF4136;*/
}

.yellow-class {
    background-color: #ffff81; /*#f7ba06 #ffd800*/
}

.green-class {
    background-color: #8cfca4; /*#4dcb4d*/
}

.gray-class {
    background-color: #c4c4c4; /*#aaaaaa #828282*/
    font-weight: bold;
}

/* Para alinhar o texto ao centro */
.dt-center {
    text-align: center;
}

/* Para alinhar o texto à direita */
.dt-right {
    text-align: right;
}

/* Para alinhar o texto à esquerda (muitas vezes é o padrão) */
.dt-left {
    text-align: left;
}

/* Exemplo de alinhamento vertical para o meio */
.dt-vmiddle {
    vertical-align: middle;
}