@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-color: #000 !important;
    color:#ffe400 !important;
    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;
  /* font-weight: 300;*/
  color:#ffe400 !important;
}

li{
    line-height: 1.5;
    font-size: 1em;
    /*font-weight: 300;*/}


img{-webkit-filter: grayscale(1);
  filter: grayscale(1);}

  .embed-responsive-item{-webkit-filter: grayscale(1);
  filter: grayscale(1);}

  .img_disciplina{-webkit-filter: grayscale(1);
  filter: grayscale(1);}

}


  header{
    color:#ffe400 !important;   
}




   /*header{-webkit-filter: grayscale(1);
  filter: grayscale(1);}

  .embed-responsive-item{-webkit-filter: grayscale(1);
  filter: grayscale(1);}*/


/* Menu para cursos externos */

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


.modal-content{
  color: #ffe400!important;
  background: #000!important;
  border: 1px solid #ffe400!important;
}

.close-rodape{
  color: #ffe400!important;
}


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

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

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

.barra_topo{
    height: auto;
    background-color: #000;
    padding:10px;
    border-top: 2px solid #ffe400;
    border-bottom: 2px solid #ffe400;
 }

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




  .bg-white{

  background-color: #000!important;
 }

 .bttn-primary{
  background: #000!important;
  border: 2px solid #ffe400!important;


 }



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

.atividade_section{}

#conteudo{}


.container_apresentacao{background:#000;}
.barra_cor_apresentacao{
    height: 8px;
    background-color: #ffe400 !important;
    margin-bottom: 30px;

}

.container_videos{

    border-top: 4px solid #ffe400;
     background-color: #000 !important;
     border-bottom: 4px solid #ffe400;
}


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


.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:#ffe400 !important;
border-top: 2px solid #ffe400;
border-bottom:  2px solid #ffe400;}
.nomeConteudista{font-size: 14pt;}
.linkLattes a{color:#ffe400; text-decoration: underline;}

#rodape hr{border-color: #ffe400;}
#rodape .desenvolvimento{font-size: 14pt;}

#rodape{
    height: 100%;
    background-color: #000;
    margin-top: 50px;
    padding: 30px
}

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


.material-icons{color:#ffe400!important;}


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


.container_apresentacao h2{color:#ffe400}
.container_atividade h2{color:#ffe400}


.btn-success{
color: #000!important;
background-color: #ffe400!important;
border-color: #000!important;
}

.btn-success:hover{
  color: #000!important;
  background-color:#fff!important;
  border-color:#ffe400!important;
}

.btn-success:focus{
  box-shadow: 0 0 0 .2rem rgba(255, 255, 0, 0.5);
}

.btn-secondary.disabled{
  color: #fff!important;
  background-color: #000!important;
  
}



/*INICIO CSS ATIVIDADES*/


.atividades{
  background-color: #f1f9fe;}

.atividades .btn-primary{
  background-color: #ffe400;
  color:#000;
  border: none;
}

.atividades .btn-primary:hover{
  color: #000;
    background-color: #fff;
    border-color: #ffe400;
    box-shadow: 0 0 0 0.2rem rgba(255,228,0,.5);
}


.atividade-feedback_positivo{
  background-color: #000;
  color: #ffe400!important;
  border-bottom: 2px solid #ffe400;
  border-top: 2px solid #ffe400;
}

.atividade-feedback_positivo p{color: #ffe400!important;}
.atividade-feedback_positivo a {text-decoration: underline;}

.atividade-feedback_negativo p{color: #ffe400!important;}
.atividade-feedback_negativo a {text-decoration: underline;}

.atividade-discursiva-feedback p {color: #ffe400!important;}
.atividade-discursiva-feedback a { text-decoration: underline;}


.atividade-discursiva-feedback{
  background-color: #000;
  color: #ffe400!important;
  border-bottom: 2px solid #ffe400;
  border-top: 2px solid #ffe400;
}

.atividade-feedback_negativo{
  background-color: #000;
  color: #ffe400!important;
  border-bottom: 2px solid #ffe400;
  border-top: 2px solid #ffe400;
}

.texto-feedback_padrao{
    font-style: italic;
    color: #fee400 !important;
}

.separador_feedback-01{
    width: 37vw;
    height: 2px;
    background: #ffe400;
  }

  .separador_feedback-02{
    width: 37vw;
    height: 2px;
    background: #ffe400;
  }

   .separador_feedback-03{
    width: 37vw;
    height: 2px;
    background: #000;
  }

  .feedback-audio_padrao span{
  font-size: .8em;
    font-style: italic;
  }

 .atividades .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #ffe400!important;
    background-color: #000!important;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ffe400;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}


.atividades input {
    -webkit-appearance: textfield;
   background-color: #000!important;
   color: #ffe400!important;
    border: 1px solid #ffe400!important;
    -webkit-rtl-ordering: logical;
    cursor: auto;
    padding: 1px;
    border:none;
}

/*!
 *
 * 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: #000;
  color: #fff;
  border: 2px solid #ffe400;
}
.bttn-jelly:hover {
  color: #fff!important;
}
.bttn-jelly.bttn-royal {
  background: #bd2df5;
  color: #fff;
}