.loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    background-image: url(../imagens/loading.gif);
    background-repeat: no-repeat;
    background-position: center 30px;
    display: none;
    z-index: 50;
}

.paginacao {
    float: left;
    width: 100%;
    text-align: center;
}

    .paginacao .loading-more {
        display: none;
    }

        .paginacao .loading-more p {
            font-family: Arial;
            font-size: 13px;
            color: #0e5da0;
        }

.ico-forma-pgto {
    vertical-align: middle;
}

.outros-descricao {
    display: none;
}

.outros-artigos {
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .outros-artigos h3 {
        font-family: 'Oswald', sans-serif;
        font-size: 22px;
        font-weight: normal;
        margin: 0px 0px 15px 0px;
        border-top: solid 5px #e4e4e4;
    }

    .outros-artigos ul {
        float: left;
        width: 100%;
        list-style: none;
        padding: 0px;
    }

        .outros-artigos ul li {
            float: left;
            width: 100%;
            margin-bottom: 1px;
        }

            .outros-artigos ul li a {
                text-decoration: none;
            }

            .outros-artigos ul li img {
                float: left;
                margin-right: 10px;
            }

            .outros-artigos ul li div {
                display: block;
                font-family: 'Lato', sans-serif;
                font-size: 16px;
                color: #000;
                margin-top: 15px;
            }

.link-cortina {
    color: #000;
    text-decoration: none;
}

ul.kit {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #000;
}

.preco, parcelas {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #5b5b5b;    
}

.preco {
    text-decoration: line-through;
}

.preco-final {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    font-weight: bold;
    color: #3b679e;
}

.desconto {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
}

.parcelas strong {
    color: #3b679e;
}

@media screen and (min-width: 1280px) {

    .tabela-forma-pgto {
        width: 450px;
    }

        .tabela-forma-pgto td {
            text-align: left;
            width: 50%;
        }

    .item-kit {
        display: inline-block;
        width: 250px;
        height: 250px;
    }

        .item-kit a {
            color: #000;
            text-decoration: none;
        }

    .seta-cortina {
        display: none;
    }

    .ui-autocomplete {
        max-height: 150px;
        overflow-y: auto; /* prevent horizontal scrollbar */
        overflow-x: hidden; /* add padding to account for vertical scrollbar */
        z-index: 1000 !important;
    }

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

        .content h1 {
            font-family: Lato, sans-serif;
            font-size: 32px;
        }

        .content h2 {
            font-family: Lato, sans-serif;
            font-size: 18px;
            margin: 10px 0px 10px 0px;
            border-bottom: solid 1px #000;
        }

        .content p {
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            color: #303030;
        }

        .content .imagem {
            width: 600px;
            height: auto;
        }

        .content ol {
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            list-style-position: inside;
            padding: 0px;
        }

            .content ol li {
                margin-bottom: 5px;
                background-color: #f1f1f1;
                padding: 7px 10px 7px 10px;
            }

                .content ol li a {
                    line-height: 28px;
                    color: #000;
                    text-decoration: none;
                }

                .content ol li div {
                    background-color: #ffffff;
                    padding: 7px 10px 7px 10px;
                }

                    .content ol li div p {
                        color: #5b5b5b !important;
                        font-style: italic;
                    }

                .content ol li a:hover {
                    color: #0f84d1;
                }

        .content .coluna-estreita {
            float: left;
            width: 345px;
            height: 600px;
            padding: 10px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .content .coluna-estreita.direita {
                float: right;
                margin-left: 10px;
            }

            .content .coluna-estreita.esquerda {
                float: left;
                margin-right: 10px;
            }

            .content .coluna-estreita .logo {
                float: left;
                width: 320px;
                height: 213px;
                border: solid 1px #d9d9d9;
                text-align: center;
            }

            .content .coluna-estreita .open-nova-busca {
                display: none;
            }

            .content .coluna-estreita .nova-busca {
                float: left;
                width: 100%;
                margin: 10px 0px 10px 0px;
            }

                .content .coluna-estreita .nova-busca h2 {
                    float: left;
                    width: 100%;
                }

            .content .coluna-estreita .endereco {
                float: left;
                width: 100%;
                margin-top: 10px;
                padding: 0px 15px 0px 15px;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                border: solid 1px #a5a5a5;
            }

                .content .coluna-estreita .endereco a {
                    color: #207cca;
                    text-decoration: none;
                }

                    .content .coluna-estreita .endereco a:hover {
                        text-decoration: underline;
                    }

    .form-busca, .filtro, .ordernar {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

        .form-busca .linha, .filtro .linha, .ordenar .linha {
            float: left;
            width: 100%;
        }

            .form-busca .linha h3, .filtro .linha h3 {
                font-family: Lato, sans-serif;
                font-size: 18px;
                margin: 10px;
                border-bottom: solid 1px #000;
            }

            .form-busca .linha .coluna, .filtro .linha .coluna {
                float: left;
                width: 100%;
                padding: 10px;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            .form-busca .linha .coluna2 {
                float: left;
                width: 33%;
                padding: 10px;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

        .form-busca .textbox, .filtro .textbox {
            width: 86%;
            padding: 13px 0px 14px 0px;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            border: none;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            background-color: #ffffff;
            outline: none;
        }

            .form-busca .textbox::placeholder, .filtro .textbox::placeholder {
                font-style: italic;
            }

            .form-busca .textbox.local {
                padding: 13px 15px 14px 35px;
                border: solid 1px #bebebe;
                border-radius: 5px;
                width: 100%;
                background-color: #ffffff;
                background-image: url(../imagens/icon-map.png);
                background-repeat: no-repeat;
                background-attachment: scroll;
                background-position: 7px 12px;
            }

        .form-busca .dropdown, .filtro .dropdown, .ordenar .dropdown {
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            width: 99%;
            padding: 13px 15px 14px 15px;
            background-color: #fff;
            border: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-image: url(../imagens/arrow-down.png);
            background-position: right center;
            background-repeat: no-repeat;
            outline: none;
        }

        .form-busca .search-field, .filtro .search-field, .ordenar .search-field {
            float: left;
            width: 100%;
            border: solid 1px #bebebe;
            border-radius: 5px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            background-color: #ffffff;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: 7px 8px;
        }

        .form-busca .search-field {
            background-image: url(../imagens/icon-diploma.png);
            padding: 0px 0px 0px 35px;
        }

        .filtro .search-field, .ordenar .search-field {
            padding: 0px 0px 0px 15px;
        }

    .ordenar .linha .coluna {
        float: right;
        width: 300px;
        height: 80px;
        padding: 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .form-busca .search-image {
        float: right;
        margin-top: 10px;
        margin-right: 5px;
    }

    .filtros-mob {
        display: none;
    }

    .content .coluna-larga {
        float: left;
        width: 900px;
        margin-top: 10px;
    }

        .content .coluna-larga p {
            text-align: justify;
        }

    label {
        font-family: 'Open Sans', sans-serif;
        font-size: 15px !important;
    }

    .dropdown, .textbox, .textbox-number, .textarea {
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        border: solid 1px #bebebe;
        background-color: #ffffff;
        border-radius: 5px;
        -moz-border-radius: 5px;
        outline: none;
    }

    .textbox-number {
        text-align: right;
    }

    .textbox.largo, .textbox-number, .textarea.largo {
        width: 300px;
    }

    .form-grupo.border div {
        width: 50%;
        height: 40px;
        border-bottom: solid 1px #a8a8a8;
    }

        .form-grupo.border div label {
            font-weight: bold;
        }

    .form-grupo .dropdown {
        width: 200px;
        padding: 10px 15px 10px 10px;
    }

    .textbox, .textbox-number, .textarea, .dropdown {
        padding: 10px 15px 10px 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        background-color: #ffffff;
    }

    .form-grupo .textbox::placeholder {
        font-style: italic;
    }

    .form-grupo .textbox, .form-grupo .textarea {
        width: 300px;
    }

    .form-grupo .textbox-number.inteiro, .form-grupo .textbox-number.decimal {
        width: 150px;
    }

    .texto {
        float: left;
        width: 100%;
        min-height: 700px;
        border: solid 1px #d9d9d9;
        padding: 15px 0px 20px 15px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0px 0px 5px 0px;
    }

    .resultados {
        float: left;
        position: relative;
        width: 100%;
        min-height: 250px;
    }

        .resultados .item {
            float: left;
            width: 100%;
            height: 240px;
            padding: 15px 0px 20px 15px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 5px 0px 15px 0px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
            -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
            box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
        }

            .resultados .item .info {
                float: left;
                width: 70%;
                border-right: solid 1px #d9d9d9;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            .resultados .item .info-adicionais {
                float: left;
                width: 100%;
                border-top: solid 1px #d9d9d9;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            .resultados .item .info .logo {
                float: left;
                width: 25%;
                padding: 10px;
                margin-right: 10px;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .resultados .item .info .logo img {
                    width: 128px;
                }

            .resultados .item .info .curso {
                float: left;
                width: 70%;
                padding: 5px 10px 5px 10px;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .resultados .item .info .curso p {
                    text-align: left !important;
                    margin: 0px 0px 10px 0px !important;
                }

                .resultados .item .info .curso .titulo-curso {
                    font-family: 'Open Sans', sans-serif;
                    font-size: 16px;
                    font-weight: bold;
                    color: #3b3b3b;
                    text-decoration: none;
                    text-transform: uppercase;
                }

                    .resultados .item .info .curso .titulo-curso:hover {
                        text-decoration: underline;
                    }

                .resultados .item .info .curso .local-instituicao {
                    font-family: 'Open Sans', sans-serif;
                    font-size: 13px;
                    color: #5b5b5b;
                }

                .resultados .item .info .curso .titulo-instituicao {
                    font-family: 'Open Sans', sans-serif;
                    font-size: 16px;
                    font-weight: bold;
                    color: #3b3b3b;
                    text-decoration: none;
                }

                    .resultados .item .info .curso .titulo-instituicao:hover {
                        text-decoration: underline;
                    }

            .resultados .item .info-adicionais .coluna {
                float: left;
                width: 25%;
                padding: 10px;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .resultados .item .info-adicionais .coluna label {
                    font-family: Lato, sans-serif;
                    font-size: 14px;
                    color: #000;
                }

                .resultados .item .info-adicionais .coluna .campo-info {
                    font-family: Lato, sans-serif;
                    font-size: 18px;
                    color: #000;
                }

            .resultados .item .mensalidade {
                float: left;
                width: 30%;
                margin-top: 30px;
            }

                .resultados .item .mensalidade .desconto {
                    float: left;
                    width: 40%;
                    text-align: center;
                    border-right: solid 1px #d9d9d9;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                .resultados .item .mensalidade .valor {
                    float: left;
                    width: 60%;
                    padding: 0px 0px 0px 10px;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                .resultados .item .mensalidade .texto-pequeno {
                    font-family: 'Open Sans', sans-serif;
                    font-size: 12px;
                    line-height: 16px;
                    color: #000;
                }

                .resultados .item .mensalidade .taxa-adesao, .info-curso .mensalidade .taxa-adesao {
                    font-family: 'Oswald', sans-serif;
                    font-weight: bold;
                    color: #ff0000;
                }

                .resultados .item .mensalidade .percentual, .resultados .item .mensalidade .por {
                    font-family: 'Roboto Condensed', sans-serif;
                    font-size: 28px;
                    line-height: 28px;
                    font-weight: bold;
                    color: #3b3b3b;
                }

                .resultados .item .mensalidade p.sem-vagas {
                    margin-top: 35px;
                    border: none;
                    text-align: center;
                }

                .resultados .item .mensalidade .breve {
                    padding: 5px 10px 5px 10px;
                    background-color: #ff5e00;
                    color: #ffffff;
                    text-transform: uppercase;
                }

        .resultados .sem-vagas {
            float: left;
            width: 100%;
            height: 100vh;
            padding: 20px 0px;
            border: solid 1px #d9d9d9;
            text-align: center !important;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .resultados .sem-vagas p {
                text-align: center !important;
            }

        .resultados .quadro {
            display: inline-block;
            width: 25%;
            height: 450px;
            padding: 15px;
            margin-bottom: 40px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .resultados .quadro .conteudo {
                float: left;
                width: 100%;
                height: 450px;
                text-align: center;
                padding: 15px;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                background-color: #fff;
                -moz-border-radius: 10px;
                border-radius: 10px;
                -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
                -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
                box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
            }

                .resultados .quadro .conteudo h3 {
                    float: left;
                    width: 100%;
                    height: 80px;
                    margin: 5px 0px;
                    font-family: Oswald, sans-serif;
                    font-size: 20px;
                    color: #4b4b4b;
                    text-align: center;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    line-height: 1.4;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

                .resultados .quadro .conteudo img {
                    margin-top: 10px;
                    width: 100%;
                }

                .resultados .quadro .conteudo p {
                    font-family: 'Open Sans', sans-serif;
                    font-size: 12px;                    
                    color: #4b4b4b;
                    margin: 10px 0px;
                    text-transform: uppercase;
                }

                    .resultados .quadro .conteudo p.resumo {
                        font-size: 14px;
                        text-align: left;
                    }

                .resultados .quadro .conteudo .porcentagem {
                    display: inline-block;
                    font-family: 'Oswald', sans-serif;
                    font-size: 40px;
                    color: #f00;
                    vertical-align: middle;
                }

                .resultados .quadro .conteudo .vagas-disponiveis {
                    font-family: Arial, sans-serif;
                    font-size: 14px;
                    color: #036898;
                    text-decoration: none;
                }

    .login-parceiro {
        float: left;
        width: 600px;        
    }

    .imagem-diretor {
        float: right;
        width: 600px;                
    }

        .imagem-diretor img {
            float: left;
            width: 100%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-shadow: 7px 7px 5px 0px rgba(168, 168, 168, 0.75);
            -moz-box-shadow: 7px 7px 5px 0px rgba(168, 168, 168, 0.75);
            box-shadow: 7px 7px 5px 0px rgba(168, 168, 168, 0.75);
        }

    .botao, .botao2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
        color: #ffffff;
        border: none;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a39ecc+0,1f146b+100 */
        background-color: #1f146b; /* Old browsers */
        padding: 10px 15px 10px 15px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        outline: none;
        cursor: pointer;
        margin: 15px 0px 0px 0px;
        -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    }

    .botao-azul {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #ffffff;
        border: solid 1px #3b679e;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#207cca+0,3b679e+51,207cca+100 */
        background: #207cca; /* Old browsers */
        background: -moz-linear-gradient(top, #207cca 0%, #3b679e 51%, #207cca 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #207cca 0%,#3b679e 51%,#207cca 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #207cca 0%,#3b679e 51%,#207cca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */
        box-sizing: border-box;
        text-align: center;
        border-radius: 5px;
        -moz-border-radius: 5px;
        outline: none;
        cursor: pointer;
        margin: 15px 0px 0px 0px;
        padding: 7px 10px 7px 10px;
        text-decoration: none;
    }

    .tag, .tag2, .tag3, .tag4 {
        display: inline-block;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        padding: 7px 10px 7px 10px;
        margin: 0px 5px 5px 0px;
    }

    .tag {
        background-color: #0f84d1;
    }

    .tag2 {
        background-color: #008003;
    }

    .tag3 {
        background-color: #ff9400;
    }

    .tag4 {
        background-color: #ff0000;
    }

    .info-curso {
        float: left;
        width: 100%;
        border-bottom: solid 1px #5b5b5b;
        margin-bottom: 20px;
    }

        .info-curso .logo {
            float: left;
            width: 180px;
            padding: 5px;
            border: solid 1px #d9d9d9;
            margin: 0px 20px 10px 0px;
        }

            .info-curso .logo img {
                width: 180px;
            }

        .info-curso .info {
            float: left;
            width: 550px;
        }

        .info-curso .mensalidade {
            float: right;
            width: 260px;
            margin-top: 20px;
        }

            .info-curso .mensalidade .desconto {
                float: left;
                width: 35%;
                text-align: center;
                border-right: solid 1px #d9d9d9;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            .info-curso .mensalidade .valor {
                float: left;
                width: 60%;
                padding: 0px 0px 0px 10px;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            .info-curso .mensalidade .texto-pequeno {
                font-family: Arial;
                font-size: 12px;
                line-height: 22px;
                color: #000;
            }

            .info-curso .mensalidade .percentual, .info-curso .mensalidade .por {
                font-family: 'Oswald', sans-serif;
                font-size: 36px;
                line-height: 28px;
                font-weight: bold;
                color: #ff0000;
            }


    .centralizar-form {
        margin: 0 auto;
    }

        .centralizar-form.w400px {
            width: 400px;
        }

        .centralizar-form.w700px {
            width: 700px;
        }

        .centralizar-form.w600px {
            width: 600px;
        }

        .centralizar-form.w900px {
            width: 900px;
        }

        .centralizar-form.w1000px {
            width: 1000px;
        }

        .centralizar-form.w1250px {
            width: 1250px;
        }

    .form-login {
        float: left;
        width: 400px;
        min-height: 350px;
        border: solid 1px #bebebe;
        padding: 10px 20px 10px 20px;
        margin-right: 10px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }

        .form-login .textbox {
            width: 250px;
        }

            .form-login .textbox::placeholder {
                font-style: italic;
            }

        .form-login h3 {
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 20px;
        }

        .form-login p {
            font-size: 16px;
        }

    a.lembrete {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        color: #0f84d1;
        text-decoration: none;
    }

        a.lembrete:hover {
            text-decoration: underline;
        }

    .form-grupo {
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
    }

    .form-coluna {
        float: left;
        width: 40%;
        height: 65px;
        padding: 5px 0px 10px 0px;
    }

        .form-coluna p {
            margin: 7px 0px 7px 0px;
        }

        .form-coluna .textbox, .form-coluna .textarea, .form-coluna .dropdown {
            width: 90%;
        }

    .alerta {
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        color: #ff0000 !important;
        padding: 5px 8px 5px 40px;
        background-image: url(../imagens/ico-alerta.png);
        background-position: 5px 0px;
        background-repeat: no-repeat;
    }

    .mensagem {
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        color: #0063a4 !important;
        padding: 5px 8px 5px 40px;
        background-image: url(../imagens/ico-mensagem.png);
        background-position: 5px 0px;
        background-repeat: no-repeat;
    }

    .checkout {
        float: left;
        width: 40%;
    }

    .imagem-alinhada {
        vertical-align: middle;
    }

    .popover {
        position: absolute;
        width: 433px;
        height: 226px;
    }

    input[type=radio].css-radio {
        position: absolute;
        z-index: -1000;
        left: -1000px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
    }

        input[type=radio].css-radio + label.css-label-radio {
            padding-left: 27px;
            height: 23px;
            display: inline-block;
            line-height: 23px;
            background-repeat: no-repeat;
            background-position: 0 0;
            vertical-align: middle;
            cursor: pointer;
        }

        input[type=radio].css-radio:checked + label.css-label-radio {
            background-position: 0 -23px;
        }

    label.css-label-radio {
        background-image: url(../imagens/radio-button3.png?id=333);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .opcao-conta {
        float: left;
        width: 200px;
        height: 200px;
        margin: 10px;
        text-align: center;
    }

        .opcao-conta a {
            color: #2b2c2f;
            text-decoration: none;
        }

    .webgrid {
        width: 100%;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        text-align: center;
        border-spacing: 0px;
    }

        .webgrid th {
            background-color: #20184b;
            padding: 10px;
            color: #ffffff;
            text-transform: uppercase;
        }

        .webgrid td {
            padding: 10px;
            border-bottom: solid 1px #bebebe;
        }

            .webgrid td table td {
                padding: 10px;
                border-bottom: none;
            }

            .webgrid td .mensalidade {
                font-family: 'Open Sans', sans-serif;
                font-size: 15px;
                color: #838383;
            }

            .webgrid td .valor-final {
                font-family: 'Open Sans', sans-serif;
                font-size: 16px;
                color: #000;
            }

            .webgrid td .pagar {
                font-family: 'Open Sans', sans-serif;
                font-size: 13px;
                color: #008003;
            }

            .webgrid td .texto-opcao {
                font-family: 'Open Sans', sans-serif;
                font-size: 13px;
                color: #000;
            }

                .webgrid td .texto-opcao.verde {
                    display: inline-block;
                    width: 100px;
                    font-family: 'Open Sans', sans-serif;
                    font-size: 13px;
                    padding: 5px 10px 5px 10px;
                    background-color: #008003;
                    color: #ffffff;
                }

                .webgrid td .texto-opcao.vermelho {
                    display: inline-block;
                    width: 100px;
                    font-family: 'Open Sans', sans-serif;
                    font-size: 13px;
                    padding: 5px 10px 5px 10px;
                    background-color: #ff0000;
                    color: #fff;
                }

        .webgrid .large-col {
            width: 200px;
        }

        .webgrid .medium-col {
            width: 150px;
        }

        .webgrid .short-col {
            width: 100px;
        }

    .table-pager > td {
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
    }

        .table-pager > td > a {
            font-weight: normal;
            color: #000000;
            background-color: #f5f5f5;
            border: 1px solid #ccc;
            border-radius: 3px;
            padding: 3px 7px;
            text-decoration: none;
        }

            .table-pager > td > a:hover {
                background-color: #f0f0f0;
            }

    #mobile-grid {
        display: none;
    }

    .info-bolsa {
        width: 600px;
        height: 85px;
        border-left: solid 1px #0f84d1;
        border-top: solid 1px #0f84d1;
        border-bottom: solid 1px #0f84d1;
        margin: 10px 10px 10px 0px;
    }

        .info-bolsa .col {
            float: left;
            width: 150px;
            height: 85px;
            padding: 10px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-right: solid 1px #0f84d1;
            text-align: center;
        }

            .info-bolsa .col p {
                font-family: Arial;
                font-size: 11px;
                margin: 5px 0px 5px 0px;
            }

                .info-bolsa .col p.valor {
                    font-family: 'Roboto Condensed', sans-serif;
                    font-size: 24px;
                    font-weight: bold;
                    color: #0f84d1;
                }

            .info-bolsa .col.economize {
                background-color: #0f84d1;
            }

                .info-bolsa .col.economize p {
                    color: #ffffff;
                }

    .resumo-compra, .cartao {
        float: left;
        border: solid 1px #20184b;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .resumo-compra {
        width: 600px;
    }

    .cartao {
        width: 400px;
    }

    .resumo-compra table {
        width: 100%;
        font-family: Arial;
    }

    .cartao table {
        width: 90%;
        font-family: 'Open Sans', sans-serif;
    }

    .resumo-compra table td {        
        padding: 5px 10px 5px 10px;
    }

    .cartao table td {
        padding: 5px 10px 5px 10px;
    }

        .resumo-compra table td label, .cartao table td label {
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            font-weight: bold;
            color: #20184b;
            line-height: 32px;
        }

    .resumo-compra table .valor-campo, .cartao table .valor-campo {
        color: #000;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
    }

    .resumo-compra .titulo, .cartao .titulo {
        font-family: Lato, sans-serif;
        font-size: 16px;
        color: #ffffff;
        font-weight: bold;
        padding: 15px 10px 15px 10px;
        background-color: #20184b;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }

    .card-number, .holder {
        width: 280px;
    }

    .expiration-date {
        width: 100px;
    }

    .cvv {
        width: 100px;
    }

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

        .form-filtro .form-grupo {
            width: 100%;
        }

            .form-filtro .form-grupo .form-coluna {
                width: 32%;
            }

    .popover {
        position: absolute;
        width: 433px;
        height: 226px;
        border: solid 1px #CCC;
    }

    .busca-instituicao {
        float: left;
        width: 100%;
        margin: 20px 0px;
        padding: 20px;
        border: solid 1px #a5a5a5;        
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-image: url(/Content/imagens/banner-instituicoes.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center right;
    }

        .busca-instituicao .logo {
            float: left;
            width: 240px;
            width: 240px;
            border: solid 1px #d9d9d9;
        }

            .busca-instituicao .logo img {
                width: 100%;
            }

        .busca-instituicao .desconto {
            float: left;
            width: 120px;
            text-align: center;
        }

            .busca-instituicao .desconto .texto-bolsa {
                font-family: Lato, sans-serif;
                font-size: 12px;
                font-weight: bold;
                color: #424242;
                text-transform: uppercase;
            }

            .busca-instituicao .desconto .numero {
                font-family: 'Roboto Condensed', sans-serif;
                font-size: 60px;
                line-height: 70px;
                font-weight: bold;
                color: #ff0000;
            }

            .busca-instituicao .desconto .texto-desconto {
                font-family: Lato, sans-serif;
                font-size: 18px;
                font-weight: bold;
                color: #424242;
                text-transform: uppercase;
            }

        .busca-instituicao .inscricoes-gratuitas {
            float: left;
            width: 180px;
            background-color: #b50101;
            padding: 10px 20px 10px 20px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 15px 0px 0px 50px;
        }

            .busca-instituicao .inscricoes-gratuitas p {
                font-family: 'Open Sans', sans-serif;
                font-size: 26px;
                color: #ffffff;
                text-align: center;
                margin: 0px;
            }

        .busca-instituicao .form {
            float: right;
            width: 850px;            
        }

            .busca-instituicao .form h3 {
                margin: 5px 0px 5px 10px;
                border: none;
            }

            .busca-instituicao .form .textbox.local {
                width: 300px;
            }

}

.breadcrumb {
    font-family: Arial !important;
    font-size: 13px !important;
    color: #000;
    margin: 10px 0px 0px 0px;
}

    .breadcrumb a {
        font-weight: bold;
        color: #000;
        text-decoration: none;
    }

        .breadcrumb a:hover {
            text-decoration: underline;
        }

/* Clearable text inputs */
.clearable {
    position: relative;
    display: inline-block;
}

    .clearable input[type=text] {
        padding-right: 24px;
        width: 100%;
        box-sizing: border-box;
    }

.clearable-clear {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 12px;
    font-style: normal;
    font-size: 1.2em;
    user-select: none;
    cursor: pointer;
}

.clearable input::-ms-clear { /* Remove IE default X */
    display: none;
}

/* Estilos da validações de campos */

.field-validation-error 
{
    font-family: Arial;
    font-size: 11px;
    display: block;
    color: #ff0000;
    margin: 5px;
}
.field-validation-valid {
    display: none;
} 
.input-validation-error {
    border: 1px solid #ff0000 !important;
}
.validation-summary-errors {
    background-image: url('../imagens/ico-alerta.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000;
    padding: 2px 2px 2px 20px;
    margin: 10px 0px 10px 0px;
}
.validation-summary-valid {
    display: none;
}