body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
  flex: 1 0 auto;
}

/*.nav-fixed {
    position: fixed !important;
    top: 0;
    z-index: 100;
}*/

/*.header-margin {
    margin-bottom: 80px;
}*/

/*.link-margin {
    margin-top: 10px !important;
}*/


.container-header {
    /*padding: 5px;*/
}



@media (max-width: 800px) {

    #modal-aviso{

        width: 100%!important;
        max-height: 390px !important;
        max-width: 100% !important;
        
    }
    
    .imagem-modal--congresso {
        
        width: 100% !important;

    }
}

.footer-layout {
    /*background: #324E66 !important;*/ 
    bottom: 0;
    position: absolute;
    width: 100%;
}

.col-responsive {
    margin-left: 33% !important;
}
thead.fixedazada{
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 2;
    border:none!important;
    box-shadow: inset -1px -1px #c0c0c0
}
thead.fixedazada th {
    box-shadow:inset 1px 1px 0px #c0c0c0;
    border: none!important;
    border-radius: 0 !important;
  }

table#tabelaInscritos tbody td:nth-child(1){
    position:sticky;
    left:0;
    background-color: white;
    z-index: 1;
}
table#tabelaInscritos tbody td:nth-child(2){
    position:sticky;
    left:100px;
    background-color: white;
    z-index: 1;
}

@media screen and (max-width: 603px) {
    .logo-novo {
        height: 95%;
        text-align: center;
    }
    
    footer {
        text-align: center;
    }
    
    div.banner {
        display: none;
    }
    
/*    [class*="col-"] {
        width: 100% !important;
    }*/
    
    col-responsive {
        width: 100%;
        margin-left: 0%;
        left: 0;
    }
    
    .col.s6 {
        width: 100% !important;
        margin-left: 0 !important;
        left: 0 !important;
    }
}

@media screen and (max-width: 900px) { 
    .nav-hidden {
        display: none;
    }
}

@media screen and (max-width: 1300px) { 
    .margin-left-resp {
        margin-left: 12% !important;
        left: 0;
    }
}

@media screen and (max-width: 1354px) { 
    .container-novo {
        width: 91% !important;
        margin: auto;
    }
}
@media screen and (max-width: 1350px) { 
    .container-novo {
        width: 92% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1326px) { 
    .container-novo {
        width: 93% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1321px) { 
    .container-novo {
        width: 94% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1298px) { 
    .container-novo {
        width: 95% !important;
        margin: auto;
    }
}
@media screen and (max-width: 1294px) { 
    .container-novo {
        width: 96% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1277px) { 
    #nav-color.stick a {
        font-size: 0.93em !important;
    }
}

@media screen and (max-width: 1272px) { 
    .container-novo {
        width: 97% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1260px) { 
    #nav-color.stick a {
        font-size: 0.91em !important;
    }
}

@media screen and (max-width: 1243px) { 
    #nav-color.stick a {
        font-size: 0.90em !important;
    }
}

@media screen and (max-width: 1246px) { 
    #nav-color a {
        font-size: 0.95em !important;
    }
}

@media screen and (max-width: 1235px) { 
    #nav-color.stick a {
        font-size: 0.88em !important;
    }
}

@media screen and (max-width: 1218px) { 
    #nav-color.stick a {
        font-size: 0.86em !important;
    }
}

@media screen and (max-width: 1205px) { 
/*    #nav-color a {
        font-size: 0.80em !important;
    }*/
    
    .container-novo {
        width: 100% !important;
        margin: auto;
    }
}

@media screen and (min-width: 1400px) { 
    #nav-color.stick  div.nav-wrapper {
        width: 95% !important;
        margin: auto !important;
    }
}

@media screen and (min-width: 1920px) { 
    #nav-color  div.nav-wrapper {
        width: 65% !important;
        margin: auto !important;
    }
}

@media screen and (min-width: 1850px) { 
    #nav-color  div.nav-wrapper {
        width: 75% !important;
        margin: auto !important;
    }
}

@media screen and (min-width: 1750px) { 
    #nav-color  div.nav-wrapper {
        width: 85% !important;
        margin: auto !important;
    }
}

@media screen and (min-width: 1650px) { 
    #nav-color  div.nav-wrapper {
        width: 90% !important;
        margin: auto !important;
    }
}

@media screen and (min-width: 1550px) { 
    #nav-color  div.nav-wrapper {
        width: 95% !important;
        margin: auto !important;
    }
}

@media screen and (max-width: 1399px) { 
    #nav-color.stick  div.nav-wrapper {
        width: 97% !important;
        margin: auto !important;
    }
}

@media screen and (max-width: 1355px) { 
    .container-novo {
        width: 95% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1316px) { 
    #nav-color.stick  div.nav-wrapper {
        width: 99% !important;
        margin: auto !important;
    }
}

@media screen and (max-width: 1320px) { 
    #nav-color.stick  div.nav-wrapper {
        width: 99% !important;
        margin: auto !important;
    }
    .container-novo {
        width: 100% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1290px) { 
    #nav-color.stick a {
        font-size: 0.85em !important;
    }
    
    #nav-color.stick  div.nav-wrapper {
        width: 99% !important;
        margin: auto !important;
    }
    .container-novo {
        width: 100% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1285px) { 
    .container-novo {
        width: 100% !important;
        margin: auto;
    }
    
    #nav.stick a {
        font-size: 0.50em !important;
    }
    
    div.nav-wrapper {
        width: 100% !important;
    }
}


@media screen and (max-width: 1272px) { 
    #nav-color.stick a {
        font-size: 0.85em !important;
    }
    
    .container-novo {
        width: 98% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1263px) { 
    
    #nav-color.stick  div.nav-wrapper {
        width: 97% !important;
        margin: auto !important;
    }
}

@media screen and (max-width: 1238px) { 
    
    #nav-color.stick  div.nav-wrapper {
        width: 98% !important;
        margin: auto !important;
    }
}

@media screen and (max-width: 1225px) { 
    
    #nav-color.stick  div.nav-wrapper {
        width: 99% !important;
        margin: auto !important;
    }
}

@media screen and (max-width: 1213px) { 
    
    #nav-color.stick  div.nav-wrapper {
        width: 100% !important;
    }
}

@media screen and (max-width: 1201px) { 
    
    #nav-color.stick a {
        font-size: 0.84em !important;
    }
}

@media screen and (max-width: 1159px) { 
    
    #nav-color.stick a {
        font-size: 0.83em !important;
    }
}
@media screen and (max-width: 1151px) { 
    
    #nav-color.stick a {
        font-size: 0.81em !important;
    }
}

@media screen and (max-width: 1134px) { 
    
    #nav-color.stick i:not(.info-user) {
        display: none !important;
    }
    
    #nav-color.stick  div.nav-wrapper {
        width: 85% !important;
        margin: auto !important;
    }
    
    #nav-color.stick a {
        font-size: 0.90em !important;
    }
}
@media screen and (max-width: 1074px) { 
    
    #nav-color.stick i:not(.info-user) {
        display: none !important;
    }
    
    #nav-color.stick  div.nav-wrapper {
        width: 90% !important;
        margin: auto !important;
    }
    
    #nav-color.stick a {
        font-size: 0.92em !important;
    }
}

@media screen and (max-width: 1030px) { 
    
    #nav-color.stick i:not(.info-user) {
        display: none !important;
    }
    
    #nav-color.stick  div.nav-wrapper {
        width: 95% !important;
        margin: auto !important;
    }
    
    #nav-color.stick a {
        font-size: 0.93em !important;
    }
}

@media screen and (max-width: 1294px) { 
    #nav-color.stick a {
        font-size: 0.92em !important;
    }
}

@media screen and (max-width: 1268px) { 
    #nav-color.stick a {
        font-size: 0.88em !important;
    }
}

@media screen and (max-width: 1259px) { 
    #nav-color.stick a {
        font-size: 0.86em !important;
    }
}

@media screen and (max-width: 1242px) { 
    #nav-color.stick a {
        font-size: 0.84em !important;
    }
}

@media screen and (max-width: 1267px) { 
    .container-novo {
        width: 98% !important;
        margin: auto;
    }
}
@media screen and (max-width: 1241px) { 
    .container-novo {
        width: 100% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1217px) { 
    #nav-color a {
        font-size: 0.97em !important;
    }
}
@media screen and (max-width: 1201px) { 
    #nav-color a {
        font-size: 0.97em !important;
    }
}

@media screen and (max-width: 1170px) { 
    #nav-color a {
        font-size: 0.94em !important;
    }
}

@media screen and (max-width: 1166px) { 
    #nav-color.stick a {
        font-size: 0.82em !important;
    }
}

@media screen and (max-width: 1147px) { 
    #nav-color.stick a {
        font-size: 0.80em !important;
    }
}

@media screen and (max-width: 1163px) { 
    #nav-color a {
        font-size: 0.95em !important;
    }
}

@media screen and (max-width: 1154px) { 
    #nav-color a {
        font-size: 0.93em !important;
    }
}

@media screen and (max-width: 1150px) { 
    #nav-color a {
        font-size: 0.94em !important;
    }
}

@media screen and (max-width: 1146px) { 
    #nav-color a {
        font-size: 0.92em !important;
    }
}

@media screen and (max-width: 1142px) { 
    #nav-color a {
        font-size: 0.93em !important;
    }
}

@media screen and (max-width: 1138px) { 
    #nav-color a {
        font-size: 0.92em !important;
    }
}

@media screen and (max-width: 1134px) { 
    #nav-color a {
        font-size: 0.92em !important;
    }
}

@media screen and (max-width: 1131px) { 
    #nav-color a {
        font-size: 0.91em !important;
    }
}

@media screen and (max-width: 1126px) { 
    #nav-color a {
        font-size: 0.90em !important;
    }
}

@media screen and (max-width: 1115px) { 
    #nav-color a {
        font-size: 0.89em !important;
    }
}
@media screen and (max-width: 1111px) { 
    #nav-color a {
        font-size: 0.88em !important;
    }
}

@media screen and (max-width: 1099px) { 
    #nav-color a {
        font-size: 0.87em !important;
    }
}


@media screen and (max-width: 1095px) { 
    #nav-color a {
        font-size: 0.86em !important;
    }
}

@media screen and (max-width: 1083px) { 
    #nav-color a {
        font-size: 0.85em !important;
    }
}

@media screen and (max-width: 1079px) { 
    #nav-color a {
        font-size: 0.84em !important;
    }
}

@media screen and (max-width: 1067px) { 
    #nav-color a {
        font-size: 0.83em !important;
    }
}

@media screen and (max-width: 1063px) { 
    #nav-color a {
        font-size: 0.83em !important;
    }
}

@media screen and (max-width: 1059px) { 
    #nav-color i:not(.info-user) {
        display: none !important;
    }
    #nav-color a {
        font-size: 1em !important;
    }
    
    .container-novo {
        width: 85% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1055px) { 
    #nav-color i:not(.info-user) {
        display: none !important;
    }
    #nav-color a {
        font-size: 1em !important;
    }
    
    .container-novo {
        width: 78% !important;
        margin: auto;
    }
}

@media screen and (max-width: 1055px) { 
    
    .container-novo {
        width: 90% !important;
        margin: auto;
    }
}

@media screen and (max-width: 900px) { 
    .center-nav {
        display: none !important;
    }
    
    .menu-show {
        display: block !important;
    }
}

@media screen and (max-width: 1200px) { 
    .margin-left-resp {
        margin-left: 10% !important;
        left: 0;
    }
}

@media screen and (max-width: 1100px) { 
    .margin-left-resp {
        margin-left: 6% !important;
        left: 0;
    }
}

@media screen and (max-width: 1080px) { 
    .margin-left-resp {
        margin-left: 5% !important;
        left: 0;
    }
}

@media screen and (max-width: 992px) { 
    #nav-links {
        display: none !important;
    }
}

@media screen and (max-width: 1050px) { 
    .margin-left-resp {
        margin-left: 3% !important;
        left: 0;
    }
}

@media screen and (max-width: 730px) {
    a.logo-escrito {
        display: none;
    }
    
    div.nav-wrapper {
        text-align: center;
    }
    
    footer {
        text-align: center;
    }
    
    .col-teste {
        margin-left: 0% !important;
    }
    
    .div-ebook {
        width: 100% !important;
    }
    
    .div-ebook:after {
        clear: both !important;
    }
}

.col-teste {
    margin-left: 33% !important;
}

.modal-large {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 15px;
    max-height: 80% !important;
    height: 80% !important;
    width: 80%;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    /*will-change: top, opacity;*/
}

.modal-small {
    /*display: none;*/
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 15px;
    max-height: 90% !important;
    height: 70% !important;
    width: 30%;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity;
}

.top-sheet {
    
  top: -100%;
  bottom: auto;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: top, opacity;

}

label:after {
    transition-property: all !important;
    font-size: 0.8rem;
    transform: none;
}
label:not(.active):after {
    transform: translateY(-140%);
}

a.link-nav {
    color: #000;
}

.link-color {
    color: #eee;
}

.container-novo {
    width: 90%;
    margin: auto;
}

.margin-top-container {
    margin-top: 20px;
}

.ul-link-nav {
    margin-top: 64px; 
    position: relative
}

.cor-layout {
    background: #17234E !important;
}

.margin-left-resp {
    margin-left: 14%;
}

.hover-li:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/*.navbar-fixed-scroll {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
    transition: 0.6s;
}*/

.margin-scroll {
    transition: 0.6s;
}

.nav-color {
    background: #17234E !important;
    /*transition: 0.8s;*/
    height: 58px;
    /*transform: scale(0.8);*/
}

.ul-stick {
    line-height: 58px !important;
    
}

.link-stick {
    font-size: 0.95em;
    /*transition: 0.8s;*/
}

/*#nav-color*/ 

.form-control {
  display: block !important;
  width: 80% !important;
  margin: auto !important;
  height: 25px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.428571429 !important;
  color: #555555 !important;
  vertical-align: middle !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}
.form-control-select {
  display: block !important;
  width: 100% !important;
  margin: auto !important;
  height: 40px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.428571429 !important;
  color: #555555 !important;
  vertical-align: middle !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}

.form-control-textarea {
  display: block !important;
  width: 100% !important;
  margin: auto !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.428571429 !important;
  color: #555555 !important;
  vertical-align: middle !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}

.form-control:focus {
  border-color: #37474F !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}

.underline {
    text-decoration: underline;
}

.card-resize {  
    height: 278px !important;
    width: 371px !important;
    transition: 0.7s;
    /*overflow: hidden;*/
}

.cor-th {
    background: #F2F2F2;
}

tbody.line td {
    border-right: solid 1px #D0D0D0; 
    border-left: solid 1px #D0D0D0;
    border-top: solid 1px #D0D0D0;
}

thead.line-head th {
    border-right: solid 1px #D0D0D0; 
    border-left: solid 1px #D0D0D0;
    border-top: solid 1px #D0D0D0;
}

table.lines td, th {
    border-right: solid 1px #D0D0D0; 
    border-left: solid 1px #D0D0D0;
    border-top: solid 1px #D0D0D0;
    border-bottom: solid 1px #D0D0D0;
}

.box-blue {
    width: 100%; 
    border-radius: 5px; 
    border-color: #17234E; 
    border: 2px solid #17234E;
}

.box-blue-header {
    background: #17234E;
    height: 5%; 
    color: #fff; 
    text-align: center; 
    padding: 5px
}

.box-blue-body {
    padding: 5px; 
    font-size: 14px
}

.box-blue-footer {
    padding: 5px; 
    font-size: 14px
}

/*.li-cursos:hover {
}*/

div.collapsible-header {
    transition: 0.3s;
}

div.collapsible-header:hover {
    background: #17234E;
    color: #fff;
    transition: 0.3s;
}

div.collapsible-header.active {
    background: #17234E;
    color: #fff;
    
}

@media screen and (max-width: 1270px){
    table.table-calendario {
        font-size: 10px !important;
    }
    table.table-calendario td {
        padding: 10px 1px !important;
    }
}
@media screen and (max-width: 1000px){
    .acesse-mobile{
        display: block !important;
    }
    div#acesse-wide{
        display: none;
    }
 }
 .acesse-mobile {
     display: none;
 }
 
 .disabled-cor {
     color: #000 !important;
 }
 
 .gradiente-perfil {
    background: rgb(242,245,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,245,246,1) 49%, rgba(227,234,237,1) 59%, rgba(200,215,220,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(242,245,246,1) 49%,rgba(227,234,237,1) 59%,rgba(200,215,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(242,245,246,1) 49%,rgba(227,234,237,1) 59%,rgba(200,215,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
 }
 
 a.link-noticia {
     color: #17234E !important;
     font-size: 14px !important;
     cursor: pointer !important;
 }
 
 a.link-noticia:hover {
     font-weight: bold;
 }
 
.disabled-fieldset {
    background: #eee;
}


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(MaterialIcons-Regular.woff2) format('woff2'),
       url(MaterialIcons-Regular.woff) format('woff'),
       url(MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.hidden {
    display: none !important;
}

.table-lines-height {
    line-height: 2px !important
}

.box-caixa-postal {
    border: 1px solid #E3E3E3;
    padding: 20px;
    border-radius: 7px;
    /*background-color: #F9F9F9;*/
    box-shadow: 1px 1px 25px 2px;
    background-image: url('fundo-email.jpg');
    /*backface-visibility: visible;*/
    /*opacity: 0.7;*/
    /*opacity: 0.5;*/
}

.image-fundo-caixa-postal {
    opacity: 0.5;
}

table.tabela-caixa-postal tbody tr:hover {
    background: #CECECE;
    cursor: pointer;
    /*color: #fff;*/
}

table.tabela-caixa-postal tbody tr {
    border-bottom: 1px solid #E3E3E3;
}

/*.hr-estilo {
    border: 0 !important;
    height: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}*/

.label-default {
    font-weight: bold !important;
    font-size: 18px !important
}

/*nav.teste-nav {
    height: 80px !important;
}*/


/*.modal-confirmacao {
    width: 25% !important;
}*/

.bold {
    font-weight: bold;
}

.modal-loading {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  border-radius: 2px;
  will-change: top, opacity;
}

.div-ebook {
    min-height: 380px !important;
    border: 0.1px solid #eee;
    border-radius: 5px !important;
    width: 23% !important; 
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    transition: 0.3s;
}

.div-ebook:hover {
    box-shadow: 0px 0px 12px 0px #17234E;
    border-radius: 5px !important;
    transition: 0.3s;
}

.div-curso {
    border: 0.1px solid #CDCDCD;
    border-radius: 10px !important;
    padding: 10px !important;
    transition: 0.3s;
}

.div-curso:hover {
    cursor: pointer;
    background-color: #f5f5f5;
    box-shadow: 0px 0px 12px 0px #17234E;
    border-radius: 5px !important;
    transition: 0.3s;
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.02);
    -o-transform:scale(1.02);
    transform: scale(1.02);
}

.div-curso-active {
    background-color: #f5f5f5;
    box-shadow: 0px 0px 12px 0px #17234E;
    border-radius: 5px !important;
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.02);
    -o-transform:scale(1.02);
    transform: scale(1.02);
}

.div-curso-disable {
    pointer-events: none;
}

.div-ebook-header {
    min-height: 150px !important;
    margin-bottom: 15px;
}

.div-ebook-body {
    min-height: 100px !important;
}

.div-ebook-footer {
    min-height: 100px !important;
}

.img-ebook {
    height: 200px !important;
    max-width: 80% !important;
    overflow: hidden !important;
}

.div-ebook-header:after {
    clear: both !important;
}

.div-ebook-body:after {
    clear: both !important;
}

span.autor-ebook {
    font-size: 12px;
    color: #666;
    display: block;
}

p.info-autor {
    font-size: 14px !important;
    color: #666;
    display: block;
}

span.titulo-ebook .autor-ebook:after {
    clear: both !important;
}

.btn-detalhes-ebook {
    text-transform: none !important;
    margin-top: 5%;
}

.stars {
    color: #737373;
    font-size: 30px;
    cursor: pointer;
}

.star-color {
    color: #FBBC05;
}

.stars-avaliado-color {
    color: #FBBC05;
    font-size: 18px;
}

.stars-avaliado {
    color: #737373;
    font-size: 18px;
}

.valign-center {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}

.evento-calendario {
    background: #17234E;
}

.link-map {
    font-size: 20px;
    color: black;
}

.button-block {
    width: 100% !important;
}

@-webkit-keyframes aovivo {
    0%   { opacity: 0; }
    10%   { opacity: 0.1; }
    20%   { opacity: 0.2; }
    30%   { opacity: 0.3; }
    40%   { opacity: 0.4; }
    50%   { opacity: 0.5; }
    60%   { opacity: 0.6; }
    70%   { opacity: 0.7; }
    80%   { opacity: 0.8; }
    90%   { opacity: 0.9; }
    100%   { opacity: 1; }
}

@-moz-keyframes aovivo {
    0%   { opacity: 0; }
    10%   { opacity: 0.1; }
    20%   { opacity: 0.2; }
    30%   { opacity: 0.3; }
    40%   { opacity: 0.4; }
    50%   { opacity: 0.5; }
    60%   { opacity: 0.6; }
    70%   { opacity: 0.7; }
    80%   { opacity: 0.8; }
    90%   { opacity: 0.9; }
    100%   { opacity: 1; }
}
    
div.ao-vivo {
    margin-top: 11%;
    border: 1px solid red;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: red;
    -webkit-animation: aovivo 1s alternate infinite;
    -moz-animation: aovivo 1s alternate infinite;
    -o-animation: aovivo 1s alternate infinite;
    animation: aovivo 1s alternate infinite;
}

a.link-ao-vivo {
    color: #000;
    font-size: 15px
}

a.link-ao-vivo span{
    margin-right: 10px;
}

ul.hover-inverse-nav:hover {
    background: white !important;
    color: #000 !important;
    transition: 0.4s;
}

ul.hover-inverse-nav li a:hover {
/*    background: white !important;*/
    color: #000 !important;
    transition: 0.4s;
}

#nav-links {
    height: 64px !important;
}

.stick {
  position:fixed;
  top:0px;
  z-index: 998;
}

.container-menu-links {
    width: 84%;
    margin: auto;
}

.padding-ul {
    padding: 30px;
}

p.titulo-cadastro {
    font-size: 19px;
    font-weight: bold;
/*    background-color: #eee;
    padding: 5px;*/
}

.row-login {
    width: 80%;
    margin: auto !important;
    border-radius: 8px;
    padding: 5px;
    background-image: linear-gradient(to top, #fff 57%, #eee 90%);
}

.border-col-login {
    border-right: 1px solid #cdcdcd;
    border-: 1px solid #cdcdcd;
}

.titulo-portal {
    margin-bottom: 45px;
}

.alerta-utlizacao {
    font-size: 0.9em;
}

.div-margin-cadastro {
    margin-left: 5%;
}

.wid-input {
    width: 75% !important;
}

i.icon.prefix.active {
    color: #37474F !important
}

label.label-padrao.active {
    color: #37474F !important
}

input[type=text].input-padrao:focus {
    border-bottom: 1px solid #37474F !important;
    box-shadow: 0 1px 0 0  #37474F;
}

input[type=password].input-padrao:focus {
    border-bottom: 1px solid #37474F !important;
    box-shadow: 0 1px 0 0  #37474F;
}

.login-esa {
    cursor: pointer;
}

fieldset.field-cursos {
    border-radius: 5px;
    padding: 15px;
    transition: .2s
}

fieldset.field-cursos legend {
    color: #fff;
    padding: 7px;
    font-size: 1em;
    border-radius: 7px;
    /*margin-left: 20px;*/
}

fieldset.field-cursos:hover {
    /*transform: scale(1.005);*/
/*    transition: .2s;
    background-color: #eee;*/
}

.text-upper {
    text-transform: uppercase;
}

.text-justify {
    text-align: justify;
}

.sub-titulto {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 50px;
}

ul.margin-li li {
    margin-bottom: 15px;
}

ul.margin-li-left li {
    margin-left: 2%;
}

.margin-article {
    margin-bottom: 70px;
}

.margin-row {
    margin-top: 60px;
}

.margin-col-bottom {
    margin-bottom: 25px;
}

.radius-img {
    border-radius: 5px;
    opacity: 0;
}

.nome-diretor {
    font-size: 1.25em;
}

.cargo-diretor {
    font-weight: bold;
}

.oab-diretor {
    margin-top: 15px;
}


/* Materialize effect pulse */
.pulse {
  overflow: initial;
  position: relative;
}

.pulse::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
  -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
          animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  z-index: -1;
}

@-webkit-keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

.btn-fixed {
    bottom: 45px; 
    right: 24px;
}

.btn-hidden {
    transition: 1s; 
    display: none;
}

.btn-show {
    transition: 1s; 
    display: block;
}

a.link-grupo.active {
    background-color: transparent !important;
}

a.link-grupo:hover {
    background-color: #eee !important;
}

div.grupos-cursos {
    height: 550px !important;
    overflow-x: unset !important;
    /*overflow-y: hidden;*/
    overflow: scroll;
}

.folder-curso {
    width: 150px;
    cursor: zoom-in;
    transition: .3s;
}
.folder-curso-conferencias {
    width: 400px;
    cursor: zoom-in;
    transition: .3s;
}

.customscrollbar{
    height: 450px;
    overflow: scroll;
}

.customscrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.customscrollbar::-webkit-scrollbar-thumb:vertical{
   background-color: #37474f;
  -webkit-border-radius: 6px;
}

.folder-curso:hover {
    box-shadow: 0px 0px 10px 0px black;
    transition: .3s;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.modal-large-custom {
    max-height: 90% !important;
    top: 5% !important;
}

@media screen and (max-width: 875px) { 
    .nav-wrapper-fr ul a{
        font-size: 15px;
    }
    
    span.logo-escrito {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 830px) { 
    .nav-wrapper-fr ul a{
        font-size: 14px;
    }
    
    span.logo-escrito {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 823px) { 
    .nav-wrapper-fr ul a{
        font-size: 13px;
    }
    
    span.logo-escrito {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1016px) { 
    .nav-wrapper-fr ul a{
        font-size: 14px;
    }
    
    span.logo-escrito {
        font-size: 17px !important;
    }
    .img-ebook {
        height: 180px !important;
    }
}

@media screen and (max-width: 794px) { 
    .nav-wrapper-fr ul a{
        font-size: 12px;
    }
    
    span.logo-escrito {
        font-size: 14.5px !important;
    }
}

@media screen and (max-width: 730px) { 
    .nav-wrapper-fr ul a{
        display: none;
    }
    
    span.logo-escrito {
        display: none;
    }
    
    .nav-wrapper-fr {
        text-align: center;
    }
}

@media screen and (max-width: 715px) { 
    .nav-wrapper-fr {
        margin-top: 1.25% !important;
    }
}

@media screen and (max-width: 500px) { 
    .nav-wrapper-fr {
        margin-top: 1.6% !important;
    }
}

@media screen and (max-width: 424px) { 
    .nav-wrapper-fr {
        margin-top: 1.8% !important;
    }
}

@media screen and (max-width: 324px) { 
    .nav-wrapper-fr {
        margin-top: 2% !important;
    }
}

@media screen and (max-width: 290px) { 
    .nav-wrapper-fr {
        margin-top: 2.8% !important;
    }
}

@media screen and (max-width: 1280px) { 
    .container-front {
        width: 90% !important;
    }
    .img-ebook {
        height: 200px !important;
    }
}

@media screen and (max-width: 992px) { 
    .container-front {
        width: 100% !important;
    }
   
    footer div.row {
        text-align: center;
    }
}
@media screen and (max-width: 600px) { 
    .div-curso{
        margin-left: 0px !important;
        margin-bottom: 10px !important;
    }
    .row-infos button{
        /*content: "Concluir" !important;*/
        font-size: 12px !important;
    }
    .row-infos i{
        display: none !important;
    }
}
@media screen and (max-width: 630px) { 
    .row-infos button{
        height: auto !important;
    }
}
@media screen and (max-width: 342px) { 
    .row-infos button{
        /*content: "Concluir" !important;*/
        font-size: 12px !important;
        height: auto !important;
    }
}

.card-panel-hover:hover{
    cursor: pointer !important;
    opacity: 0.8 !important;
    transition: 0.3s !important;
}