/*
 Adicionar componentes aqui
*/

@-moz-document url-prefix() {
    fieldset { display: table-cell; }
}

.form-control-checkbox, .form-control-radio, .form-control-any {
    padding: 7px 14px;
}

.footer {
    background: #eee url('../../img/theme/bg-tecido.png') repeat;
}

.footer a, .footer a:visited {
    color: black;
}

.footer a:hover {
    color: darkgray;
    text-decoration: none;
}

.navbar {
    margin-bottom: 0px;
}

.facebook-container {
    padding-left: 15px;
    padding-top: 15px;
}

/* == NOVA HOME == */

.btn-carros {
    background-color:#F39100 !important; 
    color: #FFFFFF !important;
}
.btn-carros:hover{
    color: #FFFFFF !important;
    background: #DC8300 !important;
}    
.btn-carros:active {
    color: #FFFFFF !important;
    background: #DC8300 !important;
}
.btn-carros:focus {
    color: #FFFFFF !important;
    background: #DC8300 !important;
}

.btn-imoveis {
    color: #FFFFFF !important;
    background-color: #5DB13C !important; 
}
.btn-imoveis:hover {
    color: #FFFFFF !important;
    background-color: #4D9630 !important; 
}
.btn-imoveis:active {
    color: #FFFFFF !important;
    background-color: #4D9630 !important; 
}
.btn-imoveis:focus {
    color: #FFFFFF !important;
    background-color: #4D9630 !important; 
}

.btn-diversos {
    color: #FFFFFF !important;
    background-color: #AF4995 !important; 
}
.btn-diversos:hover {
    color: #FFFFFF !important;
    background-color: #983E81 !important; 
}
.btn-diversos:active {
    color: #FFFFFF !important;
    background-color: #983E81 !important; 
}
.btn-diversos:focus {
    color: #FFFFFF !important;
    background-color: #983E81 !important; 
}

.btn-empregos {
    color: #FFFFFF !important;
    background-color: #0086BE !important; 
}
.btn-empregos:hover {
    color: #FFFFFF !important;
    background-color: #0073A3 !important; 
}
.btn-empregos:active {
    color: #FFFFFF !important;
    background-color: #0073A3 !important; 
}
.btn-empregos:focus {
    color: #FFFFFF !important;
    background-color: #0073A3 !important; 
}

.btn-cinza {
    color: #000 !important; 
    background-color: #e7e7e7 !important;
    border-color: #D7D7D7 !important;
}
.btn-cinza:hover {
    color: #000 !important;
    background-color: #E0E0E0 !important;
    border-color: #D7D7D7 !important;
}
.btn-cinza:active {
    color: #000 !important;
    background-color: #E0E0E0 !important;
    border-color: #D7D7D7 !important;
}  

.home-icon {
    max-width: 80px !important;
}

.home-icon-text {
    font-size: 24px;
}

.carros-color{
    color: #F39100 !important;
}

.imoveis-color {
    color: #5DB13C !important;
}

.diversos-color {
    color: #AF4995 !important;
}

.empregos-color {
    color: #0086BE !important;
}

.text-cinza {
    color: #9999A2 !important;
}

.text-vermelho{
    color: #E30412;
}

.font-size-12{
    font-size: 12px;
}

/* icones da home */

.app-canal-ico {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.app-canal-ico-brand {
    padding: 8px !important;
}

.app-canal-ico:hover, .app-canal-ico-brand:hover {
    background-color: #DDDDDD !important;
}

.app-canal-ico img, .app-canal-ico-brand img {
    height: 32px;
}

.app-classificados-ico {
    height: 30px;
    vertical-align: middle;
}

.app-impresso-header {
    padding-left: 3%;
    padding-right: 6%;
    background: url('/static/img/tema/impresso/pagina_cima.png');
    background-size: 100%;
    background-repeat: no-repeat no-repeat;
    background-position: center bottom;

    height: 30px;
}

.app-impresso-body {
    padding-left: 3%;
    padding-right: 6%;
    background: url('/static/img/tema/impresso/pagina_meio.png');
    background-size: 100%;
    background-repeat: repeat-y;
    background-position: top;

}

.app-impresso-footer {
    padding-left: 3%;
    padding-right: 6%;
    background: url('/static/img/tema/impresso/pagina_baixo.png');
    background-size: 100%;
    background-repeat: no-repeat no-repeat;
    background-position: center top;
    height: 15px;
}

.app-border-light {
    border: 1px solid #ddd;
}

.imoveis-background-pattern {
    background-image: url('../../img/tema/carros/fundo.png');
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
}

$carros_nav_bg: #EF8E00;
$carros_nav_bg_active: #DC8300;
$carros_nav_borda: #DC8300;
$carros_nav_texto: #FFFFFF;

.carros-navbar .navbar {

    color: $carros_nav_texto !important;
    border-color: $carros_nav_borda;
    background-color: $carros_nav_bg !important;
    padding: 6px 0;
    
    @media only screen and (max-width: 768px){
        padding-left: 15px;
    }
}    

.carros-navbar {

    .dropdown-menu {
        color: $carros_nav_texto !important;
        border-color: $carros_nav_borda;
        background-color: $carros_nav_bg !important;
    }

    .navbar-nav a {
        color: $carros_nav_texto !important;
        border-color: $carros_nav_borda;
        background-color: $carros_nav_bg !important;
    }    
    .navbar-nav a:hover {
        color: $carros_nav_texto !important;
        border-color: $carros_nav_borda;
        background-color: $carros_nav_bg_active !important;
    }
    .navbar-nav a:active {
        color: $carros_nav_texto !important;
        border-color: $carros_nav_borda;
        background-color: $carros_nav_bg_active !important;
    }

    .navbar-header button {
        border-color: $carros_nav_borda !important;
    }

    .navbar-header button:hover, .navbar-header button:active {
        background-color: $carros_nav_bg_active !important;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

        #facebook-ul {
            display: none;
        }

        .navbar-nav li:first-child {
            display: none;
        }

    }

    a.navbar-brand {
        color: $carros_nav_texto !important;
    }

    a.navbar-brand:hover, .navbar-brand a:hover {
        color: #eee !important;
    }

}

$imoveis_nav_bg: #5DB13C;
$imoveis_nav_bg_active: #3D7D24;
$imoveis_nav_borda: #507030;
$imoveis_nav_texto: #FFFFFF;

.imoveis-navbar .navbar {

    color: $imoveis_nav_texto !important;
    border-color: $imoveis_nav_borda;
    background-color: $imoveis_nav_bg !important;
}    

.imoveis-navbar {

    .dropdown-menu {
        color: $imoveis_nav_texto !important;
        border-color: $imoveis_nav_borda;
        background-color: $imoveis_nav_bg !important;
    }

    .navbar-nav a {
        color: $imoveis_nav_texto !important;
        border-color: $imoveis_nav_borda;
        background-color: $imoveis_nav_bg !important;
    }    
    .navbar-nav a:hover {
        color: $imoveis_nav_texto !important;
        border-color: $imoveis_nav_borda;
        background-color: $imoveis_nav_bg_active !important;
    }
    .navbar-nav a:active {
        color: $imoveis_nav_texto !important;
        border-color: $imoveis_nav_borda;
        background-color: $imoveis_nav_bg_active !important;
    }

    .navbar-header button {
        border-color: $imoveis_nav_borda !important;
    }

    .navbar-header button:hover, .navbar-header button:active {
        background-color: $imoveis_nav_bg_active !important;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

        #facebook-ul {
            display: none;
        }

    }

    a.navbar-brand {
        color: $imoveis_nav_texto !important;
    }

    a.navbar-brand:hover, .navbar-brand a:hover {
        color: #eee !important;
    }

}

/* screen */
@media only screen and (min-width: 1025px) {

}

/* mobile */
@media only screen and (max-width: 1024px) {

}

/* phone */
@media only screen and (max-width: 767px){
    .app-classificados-ico {
        padding: 4px;
        height: 22px;
    }

    .home-icon {
        max-width: 48px !important;
        padding-top: 5px;
    }
    .nav-tabs li, .nav-tabs li a {
        padding: 0px 0px 0px 0px !important;
    }
}

/* tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px){

    .app-canal-ico, .app-canal-ico-brand {
        margin: 0px !important;
    }

    .home-icon-text {
        font-size: 18px !important;
    }
}

/* fix intervalo quebrando titulo */
@media only screen and (min-width: 1025px) and (max-width: 1200px){
    .home-icon-text {
        font-size: 18px !important;
    }
}

#tag-carros {
    margin-top: 164px;    
    @media only screen and (max-width: 1024px) {
        margin-top: 0;
    }
}

#favoritos #lista-favoritos .img-aspect {
    padding-top: 46%;
}

#newsletter {
    bottom: -19px;
    min-width: 355px; 
    position: fixed;
    right: 5px;
    // width: 100%;
    transition: bottom .3s;
    z-index: 99999; 
}

#newsletter > div {
    padding-left: 18px;     
}

.news-title {
    background-color: #F39100;
    border-radius: 5px 5px 0 0; 
    color: white;
    cursor: pointer;
    text-align: center;
    padding: 6px 0 2px; 
}

.news-title span {
    font-size: 18px;
    font-weight: 100; 
}

.news-title a {
    color: white;
    float: right;
    font-size: 20px;
    font-family: 'fontAwesome';
    padding-right: 10px;
    position: relative;
    top: -1px;
}

.form-news-op {
    width: 100%;
    border-radius: 3px;
    border: none;
    margin-top: 10px;
    text-indent: 18px;
    font-size: 16px; }

#cont-news {
    padding: 4px 0; 
}

.form-news {
    background-color: rgba(0, 0, 0, 0.25);
}

.sub-tit-news {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 6px 0 0 0; 
    text-align: center;
}

.bt-carros-2 {
    width: 40%;
    float: right;
    margin: 10px 0; }

@media only screen and (min-width: 1200px) {
    #newsletter {
        // width: 90%; 
    } 
}
@media only screen and (max-width: 992px) {
    #newsletter {
        display: none; 
    } 
}

.list-title-link {
    color: inherit;
    transition: opacity .2s;
    &:hover {
        text-decoration: none;
    }
}

.container-outer {
    padding-top: 52px;
}

@media only screen and (max-width: 1024px) {
    .home .container-outer, .busca .container-outer {
        padding-top: 16px;
    }

    .revenda .container-outer {
        padding-top: 52px;
    }
}

@media only screen and (max-width: 767px) {
    .container.pg-container.topo {
        margin-top: 0;    
    }
}

.b-lazy {
   opacity:0;
   transition: all .2s;
}

.b-loaded {
   opacity:1;
}

.carro__titulo {
    font-size: 33px;
    
    @media only screen and (max-width: 500px) {
        font-size: 29px;
    }    
}

.carro__infos--1 {
    white-space: nowrap;    
    
    @media only screen and (max-width: 500px) {
        white-space: normal; 
    }
}

.carro__cidade {
    font-size: 20px;
}

.carro-proposta {
    border-radius: 4px;
    overflow: hidden;
    
    @media only screen and (max-width: 991px) {
        padding: 0 4px; 
    }

    @media only screen and (max-width: 500px) {
        margin-top: 50px;
    }
}

.carro-proposta__titulo {
    background: #ef8e00;
    color: #fff;
    font-size: 21px;
    margin: 0;
    padding: 14px 0 10px;
    text-transform: uppercase;
}

.carro__slider .bx-next, .carro__slider .bx-prev {
    margin-top: -28px !important;
}

.form-proposta label {
    color: #fff !important;    
}

.form-proposta .form-control {
    border: 1px solid #ce7a00;
}

.form-proposta__file {
    color: #fff;
    font-size: 14px;
    margin: 0 0 20px;
}

.form-check-label {
    margin-bottom: 0;    
}

.form-proposta-alerts .alert {
    margin-bottom: -5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.fb-share-button, .fb-save, .fb-send {
    margin-right: 10px;    
}

.util-buttons {
   margin-bottom: 7px; 
}

.news-title {
    border: 1px solid white;
    border-bottom: 0;
}

.sub-tit-news, .form-news {
    border: 1px solid #fff;
    border-bottom: 0;
    border-top: 0;        
}

.button-proposta {
    font-weight: 700;
}

.carro-ver-estoque {
    background: #f39100;
    color: #fff;
    padding: 5px 45px;
    border-radius: 3px;
    float: right;
    margin-right: 26px;
    
    @media only screen and (max-width: 500px) {
        margin-right: 0;
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }
}

.carro-ver-estoque:hover {
    background: #ef8e00;
    color: #fff;       
}

.grecaptcha-badge {
    display: none;    
}