/* ---------------------------------------------------------------------- */
/*  Cores especificas do tema ENCPE
/* ---------------------------------------------------------------------- */
#app.lyt-2 {}

#app.lyt-2.domain-encpe #sidebar .sidebar-container {
    background: #3f5a17 !important;
}
#app.lyt-2.domain-encpe #sidebar > div nav > ul > li {
    background: #3f5a17 !important;
}
#app.lyt-2.domain-encpe #sidebar > div nav > ul > li.active {
    background: #24330a !important;
}
#app.lyt-2.domain-encpe #sidebar > div nav > ul > li.active.open, #app.lyt-2.domain-encpe #sidebar > div nav > ul > li.active:hover {
    background: #24330a !important;
}
#app.lyt-2.domain-encpe #sidebar > div nav > ul > li:hover, #app.lyt-2.domain-encpe #sidebar > div nav > ul > li.hover, #app.lyt-2.domain-encpe #sidebar > div nav > ul > li.open {
    background: #24330a !important;
}
#app.lyt-2.domain-encpe #sidebar ul.sub-menu li.active, #app.lyt-2.domain-encpe #sidebar ul.sub-menu li.active:hover {
    background: #708a40;
}
#app.lyt-2.domain-encpe .navbar .navbar-header {
    background: #3f5a17;
}
#app.lyt-2.domain-encpe.app-sidebar-closed .app-aside > .item-inner {
    background-color: #3f5a17 !important;
}
#app.lyt-2.domain-encpe.app-sidebar-closed .app-aside > .item-inner:before {
    border-color: #24330a;
}
#app.lyt-2.domain-encpe .main-content .panel.bg-tema {
    background-color: #3f5a17;
}
#app.lyt-2.domain-encpe .main-content .panel .text-tema {
    color: #3f5a17;
}
#app.lyt-2.domain-encpe .main-content .panel .text-tema-light {
    color: rgba(63, 90, 23, 0.5);
}
#app.lyt-2.domain-encpe .main-content .list-group-item a .title:before {
    border-color: #3f5a17;
}
#app.lyt-2.domain-encpe .main-content .list-group-item a:hover .title:before {
    border-color: #708a40;
}
@media (max-width: 767px) {
    #app.lyt-2.domain-encpe .navbar .navbar-header {
        background: transparent !important;
    }
    #app.lyt-2.domain-encpe .navbar .navbar-header .sidebar-mobile-toggler {
        background-color: #3f5a17 !important;
        border-color: #3f5a17 !important;
    }
    #app.lyt-2.domain-encpe .navbar .navbar-header .sidebar-mobile-toggler:active,
    #app.lyt-2.domain-encpe .navbar .navbar-header .sidebar-mobile-toggler.active,
    #app.lyt-2.domain-encpe .navbar .navbar-header .sidebar-mobile-toggler.active:focus,
    #app.lyt-2.domain-encpe .navbar .navbar-header .sidebar-mobile-toggler:active:focus,
    #app.lyt-2.domain-encpe .navbar .navbar-header .sidebar-mobile-toggler:active:hover,
    #app.lyt-2.domain-encpe .navbar .navbar-header .sidebar-mobile-toggler.dropdown-toggle:active:hover {
        background-color: #24330a !important;
        border-color: #24330a !important;
    }
    #app.lyt-2.domain-encpe #sidebar .search-form .navbar-form {
        background-color: #9cbe00;
    }
}


.domain-encpe .container h3,
.domain-encpe .container h4,
.domain-encpe .container h5,
.domain-encpe .container h6 { color: #24330a; }

.domain-encpe .container h1,
.domain-encpe .container h2,
.domain-encpe .container a {
    color: #24330a;
    /* color: #5b5b60; */
}
.domain-encpe .container a:hover {
    /*color: #24330a !important;*/
    color: #708a40;
}

.domain-encpe .container a.btn {
    color: #24330a;
}

.domain-encpe .container a.btn:hover {
    color: #ffffff;
    background-color: #24330a !important;
}


.text_domain-encpe {
    color: #3f5a17;
}

.bg_domain-encpe {
    background-color: #3f5a17;
}

.domain-encpe .text_tema {
    color: #3f5a17;
}

.domain-encpe .field-label {
    color: #222222;
}

.domain-encpe .bg_tema {
    background-color: #3f5a17 !important;
}
.domain-encpe .text-tema-light a {
    color: #3f5a17;
}
#block-views-para-saber-mais-block.domain-encpe h4 {
    color: #3f5a17;
} 






/* ---------------------------------------------------------------------- */
/*  Cores especificas do tema ENCPE - Capacitação
/* ---------------------------------------------------------------------- */
#app.lyt-2.capacitacao #sidebar .sidebar-container {
    background: #a22b38 !important;
}
#app.lyt-2.capacitacao #sidebar > div nav > ul > li {
    background: #a22b40 !important;
}
#app.lyt-2.capacitacao #sidebar > div nav > ul > li.active {
    background: #a22b42 !important;
}
#app.lyt-2.capacitacao #sidebar > div nav > ul > li.active.open, #app.lyt-2.capacitacao #sidebar > div nav > ul > li.active:hover {
    background: #a22b42 !important;
}
#app.lyt-2.capacitacao #sidebar > div nav > ul > li:hover, #app.lyt-2.capacitacao #sidebar > div nav > ul > li.hover, #app.lyt-2.capacitacao #sidebar > div nav > ul > li.open {
    background: #a22b42 !important;
}
#app.lyt-2.capacitacao #sidebar ul.sub-menu li.active, #app.lyt-2.capacitacao #sidebar ul.sub-menu li.active:hover {
    background: #708a40;
}
#app.lyt-2.capacitacao .navbar .navbar-header {
    background: #a22b40;
}
#app.lyt-2.capacitacao.app-sidebar-closed .app-aside > .item-inner {
    background-color: #a22b40 !important;
}
#app.lyt-2.capacitacao.app-sidebar-closed .app-aside > .item-inner:before {
    border-color: #a22b42;
}
#app.lyt-2.capacitacao .main-content .panel.bg-tema {
    background-color: #a22b40;
}
#app.lyt-2.capacitacao .main-content .panel .text-tema {
    color: #a22b40;
}
#app.lyt-2.capacitacao .main-content .panel .text-tema-light {
    color: rgba(0, 106, 67, 0.5);
}
#app.lyt-2.capacitacao .main-content .list-group-item a .title:before {
    border-color: #a22b40;
}
#app.lyt-2.capacitacao .main-content .list-group-item a:hover .title:before {
    border-color: #708a40;
}
@media (max-width: 767px) {
    #app.lyt-2.capacitacao .navbar .navbar-header {
        background: transparent !important;
    }
    #app.lyt-2.capacitacao .navbar .navbar-header .sidebar-mobile-toggler {
        background-color: #a22b40 !important;
        border-color: #a22b40 !important;
    }
    #app.lyt-2.capacitacao .navbar .navbar-header .sidebar-mobile-toggler:active,
    #app.lyt-2.capacitacao .navbar .navbar-header .sidebar-mobile-toggler.active,
    #app.lyt-2.capacitacao .navbar .navbar-header .sidebar-mobile-toggler.active:focus,
    #app.lyt-2.capacitacao .navbar .navbar-header .sidebar-mobile-toggler:active:focus,
    #app.lyt-2.capacitacao .navbar .navbar-header .sidebar-mobile-toggler:active:hover,
    #app.lyt-2.capacitacao .navbar .navbar-header .sidebar-mobile-toggler.dropdown-toggle:active:hover {
        background-color: #a22b42 !important;
        border-color: #a22b42 !important;
    }
    #app.lyt-2.capacitacao #sidebar .search-form .navbar-form {
        background-color: #9cbe00;
    }
}


.capacitacao .container h3,
.capacitacao .container h4,
.capacitacao .container h5,
.capacitacao .container h6 { color: #5b5b60; }

.capacitacao .container h1,
.capacitacao .container h2,
.capacitacao .container a {
    color: #a22b40;
    /* color: #5b5b60; */
}
.capacitacao .container a:hover {
    /*color: #a22b42 !important;*/
    color: #5b5b60;
}

.capacitacao .container a.btn {
    color: #2d584c;
}

.capacitacao .container a.btn:hover {
    color: #ffffff;
}


.text_capacitacao {
    color: #a22b40;
}

.bg_capacitacao {
    background-color: #a22b40;
}

.capacitacao .text_tema {
    color: #a22b40;
}

.capacitacao .field-label {
    color: #222222;
}

.capacitacao .bg_tema {
    background-color: #a22b40 !important;
}
.capacitacao .text-tema-light a {
    color: #a22b40;
}
#block-views-para-saber-mais-block.capacitacao h4 {
    color: #a22b40;
} 








#botao_login {
    color: #000;
    font-size: 24px;
    padding: 15px 40px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    background: #0099d5; /* Old browsers */
    /*background: -moz-linear-gradient(top, #0069aa 0%, #7ac142 50%, #0069aa 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #0069aa 0%,#7ac142 50%,#0069aa 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #0069aa 0%,#7ac142 50%,#0069aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069aa', endColorstr='#7ac142',GradientType=0 ); /* IE6-9 */
}

#botao_login:hover {
    background: #7ac142;
}

#title .panel-body {
    padding-left: 0px !important;
}

.right {
    float: right; /* see bootstrap .pull-right (http://getbootstrap.com/css/) */
}

.view-filters {
    background-color: #fff;
    border: #e2e2e2 solid 1px;
    padding: 10px 0;
}

.slide-content {
    top: 0;
    position: absolute;
}


.front .row {
    margin-right: -30px !important;
    margin-left: -30px !important;
}




p {
    padding-top: 10px;
}

.btn-default.btn-o {
 
    color: #8e8e93 !important;
}


.post-image {
    background-position: 100% 100% !important;
}










/* Interface */
.encpe-profile {
    margin: 10px 0px;
    float: right;
    border: none;
}

.encpe-profile tbody {
    border-top-width: 0px;
}

.encpe-profile td h2 {
    font-size: 16px !important;
    margin-top: auto;
    margin-bottom: auto;
}

.encpe-profile a[href="/user"] {
    color: #3f5a17 !important;
    opacity: 0.75;
}

.encpe-profile a[href="/user"]:hover {
    color: #3f5a17 !important;
    opacity: 0.75;
    border-bottom: solid 2px;    
}


.encpe-profile a[href="/user/logout"] {
    margin-left: 25px;
    color: #A22B38 !important;
    opacity: 0.75;
}

.encpe-profile a[href="/user/logout"]:hover {
    color: #A22B38 !important;
    opacity: 0.75;
    border-bottom: solid 2px;    
}

.slick__slider {
    clear: both !important;
}

/* Calendar */
.date-display-range {
    display: inline-block;
}
.view .date-nav-wrapper .date-next a,
.view .date-nav-wrapper .date-prev a{
    background: inherit;
}
.date-nav .date-heading {
  background-color: #dfdfdf;
  border: solid 5px #dfdfdf;
  border-radius: 5px;
}
.date-nav .date-heading h3 {
    line-height: 40px !important;
}
.date-nav .pager .date-prev {
    margin-left: 5px !important;
    top: 4px;
}
.date-nav .pager .date-next {
    top: 4px;
}



/* Content Types */

/* Documento */
.documento {
    padding: 20px 0;
    border: none;
    display: block;
}

/* Ideias */
.rules-link-rules_link_idea_contact {
    margin-top: 50px;
    border: 1px solid #c8c7cc;
    color: #8e8e93;
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    border-radius: 2px;
    outline: medium none !important;
    position: relative;
    transition: all 0.3s ease 0s !important;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}

.rules-link-rules_link_idea_contact:hover {
    background: #8e8e93;
}

.rules-link-rules_link_idea_contact:hover a {
    color: white !important;
}

.rules-link-rules_link_idea_contact:hover a:hover {
    color: white !important;
}

/* Views */
.view-filters {
    background: none;
    border: none;
}

.views-exposed-widget {
    float: left;
}

.views-exposed-widget > input[class="form-submit"] {
    margin: 0px !important;
}


/* O ENCPE em Portugal */
.o-encpe-em-portugal .views-row {
    color: #5b5b60;
    position: relative;
    padding: 10px 0;
}

/* Listas */
.lists {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    color: #5b5b60;
    padding: 15px;
    transition: all 0.3s ease 0s !important;
    margin: 5px 0px;
}

.lists:hover {
    background-color: rgba(0,0,0,0.2);
}

.lists .media-body strong,
.lists .media-body .field-content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lists-image img {
    border-radius: 5px;
}

.lists-topics {
    margin-top: 5px;
    color: white !important;
    border-radius: 2.975px;
    padding: 4.76px 7.14px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    display: block;
    font-size: 11.9px;
    clear: right;
}

.bg_encpe {
    background-color: #3f5a17 !important;
}

.text_encpe {
    color: #3f5a17 !important;
}

/* Destaques */
.domain-encpe .container .views-bootstrap-grid-plugin-style h1,
.domain-encpe .container .views-bootstrap-grid-plugin-style h2,
.domain-encpe .container .views-bootstrap-grid-plugin-style h3,
.domain-encpe .container .views-bootstrap-grid-plugin-style h4,
.domain-encpe .container .views-bootstrap-grid-plugin-style h5,
.domain-encpe .container .views-bootstrap-grid-plugin-style h6,
.domain-encpe .container .views-bootstrap-grid-plugin-style a {
    color: black !important;
}
.domain-encpe .container .views-bootstrap-grid-plugin-style a:hover {
    color: black !important;
}















.highlights,
.highlights a {
    /*border-color: rgba(0, 0, 0, 0.07) !important;*/
    margin-left: -1px;
    margin-right: -1px;
    border-radius: 5px !important;
}

.highlights img,
.highlights .block-img {
    border-radius: 5px 5px 0px 0px;
}

.highlights a {
    transition: all 0.3s ease 0s !important;
    /*height: 385px;*/
}



.highlights h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.highlights p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#encpe_icons .panel svg {
  width: 80%;
  height: 250px;
  max-height: 250px; }
  
#letras .panel svg g casquilho, #letras .panel svg path {
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out; }

#encpe_icons .panel.organizacoes a:hover svg path#pestana,
#encpe_icons .panel.registo a:hover svg path#pestana,
#encpe_icons .panel.pmencpe a:hover svg path#pestana,
#encpe_icons .panel.vantagens a:hover svg path#pestana {
  fill: #3f5a17 !important;
  stroke: #3f5a17 !important; }
  
#encpe_icons .panel.vantagens a:hover svg ellipse#circulo,
#encpe_icons .panel.organizacoes a:hover svg ellipse#circulo,
#encpe_icons .panel.pmencpe a:hover svg ellipse#circulo,
#encpe_icons .panel.registo a:hover svg ellipse#circulo {
  stroke: #3f5a17 !important; }
  

/* Logos em rodapé */
#logos {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 20px !important;
}

#logos:before {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); */
    top: -20px;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

#logos .panel-body {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

#logos .r-border {
    border-right: 1px solid #bababa;
    border-radius: 0px;
}

#logos h3 {
    font-weight: 700;
    color: #5b5b60;
    font-size: 14px;
}

#logos img {
    max-height: 50px;
}

#logos a {
    line-height: 60px;
    margin-right: 20px;
}

#logos .juntas {display:  inline-block;}

.main-content > .container {
    padding-bottom: 30px !important;
}


/* Bolsa de Ideias */
.panel-body .bolsa-de-ideias .col {
    padding: 10px;
}
.panel-body .bolsa-de-ideias .wrapper-bolsa-de-ideias {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.07);
    color: #5b5b60;
    padding: 10px;
    transition: all 0.3s ease 0s !important;
    height: 200px;
}

.panel-body .bolsa-de-ideias .wrapper-bolsa-de-ideias h1,
.panel-body .bolsa-de-ideias .wrapper-bolsa-de-ideias h2,
.panel-body .bolsa-de-ideias .wrapper-bolsa-de-ideias h3,
.panel-body .bolsa-de-ideias .wrapper-bolsa-de-ideias h4,
.panel-body .bolsa-de-ideias .wrapper-bolsa-de-ideias h5,
.panel-body .bolsa-de-ideias .wrapper-bolsa-de-ideias h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.panel-body .bolsa-de-ideias .wrapper-bolsa-de-ideias p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.panel-body .bolsa-de-ideias .wrapper-bolsa-de-ideias:hover {
    background-color: rgb(200,200,200);
}

/* Minhas Ideias */
.idea-topics {
    background: #c8c7cc;
    float: right;
    margin-bottom: 5px;
    margin-left: 5px;
}


/* WYSIWYG */
.panel-body ul:not(.contextual-links) {
    display: block !important;
}

/* Users */
.admin-menu-account a strong {
    color: white;
}

/* Mensagens Internas */
li a[href="/messages"],
li a[href="/messages/sent"],
li a[href="/messages/list"],
li a[href="/messages/new"]{
    display: none;
}

.privatemsg-list {
    width: 100%;
}

.privatemsg-list th,
.privatemsg-list td {
    text-align: center;
}

form[action="/messages/new"] {
    display: none;
}

/* Defines the style for page (view) "O ENCPE em Portugal" */
.o-encpe-em-portugal .views-row {
    color: #5b5b60;
    position: relative;
    padding: 10px 0;
}

.view-o-encpe-em-portugal .btn-default:hover {
    background-color: rgba(0,0,0,0.07) !important;
}


.confirmation .form-actions a {
    margin-left: 20px;
    color: #a22b38 !important;
}

.front.domain-encpe #encpe_icons img {
    max-width: 65%;
    border: 5px solid;
    border-radius: 15px;
    box-shadow: 5px 10px 10px rgba(0,0,0,0.6);
    margin-bottom: 15px;
}

table {
    margin: auto auto;
    font-size: 12px;
}

table thead, table thead tr {
  border: 1px solid #222 !important;  
}

table th {
  background-color: #ccc;
  border: 1px solid #222;
  color: #222;
  padding: 10px 3px;
}

tr.sub_titulo th, th.sub_titulo {
  background-color: #e3e3e3 !important;
}

tr, td {
    border: 1px solid #ccc;
    background-color: transparent;
}

table tr.odd {
  background-color: #fff;
}

table tr.even {
  background-color: #eee;
}

td {
    padding: 0 2px;
}

th.rotate {
  height: 220px;
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    translate(10px, 100px)
    rotate(270deg);
    width: 5px;
}

/*.rotate {
  /*transform: rotate(-90deg);*/
  color: #222;
  border: none;

  /* position: relative;
  top: 0px; */
  /* left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle
  height: 100%;*/
  -ms-transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  transform:rotate(-90deg);
}*/

.rotate_cw {
  transform: rotate(90deg);
  color: #222;
  border: none;
  white-space: nowrap;
}


.encpe .field-label, .encpe .text_tema { color: #3f5a17; }
.encpe .bg_tema { background-color: #3f5a17; }
.encpe .text-tema-light a { color: #708a40; }
.block-views.encpe h4 { color: #3f5a17; }
.lista-temas.encpe h2 { color: #3f5a17; }
.lista-temas.encpe { border-top: 4px solid #3f5a17; }
.lista-temas.encpe .fichas { border: 1px solid #3f5a17; background-color: rgba(63,90,23,0.02); }



.mais .field-label, .mais .text_tema { color: #545454; }
.mais .bg_tema { background-color: #9e9e9e; }
.energia-clima .text-tema-light a { color: #545454; }
.block-views.mais h4 { color: #545454; }
.lista-temas.mais h2 { color: #545454; }
.lista-temas.mais { border-top: 4px solid #545454; }
.lista-temas.mais .fichas { border: 1px solid #545454; background-color: rgba(104,104,104,0.02); }



.page-perguntas-frequentes #content {padding-top: 30px;}
.lista-temas {
  display: table;
  width: 100%;
  padding: 20px 0;
  }
  
.lista-temas .flex {
  width: 100%;
  display: flex;
}

.lista-temas .indice {
  /*display: table-column;*/
  float: left;
  align-items: stretch;
}

.lista-temas .indice {
  padding: 0 0 20px 15px;
  width: 100%;
}

.lista-temas .fichas {
  padding: 15px;
  text-indent: -15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px; /* future proofing */
  -khtml-border-radius: 15px; /* for old Konqueror browsers */  
}

.lista-temas h2 {padding:0;}

.lista-temas a {color: #636363; }
.lista-temas a:hover {color: #363636; }