/*Personalização da grade de programação*/
.programacaograde  { table-layout:fixed;}
.programacaograde th { width:60px;}
.programacaograde th.salaatividades { width:300px; font-size:16px;}

.programacaocientifica table { border-collapse: separate; border-spacing: 3px; background: #F9F9F9 !important; border: none !important;}
.programacaocientifica table td, .programacaocientifica table th { border: none !important; background: #FFF; color: #333; border-radius:5px;}
.programacaograde>thead>tr>th { background: var(--titulo-base, #333333) !important; color: #FFF;}
.doubleScroll-scroll-wrapper { position: absolute; top:-15px;}

.nav-tabs, .programacaoaberta .nav-tabs { color: var(--titulo-base, #333333);}

/*Personalização dos títulos*/
.titulo ol+h1, .titulo h2 { color: var(--titulo-base, #333333) !important;}

h2 { color: var(--titulo-base, #222222);}
h3, h4, h5 { color: var(--titulo2-base, #333333);}

/*Personalização dos botões e labels*/
.btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .btn.btn-default:active:focus, .btn.btn-default:active:hover, .btn.btn-default.active:focus, .btn.btn-default.active:hover, .label-default, .badge-default { background: var(--bg-default, #999999);}
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .label-primary, .badge-primary, .dashboard .nav-pills > li > a { background: var(--bg-primary, #337ab7);}
.dashboard .nav-pills > li > a:hover { color: rgba(0,0,0,0.8) !important;}
.btn.btn-success, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success:active:focus, .btn.btn-success:active:hover, .btn.btn-success.active:focus, .btn.btn-success.active:hover, .label-success, .badge-success { background: var(--bg-success, #5cb85c);}
.btn.btn-info, .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active, .btn.btn-info:active:focus, .btn.btn-info:active:hover, .btn.btn-info.active:focus, .btn.btn-info.active:hover, .label-info, .badge-info { background: var(--bg-info, #5bc0de) !important;}
.btn.btn-warning, .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .btn.btn-warning:active:focus, .btn.btn-warning:active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active:hover, .label-warning, .badge-warning { background: var(--bg-warning, #f0ad4e);}
.btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .label-danger, .badge-danger { background: var(--bg-danger, #d9534f);}

.nav-pills>li>a, .navbar .navbar-nav > li > a, .btn { border-radius: var(--arredondamento-botoes, 4px);}

/*Personalização do menu*/
.navbar-escuro { background-color: var(--menu-base, rgba(52, 61, 71, 1));}
.navbar-claro { background-color: var(--menu-claro-base, rgba(241, 241, 241, 1));;}
.navbar-claro .navbar-toggle { color:#333333;}

.nav > li.destaque> a { background:var(--link-destaque-menu, rgba(0,0,0, 0.7)); color:#FFF !important; text-align: center; text-transform: uppercase; z-index: 1; transition: all ease 0.2s; padding:13px 15px; font-weight:bold; line-height:1em; text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);}
.nav > li.destaque> a:hover { background:var(--link-destaque-menu-hover, rgba(0,0,0, 0.3)); text-decoration: none; color:#FFF;}

.navbar-claro .nav > li.destaque> a { background:var(--link-destaque-menu, rgba(0,0,0, 0.7)); color:#FFF !important; text-align: center; text-transform: uppercase; z-index: 1; transition: all ease 0.2s; padding:13px 15px; font-weight:bold; line-height:1em; text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);}


/*Personalização de blocos de sessões*/
/*---Sessão Escura---*/
.sessao-escura { background: var(--cor-principal-escura, #222222); padding: 30px 40px; margin:25px 0; color: #FFF;}
.sessao-escura h2, .sessao-escura h3 { color: rgba(255,255,255, 0.8);}
.main-raised .sessao-escura { margin:25px -30px;}

/*---Sessão Clara---*/
.sessao-clara { background: var(--cor-principal-clara, #EAEAEA); padding: 30px 40px; margin:25px 0; color: #222;}
.sessao-clara h2, .sessao-clara h3 { color: rgba(0,0,0, 0.8);}
.main-raised .sessao-clara { margin:25px -30px;}


/*EFEITOS*/
/*---Botão pulsando---*/
.glowing { transition: all 0.2s ease-in-out; animation: glowing 1300ms infinite;}

@keyframes glowing {
  0% {
    box-shadow: 0 0 5px var(--cor-principal-clara);
  }
  50% {
    box-shadow: 0 0 20px var(--cor-principal-clara);
  }
  100% {
    box-shadow: 0 0 5px var(--cor-principal-clara);
  }
}
.btn-glowing { transition: all 0.2s ease-in-out;
 white-space:normal; background:var(--cor-principal-escura, #333333); animation: glowing 1300ms infinite;
}

.btn-glowing:hover { transition: all 0.3s ease-in-out; background:var(--cor-principal-clara, #EAEAEA); color:#FFF !important; border-radius: 30px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.bg-dark { background: var(--cor-principal-escura);}
.bg-light { background: var(--cor-principal-clara);}

.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light li { color: rgba(255,255,255,0.8)}
.text-light, .text-light *, .text-light p, .text-light li { color: rgba(255,255,255,0.9)}

.bg-gradient {
   background: linear-gradient(62deg, var(--cor-principal-escura), var(--cor-principal-clara));
     animation: gradient 15s ease infinite; background-size: 400% 400%;
}

@-webkit-keyframes gradient {
  0% { background-position: 0 50%;}
  50% { background-position: 100% 50%;}
  100% { background-position: 0% 50%;}
}
@keyframes gradient {
  0% { background-position: 0 50%;}
  50% { background-position: 100% 50%;}
  100% { background-position: 0% 50%;}
}

/*---Modal carregamento---*/
/*#modalAtividade .modal-dialog, #modalAtividade .modal-content { background: none !important; box-shadow: none !important; padding-top:50px;}*/
/*#modalAtividade h2 { font-weight: 500; font-size: 30px; color: #FFF;}*/

.chosen-container .chosen-drop { width: auto !important; min-width: 100%;}