/* * {} */
html, body {
    height: 100%;
    height: calc(100% - 50px);
    font-family: 'Open Sans', sans-serif;
}
a, label {cursor:pointer;}
/*.ui-widget{font-size:12px !important;}*/
/*text-align*/
.centerTxt {text-align:center !important;}
tfoot td {text-align:center;padding-top:20px !important;}
.wrapper-group label, .wrapper-group input {margin: 0;}
#dt_inicial, #dt_final {width:150px !important;}
.clear {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}
.positionAbsolute {position:absolute;}
.no_margin_padding {margin:0;padding:0;}
.bg-warning, .bg-danger {padding:15px;}
/*buttons*/
.btn {border-radius:30px !important;	margin:0 4px;}
.btn_editar {
    border:0;
    background:url('../../images/admin/btn-editar.png');
    width:80px;
    height:22px;
    display:block;
    text-indent:-9999px;
}
.btn_editar_webinar {
    border:0;
    background:url('../../images/admin/btn-editar.png');
    width:80px;
    height:22px;
    display:block;
    text-indent:-9999px;
}
.btn_excluir {
    border:0;
    background:url('../../images/admin/btn-excluir.png');
    width:82px;
    height:22px;
    display:block;
    text-indent:-9999px;
}
.btn_excluir_webinar {
    border:0;
    background:url('../../images/admin/btn-excluir.png');
    width:82px;
    height:22px;
    display:block;
    text-indent:-9999px;
}
.btn_gerenciar {
    border:0;
    background:url('../../images/admin/btn-gerenciar.png');
    width:98px;
    height:22px;
    display:block;
    text-indent:-9999px;
}
.btn_gerenciar_webinar {
    border:0;
    background:url('../../images/admin/btn-gerenciar.png');
    width:98px;
    height:22px;
    display:block;
    text-indent:-9999px;
}
.preview .btn_prev {border-radius:21px;display:block;height:20px;left:-25px;padding-left:5px;position:relative;top:150px;width:20px;}
.preview .btn_prev:hover {background:#d1d7e2;}
.preview .btn_next {position:relative;left:485px;top:-175px;border-radius:21px;display:block;height:20px;padding-left:7px;width:20px;}
.preview .btn_next:hover {background:#d1d7e2;}

/* Switcher BTN */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-bottom: 0;
  }

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
  }

  .slider:before {
    position: absolute;
    content: "off";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color:#ccc;
  }

  input:checked + .slider {background-color: #5666F3;}

  input:checked + .slider:before {
    -webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
    transform: translateX(25px);
    content: "on";
    color:#5666F3;
  }

/* ==========================================================================
Barra de Topo
========================================================================== */
.alert-center{
  text-align:center;
  font-size:18px;
}
.navbar-toggle {float: left; margin-left: 15px;}
.navbar-default {background:#474e5d;}
.navbar-default .navbar-toggle {
    border-color: #727a8a;
    border: none;
    background:#474e5d;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus  {
    border-color: #fff;
    background: #333843;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #727a8a;
}
.titulo-painel {
    margin-top: 14px;
    text-align: center;
    float: left;
}
.titulo-painel span {
    color: #727a8a;
    font-size: 14px;
    display: none;
}
.titulo-painel p {
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.btn-logout {
    float: right;
    width: 120px;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 16px;
}
.btn-logout:hover {
    background: #3d4350;
}
.btn-logout a {
    color: #727a8a;
    padding: 14px 32px;
}
.btn-logout a:hover {
    text-decoration: none;
    color: #fff;
}
.canvas {
    position: relative;
    left: 0;
    z-index: 2;
    min-height: 100%;
    padding: 50px 0 0 0;
    background: #fff;
}
/* ==========================================================================
Menu (sidebar)
========================================================================== */
.navmenu {z-index: 1; width: 200px;}
.navmenu-brand {padding: 0; margin: 0;}
.navmenu-default {background: #333843; border: none;}
.navmenu-nav {margin-top: 60px;}
.nav li {
    background-color: #3d4350;
    margin-bottom: 1px;
    height: 60px;
}
.nav li:hover {
    background-color: #474e5d;
}
.nav li.fixed-bottom {
    position: fixed;
    bottom: 0;
    margin-bottom: 0;
    width: 200px;
}
.nav a {
    max-width: 200px;
    font-size: 16px;
    color: #727a8a;
    float: left;
    margin: -20px 0 0 -15px;
    padding: 18px 112px 20px 45px;
}
.nav a:hover {
    background: none;
    color: #fff;
    text-decoration: none;
}
.nav li span.icon-nav {
    display: block;
    text-decoration: none;
    border: none;
    padding: 0;
    float: left;
    margin: 22px 0 0 16px;
}
/* Icones Menu */
.nav li span.icon-nav.cadastro {
    width:18px;
    height: 16px;
    background: url(../../images/admin/icons-nav-cadastro.png) 0 0 no-repeat;
}
.nav li span.icon-nav.cadastro:hover {
    background: url(../../images/admin/icons-nav-cadastro.png) 18px 0;
}

/*Vinicius Teixeira */

.nav li span.icon-nav.enquete {
    width:17px;
    height: 16px;
    background: url(../../images/admin/icons-nav-enquete.png) 0 0 no-repeat;
}
.nav li span.icon-nav.enquete:hover {
    background: url(../../images/admin/icons-nav-enquete.png) 17px 0;
}

/*Vinicius Teixeira */
.nav li span.icon-nav.pergunta {
    width:21px;
    height: 17px;
    background: url(../../images/admin/icons-nav-perguntas.png) 0 0 no-repeat;
}
.nav li span.icon-nav.pergunta:hover {
    background: url(../../images/admin/icons-nav-perguntas.png) 21px 0;
}
.nav li span.icon-nav.slide {
    width:20px;
    height: 17px;
    background: url(../../images/admin/icons-nav-slides.png) 0 0 no-repeat;
}
.nav li span.icon-nav.slide:hover {
    background: url(../../images/admin/icons-nav-slides.png) 20px 0;
}
.nav li span.icon-nav.usuario {
    width:16px;
    height: 20px;
    background: url(../../images/admin/icons-nav-usuarios.png) 0 0 no-repeat;
}
.nav li span.icon-nav.usuario:hover {
    background: url(../../images/admin/icons-nav-usuarios.png) 16px 0;
}
.nav li span.icon-nav.configuracoes {
    width:20px;
    height: 20px;
    background: url(../../images/admin/icons-nav-configuracoes.png) 0 0 no-repeat;
}
.nav li span.icon-nav.configuracoes:hover {
    background: url(../../images/admin/icons-nav-configuracoes.png) 20px 0;
}
.nav li span.icon-nav.avaliacao {width:17px;height:20px;background:url(../../images/admin/icons-nav-avaliacao.png) 0 0 no-repeat;}
.nav li span.icon-nav.avaliacao:hover {background:url(../../images/admin/icons-nav-avaliacao.png) 17px 0;}
.nav li span.icon-nav.chat {width:17px;height:20px;background:url(../../images/admin/icons-nav-chat.png) 0 0 no-repeat;}
.nav li span.icon-nav.chat:hover {background:url(../../images/admin/icons-nav-chat.png) 17px 0;}
.nav li span.icon-nav.estatisticas {width:17px;height:20px;background:url(../../images/admin/icons-nav-estatisticas.png) 0 0 no-repeat;}
.nav li span.icon-nav.estatisticas:hover {background:url(../../images/admin/icons-nav-estatisticas.png) 21px 0;}
/* ==========================================================================
Selecione o Webinar
========================================================================== */
td.status-on {background: url(../../images/admin/icom-status-on.png) no-repeat 10px center;}
td.status-off {background: url(../../images/admin/icon-status-off.png) no-repeat 10px center;}
/* ==========================================================================
Configuracoes da Sala
========================================================================== */
.layout_azul, .layout_verde, .layout_rosa, .formato_1, .formato_2, #ajuda_facebook, #ajuda_twitter, #ajuda_adsense {display:none;text-align:center;}
.layouts{clear:both;}
.layouts ul {list-style:none;margin:0;padding:0;}
/* .layouts ul li {} */
.layouts p {text-indent:50px;}
#ajuda_facebook p, #ajuda_twitter p, #ajuda_adsense p {margin:0;padding:0;}
/* ==========================================================================
Conteúdo
========================================================================== */
.container .titulo-pagina {padding-top: 10px;}
.container .titulo-pagina h1 {margin-left:40px;font-size:18px; color: #333843; font-weight:300;}
.container .underline {border-bottom: solid 1px #eaeef4;}
.container .opcoes-pagina {width: 100%; height: 34px; border-bottom: 1px solid #eaeef4; margin-top: 24px;}
.container .opcoes-pagina .filtros {float: left; font-weight: 300;}
.container .opcoes-pagina .filtros a {font-size: 18px; margin-right: 14px; color: #8790a1; text-decoration: none;}
.container .opcoes-pagina .filtros a.ativo {color: #333843; font-weight: 400;}
.container .opcoes-pagina .filtros a:hover, .container .opcoes-pagina .filtros a.ativo:hover {color: #2ab6ff;}
.container .opcoes-pagina .exportar {float: right; padding-top: 4px;}
.container .opcoes-pagina .exportar a {font-size: 14px; margin-left: 14px; font-weight: 600; color: #333843;}
.container .opcoes-pagina .exportar a:hover {color: #2ab6ff;}
.container .opcoes-pagina .btns {float: right;}

/* PAGE HEADER */
.page--header {background-color: #F8F8F9; height: 80px;}
.page--header .container:before, .page--header .container:after {display: none;}
.page--header .container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
}

.page--header .container .titulo-pagina {
    align-items: center;
    color: #424657;
    display: flex;
    height: 80px;
    padding: 0;
}

.page--header .container .titulo-pagina h1 {
    font-size: 22px;
    font-weight: 400;
    margin: 0;
}

.page--header .container .wrapper-group {
    align-items: center;
    display: flex;
}

.page--header .container .wrapper-group span {
    color: #424657;
    font-size: 12px;
    font-weight: 600;
}

.page--header .container .wrapper-group .switch {margin-left: 15px;}

/* PAGE CONTENT */
/* .page--content {}
.page--content .container{} */

/* ==========================================================================
Página Login
========================================================================== */
body.login {background:#333843;}
body.login .frameLogin {width:600px;height:300px;position:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-300px;}
body.login .frameLogin h1 {color:#727A8A;font-weight:bold;font-size:19px;text-align:center;width:600px;display:block;position:absolute;margin:0;padding:0;}
body.login .frameLogin h2 {font-size:12px;font-weight:bold;color:#fff;text-align:center;width:190px;height:290px;display:table-cell;vertical-align:bottom;margin:0;padding:0;}
body.login .frameLogin  h1 span {position:relative;top:-30px;}
body.login .frameLogin .frame {background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;height:300px;}
body.login .frameLogin .frame .logo {background:#D55252 url('../../images/admin/logo_login.png') center center no-repeat;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;width:205px;height:300px;float:left;}
body.login .frameLogin .frame .form {background:#fff;width:395px;height:300px;float:left;position:relative;left:-22px;}
body.login .frameLogin .frame .form form {margin:0;padding:0;}
body.login .frameLogin .frame .form form label {font-size:14px;font-weight:normal;color:#999;}
body.login .frameLogin .frame .form form a {font-size:11px;color:#666;}
body.login .frameLogin .frame .form form div {width:405px;height:300px;display:table-cell;vertical-align:middle;padding-left:40px;}
body.login .frameLogin .frame .form form div button {position:relative;left:130px;}
body.login .frameLogin .frame .form p {display:inline;}
body.login .frameLogin input[type='text'], body.login .frameLogin input[type='password'] {width:95%;}
body.login .frameLogin div.frame div.form form div p.alert {text-align:center !important;width:95%;display:block;}
/* ==========================================================================
Página Cadastros
========================================================================== */
.container .ctd-cadastros {margin-top: 20px;}
.container .ctd-cadastros .table-striped>tbody>tr:nth-of-type(odd) {background-color: #f1f5fa;}
.container .ctd-cadastros .table-striped>tbody>tr:hover {background-color: #d1d7e2;}
.container .ctd-cadastros th {padding-bottom: 2px; font-size: 12px;font-weight: 400; color: #333843; border: none;}
.container .ctd-cadastros td {border: none;}
.container .ctd-cadastros td.col-nome {font-size: 14px; color: #454545;}
.container .ctd-cadastros td.col-nome.status-on {background: url(../../images/admin/icom-status-on.png) no-repeat 10px center;text-indent:20px;}
.container .ctd-cadastros td.col-nome.status-off {background: url(../../images/admin/icon-status-off.png) no-repeat 10px center;text-indent:20px;}
.container .ctd-cadastros td.col-email {font-size: 12px; color: #8790a1;padding-top: 10px;}
.container .ctd-cadastros td.col-empresa {font-size: 12px; color: #454545; padding-top: 10px}
.container .ctd-cadastros td.col-cargo {font-size: 12px; color: #8790a1;padding-top: 10px;}
.container .rodape {text-align: center;}
.container .rodape .pagination { border: none; margin-top: 40px;}
.container .rodape .pagination li a {border-radius: 30px; margin: 0 4px; border: none; color: #333843;}
.container .rodape .pagination li a:hover {background: #eaeef4; color: #73b2af}
.container .rodape .pagination li a.ativo {background: #74c0bc; color: #fff;}
.btn-adicionar-default {background:#77BAE8 url('../../images/admin/left-btn-adicionar.png') no-repeat left;color:#fff !important;font-size:14px !important;height:24px;display:table-cell;text-indent:28px;}
.btn-adicionar-default:hover {color:#fff;}
.btn-adicionar-default span {background:url('../../images/admin/right-btn-adicionar.png') no-repeat right;height:24px;display:table-cell;vertical-align:middle;padding-right:10px;}
/* ==========================================================================
Página Usuários
========================================================================== */
.container .ctd-usuarios {margin-top: 20px;}
.container .ctd-usuarios .table-striped>tbody>tr:nth-of-type(odd) {background-color: #f1f5fa;}
.container .ctd-usuarios .table-striped>tbody>tr:hover {background-color: #d1d7e2;}
.container .ctd-usuarios th {padding-bottom: 2px; font-size: 12px;font-weight: 400; color: #333843; border: none;}
.container .ctd-usuarios td {border: none;}
.container .ctd-usuarios td.col-nome {font-size: 14px; color: #454545;}
.container .ctd-usuarios td.col-email {font-size: 12px; color: #8790a1;padding-top: 10px;}
.container .ctd-usuarios td.col-nivel {font-size: 12px; color: #8790a1;padding-top: 10px;}
.container .ctd-usuarios td.col-btns {float: right; margin-right: 20px;}
.container .rodape {text-align: center;}
.container .rodape .pagination { border: none; margin-top: 40px;}
.container .rodape .pagination li a {border-radius: 30px; margin: 0 4px; border: none; color: #333843;}
.container .rodape .pagination li a:hover {background: #eaeef4; color: #73b2af}
.container .rodape .pagination li a.ativo {background: #74c0bc; color: #fff;}
/* ==========================================================================
Página Adicionar e Editar Usuários
========================================================================== */
/* .container .ctd-add-usuarios {} */
.container .ctd-add-usuarios form, .form-horizontal {margin-top: 0px;    padding: 2.5% 5%;}
.container .ctd-add-usuarios .control-label {color: #333843;}
/* ==========================================================================
Página Slides
========================================================================== */
.container .ctd-slides {padding-top: 40px}
.container .ctd-slides .btn-adicionar {width: 200px; height: 156px; float: left; margin: 0 30px 30px 0; background: #e8ebf0; border: 1px solid #d1d7e2; color: #9da7ba;}
.container .ctd-slides .btn-adicionar:hover {color: #727a8a; border: 1px solid #9099ab; cursor: pointer;}
.container .ctd-slides .btn-adicionar p {text-align: center;}
.container .ctd-slides .btn-adicionar span {line-height: 1.1; font-size: 100px;}
.container .ctd-slides .slide-preview {width: 200px; height: 156px; background: #e8ebf0; border-bottom: 2px solid #e8ebf0; float: left; margin: 0 30px 30px 0}
.container .ctd-slides .slide-preview:hover {border-bottom: 2px solid #d1d7e2;}
.container .ctd-slides .slide-preview .slide-img {width: 200px; height: 135px; background: url(../../images/admin/icon-open-slide.png) #333843 no-repeat center center;}
.container .ctd-slides .slide-preview a.imagem {padding: 56px 0 60px 0; text-decoration: none; border: none;position:relative;z-index:10;}
.container .ctd-slides .slide-preview a.imagem:hover {background: #000; opacity: 0.2; filter: alpha(opacity=20);}
.container .ctd-slides .slide-preview span {padding-left: 10px; font-size: 14px;}
.container .ctd-slides .slide-preview .excluir {float: right;font-size: 14px; font-weight: 700; padding-right: 6px;}
.container .ctd-slides .slide-preview .excluir a {color: #d1d7e2; text-decoration: none; text-shadow: 0 1px 0 #fff; }
.container .ctd-slides .slide-preview .excluir a:hover {color: #727a8a}
.ctd-slides form label {clear:both;margin:0;}
.ctd-slides form div input[type="submit"], .ctd-slides form div em {position:relative;top:-69px;left:210px;}
.scrooler_images {width:900px;overflow:hidden;position:relative;float:left;left:-10px;}
.ctd-controle-slides .positionAbsolute .carregando_slide {position:relative;z-index:100;left:548px;top:110px;display:none;}
/* ==========================================================================
Página de Controle de Slides
========================================================================== */
.container .ctd-controle-slides {padding-top: 40px; display: none;}
.container .ctd-controle-slides .preview {float: left; margin-left: 50px; margin-right: 60px;}
.container .ctd-controle-slides .preview .preview-img {width: 480px; height: 320px; background: #e8ebf0; overflow: hidden; display: block;}
.container .ctd-controle-slides .preview .preview-img img {max-width: 480px;}
.container .ctd-controle-slides .preview .btn-exibir{width: 96px; height: 32px; z-index: 99; position: relative; top: -40px; right: -370px; background: #a8cc47; border-radius: 20px; text-align: center; padding-top: 6px;z-index:10;display:none;}
.container .ctd-controle-slides .preview .btn-exibir:hover {background: #b0d64b;}
.container .ctd-controle-slides .preview .btn-exibir a {font-size: 13px; color: #fff; text-decoration: none; padding: 8px 14px}
.container .ctd-controle-slides .ao-vivo {float: left;}
.container .ctd-controle-slides .ao-vivo .ao-vivo-img {width: 350px; height: 238px; background: #e8ebf0;}
.container .ctd-controle-slides .ao-vivo .ao-vivo-img img {width: 350px; max-height:238px;}
.container .ctd-controle-slides .legenda {margin-top: 5px; max-width: 480px; font-size: 12px; color: #727a8a;}
.container .ctd-controle-slides .lista {clear: both; padding-top: 40px; width: 100%; height: 200px;}
.container .ctd-controle-slides .lista .btn-nav-slides {float: left; margin: 60px 30px 30px 0; width: 21px; height: 21px; text-align: center; background: #fff; border-radius: 21px; padding: 0px;}
.container .ctd-controle-slides .lista .btn-nav-slides:hover {background: #d1d7e2;}
.container .ctd-controle-slides .lista .btn-nav-slides a {padding: 2px 5px}
.container .ctd-controle-slides .slide-preview {width: 200px; height: 156px; background: #e8ebf0; border-bottom: 2px solid #e8ebf0; float: left; margin: 0 30px 30px 0}
.container .ctd-controle-slides .slide-preview:hover {border-bottom: 2px solid #d1d7e2;}
.container .ctd-controle-slides .slide-preview .slide-img {width: 200px; height: 135px; background: url(../../images/admin/icon-open-slide.png) #333843 no-repeat center center;}
.container .ctd-controle-slides .slide-preview a.imagem {padding: 56px 0 60px 0; text-decoration: none; border: none;}
.container .ctd-controle-slides .slide-preview a.imagem:hover {background: #000; opacity: 0.2; filter: alpha(opacity=20);}
.container .ctd-controle-slides .slide-preview span {padding-left: 10px; font-size: 12px;}
.container .ctd-controle-slides .slide-preview.ao-vivo {background: #d55252; color: #fff; border: none;}
.container .ctd-controle-slides .slide-preview.preview {background: #727a8a; color:#fff; border: none;}
.container .ctd-controle-slides .slide-preview .status-slide {float: right; margin-right: 6px; font-size: 14px; font-weight: 600;}
/*Mensagem de Tela*/
.container .mensagem-tela {text-align: center; color: #727a8a; margin: 40px 0 60px 0;}
.container .mensagem-tela .titulo-msg {font-size: 30px;}
.container .mensagem-tela .descricao-msg {font-size: 20px}
.excluirSlide {float:right; width:15px;display:block;cursor:pointer;}
/* ==========================================================================
Página de Perguntas
========================================================================== */

.container .ctd-perguntas {padding-top: 40px;}
.container .exportar .atualizar-perguntas {float: right; margin-top: -6px; width: 102px; height: 30px; background: url(../../images/admin/btn-atualizar-off.png) no-repeat}
.container .exportar .atualizar-perguntas:hover, .container .exportar .atualizar-perguntas.on {background: url(../../images/admin/btn-atualizar.png) no-repeat}
.container .atualizar-auto {float: right; margin-top: -6px; width: 85px; height: 30px; background:url(../../images/admin/btn-auto-off.png) no-repeat;}
.container .atualizar-auto:hover, .container .atualizar-auto.on {background: url(../../images/admin/btn-auto.png) no-repeat;}

.container .exportar .excluir-perguntas {float: right; margin-top: -6px; width: 142px; height: 30px; background: url(../../images/admin/btn-excluir-perguntas.png) no-repeat}
.container .exportar .excluir-perguntas:hover, .container .exportar .excluir-perguntas.on {background: url(../../images/admin/btn-excluir-perguntas.png) no-repeat}


.container .ctd-perguntas .pergunta {width: 420px; height: 250px; margin: 0 50px 40px 0; float: left; }

.container .ctd-perguntas .time {width: 60px; height: 150px; float: left; margin-top: 10px; padding-top: 20px; background: url(../../images/admin/bg-time.png) no-repeat 40px 40px; }
.container .ctd-perguntas .time .data {font-size: 12px; color: #727a8a;}
.container .ctd-perguntas .time .hora {font-size: 14px; color: #333843;}

.container .ctd-perguntas .box-pergunta {width: 360px; height: 250px; float: left; border-radius: 8px;  background: #e8ecf5; padding: 14px;}

.container .ctd-perguntas .identidade {float: left; width: 200px; height: 130px;margin-bottom: 20px;}
.container .ctd-perguntas .identidade .nome {font-size: 16px; color: #333843;}
/*.container .ctd-perguntas .identidade .nome.on {background: url(../../images/admin/icom-status-on.png) no-repeat 1px center; padding-left: 16px;}
.container .ctd-perguntas .identidade .nome.off {background: url(../../images/admin/icon-status-off.png) no-repeat 1px center; padding-left: 16px;}*/
.container .ctd-perguntas .identidade .email {font-size: 12px; color: #727a8a;}

.container .ctd-perguntas .btn-msg {width: 40px; height: 40px; float: right; margin-right: 10px; background: url(../../images/admin/btn-nao-lida.png) no-repeat;}
.container .ctd-perguntas .btn-msg:hover, .container .ctd-perguntas .btn-msg.lida {background: url(../../images/admin/btn-lida.png)}

.container .ctd-perguntas .btn-moderar,
.container .ctd-perguntas .btn-moderar:hover,
.container .ctd-perguntas .btn-moderar:focus {width: 40px; height: 40px; float: right; margin-right: 10px; background: url(../../images/admin/icon-oculto.png) no-repeat;}

.container .ctd-perguntas .btn-moderar.moderada:hover,
.container .ctd-perguntas .btn-moderar.moderada,
.container .ctd-perguntas .btn-moderar.moderada:focus {background: url(../../images/admin/icon-visivel.png)}

.container .ctd-perguntas .btn-lixeira {width: 40px; height: 40px; float: right; background: url(../../images/admin/btn-lixeira-off.png) no-repeat;}
.container .ctd-perguntas .btn-lixeira:hover, .container .ctd-perguntas .btn-lixeira.excluida {background: url(../../images/admin/btn-lixeira.png)}

.container .ctd-perguntas .texto {clear: both; margin: 0;}

.container .ctd-perguntas .num-pergunta {height: 20px; width: 50px; background: #c7cedb; border-radius: 8px; position: relative; top: 10px; left: 220px; font-size: 13px; font-weight: 600; color: #727a8a; text-align: center; padding-top: 1px}

.container .ctd-perguntas .btn-ler-mais {width: 34px; height: 34px; float: right;  margin: -14px -24px 0 0; background: url(../../images/admin/btn-ler-mais.png) no-repeat;}

.container .ctd-perguntas .btn-ler-mais img {position:relative;left:7px;top:5px;display:none;}

#modalPergunta .emailUsuario, #modalPergunta .dataPergunta {font-size:13px;color:#999}

#modalPergunta .lerPergunta {border:0;background:url('../../images/admin/btn-nao-lida.png');width:40px;height:40px;}
#modalPergunta .lerPergunta:hover {background:url('../../images/admin/btn-lida.png');}
#modalPergunta .lerPergunta.lida {background:url('../../images/admin/btn-lida.png');}

#modalPergunta .excluirPergunta {border:0;background:url('../../images/admin/btn-lixeira-off.png');width:40px;height:40px;}
#modalPergunta .excluirPergunta:hover {background:url('../../images/admin/btn-lixeira.png');}
#modalPergunta .excluirPergunta.excluida {background:url('../../images/admin/btn-lixeira.png');}

#modalPergunta .pergunta_anterior {background:url('../../images/admin/btn_perguntaanterior.gif') no-repeat;float:left;width:40px;height:40px;cursor:pointer;display:block;margin-top:155px;}
#modalPergunta .pergunta_anterior:hover {background:url('../../images/admin/btn_perguntaanterior_hover.gif') no-repeat;}
#modalPergunta .proxima_pergunta {background:url('../../images/admin/btn_proximapergunta.gif') no-repeat;float:right;width:40px;height:40px;cursor:pointer;display:block;margin-top:155px;}
#modalPergunta .proxima_pergunta:hover {background:url('../../images/admin/btn_proximapergunta_hover.gif') no-repeat;}

.frame_pergunta {float:left;width:580px;margin-left:13px;display:block;}

/* ==========================================================================
Página de Perguntas - Em lista
========================================================================== */

.ctd-perguntas.ctd-perguntas-lista {
    width: 90%; height: auto; margin: 0 auto; float: none;
    color: #474e5d;
}

.ctd-perguntas.ctd-perguntas-lista .pergunta {
    width: 100%; height: auto; margin: 0 auto 20px; padding: 0; background: #fff;
    -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.25);
}

.ctd-perguntas.ctd-perguntas-lista .box-pergunta {
    width: 100%; height: 70px;
    padding: 12px 0; border-radius: 0;
    background: #fff;
    padding-right: 20px;
    border-bottom: 1px solid #e1e1e1;
}

.ctd-perguntas.ctd-perguntas-lista .box-pergunta .time {
    background: none;
    margin: 0; padding: 0; float: left;
    height: auto; text-align: center;
}

.ctd-perguntas.ctd-perguntas-lista .box-pergunta .time .data {
    font-size: 10px; font-weight: 600;
}
.ctd-perguntas.ctd-perguntas-lista .box-pergunta .time .hora {
    font-size: 13px; font-weight: 600;
}

.ctd-perguntas.ctd-perguntas-lista .box-pergunta .identidade {
    width: auto; height: auto;
    float: left; margin: 0 40px 0 10px;
}

.ctd-perguntas.ctd-perguntas-lista .box-pergunta .identidade .nome {
    font-size: 14px; font-weight: 700;
}

.ctd-perguntas.ctd-perguntas-lista .box-pergunta .identidade .empresa {
    font-size: 13px; font-weight: 300;
}

.ctd-perguntas.ctd-perguntas-lista .box-pergunta .texto {
    clear: none; margin: 0; width: auto;
}

.ctd-perguntas.ctd-perguntas-lista .box-pergunta .texto p {
    width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    padding: 12px 0; font-size: 13px; font-weight: 600;
}

.ctd-perguntas.ctd-perguntas-lista .box-pergunta .opcoes {
    float: right; margin: 0 20px 0 20px;
}

.ctd-perguntas.ctd-perguntas-lista .box-pergunta .opcoes a {margin: 0 7px;}

/*--/box-pergunta--*/


.ctd-perguntas .pergunta > .texto p {margin: 0; z-index: 0}


/* ==========================================================================
Collapse - Lista de Perguntas
========================================================================== */

/* .ctd-perguntas-lista.ch-accordion {} */

.pergunta.ch-collapse {border-left: 4px solid #e1e1e1; cursor: pointer;}
.pergunta.ch-collapse > .box-pergunta .texto p {opacity: 1; visibility: visible;}
.pergunta.ch-collapse > .texto p {
    width: 0; height: 0; opacity: 0; visibility: hidden;
}

.pergunta.ch-collapse.in {border-left: 4px solid #d55252;}
.pergunta.ch-collapse.in > .box-pergunta .texto p {opacity: 0; visibility: hidden;}
.pergunta.ch-collapse.in > .texto p {
    width: 80%; height: auto; opacity: 1; visibility: visible;
    -webkit-transition: height 1s, opacity 1s, visibility 0.5s; /* For Safari 3.1 to 6.0 */
    transition: height 1s, opacity 1s, visibility 0.5s;

    margin: 0 20px 0 70px; padding: 20px 0 20px;
}

/* ==========================================================================
Ajustes Desktop
========================================================================== */
@media (min-width: 0) {.navbar-toggle {
    display: block; /* force showing the toggle */
}
}
@media (min-width: 992px) {
    body {padding: 0;}
    .canvas {padding: 0;margin-left: 200px;}
    .navbar {width: 100%; height: 100px; padding-left: 230px;}
    .navbar-default {border: none;}
    .navbar-toggle {display: none;}
    .titulo-painel {margin-top: 26px;}
    .titulo-painel span {display: block; text-align: left;}
    .btn-logout {padding: 38px 0 38px 0;}
    .btn-logout a {padding: 38px 32px;}
    .navmenu{z-index: 99;}
    .container {padding: 100px 25px 0 25px; width: 100%;}
    .page--header {margin-top: 100px;}
    .page--header .container {padding: 0 25px}
    .page--content .container {padding: 32px 25px 0}
}
@media (min-width: 1200px) {
    .container .ctd-controle-slides {display: inherit;}
    .container .mensagem-tela {display: none;}
}
/* special features */
.alert {font-style:oblique;color:#f00;margin:0;}
/* frame patrocinio */
.frame_patrocinio {border:#ccc 1px solid;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:20px;padding-top:10px;}
.frame_patrocinio .positionAbsolute {width:95%;}
.frame_patrocinio .positionAbsolute img {position:relative;left:15px;top:0;z-index:10;max-width:125px;max-height:150px;}
.frame_patrocinio .positionAbsolute .btn-lixeira {width:40px;height:40px;float:right;background: url(../../images/admin/btn-lixeira-off.png) no-repeat;position:relative;left:-20px;text-indent:-9999px;display:block;}
.frame_patrocinio .positionAbsolute .btn-lixeira:hover {background: url(../../images/admin/btn-lixeira.png)}
/** tempo videos VOD */
.links_pontos_video {display:none;}
.links_pontos_video .col-md-4 .btn_mais {cursor:pointer;width:25px;}
.links_pontos_video .dados_links_pontos_video {border-bottom:#ddd 1px solid;margin-bottom:10px;padding-bottom:10px;}
.links_pontos_video .dados_links_pontos_video .btn_menos {width:20px;cursor:pointer;left:20px;position:relative;top:25px;}
/** Avaliacao */
ul.itens_perguntas li {clear:both;min-height:50px;}
ul.itens_perguntas li .floatLeft {width:225px;display:block;}
.legenda_respostas {float:left;}
.legenda_respostas span.nao_ha_respostas {background:#FFBFBF;width:230px;height:21px;display:block;float:right;text-align:center;}
.legenda_respostas span.ha_respostas {background:#BFEFFF;width:230px;height:21px;display:block;float:right;text-align:center;}
td.nao_ha_respostas {background:#FFBFBF;}
td.ha_respostas {background:#BFEFFF;}
#perguntas_cadastradas td.centerTxt {width:100px;}

.nav-tabs li,.nav-tabs li:hover{ background-color: transparent; height: 50px; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; margin-top: 1px; margin-left: 3px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: transparent; border: none;}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;
  color: #666A77!important;
  /* NOVOS GABRIEL */
   background: transparent; }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }

.tab-pane { padding: 15px 0; display: none; }
.tab-pane.active{ padding: 15px 0; display: block; }
.tab-content{padding:20px;padding-top: 0px;}

.restringir_regiao{width: 100%;}
.findPlace{ min-width: 400px;}

.ch-moderador{padding: 0px !important;}

.container .atualizar-auto-moderador {
    float: right;
    margin-top: -6px;
    width: 85px;
    height: 30px;
    background: url(../../images/admin/btn-auto-off.png) no-repeat;
}

.container .atualizar-auto-palestrante {
    float: right;
    margin-top: -6px;
    width: 85px;
    height: 30px;
    background: url(../../images/admin/btn-auto-off.png) no-repeat;
}


/* ==========================================================================
Página Perguntas: Moderador / Palestrante
========================================================================== */
.canvas-moderador, .canvas-palestrante {margin: 0!important; background: #ededed; padding: 0; color: #333843}

.canvas-moderador .titulo-pagina,
.canvas-palestrante .titulo-pagina {
    width: 100%; height: 70px;
    position: fixed; top: 0; left: 0; right: 0;
    background: #333843;
-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.10);
   -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.10);
        box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.10);
}

.canvas-moderador .container,
.canvas-palestrante .container {padding-bottom: 50px;}

.canvas-moderador .container .underline,
.canvas-palestrante .container .underline
{border: none;}

.canvas-moderador .container .titulo-pagina h1,
.canvas-palestrante .container .titulo-pagina h1
{color: #fff; margin: 10px 5% 0; font-size: 24px;}

.canvas-moderador .ch-moderador,
.canvas-palestrante .ch-palestrante {padding: 100px 0 0!important;}

.canvas-moderador .container .opcoes-pagina,
.canvas-palestrante .container .opcoes-pagina
{margin-top: 0; border: none; padding: 0 5%;}

.canvas-moderador .container .ctd-perguntas,
.canvas-palestrante .container .ctd-perguntas
{padding-top: 20px;}

.canvas-palestrante .container .ctd-perguntas .btn-msg {width: 40px; height: 40px; float: right; margin-right: 10px; background: url(../../images/admin/icon-msg-nao-lida.png) no-repeat;}
.canvas-palestrante .container .ctd-perguntas .btn-msg:hover, .container .ctd-perguntas .btn-msg.lida {background: url(../../images/admin/icon-msg-lida.png)}
.canvas-palestrante .container .ctd-perguntas .identidade .nome {font-size: 16px;}
.canvas-palestrante .ctd-perguntas.ctd-perguntas-lista .box-pergunta .identidade .empresa {font-size: 14px;}
.canvas-palestrante .container .ctd-perguntas .identidade .email {display: none;}
.canvas-palestrante .pergunta.ch-collapse.in > .texto p {font-size: 20px;}

@media (min-width: 992px){
    .container {width: 100%;}
}

@media (min-width: 768px){
    .container {width: 100%;}
}

@media (max-width: 1024px){
    .container .ctd-perguntas .btn-msg,
    .container .ctd-perguntas .btn-msg:hover,
    .container .ctd-perguntas .btn-msg:focus,
    .container .ctd-perguntas .btn-moderar,
    .container .ctd-perguntas .btn-moderar:hover,
    .container .ctd-perguntas .btn-moderar:focus {margin-right: 25px!important;}
}

.input-pergunta{
    margin-left: 10px;
    text-align: left;
}
.input-pergunta label{
    min-width: 110px;
}

.novaPergunta{
    background: #d5d9e2; padding: 6px 10px; border-radius: 10px; color: #FFF !important; font-weight: normal !important; text-decoration: none;
}
.novaPergunta:hover{
    background: #2ab6ff; padding: 6px 10px; border-radius: 10px; color: #FFF !important; font-weight: normal !important; text-decoration: none;
}




.legend-streaming{
  font-size:14px;
  font-weight:300;
  margin-bottom:50px;
  padding-bottom:20px;
  padding-top:13px;
}

.streaming-form-container{
  border:1px solid rgb(101, 103, 115, .15);
}
.form-dropdown-bg{
position:absolute;
left:0;
top:0;
width:100%;height:100%;
z-index: -1;
}
.form-dropdown-btn:hover{
  background: #F8F8F9;
}
.form-dropdown-btn{
  position: relative;
  display:flex;
  align-items: center;
  padding:24px 24px;
  width:100%;
  margin:0;
    border-bottom:1px solid rgb(101, 103, 115, .15);
    background:rgb(0,0,0,0);
    z-index: 2;
}

.dropdown-btn-title{
  font-weight:bold;
  white-space:nowrap;
}
.dropdown-btn-desc{
  margin-left:56px;
  font-size:12px;
  display:inline-block;
  font-weight: normal;
}
.form-dropdown-btn span, .form-dropdown-btn img{
  vertical-align:middle;
}
.form-dropdown{
    background:#FFFFFF;
      border-bottom:1px solid rgb(101, 103, 115, .15);
max-height:9999px;
/* overflow:hidden; */
  transition: max-height 0.5s ease-in-out;
}
.form-dropdown .form-group:first-child{
  padding-top:24px;
}
.form-dropdown .form-group:last-child{
  padding-bottom:48px;
}
.form-dropdown .vimeo-lng-container .form-group:last-child{
  padding-bottom:0;
}

.form-dropdown-container{
  background:#F8F8F9;
}
.form-dropdown-container-hidden{
  background:#FFFFFF;
}
.form-dropdown-container-hidden .form-dropdown{
      overflow: hidden;
  border-bottom:none;
  max-height:0;
  transition:0.35s ease-in-out;
}
.arrow-options{
  margin-right:12px;
        transition:0.25s ease-in-out;
}
.arrow-options-open{
    transition: max-height 0.5s ease-in-out;
   transform: rotate(90deg);
}
.form-dropdown .form-group{
  max-width:450px;
    margin:0 41px;
}
.input-desc{
  font-size:12px;
  font-weight:400;
  opacity:0.7;
  display:inline-block;
  width:100%;
}
.form-dropdown .control-label{
  margin-bottom:2px;
}
.form-dropdown .form-control{
  margin-top:12px;
  margin-bottom:24px;
  background: #F8F8F9;
      height: 40px;
}

.form-dropdown-inner-container{
  border-left:1px solid rgb(101, 103, 115, .15);
  border-right:1px solid rgb(101, 103, 115, .15);
  border-top:1px solid rgb(101, 103, 115, .15);
  max-width:calc(100% - 48px);
  margin:24px auto;
}

.add-btn{
  cursor:pointer;
  display:flex;
margin:0 24px 36px;
color:#5666F3;
font-weight:600;
font-size:14px;
width:max-content;
}
.add-btn:hover{
  opacity:.9;
}
.add-btn img{
  padding-top:2px;
  vertical-align: middle;
  margin-right:6px;
}
.flag{
  height:24px;
  width:30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size:contain;
}
.flag-en-us{
    background-image:url("../../images/flags/us-en.png");
}
.flag-pt-br{
    background-image:url("../../images/flags/pt-br.png");
}
.flag-arg{
    background-image:url("../../images/flags/argentina.svg");
}
.flag-china{
    background-image:url("../../images/flags/china.svg");
}
.flag-france{
    background-image:url("../../images/flags/france.svg");
}
.flag-germany{
    background-image:url("../../images/flags/germany.svg");
}
.flag-india{
    background-image:url("../../images/flags/india.svg");
}
.flag-italy{
    background-image:url("../../images/flags/italy.svg");
}
.flag-japan{
    background-image:url("../../images/flags/japan.svg");
}
.flag-portugal{
    background-image:url("../../images/flags/portugal.svg");
}
.flag-russia{
    background-image:url("../../images/flags/russia.svg");
}
.flag-arab{
    background-image:url("../../images/flags/saudi-arabia.svg");
}
.flag-spain{
    background-image:url("../../images/flags/spain.svg");
}
.flag-uk{
    background-image:url("../../images/flags/uk.svg");
    background-size:41px 23px;
}
.flag-other{
    background-image:url("../../images/flags/translate.svg");
}
.radio-menu-container{
  display:inline-block;
position: relative;
width:70px;
vertical-align: middle;
}
/* .radio-menu-options-wrapper{
    position: absolute;right:0;top:40px;
    width: 70px;

} */
.radio-menu-options{
  border:1px solid #E8E8EA;
  background:#F8F8F9;
/* position: fixed; */
    position: absolute;right:0;top:40px;
  width:70px;
  z-index: 99;
}
.hidden{
    display:none;

}
.lng-text{
  display: inline-block;
  width:calc(100% - 74px);
}
.radio-menu-option:hover{
  background:#E4E4E4;
}
.radio-menu-option{
  /* padding:3px 0; */
  border-bottom:1px solid #E8E8EA;
}
.radio-menu-option:last-child{
  border-bottom:none;
}
.radio-menu-option label{
display:block;
width:100%;height:100%;
margin:0;
padding:3px 0;
display:flex;
justify-content: center;
}
.vimeo-lng-container .form-group{
display:inline-block;
}
.radio-menu-selection{
  cursor:pointer;
  margin-bottom:3px;
  width:70px;
  height:40px;
  border:1px solid #E8E8EA;
  border-radius:5px;
  display:flex;
  justify-content: space-around;
  align-items: center;
}
.menu-radio-selection-arrow{
  display: inline-block;
  height:7.31px;
  width:11px;
  background-image:url("../../images/admin/svg/radio-arrow.svg");

}
.radio-input{
  display:none;
}

.excluir{
  font-size:14px;
  font-weight:600;
  color:#727A8A;
  cursor:pointer;
}


/* estilos header */
.container .row .alert{
  padding:0;
}
.container {
    padding: 100px 0 0 0;
  }
  .row{
    margin:0;
  }
  /* sobreescrevendo css acima */
  .form-dropdown-btn .exibir-link-input{
    margin:0 10px 0 12px;
    width:max-content;
  }
  .form-dropdown-btn .excluir,  .form-dropdown-btn .row{
    margin-left:auto;
  }
.header-navegacao{
    padding: 0 24px;
}
.header-navegacao li:first-child{
    border-left:1px solid #E2E2E5;
}
.header-navegacao li{
  background:#F8F8F9;
  border-right:1px solid #E2E2E5;
  border-top:1px solid #E2E2E5;
}
.header-navegacao > li:hover > a{
    color:#666A77;
}
.header-navegacao li:hover{
  background:#EFEFF0;

}
/* .header-navegacao .active:hover{

} */
.header-navegacao .active{
  position: relative;
  border-bottom:none;
  background:none;
}
.header-navegacao .active::before{
  position: absolute;
  bottom:-2px;
  left:0;
  width:100%;
  content: "";
  height:1px;
  background:white;
}

.section-container{
  border:1px solid rgb(101, 103, 115, 0.15);
}
.section-header{
  padding:24px;
  font-weight:bold;
  background:#F8F8F9;
  border-bottom:1px solid rgb(101, 103, 115, 0.15);
}
.section-content{
  padding:48px 24px;
}
.form-group-margin{
  margin-bottom:24px;
}
.form-control{
  background:#F8F8F9;
  box-shadow:none;
  -webkit-box-shadow:none;
}
.img-upload{
  width: auto;
  height: max-content;
  background: #F8F8F9;
  border: 1px solid #E8E8EA;
  border-radius: 5px;
  margin-bottom: 12px;
  max-width: 450px;
  display:block;  
}
#patrocinio img{
  display:block;
  max-width:130px;
  max-height:60px;
}
.form-horizontal .control-label{
  text-align:left;
  margin-bottom:20px;
}
input[type="file"]{
  display:none;
}
.img-upload-big{
  height:253px;
}
.file-upload-btn{
  margin-top:12px;
  font-weight: normal;
  padding:14px 30px;
  background: #FFFFFF;
border: 1px solid #E2E2E5;
box-sizing: border-box;
border-radius: 5px;
}

#file-upload{
  display:none;
}
.email-cover{
  right: 42px;
  top: 48px;
}
.email-col{
  margin-left:120px;
}
.color-btn{
  background: #F8F8F9;
border: 1px solid #E8E8EA;
box-sizing: border-box;
border-radius: 5px;
text-align: left;
padding:0;
}
.txtarea{
   resize: vertical;
   width:438px;
   height:100px;
   background:#F8F8F9;
   border:1px solid #E8E8EA;
}
.perguntas-links{
  margin:0 auto 0 12px;
}
.radio-input-flex{
  display:flex;
}
.clique-aqui-btn{
  display:block;
  margin:0 auto 0 12px;
  width:180px;
  height:40px;
  text-align:left;
  font-size:14px;
  background:#F8F8F9;
  border:1px solid #E8E8EA;
  color:rgb(0, 0, 0, 0.3);
}
.radio-btn-active{
display:none;
  width:16px;
  height:16px;
  background:#5666F3;
    border-radius:50%;
}
.radio-input-layout-container{
  display:inline-block;
  position: relative;
  padding-left:26px;
  width:min-content;
  margin-right:12px;
}
.radio-btn{
  position: absolute;left:0;
display:flex;
justify-content: center;
align-items: center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#F8F8F9;
  border:1px solid #E8E8EA;
}
.radio-input-layout{
  display:none;
}
  .radio-input-layout:checked + .radio-btn .radio-btn-active{
  display:inline-block;
}

.botao{
  padding:11px 28px;
  background:white;
  color:#5666F3;
  border:1px solid #5666F3;
  border-radius:5px;
}
.botao-active{
  background:#5666F3;
  color:white;
  font-weight:bold;
}
#enviar{
  margin-right:10px;
}
.botoes{
  width:100%;
  display:flex;
  justify-content:center;
}
#css_personalizado textarea{
  resize:vertical;
  min-height:250px;
}
#css_personalizado .section-content .form-group,#css_personalizado .section-content .col-md-5  {
  width:100%;
}
@media (max-width:1269px){
  .header-navegacao li{
    border-left:1px solid #E2E2E5;
    border-bottom:1px solid #E2E2E5;
  }
   .header-navegacao .active::before{
    content: '';
  }
  .nav li {
    margin:0;
  }
}



.totalonline-webinar{
  color: #FFF;
  text-align: left;
  font-weight: 600;
  font-size: 1em;
  cursor: default;
  float: left;
  margin: -5px 0px 0px 0px;
  padding: 0px 15px;
}

.show_upload {
    display: block !important;
}