.wrap-header {
    background-color: #2a2e36;
    display: block;
    height: 51px;
    min-width: 900px;
    position: relative;
    width: 100%
}

.wrap-logado {
    display: block;
    margin: 0px auto;
    min-width: 900px;
    padding: 7px 0 0 0;
    width: 97%
}

    .wrap-logado .info-usuario {
        color: #fff;
        display: block;
        font-size: 11px;
        height: 35px;
        float: right;
        line-height: 35px;
        margin: 0 20px 0 0;
        padding: 0 20px
    }

.logo {
    float: left;
    height: 30px;
    margin-left: 48px;
    margin-top: 10px
}

.logo-cliente {
    height: 90px
}

.bt-link-claro {
    background-color: #5d6677;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    margin: 0 20px 0 0;
    padding: 0 20px;
    text-decoration: none
}

    .bt-link-claro:hover {
        background-color: #6f7b92
    }

.bt-link-escuro {
    background-color: #3f4551;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    margin: 0 20px 0 0;
    padding: 0 20px;
    text-decoration: none
}

    .bt-link-escuro:hover {
        background-color: #525b6d
    }

.logo-pag-login {
    display: block;
    margin: 80px auto 40px auto;
    opacity: .5;
    width: 250px
}

.form-login {
    background-color: #fff;
    box-shadow: 0 0 20px 0 #abaaaa;
    display: block;
    margin: 0 auto;
    padding: 30px 20px;
    width: 288px
}

    .form-login legend {
        display: none
    }

    .form-login .form-login .label {
        display: block;
        float: left;
        margin: 0 0 20px 0
    }

    .form-login label {
        display: block;
        margin-bottom: 4px;
        color: #2a2e36;
        font-size: 13px;
        font-weight: bold
    }

    .form-login .campo-padrao {
        background-color: #fff;
        border: 1px solid #d9dbdd;
        color: #2a2e36;
        float: left;
        display: block;
        margin: 0 auto;
        font-size: 12px;
        margin-bottom: 23px;
        padding: 12px 5px
    }

    .form-login a {
        background: url('../images/cadeado.png?1452100664') left 7px no-repeat;
        background-size: 13%;
        color: #666;
        font-size: 13px !important;
        padding: 10px 0 10px 25px;
        text-decoration: underline
    }

        .form-login a:hover {
            color: #000
        }

.nav-tab-links {
    display: block;
    float: left;
    margin: 0 0 0 45px;
    list-style: none;
    padding: 0
}

    .nav-tab-links li {
        float: left;
        display: block;
        margin: 0 auto;
        padding: 0;
        position: relative
    }

.gerenciamento_cnpj {
    margin-top: -47px;
    margin-left: 157px;
}

.nav-tab-links li.plus a {
    background: url('../images/plus.png') 10px center no-repeat;
    background-size: 17%
}

.nav-tab-links li.antifraude a {
    background: url('../images/alerta.png') 10px center no-repeat;
    background-size: 17%
}

.nav-tab-links li.gerenciamento a {
    background: url('../images/manager.png') 10px center no-repeat;
    background-size: 17%
}

.nav-tab-links li.fale-conosco a {
    background: url('../images/fale-conosco.png?1452100664') 10px center no-repeat;
    background-size: 17%
}

.nav-tab-links li.dashboard a {
    background: url('../images/dashboard.png?1452100664') 10px center no-repeat;
    background-size: 18%
}

.nav-tab-links li.campanhas a {
    background: url('../images/campanhas.png?1452100664') 10px center no-repeat;
    background-size: 18%
}

.nav-tab-links li.relatorios a {
    background: url('../images/relatorios.png?1452100665') 10px center no-repeat;
    background-size: 20%
}

.nav-tab-links li.financial-services a {
    background: url('../images/financial-services-1.png?1452100665') 10px center no-repeat;
    background-size: 17px;
}

.nav-tab-links li.parceiros a {
    background: url('../images/parceiros.png?1452100665') 10px center no-repeat;
    background-size: 20%
}

.nav-tab-links li.categorias a {
    background: url('../images/categorias-1.png?1452100664') 10px center no-repeat;
    background-size: 20%
}

.nav-tab-links li.pontos a {
    background: url('../images/pontos.png?1452100665') 10px center no-repeat;
    background-size: 14%
}

.nav-tab-links li.meus-dados a {
    background: url('../images/dados.png?1452100664') 10px center no-repeat;
    background-size: 16%
}

.nav-tab-links li.users a {
    background: url('../images/users.png?1452100665') 10px center no-repeat;
    background-size: 20%
}

.nav-tab-links li.tlmkt a {
    background: url('../images/tlmkt-2.png?1452100665') 10px center no-repeat;
    background-size: 18%
}

.nav-tab-links li.voucher a {
    background: url('../images/voucher.png?1452100666') 10px center no-repeat;
    background-size: 13%
}

.nav-tab-links li.manager a {
    background: url('../images/manager.png?1452100665') 10px center no-repeat;
    background-size: 14%
}

.nav-tab-links li.chamados a {
    background: url('../images/chamados.png?1452100664') 10px center no-repeat;
    background-size: 20%
}

.nav-tab-links li.powerbi a {
    background: url('../images/categorias-2.png?1452100664') 10px center no-repeat;
    background-size: 20px
}

.nav-tab-links li ul li a {
    background-image: none !important;
    padding-left: 10px
}

.nav-tab-links li a {
    background-color: #fff !important;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    color: #7A7A7A;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 2px;
    padding: 15px 13px 15px 34px;
    text-decoration: none
}

    .nav-tab-links li a:hover {
        background-color: #f1f1f1 !important;
        border-bottom: 1px solid #f1f1f1 !important;
        opacity: initial
    }

    .nav-tab-links li a span {
        bottom: -5px;
        display: inline-block;
        font-size: 20px;
        margin-right: 5px;
        position: relative
    }

    .nav-tab-links li a:hover {
        color: #2a2e36
    }

.nav-tab-links li .nav-ativo {
    background-color: #f1f1f1 !important;
    color: #2a2e36;
    border-bottom: 1px solid #f1f1f1;
    opacity: initial
}

.nav-tab-links li:hover > ul {
    display: block
}

.nav-tab-links li:hover > a {
    color: #2a2e36
}

.nav-tab-links li ul {
    box-shadow: 2px 3px 15px 0px #ccc;
    color: #2a2e36;
    display: none;
    top: 47px;
    left: 2px;
    list-style: none;
    padding: 20px;
    position: absolute;
    padding: inherit;
    width: 135px;
    z-index: 100
}

    .nav-tab-links li ul li {
        display: table;
        width: 100%
    }

    .nav-tab-links li ul a {
        display: table;
        margin-left: 0;
        width: 89%
    }

.menu .menu-list, .menu .sub-menu {
    list-style: none !important;
    margin: 0px !important;
    padding: 0px !important
}

.menu a {
    color: #fff !important;
    cursor: pointer !important;
    display: block !important;
    text-decoration: none !important
}

.menu > .menu-list > li {
    float: left !important;
    position: relative !important
}

    .menu > .menu-list > li > a {
        margin: 0 5px !important
    }

    .menu > .menu-list > li:hover > .sub-menu {
        display: block !important
    }

    .menu > .menu-list > li > .sub-menu {
        position: absolute !important;
        top: 35px !important;
        left: 2px !important;
        min-width: 135px !important;
        z-index: 1000 !important;
        display: none !important
    }

        .menu > .menu-list > li > .sub-menu > li > a:hover {
            background: #F1F1F1 !important;
            color: #222222 !important
        }

        .menu > .menu-list > li > .sub-menu > li > a {
            padding: 10px 20px !important;
            width: 135px !important
        }

.menu:after {
    content: "." !important;
    display: block !important;
    clear: both !important;
    visibility: hidden !important;
    line-height: 0 !important;
    height: 0 !important
}

.tab-padrao {
    border-collapse: collapse;
    border: 1px solid #ccc !important;
    display: table;
    width: 100%
}

    .tab-padrao th {
        color: #fff;
        background-color: #5d6677;
        border: 1px solid #7d8592;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        text-align: center
    }

    .tab-padrao tr td {
        border-bottom: 1px dotted #2a2e36 !important;
        padding: 5px 20px;
        color: #3f4551;
        font-size: 12px;
        border: none;
        background-color: #E5E5E5
    }

    .tab-padrao .linha-clara td {
        background-color: #fff
    }

    .tab-padrao a {
        color: #2069b4
    }

        .tab-padrao a:hover {
            color: #4497ed
        }

.submit-padrao-gd {
    width: 170px !important
}

.tab-padrao .submit-padrao {
    color: #fff;
    display: block;
    float: none;
    padding: 4px;
    margin: 0 auto;
    text-align: center;
    /*width: 110px*/
}

    .tab-padrao .submit-padrao:hover {
        color: #219dec
    }

.tab-padrao img {
    margin: 0 10px
}

.tab-padrao td input[type=text], .tab-padrao td input[type=password], .tab-padrao td select {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    display: block;
    margin: 0 auto;
    padding: 15px 5px;
    background-color: #fff;
    color: #2a2e36;
    font-size: 12px;
    border: 1px solid #d9dbdd;
    width: 100%
}

.tab-padrao td input[type=submit], .tab-padrao td input[type=button] {
    margin: 0 auto 1px
}

.tab-usuario td {
    padding: 5px
}

.tab-usuario tr:nth-child(even) td {
    background: #efefef
}

.CSSTableGenerator {
    border: 1px solid #000;
    margin: 0;
    padding: 0;
    width: 500px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px
}

    .CSSTableGenerator table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0
    }

    .CSSTableGenerator tr:last-child td:last-child {
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px
    }

    .CSSTableGenerator table tr:first-child td:first-child {
        -moz-border-radius-topleft: 0px;
        -webkit-border-top-left-radius: 0px;
        border-top-left-radius: 0px
    }

    .CSSTableGenerator table tr:first-child td:last-child {
        -moz-border-radius-topright: 0px;
        -webkit-border-top-right-radius: 0px;
        border-top-right-radius: 0px
    }

    .CSSTableGenerator tr:last-child td:first-child {
        -moz-border-radius-bottomleft: 0px;
        -webkit-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0px
    }

    .CSSTableGenerator tr:nth-child(odd) {
        background-color: #ffaa56
    }

    .CSSTableGenerator tr:nth-child(even) {
        background-color: #ffffff
    }

    .CSSTableGenerator td {
        vertical-align: middle;
        border: 1px solid #000;
        border-width: 0px 1px 1px 0px;
        text-align: center;
        padding: 7px;
        font-size: 10px;
        font-family: Arial;
        font-weight: normal;
        color: #000
    }

    .CSSTableGenerator tr:last-child td {
        border-width: 0px 1px 0px 0px
    }

    .CSSTableGenerator tr td:last-child {
        border-width: 0px 0px 1px 0px
    }

    .CSSTableGenerator tr:last-child td:last-child {
        border-width: 0
    }

    .CSSTableGenerator tr:first-child td {
        background: -o-linear-gradient(bottom, #333 5%, #333 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #333), color-stop(1, #333));
        background: -moz-linear-gradient(center top, #333 5%, #333 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333", endColorstr="#333333");
        background: -o-linear-gradient(top, #333, 333333);
        background-color: #333333;
        border: 0px solid #000000;
        text-align: center;
        border-width: 0px 0px 1px 1px;
        font-size: 14px;
        font-family: Arial;
        font-weight: bold;
        color: #ffffff
    }

    .CSSTableGenerator tr:first-child:hover td {
        background: -o-linear-gradient(bottom, #333 5%, #333 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #333), color-stop(1, #333));
        background: -moz-linear-gradient(center top, #333 5%, #333 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333", endColorstr="#333333");
        background: -o-linear-gradient(top, #333, 333333);
        background-color: #333333
    }

    .CSSTableGenerator tr:first-child td:first-child {
        border-width: 0px 0px 1px 0px
    }

    .CSSTableGenerator tr:first-child td:last-child {
        border-width: 0px 0px 1px 1px
    }

table.produtos-item {
    text-align: center;
    width: 100%
}

    table.produtos-item th, table.produtos-item td {
        border: 1px solid #eaeaea;
        padding: 10px 8px
    }

    table.produtos-item thead th {
        background-color: #eaeaea;
        color: #333;
        font-size: 15px
    }

.box-content-claro {
    background-color: #fff;
    display: block;
    margin: 0 auto;
    min-width: 900px;
    padding: 20px 0;
    width: 100%
}

.box-content-escuro {
    background-color: #f1f1f1;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #eeefef;
    display: block;
    margin: 0 auto;
    min-width: 900px;
    padding: 20px 0;
    width: 100%
}

.content-internas {
    display: block;
    margin: 0 auto;
    padding: 1em;
    width: 94%
}

    .content-internas h2 {
        color: #2a2e36;
        font-size: 18px;
        padding: 0;
        margin: 0 0 10px 0
    }

#dashboard-item {
    margin-bottom: 30px
}

    #dashboard-item .form-filtros {
        border: none;
        margin-bottom: 0;
        padding: 0
    }

#divGridResgates, #GraficoResgate, #divGridParceiros, #divGridAcesso, #GraficoAcesso, #GraficoParceiros, #faleConosco_wrapper, #divFiltro, #registros, #tabPedidos_wrapper, #divMeusDados, #formFaleConosco, #editar-email, #editar-participante, #dashboard-item, #adm-pontos, #cad-usuario {
    background-color: #fff;
    border: 1px solid #ccc !important;
    padding: 20px
}

.box-default {
    border: 1px solid #ccc !important;
    margin-bottom: 30px;
    padding: 20px;
    overflow: auto
}

    .box-default input[type=text], .box-default select {
        width: 210px
    }

#registros {
    overflow: auto
}

#divGridResgates, #GraficoResgate, #divGridParceiros, #divGridAcesso, #GraficoAcesso, #GraficoParceiros, #faleConosco_wrapper, #divFiltro, #registros, #tabPedidos_wrapper, #divMeusDados, #formFaleConosco, #editar-email, #editar-participante, #dashboard-item, #adm-pontos, #cad-usuario, #divGridParceiros, #divGridAcesso, #graficoPedidos, #faleConosco_wrapper, #registros {
    margin-top: 25px
}

#tabPedidos_wrapper {
    overflow: auto
}

#formFaleConosco {
    color: #666;
    font-family: Arial, Verdana;
    font-size: 15px;
    padding: 50px
}

.box-chamados {
    border: 1px solid #ccc;
    padding-bottom: 30px
}

    .box-chamados h2, .box-chamados h4 {
        background-color: #f1f1f1;
        border-bottom: 1px solid #ccc;
        box-shadow: 0 4px 4px 0 #ddd;
        padding: 13px;
        text-align: center
    }

    .box-chamados .label {
        margin-left: 30px
    }

    .box-chamados textarea {
        padding: 20px;
        width: 92%
    }

    .box-chamados .cnt-buttons {
        padding-right: 65px
    }

#divMeusDados {
    margin: 0 auto;
    padding: 50px 0;
    width: 100%
}

.dataTables_length {
    margin-bottom: 25px
}

select, input {
    color: #000;
    padding: 8px 5px
}

#registros .user-edit {
    font-size: 15px;
    width: 700px
}

    #registros .user-edit tr td {
        padding: 15px 0
    }

        #registros .user-edit tr td label {
            display: block;
            font-weight: bold
        }

        #registros .user-edit tr td .campo-padrao {
            width: 92%
        }

    #registros .user-edit textarea {
        width: 96%
    }

    #registros .user-edit input[type=button] {
        margin-right: 20px
    }

.block-cad-produtos {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 30px
}

.box-cad-script {
    float: right;
    margin-bottom: 25px;
    width: 49%
}

    .box-cad-script label {
        display: block;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 6px
    }

    .box-cad-script textarea {
        padding: 15px;
        width: 89%
    }

.btn-novo {
    margin-bottom: 25px
}

#RegulamentoDaCampanha {
    height: 300px;
    margin-bottom: 20px;
    padding: 15px;
    width: 98%
}

.dataTables_info {
    font-size: 12px;
    font-weight: bold;
    margin-top: 7px
}

.dataTables_paginate {
    font-size: 12px;
    font-weight: bold;
    margin-top: 7px
}

.ui-widget-content #tabs-1, .ui-widget-content #tabs-2, .ui-widget-content #tabs-3, .ui-widget-content #tabs-4, .ui-widget-content #tabs-5, .ui-widget-content #tabs-6, .ui-widget-content #tabs-7, .ui-widget-content #tabs-8, .ui-widget-content #tabs-9, .ui-widget-content #tabs-10 {
    box-shadow: initial
}

#tabEmailContato_wrapper {
    margin-bottom: 30px
}

.btn-voltar {
    margin-top: 30px
}

.table-vinc-produtos tr td {
    width: 33%
}

.content-cad-produtos {
    float: left
}

.content-cad-produtos-item {
    float: left
}

.content-cad-produtos {
    border: 1px solid #ccc
}

.content-cad-produtos-item {
    border-right: 1px dotted #ccc;
    padding-right: 67px;
    width: 40%
}

.content-subsidio {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 30px
}

    .content-subsidio img {
        border: 1px solid #ccc;
        float: left;
        margin-right: 35px;
        max-width: 150px
    }

    .content-subsidio .content-subsidio-item {
        float: left
    }

        .content-subsidio .content-subsidio-item p {
            font-size: 14px;
            font-weight: bold;
            margin: 10px 0;
            padding: 0
        }

            .content-subsidio .content-subsidio-item p:first-child {
                background-color: #219dec;
                color: #fff;
                font-style: italic;
                font-size: 16px;
                margin-top: 10px;
                padding: 5px 10px
            }

#divSubsidio #registros {
    box-shadow: initial !important;
    margin-bottom: 30px
}

.genero label {
    display: block;
    font-weight: bold
}

.genero select {
    width: 60%
}

.edit-participante, .edit-cad-usuario {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    padding: 30px;
    width: 100%
}

    .edit-participante tr td, .edit-cad-usuario tr td {
        padding: 10px 0
    }

        .edit-participante tr td label, .edit-cad-usuario tr td label {
            display: block;
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 6px
        }

        .edit-cad-usuario tr td input[type=text], .edit-cad-usuario tr td input[type=password] {
            width: 85%
        }

        .edit-cad-usuario tr td img {
            margin-left: 3px;
            position: relative;
            top: -5px
        }

        .edit-participante tr td input[type=text] {
            width: 89%
        }

        .edit-cad-usuario tr td select {
            width: 93%
        }

#listaidVinculoPerfil {
    font-size: 15px;
    font-weight: bold
}

    #listaidVinculoPerfil input {
        margin-bottom: 10px
    }

.field {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 29%
}

.field-item {
    margin-bottom: 30px;
    margin-top: 30px
}

.field-item-10 {
    margin-bottom: 10px;
    margin-top: 10px
}

    .field-item, .field-item-10 label {
        display: block;
        font-weight: bold
    }

        .field-item-10 input[type=text] .field-item input[type=text], .field-item input[type=password] {
            width: 85%
        }

    .field-item select {
        width: 88%
    }

    .field-item img {
        position: relative;
        left: 5px;
        top: 5px
    }

.box-full-width {
    border: 1px solid #ccc;
    margin-bottom: 3px;
    margin-left: 20px;
    padding-left: 30px;
    padding-right: 30px;
    width: 93%
}

.box-half-width {
    float: left;
    margin-right: 30px;
    margin-left: 20px;
    padding-top: 25px;
    width: 45%
}

.anexo {
    border: 1px solid #ccc;
    display: block;
    margin-bottom: 3px;
    margin-left: 20px;
    padding: 10px 30px 10px 30px;
    width: 93%
}

    .anexo a {
        color: #525b6d;
        font-size: 13px;
        text-decoration: underline
    }

        .anexo a:hover {
            color: #000
        }

#Mensagem {
    border: 1px solid #ccc;
    padding: 20px;
    width: 100%
}

.space-top {
    margin-top: 13px
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden
}

.custom-file-input::before {
    content: 'Anexo';
    color: #fff;
    display: inline-block;
    background: #219dec;
    padding: 7px 10px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 10pt;
    margin-left: 30px
}

.custom-file-input:hover::before {
    border-color: black
}

.custom-file-input:active::before {
    background: #219dec
}

.form-filtros {
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    float: left;
    margin: 10px auto 25px auto;
    padding: 20px;
    width: 97%
}

    .form-filtros legend {
        display: none
    }

    .form-filtros .label {
        display: block;
        float: left;
        margin: 0 20px 20px 0;
        color: red;
        position: relative
    }

        .form-filtros .label img {
            display: block;
            float: left
        }

    .form-filtros label {
        color: #2a2e36;
        display: block;
        font-weight: bold;
        margin: 0
    }

    .form-filtros .campo-padrao {
        background-color: #fff;
        border: 1px solid #d9dbdd;
        color: #2a2e36;
        display: block;
        float: left;
        font-size: 12px;
        margin: 0;
        padding: 10px 5px
    }

    .form-filtros textarea.campo-padrao {
        resize: none
    }

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%
    }

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.invisible {
    visibility: hidden
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    clear: both;
    *zoom: 1
}

* {
    font-family: sans-serif
}

.clear {
    clear: both
}

.fl-left {
    float: left !important
}

.fl-right {
    float: right !important
}

.txt-left {
    text-align: left !important
}

.txt-center {
    text-align: center !important
}

.txt-right {
    text-align: right !important
}

img {
    border: none
}

html, button, input, select, textarea {
    color: #222
}

html, body {
    padding: 0;
    margin: 0
}

html {
    height: 100%
}

body {
    font-family: sans-serif;
    font-size: 1em;
    line-height: 1.4;
    background-color: #f1f1f1;
    min-height: 92%;
    padding-bottom: 75px;
    position: relative
}

fieldset {
    border: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eeefef;
    margin: 1em 0;
    padding: 0
}

textarea {
    resize: vertical
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0
}

.margins {
    margin-bottom: 35px;
    margin-top: -25px
}

.inputs-opcoes {
    margin: 20px 0
}

    .inputs-opcoes p {
        display: inline-block;
        margin-right: 50px
    }

        .inputs-opcoes p b {
            margin-left: 5px
        }

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.8);
    border: 1px solid #219dec !important;
    outline: none
}

.pagination, .pagination ul {
    color: #666;
    display: table;
    font-size: 12px;
    margin: 25px 5px 5px 5px;
    padding: 0
}

    .pagination li {
        color: #666;
        display: block;
        font-size: 12px;
        float: left
    }

    .pagination a {
        background-color: #fff;
        border: 1px solid #eeefef;
        color: #666;
        font-weight: bold;
        margin: 2px 3px;
        padding: 8px;
        text-decoration: none
    }

        .pagination a:hover {
            background-color: #f8f9fa;
            color: #2a2e36
        }

    .pagination .active a {
        color: #fff;
        background-color: #9498a1;
        border: 1px solid #9498a1
    }

.border-radius {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.padding-top-32 {
    padding-top: 32px
}

.padding-top-20 {
    padding-top: 20px
}

.margin-left-0 {
    margin-left: 0 !important
}

.Acao {
    display: none
}

.submit-padrao {
    background-color: #219dec;
    border: 2px solid #219dec !important;
    color: #fff !important;
    cursor: pointer;
    font-family: Arial, Verdana;
    font-size: 12px !important;
    font-weight: bold;
    float: right;
    margin-left: 20px;
    padding: 8px 19px
}

    .submit-padrao:hover, .submit-padrao:focus {
        background-color: #fff;
        border: 2px solid #219dec !important;
        color: #219dec !important;
        transition: background-color 0.3s
    }

.email-contato {
    background-color: #219dec;
    border: 2px solid #219dec !important;
    color: #fff !important;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    padding: 8px 19px;
    text-decoration: none
}

    .email-contato:hover {
        background-color: #fff;
        border: 2px solid #219dec !important;
        color: #219dec !important
    }

a.submit-padrao {
    text-decoration: none
}

.submit-peq {
    font-size: 10px;
    margin-bottom: 2px;
    padding: 4px 7px
}

.ui-widget-content {
    font-size: 14px !important
}

.wrap-msg {
    border: 1px solid;
    display: block;
    margin: 0 auto 20px;
    width: 100%
}

    .wrap-msg p {
        margin: 10px auto;
        width: 97%
    }

    .wrap-msg .close-msg {
        background-color: #b13633;
        color: #fff;
        float: right;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        height: 23px;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        margin: 7px 20px 0 0;
        text-align: center;
        text-decoration: none;
        width: 23px
    }

.msg-sucesso {
    background-color: #e7fae6;
    border-color: #52964f;
    color: #52964f
}

.msg-erro {
    background-color: #ffe1e1;
    color: #b13633;
    border-color: #b13633;
    font-size: 15px;
    font-weight: bold
}

.parceiros-resumo {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0
}

    .parceiros-resumo li {
        background: #f1f1f1 url('../images/bullet-azul.png?1452100664') 10px center no-repeat;
        display: inline-block;
        font-size: 12px;
        margin-bottom: 15px;
        margin-right: 13px;
        padding: 5px 10px 5px 25px;
        text-transform: uppercase
    }

.txt-padrao {
    font-size: 16px;
    color: #666
}

td {
    white-space: nowrap
}

.field-validation-error {
    font-size: 9px;
    line-height: 9px;
    display: block;
    position: absolute;
    width: 100%;
    bottom: -20px;
    height: 20px
}

.horizontal-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible
}

.all-scroll {
    height: 400px;
    overflow: scroll;
    width: 100%
}

#cad-usuario {
    margin-bottom: 30px
}

.field-validation-error, .validation-summary-errors {
    color: red
}

#esqueciMinhaSenha {
    font-size: 14px
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    background-color: #fff !important;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    color: #9498a1 !important;
    display: block !important;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 3px;
    padding: 15px 15px 15px 35px;
    text-decoration: none
}

.ui-widget-header {
    border: none !important;
    background: none !important;
    color: #fff;
    font-weight: bold
}

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background-color: #f1f1f1 !important;
        border-bottom: 1px solid #f1f1f1 !important;
        color: #2a2e36 !important
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: none !important;
        background: none !important
    }

.ui-tabs .ui-tabs-panel {
    border: 1px solid #ddd !important;
    margin: 0px 6px 6px 6px
}

.ui-tabs-anchor:focus {
    outline: none
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    background-color: #f1f1f1 !important;
    border-bottom: 1px solid #f1f1f1 !important;
    color: #2a2e36 !important;
    text-decoration: none
}

#tabs {
    background-color: #fff;
    -moz-box-shadow: initial;
    -webkit-box-shadow: initial;
    box-shadow: initial;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 20px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0;
    border-radius: 0 !important
}

.space-button {
    margin: 30px 30px 10px 0
}

.tam-camp {
    width: 270px !important
}

.inputFile {
    background: red;
    height: 40px;
    position: relative;
    overflow: hidden;
    width: 185px
}

    .inputFile span {
        display: block;
        position: absolute
    }

    .inputFile input {
        filter: alpha(opacity=0);
        font-size: 100px;
        opacity: 0;
        position: absolute;
        right: 0;
        z-index: 2
    }

.Nome-id-usuario {
    color: #fff !important;
    font-weight: bold !important
}

.modal-header .close {
    color: #000;
    cursor: pointer;
    font-size: 16px;
    margin-top: 10px !important;
    margin-right: 5px
}

#produtosVinculados {
    padding-bottom: 10px;
    overflow: auto
}

.footer {
    background-color: #2a2e36;
    bottom: 0;
    height: 75px;
    padding-top: 30px;
    position: absolute;
    width: 100%
}

    .footer img {
        display: block;
        margin: 0 auto;
        width: 150px
    }

.txt-footer {
    color: #9498a1;
    font-size: 12px;
    min-width: 900px;
    text-align: center
}

@media screen and (max-width: 1320px) {
    .nav-tab-links li a {
        background-image: none !important;
        padding-left: 8px;
        padding-right: 8px
    }
}

@media screen and (max-width: 1012px) {
    .nav-tab-links li a {
        font-size: 11px
    }
}

.nav-tab-links li ul li a {
    width: 100%;
}

input.form-control {
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 8px 5px;
    border: 1px solid #757373;
    height: auto;
}

.btn-red {
    background-color: red;
    border-color: red !important;
    color: white;
}

    .btn-red:hover {
        color: #dbdbdb;
    }

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
}