﻿
.line-break-top {
    border-top-color: rgb(218, 218, 218);
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 10px;
}
.line-break-bottom {
    border-bottom-color: rgb(218, 218, 218);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 10px;
}

.text-green {
    color: #00984A;
}

.passos__breadcrumb {
    margin: 30px 0px 0px;
    padding: 0px 25px;
    border:none;
}

.passos__card {
    display: inline-block;
    width: 30%;
    height: 55px;
    margin: 10px 0px;
    background-color: #C2C2C2;
    color: #fff;
    float: left;
    border-right: 1px solid white;
}


    .passos__card.passos_ultimo {
        border-right: none;
    }

.container_passo2 .passos__imagem-completo {
    padding: 0px 0px 0px 23px;
}

.container_passo2 .passos__card-inativo::after {
    border: solid 27.5px transparent;
    border-left-color: #d7d7d7;
    right: 38px;
    top: 10.3px;
}


.passos__card-inativo::after {
    content: '';
    width: 0px;
    height: 0px;
    border: solid 27px transparent;
    border-left-color: #C2C2C2;
    float: right;
    position: absolute;
    right: 47px;
    top: 10.5px;
}

.container_passo2 .passos__imagem-completo {
    padding: 0px 0px 0px 23px;
}

.container_passo3 .passos__card-inativo::after {
    border: solid 27.7px transparent;
    right: 40px;
    top: 9.8px;
}

.passos__card-inativo.passos__card-ativo::after,
.passos__card-inativo.passos__card-executado::after {
    border-left-color: #01602A;
}

.passos__card-executado {
    background-color: #004521;
}

    .passos__card-executado:hover {
        box-shadow: inset 0 -10px 30px -10px rgba(0, 0, 0, 0.5);
        cursor: pointer;
    }

.passos__card-executado i{
    background-size: 450px !important;
    background-position-y: -2px !important;
    background-position-x: -132px !important;
}

.passos__card-ativo {
    background-color: #01602A;
}

.passos__card-ativo i{
    background-size: 432px !important;
    background-position-x: -93px !important;
    background-position-y: 0px !important;
}

.passos__card h1, .passos__card span, .passos__card i {
    display: inline-block;
}
.passos__card h1 {
    width: 15%;
    padding: 0px 15px;
    box-sizing: border-box;
    cursor: auto;
    font-size: 40px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    margin: 0px;
}
.passos__card span {
    width: 80%;
    padding: 13px 0px 13px 13px;
    vertical-align: top;
    word-wrap: break-word;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    height: 55px;
    margin: 0px;
}

.passos__card p {
        width: 80%;
        display: inline-block;
        font-family: 'LocalizaDinDisplay_Medium';
        font-size: 15px;
    }
    
    .passos__card i {
        display: inline-block;
        float:right;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        
        background: url("../Content/img/icones/spr-minhas-reservas.png");
        margin-top: 2px;
    }

.icone-inativo {
    background-size: 432px !important;
    background-position-x: -93px !important;
    background-position-y: 0px !important;
}

.passos__card-hidden-span {
    display:none;
}

.passos__imagem-completo {    
    float: right;
    height: 55px;
    width: 72px;
    margin: 13px 0px;
    padding: 0px 0px 0px 20px;
}



.passos__subheader {
    text-align:right;
    padding-right: 5%;
}
.passos__header-blindados, .passos__header-visualizacao {
    display: inline-block;
    width: 40%;
    height: 20px;
}

.passos__header-blindados-duvida{
    float: right !important;
    margin-left: 10px;
}

.passos__icone {
    color: #51575D;
}
.passos__icone-ativo {
    color: #d7d7d7;
}
.passos__header-blindados div, .passos__header-visualizacao div {
    display: inherit;
    width: 65%;
    height: inherit;
    vertical-align: top;
    margin-top: 1px;
} 
.passos__header-blindados h3, .passos__header-visualizacao h3 {
    display: inherit;
    width: 10%;
    margin: 2px;
}
.passos__header-visualizacao div {    
    width: 60%;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #d7d7d7;
}

.passos__section-grupo {
    margin-right: -23px;
    margin-left: -23px;
    margin-bottom: -10px;
}

@media screen and (max-width: 768px) {
    .passos__section-grupo {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.passos__side-bar {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(img/bg-listras-claro.jpg);
    background-origin: padding-box;
    background-size: auto;
    border-left-color: rgb(200, 200, 200);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(200, 200, 200);
    border-right-style: solid;
    border-right-width: 1px;
     border-bottom-color: rgb(200, 200, 200);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    box-sizing: border-box;
    color: rgb(45, 45, 45);
    display: block;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: auto;
    line-height: normal;
    padding: 0px;
    margin-top: 10px;
}
.passos__side-bar--main-header {
    background-color: #004521;
    color: #fff;
    cursor: pointer;
    height: 42px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 9px;
    text-decoration: none;
}

.passos__side-bar--first-header {
    background-color: #d4db26;
    background-image: none;
    border-bottom-color: rgb(0, 0, 238);
    border-bottom-style: none;
    border-bottom-width: 0px;
    color: #004b35;
    cursor: pointer;
    height: 42px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 9px;
    text-decoration: none;
}

.passos__side-bar--second-header {
    background-color: #004521;
    background-image: none;
    border-bottom-color: rgb(0, 0, 238);
    border-bottom-style: none;
    border-bottom-width: 0px;
    color: #fff;
    cursor: pointer;
    height: 42px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 9px;
    text-decoration: none;
}

.passos__side-bar--main-header.collapsed a h1 span:before,
.passos__side-bar--first-header.collapsed a h1 span:before,
.passos__side-bar--second-header.collapsed a h1 span:before {
    content:'+' ;
}

.passos__side-bar--main-header a h1 span:before,
.passos__side-bar--first-header a h1 span:before,
.passos__side-bar--second-header a h1 span:before {
    content:'-' ;
}

.passos__side-bar--main-header h1,
.passos__side-bar--first-header h1
.passos__side-bar--second-header h1,
.passos__side-bar h1 {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    /*font-style: italic;*/
    font-variant: normal;
    /*font-weight: bold;*/
    font-family: 'LocalizaDinDisplay_BdIt';
    height: 24px;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-transform: uppercase;
}

#slip-email .passos__side-bar--main-header h1 {
    font-size: 13px;
}

#slip-email .passos__side-bar--main-header {
    background-color: #004521;
}

.passos__side-bar h1.titulo-upgrade {
    font-size:14px !important;
}

.passos__side-bar--main-header span,
.passos__side-bar--first-header span,
.passos__side-bar--second-header span,
.passos__side-bar span {
    border-right-color: rgb(0, 47, 22);
    border-right-style: solid;
    border-right-width: 1px;    
    font-size: 27px;
    line-height: 19px;
    margin-right: 18px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 18px;
    padding-top: 0px;
    text-transform: uppercase;
    vertical-align: baseline;
}
span{
    border-right-style: none;
    border-right-width: 0px;   
}
.passos__side-bar--accordion-body {
    padding: 10px 25px 0px 25px;
    word-wrap: break-word;
    background: url(../Content/img/backgrounds/bg-listras-claro.jpg);
}

.passos__side-bar--subtitulo1,
.passos__side-bar--subtitulo2, 
.passos__side-bar--subtitulo3, 
.passos__side-bar--subtitulo4, 
.passos__side-bar--subtitulo5 {
    display: inline-block;
    font-size: 14px;
    /*font-style: normal;
    font-variant: normal;
    font-weight: bold;*/
    height: auto;
    line-height: normal;
}
.passos__side-bar--subtitulo1 {
    text-transform: uppercase;
    /*font-style: italic;*/
    font-family: 'LocalizaDinDisplay_BdIt';
}

.passos__side-bar--subtitulo2 {
    font-family: 'OpenSans_Bold';
    font-size: 11.5px;
    text-transform: uppercase;
}
.passos__side-bar--subtitulo3 {
    color: #FFFFFF;
    font-size: 16px;
}
.passos__side-bar--subtitulo4 {
    font-family: 'OpenSans_Bold';
    font-size: 11.5px;
}
.passos__side-bar--subtitulo5 {
    font-family: 'OpenSans_Bold';
    font-size: 10px;
}
.passos__side-bar--link1, 
.passos__side-bar--link2,
.passos__side-bar--link3,
.passos__side-bar--link4, 
.passos__side-bar--link1:hover, 
.passos__side-bar--link2:hover,
.passos__side-bar--link3:hover,
.passos__side-bar--link4:hover {
    color: rgb(0, 152, 74);
    cursor: pointer;
    display: block;
    font-size: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 13px;
    line-height: normal;
    text-decoration: underline;
}
.passos__side-bar--link1 {
    float: right;
    text-transform: uppercase;
}
.passos__side-bar--link4 {
    float: right;
}
.passos__side-bar--link3, .passos__side-bar--link3:hover {
    color: #fff;
    font-family: 'OpenSans_Bold';
    font-size: 11px;
}
.passos__side-bar--texto {
  
}
.passos__side-bar--footer {
    background-color: #004521;
    background-image: none;
    border-bottom-color: rgb(200, 200, 200);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #fff;
    padding: 10px 20px 0px;
}
.passos__side-bar--destaque {
    font-size: 30px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    margin: -10px 0px 10px;
}

@media screen and (max-width: 1199px) {
    .passos__card-hidden-span {
        display:none;
    }
    .passos__card i {
        display: none;
    }
    .passos__card span{
        width: 80%;
    }
    .passos__side-bar--destaque {
        font-size: 25px;
    }
}

@media screen and (max-width: 991px) {    
    .passos__card-hidden-span {
        display: inline-block;
        padding: 12px 0px;
        box-sizing: border-box;
        cursor: pointer;
        float:left;
        font-size: 30px;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        height: 55px;
        line-height: 30px;
        margin: 0px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }
    .passos__card h1 {
        display: none;
    }
    .passos__card i {
        display: none;
    }
    .passos__card span{
        display:none;
    }
    .passos__imagem-completo {
        display: none;
    }
    .passos__header-visualizacao div {
        width: 53%;
    }
    .passos__side-bar--destaque {
        font-size: 35px;
    }
}

@media screen and (max-width: 767px) {
    .passos__card-hidden-span {
        font-size: 20px;
        margin: 0px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }
    .passos__card h1 {
        display: none;
    }
}

.passos_slip .passos__side-bar--accordion-body {
    padding-left: 5px;
    padding-right: 5px;
}

.container-slip .passos__side-bar--accordion-body,
.container-slip-agvig .passos__side-bar--accordion-body {
    padding-left: 15px;
    padding-right: 15px;
}


.passos__side-bar--accordion-body .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

.container-slip {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.container-slip-agvig {
    padding-left: 12px !important;
    padding-right: 5px !important;
    margin-bottom: 0px !important;
}

@media screen and (min-width: 768px) {
.slip-referencia {
    width: 260px !important;
}
}

.container_passo3 .passos__section-grupo,
.container-slip-agvig .passos__section-grupo {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0px;
}
