:root {
    --right-container-adm-width: 250px; 
}

body {
    font-family: 'Lato', sans-serif!important;
    color: #37474F!important;
    font-size: 15px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 1.6!important;
    letter-spacing: 0px!important;
    text-align: left!important;
    text-rendering: optimizeLegibility !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    -webkit-font-smoothing: antialiased !important;
}

@media(min-width:768px)
{
    .phone {
        display:none!important;
    }
}

@media(min-width:900px)
{
    .tablet {
        display:none!important;
    }
}

@media(max-width:767px)
{
    .desktop {
        display:none!important;
    }
}

.padding_15 {
    padding: 15px!important;
}
.no_padding {
    padding: 0!important;
}

.height_100 {
    height:100%;
}

.width_100 {
    width:100%;
}

.font_vsmall {
    font-size:75%;
}

.no_margin {
    margin: 0!important;
}

.margin_top_5 {
    margin-top: 5px!important;
}

.margin_top_15 {
    margin-top: 15px!important;
}

.margin_top_30 {
    margin-top: 30px!important;
}

.margin_top_55 {
    margin-top: 55px!important;
}

.margin_top_80 {
    margin-top: 80px!important;
}

.margin_center {
    margin:0 auto;
}

.navbar-brand {
    width: 106px!important;
    padding: 0 15px!important;
}

#main-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index:-1;
}

.pagina {
    height:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index: -1;
}
.pagina_inner {
    background:#fbfcfe;
    height: 100%;
    
}


@media (max-width: 992px) {
    #main-container-background {
        height: 107%;
        background: rgba(0, 0, 0, 0.57);
        font-family: 'Lato', sans-serif!important;
    }

    #main-container-background .innersection {
        padding: 0 7px;
        max-width: 100%;
        height: 90px;
        background: rgba(0, 0, 0, 0.19);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 666;
    }

    #main-container-background .innersection div {
        height:100%
    }
}

@media (min-width: 992px) {
    #main-container-background {
        height: 120%;
        background: rgba(0, 0, 0, 0.57);
        font-family: 'Lato', sans-serif!important;
    }

    #main-container-background .innersection {
        padding: 20px 77px;
        max-width: 100%;
        height: 150px;
        background: rgba(0, 0, 0, 0.19);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 666;
    }

    #main-container-background .innersection div {
        height:100%
    }
}

@media (max-width: 992px) {
    .site-logo {
        font-style: normal;
        font-weight: 700;
        font-size: 51px;
        line-height: 63px;
        text-transform: uppercase;
        letter-spacing: -0.04em;
        color: #fff;
        height: 100%;
        padding: 22%;
        text-align: center;
        display:none;
    }

    .site-logo img {
        height: 100%;
    }
}

@media (min-width: 992px) {
    .site-logo {
        font-style: normal;
        font-weight: 700;
        font-size: 51px;
        line-height: 63px;
        text-transform: uppercase;
        letter-spacing: -0.04em;
        color: #fff;
        height: 100%
    }

    .site-logo img {
        height: 100%;
    }
}


.site-descricao {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .2em;
}

#main-container-background .innersection .site-user-logo {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 63px;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    color: #fff;
    display:table;
}

#main-container-background .innersection .site-user-logo a {
    color: #fff;
    padding: 15px;
    text-decoration:none;
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
}
#main-container-background .innersection .site-user-logo a:hover {
    text-decoration:none;
    color:#b7b7b7;
}

#main-container-background .innersection .site-user-logo a:focus {
    text-decoration:none;
    color:#fff;
}


.sticky .site-user-logo {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 63px;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    color: #fff;
}

.sticky .site-user-logo a {
    color: #fff;
    padding: 15px;
    text-decoration:none;
    font-size: 13px;
}
.sticky .site-user-logo a:hover {
    text-decoration:none;
    color:#b7b7b7;
}

.sticky .site-user-logo a:focus {
    text-decoration:none;
    color:#fff;
}

.section{
    position: relative;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 76px;
    padding-left: 20px;
    padding-right: 20px;
}

.section-alt{
    position: relative;
    padding-top: 150px;
    padding-bottom: 150px;
    padding-left: 20px;
    padding-right: 20px;
    /* margin: 150px 0; */
    z-index: 1;
    /*height:100%;*/
    height:auto;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.section-alt-inner {
    /*position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 150px 0;
    background: rgba(0,0,0,0.6);*/
}
.section::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: -6vh;
    bottom: 50%;
    background: inherit;
    /* -webkit-transform: skewY(-2.5deg); */
    -ms-transform: skewY(-2.5deg);
    transform: skewY(-2.5deg);
    z-index: -1;
}

.section::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6vh;
    top: 50%;
    background: inherit;
    -webkit-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    transform: skewY(2.5deg);
    z-index: -1;
}

.innersection {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.innersection-alt {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    color: #fff;
}

.innersection-alt2 {
    margin-left: -20px!important;
    margin-right: -20px!important;
    margin-top: 25px!important;
}


.h1, h2, h3, h4, h5 {
    margin: 0!important;
}

@media (max-width: 544px) {
    .innersection h2 {
        font-size: 34px;
        font-weight: 400;
    }
    .innersection-alt h2 {
        font-size: 34px;
        font-weight: 400;
    }.innersection h3 {
        font-size: 26px;
        font-weight: 400;
    }
    .innersection-alt h3 {
        font-size: 26px;
        font-weight: 400;
    }
}

@media (min-width: 544px) {
    .innersection {
        max-width: 576px;
    }
    .innersection h2 {
        font-size: 34px;
        font-weight: 400;
    }
    .innersection-alt {
        max-width: 576px;
    }
    .innersection-alt h2 {
        font-size: 34px;
        font-weight: 400;
    }
    .innersection h3 {
        font-size: 26px;
        font-weight: 400;
    }
    .innersection-alt h3 {
        font-size: 26px;
        font-weight: 400;
    }
}

@media (min-width: 768px) {
    .innersection {
        max-width: 720px;
    }
    .innersection h2 {
        font-size: 36px;
        font-weight: 400;
    }
    .innersection-alt {
        max-width: 720px;
    }
    .innersection-alt h2 {
        font-size: 36px;
        font-weight: 400;
    }
    .innersection h3 {
        font-size: 28px;
        font-weight: 400;
    }
    .innersection-alt h3 {
        font-size: 28px;
        font-weight: 400;
    }
}

@media (min-width: 992px) {
    .innersection {
        max-width: 940px;
    }
    .innersection h2 {
        font-size: 41px;
        font-weight: 400;
    }
    .innersection-alt {
        max-width: 940px;
    }
    .innersection-alt h2 {
        font-size: 41px;
        font-weight: 400;
    }
}

.innersection h2::after {
    content: '';
    display: block;
    width: 50px;
    height: 4px;
    text-align: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: #372d2b;
}

.innersection-alt h2::after {
    content: '';
    display: block;
    width: 50px;
    height: 4px;
    text-align: center;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

.innersection p {
    margin-top:30px;
    font-size: 21px;
}

@media (min-width: 992px) {
    .titulo {
        font-style: normal;
        font-weight: 400;
        font-size: 45px;
        line-height: 1.08;
        font-family: 'Lato', sans-serif;
        letter-spacing: 0px;
        text-align: inherit;
    }
    .subtitulo {
        /* font-style: normal; */
        font-weight: 700;
        font-size: 22px;
        line-height: 1.08;
        letter-spacing: 0px;
        text-align: inherit;
    }
}

@media (max-width: 992px) {
    .titulo {
        font-style: normal;
        font-weight: 400;
        font-size: 42px;
        line-height: 1.08;
        font-family: 'Lato', sans-serif;
        letter-spacing: 0px;
        text-align: inherit;
    }
    .subtitulo {
        /* font-style: normal; */
        font-weight: 700;
        font-size: 16px;
        line-height: 1.08;
        letter-spacing: 0px;
        text-align: inherit;
    }
}

.scrollable {
    overflow: hidden;
    overflow-y: scroll;
}

.color_white {
    color: #fff!important;
}

.background_white {
    background: #fff;
}

.border_white {
    border-color: #fff;
}

.color_grey {
    color: #b7b7b7;
}

.color_lgrey {
    color: #f2f2f2;
}

.background_lgrey {
    background: #f2f2f2;
}

.color_brown {
    color: #602d2b;
}

.background_black_transp {
    background: rgba(0, 0, 0, 0.4);;
}

.font_thin {
    font-weight: 400!important;
}


@media(max-width:768px)
{
    .img_rounded_container {
        width:50%;
    }
    .img_rounded {
        /*float: left;*/
        height: 100px;
        width: 100px;
        margin: 8px;
        border-radius: 999px;
        background-size: 139%;
        /* background-size: cover; */
        margin: 15px auto;
    }
}

@media(min-width:768px)
{
    .img_rounded_container {
        width:25%;
    }
    .img_rounded {
        /*float: left;*/
        height: 150px;
        width: 150px;
        margin: 8px;
        border-radius: 999px;
        background-size: 139%;
        /* background-size: cover; */
        margin: 15px auto;
    }
}

.margin_top_50 {
    margin: 50px 0;
}

.colorfull {
    background: linear-gradient(270deg, #00a0fb, #1E5799);
    background-size: 400% 400%;

    -webkit-animation: colorfull 5s ease infinite;
    -moz-animation: colorfull 5s ease infinite;
    animation: colorfull 5s ease infinite;
}

@-webkit-keyframes colorfull {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes colorfull {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes colorfull { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.img_produtos_container_container{
    position:relative;
    transition: 1s ease-out;
}

.img_produtos_container{
    height:230px;
    background-size: cover;
    background-position: center;
    display:table;
    vertical-align: middle;
    padding:0!important;
    transition: 1s ease-out;
    cursor:pointer;
    transition: 1s ease-out;
    box-shadow: 2px 2px 9px #8c8c8c;
}
.img_produtos_desc{
    padding: 15px;
    background: rgba(234, 234, 234, 0.82);
    position: absolute!important;
    bottom: 0;
    cursor: pointer;
    height: 80px;
    transition: 1s ease-out;
    animation: 1s;
    display: table;
}

.img_produtos_desc span{
    display: table-cell;
    vertical-align: middle;
}

.img_produtos_inner {
    height:100%;
    width:100%;
    vertical-align: middle;
    background: rgba(0,0,0,0.5);
    color:#fff;
    font-size: 22px;
    display:none;
    transition: 1s;
    animation: 1s;
}

.img_produtos_container_container:hover .img_produtos_inner{
    display:table-cell;
    transition: 1s ease-out;
}




@media (min-width: 992px) {

    .header-main-container {
        display: table;
        vertical-align: middle;
        height: 85%;
        width: 100%;
        padding: 25px;
    }

    .header-main-container div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color:#fff;
    }

    .header-main-container div .titulo {
        font-style: normal;
        font-weight: 400;
        font-size: 70px;
        line-height: 1.08;
        font-family: 'Lato', sans-serif!important;
        letter-spacing: 0px;
        text-align: inherit;
    }
    .header-main-container div .titulo_little {
        font-style: normal;
        font-weight: 400;
        font-size: 46px;
        line-height: 1.08;
        font-family: 'Lato', sans-serif!important;
        letter-spacing: 0px;
        text-align: inherit;
    }
    .header-main-container div .subtitulo {
        font-family: 'Lato', sans-serif!important;
        font-weight: 400;
        font-size: 22px;
        line-height: 1.08;
        letter-spacing: 0px;
        text-align: inherit;
    }

    .header-main-container div .button_alt {
        background: rgba(0, 0, 0, 0);
        border: 3px solid #fff;
        border-radius: 7px;
        padding: 13px 20px;
        font-size: 22px;
        margin: 25px 20px;
        color: #fff;
        transition-duration: 0.5s
    }
    .header-main-container div .button_main {
        background: #febf34;
        border: 3px solid #febf34;
        border-radius: 7px;
        padding: 13px 20px;
        font-size: 22px;
        margin: 25px 20px;
        color: #fff;
        transition-duration: 0.5s;
    }
}

@media (max-width: 992px) {

    .header-main-container {
        display: table;
        vertical-align: middle;
        height: 100%;
        width: 100%;
        padding: 25px;
    }

    .header-main-container div {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color:#fff;
    }

    .header-main-container div .titulo {
        font-style: normal;
        font-weight: 400;
        font-size: 42px;
        line-height: 1.08;
        font-family: 'Lato', sans-serif!important;
        letter-spacing: 0px;
        text-align: inherit;
    }

    .header-main-container div .titulo_little {
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 1.08;
        font-family: 'Lato', sans-serif!important;
        letter-spacing: 0px;
        text-align: inherit;
    }

    .header-main-container div .subtitulo {
        /* font-style: normal; */
        font-weight: 400;
        font-size: 16px;
        line-height: 1.08;
        letter-spacing: 0px;
        text-align: inherit;
        font-family: 'Lato', sans-serif!important;
    }

    .header-main-container div .button_alt {
        background: rgba(0, 0, 0, 0);
        border: 3px solid #fff;
        border-radius: 7px;
        padding: 8px 20px;
        font-size: 15px;
        margin: 5px;
        color: #fff;
        transition-duration: 0.5s
    }

    .header-main-container div .button_main {
        background: #febf34;
        border: 3px solid #febf34;
        border-radius: 7px;
        padding: 8px 20px;
        font-size: 15px;
        margin: 5px;
        color: #fff;
        transition-duration: 0.5s;
    }
}

.header-main-container div .button_main:hover {
    background-color:rgb(62, 62, 62);
    border: 3px solid rgb(62, 62, 62);
}

.header-main-container div .button_alt:hover {
    background-color:#febf34;
    border: 3px solid #febf34;
}

button:focus {
    outline: none;
}


button:active {
    outline: none;
}


#opinioes-swipe {
        margin-top: 30px;
}

@media (max-width: 992px) {
    .opinions_container {
        margin: 20px 10px 60px 122px;
    }
}
@media (min-width: 992px) {
    .opinions_container {
        margin: 50px 20px 60px 180px;
    }
}

.sticky { 
    background: rgba(0, 0, 0, 0.75); 
    box-shadow: 1px 7px 23px 2px rgba(0, 0, 0, 0.12);
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 666;
    display:none;
}

@media (max-width: 992px) {
    .main-logo {
        display:block;
        display: block;
        height: 100px;
        margin: auto;
        padding-bottom: 20px;
    }
}
@media (min-width: 992px) {
    .main-logo {
        display:none;
    }
}

#innersection1 .logo {
    height:100px;
    margin:auto;
}



.form-inicio-sessao {
    padding: 50px!important;
    background: rgba(255, 255, 255, 1);
    font-weight: 400!important;
    display: table;
}

.form-inicio-sessao form{
    display: table-cell;
    vertical-align: middle;
}

.form-control {
    border-radius: 0!important;
    padding: 12px!important;
    height: auto!important;
}

.btn-principal {
    color: #fff;
    background-color: #febf34;
    border-color: #febf34;
    width: 100%;
    transition: 0.2s;
    font-size: 19px!important;
    outline: none;
}

.btn-principal:hover {
    background-color:rgb(62, 62, 62);
    border-color: rgb(62, 62, 62);
    color:#fff!important;
}

.div_alerta_loading {
    display: table;
    vertical-align: middle;
    height: 101%;
    width: 100%;
    text-align: center;
    position: fixed;
    background: rgba(0, 0, 0, 0.67);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1503;
    padding: 5%;
}

.div_alerta_loading p{ 
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    font-size: 22px;
}

.div_alerta_helper {
    height: 101%;
    width: 100%;
    text-align: center;
    position: fixed;
    background: rgba(0, 0, 0, 0.67);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1501;
    padding: 5%;
}

.div_alerta_small {
    display: table;
    vertical-align: middle;
    height: 101%;
    width: 100%;
    text-align: center;
    position: fixed;
    background: rgba(0, 0, 0, 0.67);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1502;
    padding: 5%;
    color:#555;
}

@media (max-width: 992px) {
    .div_alerta_small_conteudo {
        height: auto;
        margin-top: 25vh;
        width: 100%;
        min-height: 200px;
        vertical-align: middle;
        background: #fff;
        padding: 30px;
    }
}

@media (min-width: 992px) {
    .div_alerta_small_conteudo {
        height: auto;
        margin: 25vh auto;
        max-width: 500px;
        min-height: 200px;
        vertical-align: middle;
        background: #fff;
        padding: 30px;
        display: inline-block;
        border-top: 4px solid #febe35;
        border-radius: 2px;
    }
}

.div_alerta_small_conteudo textarea {
    width: 100% !important;
}

.div_alerta_big {
    position: fixed;
    background: rgba(0, 0, 0, 0.67);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1501;
    padding: 5%;
    display: block;
}

@media (max-width: 992px) {
    .div_alerta_big_div {
        position: relative;
        text-align: center;
        /* border-radius: 22px; */
        overflow: hidden;
        background: rgba(255, 255, 255, 0.96);
        padding: 20px;
        color: #555;
        height:100%;
        overflow: auto;
    }
}

@media (min-width: 992px) {
    .div_alerta_big_div {
        position: relative;
        text-align: center;
        /* border-radius: 22px; */
        overflow: hidden;
        background: rgba(255, 255, 255, 0.96);
        padding: 40px;
        color: #555;
        height:100%;
        overflow: auto;
    }
}

.div_alerta_big_div_conteudo {
    height: 95%;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
    padding: 0px 20px;
    margin: 0 -35px;
}

.div_alerta_big_div_conteudo_div {
    padding: 0px 20px;
}

.div_alerta_div {
    position: relative;
    text-align: center;
    /* border-radius: 22px; */
    overflow: hidden;
    background: #fff;
    padding: 20px;
    color: rgba(24, 13, 7, 1);
    z-index:1505;
}

.main-button {
    padding: 20px 45px;
    border: none;
    border-radius: 999px;
    font-size: 15px;
    letter-spacing: 1px;
    box-shadow: rgba(0,0,0,0.15) 0 7px 20px;
    display: inline-block;
    text-transform: uppercase;
    cursor:pointer;
    transition: 0.2s;
}

.rounded-button {
    padding: 14px;
    border: none;
    border-radius: 999px;
    font-size: 15px;
    letter-spacing: 1px;
    box-shadow: rgba(0,0,0,0.15) 0 7px 20px;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.2s;
    margin: 6px;
    height: 50px;
    width: 50px;
}

.main-button:hover,
.rounded-button:hover {
    box-shadow: rgba(0, 0, 0, 0.27) 0 7px 20px;
}

.default_color {
    color:#828181!important;
}

.default_background {
    background:#828181!important;
}

.default_border {
    border-color:#828181!important;
}

.white_background {
    background:#fff!important;
}

.white_border {
    border-color:#fff!important;
}

.main_color {
    color:#febf34!important;
}

.main_background {
    background:#febf34!important;
}

.main_border {
    border-color:#febf34!important;
}

.ok_color {
    color:#babd13!important;
}

.ok_background {
    background:#babd13!important;
}

.ok_border {
    border-color:#babd13!important;
}

.nok_color {
    color:#da486b!important;
}

.nok_background {
    background:#da486b!important;
}

.nok_border {
    border-color:#da486b!important;
}

.color_dark {
    color: #555!important;
}

.destaque {
    background: #febf34!important;
    color: #fff!important;
}

.link {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
}

.select {
    padding: 5px;
    outline: none;
    background: #fff;
    border: 1px solid #ccc;
    color: #555;
}

.button_shop {
    background: #febf34;
    color: #fff;
    border-color: #febf34;
}

.button_ignore {
    background: transparent;
    border: none;
    color: inherit;
}

.button_shop:hover {
    border-color: #febf34 !important;
    color: #febf34;
    background: #fff!important;
}

.header-produto {
    height: 40%;
    background-size: 110%;
    background-position: center;
    margin: 0 -20px;
}

td {
    vertical-align: middle!important;
}

.table thead tr {
    height: 50px;
    background: #f3f3f3;
    border: 1px solid #ddd;
    /* color: #febf34; */
    font-weight: bold;
}

.table > tbody > tr:first-child > td {
    border:none!important;
}

.table.table_alt thead tr {
    height:30px;
    background: #f2f2f2;
    border:none;
    color: inherit;
    font-size: 12px;
    font-weight: bold;
}

.table.table_alt > tbody > tr:first-child > td {
    border:none!important;
}
.table.table_alt > tbody > tr > td {
    font-size: 13px;
}

.title_like_table_alt {
    height: 33px;
    background: #f2f2f2;
    border: none;
    color: inherit;
    font-size: 12px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}

.barra_encomenda {
    background: #eaeaea;
    padding: 8px;
    color: #545454;
    margin-top: 28px;
    border: 1px solid #ddd;
    border-bottom: none;
    font-weight: 500;
}

.img-perfil {
    height: 90px;
    width: 90px;
    border-radius: 990px;
    background-size: cover;
    margin: auto;
    background-position: center;
    border: 3px solid;
    position: relative;
}

@page {
    size: auto;   /* auto is the initial value */
    margin: -100px 20px 0;  /* this affects the margin in the printer settings */
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}


@media (max-width:500px) {
    #helper {
        position: fixed;
        bottom: 65px;
        right: 0;
        padding: 10px 25px;
        background: #fff;
        box-shadow: -3px -2px 7px 1px #eaeaea;
        width: 50px;
        z-index: 8;
        border-left: 3px solid #eb3569;
        color: #eb3569;
        font-size: 22px;
    }
}

@media (min-width:500px) {
    #helper {
        position: fixed;
        bottom: 65px;
        right: 0;
        padding: 10px 25px;
        background: #fff;
        box-shadow: -3px -2px 7px 1px #eaeaea;
        width: 50px;
        z-index: 8;
        border-left: 3px solid #eb3569;
        color: #eb3569;
        font-size: 22px;
    }
}

#helper-desc {
    position: fixed;
    right: 10px;
    font-size: 15px;
    color: #fff;
    z-index: 99;
    font-weight: 400;
    width: 270px;
    bottom: 133px;
    text-align: right;
}

#helper-desc div{
    border-bottom: 1px solid;
}

#helper-desc p{
    background: #4fd0e3;
    padding: 5px 10px;
    border-radius: 9px;
    margin: 12px 0;
    display: inline-block;
}

#helper-header {
    cursor:pointer;
}

#helper-inside {
    transition: 2s ease-in-out;
    margin-top:20px
}

#helper-inside p.subtitulo {
    font-weight: 400!important;
}

.menu_bar {
    position: relative;
    height:70px;
}

.header-pda {
    background: #febf34;
    color:#fff;
    /*background: #e2e2e2;
    color: #3e3e3e;*/
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
        box-shadow: 0px 1px 7px 0px #8a8a8a;
}


.menu-bar-dropdown{
    visibility: hidden;
    width: 356px;
    border-radius: 3px;
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.16);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 60px;
    line-height: 1.4 !important;
    padding: 1rem !important;
    margin: 0 !important;
    float: left !important;
    position: absolute !important;
    background-color: #fff !important;
    z-index: 2;
    opacity: 0;
}

.menu-bar-dropdown:before {
    content: "\f0d8";
    font-family: fontawesome;
    top: -26px;
    font-size: 32px;
    position: absolute;
    left: 50px;
    color: #fff;
}

@media (max-width:500px) {
    .menu-bar-dropdown.right {
        width:250px;
    }
}

.menu-bar-dropdown.right {
    right:5px;
    text-align: left;
}

@media (max-width:500px) {
    .menu_bar .nome-cliente {
        padding: 23px 20px;
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        font-weight: 400;
    }
}

@media (min-width:500px) {
    .menu_bar .nome-cliente {
        padding: 23px 30px;
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        font-weight: 400;
    }
}

.nome-cliente:hover .titulo_menu_bar{
    opacity:0.7;
}

.titulo_menu_bar small {
    background: #eb3569;
    height: 20px;
    display: inline-block;
    width: 20px;
    text-align: center;
    border-radius: 999px;
    font-size: 10px;
    /* padding: 2px; */
    position: absolute;
    top: 17px;
    border: 2px solid #fff;
}

.lista_menu_bar {
    opacity: 0.6; 
    transition: 0.4s ease;
}

.lista_menu_bar:hover {
    opacity: 1;
}


.lista_menu_bar_not {
    opacity: 0.6; 
    transition: 0.4s ease;
    margin: 0 -1rem;
    border-bottom: 1px solid #e0dfdf;
    padding: 1rem;
    border-left: 3px solid;
}

.lista_menu_bar_not:hover {
    opacity: 1;
}

.nome-cliente:hover .menu-bar-dropdown{
    opacity: 1;
    pointer-events: auto;
    top: 75px;
    visibility: visible;
}

li{
    list-style-type: none;
}

.menu-bar-dropdown ul li{
    list-style-type: none;
}

.menu-bar-dropdown ul {
    padding:0;    
}

.menu-bar-dropdown ul li a{
    text-decoration: none;
}

.menu_bar a{
    text-decoration: none!important;
    color: inherit!important;
}

.menu-bar-dropdown-icon {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
    font-size: 30px;
    color: #febf34;
}

.menu-bar-dropdown-text {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 5px;
}

.menu-bar-dropdown-text .titulo{
    font-weight: 700;
    color: #febf34;
    font-size: 17px;
}

.menu-bar-dropdown-text .subtitulo{
    color: #797979;
    font-size: 14px;
    font-weight: 400;
}


footer {
    padding: 15px;
    border-top: 1px solid #eaeaea;
    text-align: center;
}

@media (max-width:768px)
{
    .footer {
        padding: 20px 30px 20px;
        margin-top: 80px;
        background-color: #fafafa;
        color: #546e7a;
    }

    .footer .titulo{
        font-weight: 400;
        color: #263238;
        font-size: 17px;
        margin-bottom:30px;
    }

    footer {
        margin-bottom: 60px;
    }
}

@media (min-width:768px)
{
    .footer {
        padding: 100px 75px 100px;
        margin-top: 80px;
        background-color: #fafafa;
        color: #546e7a;
    }

    .footer .titulo{
        font-weight: 400;
        color: #263238;
        font-size: 17px;
        margin-bottom:30px;

    }
}


.card_tipo_prod {
    height: 400px;
    width: 80%;
    margin: auto;
    background-size: cover;
    background-position: center;
    color: #fff;
    transition: 0.2s ease-in-out;
    cursor:pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    opacity: 0.7;
}

.card_tipo_prod:hover {
    opacity: 1;
}

.card_tipo_prod div:first-child {
    height: 100%;
    display: table;
    /* vertical-align: middle; */
    width: 100%;
    text-align: center;
}
.card_tipo_prod div:first-child p{
    display: table-cell;
    vertical-align: middle;
    font-size: 4vh;
    padding: 5%;
}

a {
    text-decoration:none!important;
}



@media (min-width: 992px) {
    .home-section .titulo {
        font-style: normal;
        font-weight: 700;
        font-size: 33px;
        line-height: 2.08;
        font-family: 'Lato', sans-serif!important;
        letter-spacing: 0px;
        text-align: inherit;
    }
    .home-section .subtitulo {
        /* font-style: normal; */
        font-weight: 400;
        font-size: 19px;
        line-height: 1.08;
        letter-spacing: 0px;
        text-align: inherit;
    }
}

@media (max-width: 992px) {
    .home-section .titulo {
        font-style: normal;
        font-weight: 700;
        font-size: 28px;
        line-height: 3.08;
        font-family: 'Lato', sans-serif!important;
        letter-spacing: 0px;
        text-align: inherit;
    }
    .home-section .subtitulo {
        /* font-style: normal; */
        font-weight: 400;
        font-size: 17x;
        line-height: 1.08;
        letter-spacing: 0px;
        text-align: inherit;
    }
}


@media (max-width: 768px) {
    .menu-bottom-bar {
        position: fixed;
        bottom: 0;
        left: 0; 
        right: 0;
        background: #fff;
        z-index: 99;
        box-shadow: 1px 4px 12px 0px #8e8e8e;
        transition: 0.2s ease-in-out;
        overflow: hidden;
        overflow-y: scroll;
        height: 60px;
         opacity: 0.9;

    }

    .menu-bottom-bar div {
        width: 20%;
        display: table;
        float: left;
        height: 100%;
        text-align: center;
        border-top: 2px solid #fff;
        background: #fff;
        color: #febf34;
    }

    .menu-bottom-bar div:hover {
        border-top: 2px solid #febf34;
    }

    .menu-bottom-bar div.active {
        border-top: 2px solid #febf34!important;
        background: #febf34!important;
        color: #fff!important;
    }

    .menu-bottom-bar div i{
        display: table-cell;
        vertical-align: middle;
        color: inherit;
    }
}


@media (min-width: 768px) {
    .menu-bottom-bar {
        display:none;
    }
}

.card-indicadores {
    box-shadow: rgba(0,0,0,0.1) 0 20px 77px, rgba(0,0,0,0.1) 0 10px 24px;
    border-top: 6px solid;
    padding: 10px 25px;
    margin-top: 12px;
    transition: 0.2s;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    min-height:150px;
}

.card-indicadores.clickable {
    cursor:pointer;
}

.card-indicadores.clickable.active {
    margin-top: 3px;
}

.card-indicadores.clickable:hover {
    margin-top: 3px;
}

.card-indicadores.small .report-container{
    height: 130px;
}

.card-indicadores.big .report-container{
    height: 300px;
}

.card-indicadores.big .mini-report-container{
    height: 100px;
    margin: 10px -10px -20px;
}

.card-indicadores.big .mini-report-container p.titulo{
    margin:0;
}

.card-indicadores.big .mini-report-container p.subtitulo{
    margin:0;
    color: #9c9c9c;
}

.card-indicadores .small-card-indicadores {
    margin: -10px -15px;
    height: 100px;
    text-align: center;
    background: #f5f5f5;
    line-height: 100px;
    padding: 14px;
    border-right: 1px solid #e6e5e5;
}

.card-indicadores .small-card-indicadores > div {
    height:auto;
    min-height:45px
}

.card-indicadores .small-card-indicadores .animated {
    line-height: 45px;
}

.card-indicadores .row > div:last-of-type .small-card-indicadores {
    border-right: none;
}

.card-indicadores.success p.titulo{
    color: #3bd2a2;
}

.card-indicadores.pending p.titulo{
    color: #febf34;
}

.card-indicadores.error p.titulo{
    color: #eb3569;
}

.card-indicadores.default p.titulo{
    color: #184891;
}

.card-indicadores .titulo {
    font-size: 25px;
    /* text-align: right; */
    line-height: 45px;
}

@media(max-width:768px) {
    .card-indicadores .titulo {
        font-size: 22px;
        /* text-align: right; */
        line-height: 40px;
    }
}

.card-indicadores .subtitulo {
    color: #37474F;
    font-size: 13px;
    margin-bottom: 15px;
}

.card-indicadores p {
    margin:0;
}

.card-indicadores > i {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 8vh;
    opacity: 0.3;
}

.card-expansive-header {
    padding: 10px;
    background: #eaeaea;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    font-size: 18px;
    border: 1px solid #eaeaea;
}

.card-expansive-header p {
    margin:0;
}

.card-expansive-body {
    padding: 10px;
    border: 1px solid #eaeaea;
    overflow: hidden;
    overflow-y: auto;
}


.img-cliente-mini {
    height: 100px;
    width: 100px;
    background-size: cover;
    background-position: center;
    border-radius: 999px;
    margin: 6px auto;
    display:table;
}

.img-cliente-mini .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 999px;
    color: #fff;
    display:none;
    transition: 0.2s;
}
.img-cliente-mini:hover .inner {
    display:table-cell;
}

.img-cliente-mini-mini {
    height: 70px;
    width: 70px;
    background-size: 120%;
    background-position: center;
    border-radius: 999px;
    margin: 6px auto;
}

.card-expansive-top-bg {
    margin: -10px -10px 10px;
    padding: 20px;
    background: rgb(60, 209, 162);
    color: #fff;
}

.card-expansive-body .bullet {
    margin: 0 -10px;
    padding: 10px;
    font-size: 17px;
    font-weight: 400;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    color: #372d2b;
}

.card-expansive-body a:first-child .bullet{
    border-top: 1px solid #eaeaea;
}

.card-expansive-body .bullet:hover {
    background: #eaeaea;
}

.card-expansive-body .bullet.active {
    background: #eaeaea;
}

.card-expansive-body .bullet.new {
    border-left: 3px solid #da486b;
    color: #da486b;
}


.card-expansive-footer {
    padding: 10px;
    background: #eaeaea;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size: 18px;
    border: 1px solid #eaeaea;
}

.button_main {
    padding: 4px 10px;
    font-size: 15px;
    color: #fff;
    transition-duration: 0.5s;
    width: 100%;
    text-align: center;
    margin: 0;
    border: 0;
}
.card-dismissable {
    display:none;
}

.breadcrumbr {
    background: #eaeaea;
    padding: 5px 10px;
}

.breadcrumbr p{
    margin:0;
}

.breadcrumbr p span{
    padding:10px;
}

.table-striped {
    border: 1px solid #CFD8DC;
    color: #37474F;
}

.table-striped > thead > tr > td {
    padding: 10px 15px !important;
    background: #fff;
    font-weight: 400;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f2f2f2!important;
}

.table-striped > tbody > tr > td {
    padding: 10px 15px!important;
    border: 0!important;
}

@media(max-width:768px) {
    .table-striped > tbody > tr > td {
        font-size:10px;
        padding: 5px!important;
    }
}

.table-striped.alt {
    border: 1px solid #CFD8DC;
}

.table-striped.alt > thead > tr > td {
    padding: 10px 15px !important;
    background: #fcfcfc;
    font-weight: 400;
}

@media(max-width:768px) {
    .table-striped.alt > thead > tr > td {
        font-size: 12px;
    }
}

.table-striped.alt > tbody > tr {
    border-bottom: 1px solid #f2f2f2!important;
    background-color: #ffffff!important;
}

.table-striped.alt > tbody > tr:last-of-type {
    border-bottom: none!important;
}

.table-striped.alt > tbody > tr > td {
    padding: 10px 15px!important;
    border: 0!important;
}

@media (max-width: 768px) {
    .table-striped.alt > tbody > tr > td {
        font-weight: 400;
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .table-striped.alt > tbody > tr > td {
        font-weight: 400;
        font-size: 14px;
    }
}

.table-striped.alt > tfoot > tr > td {
    padding: 10px 15px !important;
    background: #fcfcfc;
    font-weight: 400;
}

.section-big-bg {
    background: #e4e9f0;
}

.container-adm .section-big-bg,
.container-adm-alt .section-big-bg {
    background: #fbfcfe;
}

.section-big-bg.alt {
    background: rgb(249, 249, 249);
    border: 1px solid #dad7d7;
    border-top: none;
}

.section-big-bg.alt:first-of-type {
    border-top: 1px solid #dad7d7;
}

@media (max-width: 768px) {
    .section-big-bg .section-big-header {
        padding: 30px 0;
    }

    .section-big-bg .section-big-header .inner{
        position: relative;
    }
}

@media (min-width: 768px) {
    .section-big-bg .section-big-header {
        padding: 30px;
    }

    .section-big-bg .section-big-header .inner{
        position: relative;
        padding-left: 150px;
        height: 150px;
    }
}

@media (max-width: 768px) {
    .section-big-bg .section-big-header .inner .photo{
        position: absolute;
        left: 0;
        top: 0;
        width: 90px;
        height: 90px;
        background-size: cover;
        border-radius: 999px;
        cursor: pointer;
        background-position: center;
        border: 3px solid;
    }
}

@media (min-width: 768px) {
    .section-big-bg .section-big-header .inner .photo{
        position: absolute;
        left: 0;
        top: 0;
        width: 150px;
        height: 150px;
        background-size: cover;
        border-radius: 999px;
        cursor: pointer;
        background-position: center;
        border: 3px solid;
    }
}

.section-big-bg .section-big-header .inner .photo .inner{
    height: 150px;
    width: 150px;
    display: table-cell;
    padding: 63px 0;
    vertical-align: middle;
    text-align: center;
    background: rgba(0, 0, 0, 0.57);
    border-radius: 999px;
    color: #fff;
    display: none;
    transition: 0.2s;
}

.section-big-bg .section-big-header .inner .photo:hover .inner {
    display: block;
}

.section-big-bg .section-big-header .inner .meta{
    overflow-wrap: break-word;
    word-wrap: break-word;
    margin-left: 20px;
}


@media (max-width: 768px) {
    .section-big-bg .section-big-body {
        padding:0 15px 30px;
    }

    .section-big-bg .section-big-header .title{
        margin: 0 0 6px;
        font-size: 25px;
        font-weight: normal;
        color: #3a3c4c;
    }
}

@media (min-width: 768px) {
    .section-big-bg .section-big-body {
        padding: 0 30px 30px;
    }

    .section-big-bg .section-big-header .title{
        margin: 0 0 17px;
        font-size: 33px;
        font-weight: normal;
        color: #3a3c4c;
    }
}
.section-big-bg .section-big-body .title{
    color: #3a3c4c;
    font-weight: 600;
    letter-spacing: .02em;
    font-size: 18px;
}

@media (max-width: 768px) {
    .section-big-bg .section-big-body .paper{
        background-color: white;
        border-radius: 0;
        padding: 30px 15px;
        position: relative;
        z-index: 3;
        text-decoration: none;
        overflow: hidden;
        width: 100%;
        display: block;
        outline: none;
        box-shadow: 0 3px 8px 0 rgba(0,0,0,0.03);
        border: 1px solid #d4dadf;
        margin-top: -2px;
    }
}

@media (min-width: 768px) {
    .section-big-bg .section-big-body .paper{
        background-color: white;
        border-radius: 0;
        padding: 30px;
        position: relative;
        z-index: 3;
        text-decoration: none;
        overflow: hidden;
        width: 100%;
        display: block;
        outline: none;
        box-shadow: 0 3px 8px 0 rgba(0,0,0,0.03);
        border: 1px solid #d4dadf;
        margin-top: -2px;
    }
}

.section-big-bg .section-big-body .paper:first-child{
    margin-top: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.section-big-bg .section-big-body .paper:last-child{
    margin-top: -2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.section-big-bg .section-big-body .paper p {
    font-size: 15px;
}

.section-big-bg .section-big-body .paper .title {
    font-size: 18px;
    color: #0385CD;
    font-weight: 400;
}

.section-big-bg .section-big-body .paper .subtitle {
    font-size: 13px;
    color: #4f5e6b;
    margin:0;
    font-weight: 400;
}
@media (max-width: 768px) {
    .section-big-bg .section-big-body .paper .paper-left-section {
        width: 100%;
        display: inline-block;
        text-align: center;
        font-size: 38px;
        color: #818a97;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .section-big-bg .section-big-body .paper .paper-right-section {
        float: right;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .section-big-bg .section-big-body .paper .paper-left-section {
        width: 170px;
        display: inline-block;
        text-align: center;
        font-size: 48px;
        color: #818a97;
        margin-left: -30px;
    }
    .section-big-bg .section-big-body .paper .paper-right-section {
        float: right;
        width: calc(100% - 140px);
    }
}


.section-big-body .mapa {
    border: 0;
    width: calc(100% + 60px);
    margin: 0 -30px;
    height: 400px;
}

.card-container {
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
}

.card-wrap {
    height: 450px;
    width:300px;
    padding: 3em 2rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    background-color: #fff;
    text-align: center;
    display: inline-block;
    margin: 20px;
}

.card-wrap:first-of-type {
    margin-left: 5px;
}

.card-wrap .body{
    height:80%;
    padding: 10px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 15px;
}
.card-wrap .action_footer{
    height:20%;
}

.card-wrap .title {
    font-size: 24px!important;
    font-weight: 700!important;
    margin: 12px 0 10px;
    white-space: initial!important;
}

.card-wrap .subtitle {
    font-size: 16px!important;
    font-weight: 400!important;
    white-space: initial!important;
}

@media (max-width: 768px) {
    .section-main-title {
        margin-top: 140px!important;
    }
}

@media (min-width: 768px) {
    .section-main-title {
        margin-top: 390px!important;
    }
}


.section-main-bar{
    background-color: #2196F3;
    padding: 10px 15px;
    color:#fff;
    position: relative;
}

.section-main-bar:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: -6vh;
    bottom: 50%;
    background: inherit;
    -webkit-transform: skewY(-2.5deg);
    -ms-transform: skewY(-2.5deg);
    transform: skewY(-2.5deg);
    z-index: -1;
}

.section-main-bar:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6vh;
    top: 50%;
    background: inherit;
    -webkit-transform: skewY(-2.5deg);
    -ms-transform: skewY(-2.5deg);
    transform: skewY(-2.5deg);
    z-index: -1;
}

.section-main-bar .inner{
    text-align: center;
    padding: 90px 30px;
}


@media(max-width:768px){

    .search-form {
        position: relative;
        font-size: 1rem;
        height: 56px;
        width: 100%;
        max-width: 532px;
        border-radius: 5rem;
        margin-bottom: 1.125rem;
        margin-top: 1.6875rem;
        margin-left: auto;
        margin-right: auto;
        box-shadow: rgba(0,0,0,0.15) 0 7px 20px, rgba(0,0,0,0.05) 0 -4px 16px;
    }

    .search-form input[type="text"]{
        border: 1px solid transparent;
        background: #fff;
        display: inline-block;
        border-top-left-radius: 5rem;
        border-bottom-left-radius: 5rem;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 60.52632%;
        padding-left: 34px;
        font-size: 13px;
        outline: none;
        color: #333;
    }

    .search-form .label-btn {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 60.52632%;
        height: 100%;
        width: 39.47368%;
        border: 0;
        border-top-right-radius: 5rem;
        border-bottom-right-radius: 5rem;
        box-shadow: none;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        background:#3BD2A2;
        color: #fff;
        cursor:pointer;
        outline: none;
    }


    .section-main-bar .inner .titulo{
        font-size: 30px;
    }
    .section-main-bar .inner .subtitulo{
        font-size: 15px;
    }
}

@media(min-width:768px){
    .search-form {
        position: relative;
        font-size: 1rem;
        height: 66px;
        width: 80%;
        max-width: 532px;
        border-radius: 5rem;
        margin-bottom: 1.125rem;
        margin-top: 1.6875rem;
        margin-left: auto;
        margin-right: auto;
        box-shadow: rgba(0,0,0,0.15) 0 7px 20px, rgba(0,0,0,0.05) 0 -4px 16px;
    }

    .search-form input[type="text"]{
        border: 1px solid transparent;
        background: #fff;
        display: inline-block;
        border-top-left-radius: 5rem;
        border-bottom-left-radius: 5rem;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 60.52632%;
        padding-left: 34px;
        font-size: 16px;
        outline: none;
        color: #333;
    }

    .search-form .label-btn {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 60.52632%;
        height: 100%;
        width: 39.47368%;
        border: 0;
        border-top-right-radius: 5rem;
        border-bottom-right-radius: 5rem;
        box-shadow: none;
        font-size: 16px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        background:#3BD2A2;
        color: #fff;
        cursor:pointer;
        outline: none;
    }

    .section-main-bar .inner .titulo{
        font-size: 52px;
    }
    .section-main-bar .inner .subtitulo{
        font-size: 15px;
    }
}



.header-main-page {
    right: 0;
    left: 0;
    margin-top: -10px;
}

.header-main-page .header_produto {
    height: 400px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.card-3-steps {
    padding: 0 30px!important;
}

.card-3-steps p{
    line-height: 1.5;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #37474F;
}


@media(max-width:768px){
    .card-3-steps .titulo{
        text-align: center;
        font-size: 48px;
        margin-top: 50px;
        margin-bottom: 10px;

    }

    .card-3-steps .subtitulo{
        text-align: center;
        font-size: 20px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .card-3-steps p{
        text-align: center;
        font-size: 14px;
    }

    .card-3-steps:first-of-type .titulo{
        margin-top:0;
    }
}

@media(min-width:768px){
    .card-3-steps .titulo{
        text-align: left;
        font-size: 57px;
        margin-top: 21px;
        margin-bottom: 17px;

    }

    .card-3-steps .subtitulo{
        text-align: left;
        font-size: 24px;
        margin-top: 21px;
        margin-bottom: 17px;
    }

    .card-3-steps p{
        text-align: left;
        font-size: 18px;
    }

}

#input_telemovel_cli::-webkit-inner-spin-button, 
#input_telemovel_cli::-webkit-outer-spin-button,
#input_id_nota_despesa::-webkit-inner-spin-button, 
#input_id_nota_despesa::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}


.notification-bar {
    box-shadow: 1px 0px 7px 0px #8a8a8a;
    z-index: 1;
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    z-index: 1549;
    display: none;
}

#div_black_fundo {
    display:none;
}

@media(max-width:768px)
{
    .notification-bar {
        width:100%;
        padding: 80px 20px;
    }
}

@media(min-width:768px)
{
    .notification-bar {
        width:400px;
        padding: 40px 20px;
    }
}

.header-title-adm {
    height: 85px;
    /* background: linear-gradient(141deg, #67c3c0 0%, #48b0e1 51%, #4893e1 75%); */
    box-shadow: 0px 1px 7px 0px rgba(138, 138, 138, 0.52);
    /* background-image: url(../img/fundo_adm.jpg); */
    background-size: cover;
    text-align: left;
    padding: 30px 30px 30px 280px;
    color: #384850;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 11;
    background: #fff;
    overflow: hidden;
    white-space: nowrap;
    transition: 0.2s;
}
@media (max-width: 768px)
{
    .header-title-adm {
        padding: 30px 30px 30px 10px;
    }
}

.header-title-adm.open {
    padding: 30px 30px 30px 260px;
}

.subheader-adm {
    height: auto;
    margin-top: 85px;
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    padding: 0 15px;
}

.subheader-adm > div {
    min-height: 120px;
    border-right: 1px solid #eaeaea;
    padding: 20px;
    border-top: 1px solid #eaeaea;
}

@media(min-width:768px) {
    .subheader-adm {
        background-color: #fff;
        border-bottom: 1px solid #eaeaea;
        padding: 0;
        display: table;
        width: 100%;
        margin: 85px 0 0!important;
    }
    
    .subheader-adm > div {
        border-right: 1px solid #eaeaea;
        padding: 20px;
        border-top: 1px solid #eaeaea;
        display: table-cell;
        height: 100%;
        float: none;
    }
}

.subheader-adm div:last-of-type {
    border-right: none;
}

.subheader-adm .titulo {
    position: absolute;
    bottom: 0;
    right: 20px;
    font-size: 6vh;
}

.subheader-adm .titulo small {
    font-size: 32%;
    opacity: 0.5;
}

@media(max-width:768px)
{
    .container-adm {
        padding: 45px 10px;
        width: 100%;
        margin: 85px auto;
    }
}

@media(min-width:768px)
{
    .container-adm {
        padding: 45px 10px;
        width: 500px;
        margin: 85px auto;
    }
}

@media(min-width:860px)
{
    .container-adm {
        padding: 45px 50px;
        width: 600px;
        margin: 85px auto;
    }
}

@media(min-width:968px)
{
    .container-adm {
        padding: 45px 50px;
        width: 700px;
        margin: 85px auto;
    }
}

@media(min-width:1060px)
{
    .container-adm {
        padding: 45px 50px;
        width: 800px;
        margin: 85px auto;
    }
}

@media(min-width:1160px)
{
    .container-adm {
        padding: 45px 50px;
        width: 900px;
        margin: 85px auto;
    }
}

@media(min-width:1260px)
{
    .container-adm {
        background: #fbfcfe;
        padding: 45px 50px;
        width: 1000px;
        margin: 85px auto;
    }
}

@media(min-width:1360px)
{
    .container-adm {
        background: #fbfcfe;
        padding: 45px 50px;
        width: 1100px;
        margin: 85px auto;
    }
}

.container-adm-alt {
    background: #fbfcfe;
    padding: 45px 50px;
    width: 100%;
    margin: 85px auto;
}

@media(max-width:768px)
{
    .container-adm-alt {
        padding: 30px 0px;
    }
}

.container-adm-alt + .container-adm {
    margin-top:-130px;
}

.subheader-adm + .container-adm-alt {
    margin: 0 auto;
}

.right-container-adm {
    position: fixed;
    background: #fff;
    top: 85px;
    bottom: 0;
    right: 0;
    width: var(--right-container-adm-width);
    border-left: 1px solid #eaeaea;
    overflow-y: scroll;
}

.right-container-adm ~ .container-adm-alt {
    margin: 0;
    width: calc(100% - var(--right-container-adm-width));
}

.right-container-adm ~ .subheader-adm {
    width: calc(100% - var(--right-container-adm-width));
}

.selector-macro {
    background: #fbfbfb;
    border-bottom: 1px solid #eaeaea;
}

.selector-macro-title {
    padding: 5px 10px;
    margin:0;
    cursor:pointer;
    position: relative;
}

.selector-macro-title .badge{
    position: absolute;
    right: 10px;
    top: 9px;
}

.selector-macro-title:hover {
    background:#f5f5f5;
}

.selector-macro-title.active {
    background:#f5f5f5;
}

.selector-container {
    display:none;
}

.selector-macro > .selector-container > .selector-entry{
    display:table;
    width:100%;
    padding: 10px 10px;
    transition: 0.2s;
    cursor:pointer;
}

.selector-macro > .selector-container > .selector-entry:hover {
    background:#f5f5f5;
}

.selector-macro > .selector-container > .selector-entry > .selector-entry-img{
    height: 40px;
    width: 40px;
    border-radius: 990px;
    background-size: cover;
    margin: auto;
    margin-left: -3px;
    border: 3px solid #fff;
    background-position: center;
    vertical-align: middle;
    text-align: left;
    display: inline-flex;
}

.selector-macro > .selector-container > .selector-entry > .selector-entry-title {
    display:inline-flex;
    vertical-align: middle;
    text-align: left;
    padding: 5px;
    font-weight: bold;
    max-width: 190px;
}

.selector-macro > .selector-container .img-artigo-small {
    display:inline-block;
}

.notification-bar .lista_menu_bar_not {
    margin: 0 -20px;
    cursor:pointer;
    border-left: 4px solid;
}

.wide-section {
    margin: 50px -65px;
    text-align: center;
    padding: 40px;
    color: #fff;
}

.notification-bar .lista_menu_bar_not .menu-bar-dropdown-text{
    display: block;
}


.navbar-default {
    background-color: rgba(255, 255, 255, 1)!important;
    border-color: rgba(231, 231, 231, 0)!important;
    box-shadow: rgba(0,0,0,0.15) 0 7px 20px;
    transition: 0.2s;
}

.navbar-default .navbar-nav > li > a {
    color: #272727!important;
    font-weight: 400;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #333!important;
    background-color: #f5f5f5!important;
    
}


@media(max-width:768px)
{
    .navbar.navbar-fixed-top {
        z-index: 1550!important;
        left:-280px;
    }
    .navbar.navbar-fixed-top.open {
        z-index: 1550!important;
        left:0;
    }
}



.card-timeline {
    padding: 20px;
    border: 1px solid #eee;
    border-top: 3px solid;
    background: rgba(249, 249, 249, 0.34);
}


@media (max-width: 768px)
{
    .section-timeline {
        text-align: center;
        padding: 0;
        margin-top: 50px;
    }
}

@media (min-width: 768px)
{
    .section-timeline {
        text-align: center;
        padding: 0;
        margin-top: 50px;
    }
}

@media (max-width: 768px)
{
    .experience-period {
        margin-top: 0;
        border-left: 1px solid #ccc;
    }
}

@media (min-width: 768px)
{
    .experience-period {
        margin-top: 0;
    }   
}


@media (max-width: 768px)
{
    .experience-detail {
        border-left: 1px solid #ccc;
        padding-bottom: 20px;
        margin-left: 0;
        padding-left: 4% !important;
    }

    .experience-period .time-label {
        text-align: left;
        font-weight: 400;
        margin-top: 23px!important;
        margin-bottom: 0!important;
        line-height: 34px;
        margin-right: 23%!important;
        border-radius: 2px;
    }

    .section-timeline-opt {
        margin-right: 23%;
        text-align: left;
        margin-top: 10px;
    }
}

@media (min-width: 768px)
{
    .experience-detail {
        border-left: 1px solid #ccc;
        padding-bottom: 20px;
        margin-left: -45px;
        padding-left: 4% !important;
    }

    .experience-period .time-label {
        text-align: right;
        font-weight: 400;
        margin-top: 23px!important;
        margin-bottom: 0!important;
        line-height: 34px;
        margin-right: 23%!important;
        border-radius: 2px;
    }

    .section-timeline-opt {
        margin-right: 23%;
        text-align: right;
        margin-top: 10px;
    }
}


.experience-detail .title {
    color: #333;
    text-align: left;
    font-weight: 400;
    line-height: 34px;
}

.experience-detail .title::before {
    content: '';
    width: 23px;
    height: 23px;
    background: #febf34;
    position: absolute;
    border-radius: 50px;
    left: -12px;
    margin-top: 10px;
    border: 4px solid #fff;
    top: 21px;
}


.card-timeline.status_1 {
    border-top-color: #184891;
}

.card-timeline.status_1 .title::before {
    background: #184891;
}

.card-timeline.status_2 {
    border-top-color: #184891;
}

.card-timeline.status_2 .title::before {
    background: #184891;
}

.card-timeline.status_3 {
    border-top-color: #febf34;
}

.card-timeline.status_3 .title::before {
    background: #febf34;
}

.card-timeline.status_4 {
    border-top-color: #febf34;
}

.card-timeline.status_4 .title::before {
    background: #febf34;
}

.card-timeline.status_5 {
    border-top-color: #3bd2a2;
}

.card-timeline.status_5 .title::before {
    background: #3bd2a2;
}

.card-timeline.status_6 {
    border-top-color: #eb3569;
}

.card-timeline.status_6 .title::before {
    background: #eb3569;
}


.experience-detail .subtitle {
    font-weight: 500;
    color: #333;
    text-align: left;
    line-height: 34px;
    margin-top: -10px;
}

.img-artigo-small {
    height: 40px;
    width: 40px;
    border-radius: 990px;
    background-size: cover;
    margin: auto;
    margin-left: -10px;
    border: 3px solid #fff;
    background-position: center;
}

.img-artigo-small:first-of-type {
    margin-left: -1px;
}

.img-perfil .img-artigo-small,
.section-big-bg .section-big-header .inner .photo .img-artigo-small {
    position: absolute;
    bottom: -6px;
    right: -8px;
}

.titulo select option {
    font-weight:100;
    font-size: 22px;
}

@media (max-width: 768px)
{
    .comment-outer {
        padding: 0;
    }
}

@media (min-width: 768px)
{
    .comment-outer {
        padding: 15px;
    }
}


.comment-outer .comment-container {
    position: relative;
    padding-left: 70px;
}

.comment-outer .comment-container .photo {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    background-size: 120%;
    border-radius: 999px;
    cursor: pointer;
    background-position: center;
    background-size: cover;
}

.comment-outer .comment-container .meta {
    overflow-wrap: break-word;
    word-wrap: break-word;
    margin-left: 20px;
}

.comment-outer .comment-container .meta time {
    margin-left: 5px
}

.comment-outer .comment-container .meta textarea {
    width: 100%!important;
    outline: none;
    border: 1px solid #eee;
}

.quantity-section {
    margin-top: 20px;
}


@media (max-width: 992px) {
    .quantity-section {
        text-align: center;
    }
}
@media (min-width: 992px) {
    .quantity-section {
        text-align: right;
    }
}

.pd-c-quantity {
    padding-left: 35px;
    padding-right: 35px;
    width: 130px;
    height: 40px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 50px;
    display: inline-block;
}


.pd-c-quantity input {
    text-align: center;
    width: 100%;
    padding-top: 8px;
    border: none;
    font-weight: 700;
    background: transparent;
    outline: none;
}

.pd-c-quantity input::-webkit-inner-spin-button,
.pd-c-quantity input::-webkit-outer-spin-button  { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.pd-c-quantity .quantity-button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.pd-c-quantity .quantity-down {
    left: 20px;
}

.pd-c-quantity .quantity-button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -12px;
}

.pd-c-quantity .quantity-up {
    right: 20px;
}

.pd-c-quantity .quantity-button span {
    font-size: 11px;
    font-weight: 700;
}

button {
    height: 40px;
    line-height: 40px;
    padding: 0;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    border-width: 2px;
    border-style: solid;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.quantity-section button {
    border-radius: 50px;
}

@media (max-width: 992px) {
    .quantity-section .button_shop {
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    .quantity-section .button_shop {
        margin-left: 20px;
    }
}


@media (max-width: 768px) {
    .card_prod {
        height: 300px;
        width: 100%;
        margin: auto;
        background-size: cover;
        background-position: center;
        color: #fff;
        position: relative;
        padding: 10%;
    }

    .card_prod > div{
        height: 50vw;
        width: 50vw;
        margin: 10px auto;
        border-radius: 999px;
        background-size: cover;
        background-position: center;
    }
}
@media (min-width: 768px) {
    .card_prod {
        height: 400px;
        width: 100%;
        margin: auto;
        background-size: cover;
        background-position: center;
        color: #fff;
        position: relative;
        padding: 10%;
    }

    .card_prod > div{
        height: 19vw;
        width: 19vw;
        margin: 10px auto;
        border-radius: 999px;
        background-size: cover;
        background-position: center;
    }
}

.rounded-button-mini {
    padding: 8px;
    border: none;
    border-radius: 999px;
    font-size: 15px;
    letter-spacing: 1px;
    /* box-shadow: rgba(0,0,0,0.15) 0 7px 20px; */
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.2s;
    margin: 6px;
    height: 37px;
    width: 37px;
    text-align: center;
    background: #f4f4f4;
    position: relative;
}

.rounded-button-mini:hover {
    box-shadow: rgba(0,0,0,0.15) 0 7px 20px;
}

.rounded-button-mini:first-of-type {
    margin-left: 0;
}

.rounded-button-mini .inner {
    background: #febe35;
    height: 18px;
    width: 23px;
    position: absolute;
    top: 20px;
    border-radius: 10px;
    right: -5px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    border: none;
}

.rounded-button-mini.alt {
    background: #37474F;
    color: #f4f4f4;
}

.navbar {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0!important;
    width: 250px;
    overflow-y: scroll;
}

@media(min-width:769px)
{
    .pagina {
        padding-left: 250px;
    }
}


#main-container .pagina {
    padding-left: 0;
}

.navbar-nav > li {
    float: none!important;
}

.navbar-nav {
    float: none!important;
    margin: 0!important;
}

.navbar-nav .dropdown-menu {
    position: relative!important;
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    padding: 0!important;
    font-size: 15px!important;
    transition: 0.2s easy-out!important;
    width: 100%!important;
    margin-bottom: 20px!important;
    font-weight: 400!important;
    background: #fff!important;
}

.navbar-nav a.dropdown-toggle:after {
    content: "\e64b";
    font-family:'themify';
    float:right;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #f5f5f5!important;
}

.navbar-nav  .dropdown-menu > li > a {
    padding: 10px 25px !important;
    font-weight: 400!important;
}

.open_open > .dropdown-menu {
    display: block!important;
}

.open_open > a {
    background-color: #f5f5f5!important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #f5f5f5!important;
    color: #333!important;
}

.top-header-menu {
    height: auto;
    background: #4fa49a;
    background: -moz-linear-gradient(45deg, #4fa49a 0%, #4361c2 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #4fa49a), color-stop(100%, #4361c2));
    background: -webkit-linear-gradient(45deg, #4fa49a 0%, #4361c2 100%);
    background: -o-linear-gradient(45deg, #4fa49a 0%, #4361c2 100%);
    background: -ms-linear-gradient(45deg, #4fa49a 0%, #4361c2 100%);
    background: linear-gradient(45deg, #4fa49a 0%, #4361c2 100%);
    color: #fff;
    padding: 25px 0 0;
    text-align: center;
}

.top-header-menu .button {
    padding: 10px 15px;
    color: #fff;
}

.timeline-row {
    width: 100%;
    position: relative;
}

.timeline-bullet {
    height: 60px;
    width: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 999px;
    display: inline-block;
    float: left;
    position: absolute;
    border: 3px solid;
    top: 7px;
    background-color: #fbfcfe;
}

.color_1 {
    color: #febf34;
}

.color_2 {
    color: #3bd2a2;
}

.color_3 {
    color: #3bd2a2;
}

.color_4 {
    color: #febf34;
}

.color_5 {
    color: #3bd2a2;
}

.color_6 {
    color: #eb3569;
}

.border_1 {
    border-color: #febf34;
}

.border_2 {
    border-color: #3bd2a2;
}

.border_3 {
    border-color: #3bd2a2;
}

.border_4 {
    border-color: #febf34;
}

.border_5 {
    border-color: #3bd2a2;
}

.border_6 {
    border-color: #eb3569;
}


.color_nota_1 {
    color: #febf34!important;
}

.color_nota_2 {
    color: #febf34!important;
}

.color_nota_3 {
    color: #eb3569!important;
}

.color_nota_4 {
    color: #3bd2a2!important;
}

.color_nota_5 {
    color: #eb3569!important;
}

.border_nota_1 {
    border-color: #febf34!important;
}

.border_nota_2 {
    border-color: #febf34!important;
}

.border_nota_3 {
    border-color: #eb3569!important;
}

.border_nota_4 {
    border-color: #3bd2a2!important;
}

.border_nota_5 {
    border-color: #eb3569!important;
}

.color_cliente_0 {
    color: #3bd2a2!important;
}

.color_cliente_1 {
    color: #eb3569!important;
}

.color_cliente_2 {
    color: #febf34!important;
}

.border_cliente_0 {
    border-color: #3bd2a2!important;
}

.border_cliente_1 {
    border-color: #eb3569!important;
}

.border_cliente_2 {
    border-color: #febf34!important;
}

.color_produto_1 {
    color: #3bd2a2!important;
}

.color_produto_2 {
    color: #eb3569!important;
}

.color_produto_3 {
    color: #febf34!important;
}

.border_produto_1 {
    color: #3bd2a2!important;
}

.border_produto_2 {
    border-color: #eb3569!important;
}

.border_produto_3 {
    border-color: #febf34!important;
}

.color_domicilio_1 {
    color: #febf34!important;
}

.color_domicilio_2 {
    color: #3bd2a2!important;
}

.color_domicilio_3 {
    color: #184891!important;
}

.color_domicilio_4 {
    color: #eb3569!important;
}

.border_domicilio_1 {
    border-color: #febf34!important;
}

.border_domicilio_2 {
    border-color: #3bd2a2!important;
}

.border_domicilio_3 {
    border-color: #184891!important;
}

.border_domicilio_4 {
    border-color: #eb3569!important;
}

.color_ticket_1 {
    color: #febf34!important;
}

.color_ticket_2 {
    color: #184891!important;
}

.color_ticket_3 {
    color: #eb3569!important;
}

.color_ticket_4 {
    color: #3bd2a2!important;
}

.bg_ticket_1 {
    background-color: #febf34!important;
}

.bg_ticket_2 {
    background-color: #184891!important;
}

.bg_ticket_3 {
    background-color: #eb3569!important;
}

.bg_ticket_4 {
    background-color: #3bd2a2!important;
}

.border_ticket_1 {
    border-color: #febf34!important;
}

.border_ticket_2 {
    border-color: #184891!important;
}

.border_ticket_3 {
    border-color: #eb3569!important;
}

.border_ticket_4 {
    border-color: #3bd2a2!important;
}

.success {
    color: #3bd2a2!important;
}

.pending {
    color: #febf34!important;
}

.error {
    color: #eb3569!important;
}

.default {
    color: #184891!important;
}

.lblue {
    color: #4FD0E3!important;
}

.body_color {
    color: #37474F!important;
}

.success-bg {
    background-color: #3bd2a2!important;
}

.pending-bg {
    background-color: #febf34!important;
}

.error-bg {
    background-color: #eb3569!important;
}

.default-bg {
    background-color: #184891!important;
}

.lblue-bg {
    background-color: #4FD0E3!important;
}

.success-border {
    border-color: #3bd2a2!important;
}

.pending-border {
    border-color: #febf34!important;
}

.error-border {
    border-color: #eb3569!important;
}

.default-border {
    border-color: #184891!important;
}

.lblue-border {
    border-color: #4FD0E3!important;
}

.default-border {
    border-color: #184891!important;
}

.timeline-detail {
    width: 100%;
    display: inline-block;
    height: 125px;
    padding: 0 10px 0 40px;
    color: #37474F;
    margin-left: 30px;
    border-left: 1px solid #eaeaea;
}

.timeline-container {
    background: #fff;
    box-shadow: 2px 2px 5px 1px #eaeaea;
    padding: 10px 20px 20px 20px;
    width: 80%;
    border-radius: 6px;
    margin-bottom: 26px;
    border: 1px solid #eaeaea;
    margin-left: 20px;
}

.timeline-container .action-container {
    margin: 0 -20px -20px;
}

.timeline-container .action-container div {
    text-align: center;
    padding: 30px 10px;
}

.timeline-detail p time {
    margin-left: 5px;
}

.timeline-detail p {
    margin-bottom: 0;
}

.bold {
    font-weight: bold;
}

.timeline-detail .table.table_alt > tbody > tr > td,
.timeline-detail .table > tfoot > tr > td {
    padding: 8px 0;
}

.action-btn {
    padding: 3px 15px;
    border-radius: 999px;
    border: 1px solid;
    display: inline-block;
    cursor: pointer;
    transition:0.2s;
}

.action-btn:hover {
    box-shadow: 0px 2px 10px 0px rgba(138, 138, 138, 0.52);
}
.wide-section {
    background-position: center 76px;
    background-repeat: no-repeat;
    background-size: 55px;
}

.wide-section.error-bg .action-btn {
    color: #fff;
    border-color: #fff;
}
.wide-section.error-bg .action-btn:hover {
    background-color: #fff;
    color: #eb3569;
    border-color: #fff;
    box-shadow: none;
}

.wide-section.lblue-bg {
    color: #fff;
}

.wide-section.lblue-bg .action-btn {
    color: #fff;
    border-color: #fff;
}
.wide-section.lblue-bg .action-btn:hover {
    background-color: #fff;
    color: #4FD0E3;
    border-color: #fff;
    box-shadow: none;
}

.section-big-body .wide-section {
    margin: 50px -31px;
}

@media (max-width:768px) {
    .section-big-body .wide-section {
        margin: 50px -16px;
    }
    .section-big-body .mapa {
        margin: 0 -15px;
        width: calc(100% + 30px);
    }
}

.ranking-container {
    position: relative;
    min-height: 100px;
}

.ranking-img {
    height: 60px;
    width: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 999px;
    display: inline-block;
    /* float: left; */
    position: absolute;
    border: 3px solid;
    top: 7px;
    background-color: #fbfcfe;
    left: calc(50% - 30px);
    z-index:2;
}

.ranking-img:first-of-type {
    top: 20px;
    left: calc(50% - 80px);
}

.ranking-img:last-of-type {
    top: 20px;
    left: calc(50% + 20px);
    z-index:1;
}

.modal-body .mapa {
    border: 0;
    width: calc(100% + 30px);
    margin: -15px -15px 0;
    display: block;
}

.modal-footer .action-btn {
    width: calc(50% - 6px);
    height: 100%;
    text-align: center;
    margin: 3px;
}

.tabs {
    background: #fff;
    margin: 0 -30px;
    display: flex;
    flex: 1;
}

@media (max-width:768px) {
    .tabs {
        overflow-x: scroll;
        width: calc(100% + 20px );
        padding: 0 20px!important;
        margin: 0 -20px!important;
    }
}

.subheader-adm .tabs {
    margin: -22px -30px -22px;
    display: flex;
}

.tab {
    background: #fff;
    padding: 20px 30px;
    display:inline-flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right: 1px solid #dad7d7;
    border-bottom: 3px solid #dad7d7;
    cursor: pointer;
}

.tab:last-of-type {
    border-right: none;
}

.tab:hover,
.tab.active {
    border-bottom: 3px solid #3bd2a2;
}

.tabs-content {
    margin: 20px -30px;
    padding: 20px 30px;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.button .badge {
    position: absolute;
}

.big-form textarea {
    border: 1px solid rgb(204, 204, 204);
    padding: 12px;
    color: rgb(85, 85, 85);
    width: 100%!important;
    min-height: 250px;
}