/*
 * SMARTPLAYER STYLE
**/
body {
  background-color: #EBEBEB;
}

a {
    color: black;
}

/**
Overrides
*/

/* modals */
.modal-content {
    background-color: white;
}

.modal-body {
    text-align: center;
}

.modal-footer {
    text-align: center;
}

/**
Components
*/

/* menus */
#scroller li.active {
    background-color: whitesmoke;    
}

li.active a {
    color: black;
    font-weight: bold;
}

#scroller ul li.active a:hover {
  color: #333333;
}

/* player menu*/

.player-header-default {
  background-color: black;
  height: 74px;
  -moz-box-shadow: 0 8px 8px -8px #696868;
  -webkit-box-shadow: 0 8px 8px -8px #696868;
  box-shadow: 0 8px 8px -8px #696868;    
}

.player-header {
  border-radius: 0;
  border : none;
  width: 970px;
  margin: 0 auto;
}

.player-header-second {
  border-radius: 0;
  border : none;
  width: 970px;
  margin: 0 auto;
  background-color: #EBEBEB;
  height: 74px;
  padding-left: 30px;
  -moz-box-shadow: 0 8px 8px -8px #696868;
  -webkit-box-shadow: 0 8px 8px -8px #696868;
  box-shadow: 0 8px 8px -8px #696868;  
  margin-bottom: 10px;
  clear: both;
}

.player-header-menu {
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  float: left;
  display:inline-block;
}

.player-header-menu ul {
  width: 500px;
  background: #333333;
  overflow: auto;
  overflow-x: hidden;
  margin: 0 auto;
  padding: 0px;
}

.player-header-menu ul li {
  width: 100%;
  height: 74px;
}

.player-header-menu ul li:hover {
  background: #7A7A7A;
  color: #ffffff;
}
.player-header-menu ul li a:hover {
  color: #ffffff;
  font-family: Verdana;
  font-size: 16px;
}

.player-header-menu-border-top {
  border-top: solid #575757 1px;
}

.player-header-menu-title {
  padding-left: 30px;
  padding-top: 30px;
  margin: 0 auto;
  width: 100%;
  color: #ffffff;
  font-family: Verdana;
  font-size: 16px;
  font-weight: bold;
}

.player-header-menu-div-for-image {
  padding-top: 15px;
  padding-left: 30px;
  margin: 0 auto;
  width: 104px;
}

.player-header-menu-div-for-text {
  padding-top: 15px;
  margin: 0 auto;
  width: auto;
  color: #ffffff;
  font-family: Verdana;
  font-size: 16px;
  font-weight: normal;
}

.player-header-menu-text {
  color: #ffffff;
  font-size: 16px;
  font-family: Verdana;
  font-weight: normal;
  width: 410px;
}

.player-header-button {
  float: right;
  padding-left: 0px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  display:inline-block;
}

.player-sequence-button {
  float: left;
  padding-left: 0px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  display:inline-block;
}

.player-header-menu img,
.player-header-button img,
.player-sequence-button img {
  cursor: pointer;
  opacity: 0.6;
}

.player-header-menu img:hover, .player-header-menu img:active,
.player-header-button img:hover, .player-header-button img:active,
.player-sequence-button img:hover, .player-sequence-button img:active {
  opacity: 1;
}

.player-header-menu.active img,
.player-header-button.active img,
.player-sequence-button.active img {
  cursor: pointer;
  opacity: 1;
}

.player-header-caption {
  color: #ffffff;
  font-size: 16px;
  font-family: Verdana;
  font-weight: normal;
  padding-left: 30px;
  padding-right: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  display:inline-block;
  height: 74px;
  width: 580px; 
}

.player-play {
  margin: 0 auto;
  width: 906px;
  height: fit-content;
  min-height: 544px;
}

.player-kaltura {
  width: 906px;
  height: 544px;
  min-width: 906px;
  min-height: 544px;
  display: block;
}

.player-video {
  margin: 0 auto;
  width: 100%;
  white-space: nowrap;
}

.player-pdf {
  width: 904px;
  height: 1000px;
}

.player-smartQuestion {
  width: 904px;
  height: 543px;
}

.player-smartQuestion-ifrm {
  width: 1030px;
  height: 770px;
  margin-left: -63px;
}

.player-header>ul {
  border-right: none;
  margin: 0;
}

.player-header>li:last-child {
  border-right: none;
}

.player-header>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.wrp-menu {
    height: 518px;
    width: 480px;
    margin-top: -7px;
    padding-top: 0px;
    border-radius: 0px;
}

.pop-container {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background-color: #EBEBEB;
  padding-top: 30px; 
}

#scroller li {
  cursor: pointer;
}

.btnOpenMenuDiv img {
  cursor : pointer;
}

/* RESOURCE IMAGES */
/*ev images*/
span.player-resource-icon {
  display : inline-block;
  width : 44px;
  height : 44px;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 1;
}

span.player-resource-icon:hover {
  opacity: 0.8;
}

.player-resource-video, .player-resource-kaltura {
    background-image : url('../img/bt_video.png');
}

.player-resource-video:hover, .player-sequence-button.visited .player-resource-video {
    background-image : url('../img/bt_video.png') !important;
}

.player-resource-audio {
    background-image : url('../img/bt_audio.png');
}

.player-resource-audio:hover, .player-sequence-button.visited .player-resource-audio {
    background-image : url('../img/bt_audio.png') !important;
}

.player-resource-kaltura {
    background-image : url('../img/bt_video.png');
}

.player-resource-kaltura:hover, .player-sequence-button.visited .player-resource-kaltura {
    background-image : url('../img/bt_video.png') !important;
}

.player-resource-pdf {
    background-image : url('../img/sea/sea_bt_pdf_nr.png');
}

.player-resource-pdf:hover, .player-sequence-button.visited .player-resource-pdf {
    background-image : url('../img/sea/sea_bt_pdf_ck.png') !important;
}

.player-resource-image {
    background-image : url('../img/bt_imagem.png');
}

.player-resource-image:hover, .player-sequence-button.visited .player-resource-image {
    background-image : url('../img/bt_imagem.png') !important;
}

.player-resource-htmlwrap {
    background-image : url('../img/bt_atividade.png');
}

.player-resource-htmlwrap:hover, .player-sequence-button.visited .player-resource-htmlwrap {
    background-image : url('../img/bt_atividade.png') !important;
}

.player-resource-web {
    background-image : url('../img/bt_weblink.png');
}

.player-resource-web:hover, .player-sequence-button.visited .player-resource-web {
    background-image : url('../img/bt_weblink.png') !important;
}

.player-resource-office {
    background-image : url('../img/bt_atividade.png');
}

.player-resource-office:hover, .player-sequence-button.visited .player-resource-office {
    background-image : url('../img/bt_atividade.png') !important;
}

.player-resource-icplayer {
    background-image : url('../img/bt_exercicio.png');
}

.player-resource-icplayer:hover, .player-sequence-button.visited .player-resource-icplayer {
    background-image : url('../img/bt_exercicio.png') !important;
}

.player-resource-smartQuestion {
    background-image : url('../img/sea/sea_bt_exe_nr.png');
}

.player-resource-smartQuestion:hover, .player-sequence-button.visited .player-resource-smartQuestion {
    background-image : url('../img/sea/sea_bt_exe_ck.png') !important;
}

.player-resource-download {
    background-image : url('../img/bt_documento.png');
}

.player-resource-download:hover, .player-sequence-button.visited .player-resource-download {
    background-image : url('../img/bt_documento.png') !important;
}

.player-resource-documents {
    background-image : url('../img/bt_documento.png');
}

.player-resource-documents:hover, .player-sequence-button.visited .player-resource-documents {
    background-image : url('../img/bt_documento.png') !important;
}

.player-resource-result {
    background-image : url('../img/sea/sea_bt_result_nr.png');
}

.player-resource-result:hover, .player-sequence-button.visited .player-resource-result {
    background-image : url('../img/sea/sea_bt_result_ck.png') !important;
}

.player-resource-lista {
    background-image : url('../img/sea/sea_bt_lista_nr.png');
}

.player-resource-lista:hover, .player-sequence-button.visited .player-resource-lista {
    background-image : url('../img/sea/sea_bt_lista_ck.png') !important;
}

.player-resource-exe {
    background-image : url('../img/sea/sea_bt_exe_nr.png');
}

.player-resource-exe:hover, .player-sequence-button.visited .player-resource-exe {
    background-image : url('../img/sea/sea_bt_exe_ck.png') !important;
}

.player-sequence-button.visited-success .player-resource-exe {
    background-image : url('../img/sea/sea_bt_exe_1.png');
}

.player-sequence-button.visited-partial .player-resource-exe {
    background-image : url('../img/sea/sea_bt_exe_2.png');
}

.player-sequence-button.visited-fail .player-resource-exe {
    background-image : url('../img/sea/sea_bt_exe_3.png');
}

.player-menu-icon{
  background-image : url('../img/sea/sea_bt_lista_nr.png');
}

.player-action-recuar {
  background-image : url('../img/sea/sea_bt_recuar.png');
}

.player-action-avancar {
  background-image : url('../img/sea/sea_bt_avancar.png');
}

.player-action-recuar-light {
  background-image : url('../img/v10_bt_recuar.png');
}

.player-action-avancar-light {
  background-image : url('../img/v10_bt_avancar.png');
}

.player-action-fav {
  background-image : url('../img/v10_bt_favorito_ck.png');
}

.player-action-fin {
  background-image : url('../img/v10_bt_Info_nr.png');
}


/*RESULTS PAGE*/
section.results h2 {
    color: #31b0d5;
}

section.results p.total {
    color: #31b0d5;
    font-size: 36px;
}

#canvas-holder{
    width: 60%;
    padding-left: 20%;
}

canvas {
    display: block;
    margin-left: auto;
    margin-right: auto   
}

ul.results-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

ul.results-list li {    
    width: 100%;
    border-bottom: 1px solid gray;    
    line-height: 74px;
}

ul.results-list span {    
    float: right;
    margin-top: 28px;
}

div#download-player {
   height: 300px; 
   text-align: center;
   background-color: white; 
   padding : 75px 30px 30px 30px;
   margin-top: 80px;
}

div#download-player div.info {   
   margin-bottom: 30px;
   word-break: break-all;
}

/*buttons*/

.btn-dark { 
  color: #ffffff; 
  background-color: #000000; 
  border-color: #FFFFFF;
  border: 1px solid #FFFFFF;
} 
 
.btn-dark:hover, 
.btn-dark:focus, 
.btn-dark:active, 
.btn-dark.active, 
.open .dropdown-toggle.btn-dark { 
  color: #ffffff; 
  background-color: #000000; 
  border-color: #FFFFFF; 
} 
 
.btn-dark:active, 
.btn-dark.active, 
.open .dropdown-toggle.btn-dark { 
  background-image: none; 
} 
 
.btn-dark.disabled, 
.btn-dark[disabled], 
fieldset[disabled] .btn-dark, 
.btn-dark.disabled:hover, 
.btn-dark[disabled]:hover, 
fieldset[disabled] .btn-dark:hover, 
.btn-dark.disabled:focus, 
.btn-dark[disabled]:focus, 
fieldset[disabled] .btn-dark:focus, 
.btn-dark.disabled:active, 
.btn-dark[disabled]:active, 
fieldset[disabled] .btn-dark:active, 
.btn-dark.disabled.active, 
.btn-dark[disabled].active, 
fieldset[disabled] .btn-dark.active { 
  background-color: #000000; 
  border-color: #FFFFFF; 
} 
 
.btn-dark .badge { 
  color: #000000; 
  background-color: #ffffff; 
}