html,
body {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 100%;
    background-color: #F8F8F8;
    background-image: url(img/background-extender.png), url(img/fundo.jpg);
    background-repeat: repeat-y, repeat;
    background-position: center, left;
    color: #111;
}
.datetime { width: 178px !important }
.pageContainer {
    display: block;
    position: static; /* deixa o fluxo normal para o rodapé vir abaixo */
    height: auto;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overflow-x: visible;
    padding-bottom: 0; /* sem reserva extra, rodapé não é fixo */
}
.content.login {
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    overflow: hidden;
}
.content.app {
    padding-top: 43px;
    padding-left: 165px;
}
h2 {
    font-size: 18px;
    color: #000;
}
.btn-feature:hover {
    background-color: #007DBC;
    color: #fff;
}
/*-----
 Topo
 -----*/
.titleContainer {
    width: 100%;
    /*background: #e2e2e2 url(img/fundob.jpg);*/
    background: #e8e8e8 url(img/bg_topo.png) repeat-x;
}
.titleBar {
    color: #333;
    top: 0;
    height: 97px;
    margin-left: auto;
    margin-right: auto;
    background: url(img/cabecalho_topo.jpg) no-repeat 9px 0px;
    /*border-left: 1px solid #bababa;;
    border-right: 1px solid #bababa;*/
    position: relative;
}
.titleBar .linkHome {
    float: left;
    margin-left: 6px;
    height: 95px;
    width: 186px;
}
.titleBar .usuarioTopo {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 20px;
    padding-top: 30px;
    height: 90px;
    box-sizing: border-box;
    background: #e8e8e8 url(img/bg_topo.png) repeat-x;
}
.titleBar .linkSair {
    float: right;
    margin-right: 5px;
}
#btnSair {
    font-size: 16px;
    line-height: 30px;
    color: #004f9f;
    margin-left: 7px;
    text-decoration: none;
}
.titleBar .empresaLabel {
    white-space: nowrap;
    font-weight: normal;
    font-size: 14px;
    text-align: right;
    margin-right: 20px;
}
.titleBar .userLabel {
    white-space: nowrap;
    font-weight: bold;
    font-size: 16px;
    text-align: right;
    margin-right: 20px;
    line-height: 15px;
    color: #004f94;
}
/*-----
 menu
 -----*/
.menuContainer {
    width: 100%;
    background: #004f94 url(img/fundomenu.jpg);
    min-height: 45px;
    border-top: 2px solid #ff6600;
}
.menuContainer.logado { border-top: 0 }
/*-----
 Caixa de Noticias e Login
 -----*/
/* Bem Vindo */
.formTitle {
    line-height: 40px;
    font-size: 20px;
    font-weight: normal;
    color: #004f94;
    /* margin: 0 10px 10px; */
    padding: 0 0 2px 5px;
    background: url(img/separacrumbs.gif) repeat-x bottom;
}
/* Padrao Caixas */
.featureBox {
    background-color: #f3f3f3;
    -webkit-border-radius: 4px;
    border-radius: 2px;
    border: #ccc solid 1px;
}
.featureBox h2,
.featureBox label {
    color: #333;
    text-align: left;
    font-weight: 300;
    font-size: 17px;
    line-height: 100%;
    margin-left: 0px;
}
.featureBox p {
    margin-top: 10px;
    color: #333;
    font-size: 14px;
    line-height: 140%;
}
/* news */
.content #news {
    float: left;
    width: 360px;
    padding: 10px;
    margin-top: 10px;
    margin-left: 10px;
    text-align: justify;
}
.content img { margin-bottom: 5px }
#loginBox {
    padding: 30px 30px 30px 25px;
    margin: 5% auto 0;
    position: relative;
    width: 280px;
    min-height: 170px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
#loginBox a {
    position: absolute;
    bottom: 28px;
    left: 26px;
}
input.simple {
    padding: 0 0 0 5px;
    margin-top: 3px;
    margin-bottom: 13px;
    font-size: 16px;
    font-weight: 300;
    line-height: 34px;
    height: 34px;
    font-family: "Trebuchet MS", Arial, sans-serif;
}
input.simple { width: 100% }
#loginBox button {
    position: absolute;
    right: 19px;
    bottom: 23px;
}
/*-----
 Menu
 -----*/
.menu-toggle {
    display: none;
    border: 0;
    font-size: 1.6em;
    padding: 6px 8px;
    float: left;
    position: relative;
    margin: 5px;
    cursor: pointer;
    border-radius: 4px;
}
.menu {
    min-height: 45px;
    background: #004f9f url(img/menu.png);
    border-left: 1px solid #003f76;
    border-right: 1px solid #003f76;
}
.menu ul {
    margin: 0;
    float: left;
}
.menu ul.dropdown-menu { margin-top: -10px }
.menu li {
    list-style: none;
    height: 22px;
    padding: 2px 0;
}
.menu-vend li,
.menu-login li {
    float: left;
    margin-top: 7px;
}
.menu img {
    margin-top: -2px;
    margin-right: 5px;
}
.menu a {
    color: #fff;
    text-decoration: none;
    padding: 2px 12px;
    font-size: 13px;
}
.menu a.dropdown-toggle:hover {
    border-radius: 5px;
    background: #004683;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.2), inset 4px 4px 4px 0 rgba(0,0,0,0.1);
}
.menu a.dropdown-toggle.selected {
    color: #004683;
    background: #fff;
    padding-bottom: 14px;
    padding-top: 10px;
    border-radius: 5px 5px 0 0;
}
.menu a.dropdown-toggle.selected:hover { box-shadow: none }
.menu div {
    color: #fff;
    line-height: 41px;
    float: left;
    padding: 0 3px;
    margin-top: 3px;
}
.menu-group {
    border: none;
    margin-bottom: -1px;
}
.menu-head .menu-toggle { padding: 4px 10px }
.menu-head {
    background: url(img/menu_head.png);
    border: none;
}
.menu-inner {
    margin: 0;
    padding: 0;
    border: none;
}
/*-----
 Barra Superior
 -----*/
.barra {
    height: 40px;
    padding-bottom: 2px;
    z-index: 2;
    top: 42px;
}
.barra h1 {
    font-size: 19px;
    font-weight: normal;
    margin: 0;
    padding-left: 10px;
    color: #004f94;
}
.barra .navbtn {
    margin: -35px 5px 0 0;
    right: 0;
}
.barra .navbtn .btn { margin: 0 5px }
/*-----
 Busca
 -----*/
.busca .input-append {
    display: block;
    width: 500px;
    margin: 0 auto;
    z-index: 2;
    top: 42px;
}
.busca input.search {
    margin: 15px 0;
    height: 30px;
}
#buscar {
    margin-top: 15px;
    height: 30px;
}
#formSearch2 .btnBusca { margin-top: 0 }
/*-----
 Lista
 -----*/
#searchList { position: relative }
#searchList h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.result a.mainSearchLink {
    color: #666;
    text-decoration: none;
    width: 80%;
}
.result li:hover {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    color: #333;
    background-color: #f1f1f1;
}
.result li:hover p {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #333;
}
.result li {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.result h1 {
    margin: 1px 0;
    font-size: 18px;
    color: #000;
}
.result .sombra { border-top: 1px solid #bbb }
.result .impar {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding-left: 10px;
    background-color: #f7f7f7;
}
.result .par {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    padding-left: 10px;
}
.sticky-top {
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}
.sticky-bottom {
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.left-list {
    position: absolute;
    left: 15px;
}
.right-list {
    position: absolute;
    right: 5px;
}
/*-----
 Campos
 -----*/
.control-field {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}
.form-horizontal .control-label { width: 120px }

.form-horizontal .control-field {
    display: flex;
    flex-wrap: wrap;
}
.form-horizontal .control-field input,
.form-horizontal .control-field select,
.form-horizontal .control-field .select2-container{
    flex: 1 0 auto;
}

.control-field label {
    font-size: 13px;
    padding-top: 5px;
    margin-right: 10px;
    width: 120px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.control-field .radio,
.control-field .checkbox { width: auto }
.radio.inline {
    overflow: visible;
    width: auto;
}
#primaryContent #fields {
    /*teste*/
    padding-top: 10px;
    margin-bottom: 10px;
}
#fields .row,
.extraFields .row { margin: 8px 10px }
#fields .row:nth-child(odd) { background-color: #f9f9f9 }
.extraFields { margin: 0 10px }
.extraFields .row { margin: 8px 0 }
/*-----
 Footer
 -----*/
.footer {
    width: 100%;
    height: 170px;
    bottom: 0;
    background: #e8e8e8 url(img/fundob.jpg);
}
.footer .footerCont {
    height: 170px;
    background-color: #eee;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
}
.footer a {
    text-decoration: none;
    color: #003f76;
}
.footer a:hover { color: #0093dd }
.footer .gestorLogoBig {
    margin-top: 20px;
    height: 123px;
    margin-left: 25px;
    float: left;
    width: 200px;
    background: url(img/footer_separador.gif) repeat-y right;
}
.footer .footerDir {
    float: right;
    color: #637180;
}
.footer .endereco {
    color: #999;
    line-height: 120%;
    float: left;
    margin-top: 20px;
    height: 103px;
    padding-top: 20px;
    margin-left: 25px;
    margin-bottom: 0;
    width: 250px;
    background: url(img/footer_separador.gif) repeat-y right;
}
.footer .produto {
    float: left;
    margin-top: 20px;
    padding-top: 20px;
    height: 103px;
    margin-left: 25px;
    margin-bottom: 0;
    width: 180px;
    background: url(img/footer_separador.gif) repeat-y right;
}
.footer .redeSoc {
    float: left;
    margin-top: 20px;
    padding-top: 20px;
    height: 103px;
    margin-left: 25px;
    margin-bottom: 0;
    width: 230px;
}
.footer .copyright {
    clear: both;
    padding-top: 5px;
    color: #000;
    margin-right: 10px;
    font-size: 12px;
    float: right;
}
/*-----
 Barra Lateral - Cadastro de Empresa
 -----*/
.boxfield { margin: 10px 0 0 5px }
.box {
    margin: 0 0 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fbfbfb;
    position: relative;
}
.box h4 { color: #004F94 }
.box p {
    display: inline-block;
    color: #666;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 130%;
    font-size: 14px;
}
.box img {
    position: absolute;
    right: 10px;
    bottom: -25px;
}
.box .boxCont {
    display: inline-block;
    width: 200px;
    margin-left: 10px;
}
#cadBtn {
    float: right;
    margin-right: 35px;
    padding: 8px 20px;
}
.form-horizontal input,
.form-inline input,
.form-inline textarea,
.form-horizontal textarea,
.form-inline select,
.form-horizontal select,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-inline .input-append,
.form-horizontal .input-append,
input.required { padding-right: 20px }
.form-horizontal .htmlEditor > div { width: 101% !important }
.htmlEditor { width: 98% }
.nicEdit-main { width: 96% !important }
/*---
 Select2
 ---*/
.select2-choice { overflow: visible !important }
.select2-search-choice-close {
    right: -14px !important;
    top: 7px !important;
}
div.select2-container {
    margin-bottom: 0;
    font-size: 12px;
}
.select2-default {
    color: #bbb !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
/*outras classes*/
div.childContent {
    background-color: #f3f3f3 !important;
    padding: 10px 0;
    border-radius: 3px;
    margin: 10px 0;
    border: 1px solid #ddd;
    color: #363b40;
    clear: both;
}
tr.childContent { background-color: #fff }
tr.childContent td { border: solid 1px #bbb }
tr.childContent .btn-danger {
    padding: 0;
    min-height: 16px;
    width: 16px;
    float: left;
    margin-left: 35%;
}
.fakeBackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
    background: #fff;
    z-index: -1;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.contentWidth {
    width: 978px;
    /*max-width: 978px;;
    width: 99%;*/
    margin: 0 auto;
}
.contentFullWidth {
    width: 95%;
    max-width: inherit;
}
#primaryContent {
    background: #fff;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding-bottom: 5px;
    display: block;
    overflow-x: visible;
}
#primaryContent.fixed {
    padding-top: 40px; /* Altura da Barra */
}
input.required,
textarea.required {
    background-image: url(img/icon_reqfield.png);
    background-repeat: no-repeat;
    background-position: right center;
}
div.required > a.select2-choice {
    background-image: url(img/icon_reqfield_combo.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.btn-remove-child {
    margin-right: 10px;
    z-index: 2;
    position: relative;
    background: none;
    border: none;
}
.content.criarempresa {
    min-height: 390px;
    padding-top: 43px;
    padding-bottom: 170px;
}
#criarempresaBox {
    float: none;
    padding: 15px;
    margin-top: 10px;
    padding-left: 410px;
}
.content .criarempresacenter {
    float: left;
    margin-left: 20px;
    display: block;
    width: 280px;
    height: 180px;
}
.featureBoxCria {
    background-color: #5b6c73;
    background-image: url(img/fundo_caixa_login.jpg);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 1px 1px 0 white;
    height: 450px;
    box-shadow: none;
    position: static;
}
.featureBoxCria h1,
.featureBoxCria label {
    color: #fff;
    text-transform: uppercase;
    -webkit-text-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.3);
    text-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.3);
    text-align: left;
    font-family: BenchNine;
    font-weight: 300;
    font-size: 24px;
    line-height: 100%;
}
.featureBoxCria p {
    margin-top: 10px;
    color: #dae0e5;
    line-height: 110%;
}
.criarempresa { min-height: 460px }
#totalGeral {
    font-size: 20px;
    float: right;
    color: #004f94;
    padding: 0 10px;
    background: #f6f6f6;
    margin: -6px 10px 20px 0;
    line-height: 40px;
    border: 1px solid #ccc;
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
    min-width: 229px;
    text-align: right;
}
#continueAddContainer {
    float: left;
    margin-top: -30px;
}
#continueAddLabel {
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    cursor: pointer;
}
#continueAdd { float: left }
.selectReq {
    position: absolute;
    height: 16px;
    width: 16px;
    background-color: #f00; /*trocar mais tarde pela imagem correta*/
    right: 25px;
    top: 7px;
}
.menu-icon {
    color: white;
    font-size: 20px;
    float: left;
    margin: 0px 16px;
    line-height: 45px;
    cursor: pointer;
}
#itemDoPedidoDel {
    border: none;
    background: none;
}
#extraOptionsLink {
    margin-left: 10px;
    font-size: 15px;
    cursor: pointer;
}
#logRecord .message {
    font-family: monospace;
    white-space: nowrap;
}
#acesso .url {
    max-width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.table caption {
    padding: 10px;
    margin: 10px;
    font-size: 24px;
}
.noRegisterFound {
    text-align: center;
    color: #999;
    margin-top: 20px;
    font-size: 15px;
}
.contentAlign { margin-left: 15px }
.bemvindo { margin-left: 30px }
.bemvindo h3 {
    font-size: 28px;
    color: #333;
    font-weight: normal;
    margin: 20px 0;
}
.bemvindo p {
    font-size: 16px;
    color: #666;
}
.bemvindo .nav li { font-size: 14px }
.bemvindo > .nav > li > a {
    margin-left: -45px;
    padding-left: 45px;
}
#cadastro form { margin: 10px 30px 10px 20px }
.goHome { line-height: 38px }
.registerfield {
    background: #f6f6f6;
    padding: 30px 20px 20px;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.registerfield .controls input {
    height: 25px;
    line-height: 25px\9;
}
#sincronizacoes #line0 { min-width: 130px }
#sincronizacoes #line5 {
    height: 16px;
    overflow: hidden;
    white-space: pre-wrap;
    display: block;
    cursor: pointer;
    max-width: 490px;
}
.displayCell { display: table-cell !important }
/* Table-style N� 548 */
.tableFieldLayout {
    border: solid 1px #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-spacing: 0;
    border-collapse: separate;
    overflow: hidden;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15);
}
.tableFieldLayout .childContent td {
    border-top: solid 1px #eee;
    border-right: solid 1px #eee;
    border-left: none;
    border-bottom: none;
    padding: 4px;
}
.tableFieldLayout .childContent td input {
    height: 42px;
    background-color: transparent;
}
.tableFieldLayout .invalidate {
    background-image: none !important;
    background-color: #fff2f2 !important;
    box-shadow: inset 0 0 0 1px #fcc !important;
}
.tableFieldLayout .invalidate input.invalidate {
    background-image: url(img/icon_invfield.png) !important;
    background: none !important;
    box-shadow: none !important;
}
.tableFieldLayout .invalidate::-webkit-input-placeholder { color: #fff2f2 }
.tableFieldLayout .invalidate::-moz-placeholder { color: #fff2f2 }
/* firefox 19+ */
.tableFieldLayout .invalidate:-ms-input-placeholder { color: #fff2f2 }
/* ie */
.tableFieldLayout .childContent td:last-child {
    border-right: none;
    text-align: center;
}
#acao { border-right: none }
.tableHeader {
    min-height: 30px;
    line-height: 35px;
    border-right: 1px solid #ccc;
    color: #888;
    font-weight: normal;
    font-size: 14px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
    background: #fbfbfb; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbfbfb 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbfbfb 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbfbfb 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fbfbfb 0%,#f7f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.tableFieldLayout button {
    height: 42px;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background-color: transparent;
}
.tableFieldLayout button i {
    width: 21px;
    height: 20px;
    border-radius: 2px;
    background-color: #ccc;
    text-align: center;
    color: #fff;
    text-shadow: none;
    line-height: 18px;
}
.tableFieldLayout button:hover i { background-color: #004f94 }
.fileUpload { display: inline-block }
.fileUpload label {
    display: inline-block;
    margin-left: 10px;
}
.simpleLabel {
    width: 130px;
    display: inline-block;
    margin-left: 20px;
    text-align: right;
}
.produto .mainSearchLink { width: 70% }
.img-busca {
    height: 80px;
    float: right;
}
.estadoDoPedido {
    float: right;
    margin-top: 95px;
    margin-right: 10px;
    font-size: 18px;
}
#senhaBox {
    background-color: #f9f9f9;
    border-color: #e6e6e6;
    padding: 0 15px 20px;
    margin: 40px auto 0;
    position: relative;
    overflow: auto;
    width: 502px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
#senhaBox h4 {
    margin-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    color: #004f9f;
}
#senhaBox p { margin-top: 20px }
#senhaBox .loginLeft { margin-bottom: 20px }
#senhaBox li {
    color: #666;
    list-style: square;
    font-size: 12px;
}
#senhaBox label { font-size: 16px }
.backA,
.backB {
    overflow: hidden;
    padding: 20px 0 50px;
}
.backA { background-image: url(img/main_pattern.png) }
.backB {
    box-shadow: inset 0 6px 6px -4px rgba(0,0,0,0.1), inset 0 -6px 6px -4px rgba(0,0,0,0.1);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.login h2 {
    color: #004f94;
    font-size: 24px;
}
#featurePage h2,
#comoFuncionaPage h2 {
    margin-left: 10px;
    margin-top: 0;
}
#loginPage .destaque {
    width: 99%;
    display: inline-block;
    margin-left: 3%;
    max-width: 460px;
}
#loginPage .destaque p {
    color: #666;
    font-size: 14px;
}
/*
.menu.fixed {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 4;
    margin: 0 auto;
    margin-left: -490px;
}*/
.menuContainer.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    margin: 0 auto;
}
/*
.menu.fixed.contentFullWidth {
    margin-left: -47.5%;
}*/
.barra.fixed {
    position: fixed;
    top: 45px;
    background-color: white;
    z-index: 3;
}
.barra-background { height: 42px }
.footFix {
    height: 100%;
    min-height: 100%;
}
.footFix #container {
    padding-bottom: 0; /* sem reserva, rodapé estático */
}
.footFix .footer {
    position: static; /* evita sobreposição quando classe for usada */
    bottom: auto;
}

/* Desktop: fixa rodapé pequeno (#rodape) no fundo e reserva espaço no conteúdo */
#rodape {
    position: static; /* rodapé estático abaixo do conteúdo */
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
}
#content,
#primaryContent {
    padding-bottom: 60px;
    box-sizing: border-box;
}
.footFix #container {
    padding-bottom: 60px !important;
}
.labelInvalidate {
    display: block;
    margin-top: 1px;
    margin-left: 141px;
}
.registerfield .labelInvalidate { margin-left: 0 }
#messageContain { position: absolute }
.toast-item {
    height: auto;
    opacity: 0.95;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 14px;
    display: block;
    position: relative;
    margin: 0 0 12px 0;
    box-shadow: -3px 11px 0 -8px rgba(0,0,0,0.2);
}
.toast-item-image {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 17px;
}
.toast-item-image-notice {
    background: url("img/notice.png");
    background-size: 100%;
}
.toast-item-image-success {
    background: url("img/success.png");
    background-size: 100%;
}
.toast-item-image-warning {
    background: url("img/warning.png");
    background-size: 100%;
}
.toast-item-image-error {
    background: url("img/error.png");
    background-size: 100%;
}
.toast-item p {
    line-height: 1.3;
    max-height: 200px;
    overflow: auto;
    margin-top: 10px;
    text-align: left;
    margin-left: 65px;
    margin-right: 25px;
}
.toast-item-close {
    background: url("img/close.png");
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    right: 7px;
}
.toast-type-warning .toast-item-close {
    background: url("img/warning_close.png");
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    right: 7px;
}
input[type="checkbox"] { background-image: none !important }
[id*=cidadeDiv] { position: relative }
[id*=cidadeDiv] .labelInvalidate {
    position: absolute;
    bottom: -14px;
    left: 0;
    margin: 0;
}
.extLookup { overflow: hidden }
.extLookup .labelInvalidate { float: none }
.clienteBloquado {
    background-color: red;
    float: right;
    margin-top: -29px;
}
#main-slider {
    width: 256px;
    height: 189px;
    overflow: hidden;
    position: relative;
    list-style: none outside none;
    padding: 0;
    margin: 0;
    top: 30px;
    left: 31px;
}
#main-slider li {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}
#main-slider li:first-child { display: block }
.list-aguardando {
    width: 16px;
    height: 16px;
    background: url(img/listicon_aguardando.png) no-repeat center;
}
.list-atrasado {
    width: 16px;
    height: 16px;
    background: url(img/listicon_atrasado.png) no-repeat center;
}
.list-avencer {
    width: 16px;
    height: 16px;
    background: url(img/listicon_avencer.png) no-repeat center;
}
.list-cancelado {
    width: 16px;
    height: 16px;
    background: url(img/listicon_cancelado.png) no-repeat center;
}
.list-devendo {
    width: 16px;
    height: 16px;
    background: url(img/listicon_devendo.png) no-repeat center;
}
.list-negado {
    width: 16px;
    height: 16px;
    background: url(img/listicon_negado.png) no-repeat center;
}
.list-pendente {
    width: 16px;
    height: 16px;
    background: url(img/listicon_pendente.png) no-repeat center;
}
.telaVendedor { padding-top: 60px }
.telaVendedor .span6 { text-align: center }
.telaVendedor .tabletLinks a {
    display: block;
    float: left;
    margin: 0 15px 15px 0;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    width: 111px;
    height: 41px;
    padding-top: 60px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 15px;
    text-decoration: none;
}
.telaVendedor .tabletLinks {
    margin-left: 120px;
    margin-top: 30px;
}
.telaVendedor .tabletPedido { background: #d90024 url(img/icon_pedido.png) }
.telaVendedor .tabletVisita { background: #0093dd url(img/icon_visita.png) }
.telaVendedor .tabletCliente {
    background: #ab216f url(img/icon_cliente.png);
    clear: left;
}
.telaVendedor .tabletProduto { background: #7bb302 url(img/icon_produto.png) }
.telaVendedor a:hover { box-shadow: inset 0 0 -3px rgba(0,0,0,0.2) }
.telaVendedor .tabletPedido:active {
    background-color: #bf0020;
    box-shadow: inset 0 5px rgba(0,0,0,0.3);
}
.telaVendedor .tabletVisita:active {
    background-color: #0080bf;
    box-shadow: inset 0 5px rgba(0,0,0,0.3);
}
.telaVendedor .tabletCliente:active {
    background-color: #8c1b5b;
    box-shadow: inset 0 5px rgba(0,0,0,0.3);
}
.telaVendedor .tabletProduto:active {
    background-color: #699902;
    box-shadow: inset 0 5px rgba(0,0,0,0.3);
}
.gtmobileEntrada {
    display: block;
    margin: 0 auto;
}
#fundoEmpresa {
    display: inline-block;
    margin: 60px 0;
    padding-bottom: 1px;
    box-shadow: 0 0 40px rgba(0,0,0,0.15);
    border: 1px solid #ddd;
}
#fundoEmpresa #logoEmpresa {
    max-width: 250px;
    max-height: 150px;
}
.img-polaroid {
    -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 10px rgba(0,0,0,0.1);
}
br {
    display: block;
    margin: 20px 0;
    content: '';
}
.background-pedido .form-horizontal { padding: 0 !important }
.tabletLabel { padding: 16px 0 4px 0 }
#tabPedido { height: 400px }
#tabPedido .tab-pane label { text-align: left }
.tabletTab .nav li a {
    background-color: #0093dd;
    height: 60px;
    text-align: center;
    color: white;
}
.tabletTab .nav .active a { background-color: #2dccb1 }
.tabSpacer {
    display: inline-block;
    width: 174px;
}
.datetime { width: auto !important }
.aviso {
    min-width: 60px;
    text-align: center;
    margin-top: 10px;
}
.erro { background-color: #d2322d }
/*  Agenda */
.agendaMes {
    cursor: default;
    padding: 10px 0px;
}
.agendaMes .cabecalhoMes {
    font-size: 18px;
    color: #F75509;
    margin-bottom: 5px;
}
.agendaMes .dados {
    margin-bottom: 5px;
    padding: 5px;
    background-color: #f1f1f1;
    position: relative; /* base para posicionamento absoluto de cidadeinfo */
}
.agendaMes .dados:nth-child(odd) { background-color: #dddddd }
.agendaMes label {
    line-height: 20px;
    font-size: inherit;
}
.agendaMes .cidadeinfo {
    position: absolute;
    right: 230px;
    float: none;
    margin-right: 0;
    background: inherit;
    margin-top: 5px;
}

/* Bloco próprio do Curso Contínuo (replica layout da agenda) */
.cursoContinuoItem { padding: 10px 0; }
.cursoContinuoItem .ccDados { margin-bottom: 5px; padding: 5px; background-color: #f1f1f1; position: relative; }
.cursoContinuoItem .horas{ margin-left: 5px; }
.cursoContinuoItem .btn-link { padding: 0; margin-left: 5px; }
.cursoContinuoItem .ccCidadeinfo { position: absolute; right: 270px; margin-top: 5px; }
.cursoContinuoItem .ccValorBtn { float: right; width: 230px; text-align: right; white-space: nowrap; }

/* Título do bloco Curso Contínuo sem as margens padrão do .formTitle */
#cursoContinuoSection .formTitle { margin: 0 !important; padding: 0 0 2px 10px !important;}
.cursoContinuoItem .ccValorBtn .ccCusto {
    color: #F75509 !important;
    line-height: 32px !important;
    font-size: 102% !important;
    margin-right: 5px !important;
}


.agendaMes .cidadeinfo .cidade { margin: 0 0 }
.agendaMes .horas{ margin-left: 5px; }
.agendaMes .btn-link { padding: 0; margin-left: 5px; }
.agendaMes .valorBtn{
    float: right;
    width: 230px; /* mantém alinhamento com .cidadeinfo (right: 230px) */
    text-align: right;
    white-space: nowrap;
    margin-right: 0;
}
.agendaMes .custo {
    color: #F75509;
    line-height: 32px;
    font-size: 102%;
}
.agendaMes .btInscricao {
    margin-left: 5px;
    margin-top: -10px;
}
.agendaMes .extra {
    padding: 5px 15px 0px 15px;
    border-radius: 3px;
}
.agendaMes .extra > div { margin: 0 0 10px }
.agendaMes .extra > div div { display: inline }
/* Fim Agenda */
/* Fim agenda dentro temario */
#listaCursos h2 {
    clear: both;
    font-size: 20px;
    text-align: center;
    color: white;
    background: #004f94;
    padding: 10px;
    margin-bottom: 0;
    border-top: 20px solid white;
    border-bottom: 4px solid #F60;
}
#listaCursos a {
    display: block;
    float: left;
    width: 24%;
    height: auto;
    margin: 0.5%;
    overflow: hidden;
    color: white;
    text-decoration: none;
    background-color: #F60;
    opacity: 1;
    height: 60px;
    display: table;
    border-radius: 2px;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
#listaCursos a:hover {
    color: black !important;
    opacity: 0.9;
}
#listaCursos .titulo {
    margin: 7px 5px;
    position: inherit;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
#listaCursos h3 {
    font-size: 17px;
    line-height: 130%;
}
#listaCursos h4 {
    font-size: 13px;
    font-weight: normal;
    line-height: 100%;
}
#listaCursos .valor {
    display: none;
    color: #F60;
    font-size: 16px;
    float: right;
    margin-top: 25px;
}
#listaCursos .btnagenda {
    display: none;
    float: right;
    margin-left: 22px;
    margin-top: 17px;
}
#curso h1,
#curso h2 {
    color: #004f94;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    margin: 15px 20px;
}
#curso h2 {
    color: #08c;
    font-size: 16px;
    padding-bottom: 10px;
    background: url('img/separacrumbs.gif') repeat-x bottom;
}
#curso h3 {
    color: #223172;
    font-size: 15px;
    line-height: 100%;
    padding: 10px 0 4px;
    margin-bottom: 6px;
    border-bottom: 1px dotted #999;
}
#curso #imagem {
    margin-left: 20px;
    float: left;
    width: 220px;
}
/* Agenda dentro temario */
#curso #agenda {
    width: 550px;
    float: right;
    margin-right: 20px;
}
#curso .tituloAgenda {
    margin-top: 0;
    padding-top: 0;
}
#curso .agendaMes { padding: 0px }
#curso .agendaMes .cidade{ margin: 0 5px; }
#curso .paragrafos {
    margin: 20px;
    clear: both;
}
#curso .paragrafos p {
    line-height: 150%;
    white-space: pre-line; /*Alternativo ao bl2br*/
}
/* Configura botões de ação no temário */
#curso #acaoTemario {
    margin-top: 40px;
    margin-right: 70px;
    float: right;
}
#curso #acaoTemario .btn {
    padding: 4px 20px;
    margin: 0 25px;
}
/* Fim Configura botões de ação no temário */
/* Recomendar a amigo */
#dialogoAmigo { max-width: 500px }
#dialogoAmigo label { margin-left: 0px }
.dadosRecomendacao { float: left }
.comentarioRecomendacao {
    margin-left: 26px;
    float: left;
}
.comentarioRecomendacao textarea { min-height: 216px }
/* Fim recomendar a amigo */
/* Configura Labels no Topo*/
.label-top .row {
    margin: 0 !important;
    padding: 5px 0px;
    padding-left: 9px;
}
.label-top .control-label {
    float: none;
    display: block;
    width: auto;
    text-align: left;
    margin: 0;
    padding: 0;
}
.label-top .control-field { margin: 0; max-width: 100%; }
.label-top .control-field input { padding-right: 20px;  }
.label-top .control-field .select2-container,
.label-top .control-field input { width: 100%; }
.label-top .labelInvalidate {
    margin-left: 5px;
    clear: both;
}
/* Cadastro de Instrutores*/
.instrutores #validade { width: 105px }
.instrutores #label_validade { width: 140px }
#instrutoresContasFieldset .childContent { padding: 0 }
#tableInscritos .nome {
    width: 370px;
    text-align: left;
}
/* Telas */
input.formaPagamento { margin-top: 0px }
label.formaPagamento {
    display: inline;
    margin-right: 10px;
}
/* Tela de Inscriao */
.inscricaoDados {
    box-sizing: border-box;
}
.inscricaoDados #contain_cidade { width: 240px }
.inscricaoDados #contain_cidade input { width: 205px }
#formaPagamento,
#cursoInfo {
    margin-top: 10px;
    margin-right: 15px;
}
#formaPagamento h2,
#cursoInfo h2 {
    color: #223172;
    font-size: 18px;
    line-height: 100%;
    padding: 4px 0px;
    margin-bottom: 6px;
    border-bottom: 1px dotted #999;
}
#formaPagamento h3,
#cursoInfo h3 {
    clear: both;
    color: #004f94;
    font-size: 16px;
    line-height: 100%;
    margin-left: 10px;
    margin-bottom: 6px;
    padding-top: 10px;
}
#cursoInfo h4 {
    color: #08c;
    font-size: 14px;
    line-height: 100%;
    margin-left: 10px;
    margin-bottom: 6px;
}
#cursoInfo p { margin-left: 10px }
#cursoInfo .valor {
    color: #F60;
    font-size: 16px;
    font-weight: bold;
}
#cursoInfo p { padding-top: 1px }
#formaPagamento #depositolista {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    list-style-type: none;
}
#formaPagamento #depositolista li {
    width: 98px;
    display: block;
    text-align: center;
    float: left;
    font-size: 12px;
    line-height: 110%;
}
#formaPagamento #depositolista li img {
    margin: 7px 12px;
    width: 51px;
    height: 34px;
}
#formaPagamento input[type="checkbox"]{
    width: 50px;
    height: 20px;    
}

#formaPagamento #pagsegurolista {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    list-style-type: none;
    text-align: center;
}
#formaPagamento li {
    cursor: pointer;
    padding: 5px;
    margin: 2px;
    height: 70px;
    border-radius: 5px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
}
#formaPagamento li.selected {
    background-color: #C7E3FF;
    border-color: #004f94;
}
#btnInscricao {
    float: right;
    margin-top: 30px;
    margin-right: 80px;
}
/* Fim da Tela de Inscrição */
.fileUpload {
    margin-top: 20px;
    float: right;
    height: 35px;
    width: 220px;
    margin-right: 4px;
    display: inline;
}
.fileUpload .imgResultfotoUpload {
    /* height: 176px; */
    max-height: 210px;
    overflow: hidden;
}
.fileUpload .btnUploadFoto {
    width: 210px;
    display: inherit;
    margin-left: 10px;
    margin-top: -12px;
}

.background-centro {
    position: relative;
}
.background-centro #fotoUpload {
    right: 0;
    margin-top: 200px;
    position: absolute;
}

#label_valorRenovacao { width: 85px }
#dialogLogin {
    width: 400px;
    left: 60%;
    top: 30%;
}
#loginContain input,
#loginContain label {
    max-width: 350px;
    margin-left: 16px;
}
#loginContain button {
    position: relative;
    bottom: 6px;
    margin-right: 42%;
}
#biblioteca td { vertical-align: top }
#biblioteca .box img { position: inherit }
#biblioteca .book_toc_none { width: 350px }
#biblioteca .book_toc_none li { list-style: none }
#captionInscritos {
    border-top: 1px dashed #999;
    text-align: left;
    font-size: 20px;
}
/* Instrutores */
#instrutores { margin-top: 20px; }
#instrutores #mapa {
    text-align: center;
    font-size: 17px;
    padding-bottom: 40px;
}

#instrutores #instrutoresPorEstado { display: block; }
#instrutores .instrutor-imagem {
    float: left;
    margin-right: 10px;
}
#instrutores .instrutor-imagem img { width: 80px }
#instrutores .cursos-ministrados {
    display: none;
    clear: both;
    margin: 10px;
}
#instrutores .cursos-ministrados ul {
    display: inline-block;
    padding: 0px !important;
    list-style: square !important;
}
#instrutores .botoes {
    width: 290px;
    clear: left;
    display: inline-block;
    margin: 0 0 3px 0;
}
#instrutores .botoes .btn { margin: 3px 5px }
#instrutores .cursos-ministrados li {
    list-style: square !important;
    font-size: 12px;
    margin-bottom: 2px;
    color: #27377E;
}
#instrutores .instrutor,
#instrutores .instrutor-not-found {
    width: 300px;
    display: inline-block;
    margin: 0 auto 10px;
    border-bottom: 1px dotted #ccc;
}
#instrutores .instrutor-not-found { border: 0 }
#instrutores .instrutor-nome {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px 0;
    color: #213172;
}
#instrutores .imagem-instrutor {
    width: 80px;
    float: left;
    text-align: center;
    margin: 0 10px 0 0;
    line-height: 100%;
}
#instrutores .imagem-instrutor a {
    font-size: 11px;
    line-height: 100%;
}
#instrutores .instrutor-info {
    width: 190px;
    float: left;
}
#instrutores .instrutor-info p {
    font-size: 12px;
    line-height: 120%;
    margin: 0 0 3px 0;
}
#instrutores .matricula {
    font-size: 12px;
    color: #999;
    font-style: italic;
    font-weight: normal;
}
/*
    Inicio formulário de validação de matricula
*/
#atestado {
    margin: 20px 18%;
    line-height: 150%;
    text-align: justify;
}
#atestado .formTitle {
    text-align: center;
    margin-top: 44px;
}
#atestado .atestado { text-indent: 50px }
#atestado .rodape {
    margin-top: 25px;
    font-size: 12px;
}
@media print {
    #atestado { margin: 20px 8% }
    #atestado .btn { display: none }
}
/*
    Fim formulário de validação de matricula
*/
/*
Inicio prova online
*/
#questao h2 {
    font-size: 19px;
    line-height: 130%;
    padding: 20px 30px 10px 50px;
}
#respostas { margin-left: 75px }
#respostas .opcao {
    padding: 10px 0 0 0;
    max-width: 88%;
    font-size: 17px;
    margin-left: 10px;
    line-height: 150%;
}
#respostas .opcao.active { color: #f60 }
#respostas .opcao input { margin-right: 8px }
#provaContainer #contador {
    float: right;
    padding-top: 13px;
}
#provaContainer .counter {
    background: #004f94;
    float: left;
    padding: 16px 20px;
    color: white;
    border-radius: 6px;
    font-size: 40px;
    height: 13px;
    margin-right: 10px;
}
#provaContainer .counter:after {
    content: "s";
    font-size: 30px;
}
#provaContainer .avancar {
    float: right;
    margin-right: 10px;
}
#provaContainer #contadorRegressivo { display: inline }
/*
Fim prova online
*/
/*
Fazer com que lookup do idBanco (childitem) lá da tela de instrutores fique com um tamanho maior.
*/
#containOuter_idBanco .extLookup { width: 212px }
#home {
    cursor: default;
    margin-top: 20px;
}
#home #blocos .bloco {
    margin-top: 20px;
    margin-left: 18px;
}
#home #blocos .bloco.first {
    clear: both;
    margin-left: 0;
}
#home h3 {
    color: #fff;
    background: #004E92;
    border-top: 3px solid #FF6600;
    padding: 7px 10px;
    font-weight: 300;
    font-size: 17px;
    /* font-style: italic; */
    border-radius: 5px;
    /* cursor: default; */
}
#home h3 b {
    width: 10px;
    height: 10px;
    display: block;
    float: left;
    border-radius: 2px;
    background: white;
    opacity: 0.3;
    margin-top: 6px;
    margin-right: 7px;
}
#home h3 i {
    font-size: 26px;
    margin-top: -3px;
}
#home #sobre p {
    line-height: 140%;
    font-size: 13px;
    text-align: justify;
}
#home #sobre img { margin-right: 10px }
#home #agenda-itens .dados {
    margin-bottom: 2px;
    padding: 0 5px;
    background-color: #f1f1f1;
    border-radius: 2px;
    position: relative;
}
#home #agenda-itens .dados a {
    /*white-space: nowrap;;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px;*/
    padding-left: 2px;
}
#home #agenda-itens .dados:nth-child(odd) { background-color: #dddddd }
#home #agenda-itens .cidade {
    float: right;
    margin-top: 6px;
    position: absolute;
    right: 5px;
}
#home #curso-detalhe img {
    float: left;
    width: 130px;
    margin-right: 10px;
    border-radius: 5px;
}
#home #curso-detalhe h1 {
    color: #004E92;
    font-size: 17px;
}
#home #curso-detalhe h2 {
    color: #FF6600;
    font-size: 13px;
}

/* Estilos para Cursos Contínuos - iguais ao bloco de Cursos */
#home #cursos-continuos-blocos .bloco h1 {
    color: #004E92;
    font-size: 15px;
}
#home #cursos-continuos-blocos .bloco h2 {
    color: #FF6600;
    font-size: 13px;
}
#home #login-form { padding: 10px 30px 40px 20px }
#home #login-form label { font-size: 16px }
#google_translate_element {
    position: absolute;
    right: 13px;
    top: 73px;
}
.padding { padding: 10px }
.padding h1 { margin-bottom: 30px }
#divHolder {
    position: absolute;
    top: 251px;
    left: 50%;
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 4px;
}
#divHolder2,
#divHolderArquivos {
    margin: 10px;
    margin-top: 20px;
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 4px;
    border: solid 1px #ddd;
}
#pagamento-taxa-holder {
    margin: 0 20px;
    border: solid 1px #ccc;
    padding: 10px;
    margin-bottom: 30px;
}
#pagamento-taxa-holder #pagarDeposito { margin-right: 10px }
#imprimirSelecao #campos p {
    width: 165px;
    float: left;
    margin-right: 10px;
}
#imprimirSelecao #campos p label { font-size: 13px }
#rodape {
    width: 100%;
    height: 50px;
    float: left;
    background: url(img/rodape.png?1) repeat-x top;
    margin-top: 20px;
}
#corpo-rodape {
    margin: 0 auto;
    width: auto;
}
#corpo-rodape p,
#corpo-rodape p * {
    color: #98B9D5;
    font-size: 12px;
}
#corpo-rodape a {
    font-size: 16px;
    font-style: italic;
    color: #FFF;
    line-height: 46px;
    height: 46px;
    float: none;
    padding: 0 11px;
}
#corpo-rodape .telefone {
    color: #98B9D5;
    font-style: italic;
    font-size: 35px;
    position: absolute;
    float: right;
    margin-left: 720px;
    margin-top: 60px;
}
#corpo-rodape .telefone span {
    color: #98B9D5;
    font-style: italic;
    font-size: 23px;
}
#content { min-height: 800px }
.my-file { font-size: 18px }
.my-file ul { line-height: 40px }
.my-file li { line-height: 40px }
.my-galery { font-size: 18px }
.my-galery .my-folder { padding: 10px }
.my-galery a {
    float: left;
    padding: 5px;
}

@media screen and (max-width: 978px) {
    /* Em telas pequenas, não usar container absoluto ocupando a viewport
       para evitar que o rodapé apareça "no meio" após conteúdos curtos */
    .pageContainer {
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        padding-bottom: calc(60px + env(safe-area-inset-bottom)) !important;
    }

    /* Evita forçar altura grande no conteúdo em telas pequenas */
    #content {
        min-height: 0 !important;
    }

    /* Quando a página força rodapé absoluto via .footFix, desativar em mobile */
    .footFix #container {
        padding-bottom: 0 !important;
    }
    .footFix .footer {
        position: static !important;
        bottom: auto !important;
    }
    /* Fixar rodapé no mobile */
    #rodape {
        position: static !important; /* mantém estático também no mobile */
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: 1 !important;
        height: 170px; /* reserva espaço para o rodapé */
        width: 100%;
        clear: both;
    }
    /* Reservar espaço para o rodapé fixo */
    #content,
    #primaryContent {
        padding-bottom: 170px !important; /* reserva espaço para o rodapé */
        box-sizing: border-box;
    }
    /* Se a página usa .footFix, manter o respiro inferior no container */
    .footFix #container {
        padding-bottom: 0 !important;
    }
    /* Reserva espaço inferior para respiros no mobile */
    #container,
    #content,
    #primaryContent { box-sizing: border-box; }
    .container,
    .contentWidth,
    [class*="span"]
    {
        width: 100% !important;
        float: none !important;
    }

    .modal{
        position: absolute;
        width: 100%;
        margin: 0;
        left: 0;
        right: 0;
        top: 0 !important;
        box-sizing: border-box;
    }
    .modal-body {
        overflow: visible;
        max-height: none;
    }

    .fixed {
        position: initial !important;
    }

    .menu .menu-toggle {
        display: block;
    }
    .menu > div.dropdown {
        display: none;
        clear: both;
        text-align: left;
        width: 100%;
        margin-top: 1px;
        line-height: 30px;
        background: #004f9f url(img/menu.png);
    }
    .menuContainer.publico .menu > div.dropdown{
        float: none;
        background: #004f94 url(img/fundomenu.jpg);
    }
    .menu > div.dropdown > .dropdown-toggle{
        height: 100%;
        display: block;
    }

    #primaryContent
    {
        padding: 20px 6px;
        box-sizing: border-box;
    }
    .barra .navbtn {
        margin: 0;
    }
    #home #blocos .bloco{
        margin-left: 0;
        margin-right: 0;
    }

    #listaCursos a{
        width: 100%;
        margin: 2px 0;
    }

    .agendaMes .btn-link,
    .agendaMes .cidadeinfo,
    .agendaMes .horas,
    .agendaMes .valorBtn,
    .agendaMes .custo,
    .agendaMes .btInscricao
    {
        float: none !important;
        display: inline-block;
        position: initial;
        right: 0;
        margin: 0 5px;
    }

    #curso #imagem{
        float: none;
        max-width: 100%;
    }
    #curso #agenda,
    #curso #acaoTemario,
    #curso .paragrafos{
        width: 100%;
        float: none;
        margin: 0;
    }

    #instrutores #mapa #mapa-content {
        transform: scale(0.9) translateX(-9%);
    }
    #instrutores #mapa img{
        max-width: inherit;
    }


    .form-horizontal .control-label {
        width: auto;
    }
    .fileUpload{
        float: none;
    }

    .table td {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 50vw;
    }

    #btsGerarProva{
        white-space: normal;
    }
}

/* Imagens dos blocos de Cursos Contínuos na home */
#home #cursos-continuos-blocos .bloco img {
    float: left;
    width: 130px !important;
    height: 130px !important;
    margin-right: 10px;
    border-radius: 5px;
}

/* img {
    width: 130px;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
} */