body { background-color: #fffefc; font-family: 'Nunito', sans-serif; font-size:16px; }
main { min-height: 100vh; }

h1.h4 { font-size: 1.3rem; font-weight: 800; }

table a { text-decoration: none; }

header { background: #162240; }
header nav a { text-decoration: none; font-weight:bold; font-size: 0.8rem;
    font-weight: bold;
    color: #FFF;
}

.table>:not(caption)>*>* { border-bottom: none; }
.btn { font-weight: normal; }
.btn-rounded { border-radius: 25px; padding-left: 1.5rem; padding-right: 1.5rem; }

/* COLORS */
.bg-pink { background-color: #c15e74; }
.text-pink { color: #c15e74; }

.btn-outline-success:hover,
.btn-success,
.text-bg-success,
.bg-success { background: #29ACA6; background-color: #29ACA6!important; }
.btn-success { border-color: #29ACA6; }
.btn-outline-success { color: #29ACA6!important; border-color: #29ACA6!important;  }
.btn-outline-success:hover { color: #FFF!important; }
.text-success { color: #29ACA6!important; }

.bg-light-green { background: #D3E8E6; }

.modal-content,
.bg-light-gray { background: #E0DEF0; }

.text-danger { color: #c1593f!important; }
.btn-danger,
.bg-danger,
.bg-brick { background: #c1593f!important; }
.btn-danger { border-color: #c1593f!important; }
.bg-light-brick { background: #F6D8CA; }

.text-secondary { color: #162340; }
.bg-secondary { background: #162340!important; }
.bg-light-dark { background: #C9CBD7; }

.text-blue { color: #2B4564; }
.bg-blue { background: #2B4564!important; }


.text-warning { color: #FEC340; }
.bg-warning,
.btn-warning,
.text-bg-yellow,
.bg-yellow { background: #FEC340!important; }
.text-yellow { color: #FEC340!important; }

.bg-light-yellow { background: #FFEAC3; }

.bg-dark { background: #162340!important; }
.text-black { color: #162340!important; }

.bg-light-blue { background: #e6f5fa; }

.btn-outline-primary { color: #2b9bc0!important; border-color: #2b9bc0!important; }
.btn-outline-primary:hover { color: #FFF!important; background-color: #2b9bc0!important; border-color: #2b9bc0!important; }
.text-bg-primary,
.btn-primary,
.bg-primary { background: #2b9bc0; background-color: #2b9bc0!important; }
.btn-primary { border-color: #2b9bc0; }
.breadcrumb a,
.text-primary { color: #2b9bc0!important; }
.breadcrumb a { text-decoration: none; }
/* COLORS */

#navigation-user { background-color: transparent; }
#navigation-user button { border: none!important; }

/* SIDENAV */
.sidebar { background-color: #faf7f2; box-shadow: none; overflow-y: auto; }
.sidebar-heading { font-size: 0.65rem!important; font-weight: bold; }
.sidebar h6 { color: #b2b2b0; }

.sidenav {
  width: 100%;
  z-index: 1;
  overflow-x: hidden;
  padding: 0 0 0 20px;
}

.sidenav a, .dropdown-btn {
  padding: 10px 15px;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: bold;
  color: #4c3d5a;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.sidenav a i, .dropdown-btn i { margin-right: 8px; }

.sidenav a:hover, .dropdown-btn:hover {
  background: #FFF;
  color: #f7b310;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.sidenav .active {
  background-color: #FFF;
  color: #f7b310;
}

.dropdown-container {
  display: none;
  padding-left:  10px;

}

.fa-caret-down {
  float: right;
  padding-right: 8px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* SIDENAV */

/* CARDS */

.card { border: none; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.card-header { padding: 15px 20px!important; font-size: 1.1rem; font-weight: 800; border-bottom: none; display: flex; align-items: center; justify-content: space-between; border-top-left-radius: 20px!important; border-top-right-radius: 20px!important; }

/* CARDS */


.f-name { font-size: 12px; }
.brand img { width: 100px; }
#navigation-user button { font-size: 0.8rem; border: 1px solid #EAEAEA; }
.dropdown-menu { border-radius: 0; background: #0d1e40; }
.dropdown-menu a,
.dropdown-menu a:hover { color: #FFF; }
.dropdown-item:focus, .dropdown-item:hover { background: transparent; }

.login-page { height: 100vh; background: url(images/outside.jpeg) left -200px center no-repeat; background-size: cover; }
.login-wrapper { height: 100vh; box-shadow: -4px -20px 20px 3px #111; }

#card-video iframe { width: 100%!important; }
.card-title { text-transform: uppercase; font-size: 0.9rem; margin-bottom: 20px!important; font-weight: bold; }

.nav-tabs button { font-weight: bold; }
.nav-link { color: #162340!important; }
.tab-pane h5 { font-weight: 800; }

.modal-title { font-weight: 800; }

.form-text,
.form-check-label small { font-size: 0.699rem; }
.form-check-label { line-height: 1; }


.notebook { border-radius: 5px; box-shadow: 1px 0px 9px 5px #ccc; transition: 0.2s; transition-timing-function: ease-in; }
.notebook:hover { margin-top: -5px; }
.notebook-cover { display: block; border-radius: 5px;  max-width: 258px; box-shadow: 1px 0px 9px 5px #ccc; position: relative; transition: 0.2s; transition-timing-function: ease-in; }
.notebook-cover img { border-radius: 5px; }
.notebook-cover h4 { position: absolute; z-index: 3; bottom: 0; margin: 20px; color: #fff; text-shadow: 0 0 20px BLACK; }
.notebook-cover div { border-radius: 5px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0; z-index: 2; transition: 0.5s; }
.notebook-cover div ul { list-style: none; margin: 15px; padding: 0; float: left; }
.notebook-cover div ul li { margin-bottom: 5px; }
.notebook-cover:hover { margin-top: -10px; }
.notebook-cover:hover div { opacity: 0.8;}

.content-blob h5 { font-weight: 800; }
.content-blob p { font-size: 1rem; }

.bt-whats {
    position: fixed;
    bottom: 15px;
    right: 10px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background: #4dc247;
    color: #FFF;
    border-radius: 100px;
    z-index: 999;
}
.bt-whats svg {
    fill: white;
}

footer { background: #FFF; z-index: 9; }

.tg-dialog { z-index: 9999!important; }

.title-rounded { border-radius: 25px; }

.rotinas-carrossel div,
.dialogos-carrossel div,
.eccs-carrossel div { border-radius: 25px; background: #f7f9fe; padding: 5px; }
.rotinas-carrossel h4,
.dialogos-carrossel h4,
.eccs-carrossel h4 { font-weight: 600; color: #c1593f;  }

.nav-pills .nav-link { background-color: #f7f9fe; color: #202941; border-radius: 25px; margin: 10px; padding-left: 15px; padding-right: 15px; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #202941; color: #FFF!important; }

.content-blob table h3 { font-size: 1.25rem; color: #c15a3d; }
.content-blob table td { border-radius: 15px; }
.content-blob a { color: #000; text-decoration: none; }

.icon-wrap { display:inline-block; border-radius:100%; padding: 3px; margin-right: 10px; }

.tab-slider-wrapper { margin: 20px 0; }
.tab-slider-green { background: url(images/icon_plus_green.png) right center no-repeat; }
.tab-slider-blue { background: url(images/icon_plus_blue.png) right center no-repeat; }
.tab-slider-red { background: url(images/icon_plus_red.png) right center no-repeat; }
.tab-slider-wrapper button { text-align: left; color: #FFF; font-size: 1rem; padding: 10px; font-weight:  bold; border: none!important; border-radius: 25px!important; width: 95%!important; }
.tab-slider { display:none; }

.training-item { width: 135px; font-size: 14px; }
.training-item span { display:inline-block; background-color:#162240; border-radius:100%; padding: 3px; margin-bottom: 20px; }
.training-course-item h5 { margin-top: 15px; font-size: 0.8rem!important; text-transform:uppercase; }
.training-course-item a { margin: 10px 0; color:#FFF; width: 100%; border:none; text-decoration: none; font-size: 0.8rem; text-align: left; display: block; padding: 8px 15px!important; border-radius: 25px!important; }
.training-course-item .bg-success-outlined { border: 1px solid #29ACA6; background: transparent; color: #29ACA6; }
.training-course-item .bg-danger-outlined { border: 1px solid #c1593f; background: transparent; color: #c1593f; }


.w-70 { width: 70%; }
.rounded { border-radius:15px!important; }
.rounded-end { border-top-right-radius:15px!important; border-bottom-right-radius:15px!important; }

.content-type { display: none; }



.training-page sidebar { background:#f7f9fe; color: #162240; padding-bottom: 100px; height:calc(100vh - 70px); overflow:auto; }
.training-page sidebar ol { list-style: none; margin: 20px 40px; padding: 0; }
.training-page sidebar ol li { margin: 0.465rem 0; }
.training-page sidebar a { color: #162240; text-decoration:none; }
.training-page sidebar a:hover { text-decoration:underline; }
.training-page sidebar a:visited { opacity: 0.7; color: #999; text-decoration: line-through!important; }
.training-page sidebar a.training-active { color: #c1593f; text-decoration:underline; }

.course-navigation { background: #162240; height: 70px; color: #FFF; position: fixed; bottom: 0; left: 0; right: 0; z-index:9 }
.course-navigation a { font-weight: bold; }

.question-wrap-blocked { padding: 80px 50px 0 50px; height:100vh; background: url(../storage/files/AvaliacaoBloqueada.png) center center no-repeat; background-size:cover; }
.question-wrap-feedback { padding: 80px 50px 0 50px; height:100vh; background: url(../storage/files/FeedbackAvaliacao.png) center center no-repeat; background-size:cover; }

.question-wrap { padding: 80px 50px 0 50px; height:100vh; }
.question-wrap-feedback h3,
.question-wrap h3 { font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 50px; }
.question-wrap-feedback h3 div,
.question-wrap h3 div { font-size: 20px; font-weight: normal; margin-top: 50px; }
.question-wrap button { margin: 1rem 0; padding: 10px 30px; border-radius: 25px; border: 2px solid #162240; color: #162240; font-size: 18px; font-weight: 500; background:none; }
.question-wrap button b { margin-right: 20px; }
.correct { background:#2b9bc0!important; }
.incorrect { background:#c1593f!important; }
.question-feedback { margin-top: 50px; }

.fundo-capitulo-1 { background: url(../storage/files/FundoCapitulo1.png) center center no-repeat; background-size:cover; color:#FFF; }
.fundo-capitulo-1 button { border-color: #FFF; color: #FFF; }
.fundo-capitulo-1 button:hover,
.fundo-capitulo-1 button.selected { background: #5b98a8; } 

.fundo-capitulo-2 { background: url(../storage/files/FundoCapitulo2.png) center center no-repeat; background-size:cover; color:#FFF; }
.fundo-capitulo-2 button { border-color: #FFF; color: #FFF; }
.fundo-capitulo-2 button:hover,
.fundo-capitulo-2 button.selected { background: #fdc23e; } 

.fundo-capitulo-3 { background: url(../storage/files/FundoCapitulo3.png) center center no-repeat; background-size:cover; color:#FFF; }
.fundo-capitulo-3 button { border-color: #FFF; color: #FFF; }
.fundo-capitulo-3 button:hover,
.fundo-capitulo-3 button.selected { background: #fdc23e; } 

.fundo-avaliacao-1 h3 { color: #162240; }
.fundo-avaliacao-1 { background: url(../storage/files/FundoAvaliacao1.png) center center no-repeat; background-size:cover; color:#FFF; }
.fundo-avaliacao-1 button { background: #FFF; border-color: #162240; color: #162240; }
.fundo-avaliacao-1 button:hover,
.fundo-avaliacao-1 button.selected { background: #41a4a4; } 

.question-count { color: #DE5E3A; }
.medium-answer button { width: 300px; }
.large-answer .button-wrapper { width: 100%; display: block; flex: none; }
.large-answer .button-wrapper button { width: 100%; margin: .567rem 0; text-align: left; }

.question-reset {display:  none;}

.training-wrapper { position:relative; }
.training-protected { background: #FFF; opacity: 0; position: absolute; top: 0; left: 0; right:0; bottom: 0; width: 100%; height:100vh; z-index:2; }
.training-link { background: #FFF; opacity: 0; position: absolute; top: 0; left: 0; right:0; bottom: 0; width: 100%; height:100vh; z-index:3; }

@media only screen and (max-width: 768px)
and (orientation : portrait)  {
  .sidebar { display: none;  }
}