/*
Base
*/
html {
    background: #f2a000;
}
.noscriptmsg {
    width: 100%;
    background: #e45b37;
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    font-family: 'vag_black';
    text-align: center;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 2000;
    line-height: 22px;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome, Edge, Opera and Firefox */
}
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../img/loading.gif') no-repeat center center #FFFFFF;
    z-index: 1000;
}
.top .select-locale {
    /*border: #90b3da solid 4px;
    border-radius: 24px;*/
    /*width: 176px;*/
    width: 152px;
    padding-right: 30px;
    height: 45px;
    color: #476b95;
    font-family: 'Arimo';
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    text-align-last: right;
    background: url('../img/sprite2.png') no-repeat 140px 19px;
}

.top .select-locale option:empty
{
    display:none;
}

.top .select-locale option {
    color: #476b95;
    background-color: white;
    font-family: 'Arimo';
    font-weight: bold;
}

.top .links-login-div {
    width: 1px;
    height: 16px;
    border-right: 1px dotted #677e97;
    float: left;
    margin-right: 15px;
    margin-top: 28.5px;
}

/*
Perfil
*/
.select-perfil {
    font-family: 'Arimo';
    font-weight: bold;
    color: #759dc1;
    text-decoration: none;
    font-size: 14px;
}
.perfil-header h2 {
    margin: auto !important;
    display: table;
    float: none !important;
    text-align: center;
}

.perfil-content {
    position: relative;
}

.perfil-content .desc-perfil-lista {
    margin-top: 142px;
    margin-bottom: 84px;
}

.perfil-content .container {
    width: 750px !important;
    /*width: auto !important;*/
    /*min-width: 1155px;*/
    /*width: 100% !important;*/
    display: block;
    position: relative;
    overflow: hidden;
}

.perfil-content .left {
    width: 41px !important;
    height: 41px;
    background: red;
    display: block;
    position: absolute;
    top: 156px;
    left: 100px;
    cursor: pointer;
    background: url('../img/sprite.png') no-repeat -355px -285px;
}

.perfil-content .left.disabled {
    background: url('../img/sprite.png') no-repeat -355px -335px !important;
    cursor: default !important;
}

.perfil-content .right {
    width: 41px !important;
    height: 41px;
    display: block;
    position: absolute;
    top: 156px;
    right: 100px;
    cursor: pointer;
    background: url('../img/sprite.png') no-repeat -305px -285px;
}

.perfil-content .right.disabled {
    background: url('../img/sprite.png') no-repeat -305px -335px !important;
    cursor: default !important;
}

.perfil-content p {
    color: #968b76;
    font-size: 13px;
    font-family: 'Arimo';
    text-align: center;
}

.perfil-lista {
    display: table;
    /*display: table;*/
    /*max-width: 1073px;*/
    margin: auto;
    text-align: center;
}

.perfil-lista li {
    /*width: 150px;*/
    display: table-cell;
}

.divperfil {
    width: 1px;
    height: 67px;
    border-left: 1px dotted #b4a994;
    display: block;
    float: left;
    /*margin-right: 51px;
    margin-left: 48px;*/
    margin-bottom: 116px;
}

.perfil-lista .perfil-column {
    display: block;
    float: left;
    padding: 20px;
}

.perfil-lista .perfil-column:hover {
    background: url('../img/bg-perfil-selected.png') no-repeat top center;
}

.perfil-dados {
    margin-top: 45px;
    margin-bottom: 30px;
}

.perfil-lista .nome {
    color: #e45b37;
    font-size: 16px;
    font-family: 'vag_black';
    margin-bottom: 10px;
}

.perfil-lista .data {
    color: #c0b095;
    font-size: 13px;
    font-family: 'vag_black';
}

.perfil-avatar {
    width: 136px;
    height: 136px;
    display: block;
    margin: auto;
}

.perfil-btn {
    width: 146px;
    height: 56px;
    font-family: 'vag_black';
    font-size: 14px;
    text-align: center;
    margin: auto;
}

.perfil-btn a {
    width: 100%;
    height: 100%;
    color: #aea189;
    line-height: 56px;
    display: block;
    background-color: #f9edd5;
    border-radius: 28px;
}

.perfil-btn a:hover {
    background-color: #ffba00;
    color: white;
    background: url('../img/vector/profile_select_btn.svg') no-repeat;
    background-position: center;
}

.perfil-avatar-style1 {
    background: url('../img/avatar_sprite.png') no-repeat 0 0;
    background-size: 817%;
}

.perfil-avatar-style2 {
    background: url('../img/avatar_sprite.png') no-repeat -133px 0;
    background-size: 817%;
}

.perfil-avatar-style3 {
    background: url('../img/avatar_sprite.png') no-repeat -265px 0;
    background-size: 817%;
}

.perfil-avatar-style4 {
    background: url('../img/avatar_sprite.png') no-repeat -397px 0;
    background-size: 817%;
}

.perfil-avatar-style5 {
    background: url('../img/avatar_sprite.png') no-repeat -528px 0;
    background-size: 817%;
}

.perfil-avatar-style6 {
    background: url('../img/avatar_sprite.png') no-repeat -660px 0;
    background-size: 817%;
}

.perfil-avatar-style7 {
    background: url('../img/avatar_sprite.png') no-repeat -792px 0;
    background-size: 817%;
}

.perfil-avatar-style8 {
    background: url('../img/avatar_sprite.png') no-repeat -924px 0;
    background-size: 817%;
}

.emoji-list label {
    width: 136px;
    height: 136px;
    display: inline-block;
    cursor: pointer;
    margin: 5px;
}

.emoji-list label[for="your_form_0_emoji_0"],
.emoji-list label[for="your_form_1_emoji_0"]
{
    background: url('../img/avatar_sprite.png') no-repeat -5px -7px;
    background-size: 880% 111%;

}
.emoji-list label[for="your_form_0_emoji_1"],
.emoji-list label[for="your_form_1_emoji_1"] {
    background: url('../img/avatar_sprite.png') no-repeat -147px -5px;
    background-size: 880% 111%;
}

.emoji-list label[for="your_form_0_emoji_2"],
.emoji-list label[for="your_form_1_emoji_2"] {
    background: url('../img/avatar_sprite.png') no-repeat -289px -7px;
    background-size: 880% 111%;
}

.emoji-list label[for="your_form_0_emoji_3"],
.emoji-list label[for="your_form_1_emoji_3"] {
    background: url('../img/avatar_sprite.png') no-repeat -431px -5px;
    background-size: 880% 111%;
}

.emoji-list label[for="your_form_0_emoji_4"],
.emoji-list label[for="your_form_1_emoji_4"] {
    background: url('../img/avatar_sprite.png') no-repeat -573px -5px;
    background-size: 880% 111%;
}

.emoji-list label[for="your_form_0_emoji_5"],
.emoji-list label[for="your_form_1_emoji_5"] {
    background: url('../img/avatar_sprite.png') no-repeat -715px -5px;
    background-size: 880% 111%;
}

.emoji-list label[for="your_form_0_emoji_6"],
.emoji-list label[for="your_form_1_emoji_6"] {
    background: url('../img/avatar_sprite.png') no-repeat -857px -5px;
    background-size: 880% 111%;
}

.emoji-list label[for="your_form_0_emoji_7"],
.emoji-list label[for="your_form_1_emoji_7"] {
    background: url('../img/avatar_sprite.png') no-repeat -999px -5px;
    background-size: 880% 111%;
}

.emoji-list span {
    display: none;
}

.emoji-list input {
    margin:0;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.emoji-list input:checked + label:before {
    /*border: 5px solid #b7b7b7;*/
    border: 5px solid #0bb58c;
    border-radius: 73px;
    /*margin: 0;*/
    box-sizing: border-box;
    /*background-size: 946% 118%;*/

    content: "";
    display: block;

    width: 143px;
    height: 143px;
    margin: 6px 6px 6px 12px;
    box-sizing: border-box;
    position: relative;
    margin-top: -3px;
    margin-left: -2px;
}

/*
Painel Perfil
*/
.painel-perfil-lista h2 {
    text-align: center;
    font-size: 13px;
    font-family: 'Arimo';
    color: #a39478;
    font-weight: bold;
}
.painel-perfil-lista {
    width: 786px !important;
}
.perfil-table .right a {
    float: left;
    font-family: 'Arimo';
    font-weight: bold;
}
.perfil-table thead .border {
    color: #aaa396 !important;
}
.perfil-table thead .right {
    color: #aaa396 !important;
    background-color: #fdfbf5 !important;
}
.perfil-table td p {
    color: #695c49 !important;
}
.perfil-table .border .datanasc {
    font-family: 'Arimo';
    font-size: 13px;
    font-weight: normal;
    color: #695c49;
}
.perfil-table .right {
    background-color: #fdfbf5 !important;
}
.perfil-table .right span {
    width: 1px;
    height: 22px;
    display: block;
    border-left: 1px dotted;
    margin: auto;
}

.perfil-edit-block {
    width: 20%;
    height: 13px;
    display: inline-block;
    text-align: center;
}
.perfil-edit-block .editar {
    color: #759dc1;
}

.perfil-edit-block .excluir {
    color: #e45b37;
}
.perfil-add-btn {
    width: 226px;
    height: 56px;
    border-radius: 28px;
    background-color: #ffba00;
    font-family: 'vag_black';
    font-size: 14px;
    color: #fff4df;
    display: block;
    margin: auto;
    text-align: center;
    line-height: 56px;
    letter-spacing: 0.05em;
    margin-top: 40px;
    float: left;
}

.perfil-done-btn {
    width: 300px;
    height: 56px;
    border-radius: 28px;
    background-color: #01a380;
    font-family: 'vag_black';
    font-size: 14px;
    color: #fff4df;
    display: block;
    margin: auto;
    text-align: center;
    line-height: 56px;
    letter-spacing: 0.05em;
    margin-top: 40px;
    float: right;
}

#innerHeader.admin a.profile-list {

    background: url('../img/sprite2.png') no-repeat 0 -498px;
    padding-left: 25px;
}

#innerHeader.admin a.profile-list:hover, #innerHeader.admin a.profile-list.selected {

    background: url('../img/sprite2.png') no-repeat 0px -538px;
}

/*
lightbox perfil
*/

.lightbox-edit-perfil,
.lightbox-add-perfil,
.lightbox-delete-perfil {
    text-align: center;
}

.lightbox-edit-perfil .nome,
.lightbox-add-perfil .nome {
    background: url('../img/sprite2.png') no-repeat 25px -659px;
}

.lightbox-edit-perfil .datanasc,
.lightbox-add-perfil .datanasc {
    background: url('../img/sprite2.png') no-repeat 23px -721px;
}

.lightbox-block-perfil {
    display: block;
    width: 600px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lightbox-block-perfil input[type="text"] {
    margin-bottom: 6px;
    width: 218px !important;
    background-color: #fff4df !important;
    color: #c0b095 !important;
    padding-left: 57px !important;
}

.lightbox-edit-perfil button,
.lightbox-add-perfil button,
.lightbox-delete-perfil button {
    width: 156px;
    height: 56px;
    display: block;
    border-radius: 28px;
    color: #fff4df;
    font-family: 'vag_black';
    font-size: 14px;
    text-align: center;
    line-height: 56px;
    margin: 38px auto auto auto;
    border: 0;
    cursor: pointer;
}

.lightbox-edit-perfil button,
.lightbox-add-perfil button {
    background-color: #0bb58c;
}

.lightbox-delete-perfil button {
    background-color: #e45b37;
    text-transform: uppercase;
}

.lightbox-add-perfil h3,
.lightbox-edit-perfil h3,
.lightbox-delete-perfil h3 {
    font-family: 'vag_black';
    color: #ffba00;
    font-size: 36px;
    margin-bottom: 37px;
}

.lightbox-add-perfil h2,
.lightbox-edit-perfil h2,
.lightbox-delete-perfil h2 {
    font-family: 'vag_black';
    color: #ffba00;
    font-size: 24px;
    margin-top: 37px;
    margin-bottom: 37px;
}

.lightbox-delete-perfil h4 {
    font-family: 'vag_black';
    color: #fff4df;
    font-size: 26px;
}

.lightbox-delete-perfil h5 {
    font-family: 'Arimo';
    font-weight: bold;
    color: #747b84;
    font-size: 13px;
    margin-top: 10px;
}

.lightbox-delete-perfil #avatar-delete {
    width: 42px;
    height: 41px;
    margin: auto auto 10px auto;
}

.light-avatar {
    width: 33px;
    height: 35px;
    display: block;
    margin: auto auto 20px auto;
    background: url('../img/sprite2.png') no-repeat 0 -608px;
}

.lightbox-sair {
    display: none;
    width: 100%;
    height: 100%;
}

.lightbox-sair-content {
    width: 364px;
    margin: auto;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'vag_black';
}

.lightbox-sair h1 {
    color: #ffb901;
    font-size: 32px;
}

.lightbox-sair-content .sim {
    display: inline-block;
    background: #0bb68c;
    border-radius: 28px;
    width: 139px;
    height: 48px;
    text-transform: uppercase;
}

.lightbox-sair-content .pipe {
    display: inline-block;
    border-left: 2px dotted #8b959f;
    height: 22px;
    margin-left: 16px;
    margin-right: 15px;
    margin-bottom: -6px;
}

.lightbox-sair-content .nao {
    display: inline-block;
    background: #e45b37;
    border-radius: 28px;
    width: 139px;
    height: 48px;
    text-transform: uppercase;
}

.lightbox-sair-content a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #fff4e2;
    line-height: 48px;
}

.lightbox-sair-content .sair-controls {
    margin-top: 50px;
}

/*
Home
*/
#home{
    width: 100%;
    min-height: 950px;
    /*background: url(../img/background-home.jpg) #fff4df no-repeat center center;*/
    background: url(../img/background-home-default.jpg) #14a378 no-repeat top center;
    overflow: hidden;
}
#home.banner-pt_br {
    background: url(../img/background-home-pt_br.jpg) #14a378 no-repeat top center;
}
#home.banner-pt_pt {
    background: url(../img/background-home-pt_pt.jpg) #14a378 no-repeat top center;
}
#home.banner-es_es {
    background: url(../img/background-home-es_es.jpg) #14a378 no-repeat top center;
}
#home .download_app {
    display: block;
    width: 190px;
    height: 189px;
    position: absolute;
    /* right: 0; */
    left: 50%;
    margin-left: 240px;
    top: 272px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
}
#home .download_app.app_pt_br {
    background-image: url(../img/selo_pt_br.png);
    background-repeat: no-repeat;
}
#home .download_app.app_pt_pt {
    background-image: url(../img/selo_pt_pt.png);
    background-repeat: no-repeat;
}
#home .download_app.app_es_es {
    background-image: url(../img/selo_es_es.png);
    background-repeat: no-repeat;
}
#home .kidsafe {
    text-align: center;
    display: block;
    margin: auto;
    height: 200px;
    position: relative;
    width: 100%;
}
#home .kidsafe a {
    margin-left: 263px;
    position: absolute;
    margin-top: 350px;
}
#home div.btn{
    /*width: 175px;*/
    margin: auto;
    padding-top: 15px;
    display: flex;
    text-align: center;
}
#home a.btn{
    /*background-color: #fdb913;*/
    background: url('../img/vector/bg_btn.svg') no-repeat;
    background-size: contain;
    /*color: #fff4df;*/
    color: white;
    margin: auto;
    float: left;
}
#home > p{
    color: #968b76;
    font-family: 'vag_black';
    font-size: 13px;
    text-align: center;
    line-height: 18px;
}
#home > h2{
    font-family: 'vag_black';
    color: #e45b37;
    text-align: center;
    font-size: 28px;
    padding: 70px 0px 15px 0px;
}
#home > p span{
    color: #fff4df;
}
#home > p span.emoticon{
    color: #e97f18;
    font-size: 29px;
}
#home .yrs{
    /*padding-top: 500px;*/
    padding-top: 300px;
}
#home .yrs > p{
    color: #ffe9be;
}
#home .yrs ul li:hover a.categoria{
    color: #ffe9be;
}
#home .yrs ul li a.categoria{
    /*color: #005841;*/
    color: white;
}
/*
Depoimentos
*/
#depo{
    float: left;
    width: 50%;
    /*height: 480px;*/
    min-height: 444px;
    background-color: #e45b37;
    padding-bottom: 50px;
}
#depo > div:first-child{
    width: 460px;
    /*height: 350px;*/
    overflow: auto;
    float: right;
    background: url(../img/depo-bg.png) no-repeat 0px 0px;
    margin: 50px 50px 0px 0px;
}
#depo > div > p,
#ativ > div > p{
    color: #ffe9be;
    font-size: 30px;
    font-family: 'vag_black';
    text-align: center;
    margin: 40px 0px 20px 0px;
}
#depo > div > div{
    margin-left: 50px;
    width: 365px;
    /*height: 230px;*/
    overflow: hidden;
}
#depo ul li{
    width: 365px;
    /*height: 230px;*/
    float: left;
}
#depo .avatar{
    width: 121px;
    height: 145px;
    margin: auto;
}
#depo .avatar .border{
    width: 105px;
    height: 105px;
    border: 8px solid #ffbe00;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(pie/PIE.htc);
}
#depo .avatar .arrow{
    width: 18px;
    height: 8px;
    background: url(../img/sprite.png) no-repeat 0px -305px;
    margin: auto;
    clear: both;
}
#depo .content{
    font-family: 'Arimo';
    clear: both;
}
#depo .content .txt,
#depo .content .date{
    font-size: 13px;
    color: #5e1f0d;
    text-align: center;
    line-height: 15px;
}
#depo .content .name{
    font-size: 16px;
    font-weight: bold;
    color: #ffbe00;
    text-align: center;
    margin: 15px 0px 15px 0px;
}
#depo .content .name .st1{
    color: #893721;
}
#depo .content .name .st2{
    color: #893721;
    font-size: 12px;
}
#depo .content .name .st2 span{
    font-family: 'Arimo';
    color: white;
}
#depo .content .date{
    font-weight: 700;
}
#depo .slider{
    clear: both;
    margin: auto;
    padding-top: 20px;
}
#depo .slider .left,
#depo .slider .right{
    width: 10px;
    height: 15px;
    background: url(../img/sprite.png) no-repeat -35px -300px;
}
#depo .slider .right{
    background: url(../img/sprite.png) no-repeat -60px -300px;
}
#depo .slider .pagination{
    float: left;
    margin: 4px 20px 0px 20px;
}
#depo .slider a{
    display: block;
    float: left;
}
#depo .slider .pagination a{
    width: 7px;
    height: 7px;
    text-indent: -9999px;
    background-color: #ca4827;
    margin-left: 4px;

    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    behavior: url(pie/PIE.htc);
}
#depo .slider .pagination a:hover,
#depo .slider .pagination a.active{
    background-color: #f2a400;
}
#depo .slider .pagination a:first-child{
    margin-left: 0px;
}

/*
Atividades
*/
#ativ{
    float: right;
    width: 50%;
    height: 100%;
    background-color: #0bb58c;
    /*padding-bottom: 20px;*/
}
#ativ > div{
    float: left;
    width: 280px;
    margin: 95px 0px 0px 135px;
}
#ativ > div > p{
    margin: auto;
}
#ativ .select{
    width: 250px;
    height: 45px;
    margin: 20px auto 20px auto;
    /*border: 6px solid #0aac85;*/
    border: 6px solid #0BE2C0;

    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    behavior: url(pie/PIE.htc);
}
#ativ .select div select,
#ativ .select label{
    color: #04755a;
    font-family: 'Arimo';
    font-size: 14px;
    font-weight: 700;
}
#ativ .select label{
    float: left;
    line-height: 20px;
    margin: 12px 0px 0px 20px;
}
#ativ .select div{
    float: left;
    width: 110px;
    height: 22px;
    overflow: hidden;
    background: url(../img/arrow4.png) no-repeat right center;
    margin-top: 12px;
}
#ativ .select div select{
    width: 130px;
    height: 22px;
    color: #ffe9be;
    padding: 0px;
    margin: 0px;
}
#ativ .content p{
    font-family: 'Arimo';
    color: #04755a;
    text-align: center;
}
#ativ .content p.title{
    font-size: 15px;
    color: #ffe9be;
}
#ativ .content p.catSub{
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0px 10px 0px;
}
#ativ .content p.catSub span{
    font-size: 6px;
    vertical-align: middle;
}
#ativ .content p.text{
    font-size: 13px;
    font-weight: normal;
}
#ativ > div > a{
    width: 125px;
    /*background-color: #ffba00;*/
    background-image: url('../img/vector/bg_home_ex.svg');
    background-repeat: no-repeat;
    /*color: #ffe9be;*/
    color: white;
    display: block;
    margin: 20px auto 0px auto;
    text-align: center;
    font-family: 'vag_black';
    text-transform: uppercase;
    padding: 20px 30px 20px 30px;

    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    behavior: url(pie/PIE.htc);
}

/*
Pagina de exercicio
*/
.exercicio .void_block {
    display: block;
    content: "teste";
    width: 100%;
    height: 300px;
    position: relative;
    background: url('../img/void_loading.gif') no-repeat center center #f2a000;
}
.exercicio #main.question_block {
    display: none;
}
.exercicio #main.main {
    background: url(../img/background-exercicios-1.jpg) repeat-x #f6eacf;
    background-size: cover;
    background-position: center -90px;
}

.exercicio #main.list {
    background: url(../img/background-exercicios-2.jpg) repeat-x #f6eacf;
    background-size: cover;
    background-position: center top;
}

#main.figurinhas {
    background: url(../img/background-3.jpg) repeat-x #f6eacf;
    background-size: contain;
    background-position: center top;
}

#innerHeader{
    width: 100%;
    height: 60px;
    background-color: #ffba00;
    padding-top: 20px;
}
#innerHeader > div{
    width: auto;
    max-width: 1200px;
    height: 100%;
    margin: auto;
    display: table;
}
.lista-exercicios {
    width: auto !important;
}
.exercicio #innerHeader > div{
    width: 100%;
}
.header-exercicio {
    width: 100% !important;
}
#innerHeader.insc > div{
    width: 665px;
}

#innerHeader .right > *,
#innerHeader .left{
    float: left;
}
#main.ex p.counter,
#innerHeader p{
    line-height: 45px;
}
#innerHeader .left p{
    color: #fff4df;
    float: left;
}
#innerHeader .left p:first-child{
    color: #c85e00;
    float: left;
}
#innerHeader .left p a{
    color: inherit;
    font-size: inherit;
}
#innerHeader .left p a:hover{
    text-decoration: underline;
}
#innerHeader .left .divider{
    float: left;
    margin-right: 10px;
}
#innerHeader .right{
    float: right;
}
#innerHeader .timer{
    width: 90px;
    color: #fff4df;
    background: url(../img/sprite.png) no-repeat 60px -364px;
}
#innerHeader .close{
    width: 40px;
    height: 40px;
    background-color: #ea9403;
    display: block;
    text-align: center;
    color: white;
    font-size: 18px;
    font-family: 'Arial';
    font-weight: 700;
    line-height: 38px;

    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    behavior: url(pie/PIE.htc);
}
#innerHeader .divider{
    width: 1px;
    height: 22px;
    border-left: 1px dotted #cb7a03;
    margin: 10px 18px 0px 10px;
}

#main{
    width: 100%;
    background-color: #fff4df;
    overflow: hidden;
    padding-bottom: 20px;
}
#main .counter{
    color: #c0b095;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 10px;
}
#main .progress,
#main .progress div{
    width: 455px;
    height: 10px;
    background-color: #f3e7d0;
    margin: auto;
    position: relative;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(pie/PIE.htc);
}
#main .progress div{
    width: 10%; /* mudar dinamicamente */
    height: 100%;
    background-color: #faaa0a;
    margin: 0px;
}
#main.ex .question{
    width: 900px;
    margin: auto;
}
#main.ex .question p{
    font-family: 'vag_black';
    font-size: 36px;
    color: #e45b37;
    text-align: center;
    margin: 60px 0px 50px 0px;
}
#main.ex .question ol{
    list-style: decimal inside;
}
#main.ex .question ul{
    list-style: disc inside;
}
#main.ex .question ol,
#main.ex .question ul{
    display: block;
    width: 600px;
    margin: 0px auto 30px auto;
}
#main.ex .question ol li,
#main.ex .question ul li{
    margin-bottom: 10px;
    font-size: 24px;
    color: #e45b37;
}
#main.ex .question ol li,
#main.ex .question ul li,
#main.ex .question ol li p,
#main.ex .question ul li p{
    font-size: 24px;
    font-family: 'vag_black';
    margin: 0px;
    text-align: left;
}
#main > img{
    margin: auto;
    display: block;
}
#main.ex .ans ol{
    /*display: table;*/
    display: flex;
    counter-reset: list;
    /*width: 920px;*/ /*tem que ser dinamico*/
    margin: 35px auto;
    /*overflow: auto;*/
    /*margin: auto;*/
    justify-content: center;
}
#main.ex .ans ol li{
    list-style: none;
    /*display: table;*/
    display: flex;
    position: relative;
    float: left;
    margin: 0px 20px 40px 0px;
}
#main.ex .ans ol li:last-child{
    margin-right: 0px;
}
#main.ex .ans ol li.smallText label{
    font-size: 36px;
}
#main.ex .ans ol li.bigText label{
    font-size: 13px;
}
#main.ex .ans ol li.bigText > div{
    width: 432px;
    height: 145px;
}
#main.ex .ans ol li > div > p:before{
    content: counter(list, upper-alpha) "";
    counter-increment: list;
    color: #c0b095;
    font-family: 'vag_black';
    font-size: 18px;
    position: absolute;
    top: 5px;
    left: 5px;
}
#main.ex .ans ol li > div{
    width: 202px;
    /*height: 200px;*/
    border: 4px solid #f3e7d0;
    position: relative;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(pie/PIE.htc);
    display: flex;
    align-items: center;
}
#main.ex .ans ol li > div > label{
    cursor: pointer;
    font-family: 'Arimo';
    font-weight: 700;
    font-size: 14px;
    color: #c0b095;
    text-align: center;

    width: inherit;
    height: inherit;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    padding: 20px 15px 20px 15px;
    position: relative;
    z-index: 21;
}
/*#main.ex .ans ol li > div > label > img{
    text-align: center;
}*/
#main.ex .ans ol li > div > div{
    width: 25px;
    height: 25px;
    border: 4px solid #f3e7d0;
    background: url(../img/sprite.png) #fff4df no-repeat -134px -338px;
    position: absolute;
    z-index: 20;
    bottom: -17px;
    left: 50%;
    margin-left: -16px;

    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    behavior: url(pie/PIE.htc);
}
#main.ex .ans ol li input[type=radio]{
    display: none;
}
#main.ex .ans ol li input[type=radio]:checked + div{
    border-color: #e45b37;
    /*background-color: #e45b37;*/
    background: url('../img/vector/bg_alt.svg') no-repeat #e45b37;
    /*background-position: center;*/
    background-size: cover;
}
#main.ex .ans ol li input[type=radio]:checked + div p:before{
    color: #ffba00;
}
#main.ex .ans ol li input[type=radio]:checked + div label{
    color: white;
}
#main.ex .ans ol li input[type=radio]:checked + div div{
    background: url(../img/sprite.png) #ffba00 no-repeat -180px -339px;
    border-color: #ffba00;
}
#main.ex .ans .submit{
    width: 200px;
    clear: both;
    margin: auto;
    padding-top: 40px;
}
#main.ex .ans .submit input[type=submit]{
    width: 200px;
    /*background-color: #ffba00;*/
    color: #fff4df;
    background-image: url('../img/vector/bg_ex_send.svg');
    background-repeat: no-repeat;
    background-position: center;
}
#main.ex .ans .submit.disabled input[type=submit]{
    /*background-color: #f3e7d0;*/
    background-image: url('../img/vector/btn_disabled.svg');
    background-repeat: no-repeat;
    background-position: center;
    color: #c0b095;
    cursor: auto;
}
#main.ex .response{
    width: 590px;
    margin: 30px auto;
}
#main.ex .response p.title{
    font-family: 'vag_black';
    font-size: 36px;
    text-align: center;
    padding-top: 60px;
}
#main.ex .response.success p.title{
    color: #0bb58c;
    background: url(../img/sprite.png) no-repeat 270px -560px;
}
#main.ex .response.error p.title{
    color: #e45b37;
    background: url(../img/sprite.png) no-repeat 270px -711px;
}
#main.ex .response p.ans{
    color: #c0b095;
    font-family: 'Arimo';
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
}
#main.ex .response p.ans img{
    vertical-align: middle;
}
#main.ex .response a.btn{
    margin-top: 20px;
    width: 77px;
}
#main.ex.end a.btn{
    width: 75px;
    margin-top: 60px;
}
#main.ex.end .response{
    /*width: 740px;*/
    width: 810px;
}
#main.ex.end .response.success p.title{
    background: url(../img/sprite.png) no-repeat 380px -560px;
}
#main.ex.end .response.success p.title-2{
    font-family: 'vag_black';
    font-size: 36px;
    text-align: center;
    padding-top: 30px;
    color: #0bb58c;
}
#main.ex.end .question p{
    color: #ffba00;
}

.award{
    width: 250px;
    height: 250px;
    margin: auto;
    border: 20px solid #f9ecd4;
    /*background-color: #e45b37;*/
    background-color: #ffba00;

    position: relative;

    -moz-border-radius: 145px;
    -webkit-border-radius: 145px;
    border-radius: 145px;
    behavior: url(pie/PIE.htc);
}

.award::before {
    content: "";
    background-image: url('../img/vector/stamp_detail.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.award.open {
    cursor: pointer;
}
.award a{
    width: inherit;
    height: 110px;
    display: block;
    color: #fff4df;
    font-size: 0;
    padding-top: 140px;
    font-family: 'Arimo';
    font-weight: 700;
    text-align: center;
    background: url(../img/unlock.png) no-repeat center center;
}
.award a:hover{
    font-size: 12px;
    background: url(../img/sprite.png) no-repeat -566px -870px;
}
.award img{
    position: absolute;
    display: none;

    -moz-border-radius: 145px;
    -webkit-border-radius: 145px;
    border-radius: 145px;
    behavior: url(pie/PIE.htc);
}
.award.lock1{
    background: url(../img/lock1.png) no-repeat #0bb58c center center;
}
.award.lock2{
    background: url(../img/lock2.png) no-repeat #e45b37 center center;
}
.award.lock3{
    background: url(../img/lock3.png) no-repeat #9ec1e8 center center;
}
.award.lock4{
    background: url(../img/lock4.png) no-repeat #ffba00 center center;
}
.award.null{
    background-color: #F9ECD4;
    border-color: #F9ECD4;
}

/*
Pagina inicial de exercicios (escolher o ano)
*/
@media screen and (max-width: 1215px)
{
    #innerHeader > div{
        padding: 0px 30px;
    }
}
#innerHeader.main p{
    color: #fff4df;
    max-width: 500px;
    height: 31px;
    line-height: 33px;
    margin: 5px auto;
    padding-left: 60px;
    background: url(../img/sprite.png) no-repeat 0px -230px;
}
#main.quem-somos .arrow,
#main.politica .arrow,
#main.pais .arrow,
#main.admin .arrow,
#main.depo .arrow,
#main.insc .arrow,
#main.relatorios .arrow,
#main.figurinhas .arrow,
#main.list .arrow,
#main.main .arrow{
    width: 24px;
    height: 8px;
    background: url(../img/sprite.png) no-repeat 0px -340px;
    margin: auto auto 20px auto;
    position: relative;
}
#main.relatorios .arrow,
#main.quem-somos .arrow,
#main.politica .arrow,
#main.pais .arrow,
#main.admin .arrow,
#main.depo .arrow,
#main.insc .arrow{
    background: url(../img/sprite.png) no-repeat -45px -340px;
}
#main.main > p{
    color: #685b44;
    width: 660px;
    height: 100px;
    text-align: center;
    margin: auto;
}
#main.main > h2{
    color: #e45b37;
    font-family: 'vag_black';
    font-size: 36px;
    text-align: center;
    margin: 25px 0px 30px 0px;
    height: 36px;
    display: block;
}
#main.list .yrs,
#main.main .yrs{
    width: 830px;
    padding-bottom: 40px;
}
#main.list .yrs{
    padding: 20px 0px 50px 0px;
}
#main.pais .yrs,
#main.figurinhas .yrs,
#main.list .yrs,
#main.main .yrs{
    /*width: 826px;*/
}
#main.pais .yrs > p,
#main.figurinhas .yrs > p,
#main.list .yrs > p,
#main.main .yrs > p{
    display: none;
}

/*
Pagina de listagem de exercicios
*/
#innerHeader.list h2{
    color: #e45b37;
    font-family: 'vag_black';
    font-size: 32px;
    float: left;
    line-height: 46px;
}
#innerHeader.list .divider{
    float: left;
    margin: 10px 15px 0px 15px;
}
#innerHeader.list p{
    float: left;
    color: #fff4df;
}
#innerHeader.list > div > div{
    width: 440px;
    margin: auto;
}
#main.list #columnize{
    width: 1000px;
    margin: auto;
}
@media screen and (max-width: 1024px){
    #main.list  #columnize{
        width: 755px;
    }
}
#main.list  #columnize div.separator{
    padding-top: 15px;
}
#main.list  #columnize div.separator > div,
#main.list  #columnize div.separator > div > div{
    clear: both;
}
#main.list  #columnize div.separator > div > div{
    padding-right: 15px;
}
#main.list #columnize h3 span.title{
    font-family: 'vag_black';
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 5px;
    float: left;
}
#main.list #columnize h3 span.pct{
    font-size: 12px;
    font-family: 'Arimo';
    font-weight: bold;
    color: #b6ab96;
    background: url(../img/sprite.png) no-repeat -140px -244px;
    line-height: 14px;
}
#main.list #columnize h3 span.done{
    color: #e45b37;
}
#main.list #columnize div h3{
    float: left;
}
#main.list #columnize div.color1 h3 span.title{
    color: #0bb58c;
}
#main.list #columnize div.color2 h3 span.title{
    color: #e45b37;
}
#main.list #columnize div.color3 h3 span.title{
    color: #ffba00;
}
#main.list #columnize div.color4 h3 span.title{
    color: #476b95;
}
#main.list #columnize a{
    font-size: 12px;
    font-family: 'Arimo';
    margin-bottom: 10px;
    position: relative;
    clear: both;
    color: #685b44;
    padding-right: 17px;
}
#main.list #columnize div.count{
    float: left;
    margin-top: 3px;
}
#main.list #columnize div.count span{
    color: #e45b37;
    font-weight: 700;
    display: block;
    float: left;
}
#main.list #columnize div.count span.middot{
    font-weight: 700;
    display: block;
    float: left;
    margin: 2px 2px 0px 2px;
    color: #c0b095;
}
#main.list #columnize div.done a{
    color: #c0b095;
    padding-right: 20px;
    background: url(../img/done.png) no-repeat center right;
}
#main.list #columnize p{
    color: #c0b095;
    font-size: 12px;
    font-family: 'Arimo';
    font-weight: normal;
}
#main.list #columnize span{
    font-size: 12px;
    color: #c0b095;
    font-family: 'Arimo';
}
#main.list #columnize a.inprogress{
    background: url(../img/inprogress.png) no-repeat center right;
}
#main.list #columnize div.done a:hover,
#main.list #columnize a:hover{
    color: #0bb58c;
    background: url(../img/arrow3.png) no-repeat center right;
}
#main.list .legenda{
    width: 255px;
    margin: 0px auto 80px auto;
    color: #968b76;
    clear: both;
    padding-top: 20px;
}
#main.list .legenda p{
    font-size: 12px;
}
#main.list .legenda p.done{
    float: left;
    padding-left: 20px;
    background: url(../img/done.png) no-repeat center left;
}
#main.list .legenda p.inprogress{
    float: right;
    padding-left: 20px;
    background: url(../img/inprogress.png) no-repeat center left;
}

/*
Figurinhas
*/
#innerHeader.figurinhas > div{
    width: auto;
    display: table;
}
#main.figurinhas .yrs{
    margin-top: 70px;
}
#innerHeader.quem-somos h2,
#innerHeader.politica h2,
#innerHeader.pais h2,
#innerHeader.insc h2,
#innerHeader.figurinhas h2{
    font-size: 32px;
    font-family: 'vag_black';
    color: #e45b37;
    float: left;
    line-height: 42px;
    margin-right: 7px;
}
#innerHeader.figurinhas h2.preInfantil{
    padding-left: 40px;
    background: url(../img/sprite.png) no-repeat -140px -390px;
}
#innerHeader.figurinhas h2.infantil{
    padding-left: 40px;
    background: url(../img/sprite.png) no-repeat -128px -462px;
}
#innerHeader.quem-somos p,
#innerHeader.politica p,
#innerHeader.pais p,
#innerHeader.insc p,
#innerHeader.figurinhas p{
    font-size: 13px;
    color: #fff4df;
    font-family: 'Arimo';
    font-weight: 700;
    float: left;
    /*width: 200px;
    word-wrap: break-word;*/
    display: block;
}
#innerHeader.pais > div {
    width: auto !important;
}
#innerHeader.quem-somos .divider,
#innerHeader.politica .divider,
#innerHeader.pais .divider,
#innerHeader.admin .divider,
#innerHeader.insc .divider,
#innerHeader.figurinhas .divider{
    float: left;
}

#main.figurinhas .container{
    width: 1482px;
    margin: 65px auto;
}
#main.depo .container > a,
#main.figurinhas .container > a{
    float: left;
    width: 41px;
    height: 41px;
    display: block;
    position: relative;
}
/*#main.depo .container > a:before,
#main.figurinhas .container > a:before{
    display: block;
    content: '';
    width: 22px;
    height: 1px;
    border-top: 1px dotted #b4a994;
    margin-top: 20px;
}*/
#main.depo .container > a.left,
#main.figurinhas .container > a.left{
    margin-right: 100px;
    background: url(../img/sprite.png) no-repeat -355px -285px;
}
#main.figurinhas .container > a.left.disabled{
    background: url(../img/sprite.png) no-repeat -355px -335px;
    cursor: default;
}
/*#main.depo .container > a.left:before,
#main.figurinhas .container > a.left:before{
    margin-left: 80px;
}*/
#main.depo .container > a.right,
#main.figurinhas .container > a.right{
    background: url(../img/sprite.png) no-repeat -305px -285px;
    margin-left: 100px;
}
#main.figurinhas .container > a.right.disabled{
    background: url(../img/sprite.png) no-repeat -305px -335px;
    cursor: default;
}
/*#main.depo .container > a.right:before,
#main.figurinhas .container > a.right:before{
    margin-left: -65px;
}*/
#main.figurinhas .container .center{
    width: 1200px;
    /*height: 1000px;*/
    float: left;
    overflow: hidden;
}
#main.figurinhas .container ul{
    /*display: block;*/
    float: left;
    margin-left: 60px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
#main.figurinhas .container ul:first-child{
    margin-left: 0px;
}
#main.figurinhas .container ul li{
    /*float: left;*/
    /*margin: 0px 50px 50px 10px;*/
    /*padding: 0 20px 0 20px;*/
    margin: auto;
    width: 240px;
    height: 310px;
    /*display: inline-grid;*/
    flex-grow: 1;
    width: 33%;
}
#main.figurinhas .container ul li.no-margin{
    /*margin-right: 0px;*/
}
#main.figurinhas .container ul li div.award{
    width: 150px;
    height: 150px;
}
#main.figurinhas .container ul li div.award img{
    display: block;
    width: 151px;
    height: 151px;
}
#main.figurinhas .container ul li h3{
    color: #b4a994;
    font-family: 'vag_black';
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0px 5px 0px;
}
#main.figurinhas .container ul li p{
    color: #e45b37;
    text-align: center;
    font-size: 14px;
    font-family: 'vag_black';
    font-weight: 700;
    text-transform: uppercase;
    max-width: 70%;
    line-height: 18px;
    margin: auto;
}
#main.depo .pagInfo,
#main.figurinhas .pagInfo{
    clear: both;
    text-align: center;
    color: #c0b095;
    padding: 60px 0px 0px 0px;
}

/*
Inscreva-se
*/
#innerHeader.quem-somos,
#innerHeader.politica,
#innerHeader.pais,
#innerHeader.insc{
    background-color: #e45b37;
}
#innerHeader.insc h2{
    color: #ffba00;
    background: url(../img/sprite.png) no-repeat -965px -965px;
    padding-left: 45px;
}
#innerHeader.quem-somos .divider,
#innerHeader.politica .divider,
#innerHeader.pais .divider,
#innerHeader.admin .divider,
#innerHeader.insc .divider{
    border-color: #943b24;
}
#innerHeader.insc .steps{
    float: left;
    margin: 5px 0px 0px 10px;
}
#innerHeader.insc a{
    width: 27px;
    height: 27px;
    display: block;
    float: left;
    background-color: #c24d2f;
    text-align: center;
    font-family: 'vag_black';
    font-size: 14px;
    color: white;
    line-height: 26px;
    border: 5px solid #c24d2f;

    -moz-border-radius: 145px;
    -webkit-border-radius: 145px;
    border-radius: 145px;
    behavior: url(pie/PIE.htc);
}
#innerHeader.insc a.active{
    background-color: #ffba00;
    color: #e45b37;
}
#innerHeader.insc .steps a{
    cursor: default;
}
#innerHeader.insc hr{
    width: 7px;
    height: 6px;
    border: none;
    margin-top: 16px;
    background-color: #c24d2f;
    display: block;
    float: left;
}
#main.insc.step2a h3,
#main.insc.step1 h3{
    color: #e45b37;
    font-size: 32px;
    font-family: 'vag_black';
    text-align: center;
    margin: 10px 0px 50px 0px;
}

#main.insc.step2a h5,
#main.insc.step2a h6 {
    color: #968b76;
    font-family: 'Arimo';
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 21px;
}
#main.insc.step2a .sub-title-insc {
    font-size: 20px;
    color: #ffba00;
    display: table;
    margin: 29px auto auto auto;
}
#main.insc.step2a .sub-title-insc div {
    display: block;
    float: left;
}
#main.insc.step2a .sub-title-insc span {
    width: 5px;
    height: 6px;
    display: block;
    background: url('../img/sprite2.png') no-repeat 0 -794px;
    float: left;
    margin: 10px 12px auto 12px;
}
#main.insc.step2a .login-social-btn {
    margin: auto auto 30px auto;
    display: table;
    max-width: 708px;
    text-align: center;
}
#main.insc.step2a .login-social-btn .disabled {
    background-color: #f9edd5 !important;
    color: #aea189 !important;
    pointer-events: none;
    cursor: default;
}
#main.insc.step2a .login-social-btn .divider::after {
    content: '';
    width: 1px;
    border-right: 1px dotted #c0b5a0;
    height: 34px;
    display: inline-block;
    margin: 0px 18px auto 18px;
    vertical-align: middle;
}
#main.insc.step2a .login-social-btn .facebook_sign_btn,
#main.insc.step2a .login-social-btn .google_sign_btn,
#main.insc.step2a .login-social-btn .vivo_sign_btn,
#main.insc.step2a .login-social-btn .divider {
    display: inline-block;
    margin-bottom: 10px;
}
#main.insc.step2a .login-social-btn .facebook_sign_btn a,
#main.insc.step2a .login-social-btn .google_sign_btn a,
#main.insc.step2a .login-social-btn .vivo_sign_btn a {
    width: 307px;
    height: 56px;
    font-family: 'vag_black';
    font-size: 14px;
    color: #fff4df;
    border-radius: 28px;
    display: block;
    text-align: center;
    line-height: 56px;
}
#main.insc.step2a .login-social-btn .vivo_sign_btn a {
    background-color: #00795c;
}
#main.insc.step2a .login-social-btn .facebook_sign_btn a {
    background-color: #4867aa;
}
#main.insc.step2a .login-social-btn .google_sign_btn a {
    background-color: #df4f3f;
}
#main.insc.step2a p {
    text-align: center;
    color: #968b76;
    font-weight: normal;
}
#main.insc.step2a h6 {
    /*margin-top: 60px;*/
}
#main.insc.step2a .column p:first-child {
    margin-top: 40px;
    line-height: 23px;
}
#main.insc.step2b h3{
    margin-bottom: 30px;
}
#main.insc.step3 h3{
    margin-bottom: 20px;
}
#main.insc.step1 .container{
    width: 600px;
    margin: auto;
}
#main.insc.step1 .container > div{
    float: left;
    width: 280px;
}
#main.insc.step1 .container > div:first-child{
    margin-right: 40px;
}
#main.insc.step1 .container > div img{
    width: 253px;
    height: 262px;
    margin: auto;
    display: block;
}
#main.insc.step1 .container > div h4{
    color: #ffba00;
    font-size: 24px;
    font-family: 'vag_black';
    text-align: center;
    margin: 30px 0px 15px 0px;
}
#main.insc.step1 .container > div h5{
    color: #e45b37;
    font-family: 'Arimo';
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}
#main.insc.step1 .container > div p{
    color: #7d725e;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    margin: 5px 0px 30px 0px;
}
#main.insc.step1 .container > div a.btn{
    width: 75px;
    margin: auto;
}

#main.insc.step2a .container{
    width: 655px;
    margin: auto;
}
#main.insc.admin.personal .container,
#main.insc.step2b .container{
    /*width: 305px;*/
    margin: auto;
}
#main.insc.step3 .container{
    width: 400px;
    margin: auto;
}
#main.insc h3{
    margin-top: 95px;
    line-height: 26px;
}
#main.insc h3 span{
    font-family: 'Arimo';
    font-weight: 700;
    color: #685b44;
    font-size: 13px;
}
#main.insc.step2a h4{
    color: #ffba00;
    font-size: 20px;
    font-family: 'vag_black';
    text-align: center;
    margin-bottom: 40px;
}
#main.insc.step2a .container .column{
    /*width: 305px;
    float: left;*/
}
#main.insc.step2a .container .column:first-child{
    /*margin-right: 35px;*/
}
#main.insc.step2a .container .form > div{
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    width: 50%;
    /*float: left;*/
    display: inline-block;
}
#main.insc.step2a .form {
    text-align: center;
    /*overflow: auto;*/
}
.vivocontainer .form > div{
    width: 100% !important;
}
#main.insc.step2a .container .form > div:first-child{
    margin-top: 0px;
}
.store-buttons {
    text-align: center;
    margin-top: 20px;
}
.store-buttons p {
    display: inline;
}

#main.insc.step2a .container form input[type=password],
#main.insc.step2a .container form input[type=text]{
    width: 225px;
    color: #685b44;
    font-weight: normal;
    font-family: 'Arimo';
    font-size: 13px;
    padding-right: 40px;
}
#main.insc.step2a .container form input[type=radio]{
    float: left;
}
#main.insc .form > div.success:before{
    margin: 40px 0px 0px 310px;
}
#main.insc .form > div.error:before{
    margin: 45px 0px 0px 310px;
}
#main.insc .form > div > label{
    color: #e45b37;
    font-family: 'Arimo';
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
#main.insc.step2a .form .row5{
    overflow: auto;
}
#main.insc.step2a .form .row5 div label{
    color: #aaa396;
    font-family: 'Arimo';
    font-size: 13px;
    font-weight: 700;
    float: left;
    margin-top: 3px;
}
#main.insc.step2a .form .row5 > div{
    padding: 16px 62px 12px 63px;
    background-color: white;
    float: left;

    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    behavior: url(pie/PIE.htc);
}
#main.insc.step2a .form .row5 > div .divider{
    float: left;
    /*width: 1px;*/
    height: 22px;
    border-left: 1px dotted #c0b9ad;
    margin: 0px 5px 0px 10px;
}
#main.insc.step2a .form .row5 > div > div{
    float: left;
}
#main.insc.step2a .form .row6{
    clear: both;
}
#main.insc.step2a .form .row6 img{
    margin: 0px auto 10px auto;
    display: block;
}
#main.insc.step2a .form .row6 p{
    text-align: center;
    font-weight: normal;
    color: #685b44;
}
#main.insc.step2a .form .row6 p span{
    font-weight: 700;
}
#main.insc.step2a .form .row6 p.professor{
    display: none;
}
#main.insc.step2a .form .selectStyled{
    width: 305px;
}
#main.insc.step2a .form .selectStyled select{
    width: 330px;
    color: #685b44;
    font-weight: normal;
    font-family: 'Arimo';
    font-size: 13px;
    background: transparent !important;
}
#main.insc.step2a .form .selectStyled select option{
    color: #685b44;
}
#main.insc .submit{
    min-width: 150px;
    margin: 30px auto 0px auto;
    /*padding-top: 50px;*/
    clear: both;
}
#main.insc .submit input[type=submit]{
    width: 150px;
    background-color: #ffba00 !important;
    color: #fff4df;
    margin: auto;
}

#main.insc.step3 .container > div{
    width: 106px;
    height: 106px;
    background: url(../img/sprite.png) no-repeat -430px -270px;
    margin: 0px auto 30px auto;
}
#main.insc.step3 .container p{
    color: #968b76;
    text-align: center;
}
#main.insc.step3 .container p span{
    color: #e45b37;
}
#main.insc.step3 .container a.btn{
    width: 112px;
    margin-top: 30px;
    text-align: center;
}

#innerHeader.insc.end > div{
    width: 420px;
}
#main.insc.end .container{
    width: 450px;
}
#main.insc.end .container > div{
    width: 155px;
    padding-top: 110px;
    background: url(../img/sprite.png) no-repeat -404px -415px;
    margin: 0px auto 20px auto;
}
#main.insc.end .container > div > p{
    color: #e45b37;
    text-align: center;
}
#main.insc.end .container > p{
    color: #685b44;
    font-weight: normal;
    text-align: center;
    line-height: 16px;
}
#main.insc.end .container a.btn{
    width: 140px;
    margin-top: 30px;
}

.user_existente p {
    text-align: center;
}

.user_existente p a {
    font-family: 'Arimo';
    font-weight: 700;
    color: #685b44;
    font-size: 13px;
}

/*
Tela de Depoimentos
*/
#innerHeader.insc.depo h2{
    background: url(../img/sprite.png) no-repeat -465px -177px;
    padding-left: 53px;
}

#main.depo .container{
    width: 1110px;
    margin: auto;
    padding-top: 110px;
}
#main.depo .container > a{
    margin-top: 145px;
}
#main.depo .container .center{
    width: 825px;
    float: left;
    overflow: hidden;
}
#main.depo .container ul li{
    float: left;
    width: 235px;
    margin-left: 60px;
}
#main.depo .container ul li:first-child{
    margin-left: 0px;
}
#main.depo .container ul li > div{
    width: 165px;
    height: 165px;
    border: 20px solid #F9ECD4;
    background-color: #F9ECD4;
    margin: auto;

    -moz-border-radius: 145px;
    -webkit-border-radius: 145px;
    border-radius: 145px;
    behavior: url(pie/PIE.htc);
}
#main.depo .container ul li > div img{
    display: block;
    width: 165px;
    height: 165px;
    margin: auto;

    -moz-border-radius: 145px;
    -webkit-border-radius: 145px;
    border-radius: 145px;
    behavior: url(pie/PIE.htc);
}
#main.depo .container ul li > div.depo1{
    background:url(../img/depo1.png) no-repeat #9ec1e8 center center;
}
#main.depo .container ul li > div.depo2{
    background:url(../img/depo2.png) no-repeat #ffba00 center center;
}
#main.depo .container ul li > div.depo3{
    background:url(../img/depo3.png) no-repeat #e45b37 center center;
}
#main.depo .container ul li > p.depo{
    font-weight: normal;
    color: #685b44;
    text-align: center;
    margin: 40px 0px 20px 0px;
}
#main.depo .container ul li > p.name{
    font-family: 'vag_black';
    font-size: 16px;
    color: #e45b37;
    text-align: center;
}
#main.depo .container ul li > p.name span{
    font-family: 'Arimo';
    font-weight: 700;
    font-size: 13px;
    color: #c0b095;
}

/*
Admin - Dados Pessoais
*/
#innerHeader.admin{
    background-color: #e45b37;
}
#innerHeader.admin > div{
    /*width: 290px;*/
    display: table;
}
#innerHeader.admin .divider{
    margin-left: 18px;
}
#innerHeader.admin a{
    color: #ffb76e;
    font-size: 15px;
    font-family: 'vag_black';
    display: block;
    float: left;
    line-height: 40px;
}
#innerHeader.admin a.selected,
#innerHeader.admin a:hover{
    color: #fff4df;
}
#innerHeader.admin a.personal{
    background: url(../img/sprite.png) no-repeat -980px -854px;
    padding-left: 25px;
}
#innerHeader.admin a.personal:hover,
#innerHeader.admin a.personal.selected{
    background: url(../img/sprite.png) no-repeat -980px -808px;
}
#innerHeader.admin a.payment{
    background: url(../img/sprite.png) no-repeat -980px -749px;
    padding-left: 18px;
}
#innerHeader.admin a.payment:hover,
#innerHeader.admin a.payment.selected{
    background: url(../img/sprite.png) no-repeat -980px -699px;
}
#main.admin .arrow{
    position: absolute;
    left: 50%;
}
#main.admin.personal .arrow{
    /*margin-left: -80px;*/
}
#main.admin.payment .arrow{
    /*margin-left: 60px;*/
}
#main.admin .container{
    padding-top: 50px;
}
#main.admin .container .divider{
    width: 40px;
    height: 1px;
    border-bottom: 1px dotted #b0a590;
    margin: 35px auto;
}
#main.admin.personal .container > a{
    color: #e45b37;
    font-family: 'vag_black';
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    background: url(../img/sprite.png) no-repeat -980px -640px;
    padding-left: 20px;
    width: 130px;
    height: 16px;
    line-height: 16px;
    margin: auto;
}
#main.admin .container > p{
    text-align: center;
    font-weight: normal;
    color: #685b44;
    margin-top: 20px;
}

#main.admin.personal .container .form > div {
    float: left;
}

/*
Admin - Pagamentos
*/
#main.insc.admin.payment .container > p{
    font-weight: 700;
}
#main.insc.admin.payment .container > p span{
    color: #e45b37;
}
#main.insc.admin.payment .container > div{
    width: 375px;
    margin: auto auto 35px;
    overflow: hidden;
}
#main.insc.admin.payment h4 {
    margin-bottom: 0;
}
#main.insc.admin.payment .container > div > div{
    background-color: white;
    padding: 15px 30px 15px 55px;
    margin-top: 10px;
    min-height: 20px;

    -moz-border-radius: 145px;
    -webkit-border-radius: 145px;
    border-radius: 145px;
    behavior: url(pie/PIE.htc);
}
#main.insc.admin.payment .container > div .divider{
    float: left;
    border: 0;
    border-left: 1px dotted #cac5ba;
    width: 1px;
    height: 22px;
    margin: 0px 15px 0px 15px;
}
#main.insc.admin.payment .container > div p{
    float: left;
    margin-top: 4px;
}
#main.insc.admin.payment .container > div > div p.realizado{
    color: #0bb58c;
}
#main.insc.admin.payment .container > div > div p.pendente{
    color: #f2a000;
}
#main.insc.admin.payment .container > div > div p.cancelado{
    color: #e45b37;
}
#main.insc.admin.payment .container > div > div p:first-child{
    color: #685b44;
}
#main.insc.admin.payment .container a.btn{
    width: 207px;
}

/*
Pais e educadores
*/
#innerHeader.pais h2{
    color: #ffba00;
    background: url(../img/sprite.png) no-repeat -963px -576px;
    padding-left: 50px;
    margin: auto;
}
#innerHeader.pais h3{
    color: #fff4df;
    font-family: 'vag_black';
    font-size: 32px;
    float: left;
    background: url(../img/arrow5.png) no-repeat right center;
    padding-right: 18px;
    margin: 5px 10px 0px 0px;
    display: block;
}
#main.pais .yrs{
    margin: 20px auto 0px auto;
}
#main.pais > img{
    margin: 100px auto 0px auto;
}
#main.pais > h3{
    color: #ffba00;
    font-family: 'vag_black';
    font-size: 36px;
    text-align: center;
    margin-top: 65px;
}
#main.pais .equipe{
    /*width: 180px;*/
    height: 20px;
    margin: 20px auto 60px auto;
    color: #e45b37;
    background: url(../img/sprite.png) no-repeat -980px -895px;
    padding-left: 25px;
    display: table;
}
#main.pais .tinymce{
    width: 680px;
    margin: auto;
}
#main.quem-somos .right ul li p,
#main.quem-somos .left > p,
.tinymce > p{
    font-weight: normal;
    color: #7d725e;
    line-height: 20px;
    margin-top: 30px;
    text-align: justify;
}
.tinymce > p:first-child{
    margin-top: 0px;
}
.tinymce > p span{
    text-decoration: none;
    border-bottom: 4px solid #f4e9d4;
    color: #e45b37;
}
#main.pais .tinymce ul li{
    color: #7d725e;
    font-family: 'Arimo';
    font-weight: normal;
    font-size: 13px;
    margin-top: 10px;
}
#main.pais .tinymce ul li:first-child{
    margin-top: 10px;
}
#main.pais > .tinymce ul{
    padding: 30px 0px 0px 70px;
}
#main.pais > .tinymce ul li{
    background: url(../img/inprogress.png) no-repeat left center;
    padding-left: 20px;
}
#main.figurinhas.pais .container .center ul li > a{
    display: block;
}
#main.figurinhas.pais .container .center ul li > a:hover p{
    text-decoration: underline;
}
#main.pais .btn{
    width: 50px;
    background: url(../img/sprite.png) #f9edd5 no-repeat -925px -512px;
    margin: 90px auto 90px auto;
}

/*
Quem Somos
*/
#innerHeader.quem-somos > div{
    /*width: 545px;*/
}
#innerHeader.quem-somos h2{
    color: #ffba00;
    background: url(../img/sprite.png) no-repeat -960px -455px;
    padding-left: 50px;
}
#main.quem-somos .container{
    max-width: 1200px;
    width: 100%;
    margin: auto;
}
#main.quem-somos .container > div{
    width: 900px;
    float: right;
}
#main.quem-somos .container .left{
    width: 600px;
    float: left;
}
#main.quem-somos .container .left .btn{
    width: 110px;
    margin-top: 65px;
    text-align: center;
}
#main.quem-somos .container .right{
    width: 250px;
    float: right;
    margin-top: 505px;
}
#main.quem-somos .container .right > p{
    color: #e45b37;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    margin-bottom: 30px;
}
#main.quem-somos .container .right > p:before{
    width: 11px;
    height: 8px;
    content: '';
    left: 0px;
    top: 3px;
    position: absolute;
    background: url(../img/sprite.png) no-repeat -820px -992px;
}
#main.quem-somos .container .right > p:after{
    width: 18px;
    height: 15px;
    content: '';
    left: 185px;
    top: -2px;
    position: absolute;
    background: url(../img/sprite.png) no-repeat -840px -985px;
}
#main.quem-somos .right ul li{
    margin-bottom: 20px;
    background: url(../img/inprogress.png) no-repeat 0px 5px;
}
#main.quem-somos .right ul li p{
    margin-top: 0px;
    font-size: 12px;
    text-align: left;
    padding-left: 25px;
}
#main.quem-somos h3{
    color: #e45b37;
    font-family: 'vag_black';
    font-size: 26px;
    text-align: center;
}
#main.quem-somos .thumbs{
    width: 501px;
    height: 125px;
    background: url(../img/sprite.png) no-repeat -323px -650px;
    margin: 100px auto 75px auto;
}
#main.quem-somos .thumbs p{
    color: #685b44;
    float: left;
    margin-top: 110px;
}
#main.quem-somos .thumbs p.seguro{
    margin-left: 25px;
}
#main.quem-somos .thumbs p.rapido{
    margin-left: 92px;
}
#main.quem-somos .thumbs p.envolvente{
    margin-left: 81px;
}
#main.quem-somos .thumbs p.interativo{
    margin-left: 72px;
}
#main.quem-somos .left > p{
    text-align: center;
}
#main.quem-somos .left hr{
    width: 80px;
    height: 7px;
    background-color: #f2e7d2;
    border: none;
    margin: 40px auto 40px auto;
}

/*
Relatorio 535 de pizza
*/
#innerHeader.relatorios h2{
    background: url(../img/sprite.png) no-repeat -960px -333px;
    padding-left: 55px;
}
#innerHeader.relatorios > div{
    width: 100%;
}
#innerHeader.relatorios .left{
    float: left;
    padding-left: 200px;
}
#innerHeader.relatorios .right{
    float: right;
    margin: -5px 100px 0px 0px;
    border: 5px solid #c55132;
    width: 190px;
    overflow: hidden;

    -moz-border-radius: 145px;
    -webkit-border-radius: 145px;
    border-radius: 145px;
    behavior: url(pie/PIE.htc);
}
#innerHeader.relatorios .right select{
    width: 220px;
    height: 42px;
    color: #fff4df;
    padding: 0px 30px 0px 20px;
    background: url(../img/arrow4.png) #e45b37 no-repeat 144px center;
}
#main.relatorios .box select option,
#innerHeader.relatorios .right select option{
    color: gray;
}
#main.relatorios .center {
    height: auto !important;
}
#main.relatorios ul.dash-report {
    width: 50% !important;
}
#main.relatorios ul {
    display: flex !important;
    /*width: 50% !important;*/
    flex: 1;
    flex-wrap: wrap;
    margin: auto !important;
    float: none !important;
}
#main.relatorios .container ul li{
    /*width: 280px;*/
    height: 280px;
    /*padding: 0 60px 50px 0px;
    margin-left: 20px;*/
    width: auto;
    position: relative;
}
#main.relatorios a.rel{
    /*width: 240px;
    height: 240px;*/
    width: 199px;
    height: 249px;
    display: block;
    /*float: left;*/
    margin: auto;
    display: table;
    /*background: url(../img/sprite.png) no-repeat -587px -365px;*/

    /*border: 20px solid #f9ecd4;*/

    /*-moz-border-radius: 145px;
    -webkit-border-radius: 145px;
    border-radius: 145px;*/
    behavior: url(pie/PIE.htc);
}
#main.relatorios div.rel.null{
    width: 280px;
    height: 280px;
    background-color: #f9ecd4;

    -moz-border-radius: 145px;
    -webkit-border-radius: 145px;
    border-radius: 145px;
    behavior: url(pie/PIE.htc);
}
#main.relatorios .container a span.icon {
    display: block;
    width: 34px;
    margin: auto;
    height: 41px;
    background-image: url(../img/vector/report_icon.svg);
    background-repeat: no-repeat;
    margin-bottom: 30px;
    margin-top: 35px;
}
#main.relatorios .container a.rel h3{
    color: white;
    margin-top: 140px;
    display: table-row;
    line-height: 18px;
}
#main.relatorios .container a.rel h3 .cell {
    display: block;
    vertical-align: middle;
    margin: auto;
    width: 80%;
}
#main.relatorios a.rel.type1{
    /*background-color: #9ec1e8;*/
    background-image: url(../img/vector/blue_box.svg);
    background-repeat: no-repeat;
}
#main.relatorios a.rel.type1 p{
    color: #476b95;
}
#main.relatorios a.rel p {
    display: table-row;
    height: 65px;
}
#main.relatorios a.rel p .cell {
    display: table-cell;
    vertical-align: middle;
    border-top: solid 2px white;
}
#main.relatorios a.rel.type2{
    /*background-color: #e45b37;*/
    background-image: url(../img/vector/red_box.svg);
    background-repeat: no-repeat;
}
#main.relatorios a.rel.type2 p{
    color: #ffba00;
}
#main.relatorios a.rel.type3{
    /*background-color: #ffba00;*/
    background-image: url(../img/vector/yellow_box.svg);
    background-repeat: no-repeat;
}
#main.relatorios a.rel.type3 p{
    color: #e45b37;
}

#main.relatorios ul.m-cat {
    padding-bottom: 20px;
}

#main.relatorios .box{
    width: 100%;
    /*height: 120px;*/
    float: left;
    background-color: #f9eed7;
    margin-top: -8px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#main.relatorios .box > div{
    width: 520px;
    margin: auto;
    padding-top: 20px;
}
#main.relatorios .box .selectStyled{
    float: left;
    width: 250px;
}
#main.relatorios .box select{
    width: 280px;
}
#main.relatorios .box select.checked{
    color: #a9a9a9;
}
#main.relatorios .box .submit{
    float: left;
    margin-left: 20px;
}
#main.relatorios .box .submit input[type=submit]{
    padding-left: 30px;
    padding-right: 30px;
    /*background-color: #ffba00;*/
    color: #fff4df;
    background-image: url(../img/vector/report_btn.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
#main.relatorios .container{
    padding-top: 10px;
}
#main.relatorios .container > p{
    text-align: center;
    color: #a39478;
}
#main.relatorios .container > p span{
    color: #e45b37;
}
#main.relatorios .container > p span.dot{
    color: #e2d7c4;
}
#main.relatorios .container .relContainer1{
    width: 600px;
    margin: auto;
}
#main.relatorios .container .relContainer1.relContainer2{
    width: 900px;
}
#main.relatorios .container .relContainer1.rel1 table{
    margin-top: 30px;

}
#main.relatorios .container .relContainer1.rel1 table tr td,
#main.relatorios .container .relContainer1.rel1 table tr th{
    padding: 25px 0px 25px 0px;
    width: 300px;
    color: #f4ab2f;
    background-color: white;
    vertical-align: middle;
}
#main.relatorios .container .relContainer1 table tr.break td{
    height: 10px;
    background-color: #fff4df;
    padding: 0px;
}
#main.relatorios .container .relContainer1 table tr.empty td p{
    text-align: center;
}
#main.relatorios .container .relContainer1.rel1 table tr td.left,
#main.relatorios .container .relContainer1.rel1 table tr th.left{
    -moz-border-top-left-radius: 145px;
    -moz-border-radius-bottomleft: 145px;

    -webkit-border-bottom-left-radius: 145px;
    -webkit-border-top-left-radius: 145px;

    border-top-left-radius: 145px;
    border-bottom-left-radius: 145px;
    behavior: url(pie/PIE.htc);
}
#main.relatorios .container .relContainer1.rel1 table tr td.right,
#main.relatorios .container .relContainer1.rel1 table tr th.right{
    -moz-border-top-right-radius: 145px;
    -moz-border-radius-bottomright: 145px;

    -webkit-border-bottom-right-radius: 145px;
    -webkit-border-top-right-radius: 145px;

    border-top-right-radius: 145px;
    border-bottom-right-radius: 145px;
    behavior: url(pie/PIE.htc);
}
#main.relatorios .container .relContainer1.rel1 table tr td{
    text-align: center;
    color: #aaa396;
}
#main.relatorios .container .relContainer1.rel1 table tr td.transparent{
    background-color: transparent;
}
#main.relatorios .btns{
    width: 350px;
    margin: 45px auto 0px auto;
}
#main.relatorios .btns a{
    color: #aea189;
    font-size: 12px;
}
#main.relatorios .btns .send{
    float: left;
    background: url(../img/sprite.png) #f9edd5 no-repeat -930px -259px;
}
#main.relatorios .btns .print{
    float: right;
    background: url(../img/sprite.png) #f9edd5 no-repeat -930px -204px;
}
#main.relatorios .container p span.c1{
    color: #d1c5ad;
}
#main.relatorios .container table tfoot tr td,
#main.relatorios .container .relContainer1.rel1 table tfoot tr{
    background-color: transparent;
}
#main.relatorios .container .relContainer1.rel1 table tfoot tr td.blue{
    background-color: #9ec1e8;
}
#main.relatorios .container table tfoot tr td.blue p{
    color: #486a90;
    text-align: center;
    padding: 0px;
    font-weight: 700;
}
#main.relatorios .container table tfoot tr td.blue p span{
    color: white;
}
#main.relatorios .container table tfoot tr td.blue p span.dot{
    color: #87a9ce;
}
#main.relatorios .container .relContainer1.rel1 table tfoot tr td.gray{
    background-color: #f9eed7;
}
#main.relatorios .container table tfoot tr td.gray p{
    text-align: center;
    padding: 0px;
    font-weight: 700;
}
#main.relatorios .container table tfoot tr td.gray p span{
    color: #769cc6;
}
#main.relatorios .container table tfoot tr td.gray p span.dot{
    color: #e2d9c6;
}
#main.relatorios .box .period{
    background-color: white;
    float: left;

    -moz-border-radius: 145px;
    -webkit-border-radius: 145px;
    padding: 22px 30px 22px 30px;
    border-radius: 145px;
    behavior: url(pie/PIE.htc);
}
#main.relatorios .box .period p{
    color: #aaa396;
}
#main.relatorios .box .period p a{
    color: #769cc6;
    font-size: 13px;
    border-bottom: 3px solid #f2f1ef;
}
#main.relatorios .box .period p a span{
    color: #c3beb6;
}
#main.relatorios table td.left p,
#main.relatorios table th.left p{
    text-align: left;
    padding-left: 30px;
    color: #aaa396;
}
#main.relatorios table td.left p{
    font-weight: normal;
}
#main.relatorios table p.blue{
    color: #769cc6;
}
#main.relatorios table p.green{
    color: #06ac84;
}
#main.relatorios table p.red{
    color: #e45b37;
}
#main.relatorios table td.border,
#main.relatorios table th.border{
    border-left: 1px solid #f2f1ee;
    border-right: 1px solid #f2f1ee;
}
#main.relatorios.pie .container{
    width: 950px;
    margin: auto;
}
#main.relatorios.pie .cat{
    width: 310px;
    margin: 0px auto 150px auto;
}
#main.relatorios.pie .sub{
    width: 215px;
    float: left;
}
#main.relatorios .sub > p,
#main.relatorios.pie .cat > p{
    color: #a39478;
    text-align: center;
    margin-top: 40px;
}
#main.relatorios.pie .sub > p:first-child,
#main.relatorios.pie .cat > p:first-child{
    margin-bottom: 40px;
    margin-top: 0px;
}
#main.relatorios.lines p span,
#main.relatorios.pie p span{
    color: #e45b37;
}
#main.relatorios.lines p span.dot,
#main.relatorios.pie p span.dot{
    color: #e2d7c4;
}
#main.relatorios.pie .cat .piechart{
    /*width: 310px;
    height: 310px;
    margin: auto;*/
}
#main.relatorios.pie .row{
    clear: both;
    height: 450px;
}
#main.relatorios.pie .row .sub{
    margin-left: 150px;
}
#main.relatorios.pie .row .sub:first-child{
    margin-left: 0px;
}
#main.relatorios .legend{
    margin: 15px auto 0px auto;
    width: 230px;
}
#main.relatorios .legend p{
    float: left;
    color: #a39478;
}
#main.relatorios .legend p.dash{
    color: #e2d7c4;
    margin: 0px 10px 0px 10px;
}
#main.relatorios .legend .redBall,
#main.relatorios .legend .greenBall{
    width: 10px;
    height: 10px;
    float: left;
    margin: 2px 6px 0px 0px;

    -moz-border-radius: 145px;
    -webkit-border-radius: 145px;
    border-radius: 145px;
    behavior: url(pie/PIE.htc);
}
#main.relatorios .legend .greenBall{
    background-color: #0bb58c;
}
#main.relatorios .legend .redBall{
    background-color: #e45b37;
}

/**
Relatorio 537 de linhas
*/
#main.relatorios.lines .container{
    width: 900px;
    margin: auto;
}
#main.relatorios.lines .sub{
    margin-top: 150px;
    display: inline-block;
}
#main.relatorios.lines .sub:first-child{
    margin-top: 0px;
}
#main.relatorios.lines .sub > p{
    margin: 0px;
    clear: both;
}
#main.relatorios.lines .container .linechart{
    float: left;
    margin: -90px 0px -15px 0px;
}
#main.relatorios.lines .legend{
    clear: both;
}
#main.relatorios.lines .box .selectStyled{
    width: 270px;
}

/*Politica*/
#innerHeader.politica h2{
    color: #ffba00;
    background: url(../img/sprite.png) no-repeat -960px -455px;
    padding-left: 50px;
}
#main.politica .container{
    max-width: 1200px;
    width: 100%;
    margin: auto;
}
#main.politica h3 {
    color: #e45b37;
    font-family: 'vag_black';
    font-size: 26px;
    text-align: center;
    margin: 20px 0 30px 0;
}
#main.politica .container div > p {
    font-weight: normal;
    color: #7d725e;
    line-height: 20px;
    text-align: justify;
    font-size: 13px;
    font-family: 'Arimo';
}

/*Home de relatorios*/
#innerHeader.relatorios.home > div{
    width: 665px;
}

/*
aviso sair
*/

.aviso-sair {
    text-align: center;
}

.aviso-sair a {
    width: 50px !important;
    display: inline-block;
    margin: 0 20px 0 20px !important;
}

/*
vivo
*/
.text-vivoplan {
    width: 100% !important;
    padding: 0 !important;
    text-align: center;
}
.select-vivoplan {
    background-color: transparent !important;
    width: 410px;
    line-height: 1;
    color: #685b44;
    -webkit-appearance: none;
    cursor: pointer;
    font-size: 13px;
    padding: 0px 50px 0px 40px;
    font-family: 'Arimo';
    border: none;
    height: 55px;
    border-radius: 27px;
}
.select-vivoplan.checked {
    color:#685b44 !important;
}

.select-vivoplan option {
    color:#685b44 !important;
}

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

.vivocontainer label {
    color: #e45b37;
    font-family: 'Arimo';
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.vivocontainer h4 {
    /*margin-top: 40px;*/
}

.vivocontainer .sendplanbtn {
    width: 100%;
    background-color: #ffba00 !important;
    border: none;
    text-transform: uppercase;
    font-family: 'vag_black';
    font-size: 14px;
    height: 55px;
    cursor: pointer;
    display: block;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #fff4df !important;
    behavior: url(pie/PIE.htc);
    margin: auto;
}

/*
Paypal
*/

.paypal-screen h1 {
    font-size: 25px;
    font-family: 'vag_black';
    color: #e45b37;
    margin-top: 50px;
}

#paypal-button-container {
    margin-top: 30px;
}

#main.paypal-screen p {
    height: auto;
    padding-top: 20px;
}

/*
Phone Login
*/
.phone_login input {
    margin-bottom: 10px;
}

/*
Reset Password
*/

.reset-pass h4 {
    /*margin-bottom: 0 !important;*/
}

.reset-pass .container .form > div {
    float: none !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    margin: auto auto 30px auto !important;
}

.reset-pass .container .form > div::after {
    content: "";
    display: block;
    width: 50%;
    margin-bottom: 20px;
}

.caps_warning {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: 'vag_black';
    font-size: 15px;
    color: #e45b37;
}

.shift_warning {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: 'vag_black';
    font-size: 15px;
    color: #e45b37;
}

/*
dashboard
*/

.cadastro_form .reset-link {
    display: flex;
    width: 100%;
    /* align-items: center; */
    margin: auto auto 30px auto;
    /* text-align: right; */
    justify-content: flex-end;
    font-family: 'vag_black';
    color: #e45b37;
}

/*
professor
*/

.downloading {
    width: 100%;
    max-width: 199px;
    height: 100%;
    background: url(../img/building.gif) no-repeat center center white;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 40px;
    border-radius: 10px;
    margin: auto;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.4);
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.4);
}

.perfil-column-professor {
    background: #f9edd5;
    border-radius: 10px;
}

.perfil-column-professor .perfil-btn a {
    -webkit-box-shadow: 5px 5px 7px 1px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 7px 1px rgba(0,0,0,0.2);
}

/*
professor - relatorios
*/

.turmas-btn-disabled {
    -webkit-filter: grayscale(1);
}

.turmas-btn-disabled a {
    cursor: auto;
}

/*
Relatorio Detalhes
*/
.box-destaque {
    width: auto;
    max-width: 500px;
    margin: auto auto 20px;
    padding: 20px;
    border-radius: 10px;
    border: 3px solid;
    position: relative;
}
.boxturma {
    border-color: #ffba00;
}
.boxaluno {
    border-color: #9ec1e8;
}
.destaque-flag {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px;

    border-top-left-radius: 5px;
    color: white;
    font-size: 12px;
    font-family: 'vag_black';
    border-bottom-right-radius: 5px;
}
.flagaluno {
    background: #9ec1e8;
}
.flagturma {
    background: #ffba00;
}
.destaque {
    font-family: 'vag_black';
    text-align: center;
    display: block;
    color: #ffffff;
    background: #9ec1e8;
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 10px;
}
.destaque.nometurma {
    background: #ffba00;
}
.destaque.nomealuno {
    background: #9ec1e8;
}

/*
school dashboard
*/
.body_school_dashboard .filtros {
    max-height: 250px;
    transition: max-height 0.15s ease-out;
}
.body_school_dashboard .filtros:hover {
    max-height: 20000px;
    transition: max-height 0.25s ease-in;
}
.body_school_dashboard .expand-row {
    display: table-row !important;
    position: relative;
}
.body_school_dashboard .status {
    text-align: center;
}
.body_school_dashboard .resultado tbody tr:hover {
    background-color: white !important;
}

.body_school_dashboard .resultado .subcategoria {
    color: #505050;
}

.body_school_dashboard .expand-filters {
    height: auto !important;
}

.body_school_dashboard .lista-acessos tbody tr:hover {
    background-color: white !important;
}

.body_school_dashboard .select-aluno {
    background: url(../img/form-select-arrow.png) no-repeat white right center !important;
    margin-bottom: 10px;
    width: 310px;
}

.body_school_dashboard .lastAccess.none {
    color: #a9a9a9;
}

.body_school_dashboard .state-minus,
.body_school_dashboard .state-plus {
    font-size: 1.3em;
}

.body_school_dashboard .user-row {
    cursor: pointer;
}

.body_school_dashboard .tooltip {
    position: absolute;
    display: none;
    background: white;
    color: black;
    padding: 5px;
    z-index: 1000;
    border: 1px solid black;
}

.body_school_dashboard .pdf-page {
    page-break-after: always;
    page-break-before: always;
}

.body_school_dashboard .pdf-container {
    width: 100%;
    height: 100%; /* Altura da div igual à altura da página */
    display: flex;
    justify-content: center; /* Alinhamento horizontal ao centro */
    align-items: center; /* Alinhamento vertical ao centro */
}
@media print {
    .body_school_dashboard .pdf-container {
        position: absolute; /* Posição absoluta para ocupar a página inteira */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    .body_school_dashboard .home_header {
        background: none;
    }
    
    .body_school_dashboard .filter_commands,
    .body_school_dashboard .home_header .right,
    .body_school_dashboard .home_header nav,
    .body_school_dashboard .home_footer {
        display: none;
    }
}