/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 90px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 90px;
    background-color: #f5f5f5;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    padding: 60px 15px 0;
}

.container .text-muted {
    margin: 20px 0;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

.navbar {
    margin-bottom: 0;
}

.navbar-custom {
    background: url(/boletos/fig/fundo_topo_h1.jpg) #fcf5e2 no-repeat center;
    border: none;
    min-height: 180px;
}

.navbar-custom .navbar-brand {
    color: #635858;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #484040;
    background-color: transparent;
}

.navbar-custom .navbar-text {
    color: #635858;
}

.navbar-custom .navbar-nav > li > a {
    color: #635858;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #212020;
    background-color: transparent;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #212020;
    background-color: #f9ebc4;
}

.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}

.navbar-custom .navbar-toggle {
    border-color: #dddddd;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #dddddd;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #cccccc;
}

.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
    border-color: #f9eac2;
}

.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #212020;
    border-bottom-color: #212020;
}

.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
    background-color: #f9ebc4;
    color: #212020;
}

.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #212020;
    border-bottom-color: #212020;
}

.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #635858;
    border-bottom-color: #635858;
}

@media (max-width: 767) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #635858;
    }

    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #212020;
        background-color: transparent;
    }

    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #212020;
        background-color: #f9ebc4;
    }

    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-custom .navbar-link {
    color: #635858;
}

.navbar-custom .navbar-link:hover {
    color: #212020;
}

.sub-nav {
    background: #988670;
}

.navbar-nav > li > a {
    color: #fafafa;
}

.navbar-nav > li:hover, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    background: #b9a389;
    color: #ffffff;
}

.navbar-toggle {
    background: #b9a389;
}

.navbar-toggle .icon-bar {
    background: #988670;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: #b9a389;
}

.dropdown-menu {
    background: #b9a389;
}

.dropdown-menu > li:hover {
    background: #988670;
}

.dropdown-menu > li > a {
    color: #FAF6EE;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #ffffff;
    background: #988670;
}

.btn-brown {
    color: #FFFFFF;
    background-color: #988670;
    border-color: #8C7A63;
}

.btn-brown:hover,
.btn-brown:focus,
.btn-brown:active,
.btn-brown.active,
.open .dropdown-toggle.btn-brown {
    color: #FFFFFF;
    background-color: #807260;
    border-color: #8C7A63;
}

.btn-brown:active,
.btn-brown.active,
.open .dropdown-toggle.btn-brown {
    background-image: none;
}

.btn-brown.disabled,
.btn-brown[disabled],
fieldset[disabled] .btn-brown,
.btn-brown.disabled:hover,
.btn-brown[disabled]:hover,
fieldset[disabled] .btn-brown:hover,
.btn-brown.disabled:focus,
.btn-brown[disabled]:focus,
fieldset[disabled] .btn-brown:focus,
.btn-brown.disabled:active,
.btn-brown[disabled]:active,
fieldset[disabled] .btn-brown:active,
.btn-brown.disabled.active,
.btn-brown[disabled].active,
fieldset[disabled] .btn-brown.active {
    background-color: #988670;
    border-color: #8C7A63;
}

.btn-brown .badge {
    color: #988670;
    background-color: #FFFFFF;
}

.text-white {
    color: #ffffff;
}

.text-center {
    text-align: center;
    vertical-align: middle;
}

.sub-nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.container-top-10 {
    padding: 10px 15px 0 !important;
}

.container-top-30 {
    padding: 30px 15px 0 !important;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #e3e3e3;
}

.bootstrap-switch .bootstrap-switch-label {
    background: #cccccc;
}

.navbar .divider-vertical {
    height: 50px;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
    border-right-color: #222222;
    border-left-color: #111111;
}

@media (max-width: 767px) {
    .navbar-collapse .nav > .divider-vertical {
        display: none;
    }
}

.popover-title{
    color: #2f2f2f
}

.popover-content {
    color: #2f2f2f
}

.popover {
    max-width: 100%;
}