/* ============================================== GENERAL ======================================================= */

body { background: #FBF7F1; color: #222222;font-family: 'Montserrat', sans-serif;background: #eeeeee; background-size: 100% auto; font-weight: 300;display: flex;flex-direction: column;}
#main { width: 100vw; position: relative;  z-index: 100;height: 100vh;overflow-y: auto;overflow-x: hidden;}


.smartphone body .wrapper{margin-top:0;}

.wrapper-login { max-width: 480px; }



hr { margin: 0 0 2em; height: 1px; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.41); }
a { text-decoration: none; line-height: inherit; color: #FF6600; outline: 0; }
a:hover, a:active, a:focus { outline: 0; }
p { font-size: 1em; margin: 0 0 1.5em 0; }

.ui-page .controls {display:block; text-align: center;clear:both;position: relative;}
.controls button{}
.controls button.submit{min-width: 240px;font-size: 1.1em;padding: 0.9em;float: right;position: relative;font-weight: 300;margin-top: 1em;}
.controls button.submit span[class*="icon"]{/* position:absolute; *//* right: 1em; *//* top: 50%; *//* transform: translateY(-50%); */}

.controls button.submit span[class="icon"]::before{
    /* content: "\e635"; */
    font-family: icomoon;
}


button.red, .button.red, input[type="button"].red, input[type="submit"].red, input[type="reset"].red{
    background-color: red;
    
}

.controls .alert{opacity:0;transition:all .25s ease-out;min-width: 240px;z-index: 0;font-size: 1em;font-size: 0.8em;border-radius: 0;margin: 0;height: 0;padding: 0;overflow: hidden;border: 1px solid #E3E3E3;}
.controls.message{}
.controls.message button{/* opacity:0; */pointer-events:none;}
.controls.message .alert{opacity:1;height: 3em;padding: .5em;}

.ui-page .controls {margin: 0;padding: 0 0 2em 0;/* background-color: #FFFFFF; *//* border-top: 1px solid #CBCCC7; */}

.clearfix::after{display:block;content:"";clear:both}





/*
----------------------------------------------------------------------------------------------------
PAGE
---------------------------------------------------------------------------------------------------
*/



.ui-page { -webkit-backface-visibility: hidden; }
.ui-page-active {  /* position: relative !important; */ /* height: 100%; */}
div[data-role="page"].cadastro {/* min-height: 100% !important; *//* margin-top: 6em; */}
.smartphone div[data-role="page"].cadastro{background-color:white;}





/*
----------------------------------------------------------------------------------------------------
POPUPS
---------------------------------------------------------------------------------------------------
*/



#main>div[data-role="popup"]{
    display:none;
}


.ui-popup {
    background-color: white;
    border-radius: .25em;
    padding: 0;
    min-width: 300px;
    text-align: center;
}
.ui-popup .title{
    text-transform: uppercase;
    border-bottom: 3px solid #F60;
    color: #333;
    padding: 1em 0;
    font-size: 1em;
    font-weight: 400;
    margin: 0;
}
.ui-popup .group{
    padding: 2em 2em 1em 2em;
}

.ui-popup-screen{
    background-color:black;
    background-image: none !important;
    transition: opacity .2s ease-out;
    transform: scale3d(1,1,1);
}


/*
----------------------------------------------------------------------------------------------------
SOCIAL
---------------------------------------------------------------------------------------------------
*/

ul.social-media {
    list-style: none;
    margin: 0;
}

ul.social-media::after{content:"";display:block;clear:both;}

ul.social-media li{
    display:inline-block;
    /* float: left; */
}

ul.social-media a {
    display: block;
    line-height: 0.8em;
    color: #F58220;
    font-size: .8em;
    text-decoration: none;
    font-size: 1.9em;
    margin: 0 0 0 .5em;
    background-color: white;
    border-radius: 0.18em;
}

span.icon-facebook {
    color: #3C5A98;
}

span.icon-twitter {
    color: #2AA9E0;
}

span.icon-googleplus {
    color: red;
}

span.icon-youtube3 {
    color: red;
}
span.icon-linkedin {
    color: #0077b5;
}


/* =========================================== PRELOADERS ======================================================= */
/* This is the first preloader, the branded icon one */
#preloader .logo { }
/* this is the preloader used between pages */
.ui-icon.ui-icon-loading { background: transparent url('images/loading_spinner.gif') no-repeat center center; }
.ui-loader .ui-icon-loading { background-color: transparent; border-radius: 0; }

/* =========================================== header ======================================================= */
header { /* background-color: #F60; */position: fixed; width: 100%; /* height: 3em; */ top: 0; z-index: 1010; /* min-height: 3em; *//* flex: 1; */}
header .container { padding: 0 1em; height: 100%; }
header a.navbar-brand { float: left; display: block;height: 100%;width: 10em;}
header .tagline { font-weight: 300; color: white; float: left; margin-left: 1em; font-size: 1.2em; position: relative;top: 3px;}
header .tagline .ano { font-weight: 700; }
header .main_row{
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #fff;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,0.12);
    color: #222;
}
header .steps_row{
    padding: 0;
    background: #E45D02;
    /* max-width: 960px; */
    margin: 0 auto;
}

html header .steps_row{height: 0;overflow: hidden;transition: height .25s ease-out;}
html.cadastro header .steps_row{height: 2.5em;}
html.cadastro .steps_row>.row,html.cadastro .steps_row>.row>.columns{height: 100%;}


header ul.flow_steps {
    list-style: none;
    white-space:nowrap;
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
header ul.flow_steps li{
    display:inline-block;
    padding: .5em 2em;
    color: rgba(255, 255, 255, 0.48);
    /* width:20%; */
}

header ul.flow_steps li.active{
    color: white;
    background-color: #FF6600;
}

/*
header ul.flow_steps li.active span::before{
    content: "\e617";
    margin-right: 0.25em;
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: .8em;
}
*/

header ul.flow_steps li.pagamento{display:none}
html.metodo-prova header ul.flow_steps li.pagamento{display:inline-block!important}

.smartphone header{position:static;}
html.smartphone header .steps_row{display:none}

/* =========================================== footer ======================================================= */
footer {margin: 0;padding: 1em 0;font-weight: 300;position: relative;background: white;}
footer .group_atendimento{float:left;}
footer .group_atendimento .lbl{font-size: .7em;}
footer .group_atendimento .tel{display:block;font-weight: bold;}
footer .built_by_deevo_mini {display: inline-block;float: right;}
footer .built_by_deevo_mini .built_by_words { display: inline; font-size: .7em; position: relative; top: -6px; left: -4px; opacity: .5; }
footer .built_by_deevo_mini a { display: inline-block;}
footer .built_by_deevo_mini a img { width: 4em; }
html.smartphone footer .atendimento h3 { margin: 0; }










.topo label { float: left }
.topo input[type="radio"] { float: left; margin-right: .5em }
#cadastro-basic .tip { font-size: .6em; position: absolute; bottom: 0; right: 0; }



.ui-page .mainContent{
    background-color: #F6F7F3;
    /* max-width: 960px; */
    margin: 0 auto;
    padding: 4em 2em 2em 2em;
    /* margin: 3em auto; */
    min-height: 560px;
}


.ui-page.active .mainContent{opacity:1;}

#cadastro-curso .periodo-error {
    clear: both;
    display: block;
}


.fieldGroup {
    /* margin: 0 auto; */
    position: relative;
}
.tablet.landscape .cadastro .fieldGroup, .desktop .cadastro .fieldGroup{
    /* max-width: 540px; */
    padding-left: 4em;
    /* border-left: 1px solid #eee; */
}
.group.pagamento_panels {
    
}
.group.pagamento_panels {
    min-height: 14em;
}
.smartphone .group.pagamento_panels{
    min-height: 16em;
}

label[for="cep"].error {
    /* text-align: center; */
    /* margin: 0.5em 0 3em; */
}


div[data-role="widget"].busy .fieldGroup {
    opacity: 0.5;
}

div#modules {
    /* max-width: 960px; */
    min-width: 320px;
    padding: 3em 0;
    display: block;
    min-height: 400px;
}


label#periodo-error {
    display: none !important;
}

div[data-role="widget"] .info {
    text-align: center;
    padding: 0 2em;
    margin: 0;
}



input,button,select,textarea{font-family: "Montserrat",sans-serif;font-size: 0.9em;}


@-webkit-keyframes uil-magnify-move {
  0% {
    -ms-transform: translate(2px, 2px);
    -moz-transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
    -o-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
  33% {
    -ms-transform: translate(-2px, 2px);
    -moz-transform: translate(-2px, 2px);
    -webkit-transform: translate(-2px, 2px);
    -o-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  66% {
    -ms-transform: translate(0, -2px);
    -moz-transform: translate(0, -2px);
    -webkit-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px);
  }
  100% {
    -ms-transform: translate(2px, 2px);
    -moz-transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
    -o-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }
}


header .langChooser span.flag {
    width: 2em;
    height: 1em;
    position: relative;
    background: red;
    display: block;
    top: 11px;
    float: left;
    margin-right: .5em;
}