@import url('contrast.css');

/*RESET*/
* {
    margin: 0;
    padding: 0;
    outline: none;
}

.btn {
    font-size: 14px !important;
    padding: 6px 12px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

label {
    max-width: 100%;
    font-weight: bold;
}

.filter-option-inner-inner {
    font-size: 12px !important
}

.dropdown-menu {
    font-size: 12px !important
}

    .dropdown-menu li a {
        font-size: 14px !important
    }

.bg-lightdanger {
    background-color: #f2dede !important
}

.text-lightdanger {
    color: #a94442
}

.border-lightdanger {
    border-color: #ebccd1
}

.icon-download {
    background: url('../images/download-solid.svg');
    height: 10px;
    width: 10px;
    display: block;
}

.icon-cancel {
    background: url('../images/times-solid.svg');
    height: 15px;
    width: 10px;
    display: block;
}

.wizardNavegar {
    margin-right: 5px;
}

.linhaColor > td {
    background-color: #f2dede !important;
}

.txtJustify {
    text-align: justify;
}

.placeholder {
    opacity: 0.9;
}

.left,
#left,
.alignleft {
    float: left;
}

.tdBorderRight {
    border-right: solid 1px #CCC;
}

.right,
#right,
.alignright {
    float: right;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.relative {
    position: relative;
}

.no_margin {
    margin: 0 !important;
}

.no_margin_top {
    margin-top: 0 !important;
}

.no_margin_bottom {
    margin-bottom: 0 !important;
}

.no_margin_left {
    margin-left: 0 !important;
}

.no_margin_right {
    margin-right: 0 !important;
}

.no_padding_top {
    padding-top: 0 !important;
}

.no_padding_bottom {
    padding-bottom: 0 !important;
}

.no_padding_left {
    padding-left: 0 !important;
}

.no_padding_right {
    padding-right: 0 !important;
}

.no_padding {
    padding: 0 !important;
}

.full {
    width: 100%;
}

.half {
    width: 50%;
}

.half_column {
    float: left;
    width: 50%;
}

img {
    max-width: 100%;
    height: auto;
}

a:hover {
    text-decoration: none;
}

a {
    color: #333;
}

select,
input,
textarea,
button,
select:focus,
input:focus,
textarea:focus,
button:focus,
.form .input_wrapper {
    box-shadow: none;
    outline: none;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-size: 12.5pt;
    color: #333;
}

/* CORRIGE ESPAÇAMENTO BUSCADOR REDE - RAFAEL 14/09/2016-- AJUSTE PARA ALTERAR SOMENTE NO FORM DA REDE - GLEIDSON 02/03/2017 */
.form_rede .input_wrapper,
.form_rede .select_wrapper {
    margin: 10px 10px 10px 0 !important;
}

.form .input_wrapper {
    padding: 10px;
    position: relative;
    border: none;
}

    .form .input_wrapper input,
    .form .input_wrapper select,
    .form .input_wrapper textarea {
        width: 100%;
        height: 20px;
        margin: 0;
        padding: 0;
        outline: none;
        border: none;
        box-shadow: none;
    }

    .form .input_wrapper textarea {
        height: auto;
        resize: none;
    }

        .form .input_wrapper input:focus,
        .form .input_wrapper select:focus,
        .form .input_wrapper textarea:focus {
            margin: 0;
            padding: 0;
            outline: none;
            border: none;
            box-shadow: none;
        }


    .form .input_wrapper label.error {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 8pt;
    }

.form .button.dual_lines {
    font-size: 83%;
    line-height: 15px;
}

.input_line_height {
    line-height: 40px;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 12.5pt;
    color: #333;
    font-weight: 400;
}

.red_text {
    color: #ec1d23;
}

.redeIndireta_text {
    color: #00995d;
}

.redeIndireta_fundo {
    background-color: #f6f6f3;
    color: #00995d;
    border: solid 1px #CCC;
    padding: 20px;
    font-size: 120%;
}

#main {
    font-size: 12.5pt;
}

ul {
    padding: 0;
    margin: 0;
}

.grey_bg {
    background: #f6f6f3;
}

#main {
    float: left;
    width: 100%;
}
/*NOTICIAS CONVENIADA*/
.cardConv {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #fff;
    border-radius: .25rem
}

/*HEADER*/


#top_bar {
    float: left;
    width: 100%;
    background: #111;
    color: #888;
    padding: 10px 0px 5px 0px;
    font-size: 9pt;
    margin: 0 0 20px;
    border-bottom: solid 1px #ec1d23;
}

    #top_bar a {
        color: #888;
    }

    #top_bar ul,
    #top_bar ul li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    #top_bar .nav_shortcuts li span {
        background: #464646;
        color: #FFF;
        padding: 5px 8px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        margin: 0 10px 0 5px;
    }

    #top_bar .accessibility {
        text-align: right;
    }


    #top_bar .accessibility_toggle {
        margin: 0 10px;
    }

    #top_bar .user_controls,
    #top_bar .accessibility_controls {
        display: inline-block;
    }

    #top_bar .user_controls {
        float: left;
    }

        #top_bar .user_controls .user_status {
            color: #FFF;
            display: inline-block;
            margin: 0 15px 0 0;
        }

        #top_bar .user_controls .user_logout img {
            margin: 0 5px 0 0;
        }

    /* CORRIGE TEXTO/LABEL DA ACESSIBILIDADE - RAFAEL 14/09/2016 */
    #top_bar .accessibility .label {
        display: inline-block;
        margin: 0 10px 0 0;
        font-size: 100%;
    }
    /*#top_bar .accessibility .label{
	display: inline-block;
	margin: 0 10px 0 0;
}*/

    #top_bar .accessibility .contrast_controls li {
        margin: 0 1px;
    }

        #top_bar .accessibility .contrast_controls li a {
            border: solid 1px #464646;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            padding: 5px 8px;
        }

            #top_bar .accessibility .contrast_controls li a.high {
                background: #464646;
                color: #FFF;
            }

    #top_bar .accessibility .font_controls {
        margin: 0 15px;
    }

        #top_bar .accessibility .font_controls li {
            padding: 0 5px;
            border-right: solid 1px #464646;
            padding: 0 10px 0 7px;
        }

            #top_bar .accessibility .font_controls li:last-child {
                border-right: none;
            }

    #top_bar .icons_menu {
        float: right;
    }



#header .logo {
    float: left;
}

#header .logo_high_contrast {
    display: none;
}

#header .phone_header {
    font-weight: 700;
    color: #333;
    margin: 10px 0 0 30px;
    display: inline-block;
}

    #header .phone_header span {
        color: #999;
        font-weight: 400;
        text-transform: uppercase;
        display: block;
        font-size: 95%;
    }

#header .secondary_menu {
    display: block;
    margin: 5px 0 20px;
}

    #header .secondary_menu li {
        display: inline-block;
        padding: 0 3px 0 1px;
        border-right: solid 1px #d2d2d2;
    }

        #header .secondary_menu li:last-child {
            border-right: none;
            padding-right: 0;
        }

        #header .secondary_menu li a {
            font-size: 9pt;
            color: #333;
            line-height: normal;
            display: block;
            text-transform: uppercase;
        }

#header .header_.forms {
    float: right;
}

#header .quick_access {
    background: #999;
    float: left;
    width: 145px;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    #header .quick_access select {
        width: 100%;
        height: 25px;
        color: #FFF;
        background: #999;
        font-size: 9pt;
    }

#header .search_header {
    float: left;
    display: block;
    position: relative;
    margin: 0 0 0 10px;
    max-width: 220px;
}

    #header .search_header input {
        border: solid 2px #999;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        height: 36px;
        padding: 10px;
        width: 100%;
    }

    #header .search_header button {
        cursor: pointer;
        background: url('../images/arrow_search.png') center center no-repeat;
        position: absolute;
        right: 10px;
        top: 50%;
        width: 15px;
        height: 10px;
        margin: -5px 0 0;
        text-indent: -9999px;
    }

#header .menu {
    display: block;
    text-align: center;
    border-top: solid 1px #ec1d23;
    border-bottom: solid 1px #ec1d23;
    margin: 20px 0 0;
}

    #header .menu li {
        display: inline-block;
        margin: 0 20px 0 0;
        padding: 15px 0;
    }

        #header .menu li:last-child {
            margin: 0;
        }

        #header .menu li a {
            color: #111;
            font-size: 10pt;
            display: block;
            text-transform: uppercase;
        }

#header .menu_mobile {
    display: none;
    padding: 15px 0;
}

    #header .menu_mobile li {
        display: block;
        text-align: center;
        margin: 10px 0;
    }

        #header .menu_mobile li a {
            font-size: 13pt;
        }

.header_forms {
    float: right;
}


/*HOME*/

#cycle_destaques_wrapper {
    float: left;
    width: 100%;
    /*height: 450px; comentado, novo carousel em 28/11/2016*/
    border-bottom: solid 110px #ec1d23;
}

#cycle_destaques,
#cycle_destaques li {
    display: block;
    float: left;
    width: 100% !important;
    height: 100% !important;
}


    #cycle_destaques li {
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

.destaque_01 {
    background-image: url('../images/banner_home.jpg');
}

.box_home {
    margin: -85px 0 65px;
}

    .box_home h3 {
        color: #FFF;
        font-size: 120%;
        text-transform: uppercase;
        text-align: center;
        font-weight: 300;
        margin: 0 0 15px;
    }

    .box_home ul,
    .box_home ul li {
        display: block;
        padding: 10px 0;
    }

        .box_home ul li {
            border-bottom: dotted 1px #f17173;
        }

            .box_home ul li:last-child {
                border-bottom: none;
            }

.subtitle_home {
    color: #111;
    font-size: 35pt;
    font-weight: lighter;
    text-align: center;
    margin: 65px 0;
    text-transform: uppercase;
    margin-top: 45px;
    margin-bottom: 25px;
}

#rede_credenciada {
    float: left;
    width: 100%;
}

.tabs {
    display: block;
    letter-spacing: -4px;
    text-align: center;
    border-bottom: solid 2px #ec1d23;
}

    .tabs li {
        display: inline-block;
        letter-spacing: normal;
    }

        .tabs li a {
            display: block;
            background: #999;
            color: #FFF;
            text-transform: uppercase;
            font-weight: lighter;
            height: 60px;
            line-height: 60px;
            width: 255px;
            border-radius: 9px 9px 0 0;
            -moz-border-radius: 9px 9px 0 0;
            -webkit-border-radius: 9px 9px 0 0;
            margin: 0 2.5px;
            transition: background 0.4s;
            text-decoration: none;
            text-align: center;
        }

        .tabs li.activeSlide a {
            background: #ec1d22;
        }


.tabs_content,
.tabs_content li {
    display: block;
    list-style: none;
    width: 100% !important;
    background: #f6f6f3 !important;
}

.tabs_acesso {
    border-bottom: solid 1px #DDD;
    text-align: left;
    margin-top: 40px;
    float: left;
    width: 100%;
    padding-bottom: 5px;
}

    .tabs_acesso li {
        float: left;
        width: 25%;
        padding: 0 10px;
        list-style: none;
    }

        .tabs_acesso li a {
            background: #DDD;
            color: #999;
            display: block;
            font-weight: lighter;
            height: 60px;
            line-height: 60px;
            border-radius: 9px 9px 0 0;
            -moz-border-radius: 9px 9px 0 0;
            -webkit-border-radius: 9px 9px 0 0;
            transition: background 0.4s;
            text-decoration: none;
            text-align: center;
        }

        .tabs_acesso li.activeSlide a {
            background: #999;
            color: #FFF;
        }

.tabs_acesso_wrapper,
.tab_acesso_wrapper {
    float: left;
    width: 100% !important;
    list-style: none;
    overflow: hidden;
}

.i_tab {
    display: inline-block;
    margin: 0 15px 0 0;
    background: center center no-repeat;
}

.i_tab_casa {
    width: 36px;
    height: 27px;
    background-image: url('../images/i_tab_casa.png');
    margin-bottom: -8px;
}

.i_tab_ris {
    width: 32px;
    height: 29px;
    background-image: url('../images/i_tab_ris.png');
    margin-bottom: -10px;
}

.i_tab_rede_convencional {
    width: 36px;
    height: 37px;
    background-image: url('../images/i_tab_rede_convencional.png');
    margin-bottom: -13px;
}

.i_tab_casu_aproxima {
    width: 36px;
    height: 27px;
    background-image: url('../images/i_tab_casu_aproxima.png');
    margin-bottom: -8px;
}

.content_tab {
    padding: 20px 0 0;
}

    .content_tab p {
        text-align: justify;
    }

    .content_tab h3 {
        color: #ec1d23;
        font-size: 22pt;
        margin: 20px 0;
    }

    .content_tab a {
        color: #ec1d23;
        text-decoration: underline;
    }

    .content_tab .dropdown-item {
        color: #000000 !important;
        text-decoration: underline;
    }

        .content_tab .dropdown-item.active, .dropdown-item:active {
            text-decoration: none;
            background-color: #fff;
        }


.form {
    float: left;
    width: 100%;
}

.form_filter {
    width: auto;
    float: right;
}

.form_page_header {
    width: auto;
    float: none;
    margin: 0 0 40px;
    display: inline-block;
}

.form .input_grid {
    float: left;
    width: 25%;
}

.pager_header_inline {
    display: inline-block;
}

.form .input_wrapper {
    background: #dbdbd5;
    padding: 7.5px 15px;
    margin: 0 5px 20px 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.content_tab .form .input_wrapper {
    margin-bottom: 10px;
}

.form .input_wrapper input,
.form .input_wrapper select,
.form .input_wrapper textarea {
    background: #dbdbd5;
    font-size: 73%;
    height: 25px;
}

.form .input_wrapper textarea {
    resize: none;
    height: 200px;
}

    .form .input_wrapper textarea.small {
        height: 100px;
    }

.form .checkbox {
    font-size: 73%;
    line-height: 40px;
    white-space: nowrap;
    margin: 0 5px 10px 0;
    display: block;
    font-weight: normal;
}

    .form .checkbox input {
        width: auto;
        background: transparent;
        margin: 0 10px 0 0;
        position: relative;
    }

    .form .checkbox span {
        display: inline-block;
    }

.form .button {
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    color: #FFF;
    background: #ec1d23;
    height: 41px;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    /*.form .button.single_line {
    margin: 0 5px;
    width: auto;
    float: left;
    padding: 0 12.5px;
}*/

    .form .button.fixed {
        width: auto;
        height: auto;
        padding: 0 85px;
        display: inline-block;
        margin: 20px 0;
    }

.aLinkGW {
    color: #FFF;
    background: #ec1d23;
    height: 51px;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    line-height: 51px;
    width: auto;
    height: auto;
    padding: 0 85px;
    display: inline-block;
    margin: 20px 0;
}

.i_btn {
    float: left;
    margin-right: 10px;
}

.i_excel {
    width: 20px;
    height: 19px;
    background: url('../images/i_excel.png') center center no-repeat;
    margin-top: 2px;
}

.form label {
    font-size: 73%;
    line-height: 12pt;
    display: block;
    margin: 5px 0 0;
}

    .form label.input_label {
        display: block;
        float: left;
        width: 120px;
        height: 40px; /*70 fica um espaço muito grande entre*/
        font-size: 90%;
        line-height: normal;
        margin: 0 0 20px;
        padding: 10px 0 0;
    }

        .form label.input_label.full_width {
            width: 100%;
        }

        .form label.input_label.small {
            width: 60px;
        }

        .form label.input_label.big {
            width: 160px;
        }

.form .input_label_grid {
    margin: 0 0 0 120px;
}

    .form .input_label_grid.small {
        margin: 0 0 0 60px;
    }

    .form .input_label_grid.big {
        margin: 0 0 0 160px;
    }

.form .input_label.auto_width {
    width: auto;
    margin-right: 20px;
}

.form .input_wrapper.auto_width,
.form .select_wrapper.auto_width {
    float: left;
}

.form .select_wrapper {
    margin: 0 5px 20px 0;
    float: left;
    width: 100%;
}

.content_tab .form .select_wrapper {
    float: none;
    width: auto;
}

.form .select_wrapper .bootstrap-select {
    max-width: 100%;
    width: auto !important;
    display: block;
}

.form .select_wrapper .btn-default {
    background: #dbdbd5;
    border: none;
    height: 40px;
    font-size: 73%;
    outline: none;
    box-shadow: none;
}

    .form .select_wrapper .btn-default:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.form .select_wrapper .dropdown-menu {
    background: #dbdbd5;
}


.form.form_red .select_wrapper .btn-default,
.form.form_red .select_wrapper .dropdown-menu,
.form.form_red .select_wrapper .dropdown-menu > li > a {
    background: #ec1d23;
    color: #FFF;
}

.form_subtitle {
    margin: 20px 0 40px;
}

.form .input_text_holder {
    color: #999;
    line-height: 40px;
}

.radio_label input {
    margin: 0 10px 0 0;
}

.grid_input_fone {
    float: left;
    width: 25%;
    padding: 0 0 0 30px;
}

.subtitle_form {
    font-size: 100% !important;
    margin: 20px 0;
}

.erro_form {
    background: #111;
    color: #FFF;
    padding: 10px 40px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 10px 0 30px;
}

    .erro_form p span {
        color: #999;
        font-size: 83%;
    }

.link_form {
    color: #333;
    text-decoration: underline;
}

.img_content_tab {
    margin: 20px 0 0;
    max-width: 160px;
}

.category_date {
    background: #111;
    padding: 5px 5px 5px 10px;
    font-size: 80%;
    color: #666;
    margin: 0 0 10px;
    line-height: 32px;
}

.tag_novo {
    display: inline-block;
    float: right;
    color: #FFF;
    background: #ec1d23;
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-transform: uppercase;
    font-size: 9pt;
    line-height: 9pt;
    font-weight: normal;
}

    .tag_novo span {
        font-size: 12pt;
        display: inline-block;
        margin: 0 8px 0 0;
        float: left;
    }

.category_date:after {
    display: block;
    content: ' ';
    clear: both;
}

.category_date .cat_noticia {
    color: #FFF;
}

    .category_date .cat_noticia span {
        color: #ec1d23;
        display: inline-block;
        margin: 0 5px;
    }

.grid_noticia {
    margin: 0 0 20px;
}

    .grid_noticia h3 {
        margin: 30px 0 20px;
    }

        .grid_noticia h3 a {
            color: #ec1d23;
            line-height: normal;
        }

    .grid_noticia .continue_lendo {
        color: #999;
        text-decoration: underline;
    }


.btn_default {
    background: #ec1d23;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    line-height: 50px;
    padding: 0 35px;
    font-weight: bold;
    color: #FFF;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 0 50px;
}

    .btn_default:hover {
        color: #FFF;
        text-decoration: none;
    }

    .btn_default.btn_light {
        font-weight: normal;
        text-transform: none;
    }

.btn_secondary {
    background: #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    line-height: 50px;
    padding: 0 35px;
    font-weight: bold;
    color: #FFF;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 0 50px;
}

    .btn_secondary:hover {
        color: #FFF;
        text-decoration: none;
    }

    .btn_secondary.btn_light {
        font-weight: normal;
        text-transform: none;
    }

#logos_footer {
    float: left;
    width: 100%;
    background: #999;
    padding: 30px 0;
    margin: 60px 0 0;
    color: #FFF;
}

    #logos_footer h6 {
        font-size: 11pt;
        font-weight: normal;
        height: 40px;
        margin: 0;
    }

    #logos_footer ul {
        display: block;
        float: left;
        width: 100%;
    }

        #logos_footer ul li {
            display: block;
            float: left;
            width: 70px;
            height: 70px;
            background: #FFF;
            text-align: center;
            margin: 0 10px 10px 0;
        }

            #logos_footer ul li .logo_wrapper {
                height: 70px;
                display: table-cell;
                vertical-align: middle;
                padding: 5px;
            }

    #logos_footer .column_footer {
        float: left;
        padding: 0 30px 0 0;
    }

    #logos_footer .column_agencia {
        width: 17%;
    }

    #logos_footer .column_instituicoes {
        width: 42%;
    }

    #logos_footer .column_convenios {
        width: 32%;
    }

    #logos_footer .column_aliados {
        width: 9%;
        padding: 0;
    }

/*FOOTER*/

#footer {
    float: left;
    width: 100%;
    background: #111;
    color: #666;
    padding: 35px 0;
    font-size: 10pt;
}

    #footer .logo_ans {
        float: left;
    }

    #footer .endereco_footer {
        margin: 0 0 0 220px;
    }

    #footer h6 {
        color: #FFF;
        margin: 5px 0 10px;
        font-weight: normal;
        font-size: 10pt;
    }

    #footer .social_networks {
        display: block;
        margin: 0 0 10px;
    }

        #footer .social_networks li {
            display: inline-block;
            margin: 10px 0 0;
        }

            #footer .social_networks li a {
                display: inline-flex;
                color: #666;
            }

                #footer .social_networks li a:hover {
                    color: #666;
                }

                #footer .social_networks li a img {
                    float: left;
                    margin: 0 10px 0 0;
                }

                #footer .social_networks li a span {
                    display: inline-block;
                    text-transform: uppercase;
                }

    #footer .flammo {
        position: absolute;
        bottom: 0;
        right: 15px;
    }

/*PAGES*/

#page_header {
    float: left;
    width: 100%;
    height: 150px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.header_planos {
    background-image: url('../images/page_headers/planos.jpg');
}

.header_como_usar_seu_plano {
    background-image: url('../images/page_headers/como_usar_seu_plano.jpg');
}

.header_rede_credenciada {
    background-image: url('../images/page_headers/rede_credenciada.jpg');
}

.header_acesso_exclusivo {
    background-image: url('../images/page_headers/acesso_exclusivo.jpg');
}

.header_promocao_prevencao {
    background-image: url('../images/page_headers/promocao_prevencao.jpg');
}

.header_fique_por_dentro {
    background-image: url('../images/page_headers/fique_por_dentro.jpg');
}

.header_ouvidoria {
    background-image: url('../images/page_headers/ouvidoria.jpg');
}

.header_fale_com_a_casu {
    background-image: url('../images/page_headers/fale_com_a_casu.jpg');
}

.header_institucional {
    background-image: url('../images/page_headers/institucional.jpg');
}

.header_busca {
    background-image: url('../images/page_headers/busca.jpg');
}

.header_prestacao {
    background-image: url('../images/page_headers/prestacao.jpg');
}

.header_portal_tiss {
    background-image: url('../images/page_headers/portal_tiss.jpg');
}

.header_casu_app {
    background-image: url('../images/page_headers/casu_app.jpg');
}

#page_header .pager_header_vert_align {
    height: 150px;
    display: table-cell;
    vertical-align: bottom;
}

#page_header h1 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 38pt;
    margin: 0 0 40px;
}


/* 19/03/2024 - Rafael Silva - If the screen size is XXXXpx wide or less, hide the element */
@media only screen and (max-width: 990px) {
    #page_header {
        width: 100%;
        height: 50px;
        background-size: auto;
    }

        #page_header .pager_header_vert_align {
            height: 50px;
            display: table-cell;
            vertical-align: top;
        }

        #page_header h1 {
            color: #FFF;
            text-transform: uppercase;
            font-size: 18pt !important;
            /*margin: 0 0 40px;*/
        }

    /*.subtitle {
        margin: 90px 0px 30px 0px;
    }*/

    .content_grid_page h2 a {
        font-size: 15pt;
    }

    .content_grid_page p {
        font-size: 12pt;
        margin: 0 0 0px;
    }

    .grid_noticia {
        font-size: 12pt;
    }

        .grid_noticia h3 {
            margin: 10px 0 5px;
            font-size: 15pt;
        }

    .content_tab p {
        font-size: 11pt;
    }

    .content_tab a {
        font-size: 11pt;
    }

    .content_tab h3 {
        font-size: 18pt !important;
    }

    .p {
        margin: 0 0 5px;
    }

    .form .input_grid {
        width: 100%;
    }

    .submenu li a {
        margin: 0px 0px 5px 0px;
    }

    #logos_footer ul li {
        width: 57px;
        height: 57px;
    }

        #logos_footer ul li .logo_wrapper {
            height: 57px;
        }
}

#breadcrumb {
    display: block;
    padding: 5px 0;
    border-bottom: solid 1px #ec1d23;
    margin: 0 0 5px;
}

    #breadcrumb li {
        display: inline-block;
        font-size: 73%;
    }

        #breadcrumb li,
        #breadcrumb li a {
            color: #999;
            text-decoration: none;
        }

            #breadcrumb li span {
                display: inline-block;
                margin: 0 5px;
            }

.page_content {
    padding-bottom: 30px;
}

.content.dual_columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

.content.marged_top {
    margin-top: 40px;
}

.content p {
    margin: 0 0 20px;
    text-align: justify;
}

.content a {
    color: #ec1d23;
}

.collapsible_content .alignleft,
.content .alignleft {
    margin: 0 20px 20px 0;
}

.collapsible_content .alignright,
.content .alignright {
    margin: 0 0 20px 20px;
}

.content strong {
    font-weight: 500;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #ec1d23;
    margin: 20px 0;
}

.grid_page {
    margin: 30px 0 0;
}

.img_grid_page {
    float: left;
    background: #fafafa;
}

.category_date_lista {
    padding: 20px;
    line-height: 32px;
    color: #999;
    font-size: 83%;
}

.content_grid_page {
    margin: 0 0 0 300px;
    font-size: 83%;
    text-align: justify;
}

    .content_grid_page h2 {
        margin: 0 0 15px;
        text-align: left;
    }

        .content_grid_page h2 a {
            color: #ec1d23;
        }

    .content_grid_page p {
        margin: 0 0 10px;
    }

.subtitle {
    color: #ec1d23;
    margin: 0 0 40px;
}

.subtitleQuestionario {
    color: #ec1d23;
    /*color: black;*/
    margin: 0 0 40px;
}

.subtitle.subtitle_bg_menu {
    line-height: 44px;
}

.submenu {
    float: right;
    display: block;
    list-style: none;
}

    .submenu li {
        display: block;
        float: left;
        margin: 0 0 0 5px;
    }

        .submenu li a {
            background: #999;
            color: #FFF;
            text-decoration: none;
            font-size: 73%;
            padding: 5px 10px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            display: inline-flex;
            text-align: center;
        }

            .submenu li a.single_line_big {
                height: 44px;
                line-height: 34px;
            }

        .submenu li.active a {
            background: #ec1d23;
        }

.files_list {
    list-style: none;
    display: block;
    padding: 30px 0;
}

    .files_list li {
        list-style: none;
        display: inline-block;
        margin: 0 50px 0 0;
    }

        .files_list li a {
            color: #999;
        }

.red_box {
    padding: 30px;
    border: solid 1px #ec1d23;
    margin-bottom: 30px;
    min-height: 330px;
}

    .red_box h3 {
        margin: 0 0 15px;
    }

    .red_box p {
        margin: 0 0 5px;
        font-size: 83%;
        text-align: justify;
    }

.collapsible_wrapper {
    background: #f6f6f3;
    border: solid 1px #CCC;
    /*padding: 0 0 20px;*/
    margin: 0 0 30px;
}

    .collapsible_wrapper.red {
        background: #FFF;
        border-color: #ec1d23;
    }

.collapsible_header {
    margin: 20px 0 0;
    cursor: pointer;
}

.always_opened .collapsible_header .collapsible_title,
.always_opened .collapsible_header {
    cursor: default;
}

.collapsible_header .collapsible_title {
    line-height: 30px;
    color: #ec1d23;
    cursor: pointer;
    display: block;
    font-size: 20pt;
    font-weight: bold;
    text-decoration: none;
}

.red .collapsible_header .collapsible_title {
    color: #111;
    font-size: 123%;
}

.collapsible_icon {
    width: 35px;
    height: 30px;
    background: url('../images/bg_i_collapsible.png') center center no-repeat;
    display: block;
    margin: 0 15px 0 0;
    float: left;
    opacity: 1;
}

    .collapsible_icon.close,
    .always_opened .collapsible_icon {
        background-image: url('../images/bg_i_collapsible_close.png');
    }

.collapsible_header .go_to_top {
    float: right;
    font-size: 73%;
    color: #999;
    text-decoration: none;
    margin: 7px 15px 0 0;
}

    .collapsible_header .go_to_top:after {
        content: ' ';
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 8px 7px;
        border-color: transparent transparent #999999 transparent;
        margin: 0 0 0 10px;
    }

.collapsible_content {
    display: none;
    margin: 20px 20px 20px 20px;
    text-align: justify;
}

    .collapsible_content a {
        color: #ec1d23;
    }

.always_opened .collapsible_content {
    display: block;
}

.collapsible_content h3 {
    margin: 0 0 15px;
}

.collapsible_content .medium_title {
    font-weight: normal;
}

.collapsible_content p {
    margin: 0 0 5px;
    font-size: 83%;
}

.collapsible_content.extra_margin ul li,
.collapsible_content.extra_margin p {
    margin-bottom: 15px;
}

.collapsible_content ul {
    font-size: 83%;
    margin: 0 0 10px 30px;
}

    .collapsible_content ul li {
        margin: 0 0 5px;
    }

.collapsible_content h4 {
    font-size: 83%;
}

.collapsible_content table {
    font-size: 73%;
    color: #666;
    margin: 0 10px 10px 0;
}

    .collapsible_content table th {
        color: #ec1d23;
    }

    .collapsible_content table th,
    .collapsible_content table td {
        padding: 5px;
        text-align: left;
    }

    .collapsible_content table td {
        background: #FFF;
    }

    .collapsible_content table tr:nth-child(even) td {
        background-color: #fbfbf9;
    }

.collapsible_content .table_text {
    color: #666;
    font-size: 73%;
    margin: 0 0 10px;
}

.grid_img_text {
    float: left;
    width: 100%;
    margin: 0 0 40px;
}

.texto_resultado_busca {
    margin: 40px 0;
    font-size: 20pt;
}

    .texto_resultado_busca span {
        font-weight: bold;
        color: #ec1d23;
    }

.search_heading {
    font-size: 18pt;
}

    .search_heading .search_heading_item {
        color: #FFF;
        background: #c41c22;
        line-height: 50px;
        font-size: 90%;
        padding: 0 0 0 30px;
    }

        .search_heading .search_heading_item:nth-child(2) {
            background: #d81c22;
            font-size: 80%;
            padding-left: 60px;
        }

        .search_heading .search_heading_item:nth-child(3) {
            background: #ec1d23;
            font-size: 70%;
            padding-left: 90px;
        }

        .search_heading .search_heading_item:nth-child(4) {
            background: #f73238;
            font-size: 60%;
            padding-left: 120px;
        }

.search_item {
    background: #f6f6f3;
    border: solid 1px #ec1d23;
    margin-bottom: 30px;
    padding: 30px;
}

.search_results .search_item:nth-child(even) {
    background: #FFF;
}

.search_item p {
    margin: 0 0 5px;
}

.search_item h2 {
    margin: 0 0 20px;
}

.search_item .enderecos_busca h3 {
    margin: 20px 0 0;
}

.i_planos_atendidos {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('../images/i_planos_atendidos.png') center center no-repeat;
    margin: 2px 0 0;
    margin-right: 12px;
}

    .i_planos_atendidos.close {
        background-image: url('../images/i_planos_atendidos_close.png');
    }

.i_title_busca_wrapper {
    float: left;
    width: 30px;
}

.i_urgencia_emergencia {
    width: 22px;
    height: 21px;
    display: inline-block;
    background: url('../images/i_urgencia_emergencia.png') center center no-repeat;
}

.search_item h4 {
    margin: 0 0 10px;
}

.lista_planos_atendidos {
    margin: 0 0 30px 30px;
    display: none;
    font-size: 75%;
    text-align: justify;
}

.planos_atendidos h4 {
    cursor: pointer;
}

.legendas_item_busca {
    display: block;
    margin: 20px 0;
}

    .legendas_item_busca li {
        display: inline-block;
        margin: 5px 10px 0 0;
    }

.item_endereco_busca {
    padding: 30px 0 20px;
    border-bottom: solid 1px #CCC;
    font-size: 83%;
}

.lista_enderecos_busca .item_endereco_busca:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.item_endereco_busca .i_end_busca {
    max-width: 40px;
    min-width: 22px;
    display: inline-block;
}

.item_endereco_busca .mapa_busca {
    float: right;
}

.item_endereco_busca .telefone_busca {
    display: inline-block;
    margin: 0 0 20px;
}

.paginacao {
    text-align: center;
    color: #666;
    margin: 20px 0 0;
}

    .paginacao ul {
        display: inline-block;
    }

        .paginacao ul li {
            display: inline-block;
            margin: 0 5px;
        }

            .paginacao ul li a {
                color: #666;
            }

            .paginacao ul li .prev_page {
                margin-right: 10px;
            }

            .paginacao ul li .next_page {
                margin-left: 10px;
            }

.texto_atualizacao {
    font-size: 63%;
    float: right;
    text-align: right;
}

.line_red {
    margin: 40px 0;
    height: 2px;
    background: #ec1d23;
}

.line {
    background: #CCC;
    height: 1px;
    margin: 20px 0;
}

.i_legenda_busca {
    float: left;
    margin: 0 10px 0 0;
}

.item_legenda_busca {
    margin: 0 0 10px;
}

    .item_legenda_busca span {
        display: inline-block;
        line-height: 30px;
    }

.titulo_legendas_busca {
    margin: 0 0 40px;
    font-size: 113%;
}

.texto_descredenciados {
    color: #999;
    margin: 30px 0px 30px 0px;
}

    .texto_descredenciados a {
        color: #999;
        text-decoration: underline;
    }

    .texto_descredenciados img {
        margin: 0 10px 0 0;
    }

.titulo_prestador_descredenciado {
    display: inline-block;
    background: #111;
    color: #FFF;
    font-size: 83%;
    padding: 10px 25px;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    margin: 40px 20px 0;
}

.search_item .search_item {
    background: #DDD;
    border-color: #111;
    margin: 0 15px;
}

.box_acesso_associado {
    display: block;
    position: relative;
    margin: 0 0 30px;
    text-align: center;
    cursor: pointer;
}

    .box_acesso_associado .texto_box_acesso {
        color: #FFF;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 133%;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 1;
        margin: -11px 0 0;
        padding: 0 25px;
    }

.box_acesso_perfil .texto_box_acesso {
    margin: -30px 0 0;
}

.box_acesso_associado .texto_box_acesso .box_small_text {
    display: block;
    font-size: 11pt;
    text-transform: none;
    font-weight: lighter;
}

.texto_selecione_opcao {
    font-size: 150%;
    margin: 0 0 40px;
}

.links_form {
    font-size: 83%;
}

    .links_form p {
        margin: 0 0 7px;
    }

    .links_form a {
        text-decoration: underline;
        color: #999;
    }

        .links_form a.link_cadastrar {
            color: #ec1d23;
        }

.titulo_inscricao_programa {
    margin: 20px 0 30px;
}

.grey_section {
    padding: 40px 0;
    margin: 60px 0 0;
}

.grey_section_dicas_saude {
    padding: 10px 0;
    margin: 10px 0 0;
}

.subtitle_grey_section {
    text-align: center;
    font-size: 30pt;
    font-weight: lighter;
    text-align: center;
    margin: 0 0 30px;
}

.subtitle_grey_section_dicas_saude {
    text-align: center;
    font-size: 30pt;
    font-weight: lighter;
    text-align: center;
    margin: 0 0 0px;
}

.subtitle_grey_section.big {
    font-size: 40pt;
}

.grid_outros_programas {
    text-align: center;
}

    .grid_outros_programas h4 {
        margin: 20px 0;
    }

        .grid_outros_programas h4 a {
            color: #ec1d23;
        }

.cycle_responsive_wrapper {
    float: left;
    width: 100%;
    padding: 0 50px;
    position: relative;
}

.cycle_responsive,
.slide_cycle_responsive {
    display: block;
    list-style: none;
    float: left;
    width: 100% !important;
    background-color: #f6f6f3;
}

.prev,
.next {
    width: 19px;
    height: 22px;
    background: url('../images/prev.png') center center no-repeat;
}

.next {
    background-image: url('../images/next.png');
}

.cycle_responsive_nav {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -11px 0 0;
    z-index: 999;
}

    .cycle_responsive_nav.next {
        left: auto;
        right: 0;
    }

.wrapper_lista {
    margin: 15px 0;
}

.galeria_wrapper {
    float: left;
    width: 100%;
    background: #FFF;
    position: relative;
    margin: 40px 0;
}

    .galeria_wrapper .cycle_responsive_nav {
        margin-left: 20px;
        margin-right: 20px;
    }

.pager_galeria_wrapper {
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0 10px;
    z-index: 100;
}

.pager_galeria_crop {
    float: left;
    width: 100%;
    overflow: hidden;
}

.pager_galeria {
    float: left;
    width: 100%;
    display: block;
    list-style: none;
}

    .pager_galeria li {
        float: left;
        width: 130px;
        height: 90px;
        border: solid 3px #FFF;
        margin: 0 7px 0 0;
        overflow: hidden;
    }

        .pager_galeria li img {
            height: 100%;
            width: auto;
            max-width: none;
        }

.galeria_wrapper li {
    text-align: center;
    background: #F1F1F1;
}

.box_content_grey {
    font-size: 83%;
    text-align: center;
}

    .box_content_grey img {
        margin: 0 0 30px;
    }

    .box_content_grey p {
        margin: 0 0 7px;
    }

    .box_content_grey .btn_default {
        margin: 20px 0 0;
    }

.search_list,
.search_list li {
    display: block;
    float: left;
    width: 100%;
    list-style: none;
}

    .search_list li {
        margin: 0 0 30px;
    }

        .search_list li h3 {
            margin: 0 0 10px;
        }

        .search_list li a {
            color: #999;
            text-decoration: underline;
        }

        .search_list li .small_text {
            font-size: 83%;
        }

        .search_list li p {
            margin: 0 0 5px;
        }

.files_list_icon li {
    margin: 0 0 25px;
    display: block;
}

    .files_list_icon li:before {
        content: ' ';
        background: url('../images/i_file.png') center center no-repeat;
        width: 17px;
        height: 24px;
        display: block;
        float: left;
        margin: 0 10px 0 0;
    }

.files_list_icon_acesso li:before {
    background-image: url('../images/i_file_acesso.png');
    width: 25px;
    height: 34px;
    margin-top: -4px;
}

.files_list_icon_external li:before {
    background-image: url('../images/i_file_external.png');
    width: 18px;
    height: 18px;
    margin-top: 2px;
}

.files_list_icon li a {
    color: #333;
}

.subtitle_acesso {
    font-size: 160%;
    font-weight: normal;
    margin: 0 0 30px;
}

.content_acesso h4 {
    color: #ec1d23;
    font-size: 113%;
    font-weight: normal;
    margin: 0 0 10px;
}

.content_acesso p {
    margin: 0 0 15px;
    text-align: justify;
}

.submenu_acesso_wrapper {
    float: left;
    margin: 10px 0 0;
    font-size: 75%;
    width: 100% !important;
}

    .submenu_acesso_wrapper .hello {
        float: left;
        margin: 0 20px 0 0;
        line-height: 35px;
    }

.submenu_acesso {
    display: block;
    float: left;
    margin-bottom: 20px;
}

.submenu_acesso_prestador {
    display: block;
    float: left;
    margin-bottom: -3px !important;
    font-size: 83% !important;
}

    .submenu_acesso_prestador li {
        min-width: 150px !important;
        text-align: center;
    }

.submenu_acesso li {
    display: inline-block;
    padding-bottom: 3px;
}

    .submenu_acesso li a {
        background: #999;
        color: #FFF;
        text-decoration: none;
        display: block;
        line-height: 35px;
        border-radius: 2px;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

        .submenu_acesso li a:hover {
            background-color: #ec1d23;
        }

    .submenu_acesso li.active a {
        background: #ec1d23;
    }

    .submenu_acesso li.exit a {
        background: transparent;
        color: #999;
    }


.table_toggle {
    width: 25px;
    height: 25px;
    background: url('../images/plus.png') center center no-repeat;
    display: inline-block;
}

    .table_toggle.active {
        background-image: url('../images/minus.png');
    }

.tabela_acesso {
    width: 99.9%;
    font-size: 83%;
}

    .tabela_acesso a {
        display: inline-block;
    }

    .tabela_acesso > thead tr th {
        color: #999;
        padding: 20px 25px;
        text-align: left;
        font-weight: lighter;
        border-bottom: solid 1px #CCC;
    }

    .tabela_acesso tr > td {
        padding: 10px 21px;
        border-bottom: solid 1px #CCC;
    }

/* Exibição de grids com muitos botões, em mobile fica ruim */
.tabela_acesso_compacta tr > td {
    padding: 0px 1px 0px 1px;
    border-bottom: solid 1px #CCC;
}

.tabela_acesso tr.active td {
    border-bottom: none;
}

/*Gleidson-comentado 06-06-2017 para resolver bordas desnecessárias em paginação*/
/*.tabela_acesso tr td:first-child {
    border-left: solid 1px #CCC;
}

.tabela_acesso tr td:last-child {
    border-right: solid 1px #CCC;
}*/

.tabela_acesso tr.even {
    background: #f6f6f4;
}

.detalhes_tabela_wrapper,
.detalhes_tabela {
    display: none;
}

.tabela_acesso_light {
    border: solid 1px #CCC;
    width: 100%;
}

    .tabela_acesso_light thead th {
        background: #DDD;
        color: #666;
        text-align: left;
        padding: 10px;
        font-weight: normal;
    }

    .tabela_acesso_light tbody tr td {
        border: none;
        background: #FFF;
        padding: 10px;
    }





.tabela_prest_autoriz {
    border: solid 1px #CCC;
    width: 100%;
}

    .tabela_prest_autoriz thead th {
        background: #DDD;
        color: #666;
        text-align: left;
        padding: 10px;
        font-weight: normal;
    }

    .tabela_prest_autoriz tbody tr {
        border: none;
        background: #FFF;
        padding: 10px;
    }

    .tabela_prest_autoriz tbody th {
        width: 10px;
        padding-right: 20px;
    }



.aviso_acesso {
    margin: 20px 0;
    padding: 20px 20px 10px;
    background: #DDD;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
}

    .aviso_acesso p {
        margin: 0 0 10px;
    }

.i_aviso {
    float: left;
    margin-right: 20px;
}

.i_alert {
    width: 38px;
    height: 37px;
    background: url('../images/i_alert.png') center center no-repeat;
}

.alteraCorLinha {
    background: #fcf8e3 !important;
}

.i_makingmanualPDF {
    width: 16px;
    height: 16px;
    background: url('../img/pdf16x16.jpg') center center no-repeat;
}

.btn_table {
    background: #999;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

    .btn_table:hover {
        color: #FFF;
    }

.light_text {
    font-size: 83%;
    color: #999;
}

.box_app {
    background: #ebebeb;
    border-radius: 0 0 5px 5px;
    border-top: solid 5px #ec1d23;
    padding: 20px;
    min-height: 180px;
    text-align: center;
    font-size: 13pt;
    margin-bottom: 30px;
}

    .box_app ul,
    .box_app ul li {
        display: block;
    }

.title_casu_app {
    text-transform: uppercase;
    font-size: 17pt;
    margin-top: 0 !important;
}

    .title_casu_app span {
        font-weight: normal;
        color: #333;
    }

.links_app_store {
    float: left;
    width: 125px;
}

    .links_app_store a {
        display: inline-block;
        margin: 0 0 10px 0;
    }

.texto_app_stores {
    margin: 10px 0 0 135px;
}

.qr_code_wrapper {
    margin: 0 30px;
}

.qr_code {
    float: left;
    width: 90px;
}

.texto_qr_code {
    margin: 0 0 0 105px;
}

    .texto_qr_code p {
        padding: 7.5px 0 0;
    }

.link_manual_casu {
    color: #999;
    display: inline-block;
    margin: 10px 0 0;
}

    .link_manual_casu img {
        float: left;
        margin: 0 10px 0 0;
    }

.small_text_form {
    font-size: 8pt;
    color: #999;
    margin: 5px 0 0;
}
/* GRUPOS DO GRIDVIEW DE TABELA COPARTICIPATIVA DE PLANOS */
.TituloGrupoCopart.DesGrpCopartValor {
    font-size: 90%;
    font-weight: bold;
    background: Silver !important;
    color: Black;
}

.TituloGrupoCopart.DesGrpItem {
    font-size: 85%;
    background: #E6E6E6 !important;
    color: Black;
}

.TituloGrupoCopart.DesItem {
    font-size: 81%;
    background: #CEE3F6 !important;
}

.header_generico {
    background-image: url('../images/page_headers/acesso_exclusivo.jpg');
}
/*  OK FUNCIONANDO - Acerto do estilo original 
    Tipo de Adaptar a Paginação do .NET
    Também não consegui ainda trabalhar com os números + Próximo/Anterior, o GridView por padrão não permite, são 2 modos distintos apenas
    Exemplo aplicado: https://sufiawan.wordpress.com/2014/09/26/asp-net-use-bootstrap-pagination-on-gridview/ 
*/
.pagination-ys {
    /*display: inline-block; // Comentei 17/08/2016 Rafael - Está gerando conflito com os Grids de extrato de pagamento por exemplo */
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table > tbody > tr > td,
    .pagination-ys > span > a,
    .pagination-ys > span > span,
    .pagination-ys > span > input {
        display: inline;
        border: none;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span,
        .pagination-ys > span > a,
        .pagination-ys > span > span,
        .pagination-ys > span > input {
            position: relative;
            float: left;
            padding: 15px 15px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #666;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }
        /* Qual página selecionada/marcada */
        .pagination-ys table > tbody > tr > td > span,
        .pagination-ys > span > span {
            position: relative;
            float: left;
            padding: 15px 15px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: white;
            background-color: #ec1d23;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span,
        .pagination-ys > span > a:first-child {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span,
        .pagination-ys > span > a:last-child {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }
        /* hover */
        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys > tbody > tr > td > span:hover,
        .pagination-ys > tbody > tr > td > a:focus,
        .pagination-ys > tbody > tr > td > span:focus,
        .pagination-ys > span > a:hover,
        .pagination-ys > span > input:hover,
        .pagination-ys > span > a:focus,
        .pagination-ys > span > input:focus {
            color: white;
            background-color: #ec1d23;
            border-color: #dddddd;
        }

        .pagination-ys > span > a.aspNetDisabled {
            background-color: #f3f3f3;
            color: #aaa;
            cursor: default;
        }
/* OK FUNCIONANDO - Acerto do estilo original "button's" do site, não pegavam corretamente o estilo */
input[type="submit"] {
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}

/* OK FUNCIONANDO - Acerto do estilo original BUTTONS COM IMAGEM/ÍCONE */
/*RETIRADO - Os botões não estavam no stilo correto. Sem tamamho e alinhamento de texto definidos no estilo original
Max 05/06/2018

.form .button.single_line {
    margin: 0 5px;
    width: auto;
    float: left;
    padding: 12.5px 12.5px 0 12.5px;
}
    */
/*Estilo padrão para botões 'a', seguindo o mesmo estilo para botões type=submit 
    Max
    05/06/2018
    A largura do botão será definida pela div parent
*/
.form a.button {
    color: #FFF;
    background: #ec1d23;
    height: 51px;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display: block;
    line-height: 51px;
}

/* OK FUNCIONANDO - Acerto do estilo original "buscador" do site, não pegavam corretamente o estilo */
#header .search_header input[type="text"] {
    border: solid 2px #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 36px;
    padding: 10px;
    width: 90%;
}

#header .search_header input[type="button"] {
    cursor: pointer;
    background: url('../images/arrow_search.png') center center no-repeat;
    /*position: absolute;*/ /*Alexandre/Retirei. Estava deixando os botoes em posição incorreta*/
    right: 10px;
    top: 50%;
    width: 15px;
    height: 10px;
    margin: -5px 0 0;
    text-indent: -9999px;
}

/* OK FUNCIONANDO - Acerto do estilo original "button's" do site, não pegavam corretamente o estilo */
.content_tab input[type="submit"] {
    color: #FFF;
    background: #ec1d23;
    height: 40px;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* OK FUNCIONANDO - Acerto do estilo original ".search_item .search_item{" que aplica o fundo cinza nos substitutos da rede rescredenciados */
.search_results table > tbody > tr > td > .search_item .search_item {
    background: #DDD;
    border-color: #111;
    margin: 0 15px;
}
/* OK FUNCIONANDO - Botão do Form Acesso Exclusivo */
.form input[type="submit"] {
    color: #FFF;
    background: #ec1d23;
    height: 51px;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .form input[type="submit"].fixed {
        width: auto;
        height: auto;
        padding: 12.5px 85px;
        display: inline-block;
        margin: 20px 0;
    }

.tabela_acesso_align_center th {
    text-align: center !important;
}

.tabela_acesso_align_center td {
    text-align: center !important;
}

.tabela_acesso_header th {
    color: #999;
    padding: 20px 25px;
    text-align: left;
    font-weight: lighter;
    border-bottom: solid 1px #CCC;
    background-color: #ffffff;
}

.tabela_acesso_light_header th {
    background: #DDD;
    color: #666;
    text-align: left;
    padding: 10px;
    font-weight: normal;
}

.tblInfoServicoUtil th {
    text-align: center !important;
}

/* 
	YITZHAK: exibição de texto do titulo do menu em multiline 
	(página como usar seu plano e perguntas frequentes) 
*/
.submenu li a.multi_line_big {
    height: 44px;
    max-width: 120px;
}

/*
	FIM 
	YITZHAK: exibição de texto do titulo do menu em multiline 
	(página como usar seu plano e perguntas frequentes) 
*/

.destaque {
    width: 1680px;
    height: 340px;
}


/* 
    YITZHAK: alteracoes na pag de contato
*/

/* botao "inline" na pag de contato */
.form .button.inline {
    width: auto;
    height: auto;
    padding: 10px 30px;
    display: inline-block;
    margin: 0;
}

/* informa o protocolo selecionado */
.protocolo_selecionado {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
}

/* temp, apliquei style pois os botões ficaram pequenos (estilo do portal antigo) */
.form.btn_fontsize_100 a,
.row.btn_fontsize_100 a {
    font-size: 100%;
}

/* espaçamento na tabela de anexos */
table.table.tblanexos > tbody > tr > th,
table.table.tblanexos > tbody > tr > td {
    text-align: left;
    padding-bottom: 10px;
}

/* espaçamento na tabela de anexos */
table.table.tblanexos > tbody > tr > td {
    padding-right: 20px;
}

/*
    FIM
    YITZHAK: alteracoes na pag de contato
*/


/*    color: white;
    background-color: #999;*/

/* 
	YITZHAK: resultado da busca: rede credenciada
*/
.selectperfil {
    width: 160px !important;
}

.ddlTodosServ li {
    width: 423px;
}

    .ddlTodosServ li a:hover {
        color: white !important;
        background-color: red !important;
    }

/* MOBILE */
@media (max-width: 992px) {
    .ddlTodosServ li {
        font-size: 85%;
        max-width: 342px;
    }

    .content_grid_page {
        padding-left: 15px;
    }

        .content_grid_page h2 {
            font-size: 25px;
        }

    .subtitle_grey_section_dicas_saude {
        font-size: 25pt;
    }

    /* Reduzir bordas conteúdos edição de cadastro por ex, endereço */
    .collapsible_content {
        margin: 0px 0px 0px 0px;
    }

    .texto_descredenciados {
        margin: 5px 8px 0;
    }

    .box_content_grey img {
        margin: 0 0 30px;
        max-width: 150px;
    }

    .subtitle {
        color: #ec1d23;
        margin: 90px 0px 20px 0px;
        font-size: 25px;
    }
}

.dropdown_red li a {
    background: #999;
    color: #FFF;
    text-decoration: none;
    padding: 0 10px;
    display: block;
    line-height: 35px;
    border-radius: 2px;
    font-size: 14px !important;
}

    .dropdown_red li a:hover {
        background-color: #ec1d23;
        color: #FFF;
    }



.TituloGrupoRedeANS {
    color: #FFF;
    line-height: 50px;
    font-size: 18pt;
}

.NomCid td {
    background: #c41c22;
    font-size: 80%;
    padding-left: 30px;
}

.DesCatMed td {
    background: #d81c22;
    font-size: 70%;
    padding-left: 60px;
}

.DesEspMed td {
    background: #ec1d23;
    font-size: 60%;
    padding-left: 90px;
}

.search_item_prim .search_item {
    background: #fff;
}

.search_item_alt .search_item {
    background: #f6f6f3;
}

.item_endereco_busca .mapa_busca {
    cursor: pointer;
}

/*
	FIM 
	YITZHAK: resultado da busca: rede credenciada
*/

/* Ajuste do formulário de busca de rede 
    Max, 29/07/16
*/

.form .input_grid {
    float: left;
    width: 33%;
}

/*.content_tab input[type="submit"] {
    color: #FFF;
    background: #ec1d23;
    height: 51px;
    width: 99%;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}*/

.grey_bg {
    padding-bottom: 15px;
}
/*Fim ajuste do formulário de busca de rede */

.popup_portal_old {
    border: 1px solid black;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*
	YITZHAK: Ajuste no espaçamento vertical do título do form
*/

.form_subtitle_inverse_first {
    margin: 20px 0 20px;
}

.form_subtitle_inverse {
    margin: 40px 0 20px;
}

/*
	FIM
	YITZHAK: Ajuste no espaçamento vertical do título do form
*/

/*
    YITZHAK: Validação de campos: adiciona borda vermelha em campos 
        que foram preenchidos incorretamente

        NECESSÁRIO TAMBÉM TEM A PARTE DO JS
*/

.form div.validate_error,
.form .bootstrap-select .dropdown-toggle.validate_error {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(255,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(255,0,0,0.75);
    box-shadow: 0px 0px 5px 1px rgba(255,0,0,0.75);
}

/*
    FIM
    YITZHAK: Validação de campos: adiciona borda vermelha em campos 
        que foram preenchidos incorretamente
*/


/*
    YITZHAK: Descrição dentro da div de alerta
*/

.erro_form p,
.erro_form ul li,
.alert p,
.alert ul li {
    font-size: 83%;
}

.erro_form ul,
.erro_form ol,
.alert ul,
.alert ol {
    padding-left: 30px;
}

/*
    FIM
    YITZHAK: Descrição dentro da div de alerta
*/

/*
    YITZHAK: Lista sem o marcador
*/

ul.list-unstyled {
    list-style: none;
}

/*
    FIM
    YITZHAK: Lista sem o marcador
*/

/*
    YITZHAK: Evitar quebra de linha
*/

span.nowrap {
    white-space: nowrap;
}

/*
    FIM
    YITZHAK: Evitar quebra de linha
*/

/*
    YITZHAK: Estilo cabeçalho em grids asp net (que não geram tag thead)
*/

.tabela_acesso > tbody > tr > th {
    color: #999;
    padding: 5px 5px;
    text-align: left;
    font-weight: lighter;
    border-bottom: solid 1px #CCC;
}

/*
    FIM
    YITZHAK: Estilo cabeçalho em grids asp net (que não geram tag thead)
*/

/*
    YITZHAK: botão dentro do grid
*/

.form td.tdbutton > a {
    width: auto;
    height: auto;
    padding: 0.5em 1.5em;
    display: inline-block;
    color: #FFF;
    background: #ec1d23;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
    text-decoration: none;
}

/*
    FIM
    YITZHAK: botão dentro do grid
*/

/*
    YITZHAK: conflito entre o css style e bootstrap
    quando é input file focus
*/

input[type="file"].btn-default:focus, input[type="file"].btn-default.focus {
    font-size: 14px;
    border: 1px solid #8c8c8c;
}

/*
    FIM
    YITZHAK: conflito entre o css style e bootstrap
    quando é input file focus
*/

/*
    Gleidson: Carousel
    28/11/2016 
   Documentação disponível em http://sorgalla.com/jcarousel/docs/
*/
#wrapper {
    width: 100%;
}

.stage {
    padding: 35px 0;
}

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.highlight-html:before,
.highlight-source-html:before {
    content: 'HTML';
}

.highlight-javascript:before,
.highlight-source-javascript:before,
.highlight-js:before,
.highlight-source-js:before {
    content: 'JavaScript';
}

.highlight-css:before,
.highlight-source-css:before {
    content: 'CSS';
}

/* jCarousel */

.jcarousel-wrapper {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    max-width: 1920px;
}

    .jcarousel ul {
        width: 20000em;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .jcarousel li {
        float: left;
    }

    .jcarousel img {
        width: 100%;
        max-width: 1920px;
        height: auto;
        margin: 0 auto;
    }
/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

@media (max-width: 480px) {
    .jcarousel-control-prev,
    .jcarousel-control-next {
        margin-top: -10px;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        font: 16px/18px Arial, sans-serif;
    }
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

    .jcarousel-control-prev:hover span,
    .jcarousel-control-next:hover span {
        display: block;
    }

    .jcarousel-control-prev.inactive,
    .jcarousel-control-next.inactive {
        opacity: .25;
        cursor: default;
    }

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: 15px;
    /* left: 50%; */
    margin: 0;
    /* margin-left: 50%; */
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

.carouselcontrols {
    background-color: #ec1d23;
    text-align: center;
}

@media (max-width: 620px) {
    .jcarousel-pagination {
        bottom: -35px;
    }
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 15px;
    width: 15px;
    line-height: 10px;
    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

    .jcarousel-pagination a.active {
        background: #4E443C;
        color: #fff;
        opacity: 1;
        -webkit-box-shadow: 0 0 2px #F0EFE7;
        -moz-box-shadow: 0 0 2px #F0EFE7;
        box-shadow: 0 0 2px #F0EFE7;
    }

/*
        FIM
    Gleidson: Carousel 

*/
.txtProtocolo {
    width: 360px;
}

@media (max-width: 562px) {
    .btnProtocolo {
        text-align: center;
    }
}

.marginTop35 {
    margin-top: 35px;
}

/*Componente Cadastral*/
.size83perc {
    font-size: 83% !important;
}

.label_font_normal {
    font-weight: normal;
}

.margin-left3perc {
    margin-left: 3%;
}

/* Página de Ajuda */
.borda_imagem {
    border-color: silver;
    border-width: 1px;
    border-style: solid;
}

/*painel de informações*/
.painel_informacao {
    border-bottom: solid 1px;
    border-top: solid 1px;
    border-right: solid 1px;
    border-left: solid 1px;
    margin-bottom: 10px;
    padding: 0px 15px 0px 15px;
    border-color: silver;
    background-color: #f6f6f3;
    border-radius: 5px;
    text-align: justify;
}

    .painel_informacao h4 {
        color: #ec1d23 !important;
        font-size: 113%;
        font-weight: normal;
    }

/*ALERTA VERSÃO DE TESTE DO SISTEMA*/
#liTeste a {
    color: #FF0000;
    font-size: medium;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 1px;
    padding-top: 8px;
    padding-bottom: 8px;
}

    #liTeste a.alerta {
        padding-top: 0px;
        padding-bottom: 9px;
        padding-left: 14px;
    }

.alerta-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alerta {
    padding: 8px 15px 15px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #f2dede;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/*FIM ALERTA VERSÃO DE TESTE DO SISTEMA*/

/*col-sm*/
@media(max-width:767px) {
    #top_bar {
        padding: 10px 0px 10px 0px;
    }

        /*#top_bar .icons_menu {
            min-width: 50px;
        }*/

        #top_bar .nav_shortcuts li {
            display: block;
            margin: 0 0 15px;
        }

    #header .logo {
        display: block;
        /*float: none;*/
        float: left;
        max-width: 180px;
        margin: 0px 0;
    }

        #header .logo.logo_high_contrast {
            display: none;
        }

    #header .phone_header {
        margin: 5px 0;
    }

    .logo_phone_wrapper {
        text-align: center;
    }

    #header .search_header {
        margin: 0;
        max-width: none;
        width: 50%;
        padding: 0 0 0 5px;
    }

    #header .search_input {
        float: left;
    }

    #header .quick_access {
        width: 50%;
    }

        #header .quick_access select {
            font-size: 12pt;
        }

    #top_bar .user_controls {
        margin: 3px 0 0;
        font-size: 10pt;
    }

    #header .header_.forms {
        margin: 0 0 30px;
        float: left;
        width: 100%;
    }

    #top_bar .nav_shortcuts,
    #top_bar .accessibility_controls {
        display: none;
    }

    #top_bar .accessibility_controls {
        margin: 20px 0px;
    }

    #top_bar .accessibility {
        text-align: right;
    }

    .subtitle_home {
        font-size: 20pt;
        color: #666;
        margin: 30px 0px 20px 0px;
    }

    /*.tabs_content {
        height: 80%;
    }*/

    /*.i_tab {*/
    /*display: none;*/
    /*margin: 0 0px 0 0;*/
    /*}*/

    .tabs li {
        width: auto;
    }

        .tabs li a {
            width: auto;
            font-size: 73%;
            padding: 0 10px;
            height: 40px;
            line-height: 40px;
        }

    .box_home ul,
    .box_home ul li {
        padding: 5px 0;
    }

    /*    .i_tab_casa {
        width: 36px;
        height: 27px;
        background-image: url('../images/i_tab_casa.png');
        margin-bottom: -8px;
    }

    .i_tab_ris {
        width: 32px;
        height: 29px;
        background-image: url('../images/i_tab_ris.png');
        margin-bottom: -10px;
    }

    .i_tab_rede_convencional {
        width: 36px;
        height: 37px;
        background-image: url('../images/i_tab_rede_convencional.png');
        margin-bottom: -13px;
    }

    .i_tab_casu_aproxima {
        width: 36px;
        height: 27px;
        background-image: url('../images/i_tab_casu_aproxima.png');
        margin-bottom: -8px;
    }*/


    #logos_footer .column_footer {
        width: 100% !important;
    }

    #footer .logo_ans {
        float: none;
        margin: 0 0 20px;
    }

    #footer .endereco_footer {
        margin: 0;
    }

    .content_grid_page {
        margin: 0;
    }

        .content_grid_page .continue_lendo {
            color: #999;
            text-decoration: underline;
        }

    .especialidades_item_busca {
        margin-bottom: 20px;
    }




    .header_forms {
        width: 100%;
        margin: 0 0 15px;
    }

    .form .button {
        font-size: 110%;
    }

    #page_header h1 {
        font-size: 28pt;
    }

    .static_xs {
        position: static;
    }

    .form_page_header {
        position: absolute;
        top: 10px;
        right: 5px;
    }

    .grid_input_fone {
        width: 100%;
    }

    .pager_galeria_wrapper {
        bottom: auto;
        top: 100%;
    }

    .collapsible_header .collapsible_title {
        font-size: 12pt;
    }

    .collapsible_header .go_to_top {
        display: none;
    }


    .qr_code_wrapper {
        margin: 40px 0 60px;
    }
}

/*col-md*/
@media(min-width:768px) and (max-width:992px) {

    #top_bar .nav_shortcuts {
        margin: 0 0 15px;
    }

    #header .logo {
        margin: 5px 0 0;
    }

    #header .phone_header {
        width: 250px;
        text-align: center;
        margin: 20px 0 0;
    }

        #header .phone_header span {
            display: inline-block;
        }

    #header .secondary_menu {
        margin-bottom: 15px;
    }

        #header .secondary_menu li {
            display: block;
            margin: 0 0 5px;
            padding: 0;
            border: none;
        }

    #top_bar,
    #top_bar .accessibility {
        text-align: center;
    }

    .tabs li {
        width: 33.33%;
    }

        .tabs li a {
            width: auto;
            font-size: 73%;
        }

    #logos_footer h6 {
        margin-bottom: 20px;
    }

    .qr_code_wrapper {
        margin: 0;
    }


    .texto_app_stores {
        margin-left: 0;
    }

    .links_app_store {
        float: none;
        width: auto;
    }
}

/*ALL MOBILE*/
@media(max-width:992px) {

    #cycle_destaques_wrapper {
        /*height: 340px; novo carousel*/
        height: 10px;
        border-bottom: none;
    }

    .box_home {
        margin: 20px 0 0;
    }

        .box_home h3 {
            color: #ec1d23;
            font-weight: bold;
            margin: 0 0 -10px;
        }

    .img_box {
        text-align: center;
    }

    .content_tab {
        margin-bottom: 0px;
        padding: 0px 0 0;
    }

    .form .input_grid {
        width: 100%;
    }

    .form .input_wrapper,
    .form .select_wrapper {
        margin-right: 0;
    }

    .texto_atualizacao {
        float: none;
        text-align: center;
        margin: 40px 0 0;
    }

    .box_acesso_associado .texto_box_acesso {
        margin-top: -31px;
    }

        .box_acesso_associado .texto_box_acesso span {
            display: block;
        }

    #page_header .pager_header_vert_align {
        vertical-align: middle;
    }

    .form_page_header,
    #page_header h1 {
        margin: 0;
    }
}


/*col-lg*/
@media(min-width:992px) and (max-width:1200px) {

    #header .menu li {
        margin-right: 20px;
    }

        #header .menu li a {
            font-size: 9pt;
        }

    #header .secondary_menu li a {
        font-size: 8pt;
    }

    #header .secondary_menu li {
        padding: 0 7px 0 4px;
    }

    #logos_footer h6 {
        font-size: 10pt;
    }

    #top_bar .user_controls {
        /*font-size: 83%;*/
        margin: 3px 0 0 0;
    }
}


/*col-lg*/
@media(min-width:1200px) {
    .paginacao {
        padding-left: 260px;
    }

        .paginacao.no_text {
            padding-left: 0;
        }

    .submenu_acesso_wrapper {
        width: auto;
    }
}



.dot {
    /*height: 25px;
            width: 25px;
            background-color: #ec1d23;
            border-radius: 50%;
            display: inline-block;   
            float: right;*/
    -webkit-font-smoothing: antialiased;
    direction: ltr;
    color: #333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    list-style: none;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    position: absolute;
    background: #ec1d23;
    top: 55%;
    font-size: 1em;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    margin-top: -1.3em;
    left: -1.5%;
    background-position: -12px -319px;
}

    .dot span {
        margin-left: 15%;
        margin-top: 13%;
        color: #fff;
    }

.associadoSelecionado {
    border: 3px solid red;
}

.divDDLPagamento div {
    width: 100% !important;
}

.linkAlterar {
    font-size: 13px;
    color: #ec1d23;
}

.labelSelecaoAssociadoFormaPgt {
    font-size: 73%;
    line-height: 12pt;
    display: block;
    margin: 5px 0 0;
}

.btnMobile {
    width: 100% !important;
}

.formPagamento {
    padding: 1.5%;
}

.colDDL {
    display: none;
}

.periodoPesquisar {
    background: #999;
    float: left;
    width: 150px;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.periodoPesquisarAPS {
    background: #999;
    float: left;
    width: 260px;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.periodoPesquisar select {
    width: 100%;
    height: 28px;
    color: #FFF;
    background: #999;
    font-family: 'Roboto', sans-serif;
    font-size: 12.5pt;
}

.periodoPesquisarAPS select {
    width: 100%;
    height: 28px;
    color: #FFF;
    background: #999;
    font-family: 'Roboto', sans-serif;
    font-size: 12.5pt;
}

@media screen and (min-width: 992px) {
    #divOuvidoria {
        padding-left: 300px;
        padding-right: 300px;
    }
}

.spanWpp label {
    float: none !important;
    display: inline !important;
    padding-left: 10px;
}

@media (min-width: 768px) {
    .divWpp {
        padding-left: 10px !important;
        margin-left: -18px !important;
        margin-top: 30px !important;
        margin-bottom: 0px !important;
    }

    /*.col-md-6 {
            width: 50%;
        }*/

    /*.col-sm-12 {
        width: 50% !important;
    }*/
}

.btnsAuth2fa {
    display: flex;
    justify-content: center;
    gap: 10px;
}

#btnVoltaAuth2f {
    margin: 4px 0;
}

#btnAuth2f {
    margin: 4px 0;
}

@media (max-width: 535px) {
    .btnsAuth2fa {
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}