/* ****************************************** */
/* ****************************************** */
/* 
    Ajusta os displays das linhas para
    que se alinhem verticalmente.

    <div class="row display-table">
        <div class="col-xs-12 col-sm-4 display-cell">
            CONTEUDO
        </div>
        <div class="col-xs-12 col-sm-8 display-cell">
            CONTEUDO
        </div>
    </div>
*/

/* 
    Método usando table: 
    Faz o alinhamento, mas perde na quebra automática.
*/
.display-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.display-cell {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    float: none !important;
}

/* 
    Método usando inline-block:
    Faz o alinhamento, mas os espaços em branco entre
    os elementos tem que ser removidos para que funcione.

    <div class="row">
        <div class="col-xs-5 col-md-3 col-lg-1 vcenter">
            CONTEUDO
        </div><!--
        --><div class="col-xs-5 col-md-7 col-lg-9 vcenter">
            CONTEUDO
        </div>
    </div>
*/
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none !important;
}

/* ****************************************** */
/* ****************************************** */
/* Fix para campos que quebram */

@media (max-width: 768px) {
    .form-group div + label.col-xs-12 
    {
        margin-top: 10px;
    }
}

/* ****************************************** */
/* ****************************************** */
/* Fix para o typeahead */

.tt-input.form-control[disabled], 
.tt-input.form-control[readonly], 
fieldset[disabled] .tt-input.form-control {
    background-color: #eeeeee !important;
    opacity: 1;
}

/* ****************************************** */
/* ****************************************** */
/* popover */

.popover {
    max-width: 500px;
}


.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px)  {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

@media(max-width: 767px)
{
    input[type='file']
    {
        width: 100%;
    }
}