@charset utf-8;
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');

body{
    font-family: "Roboto",Arial,sans-serif;
    line-height: calc(1.3em + (1.5 - 1.3) * ((100vw - 21em)/(35 - 21)));
    transition: background-color .5s;
    background: #eee;
    width: 100%;
}


h1{font-size:1.688em;}
h2{font-size:1.375em;}
h3{font-size:1.125em;}
h4{font-size:0.95em;}
h5{font-size:0.625em;}

p{
  line-height: 1.5;
  font-size: 1em;
}

li{
    line-height: 1.5;
    font-size: 1em;
    }

header{color:#fff;}


/* Menu para cursos externos */

.menu-videoaula {
    /*margin: 0 auto;*/
    color: #034168;
    cursor: pointer;
    font-weight: bold;
    background: none;
    border: none;
    font-size: 24px;
}

.seperador-menu-aula{color:#79b0e4;}

/* barra acessibilidade */
.box-acessibilidade{
    background-color: black;
    display:flex;
    align-items: center;
    justify-content: center;
}

.box-acessibilidade i, #aumentarFonte, #diminuirFonte  {font-size:1.6em;}
.box-acessibilidade span{font-size:0.625em;}
.box-acessibilidade a{color:#fff; font-size:1.125em;}
.header-bar{display:flex; align-items: center; justify-content: center;}

.barra_topo{
    height: auto;
    background-color: rgba(3,65,104,.9);
    padding:10px;
 }

 .img_disciplina{
   z-index: -1;
    height: 550px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center; 
 }

.titulo_disciplina{
    z-index: 1;
    margin: 0 auto;
    position: relative;
    top: 40vh;
    width: 70vw;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
}

.atividade_section{}

#conteudo{}


.container_apresentacao{background:#fff;}
.barra_cor_apresentacao{
    height: 8px;
    background-color: #76c7a6;
    margin-bottom: 30px;
}

.container_videos{}

.videoaula_barra{
    margin: 0 auto;
    width: 5vw;
    height: 8px;
    background-color: #034168;
}


.modal-videoaula .modal-content{
    background-color: #394752;
    color:#fff;
    border: none;
    border-radius: 0;
    padding: 2% 4% 4% 4%;
    min-height: 100vh;
    width: 100%;
    height: 100%;
}

.modal-videoaula{padding-right: 0px!important;}

.modal-videoaula .modal-content  .modal-header{border: none; padding: 0; margin:0;}
.modal-videoaula .modal-content  .modal-title{font-size: 1.3rem;}
.modal-videoaula .modal-content  p {font-weight: 100;}
.modal-videoaula .modal-content  .modal-body a {color:#ffe400; padding: 0; text-decoration: underline ;}
.modal-videoaula .modal-content  .modal-body a:hover {color: #88c4ff;}

.modal-videoaula .modal-open {padding: 0 !important; margin:0;}
.modal-videoaula .modal-open .modal-conteudo {padding: 0 !important; margin:0;}
.modal-videoaula .modal-open .modal-rodape {padding: 0 !important ;margin:0;;}

.close-rodape{color: #fff; opacity: 1; text-shadow: none;}

.close-rodape:hover{color: #fff; opacity: 1; text-shadow: 0;}


#rodape{color:#fff!important;}
.nomeConteudista{font-size: 14pt;}
.linkLattes a{color:#4bd0ec; text-decoration: underline;}

#rodape hr{border-color: #fff;}
#rodape .desenvolvimento{font-size: 9pt;}

#rodape{
    height: 100%;
    background-color: #013454;
    padding: 30px
}

#rodape .material-icons{display: block;}


.footer_final {background:#002339!important; color:#66707a; height: 200px; }


.container_apresentacao h2{color:#76c7a6}
.container_atividade h2{color:#76c7a6}


.btn-success{
  color: #fff;
background-color: #76c7a6;
border-color: #64a98d;
}

.btn-success:hover{
  background-color:#64a98d;
  border-color:#76c7a6;
}

/*!
 *
 * bttn.css - https://ganapativs.github.io/bttn.css
 * Version - 0.2.4
 * Demo: https://bttn.surge.sh
 *
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Ganapati V S (@ganapativs)
 *
 */
/* standalone - .bttn-jelly */
.bttn-default {
  color: #fff;
}
.bttn-primary,
.bttn,
.bttn-lg,
.bttn-md,
.bttn-sm,
.bttn-xs {
  color: #1d89ff;
}
.bttn-warning {
  color: #feab3a;
}
.bttn-danger {
  color: #ff5964;
}
.bttn-success {
  color: #28b78d;
}
.bttn-royal {
  color: #bd2df5;
}
.bttn,
.bttn-lg,
.bttn-md,
.bttn-sm,
.bttn-xs {
  margin: 0;
  padding: 0;
  border-width: 0;
  border-color: transparent;
  background: transparent;
  font-weight: 400;
  cursor: pointer;
  position: relative;
}
.bttn-lg {
  padding: 8px 15px;
  font-size: 24px;
  font-family: inherit;
}
.bttn-md {
  font-size: 20px;
  font-family: inherit;
  padding: 5px 12px;
}
.bttn-sm {
  padding: 4px 10px;
  font-size: 16px;
  font-family: inherit;
}
.bttn-xs {
  padding: 3px 8px;
  font-size: 12px;
  font-family: inherit;
}
.bttn-jelly {
  margin: 0;
  padding: 0;
  border-width: 0;
  border-color: transparent;
  background: transparent;
  font-weight: 400;
  cursor: pointer;
  position: relative;
  font-size: 20px;
  font-family: inherit;
  padding: 5px 12px;
  overflow: hidden;
  border-radius: 50px;
  background: #fff;
  color: #1d89ff;
  -webkit-transition: all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.bttn-jelly:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: currentColor;
  content: '';
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
}
.bttn-jelly:hover,
.bttn-jelly:focus {
  box-shadow: 0 1px 8px rgba(58,51,53,0.4);
  -webkit-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.bttn-jelly:hover:before,
.bttn-jelly:focus:before {
  opacity: 0.15;
  -webkit-transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
}
.bttn-jelly.bttn-xs {
  padding: 3px 8px;
  font-size: 12px;
  font-family: inherit;
}
.bttn-jelly.bttn-xs:hover,
.bttn-jelly.bttn-xs:focus {
  box-shadow: 0 1px 4px rgba(58,51,53,0.4);
}
.bttn-jelly.bttn-sm {
  padding: 4px 10px;
  font-size: 16px;
  font-family: inherit;
}
.bttn-jelly.bttn-sm:hover,
.bttn-jelly.bttn-sm:focus {
  box-shadow: 0 1px 6px rgba(58,51,53,0.4);
}
.bttn-jelly.bttn-md {
  font-size: 20px;
  font-family: inherit;
  padding: 5px 12px;
}
.bttn-jelly.bttn-md:hover,
.bttn-jelly.bttn-md:focus {
  box-shadow: 0 1px 8px rgba(58,51,53,0.4);
}
.bttn-jelly.bttn-lg {
  padding: 8px 15px;
  font-size: 24px;
  font-family: inherit;
}
.bttn-jelly.bttn-lg:hover,
.bttn-jelly.bttn-lg:focus {
  box-shadow: 0 1px 10px rgba(58,51,53,0.4);
}
.bttn-jelly.bttn-default {
  background: #fff;
  color: #1d89ff;
}
.bttn-jelly.bttn-primary {
  background: #034168;
  color: #fff;
}
.bttn-jelly.bttn-warning {
  background: #feab3a;
  color: #fff;
}
.bttn-jelly.bttn-danger {
  background: #ff5964;
  color: #fff;
}
.bttn-jelly.bttn-success {
  background: #28b78d;
  color: #fff;
}
.bttn-jelly.bttn-royal {
  background: #bd2df5;
  color: #fff;
}


.custom-control-indicator{margin:10px!important;}
.custom-control-description{margin:10px!important;}

.bg-success {background: #76c7a6 !important; 
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;}

.bg-success .custom-control-description {color:white!important;}

.bg-success .custom-control-indicator{background-color: #e9ecef !important;}

.bg-danger {background-color:#bd6363!important;border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;}

.bg-danger .custom-control-indicator{background-color: #f52929 !important;}
.bg-danger .custom-control-description {color:white!important;}