/*FORMULÁRIO CENTRALIZADO*/

.form-centralizado {
    margin: 0 auto !important;
    width: 50% !important;
}

#form-container {
    /*width: 100vw;
    height: 100vh;*/
    /*background: #6C7A89;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#form-box {
    width: 60%;
    padding: 30px;
    box-sizing: border-box;
}

    #form-box input {
        /*font-size: large;*/
    }

body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.text-on-pannel {
    background: #fff none repeat scroll 0 0;
    height: auto;
    padding: 3px 5px;
    position: absolute;
    margin-top: -47px;
    border: 1px solid #337ab7;
    border-radius: 8px;
}

label {
    font-weight: bold;
}


/* Container das ABAS */
.tabs-container {
    position: relative;
    /*height: 360px;*/
    height: 100%;
    max-width: 98%;
    margin: 0 auto;
}

    .tabs-container p {
        margin: 0;
        padding: 0;
    }

    .tabs-container:after {
        content: '.';
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

.conteudo-tabs {
    height: 500px !important;
}

/* ABAS */
input.tabs {
    display: none;
}

    input.tabs + label + div {
        width: 98%;
        opacity: 0;
        position: absolute;
        background: #ccdbe8;
        top: 40px;
        left: 0;
        /*height: 310px;*/
        height: 100%;
        padding: 20px;
        z-index: -1;
        transition: opacity ease-in-out .3s;
    }

    input.tabs:checked + label + div {
        opacity: 1;
        z-index: 100;
    }

    /* Labels */
    input.tabs + label {
        line-height: 40px;
        padding: 0 20px;
        float: left;
        background: #062a66;
        margin-right: 1px;
        color: #fff;
        cursor: pointer;
        transition: background ease-in-out .3s;
        border-radius: 5px 5px 0 0;
    }

    input.tabs:checked + label {
        color: #000;
        background: #ccdbe8;
    }

.container {
    max-width: 95% !important;
}

.labelcheck {
    display: block;
    text-align: center;
}

.boleano {
    display: block !important;
    margin: 0 auto !important;
}

/* Tamanhos */

/*.CEP {*/
/*width: 60%!important;
}*/


/* Formatação para o autocomplete*/

/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background: white url('img/ui-anim_basic_16x16.gif') right center no-repeat;
}

.ui-corner-all {
    -moz-border-radius: 4px 4px 4px 4px;
}

.ui-widget-content {
    border: 5px solid black;
    color: #222222;
    /*background-color: Red;*/
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 15px;
}

.ui-menu {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
}

.ui-autocomplete {
    cursor: default;
    position: absolute;
}

.ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .ui-menu .ui-menu-item a {
        display: block;
        padding: 3px 3px 3px 3px;
        text-decoration: none;
        cursor: pointer;
        background-color: white;
    }


        .ui-menu .ui-menu-item a:hover {
            display: block;
            padding: 3px 3px 3px 3px;
            text-decoration: none;
            color: white;
            cursor: pointer;
            background: navy !important;
        }

.ui-widget-content a {
    color: #222222;
}

.ui-menu .ui-menu-item:hover {
    display: block;
    text-decoration: none;
    color: #3D3D3D;
    cursor: pointer;
    /*background-color: lightgray;*/
    background-image: none;
    border: 1px solid lightgray;
}

.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-focus {
    border: 1px solid lightgray;
    background-image: none;
    /*background-color: lightgray;*/
    background-color: white;
    font-weight: bold;
    color: #3D3D3D;
}

td input.numero {
    max-width: 60% !important;
}

td input.texto,
td select.texto {
    max-width: 80% !important;
}

/* tabela de telefones*/
.tabelaTelefones .labelcodigo {
    font-weight: bold;
    width: 12% !important;
}

.tabelaTelefones .labeltexto {
    font-weight: bold;
    width: 20% !important;
}

.tabelaTelefones .labeltextoReduzido {
    font-weight: bold;
    width: 12% !important;
}

.tabelaTelefones .labelcheckbox {
    font-weight: bold;
    text-align: center !important;
}


.file {
    visibility: hidden !important;
    position: absolute !important;
}

span .glyphicon {
    line-height: 0.9 !important;
}

#filtroDataIniExtrato {
    width: 110%;
}

#filtroDataIni,
#filtroDataFim {
    max-width: 40% !important;
    width: auto !important;
    /*background-color: red!important;*/
}

@media all and (min-width:1200px) {
    .container {
        width: 100% !important;
    }

    .container-UserManager {
        width: 70% !important;
    }
}



@media only screen and (max-width: 988px) {
    .body-content {
        margin-top: 10px;
    }
}

.panelTelaRelatorios {
    margin-top: 10px;
}


.centralizarImagem {
    display: flex;
    display: -webkit-flex; /* Garante compatibilidade com navegador Safari. */
    justify-content: center;
    align-items: center;
}