@charset "utf-8";
/* CSS Document */

html {
  font-size: 16px;
}

body {
  background-color:#F9F9F9;
  line-height: normal;
  font-family:normal normal normal 1em/1.45 Roboto,Arial,Helvetica,sans-serif;
  font-weight: 300;
  /*
  min-height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  */
}

a {
  color: #d96125
}
a:hover {
  text-decoration: none
}

ul {
  list-style:none;
  padding:0
}

ul.list {
  list-style:disc
}

aside {
  width:200px
}

section.backoffice, footer {
  font-family: Arial, sans-serif;
}

.sapo .ink-form input,
.sapo .ink-form select,
.sapo .ink-form textarea {
  font-family:Roboto,Arial,Helvetica,sans-serif;
}
/*
.public_page main.push-left {
  width:100%;
  padding-right:330px;
  margin-right:-330px
}
*/

.backoffice main.push-left {
  width:100%;
  padding-right:260px;
  margin-right:-260px
}

.backoffice main.push-right {
  width:100%;
  padding-left:230px;
  margin-left:-230px
}

.vpadding {
  padding-top: 2em;
  padding-bottom: 2em;
}

.spadding {
  padding-top: 1em;
  padding-bottom: 1em;
}

.vspace {
  margin-top:2em;
  margin-bottom:2em
}

.sspace {
  margin-top: 1em;
  margin-bottom: 1em;
}

.hsspace {
  margin-left: 1em;
  margin-right: 1em;
}

.sapo .ink-grid, .homepage .ink-drawer .ink-grid {max-width:1181px; line-height:1.6em;}

.clearfix {
  overflow: visible !important;
}

.content-drawer {
  min-height: 100%;
}

.push .content-drawer {
  box-shadow: -5px 0 10px rgba(0,0,0,.35);
}

.wrap,
.insert_media {
  /*
  margin: 0 auto 100px;
  */
  background-color:#f8f8f8;
  padding-bottom: .01em;
}
.sapo .content-drawer { background-color: #f8f8f8; }
/* HEADER */

.sapo header {
  padding: 1em 0;
}

.sapo header h1 {
  display: inline-block;
  padding: 12px 0;
}

.sapo header h1 a{
  background:url(https://imgs.sapo.pt/images/blogs/homepage/sapoblogs_black.png) no-repeat;
  width:210px;
  height:43px;
  overflow:hidden;
  text-indent:-9999px;
  display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .sapo header h1 a{
    background:url(https://imgs.sapo.pt/images/blogs/homepage/sapoblogs_retina_black.png) no-repeat;
    width:190px;
    height:39px;
    overflow:hidden;
    text-indent:-9999px;
    display: block;
    background-size: 190px 39px;
  }
}

.sapo .box {
  background:#fff;
  border-radius:2px;
  box-shadow:0px 1px 1px #dfdfdf;
  padding: 1em;
}

.sapo .box.grey {
  background: #f0f0f0;
  box-shadow: none
}

.sapo h1 {
  margin:0;
}

.sapo h2 {
  display:inline-block;
  font-weight:300;
  font-size:1.7em;
  line-height:1.1em;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  margin-bottom: 0;
}

.sapo h3 {
  margin-bottom: 0;
}

.sapo h4 {
  font-weight: normal;
  font-size: 1.35em
}

.sapo h5 {
  font-weight: normal;
  font-size: 1.25em;
  margin-bottom: 0;
  color: #444;
}

.sapo h6 {
  font-size: 1em;
  margin-bottom: 0;
}

.sapo .small_txt {
  font-size: .875em
}

.sapo h2 i {
  font-size: .687em
}

.sapo h2 .fa-question-circle {
  margin-left:.2em;
  vertical-align: middle;
  line-height: initial;
  font-size: .65em;
}

/* SIDE MENU */

.left-drawer {
  background: #2b2b2b
}

.left-drawer .avatar {
  border-radius: 2px
}

.left-drawer a, .left-drawer a:link, .left-drawer a:visited,
.homepage .left-drawer a:link, .homepage .left-drawer a:visited {
  color: #dbdbdb;
  position: relative;
}

.left-drawer a:hover {
  text-decoration: none;
  color:#fff;
  background: #1b1b1b
}

.left-drawer ul {
  margin:0;
}

.left-drawer ul li:last-child a {
  border: 0
}

.left-drawer ul li {
  line-height:1.7;
  position:relative;
  margin:0;
}

.left-drawer ul li a {
  position: relative;
  padding: .5em 1em;
  display:block;
  border-bottom:1px solid rgba(0,0,0,0.15)
}

.left-drawer li.title {
  text-transform: uppercase;
  font-size: .75em;
  padding: .666em 1.333em;
  color:#888;
}

.left-drawer .submenu-blogs a {
  background: #4b4b4b;
  padding-left: 2em;
  color: #dbdbdb;
}

.left-drawer .submenu-blogs a:hover {
  background: #3b3b3b;
  color: #fff;
}

.left-drawer .toggle:after {
  content: '';
  position: absolute;
  right:20px;
  top: 50%;
  height: 0;
  width: 0;
  border: 4px solid;
  margin:-2px 0 0;
  border-color: #dbdbdb transparent transparent transparent;
}

.left-drawer .toggle.active{
  background: #1b1b1b;
  color: #d96125;
}

.left-drawer .toggle.active:after {
  border-color: transparent transparent #dbdbdb transparent;
  margin:-6px 0 0;
}

/* USER MENU */

.sapo #user-menu > *, .sapo .b_logged_user > * {
  display:inline-block;
  vertical-align:middle
}

.sapo a.b_meusblogs {
  padding: 8px 12px 9px;
  background: #fff;
  color: #555;
  /* destapar quando o avatar bazar border-radius: 2px 0 0 2px;*/
}


.sapo .b_shortcut_menu {
  width: 34px;
  padding: 8px 12px;
  background: #fff;
  border: none;
  border-radius: 0 2px 2px 0;
  text-indent: -9999px;
  border-left: 1px solid #f8f8f8;
}

.sapo .b_shortcut_menu:after {
  content: '';
  position: absolute;
  right:12px;
  top: 50%;
  height: 0;
  width: 0;
  border: 5px solid;
  margin:-2px 0 0;
  border-color: #2b2b2b transparent transparent transparent;
}

.sapo .b_shortcut_menu.active:after {
  border-color: transparent transparent #2b2b2b transparent;
  margin:-6px 0 0;
}

.sapo #user-menu ul.dropdown {
  background: #2b2b2b;
  color:#ccc;
  white-space: nowrap;
  border-radius: 4px;
  padding:0;
  right: 0;
  top: 50px;
  border:0;
  max-width: none;
}

.sapo #user-menu ul.dropdown:before {
  content: '';
  position: absolute;
  right:9px;
  top: -16px;
  height: 0;
  width: 0;
  border: 8px solid;
  border-color: transparent transparent #2b2b2b transparent;
}

.sapo #user-menu {
  position: relative;
  z-index: 10;
}

.sapo #user-menu ul.dropdown li {
  display: inline-block;
  vertical-align: top
}

.sapo #user-menu ul.dropdown li a {
  color:#ccc;
}

.sapo #user-menu ul.dropdown li a:hover {
  color:#fff;
  background: #1b1b1b
}

.sapo #user-menu ul.dropdown li ul {
  padding:.5em;
}
.sapo #user-menu ul.dropdown li li {
  display: block;
  padding:0;
}

.sapo #user-menu ul.dropdown li li a {
  display: block;
  padding: .5em .8em
}

.sapo #user-menu ul.dropdown li .title {
  text-transform: uppercase;
  font-size: .75em;
  color: #eee;
  padding: .7em 1.1em;
}

.sapo #user-menu ul.dropdown a.logout,
.sapo .left-drawer a.logout {
  color: #f00;
}

.sapo #user-menu ul.dropdown u a.logout:hover,
.sapo .left-drawer a.logout:hover {
  color: #fff;
  background: #f00;
}

.sapo #user-menu ul.dropdown a.login,
.sapo .left-drawer a.login {
  color: #0a0;
}

.sapo #user-menu ul.dropdown u a.login:hover,
.sapo .left-drawer a.login:hover {
  color: #fff;
  background: #0a0;
}

/* BOTOES */

.sapo .sapo-button .fa {
  font-size: 16px;
}

.sapo div.unlogged, .sapo div.logged {
  margin-top:16px
}

.sapo .sapo-button {
  border:none;
  background:#fff;
  padding:7px 12px;
  border-radius:2px;
  color:#666;
  box-shadow: 0 1px 0 #fff;
}

.sapo .sapo-button.center {
  margin-left: auto;
   margin-right: auto;
  display: block;
}

.sapo .sapo-button:hover {
  background:#808080;
  color:#fff;
  text-decoration:none;
  -webkit-transition-property:background;
  -moz-transition-property:background;
  -o-transition-property:background;
  -ms-transition-property:background;
  transition-property:background;
  -webkit-transition-duration:200ms;
  -moz-transition-duration:200ms;
  -o-transition-duration:200ms;
  -ms-transition-duration:200ms;
  transition-duration:200ms;
  -webkit-transition-timing-function:ease-in-out;
  -moz-transition-timing-function:ease-in-out;
  -o-transition-timing-function:ease-in-out;
  -ms-transition-timing-function:ease-in-out;
  transition-timing-function:ease-in-out;
  -webkit-transition-delay:100ms;
  -moz-transition-delay:100ms;
  -o-transition-delay:100ms;
  -ms-transition-delay:100ms;
  transition-delay:100ms
}

.sapo .append-button .sapo-button,
.sapo .control-group .append-button .sapo-button {
  margin: 0;
  border-radius: 0 2px 2px 0;
  line-height: 1.5;
  vertical-align: middle;
  padding: 6px 12px;
}

.sapo a.sapo-button {
  display: inline-block;
}

/* BOTAO AZUL */

.sapo .sapo-button.blue {
  background:#25abe3;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14b9d6', endColorstr='#13b0cc');
  background:-moz-linear-gradient(top, #14b9d6 0, #13b0cc 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #14b9d6), color-stop(100%, #13b0cc));
  background:-webkit-linear-gradient(top, #14b9d6 0, #13b0cc 100%);
  background:-o-linear-gradient(top, #14b9d6 0, #13b0cc 100%);
  background:-ms-linear-gradient(top, #14b9d6 0, #13b0cc 100%);
  background:linear-gradient(to bottom, #14b9d6 0, #13b0cc 100%);
  color:#fff
}

.sapo .sapo-button.blue[disabled], .sapo .sapo-button.grey[disabled]{
  background: none;
  border: 1px dashed #ccc;
  color: #bbb;
  filter:none;
}



.sapo .sapo-button.blue:hover {
  background:#20bdff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#12a6c0', endColorstr='#119fb7');
  background:-moz-linear-gradient(top, #12a6c0 0, #119fb7 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #12a6c0), color-stop(100%, #119fb7));
  background:-webkit-linear-gradient(top, #12a6c0 0, #119fb7 100%);
  background:-o-linear-gradient(top, #12a6c0 0, #119fb7 100%);
  background:-ms-linear-gradient(top, #12a6c0 0, #119fb7 100%);
  background:linear-gradient(to bottom, #12a6c0 0, #119fb7 100%)
}

.sapo .sapo-button.blue[disabled]:hover, .sapo .sapo-button.grey[disabled]:hover{
  background: none;
  color: #bbb;
  filter:none;
}

/* BOTAO LARANJA */

.sapo .sapo-button.orange {
  background:#25abe3;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec9224', endColorstr='#e37e24');
  background:-moz-linear-gradient(top, #ec9224 0, #e37e24 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ec9224), color-stop(100%, #e37e24));
  background:-webkit-linear-gradient(top, #ec9224 0, #e37e24 100%);
  background:-o-linear-gradient(top, #ec9224 0, #e37e24 100%);
  background:-ms-linear-gradient(top, #ec9224 0, #e37e24 100%);
  background:linear-gradient(to bottom, #ec9224 0, #e37e24 100%);
  color:#fff
}

.sapo .sapo-button.orange:hover {
  background:#20bdff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e98418', endColorstr='#df7515');
  background:-moz-linear-gradient(top, #e98418 0, #df7515 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e98418), color-stop(100%, #df7515));
  background:-webkit-linear-gradient(top, #e98418 0, #df7515 100%);
  background:-o-linear-gradient(top, #e98418 0, #df7515 100%);
  background:-ms-linear-gradient(top, #e98418 0, #df7515 100%);
  background:linear-gradient(to bottom, #e98418 0, #df7515 100%)
}

/* BOTAO CINZA */

.sapo .sapo-button.grey {
  background:#25abe3;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#dddddd');
  background:-moz-linear-gradient(top, #e5e5e5 0, #dddddd 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(100%, #dddddd));
  background:-webkit-linear-gradient(top, #e5e5e5 0, #dddddd 100%);
  background:-o-linear-gradient(top, #e5e5e5 0, #dddddd 100%);
  background:-ms-linear-gradient(top, #e5e5e5 0, #dddddd 100%);
  background:linear-gradient(to bottom, #e5e5e5 0, #dddddd 100%);
  color:#5d5d5d
}

.sapo .sapo-button.grey:hover {
  background:#20bdff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#c6c6c6');
  background:-moz-linear-gradient(top, #cecece 0, #c6c6c6 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #cecece), color-stop(100%, #c6c6c6));
  background:-webkit-linear-gradient(top, #cecece 0, #c6c6c6 100%);
  background:-o-linear-gradient(top, #cecece 0, #c6c6c6 100%);
  background:-ms-linear-gradient(top, #cecece 0, #c6c6c6 100%);
  background:linear-gradient(to bottom, #cecece 0, #c6c6c6 100%)
}

@media screen and (max-width:649px) {
  .ink-navigation ul.menu.horizontal .hide-small{display:none}
  .ink-navigation ul.menu.horizontal .show-small{display:inherit !important}
}

/* ACCORDION */

.sapo_accordion .toggle {
  background: none;
  border: 0;
  font-weight: normal;
  font-size: 1.125em;
  text-align: left;
  color:#444;
  display: block;
  position: relative;
  padding-left: .85em;
  margin-bottom: 1em;
}
.sapo_accordion .toggle:hover{
  cursor: pointer;
}

.sapo_accordion .toggle:after {
  content: '';
  position: absolute;
  left:0px;
  top: 40%;
  height: 0;
  width: 0;
  border: 4px solid;
  margin:-3px 0 0;
  border-color: transparent transparent transparent #444;
}

.sapo_accordion .toggle.active:after {
  border-color: #444 transparent transparent transparent;
  margin-top: 1px
}

/* PAGINAS PUBLICAS */

.public_page h2 {
  text-transform: none;
}

.public_page aside{
  margin-top: 3em;
  width: 300px;
  min-height: 300px;
}

.reading_list aside{
  margin-top: 1em;
}

#error_page aside, #private_blog aside {
  margin-top: 0em;
}

.mrec {
  width: 300px;
  position: relative;
  z-index: 5;
  *z-index: 0;
}

.small_pub {
  position: relative;
  margin: 1em auto 1em;
  width: 320px;
}

.pub_span {
  position: absolute;
  right: 0;
  padding: 2px 0 0;
  text-align: right;
  font-size: .5625em;
  color: #999;
}

@media screen and (max-width: 320px) {
  .small_pub {
  margin-left: -1em;
  }
}

.side_pub {
  margin: 2em 0;
}

.side_pub .push-left{
  width:100%;
  padding-right:330px;
  margin-right:-330px;
  position: relative;
}

.homepage .small_pub > .pub_span {top: 45px;}

/* HOMEPAGE */

@media screen and (max-width: 860px) and (min-width: 651px) {
  .hide-mlarge {
  display: none!important;
  }
}

/* Geral */
.homepage main { font-size: 17px; }
.homepage a,
.homepage a:link,
.homepage a:visited {color:#f38e26;}
.homepage a:hover {text-decoration: none}
main blockquote {font-weight:300; font-family: Merriweather, serif;}

/* Menu de navegação */
.blogs-navigation {margin:1.5em 0 0.5em 0;font-size: 17px;}
.blogs-navigation ul.menu.horizontal li.menu a,
.blogs-navigation ul.menu.horizontal li.menu a:link,
.blogs-navigation ul.menu.horizontal li.menu a:visited {color:#f38e26; font-size:x-large; padding:0.1em 1em 0 0em; margin:0;}
.blogs-navigation ul.menu.horizontal li.push-right {padding:0.5em 0.7em; font-size:medium; line-height:1.5;}
.blogs-navigation ul.menu.horizontal li.push-right a,
.blogs-navigation ul.menu.horizontal li.push-right a:link,
.blogs-navigation ul.menu.horizontal li.push-right a:visited {padding:0; margin:0;}
.blogs-navigation ul.menu.horizontal h1 {margin:0 0.3em 0 0;}
.blogs-navigation ul.menu.horizontal h1 a {background: url(https://imgs.sapo.pt/images/blogs/homepage/sapoblogs_black.png) no-repeat top right; width: 210px; height: 43px; overflow: hidden; text-indent: -9999px; display: block;}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .blogs-navigation ul.menu.horizontal h1 a {
  background:url(https://imgs.sapo.pt/images/blogs/homepage/sapoblogs_retina_black.png) no-repeat;
  width:210px;
  height:43px;
  overflow:hidden;
  text-indent:-9999px;
  display: block;
  background-size: 210px 43px;
  }
}
.blogs-navigation ul.menu.horizontal li.logomenu a,
.blogs-navigation ul.menu.horizontal li.logomenu a:link,
.blogs-navigation ul.menu.horizontal li.logomenu a:visited {color: #555;border:1px solid transparent;margin-right:0.2em;}
.blogs-navigation ul.menu.horizontal li.logomenu a:hover, .blogs-navigation ul.menu.horizontal li.logomenu a.active {border:1px solid #555;border-radius:3px;}
.blogs-navigation .ink-grid .ink-navigation ul.menu.horizontal li .submenu {min-width:150px;}
.blogs-navigation ul.menu.horizontal .submenu a:hover {background:#f38e26; color:#FFF; text-decoration:none;}

/* Botões */
.blogs-navigation ul.menu.horizontal li.push-right {float:right; padding:0.3em 0.1em; margin:0.2em 0em 0.5em 0;}
.blogs-navigation ul.menu.horizontal li.login {border:1px solid #f38e26;}
.blogs-navigation ul.menu.horizontal li.push-right a.login,
.blogs-navigation ul.menu.horizontal li.push-right a.login:link,
.blogs-navigation ul.menu.horizontal li.push-right a.login:visited {color: #FFF; background: #f38e26; padding:0.6em 0.8em; display:inline; margin:0; border:1px solid #f38e26; }
.blogs-navigation ul.menu.horizontal li.push-right a.login:hover,.blogs-navigation ul.menu.horizontal li.push-right a.toggle:hover {text-decoration:none; color: #f38e26; background: #FFF;border-left: 1px solid #f38e26;}

.blogs-navigation ul.menu.horizontal li.push-right a,
.blogs-navigation ul.menu.horizontal li.push-right a:link,
.blogs-navigation ul.menu.horizontal li.push-right a:visited {margin:0; color: #FFF; background: #f38e26; padding:0.6em 0.8em; display:inline; border-left:1px solid #FFF; border-top:1px solid #F38E26; border-right:1px solid #F38E26; border-bottom:1px solid #F38E26;}
.blogs-navigation ul.menu.horizontal li.push-right a:active {color: #f38e26; background: #FFF;}

.blogs-navigation ul.menu.horizontal li.leituras a,
.blogs-navigation ul.menu.horizontal li.leituras a:link,
.blogs-navigation ul.menu.horizontal li.leituras a:visited {color:#FFF; background:  #f06560; padding: 0.6em 0.8em; display:inline; border:1px solid  #f06560; margin:0 0.5em 0 0;}
.blogs-navigation ul.menu.horizontal li.leituras a:hover {color: #f06560; background: none; text-decoration:none;}
.blogs-navigation ul.menu.horizontal li.leituras p {margin:0; padding:0; display:inline;}

/* User Menu */
.blogs-navigation ul.menu.horizontal li.push-right a.toggle {padding: 0.6em 1.2em;margin-left:0.5px;}
.blogs-navigation .b_shortcut_menu {
  width: 34px;
  padding: 8px 12px;
  background: #fff;
  border: none;
  border-radius: 0 2px 2px 0;
  text-indent: -9999px;
  border-left: 1px solid #f8f8f8;
}
.blogs-navigation .b_shortcut_menu:after {
  content: '';
  position: absolute;
  right:17px;
  top: 50%;
  height: 0;
  width: 0;
  border: 5px solid;
  margin:-2px 0 0;
  border-color: #fff transparent transparent transparent;
}
.blogs-navigation .b_shortcut_menu:hover:after {
  border-color: #f38e26 transparent transparent transparent;
}
.blogs-navigation .b_shortcut_menu.active:after {
  border-color: transparent transparent #fff transparent;
  margin:-6px 0 0;
}
.blogs-navigation .b_shortcut_menu.active:hover:after {
  border-color: transparent transparent #f38e26 transparent;
}

.blogs-navigation #shortcut-dropdown {
  background: #2b2b2b;
  color: #ccc;
  white-space: nowrap;
  border-radius: 4px;
  padding: 0;
  right: 0;
  top: 50px;
  border: 0;
  max-width: none;
}

.blogs-navigation #shortcut-dropdown:before {
  content: '';
  position: absolute;
  right: 12px;
  top: -16px;
  height: 0;
  width: 0;
  border: 8px solid;
  border-color: transparent transparent #2b2b2b transparent;
}

.blogs-navigation #shortcut-dropdown li {
  display: inline-block;
  vertical-align: top;
  float: none;
}

.blogs-navigation #shortcut-dropdown li a {
  color:#ccc;
}

.blogs-navigation #shortcut-dropdown li a:hover {
  color:#fff;
  background: #1b1b1b
}

.blogs-navigation #shortcut-dropdown li ul {
  padding:.5em;
}
.blogs-navigation #shortcut-dropdown li li {
  display: block;
  padding:0;
}

.blogs-navigation #shortcut-dropdown li li a {
  display: block;
  padding: .5em .8em;
  background: none;
  border: none;
}

.blogs-navigation #shortcut-dropdown li .title {
  text-transform: uppercase;
  font-size: .75em;
  color: #eee;
  padding: .7em 1.1em;
}

.blogs-navigation #shortcut-dropdown a.logout,
.sapo .left-drawer a.logout, .homepage .left-drawer a.logout {
  color: #f00;
}

.blogs-navigation #shortcut-dropdown a.logout:hover,
.sapo .left-drawer a.logout:hover, .homepage .left-drawer a.logout:hover {
  color: #fff;
  background: #f00;
}

/* Tags */
.blogs-navigation.subcategorias {margin:0.5em 0; padding:0.5em; background:#FFF; border-radius:3px;}
.blogs-navigation.subcategorias ul.menu.horizontal li a {padding:0.1em 0.5em; color:#555; border:1px solid #FFF; margin-right:0.2em;}
.blogs-navigation.subcategorias ul.menu.horizontal li a:hover {border:1px solid #FF9900; border-radius:3px; text-decoration:none; color:#FF9900;}
.blogs-navigation.subcategorias ul.submenu.dropdown li a:hover { color: white; border-radius: 0; }
.blogs-navigation.subcategorias ul.submenu.dropdown li a { padding: 0; margin: 0; }
.blogs-navigation.subcategorias ul.submenu.dropdown { white-space:nowrap; padding: 0; }
.blogs-navigation.subcategorias ul.menu.horizontal li .tags {color:#ff9900; border:1px solid #ff9900; border-radius:3px;}
.blogs-navigation.subcategorias ul.menu.horizontal li.push-right {float:right; margin:0;}

/* Pesquisa */
.blogs-navigation ul.menu.horizontal li.pesquisa {border:1px solid #ccc; padding:0.3em 0.6em; line-height:1.2em;}
.blogs-navigation ul.menu.horizontal li.pesquisa form {margin:0; padding:0; background: transparent;}
.blogs-navigation .fake-input {transition: width 200ms ease-in-out 100ms; padding:0; font-size:16px;}
.blogs-navigation #search_input {
  -webkit-transition-property:width;
  -moz-transition-property:width;
  -o-transition-property:width;
  -ms-transition-property:width;
  transition-property:width;
  -webkit-transition-duration:200ms;
  -moz-transition-duration:200ms;
  -o-transition-duration:200ms;
  -ms-transition-duration:200ms;
  transition-duration:200ms;
  -webkit-transition-timing-function:ease-in-out;
  -moz-transition-timing-function:ease-in-out;
  -o-transition-timing-function:ease-in-out;
  -ms-transition-timing-function:ease-in-out;
  transition-timing-function:ease-in-out;
  -webkit-transition-delay:100ms;
  -moz-transition-delay:100ms;
  -o-transition-delay:100ms;
  -ms-transition-delay:100ms;
  transition-delay:100ms;
  width:82px;
  border:0;
  padding:0;
  margin:0;
  background-color:transparent;
  font-family:Roboto,Arial,Helvetica,sans-serif;
}
.blogs-navigation #search_input:focus,
.blogs-navigation #search_input:hover,
.blogs-navigation #search_input:active {width: 120px; background-color: transparent; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.blogs-navigation .fake-input button {background: transparent; border:0; padding:2px 0 2px 2px; color: #bbbbbb;}

.homepage .blogs-navigation.subcategorias ul.submenu.dropdown li,
.sapo .blogs-navigation.subcategorias ul.submenu.dropdown li
{ padding: .5em 1.25em; }

/* Destaques */
.homepage .destaques {margin:1em 0 0 0;}
.homepage .destaques h1 {margin:0;}
.homepage .destaques h1 a,
.homepage .destaques h1 a:link,
.homepage .destaques h1 a:visited {color: #333333; font-size:x-large;}
.homepage .destaques h2 {margin:0.1em 0 0.2em 0;line-height: 0.95em;}
.homepage .destaques h2 a,
.homepage .destaques h2 a:link,
.homepage .destaques h2 a:visited {color: #333333; font-size:x-large;}
.homepage .destaques p {color:#444; margin:0.5em 0 0 0; font-weight:300;}
.homepage .destaques p a,
.homepage .destaques p a:link,
.homepage .destaques p a:visited {color:#f38e26; font-size:1em;}
.homepage .destaques a.tag,
.homepage .destaques a.tag:link,
.homepage .destaques a.tag:visited {color:#f38e26;text-transform: capitalize;}
.homepage .destaques a,
.homepage .destaques a:link,
.homepage .destaques a:visited {color:#808080; font-size:small;}
.homepage .spot a:hover, .homepage .quadro h3 a:hover, .homepage .quadro p a:hover, .homepage .destaques a:hover {opacity:0.75;}
.homepage .ink-grid .destaques a.thumb {max-height:170px; overflow:hidden; display:block; margin:0;}
.homepage .ink-grid .destaques a.thumb:hover { opacity:1; }
.homepage .destaques blockquote {color:#555; border-left:4px solid #d9d9d9; font-size:large; padding:0 0 0 0.8em; line-height:1.4;}

.homepage .destaque_pub {display: flex;}
.homepage .destaque_principal {flex: 1; }
@media screen and (min-width:650px) and (max-width:959px) {
  .homepage .destaque_principal {margin-right:0;}
}
@media screen and (min-width:960px) and (max-width:1205px) {
  .homepage .destaque_principal {padding-right: 0; margin-right:0; width: 100%; float: none; }
  .homepage .mrec { float: none; }
}
@media screen and (max-width: 650px) {
  .homepage .destaque_principal {flex: none; }
}

/* Editorial */
.homepage .editorial {margin:0em; padding:0em;}
.homepage .quadro.destaque1,
.homepage .quadro.destaque2,
.homepage .quadro.destaque3 {height:400px;}
.homepage .quadro {background: #f2f2f2; padding:2em; color:#555; min-height:330px;}
.homepage .quadro p a,
.homepage .quadro p a:link,
.homepage .quadro p a:visited {text-decoration:underline;}
.homepage .quadro h3 span {opacity:0.5; display:block; font-size:large;}
.homepage .quadro h3 a {color:#333; padding:0; font-size:x-large; margin:0 0 0.8em 0;}
.homepage .editorial .quadro p {color:#555; line-height:1.6;}
.homepage .quadro img { float:left; border-radius:50px; width:80px !important; height:80px !important; padding:0 !important; box-shadow: none; margin:0 1em 1em 0; border:4px solid #FFF;}
.homepage .quadro.destaque1 {background: #fce6cf;}
.homepage .quadro.destaque1 a {color:#c56604; padding:0; margin:0 0 0.8em 0;}
.homepage .quadro.destaque1 p,
.homepage .quadro.destaque1 span {color:#c56604;}
.homepage .quadro.destaque2 {background: #f2d9e6;}
.homepage .quadro.destaque2 a {color:#d03685; padding:0; margin:0 0 0.8em 0;}
.homepage .quadro.destaque2 p,
.homepage .quadro.destaque2 span {color:#d03685;}
.homepage .quadro.destaque3 {background: #ccddff;}
.homepage .quadro.destaque3 a {color:#3d6ccc; padding:0; margin:0 0 0.8em 0;}
.homepage .quadro.destaque3 p,
.homepage .quadro.destaque3 span {color:#3d6ccc;}
.homepage .quadro.destaque1 img, .homepage .quadro.destaque2 img, .homepage .quadro.destaque3 img {box-shadow: none;}

/* Spot */
.homepage .spot {
  background: no-repeat top left #F9F9F9;
  background-image: url(https://thumbs.web.sapo.io/?epic=V2:GlYmsMi3rZ96MYOpC5LbUqPLQCXoYN2rHidR+JnIlHh/L613MesSRAG+tJgXvAeHz0qZzMNpjKN5oT7V3314fqo5ZRA4YJTR/n0EKc0tZbc=&proxy=1);
  padding:8em 2em 2em 2em;
  margin-bottom: 2em;
  color:#555;
}
.homepage .spot h1 {color:#999; font-size:x-large; margin:0 0 0.1em 0;}
.homepage .spot .push-left {float:left;}
.homepage .spot img, .homepage .quadro img {border-radius:50px; width:80px !important; height:80px !important; padding:0 !important; border:4px solid #fff; box-shadow:0px 5px 5px #CCC;}
.homepage .spot blockquote {border-left:4px solid #CCC; color:#444; line-height: 1.5em;}
.homepage .spot p {margin:0 0 0.1em 0;}
.homepage a.enfase,
.homepage a.enfase:link,
.homepage a.enfase:visited {margin: 0.2em 0; color: #fff; padding:0.2em 0.6em; background: #f38e26; border:1px solid #f38e26; border-radius:3px; display:inline-block;}
.homepage a.enfase:hover {color:#f38e26; background: none; border:1px solid #f38e26; text-decoration:none;}

/* Footer */
.homepage footer .ink-navigation ul.menu.horizontal li a,
.homepage footer .ink-navigation ul.menu.horizontal li a:link,
.homepage footer .ink-navigation ul.menu.horizontal li a:visited {color: #d96125;}
.homepage footer .ink-navigation ul.menu.horizontal li a:hover {color:#007ED5;}

/* Publicidade */
.homepage .pub_span {
  display: block;
  top: 250px;
  margin-bottom: 5px;
}
@media only screen and (min-width:1261px) {
  .homepage .pub_span {
  right: 0px;
  }
}
.homepage .mrec {
  margin: 0 auto;
  text-align: center;
  width: auto;
}

@media screen and (max-width: 640px) and (min-width: 321px) {
  #ordenar_lista { max-width: 85px; }

  .homepage .mrec {
  text-align: center;
  max-width: 330px;
  }
}

/* Animação */
.homepage .lema {font-size:x-large; color: #888; font-weight:500; height:70px;}
.homepage .lema p {height:20px;}
.homepage .lema b {
  float: left;
  overflow: hidden;
  position: relative;
  height: 38px;
  top: 0px;
}
.homepage .lema .sublema {
  display: inline-block;
  color: #444;
  position: relative;
  white-space: nowrap;
  top: 0;
  left: 0;
  /*animation*/
  -webkit-animation:movehp 5s;
  -moz-animation:movehp 5s;
  -ms-animation:movehp 5s;
  -o-animation:movehp 5s;
  animation:movehp 5s;
  /*animation-iteration-count*/
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  -ms-animation-iteration-count:infinite;
  -o-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  /*animation-delay*/
  -webkit-animation-delay:1s;
  -moz-animation-delay:1s;
  -ms-animation-delay:1s;
  -o-animation-delay:1s;
  animation-delay:1s;
  line-height:1.5em;
}
@keyframes movehp {
  0%  { top: 0px; }
  20% { top: -40px; }
  40% { top: -75px; }
  60% { top: -110px; }
  80% { top: -140px; }
}
@-webkit-keyframes movehp {
  0%  { top: 0px; }
  20% { top: -40px; }
  40% { top: -75px; }
  60% { top: -110px; }
  80% { top: -140px; }
}
@-moz-keyframes movehp {
  0%  { top: 0px; }
  20% { top: -40px; }
  40% { top: -75px; }
  60% { top: -110px; }
  80% { top: -140px; }
}
@-o-keyframes movehp {
  0%  { top: 0px; }
  20% { top: -40px; }
  40% { top: -75px; }
  60% { top: -110px; }
  80% { top: -140px; }
}

/* Conteúdos */
.homepage .listagem h2 {margin:0 0 0.1em 0;}
.homepage .descricao {color:#999; margin:0 0 2em 0;}
.homepage article {padding:0; margin:0 0 2em 0;}
.homepage article h4 {margin:0 0 0.3em 0; font-size:xx-large;}
.homepage article h4 a,
.homepage article h4 a:link,
.homepage article h4 a:visited {color:#555; margin:0;}
.homepage article p {margin:0.5em 0;}
.homepage article .avatar {float:left; margin:0.5em 0 0 0; border-radius:50px; width:60px; border:0px solid #fff;}
.homepage article .innerpost {background:#fff; padding:1em; margin:0 0 0 5em;}

.subcategorias li ul.submenu li { border-bottom: solid 1px #d9d9d9; }
.subcategorias li ul.submenu li:last-child { border: none; }
/* Ecrãs maiores */

/* Ecrãs grandes */
@media only screen and (max-width:1055px) {
  .homepage .ink-grid .destaques a.thumb {max-height:180px; display:block; overflow:hidden;}
  .homepage .quadro.destaque1,
  .homepage .quadro.destaque2,
  .homepage .quadro.destaque3 {min-height:350px;}
  .homepage .quadro {min-height:230px;}
}

/* Ecrãs médios */
@media only screen and (max-width:959px) {
  .blogs-navigation.subcategorias ul.menu.horizontal li a {padding:0.1em 0.3em; font-size:16px;}
  .homepage .destaques .all-25.medium-50 {min-height:250px;}
  .homepage .quadro.destaque1,
  .homepage .quadro.destaque2,
  .homepage .quadro.destaque3 {min-height:350px;}
  .homepage .quadro {min-height:350px;}
}

/* Ecrâs pequenos */

@media only screen and (max-width:640px) {
  .homepage .destaques {margin:0.2em 0 0 0;}
  .homepage .destaques .all-25.medium-50 {min-height:auto;}
  .homepage .destaques .column-group.gutters .all-50.small-100 {margin:0.5em 0 0.5em 0;}
  .homepage .destaques h1,
  .homepage .destaques h2 {font-size:x-large;}
  .homepage .destaques h1 {margin-top: 0.5em;}
  .homepage .ink-grid .destaques a.thumb {max-height:120px; display:block; overflow:hidden;margin-bottom: 0.5em;}
  .homepage .quadro.destaque1,
  .homepage .quadro.destaque2,
  .homepage .quadro.destaque3 {min-height:200px;}
  .homepage .quadro {min-height:auto;}
}

/* END HOMEPAGE */

/* RESULTADOS DA PESQUISA */

.search_results ul li {
  margin-bottom: 1em;
}

.search_results p.no_content {
  font-size: 1em;
}
.search_results p {
  margin: .2em 0;
  color: #444;
  font-size:.9em;
}

.search_results span {
  color:#888;
  font-size:.8em;
}

.search_results .paginate-href span {
  color:#666;
  font-size:1em;
}

.search_results strong {
  color:#505050;
}

/* PUBLIC STATS */

ul.blogs_stats li {
  color: #888;
  font-size: .875em;
  padding: .25em 0
}

ul.blogs_stats li strong {
  color: #666;
  font-weight: bold;
}

ul.blogs_stats li span {
  display: block;
  font-size: 1.25em;
  color: #444;
  font-weight: bold;
}

/* DESTAQUES */

ul.lista_destaques li {
  margin: 0 1em;
}

/* CRIAR BLOG */

#criar_blog form ul li {
  position: relative;
  margin: 0;
  padding: .5em 1em 1em 1em
}

#criar_blog form ul li:first-child {
  padding-top: 0;
}

#criar_blog form ul li .control-group {
  margin-bottom: 0
}

#criar_blog form div label,
#criar_blog .validation h4 {
  font-weight: normal;
  font-size: 1.1em;
}

.sapo .ink-form input {
  border-radius: 2px;
}

#criar_blog .tip {
  font-style: italic;
}

#criar_blog .hint {
  position: absolute;
  right: -260px;
  top: 0;
  width: 230px;
  height: 100%;
}

#criar_blog .hint p {
  display: table;
  height:100%;
  margin:0;
}

#criar_blog .hint span{
  display: table-cell;
  vertical-align: middle;
}

.sapo .note {
  font-size: .8em
}

#criar_blog .note strong {
  color: #333
}

#criar_blog .url_check {
  font-weight: bold;
  font-style: normal;
}

#criar_blog .ok {
  color: #669f22
}

#criar_blog .nope {
  color: #cf0000
}

#criar_blog .blog_url {
  position: relative;
  border:1px solid #c4c4c4;
  border-radius: 2px;
  padding: 0;
  margin: 0;
}

#criar_blog .blog_url input {
  border: 0;
  width:100%;
}

#criar_blog .captcha > * {
  display: inline-block;
  vertical-align: middle;
}

#criar_blog .captcha button {
  width: 35px;
  height: 35px;
  overflow: hidden;
  text-shadow: 0 1px 0 #fff;
  padding: 0;
  margin-right:.5em;
  line-height: 35px;
}

#criar_blog .captcha img {
  margin-right:0;
  width: 175px;
  height: 35px;
}


@media screen and (min-width: 640px) {
  #criar_blog .blog_url {
  padding: 0 8em 0 5em;
  }

  #criar_blog .blog_url:before,
  #criar_blog .blog_url:after {
  position: absolute;
  top: 0;
  height:100%;
  background: #f0f0f0;
  line-height: 2.3em;
  text-align: center;
  }

  #criar_blog .blog_url:before {
  content: 'https://';
  left:0;
  width: 5em;
  }

  #criar_blog .blog_url:after {
  content: attr(data-domain);
  right:0;
  width: 8em;
  }

  #criar_blog .captcha img {
  margin-right: .75em;
  }
}

#captcha {
  max-width: 273px;
  margin-right: 1em
}

#criar_blog #refresh-captcha {
  padding: 8px 12px;
}

#criar_blog .validation label {
  font-size: 1em;
  padding-top: 1em;
  display: block;
}

#criar_blog .validation h4 {
  line-height: 2;
  margin: 0;
  color:#444
}

.insert_captcha .tip {
  line-height: 0;
  display: inline-block;
}

#criar_blog .termos {
  margin: .5em 0
}

/* ULTIMOS POSTS */

.last_posts ul {
  margin: 0
}

.last_posts ul li {
  position: relative;
  padding-left: 1em
}

.last_posts ul li a {
  font-size: 1.06em;
  color: #444;
}

.last_posts ul li a:hover {
  color: #6998c9
}

.last_posts ul li a:before {
  content: "\f105";
  position: absolute;
  top:3px;
  left:0px;
  font-family: FontAwesome;
  font-size: .823em;
  font-style: normal;
  color: #d96125;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.last_posts h5{
  color: #777;
}

/* BACKOFFICE */

.backoffice h3, .public_page h3 {
  font-weight:normal;
  font-size:1.5em;
}

/* DASHBOARD MENU */

.sapo ul.dashboard-menu {
  background:#2b2b2b;
  border-radius:2px;
}

.sapo ul.dashboard-menu ul.submenu-blogs {
  background:#4b4b4b
}

.sapo .ink-navigation ul.dashboard-menu li a {
  border-bottom:none;
  color: #dbdbdb;
  text-decoration: none;
  text-transform: uppercase;
  font-size: .9em;
  position: relative;
  padding: .5em 1em .5em 2.3em;
  border-top: solid 1px rgba(255,255,255,.07);
  border-bottom: solid 1px rgba(0,0,0,.2)
}

.ink-navigation ul.dashboard-menu li > span.ticker_new {
  position: absolute;
  background: #d96125;
  color: #fff;
  font-size: 11px;
  padding: .1em .25em;
  top: 0.8em;
  right: 1em;
  line-height: 1.5em;
  display: inline;
  border-radius: 50%;
  pointer-events: none;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

#drafts_list span.badge {
  position: relative;
  background: #ef8626;
  color: #fff;
  font-size: 5px;
  padding: .1em 0.5em;
  top: 0em;
  right: -1.25em;
  line-height: 1.5em;
  display: inline-block;
  border-radius: 50%;
  pointer-events: none;
  width: 10px;
  height: 10px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

.sapo .ink-navigation ul.dashboard-menu li a:hover {
  text-decoration: none;
  color:#fff;
  background: #1b1b1b
}

.sapo .ink-navigation ul.dashboard-menu li a.active {
  border-bottom: 0;
}

.sapo .ink-navigation ul.dashboard-menu li a i {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5em;
  text-align: center;
  padding: .5em 0;
  line-height: 1.7;
}

.sapo .dashboard-menu span {
  padding-right: 1em;
  font-size: 1.1em;
}

.sapo ul.dashboard-menu ul.submenu-blogs li a {
  display: block;
  text-transform: capitalize;
  border-top: solid 1px rgba(255,255,255,.04);
  border-bottom: solid 1px rgba(0,0,0,.2);
}

.sapo ul.dashboard-menu ul.submenu-blogs li a:hover {
  background: #3b3b3b;
  color: #fff;
}

.sapo ul.dashboard-menu li a.active {
  background: #1b1b1b;
  color: #d96125;
  position: relative;
}

.sapo ul.dashboard-menu ul.submenu-blogs li a.active {
  background: #3b3b3b;
  color: #fff;
  cursor: pointer;
}

.sapo .ink-navigation ul.dashboard-menu li a.toggle:after {
  content: '';
  position: absolute;
  right: 12px;
  top: 70%;
  margin: -10px 0 0;
  height: 0;
  width: 0;
  border: 5px solid;
  border-color: #dbdbdb transparent transparent transparent;
}

.sapo .ink-navigation ul.dashboard-menu.blog li a.active:after {
  content: '';
  position: absolute;
  right: 12px;
  top: 60%;
  margin: -10px 0 0;
  height: 0;
  width: 0;
  border: 5px solid;
  border-color: transparent transparent #dbdbdb transparent;
}

.sapo .ink-navigation ul.dashboard-menu.profile li a.active:after {
  content: '';
  position: absolute;
  right:-20px;
  top: 50%;
  margin: -10px 0 0;
  height: 0;
  width: 0;
  border: 10px solid;
  border-color: transparent transparent transparent #1b1b1b;
}

.sapo .ink-navigation ul.dashboard-menu.blog li a.no-sub.active:after {
  content: '';
  position: absolute;
  right:-20px;
  top: 50%;
  margin: -10px 0 0;
  height: 0;
  width: 0;
  border: 10px solid;
  border-color: transparent transparent transparent #1b1b1b;
}

.sapo .ink-navigation ul.dashboard-menu .submenu-blogs li a.active:after {
  content: '';
  position: absolute;
  right:-20px;
  top: 50%;
  margin: -10px 0 0;
  height: 0;
  width: 0;
  border: 10px solid;
  border-color: transparent transparent transparent #1b1b1b;
}

.sapo .ink-navigation ul.dashboard-menu ul.submenu-blogs li a.active:after {
  border-color: transparent transparent transparent #3b3b3b;
}

/* PROFILE MENU */

.sapo ul.dashboard-menu.profile {
  background:#e2e2e2;
}

.sapo .ink-navigation ul.dashboard-menu.profile li a {
  color: #333;
  border-top: solid 1px rgba(255,255,255,.5);
  border-bottom: solid 1px rgba(0,0,0,.1);
}

.sapo .ink-navigation ul.dashboard-menu.profile li a:hover {
  color:#222;
  background: #ccc
}

.sapo ul.dashboard-menu.profile li a.active {
  background: #ccc;
  color: #d96125;
  border-top-color: #ccc
}

.sapo .ink-navigation ul.dashboard-menu.profile li a.active:after {
  border-color: transparent transparent transparent #ccc;
}

.sapo .dashboard-move-handle {
  color: #ddd;
  opacity: 0.6;
  bottom: 25px;
  right: -15px;
  position: relative;
}

#meus_blogs .drag-handle {
  font-size: 14px;
  padding: 5px;
}

#meus_blogs .drag-handle:hover {
  cursor: move;
}

/* CONTENT POS. LEFT */

.sapo .content-left main.push-left {
  width:100%;
  padding-right:250px;
  margin-right:-250px
}

.sapo .content-left aside {
  width:220px;
  padding-top: 60px;
}

.sapo .content-left aside h3 {
  font-size: 1.25em;
  font-weight: normal;
}

.sapo .content-left aside .sep {
  border-bottom:solid 1px #e5e5e5;
  box-shadow: 0 1px 0 #fff;
  padding:0 0 .75em 0
}

/* SEARCH BACKOFFICE */

.bo_search_form fieldset {
  position:relative;
}

.bo_search_form a.b_clean {
  background: none;
  border: 0;
  padding: 0;
}

.bo_search_form a.b_clean i{
  position: static;
  color: #f00;
}

.bo_search_form input[type=search] {
  background:#fff;
  border:solid 1px #cdcdcd;
  border-radius:3px;
  height: 2.4em;
  font-size: 1em;
  line-height: 1.8em;
  padding:.3em .5em;
  width: 220px;
  font-family: Roboto,Arial,Helvetica,sans-serif;
}

.bo_search_form input[type=submit] {
  position:absolute;
  color:transparent;
  background:transparent;
  border:none;
  right:0;
  top:0;
  width:2.5em;
  text-indent:9999;
  height:100%
}

.bo_search_form i.fa-search {
  text-align:center;
  width:1.7em;
  display:inline-block;
  color:#cecece;
  font-size:1.2em;
  position:absolute;
  top:.5em;
  right: 1px;
  background-color: transparent;
}
#templates-content .bo_search_form i.fa-search { top: .35em; }

/* TABS */

.backoffice .ink-tabs .tabs-content {
  margin-top: 0em
}

.backoffice .ink-tabs .tabs-nav {
  border-bottom: 0;
  margin-bottom: 0;
}

.backoffice .ink-tabs .tabs-nav li a {
  background: #e7e7e7;
  border-radius: 2px 2px 0 0;
  font-size: 1.1em;
  color: #555;
  padding: .25em .9em
}

.backoffice .ink-tabs .tabs-nav li a span.show-all {
  display: inline
}

.backoffice .ink-tabs .tabs-nav li.active a {
  background: #fff;
  color: #333;
  border:none;
}

.sapo #customize_tabs.ink-tabs .tabs-content {
  overflow: visible;
}

.sapo .tabs-content .box {
  border-radius: 0px 2px 2px 2px;
}

.backoffice .box input[type=search] {
  border:solid 1px #cdcdcd;
}

.sapo .nav_lists ul.pagination {
  vertical-align: middle;
}

.sapo .footer-note {
  position: relative;
  bottom: -3em;
  font-size: x-small;
}

/* ACOES BUTTON AND SUBMENU */

.sapo #b_acoes, .sapo #b_acoes_a, .sapo #b_acoes_b {
  padding-right: 1.5em;
  margin-left: 1em;
  border: 1px solid #eee;
}

.sapo #b_acoes:after, .sapo #b_acoes_a:after, .sapo #b_acoes_b:after {
  content: '';
  position: absolute;
  right:10px;
  top: 50%;
  height: 0;
  width: 0;
  border: 4px solid;
  margin:-2px 0 0;
  border-color: #fff transparent transparent transparent;
}

.sapo #b_acoes.active:after, .sapo #b_acoes_a.active:after, .sapo #b_acoes_b.active:after {
  border-color: transparent transparent #fff transparent;
  margin:-6px 0 0;
}

.menu_b_acoes ul.dropdown {
  border-radius: 0;
  margin-left: 2.4em;
  box-shadow:none;
  padding:0;
}

.menu_b_acoes ul.dropdown li {
  border-bottom: solid 1px #d9d9d9
}

.menu_b_acoes ul.dropdown li:last-child {
  border-bottom: 0;
}

.menu_b_acoes ul.dropdown li a {
  padding: .7em 1em;
}

.menu_b_acoes ul.dropdown li a.disabled {
  color: #ddd;
  pointer-events: none;
}

/* SORT LISTS */

div.sort_options, ul.sort_options {
  margin: 0;
}

.search_results ul.sort_options {
  margin-top: 2em;
  margin-bottom: 2em;
}

.search_results h6 {
  display: inline-block;
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1.1em;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  text-transform: uppercase;
}

.sort_options li {
  display: inline-block;
  vertical-align: middle;
  color: #999
}

.search_results .sort_options li {
  display: block;
  margin-bottom: 0 !important;
}

.sort_options li a {
  padding: 0 .5em 0 .25em;
}

.search_results  .sort_options li a {
  padding: 0;
}

.sort_options li:after {
  content: '|';
  position: relative;
  font-size: .75em;
  color: #cdcdcd;
}

.sort_options li:last-child:after,
.sort_options li:first-child:after {
  display: none
}

.search_results .sort_options li:after {
  display: none;
}

/* ALBUM SELECTION */

ul.album_selection {
  margin: 0;
}

div.album_selection {
  margin: .7em 0;
  display: inline-block;
  vertical-align: middle;
}

.album_selection li {
  display: inline-block;
  vertical-align: middle;
}
.album_selection li a {
  padding: 0 .5em 0 .5em;
}

.album_selection li:after {
  position: relative;
  font-size: .75em;
}

.album_selection li:last-child:after,
.album_selection li:first-child:after {
  display: none
}

.active,
.active:hover {
  color:#333;
  cursor: default;
}

.sort_feedback li {
  margin: 0;
}

.r_link {
  line-height: 1.5
}

/* LISTINGS */

.sapo ul.listings {
  margin: 1em 0
}

.sapo .listings li {
  position: relative;
  border-bottom: solid 1px #ececec;
  margin: 0
}

.sapo .listings li:hover {
  background:#f8f8f8;
  border-radius: 4px;
}

.sapo .listings li:last-child {
  border-bottom: none
}

.sapo .listings .info {
  font-size: .85em;
  color: #888
}

.sapo .listings .info strong {
  color: #444
}

.sapo .listings .info strong a {
  color: #d96125
}

.sapo .listings li span.acoes button.featpost {
  width: 35px;
  height: 20px;
  overflow: visible;
  cursor:pointer;
  color: #ddd;
}

.sapo .listings li span.acoes button.active.featpost,
.sapo .listings li span.acoes button.active.featpost:hover {
  color:#f5ca00;
}

.sapo .listings li span.acoes button, .sapo .listings li span.acoes a {
  position: relative;
  background: none;
  border: 0;
  padding: 0 .75em;
  color: #d96125;
  font-weight: bold;
  font-size: .9em
}

.sapo .listings li span.acoes a:hover, .sapo .listings li span.acoes button:hover {
  color: #007ed5;
}

.sapo .listings li span.acoes button.featpost:hover {
  color: #ddd;
}

.sapo .listings li span.acoes button:after, .sapo .listings li span.acoes a:after {
  content:'|';
  position: absolute;
  font-weight: normal;
  color: #cdcdcd;
  right:-3px;
  top:2px;
  font-size: .85em;
}

.sapo .listings li span.acoes button:last-child:after{
  display: none
}

/* POSTS AND COMMENTS LISTS */

#comments-config .blog_configs .p_list {
  font-size: 1.1em;
  color: #555
}

#comments_list .bo_search_form,
#posts_list .bo_search_form,
#drafts_list .bo_search_form,
#favorites_list .bo_search_form,
#subscriptions_tabs .bo_search_form {
  padding: 0;
}

#comments_list .bo_search_form fieldset,
#posts_list .bo_search_form fieldset,
#drafts_list .bo_search_form fieldset,
#favorites_list .bo_search_form fieldset,
#subscriptions_tabs .bo_search_form fieldset {
  margin-bottom: 0;
}

#comments_list .bo_search_form input[type=search],
#posts_list .bo_search_form input[type=search],
#drafts_list .bo_search_form input[type=search],
#favorites_list .bo_search_form input[type=search],
#subscriptions_tabs .bo_search_form input[type=search] {
  width: 17em;
}

.sapo .listings li.posts input[type=checkbox], .sapo .listings li.ideas input[type=checkbox] {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -7px;
}

.sapo .listings li.ideas input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 2px solid #aaa;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: 35%;
}

.sapo .listings li.ideas input[type=checkbox]:checked {
  border-color: #69A618;
  background-color: #69A618;
}

.sapo .listings li.ideas input[type=checkbox]:checked:after {
  content: '\2713';
  font-size: 16px;
  position: absolute;
  top: 1px;
  left: 4px;
  color: white;
}

.sapo .listings li.ideas:hover > input[type=text],
.sapo .listings li.ideas.idea-done:hover > input[type=text] {
  background: #f8f8f8;
  border-color: #f8f8f8;
}

.sapo .listings li.posts .acoes, .sapo .listings li.ideas .acoes {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
  font-size: 1.10em;
}

.sapo .listings li.posts {
  padding:.5em 12em .5em 2.5em
}

.sapo .listings li.posts a.title {
  display: block;
  font-size: 1.20em;
}

.sapo .listings li.ideas {
  padding: 0;
  height: 0;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  opacity: 0;
}

.sapo .listings li span.acoes button[disabled] {
  color: #bbb;
}

.sapo .listings li.ideas.idea-show, .sapo .listings li.ideas.idea-new {
  padding:.5em 10em .5em 2.5em;
  height: 2.5em;
  opacity: 1;
}

.sapo .listings li.ideas input[type=text] {
  width: 100%;
  border: 1px solid #fff;
  font-size: 20px;
}

.sapo .listings li.ideas.idea-done input[type=text] {
  text-decoration: line-through;
  font-style: italic;
  color: #aaa;
  background: #fff;
}

.sapo .listings li.ideas input[type=text]::placeholder {
  font-style: italic;
  color: #ccc;
}

.sapo .listings li.idea-new input[type=checkbox], .sapo .listings li.idea-new .acoes {
  display: none;
}

.sapo .listings li.ideas input[type=text]::focus {
  border: 1px solid #eee;
}

.sapo .listings li.comments {
  padding:.5em .5em .5em 2.5em;
}

.sapo .listings li.comments p.title {
  margin: 0;
  margin-bottom: 0.5em;
  color: #888;
  font-size: 1.10em;
}

.sapo .listings li.comments p.com_txt {
  font-size: 1em;
  color: #333;
}

.sapo .listings li.comments a {
  display: inline;
}

.sapo .listings li.comments span.acoes {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 8px;
  font-size: 1.10em;
}

.sapo .listings li.comments span.info a strong{
  color: #d96125;
}
.sapo .listings li.comments span.info a:hover strong{
  color: #007ed5;
}

.sapo .listings li.comments input[type=checkbox] {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -7px;
}

/* SUBSCRIPTIONS LIST */

.sapo li.subscriptions {
  padding:1em;
}

.sapo li.subscriptions .subscriber_info {
  position: relative;
}

.sapo .subscriptions .subscriber_info img {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
  border-radius: 100%;
}

.sapo .subscriptions .subscriber_info p {
  margin:0 100px 5px 66px
}

.sapo .subscriptions .subscriber_info .info a {
  color: #444;
  cursor: pointer;
}

.sapo .subscriptions .subscriber_info .info a:hover,
.sapo .subscriptions .subscriber_info p.info a:hover:last-child {
  color: #007ed5
}

.sapo .subscriptions .subscriber_info p.info a:last-child {
  color: #d96125
}

.sapo .subscriptions .subscriber_info button {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -.75em;
  border: 0;
  font-size: .9em;
  padding: 7px 12px;
}

form.subscriber_options {
  margin:1em 0em 1em 4em;
  padding: 1em;
  background: #f0f0f0;
  border-radius: 5px;
}

form.subscriber_options h4,
form.subscriber_options p {
  margin-bottom: 0em
}

form.subscriber_options .control-group {
  margin-bottom: 0
}

form.subscriber_options ul {
  margin-left: 2em
}

form.subscriber_options li {
  font-size: .875em;
}
/*
form.subscriber_options input[type=checkbox] {
  margin: .4em 0;
}*/

.sapo .subscriptions  form.subscriber_options li {
  border:none;
}

.sapo .subscriptions form.subscriber_options li:hover {
  background: none;
}

.sapo .ink-alert.basic.collective_blogs {
  padding: 1em;
}

.collective_blogs div {
  background-color: rgba(255, 255,255, .65);
  border-radius: 5px;
  margin: 1em 0;
  padding: 1em
}

.collective_blogs h4 {
  margin-bottom: .5em
}

.sapo ul.choose_blogger li a {
  color:#222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.sapo ul.choose_blogger li a:hover {
  color:#007ed5;
}

.sapo ul.choose_blogger li img {
  float: left;
  border-radius: 100%;
  margin-right: 1em
}

.sapo ul.choose_blogger li button {
  padding: .175em .75em;
  margin-top: .25em;
  font-size: .875em;
  font-weight: bold;
}

#subscriptions .subscriber_info a, #subscribers .subscriber_info a {
  font-size: 1.2em;
}
#subscriptions .subscriber_info .info > a {
  font-size: 1.1em;
}

/* FEEDBACK LIST */

.sapo .listings li.feedback i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}

.sapo .listings .icon_feedback {
  position: absolute;
  left: 0;
  top: 50%;
}

.sapo .listings .feedback p {
  margin-bottom: .625em;
  font-size: .875em;
  color: #333;
}

.sapo .listings .feedback span {
  color: #444;
  display: block;
  padding-bottom: .45em
}

.sapo .listings .feedback span.info {
  font-size: .8em;
  color: #999;
}

.sapo .listings .feedback span a {
  font-weight: bold;
}

.sapo .listings li.feedback {
  padding:.5em 10em .5em 2em;
}

.sapo .listings li.feedback button {
  position: absolute;
  right: 0;
  top: 50%;
  background: none;
  border: none;
  color: #ccc;
}

.sapo .listings li.feedback button:hover {
  color: #f00
}

.sapo .listings li.feedback button i {
  font-size: 1em;
}


/* feedback icon color */

.feedback .fa-link {
  color:#eccc88;
}

.feedback .fa-heart {
  color:#fc96cd;
}

.feedback .fa-comment {
  color:#7dd3ff;
}

.feedback .fa-envelope {
  color:#24e0a1
}

/* TAGS*/

.sapo ul.tags {
  margin: 0
}

.sapo .tags li {
  padding: .625em 0;
  border-bottom:solid 2px #ececec;
  margin: 0 2em 0 0;
}

.sapo .tags li:last-child {
  border-bottom:none;
}

.sapo .tags li a.tag_count {
  color: #999;
  padding-left:.625em;
  font-size: .875em
}

.sapo .tags li a.tag_count:hover {
  color:#007ED5;
}

.sapo .tags li input[type=checkbox] {
  vertical-align: middle;
  margin-top: .25em;
  margin-right: .25em
}

.sapo .tags li form {
  display: inline-block;
}

.sapo .tags li input[type=text] {
  padding: 6px 3px;
  border-radius: 2px 0 0 2px

}

.sapo .tags li .sapo-button {
  padding: 4px 10px;
  margin-right: 1em
}

#tag_cloud article.box.bg_foto { padding: 0; }

#tag_cloud section.search-tags {
  float: right;
}

@media screen and (max-width:640px) {

  .sapo .listings li.ideas.idea-show, .sapo .listings li.ideas.idea-new {
    padding:.5em 4.5em .5em 2.5em;
  }

  #tag_cloud section.search-tags {
  float: none;
  }
}

/* BLOG LIST */

.blog_list .item {
  position: relative;
  padding:0 15em 0 1.5em;
}

.blog_list .linkblog {
  font-size: .9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-top: .25em;
}

.blog_list section h5 {
  margin-left: 1.3em
}

.blog_list .b_collapse {
  position: absolute;
  left: 0;
  top: .2em;
  border:0;
  background:none;
  padding:0;
  margin:0;
  color: #d96125;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.blog_list .b_collapse .fa-minus {
  display: none;
  padding-top: 2px;
  cursor: pointer;
}

.blog_list .b_collapse.active .fa-minus {
  display: inherit;
}

.blog_list .b_collapse.active .fa-plus {
  display: none;
}

.blog_list .b_blog {
  position: absolute;
  right: 0;
  top:48%;
  margin-top: -17px
}

.blog_list .b_blog .ink-navigation {
  display: inline-block;
}

.blog_list .b_blog .ink-navigation ul.dropdown li a {
  position: relative;
  padding: .5em 1em .5em 2.3em;
}

.blog_list .b_blog .ink-navigation ul.dropdown li a i {
  position: absolute;
  left: .8em;
  top: .65em;
  width: 14px;
  height: 14px;
  text-align: center;
}

.blog_list .b_options {
  margin-left: .4em;
  border-radius: 2px 0px 0px 2px;
}

.blog_list .b_blog .b_shortcut_menu {
  border-radius: 0px 2px 2px 0px;
  margin-left: 1px;
}

.blog_list ul.dropdown {
  min-width: 10.7em;
  border-radius: 0;
  box-shadow: none;
  padding:0;
  right: 0;
}

.blog_list ul.dropdown li {
  border-bottom: solid 1px #d9d9d9
}

.blog_list ul.dropdown li:last-child {
  border-bottom: 0;
}

.blog_list ul.dropdown li a {
  padding: .7em 1em;
}

.blog_list ul.stats {
  border: solid #f2f2f2;
  border-width: 1px 0 1px 0;
  position: relative;
}

.blog_list ul.stats li {
  display: inline;
  color: #888;
  padding-left: 1.5em;
}

.blog_list ul.stats li a {
  color: #999;
}

.blog_list ul.stats {
  position: relative;
  padding: 1em 0;
  margin: 1em 0;
}

.blog_list ul.stats li strong {
  color: #444;
  font-weight: bold;
}

.blog_list ul.stats .b_stats {
  border: 0;
  background: none;
  position: absolute;
  right: 0em;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  color:#d96125;
}

.blog_list ul.stats .fa {
  font-size: 20px;
}

.blog_list ul.comments {
  position: relative;
  padding-left: 4em;
  margin-left: 1.5em;
}

.blog_list ul.comments li {
  border-bottom: dotted 1px #e1e1e1;
  padding: 1em 0
}

.blog_list ul.comments li:last-child {
  border-bottom: none;
  padding: 1em 0 0 0
}

.blog_list .comments p {
  color: #333;
  font-size: .938em;
  margin:.5em 0;
  overflow: hidden;
}

.blog_list .comments span {
  color: #888;
}

.blog_list .comments .info {
  font-size: .85em;
}

.blog_list .comments .info strong {
  color: #444
}

.blog_list .comments .info strong a {
  color: #d96125
}

#li-basic .control-group, ul.avatar_config {
  padding-top: 1em
}

#li-email .control-group label {
  padding-top: 1em;
  line-height: 36px;
}

.blog_list .comments img.avatar {
  position: absolute;
  left: 0;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}

/* ticker cenas novas */

a.ticker_new {
  position: relative;
  background: #8dcf3f;
  color:#fff;
  font-size: 13px;
  padding: .1em .5em;
  top:-.8em;
  line-height: 1.5em;
}

a.ticker_new:after {
  content: '';
  position: absolute;
  left:-4px;
  bottom:-.1875em;
  height: 0;
  width: 0;
  border: 4px solid;
  border-color: transparent #8dcf3f transparent transparent;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

a.ticker_new.hide-all {
  display:inline-block !important
}

a.ticker_new.show-all {
  display:none !important
}

/* CONFIGS */

.blog_configs form ul li {
  position: relative;
}

.blog_configs ul li h5 {
  padding-bottom:.5em
}

.blog_configs p {
  font-size: 1em; /*font-size: .875em; */
  color: #666;
  margin-bottom: 0
}

.blog_configs .control-group {
  padding:0 1em
}

.blog_configs .control-group p {
  line-height: 1.5;
  margin: .5em 0 0 0;
  font-size: inherit;
}

.blog_configs form div label {
  font-weight: normal;
  font-size: 1em;
}

.blog_configs .blog_url,
.blog_configs .blog_favicon,
.blog_configs .blog_domain,
.insert_media .img_url,
.insert_media .video_url {
  position: relative;
  border:1px solid #c4c4c4;
  border-radius: 2px;
}

.blog_configs .blog_url {
  padding: 0;
}

.blog_configs .blog_url input,
.blog_configs .blog_favicon input,
.blog_configs .blog_domain input,
.insert_media .img_url input,
.insert_media .video_url input {
  border: 0;
  width:100%;
}

@media screen and (min-width: 640px) {
  .blog_configs .blog_url,
  .blog_configs .blog_domain {
  padding: 0 0 0 5em;
  }

  .blog_configs .blog_favicon { padding: 0; }

  .blog_configs .blog_url {
  padding: 0 8em 0 5em;
  }

  .blog_configs .blog_url:before,
  .blog_configs .blog_url:after,
  .blog_configs .blog_favicon:before,
  .blog_configs .blog_favicon:after,
  .blog_configs .blog_domain:before,
  .blog_configs .blog_domain:after,
  .insert_media .img_url:before,
  .insert_media .img_url:after,
  .insert_media .video_url:before,
  .insert_media .video_url:after {
  position: absolute;
  top: 0;
  height:100%;
  background: #f0f0f0;
  line-height: 34px;
  text-align: center;
  }


  .blog_configs .blog_url:before,
  .blog_configs .blog_domain:before {
  content: 'https://';
  left:0;
  width: 5em;
  }

  .blog_configs .blog_url:after {
  content: '.blogs.sapo.pt';
  right:0;
  width: 8em;
  }
}

.blog_configs .url_check {
  font-weight: bold;
  font-style: normal;
}

.sapo .blog_configs .ok {
  color: #669f22
}

.sapo .blog_configs .nope {
  color: #cf0000
}

p.alertbg {
  background-color: #e7f3f7;
  border-radius: 4px;
  border-bottom: 0;
  color: #0f4b5f;
  font-size: .9em;/*font-size: .938em;*/
  padding: .7em 1em;
  line-height: 1.4em;
  margin: .5em 0
}

p.alertbg a {
  color: #0f4b5f;
  text-decoration: underline;
  font-weight: bold;
}

.control-group p.tip {
  font-size: 1em;/*font-size: .938em;*/
  line-height: 1.4;
  color:#666
}

.sapo .ink-alert.basic {
  background-color: #e7f3f7;
  border-radius: 4px;
  color: #0f4b5f;
  padding: .7em 2em .7em 1em;
  line-height: 1.4em;
}

.sapo .ink-alert .ink-dismiss {
  padding: 0;
  color: #333;
}

p.no_content {
  margin: 0;
  color: #666;
  text-align: center;
  font-style: italic;
}

.blog_configs li .sapo-button {
  margin-left: 1em
}

.blog_configs .p_list {
  border-bottom:solid 1px #f2f2f2;
  color: #222;
  padding: .5em 0;
  margin: 0;
}

.blog_configs .p_list span {
  color: #888
}

.blog_configs .p_list span button {
  position: relative;
  background: none;
  border: 0;
  color: #d96125;
  padding: 0;
  margin-left: 1em
}

.blog_configs .p_list span button:hover{
  color: #6998c9;
}

ul.personal_data {
  margin: 1em 1em 0 0;
}

.add_field {
  padding: 0 0 1em 0;
}

.control-group .p_list input[type=checkbox]{
  float: none;
}

.blog_configs .control-group .p_list li {
  margin: 0;
}

.p_list.column-group .all-20 {
  text-align: center
}

.p_list .revoke:before {
  content:'|';
  position: absolute;
  font-weight: normal;
  color: #888;
  top: 3px;
  left: -9px;
  font-size: .75em;
}

.blog_configs .control {
  padding-top: 0.75em
}

.blog_configs .invite label {
  white-space: nowrap;
  padding-right: 1em;
}

.blog_configs .invite .ink-button {
  padding: 9px 12px;
}

.blog_configs .flex-table-center {
  display: flex;
  height: 50px;
  align-items: center;
  font-size: 1.1em;
  color: #555;
}

#authors .p_list.column-group .all-20 {
  text-align: left;
}

#authors .append-button button {
  margin-left: 5px;
}

#privacy #email-value {
  height: 36px;
  max-width: 99%;
}

@media screen and (max-width: 600px) {
  #authors .append-button {
  display: block;
  }

  .ink-form .control-group .control.append-button span {
  display: block;
  }

  #li-email span.push-right {
  float: none;
  display: block;
  }

  #authors .append-button button {
  margin-left: 0;
  margin-top: 5px;
  }

  #authors .p_list label {
  white-space: nowrap;
  }
}

.blog_configs .b_toggle label {
  text-transform: uppercase;
  font-weight: bold;
  color: #444;
  font-size: .8em
}
.blog_configs .b_toggle.disabled label {
  color: #bbb;
}

/* post por mail configs */

ul.ppmail_settings {
  padding-top:.5em
}

ul.ppmail_settings li {
  margin:0 0 1.5em 1em
}

ul.ppmail_settings li:last-child {
  margin-bottom:0
}

ul.ppmail_settings li h6 {
  padding-bottom: .5em;
}

ul.ppmail_settings .control-group {
  padding-left: 0
}

ul.ppmail_settings .add_field {
  padding-bottom: 0
}

ul.ppmail_settings button.pin_reload {
  background: none;
  border: 0;
  font-weight: bold;
  color: #d96125;
  margin-left: .6em;
}

ul.ppmail_settings .add_field button {
  margin-left: 0
}

ul.ppmail_settings li .control a {
  margin-left: .4em;
  vertical-align: middle;
}

ul.ppmail_settings p.ppmail_address {
  font-size: 1.125em;
  color: #d96125;
  border-bottom: solid 1px #f2f2f2;
  padding-bottom: .5em;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.ppmail_settings p.ppmail_address span{
  font-size: .8em;
  color: #333;
  display: block;
}

ul.ppmail_options {
  margin-bottom: 0
}

ul.ppmail_options li {
  padding: .4em 0 0 1em;
}

ul.ppmail_options label {
  width: 7em;
  display: inline-block;
}

.ppmail_album {
  padding: 1em 0 .4em 1em
}

.ppmail_album label {
  padding-right: .4em
}


ul.avatar_config {
  padding: 1em 0 0 2em;
  margin: 0;
  border-left:1px solid #F3F3F3;
}

ul.avatar_config li{
  display: inline-block;
  vertical-align: top;
  margin: .3em 0
}

ul.avatar_config p {
  display: block;
  font-size: .8em;
  color: #666;
  margin-bottom: 0
}

ul.avatar_config img {
  border-radius: 70px;
  margin: 10px .5em 0 .5em;
}

ul.avatar_config input {
  margin-bottom: 1em
}

ul.avatar_config .avatar_options {
  padding-top: 10px
}

ul.avatar_config li.avatar { display: block; }

.control-group.assinatura   { padding:1em 2em 0em 1em; }
.control-group.assinatura p { font-size: small; }

/*ul.personal_data {
  margin: 0 1em
}*/

/*
ul.personal_data li {
  border-bottom: solid 1px #f2f2f2;
  padding: .25em 0 .75em 0;
  color: #222
}
*/

ul.personal_data li:first-child {
  color: #444;
}
/*
ul.personal_data li:last-child {
  color: #666;
  font-size: .8em;
  text-align: right;
  border-bottom: 0
}

ul.personal_data li span{
  width: 10em;
  text-align: right;
  font-size: .75em;
  display: inline-block;
  color: #888;
  margin-right: 1em;
}
*/

.sapo .email_config input[type=checkbox] {
  width:1em;
  margin: .75em 0 0 1em;
}

.sapo .email_config .ink-form .control-group input[type=checkbox]+label{
  margin-top: 0;
  padding-left: 2.5em;
  vertical-align: sub;
}

#li-emails .email_config label {
  float:right;
  margin-top: .5em;
}

#emails_container .remove-elem{
  vertical-align: sub;
}

.add_field {
  padding: 0 0 .5em 0
}

.add_field button {
  background: none;
  border: 0;
  font-weight: bold;
  color: #d96125;
  margin-left: .6em;
}

.add_field button span {
  font-weight: normal;
  color: #444;
}

.add_field button i {
  font-size: 1.1em;
  padding-right: .15em
}

.add_field p {
  margin-left: 2.65em;
}

.new_field_content {
  padding-top: 2em
}

.domain-step {
  background-color: #FAFAFA;
  padding: 1em;
  margin: 0.5em 0 0.3em 0;
}

.domain-step .domain-state-on h5 {
  color: #a0cd28;
}

.domain-step .domain-state-off h5 {
  color: #444444;
}

.domain-step .domain-state-error h5 {
  color: #ffebe6;
}

.domain-step .push-left {
  padding: 0.5em 1em 0.5em 0em;
  font-size: x-large;
}

.domain-step-num {
  background: #999;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6em;
  margin: 0 5px 10px 0;
  text-align: center;
  width: 1.6em;
}

.domain-state-on, .domain-state-off, .domain-state-error {
  background-color: #F9F9F9;
  color: #999;
  padding: 1em;
  margin: 0 0 0.3em 0;
}

.b_toggle button {
  padding: 0;
  margin: 0 .625em;
  width: 50px;
  height: 26px;
  position: relative;
  border:0;
  border-radius: 13px;
  direction: ltr;
  overflow: hidden;
  vertical-align: middle;
  background:#d4d4d4;
  padding-left: 2px;
  padding-right: 2px;
  /*
  background:-webkit-linear-gradient(top,#d4d4d4,#f5f5f5);
  background:-moz-linear-gradient(top,#d4d4d4,#f5f5f5);
  background:-ms-linear-gradient(top,#d4d4d4,#f5f5f5);
  background:-o-linear-gradient(top,#d4d4d4,#f5f5f5);
  background:linear-gradient(top,#d4d4d4,#f5f5f5);
  box-shadow:0 0 7px rgba(0,0,0,0.3) inset;
  */
  color: #bbb;
}

.b_toggle button i{
  /*position:absolute;
  left: 2px;
  top:2px;
  */
  float: left;
  width:22px;
  height:22px;
  border-radius: 100%;
  background: #fff;
  line-height: 22px;
  text-align:center;
  /*
  background:#f4f4f4;
  text-shadow:0 1px 0 #fff;
  background:-webkit-linear-gradient(top,#dfdfdf,#f4f4f4);
  background:-moz-linear-gradient(top,#dfdfdf,#f4f4f4);
  background:-ms-linear-gradient(top,#dfdfdf,#f4f4f4);
  background:-o-linear-gradient(top,#dfdfdf,#f4f4f4);
  background:linear-gradient(top,#dfdfdf,#f4f4f4);
  box-shadow:0 2px 0 #fff inset, 0 0 7px rgba(0,0,0,0.5);
  */
  font-size:15px;
  cursor: pointer;
}

/* toggles laranja */
.b_toggle button.orange{
  background:#d58732;
  /*
  background:-webkit-linear-gradient(top,#d58732,#ffd044);
  background:-moz-linear-gradient(top,#d58732,#ffd044);
  background:-ms-linear-gradient(top,#d58732,#ffd044);
  background:-o-linear-gradient(top,#d58732,#ffd044);
  background:-linear-gradient(top,#d58732,#ffd044);
  box-shadow:0 0 7px #b76d00 inset;
  */
  color: #de9736;
}

/* toggles verdes */
.b_toggle button.green{
  background:#a0cd28;
  /*
  background:-webkit-linear-gradient(top,#7ac71e,#b6ef2c);
  background:-moz-linear-gradient(top,#7ac71e,#b6ef2c);
  background:-ms-linear-gradient(top,#7ac71e,#b6ef2c);
  background:-o-linear-gradient(top,#7ac71e,#b6ef2c);
  background:linear-gradient(top,#7ac71e,#b6ef2c);
  box-shadow:0 0 7px #74b601 inset;
  */
  color: #a0cd28;
}

.b_toggle button.active i {
  /*
  left: auto;
  right: 2px;
  */
  float: right;
}

.b_toggle button i + i {
  display: none;
}

.b_toggle button.active i.fa-unlock {
  display: none;
}

.b_toggle button.active i.fa-lock {
  display: block;
}

.b_toggle button[disabled] {
  background: none;
  border: 1px dashed #ccc;
  color: #bbb;
  filter: none;
}

/* LEITURAS */

.sapo .reading_list article {
  position: relative;
  padding: 1.5em 1.5em 1.5em 5.5em;
}

.sapo .reading_list article h4 a, .sapo .reading_list article h3 a {
  color: #444;
}

.sapo .reading_list article ol {
  margin-left:5px
}

.sapo .reading_list article button {
  border: 0;
  background: none;
  position: absolute;
  right: 1.5em;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  color:#ddd;
}

.sapo .reading_list article button.active {
  color:#f5ca00;
  cursor:pointer;
}

.sapo .reading_list article .avatar {
  position: absolute;
  left: 1.5em;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}

.sapo .reading_list article span {
  font-size: .9em;
  color: #999;
}

.sapo .reading_list article span strong{
  color: #555;
}

.sapo .innerpost {
  font-size: 1em;
  color: #444;
  overflow:hidden;
}

.sapo .reading_list ul.pagination li:first-child:after {
  content: '|';
  color:#afafaf;
  font-size: .75em;
  font-weight: bold;
  position: relative;
  top:.55em;
}

#destaques ul.pagination li, .sapo .reading_list ul.pagination li {
  color: #666;
  font-size: 1em;
  line-height: .8em;
}

#destaques ul.pagination li a, .sapo .reading_list ul.pagination li a {
  color: #666;
  font-weight: normal;
  background: none;
}

#destaques ul.pagination li a.inactive, .sapo .reading_list ul.pagination li a.inactive {
  color: #afafaf;
  cursor: default;
}

#destaques .destaques_post article h3 {
  font-size: 0.9em;
  margin-top: 0.5em;
}
#destaques .destaques_post article {
  height: 200px;
  overflow: hidden;
}
#destaques .destaques_post article .blog_name {
  font-size: .65em;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  padding: .5em 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #555;
}

#destaques blockquote { font-size: 1em; }

.reading_list aside ul {
  margin-bottom: 1em;
}

.reading_list aside li {
  color: #888
}

.reading_list aside li strong{
  color: #444
}

.reading_list .bo_search_form {
  padding-bottom: .5em
}

.sapo .reading_list aside .append-button .sapo-button {
  line-height: 1.65
}

.sapo .reading_list .video-container {
  position: relative;
  padding-top: 30px; height: 0; overflow: hidden;
  margin-bottom: 10px;
}

.sapo .reading_list .video-container.youtube {
  padding-bottom: 56.25%;
}

.sapo .reading_list .video-container.vimeo {
  padding-bottom: 53.25%;
}

.sapo .reading_list .video-container.sapo {
  padding-bottom: 52.25%;
}


.sapo .reading_list .video-container iframe,
.sapo .reading_list .video-container object,
.sapo .reading_list .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

a.add_recommended {
  display: block;
}

ul.recommended li {
  padding-bottom: 1em;
}

ul.favorited li {
  padding-bottom: 1em;
}

ul.favorited li a {
   display: block;
}

.sapo .reading_list .public_reading_promo {
  background: url(/images/ink/leituraspublicas.jpg) no-repeat top center;
  text-align:center;
  padding:2.5em 0.5em 1em 0.5em;
}

.public_reading_promo h3 {
  font-size:2em;
  color:#fff;
  margin: 0.3em 0 0.5em;
}

.public_reading_promo p {
  color:#fff;
  font-size:1em;
  margin:0.7em 0 1.2em 0;
}

.sapo .reading_list .planeta_livros {
  background: url(/images/ink/planetalivros.jpg) no-repeat top right;
}

.sapo .reading_list .planeta_moda {
  background: url(/images/ink/planetamoda.jpg) no-repeat top right;
}

.sapo .reading_list .planeta_opiniao {
  background: url(/images/ink/planetaopiniao.jpg) no-repeat top right;
}

.sapo .reading_list .planeta_poupar {
  background: url(/images/ink/planetapoupar.jpg) no-repeat top right;
}

.sapo .reading_list .planeta_boavida {
  background: url(/images/ink/planetaboavida.jpg) no-repeat top right;
}

.sapo .reading_list .planeta_humor {
  background: url(/images/ink/planetahumor.jpg) no-repeat top right;
}

.sapo .reading_list .planeta_quotidiano {
  background: url(/images/ink/planetaquotidiano.jpg) no-repeat top right;
}

.sapo .reading_list .planeta_futebol {
  background: url(/images/ink/planetafutebol.jpg) no-repeat top right;
}

.public_reading_promo a.botaoregisto,
.public_reading_promo a.botaoregisto:link,
.public_reading_promo a.botaoregisto:visited {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ec9224 0px, #e37e24 100%) repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  font-size: large;
  font-weight: 300;
  padding: 0.5em 1em;
  text-decoration: none;
}

.public_reading_promo a.botaoregisto:hover {
  background: #e37e24;
}

@media screen and (max-width:500px) {
  .sapo .reading_list .public_reading_promo {
  background: url(/images/ink/leituraspublicas.jpg) no-repeat top center;
  text-align:center;
  padding:1em 0.5em 1em 0.5em;
  height:200px;
  }
  .sapo .reading_list .planeta_livros {
    background: url(/images/ink/planetalivros.jpg) no-repeat top center;
  }
  .sapo .reading_list .planeta_moda {
    background: url(/images/ink/planetamoda.jpg) no-repeat top center;
  }
  .sapo .reading_list .planeta_opiniao {
    background: url(/images/ink/planetaopiniao.jpg) no-repeat top center;
  }
  .sapo .reading_list .planeta_poupar {
    background: url(/images/ink/planetapoupar.jpg) no-repeat top center;
  }
  .sapo .reading_list .planeta_boavida {
    background: url(/images/ink/planetaboavida.jpg) no-repeat top center;
  }
  .sapo .reading_list .planeta_humor {
    background: url(/images/ink/planetahumor.jpg) no-repeat top center;
  }
  .sapo .reading_list .planeta_quotidiano {
    background: url(/images/ink/planetaquotidiano.jpg) no-repeat top center;
  }
  .sapo .reading_list .planeta_futebol {
    background: url(/images/ink/planetafutebol.jpg) no-repeat top center;
  }
}

/* SUBSCRIBE PROFILE */

.sapo .subscribe_profile {
  position: relative;
  margin:1em 0;
}

.sapo .subscribe_profile button.b_close {
  position: absolute;
  top:1.35em;
  right: 1em;
  background: none;
  border: 0;
}

.sapo .subscribe_profile h5 {
  margin-bottom: 1em
}

.sapo .subscribe_profile p {
  margin-bottom: .5em
}

.sapo .subscribe_profile form {
  padding-top: 1em
}

.sapo .subscribe_profile .subscriber_info_wrapper {
  background-color: rgba(255, 255,255, .65);
  border-radius: 5px;
  margin: 1em 0;
  padding: 1em;
}

.sapo ul.subscriber_info {
  margin: 1em 0 0 0
}

.sapo ul.subscriber_info li {
  position: relative;
  border-top: 1px solid #ddd;
  padding: 1em 0
}

.sapo ul.subscriber_info li div {
  margin-left: 4em;
  margin-right: 6.5em;
}

.sapo ul.subscriber_info li img {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}

.sapo ul.subscriber_info li p {
  margin-bottom: 5px
}

.sapo ul.subscriber_info li span {
  color: #888;
}

.sapo ul.subscriber_info li .info a {
  color: #444;
  cursor: pointer;
}

.sapo ul.subscriber_info li button {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -.75em;
  border: 0;
  font-weight: bold;
  font-size: .812em;
  padding: .187em .75em
}

.sapo .subscribe_profile ul.pagination li {
  font-size: .875em;
}

.sapo .subscribe_profile ul.pagination li:first-child:after {
  content: '';
}

 .sapo .subscribe_profile .bo_search_form input[type=search] {
  width: 100%;
}

.sapo .subscribe_profile .tip {
  font-size: .8em;
  color: #888;
}


/* CHOOSE TEMPLATE */

ul.current {
  margin: 1.5em 1em
}

ul.current li {
  position: relative;
  padding: 1.8em 0 0 18em
}

ul.current li img {
  border: 1px solid #eee;
  width: 260px;
  height:164px;
  position: absolute;
  left: 0;
  top: 0;
}

ul.current li p {
  color: #333;
  font-weight: bold;
  margin-bottom: .5em
}

ul.current li span {
  font-size: .875em
}

ul.current li span i {
  color: #ddd
}

ul.current li span a {
  padding-left: .375em
}

ul.current li span a:after {
  content: ', ';
  color: #999
}

ul.current li span a:last-child:after {
  content: '';
}

ul.current li button {
  display: block;
}

.choose_template form h6 {
  padding-top: .5em;
}

ul.template_list li a {
  position: relative;
  display: block;
}

ul.template_list li a:after {
  content: '\f08e';
  background-color:rgba(0,0,0, .55);
  height: 1.25em;
  width: 1.5em;
  position: absolute;
  top: 50%;
  right:0;
  margin-top: -.6em;
  font-size: 1.75em;
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  z-index: 100;
}
ul.template_list.template_categories li a:after { content: none; }

ul.template_list li a:hover:after{
opacity: 1;
}


ul.template_list li a img, ul.template_list li img {
  border: 1px solid #eee;
  width:100%;
  height:auto;
}

ul.template_list li p {
  margin: 0;
  padding: .5em 0;
  color: #333;
  /*font-size: .875em;*/
  font-weight: bold;
}

.sapo ul.template_list li button {
  font-weight: bold;
  font-size: .938em;/*font-size: .812em;*/
  padding: .3em .75em
}

#templates-content .template_list a {
  width: 100%;
  padding-top: 66.66%;
  position: relative;
}

#templates-content .template_list img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#templates-content .ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  pointer-events: none;
}
#templates-content .ribbon::before,
#templates-content .ribbon::after {
  position: absolute;
  content: '';
  display: block;
  border: 3px solid #d96125;
}
#templates-content .ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 10px 0;
  background-color: #f38e26;
  box-shadow: 0 2px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 12px sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top right*/
#templates-content .ribbon-top-right {
  top: -5px;
  right: -5px;
}
#templates-content .ribbon-top-right::before,
#templates-content .ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
#templates-content .ribbon-top-right::before {
  top: 0;
  left: 50px;
}
#templates-content .ribbon-top-right::after {
  bottom: 50px;
  right: 0;
}
#templates-content .ribbon-top-right span {
  left: -2px;
  top: 20px;
  transform: rotate(45deg);
}

.tpl_pag {
  color: #666;
  font-size: .75em;
  font-weight: bold;
  line-height: 2em;
}

.template_filters {
  margin: 1em 0;
  padding: 1em;
  background: #f0f0f0;
  border-radius: 5px
}

.template_filters fieldset {
  display:inline-block;
  padding: 0 1em 0 0;
  vertical-align:top;
  border: 0;
  margin: 0;
}

.ink-form .template_filters legend {
  border:0;
  padding-bottom: .5em;
  font-size: .875em;
  font-weight: bold;
}

.ink-form .template_filters ul {
  margin: 0;
  display:inline-block;
  padding:0 2em 0 0;
  vertical-align: top;
}

.template_filters li {
  font-size: .75em;
  color: #222
}

.template_filters input[type=checkbox] {
  vertical-align: top;
  margin-right: .375em
}

.choose_template input[type="search"] {
  height: 2.05em;
}

.choose_template .filtersearch_tpl a.sapo-button {
  margin-right: 1em;
}

.choose_template .filtersearch_tpl button.toggle {
  position: relative;
  padding-right: 2em;
}

.choose_template .filtersearch_tpl button.toggle:after {
  content: '';
  position: absolute;
  right:.875em;
  top: 45%;
  height: 0;
  width: 0;
  border: 4px solid;
  border-color: #fff transparent transparent transparent;
  margin:1px 0 0;
}

.choose_template .filtersearch_tpl button.toggle.active:after {
  border-color: transparent transparent #fff transparent;
  margin-top: -3px;
}

/* CUSTOMIZE */

#customize .sapo-button.image-dialog-trigger {
  margin-left: 1em;
  padding:9px 12px 8px 12px;
}

.template_customize p {
  font-size: .85em;
  color: #666;
  margin-bottom: 1em;
}

.template_customize .alertbg {
  margin-top: 1em;
  display: inline-block;
}

.template_customize .margin-right {
  margin-right: 10px;
}

.template_customize .submenu-control {
  display: none;
  border-bottom: dashed 1px #e0e0e0;
}

.template_customize label.submenu {
  text-align: right;
  font-size: 14px;
  margin-top: 5px;
}

.template_customize input.submenu {
  font-size: 12px;
  margin-bottom: .5em;
}

.template_customize .custom_section {
  border-bottom: solid 1px #f2f2f2;
  padding: 1em 0;
}

.template_customize .custom_section i {
  line-height: inherit;
}

.template_customize a.reset_data {
  padding-top: .5em;
}

.customize_options,
ul.appearance_options {
  margin: .75em 0
}

ul.appearance_options {
  margin: 0;
}

ul.appearance_options li {
  padding: .625em;
  margin: 0;
}

ul.appearance_options li:last-child {
  border-bottom: 0;
}

ul.appearance_options li span,
#apresentacao li.control-group label {
  font-size: .875em;
  color: #666;
  padding-right: 2em;
  display: inline-block;
  width: 50%;
  text-align: right;
}

ul.appearance_options .control-group {
  position: relative;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
}

ul.appearance_options .b_toggle label {
  text-transform: uppercase;
  font-weight: bold;
  color: #444;
  font-size: .75em
}

#customize .control select {width: 200px;}
#apresentacao .control select {
  float: left;
  font-size: 0.9em;
}

#apresentacao .control input[type=text] {
  width: 200px;
  float: left;
}

#imagem .type-int {
  width: 11.5em;
  float: left;
   margin-left: 1em;
}


#apresentacao .control-group input[type=checkbox] {
  margin:0;
  bottom:0;
}

ul.template_colors {
  margin: 0 0 1em 0;
}

ul.template_colors li {
  padding: .625em;
  margin: 0;
  text-align: right;
}

ul.template_colors li span {
  font-size: .9em;
  color: #666;
  padding-right: .625em;
}

.select_color {
  outline: none;
  border-radius: 2px;
  border: solid 1px #ccc;
  width: 25px;
  height: 25px;
  position: relative;
  float: right;
  margin-right: 15px;
  box-shadow: 3px 3px 6px rgba(0,0,0,.25) inset;
}

.select_color:after {
  content: "\f0d7";
  position: absolute;
  top:3px;
  right:-15px;
  font-family: FontAwesome;
  font-size: .875em;
  font-style: normal;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul.template_text {
  margin: 0;
}

ul.template_text li {
  padding: .625em;
  margin: 0;
  text-align: right;
}
ul.template_text li:last-child {
  border: none;
}

ul.template_text div {
  position: relative;
  float: right;
  width: 50%;
}

ul.template_text label {
  font-size: .875em;
  color: #666;
  padding-right: .625em;
}

ul.template_text input {
  font-size: .875em;
  color: #000;
}

ul.template_text .control-group,
.bg_options.control-group {
  margin-bottom: 0;
}

.bg_options {
  padding: 1em 0 0 0;
}

.bg_options ul li {
  display: inline-block;
  padding-right: 1em;
}

.bg_options ul li {
  font-size: .875em;
}

.bg_options.control-group button {
  line-height: 1.2em
}

.bg_options span {
  margin: 0 1em
}

.customize_options .gutters {
  margin-bottom:1em
}

#letras li.control-group select, #imagem li.control-group select {
  width: 10em;
  float: left;
  margin-left: 1em;
  font-size: 0.9em;
  font-weight: 400;
}


@media screen and (max-width:600px) {
  ul.appearance_options li span {
  width: 100%;
  text-align: left;
  }
  ul.template_text div {
  float: none;
  width: 100%;
  }
  ul.template_text li {
  text-align: left;
  }
  #letras li.control-group select, #imagem li.control-group select {
  width: 100%;
  float: none;
  margin-left: 0;
  }
}

/* BLOG STATS */

.subscription-stats {
  float:right;
}

ul.real-time-stats {
  text-align:center;
  line-height: 1em;
}

ul.real-time-stats li {
  display:inline-block;
  padding: 0 .75em;
  margin:0; text-align:left;
}

ul.real-time-stats li.rl-total h5 {
  font-size:3em;
  line-height:0;
  padding-right:.25em
}

ul.real-time-stats li.rl-new,
ul.real-time-stats li.rl-returning {
  border:solid #eee;
  border-width: 0 0 0 2px
}

ul.real-time-stats li.rl-new h5,
ul.real-time-stats li.rl-returning h5 {
  font-size:1.625em;
  line-height:1
}

ul.real-time-stats li.rl-new h5 {
  color:#8dcf3f
}

ul.real-time-stats li.rl-returning h5 {
  color:#f2bd1d
}

ul.real-time-stats li span {
  text-transform:uppercase;
  color:#888;
  font-weight:bold;
  font-size:.75em;
}

ul.real-time-stats.today {
  text-align:left;
  line-height: .75;
  margin:0.75em 0 0.5em 0;
}

ul.real-time-stats.today li.rl-new {
  border:solid #eee;
  border-width: 0;
}

ul.real-time-stats.today li.rl-returning {
  border:solid #eee;
  border-width: 0 0 0 2px;
}

ul.real-time-stats.today li.rl-new h5,
ul.real-time-stats.today li.rl-returning h5 {
  font-size:2.7em;
  line-height:1
}

/* PAGINATION */

.sapo ul.pagination li {
  font-size: 1em;
  font-weight: normal;
  color: #777;
}

.sapo ul.pagination li:first-child a {
  border-radius: 2px
}

.sapo ul.pagination li a {
  color:#666;
  border-radius: 2px;
  padding: .25em .55em;
  margin: 0 .3em;
  line-height: 1.3em
}

.sapo ul.pagination li a.active {
  background: #ef8626;
  color: #fff
}

.sapo ul.pagination li a.txt {
  background: none;
  border-radius: 0;
}

/* WARNINGS */

.sapo .ink-alert.basic {
  background: #e7f3f7;
  box-shadow: none;
  color:#0f4b5f;
  border:0;
}

.sapo .ink-alert.basic.success {
  background: rgba(74,155,23,.3);
  box-shadow: none;
  color:#38621d;
  border:0;
}

.sapo .ink-alert.basic.success p {
  background: rgba(74,155,23,0);
  color:#38621d;
}

.sapo .ink-alert.basic.success a {
  color:#38621d;
  text-decoration: underline;
  font-weight: bold;
}

.sapo .ink-alert.basic.error {
  background: #ffebe6;
  box-shadow: none;
  color:#962319;
  border:0;
}

.sapo .ink-alert.basic.error p {
  background: #ffebe6;
  color:#962319;
}

.sapo .ink-alert.basic.error a {
  color:#962319;
  text-decoration: underline;
  font-weight: bold;
}
.sapo .ink-alert.basic, .sapo .ink-alert.basic p {
  background: #e7f3f7;
  box-shadow: none;
  color:#0f4b5f;
  border:0;
  font-size: .938em;
}
.sapo .ink-alert p > img {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.sapo .ink-alert.basic a {
  color:#0f4b5f;
  text-decoration: underline;
  font-weight: bold;
}

.sapo .ink-alert.basic.error a {
  color:#962319;
  text-decoration: underline;
  font-weight: bold;
}
.sapo .ink-alert p {
  margin:0;
}

/* PRÉ-FOOTER */

.pre-footer {
  background:#fff;
  border-top:solid 1px #f1eeee;
  padding-top: 2em;
  margin-top: -1em;
}

.pre-footer h3 {
  font-size: 1.3em;
  font-weight: normal;
}

.pre-footer p {
  margin: .2em 0;
  font-size: .875em
}

.pre-footer h6{
  font-weight: normal;
}
/* FOOTER */

.sapo footer, .homepage footer {
  background:#eeeeee;
  border-top:solid 1px white;
  -webkit-box-shadow: 0 -1px 0 #e1e1e1;
  -moz-box-shadow: 0 -1px 0 #e1e1e1;
  box-shadow: 0 -1px 0 #e1e1e1;
  padding: 2em 0;
  margin-bottom: -1px;
}

.sapo footer nav.ink-navigation ul.menu.horizontal li a,
.homepage footer nav.ink-navigation ul.menu.horizontal li a {
  font-size: .9em;
  padding: .7em;
}

footer .column-group {font-size:.875em}

#bsu-v2-footer {
  padding-left: 0 !important;
}

#bsu-v2-footer.bsu-v2-footer-light .bsu-v2-footer-logo a {
  background-position: 0px -82px !important;
}

.sapo .bsu-v2-footer-text {
  line-height: 36px;
  padding-top: 0
}

#bsu-v2-footer {
  padding-top: 0px !important;
}

.bsu-v2-footer-text {
  float: left !important;
}

/* EDITOR */

.editor body {
  background: #f8f8f8
}

.sapo .editor .column-group.gutters {
  padding-left: 3em;
}

.editor .ink-grid {
  max-width: 100%;
}

.editor header {
  background:#ef8526;
  background:-moz-linear-gradient(top, #ef8526 0, #ef8526 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ef8526), color-stop(100%, #ef8526));
  background:-webkit-linear-gradient(top, #ef8526 0, #ef8526 100%);
  background:-o-linear-gradient(top, #ef8526 0, #ef8526 100%);
  background:-ms-linear-gradient(top, #ef8526 0, #ef8526 100%);
  background:linear-gradient(to bottom, #ef8526 0, #ef8526 100%);
  padding: .635em 2em;
  border-bottom: solid 1px #fff;
}

.editor header h1 {
  padding: 0;
}

.editor header h1 a {
  background:url(https://imgs.sapo.pt/images/blogs/homepage/sapoblogs_white.png) no-repeat;
  width:150px;
  height:42px;
  overflow:hidden;
  text-indent:-9999px;
  display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .editor header h1 a{
    background:url(https://imgs.sapo.pt/images/blogs/homepage/sapoblogs_retina_white.png) no-repeat;
    width:190px;
    height:39px;
    overflow:hidden;
    text-indent:-9999px;
    display: block;
    background-size: 190px 39px;
  }
}

.editor header div.unlogged,
.editor header div.logged {
  margin-top:3px
}

.editor a.b_meusblogs {
  background: none;
  color: #fff;
  margin-right: 0;
  padding: 0
}

.editor .b_shortcut_menu {
  width: 34px;
  padding: 8px 12px;
  background: none;
  border: none;
  text-indent: -9999px;
  color: #fff;
}

.editor .b_shortcut_menu:hover {
  background: -webkit-linear-gradient(top,rgba(0,0,0,.25),rgba(0,0,0,.25));
  background: -moz-linear-gradient(top,rgba(0,0,0,.25),rgba(0,0,0,.25));
  background: -ms-linear-gradient(top,rgba(0,0,0,.25),rgba(0,0,0,.25));
  background: -o-linear-gradient(top,rgba(0,0,0,.25),rgba(0,0,0,.25));
  background: linear-gradient(top,rgba(0,0,0,.25),rgba(0,0,0,.25));
  background-color: #f38e26;
}

.editor .b_shortcut_menu:after {
  border-color: #fff transparent transparent transparent
}

.editor .b_shortcut_menu.active:after {
  border-color: transparent transparent #fff transparent;
}

.editor h2 {
  color: #7c4309;
  font-size: 1.3em;
}

.editor h2 a {
  color: #fff;
}

.editor h6 {
  font-size: 1em;
  margin-bottom: .5em;
  color: #777;
  font-weight: normal;
}

.editor a.btn_editor_voltar i {
  font-size: .5em;
  vertical-align: middle;
}

.editor select {
  line-height: 30px;
  height: 30px;
  padding: 0;
}

.editor .status,
.editor .tip {
  color: #888;
  font-size: .75em;
  text-align:right;
}
.editor main {
  padding: 1em 0
}

.editor aside {
  padding: 1em 0 1em 3em
}

.editor aside.mobile-visible {
  display: block !important;
  position: absolute;
  z-index: 70000;
  background: rgb(248, 248, 248);
  width: 320px;
  padding: 1em;
  top: 0;
  right: 0;
  min-height: 110%;
  animation: .5s slidein;
}
@keyframes slidein {
  from { right: -320px; }
  to   { right: 0; }
}

.editor .sidebar-button {
  display: none;
}

.editor .eye-button {
  display: none;
}

.editor fieldset {
  border:0;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.editor .post_title {
  position: relative;
  z-index: 2;
}

.editor .post_title .push-left {
  width: 100%;
  padding-right: 235px;
}

.editor .post_title.ld  > .push-left {
  width: 100%;
  padding-right: 270px;
}

.editor .post_title .push-right {
  margin-left: -355px;
}

.editor .post_title button {
  margin-left: 5px;
  padding:6px 10px;
}

.editor .post_title button.ld {
  width: 36px;
  height: 36px;
}

.editor #ld_content {
  width: 100%;
  margin-top: 1em;
  min-height: 2em;
}

.editor .edit_area {
  margin: 0;
  height: 100%;
  /*overflow: hidden;
  overflow: scroll;
  -webkit-overflow-scrolling:touch;*/
}

.editor .edit_area.disabled {
  pointer-events: none;
}

.editor .mce-edit-area {
  overflow: scroll;
  -webkit-overflow-scrolling:touch;
}

.editor .editor_placeholder iframe {
  border: 0;
  width: 100%;
  height: 100%;
}

.editor .editor_toolbar,
.editor .mce-responsive-toolbar-grp {
  min-height: 28px;
  margin:0;
}

.editor .post_preview  {
  margin-bottom: 2.7em;
}

.editor .post_preview button {
  padding: 9px 12px;
}

.editor .post_preview a {
  margin-right: 1em;
  padding-top: 9px;
  font-size: 1.2em;
  text-transform: capitalize;
}

#editor_tags textarea {
  margin-bottom: 1em;
  width: 100%
}

#editor_tags a {
  display: block;
  font-size: .875em
}

#editor_tags .tags_textarea{
  border-radius: 2px;
  cursor:text;
  margin: .35em 0;
  padding: .25em .5em;
  min-height: 4em;
  color: #333;
  background: #fff;
  box-shadow: 0px 1px 1px #dfdfdf;
}

#editor_tags .tags_textarea > *{
  display: inline;
  vertical-align: bottom;
}

#editor_tags .tags_textarea span:focus{
  outline:none;
  background: #e7f3f7;
}

#editor_tags .tags_textarea .tags_input {
  display: inline-block;
  position: relative;
}

#tags_input {
  border:0;
  -webkit-appearance:none;
  box-shadow: none;
  padding: 0;
  color: #666
}

#tags_input::-ms-clear {
  display: none;
}

ul#used_tags_container {
  margin: 0;
  padding-top: 1em;
  padding-bottom: .5em;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 0 #fff;
}

ul#used_tags_container li {
  display: inline-block;
  padding: .25em 1em .25em 0;
  margin: 0;
  cursor: pointer;
}

ul#used_tags_container li a {
  color:#444
}

ul#used_tags_container li a:hover {
  color: #6998c9
}

ul#suggestions_ul {
  position: absolute;
  left:0;
  top: 100%;
  box-shadow:0 1px 5px 0 rgba(0,0,0,.4);
  border-radius: 2px;
  margin: 0;
  background: #fff;
  z-index: 1;
}

ul#suggestions_ul li {
  padding: .2em .5em;
  margin: 0;
  cursor: pointer;
}

ul#suggestions_ul li.active, ul#suggestions_ul li:hover {
  background: #d96125;
  color: #fff;
}

.sapo .ink-datepicker-wrapper {
  position: relative;
}

.sapo .editor-datepicker {
  width: 130px;
}

.sapo .ink-datepicker-wrapper:after {
  content: "\f073";
  position: absolute;
  top:30%;
  right:.5em;
  font-family: FontAwesome;
  font-size: .875em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #999;
  pointer-events:none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#editor_pubdate .ink-calendar {
  padding-top:0;
  margin-top: 1em;
  box-shadow:  0 1px 5px 0 rgba(0,0,0,.4);
  z-index:2;
}

#editor_pubdate .ink-calendar:before {
  content: '';
  position: absolute;
  z-index: 1;
  left:18px;
  top:-7px;
  height: 15px;
  width: 15px;
  box-shadow:  0 0 2px 0 rgba(0,0,0,.35);
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#editor_pubdate .ink-calendar-top-options{
  position: relative;
  z-index: 2;
  background: #fff;
  padding-top:8px;
}

#editor_pubdate .set_time_wrapper {
  display: inline-block;
}

#editor_pubdate .post_hour,
#editor_pubdate .post_min {
  width: 3em;
}

#editor_pubdate span {
  font-size: .875em;
  color: #666;
  padding: 0 .5em;
}

#editor_pubdate input {
  margin-bottom: .5em;
}

#editor_socialmedia ul {
  margin: 0;
}

#editor_socialmedia ul li {
  display: inline-block;
  padding-right: 1em;
  margin: 0;
}

#editor_socialmedia label {
  padding-left: .25em;
}

.mce-collapser span, span.mce-txt {vertical-align: baseline;}

.editor .sapo_accordion .toggle {
  color: #777;
  font-size: 1em
}

.sapo_accordion .toggle:after {
  border-color: transparent transparent transparent #777;
}

.editor #editor_otheroptions fieldset {
  padding-bottom: 0em;
  font-size: .875em
}

.editor #editor_otheroptions fieldset ul {
  margin: 0
}

.editor #editor_otheroptions {padding-left: 1em;}
.editor #editor_otheroptions h6 {border-bottom: solid 1px #ddd; margin:1em 0;padding-bottom: .5em;}

#editor_privacy li > *,
#editor_comments li > *,
#editor_otheroptions li > *{
  float: left
}

#editor_comments li,
#editor_otheroptions li  {
  padding-bottom: 0;
  margin-top: 0
}

#editor_privacy li:last-child,
#editor_comments li:last-child,
#editor_otheroptions li:last-child {
  padding-bottom: 0
}

#editor_comments li i {
  padding: 0 1em;
}

#editor_otheroptions ul {
  margin: .5em 0 1em 0
}

#editor_otheroptions li {
  padding-left: 1em
}

#editor_privacy label,
#editor_comments label,
#editor_otheroptions label,
.fa-question-circle {
  line-height: 30px;
}

#editor_otheroptions a.set_smiley {
  border-radius: 2px;
  border: solid 1px #c6c6c6;
  background: #fff;
  line-height: 34px;
  width: 34px;
  text-align: center;
  float: left;
  margin: 0 0 0 -34px;
}

#editor_otheroptions .mood div {
  padding:0 0 0 34px;
}

#editor_otheroptions .mood span {
  display: block;
  width:100%;
  float: left;
  padding:0 0 0 10px;
}

#editor_otheroptions .mood span input{
  width:100%;
}

#editor_otheroptions li .fa-question-circle {
  padding: 0 1em;
  line-height: 34px;
}

#editor_cover .media_preview {
  height: 50px;
  background: #fefefe;
  border: 1px solid #eee;
  text-align: center;
}

#editor_cover .media_preview.cover_img {
  height: 150px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

#editor_cover .media_preview p {
  vertical-align: middle;
  line-height: 50px;
  color: #ccc;
  pointer-events:none;
}

#editor_cover button.cover_reset {
  position: relative;
  top: .5em;
  float: right;
  right: .5em;
}


/* MODAIS EDITOR */

.insert_media header{
  background: #f1f1f1;
  border-bottom:solid 1px #fff
}

.insert_media h2 span {
  font-weight: normal;
  font-size: .65em;
  color: #999
}

.insert_media p.sep {
  border-bottom: solid 1px #ccc;
  text-align: center;
  line-height: 0;
}

.insert_media p.nota{
  font-size: .8em;
  color: #666;
}

.insert_media p.sep span {
  padding:.05em .8em .2em .8em;
  border-radius: 50px;
  background: #555;
  color:#fff;
}

.insert_media button.b_close {
  position: absolute;
  top:1.35em;
  right: 1em;
  background: none;
  border: 0;
}

.insert_media .control-group .sapo-button {
  padding:0 12px;
}

.insert_media .control label{
  white-space: nowrap;
  padding:0 12px 0 0;
}

.insert_media .media_preview {
  margin-top: 3em;
}

.insert_media .media_preview p {
  margin: .5em 0
}

.insert_media .media_preview a {
  font-size: .8em
}

.insert_media .media_preview .single_vid {
  margin: 1em;
  border: solid 2px #fff
}


.insert_media .media_preview {
  text-align: center;
}

.insert_media .media_preview ul {
  display: inline-block;
  text-align: left;
  margin:0 0 0 -15px;
  width:180px;
}

.insert_media .media_preview ul li {
  display: inline-block;
  vertical-align: top;
  width:90px;
  padding:0 0 15px 15px;
  margin:0;
}

.insert_media .media_preview ul li:last-child{
  text-align: center;
  line-height: 75px;
}

.insert_media .media_preview ul.multi_pic img {
  border: solid 2px #fff
}

.insert_media .media_tabs .tabs-nav {
  margin-bottom: 0;
  border:none;
}

.insert_media .media_tabs .tabs-content {
  margin-top: 0
}

.insert_media .ink-tabs ul.tabs-nav {
  display:table;
  width:100%
}

.insert_media .ink-tabs .tabs-nav li {
  display:table-cell;
  text-align:center;
  float: none;
}

.insert_media .ink-tabs .tabs-nav li:last-child a{
  margin:0;
}

.insert_media .ink-tabs .tabs-nav li a {
  background: #f0f0f0;
  font-size:.875em;
}

.insert_media .ink-tabs .tabs-nav li.active a {
  background: #fff;
  border: solid #f2f2f2;
  border-width: 1px 1px 0 1px
}

.insert_media .tabs_media i {
  display: block;
  padding: .312em
}

.insert_media .img_url,
.insert_media .video_url,
.insert_media .embed_code {
  font-size: .875em;
  color: #555;
}

.insert_media textarea.embed_code {
  margin-bottom: 1em;
  line-height: 1;
}

.insert_media.select_video .column-group li img {
  width:100%;
  border: solid 2px #fff;
}

.insert_media ul.file_list li {
  margin-bottom: 0
}

.insert_media ul.file_list li a {
  position: relative;
  display: block;
  padding-left: 65px;
  min-height: 50px;
  padding-bottom: 12px;
  border-bottom: solid 1px #f4f4f4;
}

.insert_media ul.file_list li a:hover {
  background:#f8f8f8;
}

.insert_media ul.file_list li img {
  position: absolute;
  top: 5px;
  left: 5px
}

.insert_media ul.file_list li p {
  padding-top: .25em;
  margin-bottom: 0
}

.insert_media ul.file_list li span {
  color: #888;
  font-size: .8em
}

.insert_media ul.file_list li a.selected{
  background:#f8f8f8;
}

.insert_media ul.file_list li a.selected:after  {
  content: "\f00c";
  position: absolute;
  top:50%;
  right:.1em;
  margin-top: -14px;
  font-family: FontAwesome;
  font-size: 1.75em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #77ad04;
  text-shadow: 0 2px 0 #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.insert_media.select_image ul.album {
  margin-top:0;
  margin-bottom:0;
}

.insert_media.select_image .album li {
  text-align: center;
}

.insert_media.select_image .album li a img {
  opacity: .85
}

.insert_media.select_image .album li a:hover img,
.insert_media.select_image .album li a.selected img {
  opacity: 1
}

.insert_media.select_image .album li a {
  position: relative;
  display: inline-block;
}

.insert_media.select_image .album li a.selected:after  {
  content: "\f00c";
  position: absolute;
  top:0;
  right:0em;
  background:#f8f8f8;
  font-family: FontAwesome;
  font-size: 1.75em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #77ad04;
  padding: 0 .05em 0 .15em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.insert_media.select_image .album_selector {
  text-align: right;
}

.insert_media .previousPage,
.insert_media .nextPage {
  display: none;
}

.insert_media ul.pagination li a.first,
.insert_media ul.pagination li a.last {
  background: transparent;
}

/* choose size */

#pic_size ul.choose_size li {
  position: relative;
  border:solid 1px #c6c6c6;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0 1em 1.5em 1em;
}

#pic_size ul.choose_size li span {
  position: absolute;
  left:0;
  top:100%;
  font-size: .8em;
  color: #999;
  width: 60px;
  text-align: center;
  padding-top: 5px;
}

#pic_size ul.choose_size li img {
  position: absolute;
  top:10%;
  left:10%;
}

#pic_size ul.choose_size li.size_s img {
  width: 20%;
}

#pic_size ul.choose_size li.size_m img {
  width: 40%;
}

#pic_size ul.choose_size li.size_l img {
  width: 60%;
}

#pic_size ul.choose_size li.size_original img {
  width: 79%;
}

#pic_size ul.choose_size li.checked {
   border-color:#222;
}

#pic_size ul.choose_size li.checked:after {
  content: "\f00c";
  position: absolute;
  bottom:0;
  right:-.4em;
  font-family: FontAwesome;
  font-size: 1.75em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #77ad04;
  text-shadow: 0 2px 0 #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#pic_size ul.choose_size li.checked span {
  color: #222;
}

/* choose align */

#pic_align ul.choose_position {
  padding-bottom: .625em
}

#pic_align ul.choose_position li {
  position: relative;
  border:solid 1px #c6c6c6;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0 1em;
  background: url(/images/ink/bg_choosepos.png);
}

#pic_align ul.choose_position li span {
  position: absolute;
  left:0;
  top:100%;
  font-size: .8em;
  color: #999;
  width: 60px;
  text-align: center;
  padding-top: 5px;
}

#pic_align ul.choose_position li img {
  position: absolute;
  top:10%;
  border: solid #fff;
  border-width: 0 3px 3px 3px
}

#pic_align ul.choose_position li.pos_left img{
  width: 40%;
  left:5%;
}

#pic_align ul.choose_position li.pos_center img {
  width: 40%;
  left:30%;
}

#pic_align ul.choose_position li.pos_right img {
  width: 40%;
  right: 5%;
}

#pic_align ul.choose_position li.checked {
   border-color:#222;
}

#pic_align ul.choose_position li.checked:after {
  content: "\f00c";
  position: absolute;
  bottom:0;
  right:-.4em;
  font-family: FontAwesome;
  font-size: 1.75em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #77ad04;
  text-shadow: 0 2px 0 #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#pic_align ul.choose_position li.checked span {
  color: #222;
  font-weight: bold;
}

ul.small_input li {
  display: inline-block;
  margin: 0 1em;
  font-size: .875em
}

.small_input label {
  padding-bottom: 2px;
}

.small_input input[type="text"] {
  padding: 4px 3px;
  width: 6em;
}

.small_input select {
  padding: 4px 3px;
}

h5.servicename,
.insert_media.select_image .album_selector {
  line-height: 38px
}

.servicename i {
  font-size: 1.2em;
}

h5.servicename a:before {
  content: '/';
  color: #999;
  position: relative;
  padding: 0 .5em 0 .3em
}

/* PUBLIC PROFILE */

.blogger_id {
  text-align: center;
  padding-top: 45px;
}

.blogger_id h6 {
  margin:.75em 0;
}

.blogger_id img {
  border-radius: 128px;
  border: solid 3px #fff;
  margin-bottom: 1em;
  max-width: 128px;
}

.blogger_id button {
  background: #8dcf3f;
  color: #fff;
  text-transform: uppercase;
  border-radius: 1px;
  border: none;
  font-size: .75em;
  font-weight: bold;
  padding: 5px 8px;
}

.subscribe_blogger .fa {
  font-size: 14px
}

button.subscribe_blogger {
  display: block;
  margin: 0 auto;
}

ul.blogger_id_small {
  position: relative;
  margin: 0;
  min-height: 90px
}

ul.blogger_id_small li {
  padding-left: 90px;
  margin: .3em
}

ul.blogger_id_small img {
  border-radius: 80px;
  border: solid 3px #fff;
  position: absolute;
  top:0;
  left: 0;
  margin-right: 1em;
  max-width:80px;
}

ul.blogger_id_small button {
  background: #8dcf3f;
  color: #fff;
  text-transform: uppercase;
  border-radius: 1px;
  border: none;
  font-size: .75em;
  font-weight: bold;
  padding: 3px 4px 3px 4px;
}

ul.blogger_stats {
  margin: 1em auto 0;
  width: 8em;
}

ul.blogger_stats li {
  color: #888;
  border-bottom: solid 1px #ececec;
  font-size: 1em;
  padding: .5em 0;
  text-align: center;
}

ul.blogger_stats li:last-child {
  border-bottom: 0;
}

ul.blogger_stats li strong {
  color: #444;
  display: block;
  font-size: 1.25em;
  margin-bottom: -.3em
}

ul.blogger_id_small ul,
ul.blogger_id_small ul li {
  margin: 0
}


ul.blogger_id_small li li {
  display: inline-block;
  padding: 0 1em 0 0;
  font-size: .85em;
  color: #888;
}

ul.blogger_id_small li li strong {
  color: #444;
}

ul.blogger_info,
ul.blogger_desc,
ul.blogger_info li,
ul.blogger_desc li {
  margin:0;
}

ul.blogger_info span,
ul.blogger_desc p {
  font-size:1em;
  color: #888
}

ul.blogger_info p,
ul.blogger_desc h6 {
  color: #333;
  font-weight: normal;
}

ul.blogger_info p {
  margin-bottom: .625em
}

ul.blogger_info {
  padding-right: 1em;
}

ul.blogger_info > li p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}

ul.blogger_desc {
  padding-top: 1.5em;
}

ul.blogger_blogs li {
  border-bottom: 1px solid #f2f2f2;
  margin-top: 0;
  margin-bottom: .8em;
  padding-bottom: .8em;
}

ul.blogger_blogs li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

ul.blogger_blogs h4 {
  color: #444;
}

ul.blogger_blogs p {
  padding-top: 1em;
  color: #888;
  font-size: 1em;
  margin-bottom: 0;
}

ul.blogger_blogs a {
  font-size: 1em;
}

.blogger_subscriptions {
  font-size: .8em;
}

.blogger_subscriptions ul {
  margin: 0;
}

.blogger_subscriptions li {
  position: relative;
  display:inline-block;
  vertical-align:top;
  padding: 0 1em .5em 40px;
}

.blogger_subscriptions img {
  max-height : 30px;
  max-width : 30px;
}

.blogger_subscriptions li a {
  min-height: 35px;
  display: block;
  padding-top:7px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.blogger_subscriptions li a img {
  border-radius: 35px;
  position: absolute;
  top:0;
  left: 0
}

/* BLOGAR ISTO */

ul.blogar_isto li {
  padding: .35em 0 .35em 1em
}

ul.blogar_isto li:hover {
  background:#f8f8f8;
}

/* POST POR MAIL */

p.postmailaddress {
  text-align: center;
  padding: 1em;
  margin:2em 0;
  background: #fafafa;
  font-size: 1.125em;
  color: #d96125;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* INFO PAGE */

.info_page,
.info_page body,
.info_page .content-drawer,
.info_page .wrap {
  height: 100%
}

.info_page footer{
  position: absolute;
  left:0;
  bottom:0;
  width: 100%;
}

.info_page h2 {
  font-size: 1.5em;
  margin-bottom: 1em
}

.info_page p {
  margin-bottom: 1em
}

/* PAGINA DE ERRO */
.error_page .box {
  background-image: url(/images/ink/warning.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-right: 5em;
  min-height: 250px;
}

@media screen and (max-width:649px) {
  .error_page .box, .blog_privado .box, .aviso_moderacao .box { padding-right: 1em; }
}
/* BLOG PRIVADO */

.blog_privado .box {
  background-image: url(/images/ink/lock.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-right: 5em;
  min-height: 250px;
}

.blog_privado a.d_block, .error_page a.d_block {
  margin-top: 2em;
  font-size: .875em
}


/* AVISO MODERACAO DE COMENTARIO */

.aviso_moderacao .box {
  background-image: url(/images/ink/comment.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 5em
}

/* OTHER STUFF */

.sapo li.alertbg,
.sapo li.alertbg:hover {
  background-color: #e7f3f7;
  border-radius: 4px;
  border-bottom: 0
}

.sapo li.scheduled,
.sapo li.scheduled:hover {
  background-color: #e7f3f7;
  border-radius: 4px;
  border-bottom: 0
}

.sapo .help_box {
  background-color: #e7f3f7;
  border-radius: 2px;
  padding: 1em;
}

.sapo .help_box p {
  font-size: .8em;
  line-height: 1.4em;
  color: #0f4b5f;
  margin: .75em 0 0 0;
}
.sapo .help_box h5 {
  color: #0f4b5f;
}

.tips_list {
  padding: 2em 0 1.5em;
  border-bottom:solid 1px #e5e5e5;
  box-shadow: 0 1px 0 #fff;
}

.tips_list:last-child {
  border-bottom: none;
  box-shadow: none;
}

.tips_list p {
  line-height: 1.5em;
}

.user_profile img {
  width: 100px;
  height: 100px;
  border-radius: 60px;
  margin-right: 1em;
  border: 3px solid #fff;
}

.user_profile h5 {
  margin-bottom: .5em;
  padding-top: .5em;
}

.user_profile h5 a {
  color:#444;
}

.user_profile h5 a:hover {
  color:#6998c9;
}

.inspirame {
  background: url(/images/ink/lampada.png) no-repeat right 1em;
}

.inspirame p i {
  line-height: 1.4em;
  vertical-align: text-top;
}

.criarblog a {
  border: 2px solid #f58223;
  color: #f58223;
  background: transparent;
  border-radius: 20px;
  padding: 3px 12px;
  font-weight: bold;
  display: inline-block;
}

.criarblog a:hover {
  color: #fff;
  background: #f58223;
}

.criarblog a i {
  padding-right: 5px
}

.d_block {
  display: block;
}

.sapo .icon_h2 {
  font-size: 1em
}

.sapo .icon_h2_cinza {
  color: #bbb;
  font-size: .46em;
  vertical-align: middle;
  font-weight: normal;
  padding: 0 .3em
}

.sapo .note {
  font-size: .8em
}

.asterisco {
  color: #14b5d1;
  font-weight: bold
}

.sapo .mtop {
  margin-top: 2em
}

.sapo .mright {
  margin-right: 1em
}

.sapo .mbott {
  margin-bottom: 1em
}

.sapo .clear_both {
  clear: both;
}

.goto_blog {
  float: right;
  line-height: 35px;
  font-size: 1.15em;
  font-weight: 400;
}

.goto_blog i {
  padding-left: .3em;
  font-size: 18px;
}

.sapo button.help-text {
  border: 0;
  background: none;
  color: #d96125;
}

.sapo h2 button.help-text{
  line-height: 0;
  height: 19px;
  font-size: 1.25em;
}

.sapo h2 button.help-text i{
  line-height: 0;
}

.sapo .fa-circle {
  font-size: 4px;
  vertical-align: middle;
  color: #ccc;
  padding: 0 1em
}

.sapo a.icon-moar {
  position: absolute;
  right:4em;
  font-size: 1.2em;
}

.sapo a.icon-moar-external {
  position: absolute;
  right: 1.25em;
}

.sapo a.icon-moar:before, .sapo a.icon-moar-external:before {
  content: '\f111 \f111 \f111';
  font-size: 6px;
  display: inline-block;
  line-height: 20px;
  letter-spacing: 3px;
  color: #ddd
}

.sapo a.icon-moar span, .sapo a.icon-moar-external span {
  text-indent: -9999px;
  display: inline-block;
}

.sapo .moar-dropdown.dropdown, .sapo .moar-dropdown-external.dropdown {
  background: #2b2b2b;
  color:#ccc;
  white-space: nowrap;
  border-radius: 4px;
  padding:0;
  right: 36px;
  top: 30px;
  border:0;
  max-width: none;
}

.sapo .moar-dropdown-external.dropdown {
  right: 0px;
}

.sapo .moar-dropdown.dropdown:before, .sapo .moar-dropdown-external.dropdown:before {
  content: '';
  position: absolute;
  right:9px;
  top: -16px;
  height: 0;
  width: 0;
  border: 8px solid;
  border-color: transparent transparent #2b2b2b transparent;
}

.sapo .moar-dropdown.dropdown li, .sapo .moar-dropdown-external.dropdown li {
  padding: .5em
}

.sapo .moar-dropdown.dropdown li a, .sapo .moar-dropdown-external.dropdown li a {
  color:#ccc;
  display: block;
  padding: .5em .8em
}

.sapo .moar-dropdown.dropdown li a:hover, .sapo .moar-dropdown-external.dropdown li a:hover {
  color:#fff;
  background: #1b1b1b
}

/* hover fixes */

.blog_list ul.stats li a:hover {
  color: #6998c9 ;
}

.insert-image-helper-btn {margin-left: 1em;}

/* MEDIA QUERIES */

/* LARGE */
@media screen and (min-width:650px) {
  body.ink-drawer .left-drawer.show.left-drawer,
  body.ink-drawer.push.left .content-drawer{
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  }
  .editor .mce-edit-area > .mce-container-body {height: calc( 100vh - 300px)}
  .editor .mce-sink-open .mce-edit-area > .mce-container-body {height: calc( 100vh - 370px)}
  .editor, .editor body, .editor .ink-grid, .editor .ink-grid > .column-group, .editor main, .editor .editor_container, .editor .mce-tinymce{height:100%; max-height: calc( 100vh - 120px )}
  .editor .editor_container{position:relative;}
  .editor .editor_placeholder, .editor .mce-tinymce > .mce-container-body {display:table;width:100%;height:100%}
  .editor .editor_placeholder > *, .editor .mce-tinymce > .mce-container-body > *{display:table-row}
  .editor .editor_toolbar, .editor .mce-responsive-toolbar-grp {height:auto}
  .editor .edit_area, .editor .mce-edit-area{height:95%}
  .editor .rte {width:100%;height:100%}
  .editor .status{height:auto;line-height:32px}
  .editor header .push-left > * {display: inline-block;vertical-align: middle;line-height: 42px;height:42px;}
  .editor h2:before {content: '\2022';color: #fff;position: relative;padding: 0 .7em;}
}

/* SMALL */
@media screen and (max-width: 649px) { .homepage .destaque_pub {display: block;} .editor .sidebar-button { display: inline-block; } .editor .eye-button { display: inline-block; margin-right: 5px; } }

/* MEDIUM */
@media screen and (min-width:650px) and (max-width:959px) {
  .public_page .push-left {padding-right: 0; margin-right:0;}

  .sapo .reading_list article {padding-left: 4em;}
  .sapo .reading_list article img.avatar {width: 30px; height: 30px; top:1.6em;}

  .sapo ul.subscriber_info li p a {display: block;}

  .sapo .listings li.comments span.acoes {position: static;display:block;padding:1em 0 0;}
  .sapo .listings li.comments span.acoes button:first-child{padding-left:0}

  .sapo .subscriptions .subscriber_info p {margin:0 0 5px 66px}
  .sapo .subscriptions .subscriber_info button {position: static; margin-left:66px; margin-top: .5em}

  #criar_blog main.push-left {padding:0!important;margin:0!important}
  #criar_blog .hint {position:static; width:auto; height:auto;}
  #criar_blog .hint p {display:block;}
  #criar_blog .hint span {display:inline;}

  .blog_list .item {padding: 0 10em 0 1.5em;}

  .sapo .tags li:last-child {border-bottom:solid 2px #ececec}

  .sapo .tags.push-right li:last-child {border-bottom:none}

  ul.blogger_subscriptions li {width: 50%}

  .sapo .email_config input[type=checkbox] {margin-left: 0;}

  .bg_options ul select {display: block;}
  .bg_options input {margin-bottom: 1em}
  .bg_options span {margin-left: 0}

  ul.avatar_config {padding: 0; margin: 1em 0 1em 1em}

  ul.avatar_config li{vertical-align: middle;}

  ul.avatar_config .avatar_options {padding-top:10px}

  .sapo .subscriptions div {float: none;}

  ul.subscriber_stats {display: block;float: none;}

  ul.current {margin:0;}
  ul.current li {padding: 1.8em 0 0 0}
  ul.current li img {display: block; position: relative; padding-bottom: 1em}
  /*.choose_template .filtersearch_tpl {display: block;float: left;margin-top: 1em;}*/
  .tpl_pag {margin-bottom: 2em; display: block; float: right;}

  .editor aside {padding: 6em 0 0 0}
  .editor .sidebar-button { display: inline-block; }
  .editor .eye-button { display: inline-block; margin-right: 5px; }
  .editor .post_title .push-left { padding-right: 320px; }
  .editor .post_title .push-right { margin-left: -320px; }
  .editor .post_title.ld > .push-left { padding-right: 370px; }
  .editor .post_title.ld > .push-right { margin-left: -370px; }

  header a.nope .fa {font-size: 28px;padding-top: 2px;padding-left: 15px;color: #fff; position: inherit;}
  .sapo .listings .info .poster {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  }
}

/* SMALL */
@media screen and (max-width:649px) {
  .blogs-navigation ul.menu.horizontal h1 a {
  width: 90px;
  background-position: right;
  background-size: 168px 34px;
  }


  aside{display:none}
  main.push-left, main.push-right, .side_pub .push-left{padding:0!important;margin:0!important}
  .side_pub .push-left {height: auto}

  #homepage .destaques_post article {
  height: 200px;
  }
  #destaques .destaques_post article {
  height: auto;
  }

  #criar_blog .hint {position:static; width:auto; height:auto;}
  #criar_blog .hint p {display:block;}
  #criar_blog .hint span {display:inline;}

  .sapo .listings li {padding:.5em 4em .5em 2em;}
  .sapo .listings li.subscriptions{padding:1em 0}

  .sapo .subscriptions .subscriber_info p {margin:0 0 5px 66px}
  .sapo .subscriptions .subscriber_info button {position: static; margin-left:66px; margin-top: .5em}

  .blog_list .item {padding-right: 0;}
  .blog_list ul.stats li{display: block;}
  .blog_list ul.comments {padding-left: 0;}
  .blog_list ul.stats .b_stats {position: static;}
  .blog_list .b_blog {position: static; margin-top: 1em}

  .blog_list ul.comments,.blog_list section h5 {margin-left: 0}

  #comments_list .tabs-nav li {text-transform: capitalize;}
  #comments_list .tabs-nav li a span.hide-small {display: none !important;}

  #comments_list .bo_search_form input[type=search],
  #posts_list .bo_search_form input[type=search],
  #drafts_list .bo_search_form input[type=search],
  #favorites_list .bo_search_form input[type=search],
  #subscriptions_tabs .bo_search_form input[type=search] {
  width: 10em;
  }

  .sapo .listings li.posts {padding-right: 2em;}

  .sapo .listings .info .poster {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  }
  .sapo .listings li.posts .acoes, .sapo .listings li.comments .acoes {
  position: relative;
  margin: 0;
  font-size: 1.5em;
  display: block;
  }
  .sapo .listings li.posts a.title, .sapo .listings li.comments p.title {
  padding-top: .5em;
  font-size: 1.25em;
  }
  .sapo .listings span.private_post {
    padding-top: 17px;
  }
  .sapo .listings li span.acoes button.featpost {
  height: inherit;
  width: inherit;
  padding: .75em .75em .75em 0;
  }
  .sapo .listings li span.acoes a:after {
  content: '';
  }
  .sapo .listings li.posts {
  padding-right: 1em;
  padding-left: 3em;
  }

  .sapo .listings li.feedback {padding-right: 2em;}

  .sapo .listings li.comments span.acoes {position: static;display:block;padding:1em 0 0;}
  .sapo .listings li.comments span.acoes button:first-child{padding-left:0}
  .sapo .listings li span.acoes button:after{display:none}

  .bo_search_form {margin-top:.5em; margin-right: -.5em;}

  .sapo .reading_list article {padding-left: 1em;}

  .sapo ul.subscriber_info li div {margin-right: 0}
  .sapo ul.subscriber_info li p a {display: block;}
  .sapo ul.subscriber_info li button {position: static; margin: .55em 0 0 5em}

  .insert_media .media_preview ul {width:auto;}

  .sapo .tags li:last-child {border-bottom:solid 2px #ececec}

  .sapo .tags.push-right li:last-child {border-bottom:none}

  ul.blogger_subscriptions li {width: 100%}

  .sapo .email_config input[type=checkbox] {margin-left: 0;}

  .bg_options ul select {display: block;}
  .bg_options input {margin-bottom: 1em}
  .bg_options span {margin-left: 0}


  ul.avatar_config {padding: 0; margin: 1em 0 1em 1em}

  ul.avatar_config li{vertical-align: middle;}

  ul.avatar_config .avatar_options {padding-top:10px}

  #meus_blogs .tips_list {padding: 1em 0 1.5em}
  #meus_blogs aside{display: block; width: 100%; padding-top: 0}
  .sapo .subscriptions div {float: none;}

  ul.subscriber_stats {display: block;float: none;}

  .insert_media h2 span {display: block}

  ul.current {margin:0;}
  ul.current li {padding: 1.8em 0 0 0}
  ul.current li img {display: block; position: relative; padding-bottom: 1em}
  /*.choose_template .filtersearch_tpl {display: block;float: left;margin-top: 1em;}*/
  .choose_template .filtersearch_tpl button {display: block;float: left;margin: 1em 0 0 0;}
  .tpl_pag {margin-bottom: 2em; display: block; float: right;}

  .editor aside {display:block;padding: 1em 0 0 0}

  .blog_privado .box {padding-right: 0}

  .sapo.editor .ink-grid {padding: 1em;}
  .editor .edit_area, .editor .mce-edit-area{height:calc(100vh - 280px)}

  .sapo.editor header{padding: .5em 1em}

  header a.nope .fa {font-size: 28px;padding-top: 2px;color: #fff; position: absolute; top: 14px; right: 16px}
  .editor .post_title .push-left, .editor .post_title.ld > .push-left {
  padding-right: 0;
  margin-top: 3em;
  }
  .editor .post_title button {padding: 6px 12px;}
  .mce-collapser span {display: none;}

  .sapo.editor h2{display: block; font-size: 1.1em;}

   ul.personal_data {margin: 0;}
  .blog_configs .control-group {padding: 0}
  #edit_profile .birthday_check {padding-left: 0;}
  .add_field p, .blog_configs li .sapo-button {margin-left:0;}
  ul.real-time-stats li.rl-total h5 {line-height: 1.4}
  ul.real-time-stats li {display: block;}
  .sapo .sapo-button.image-dialog-trigger {margin-left: 0;}
  .insert-image-helper-btn {margin: 1em 0px}

  button.subscribe_blogger {margin: 0;}

  .sapo header h1 a{
  width:190px;
  height:39px;
  background-size:190px 39px;
  }
}

@media screen and (max-width:420px) {
  /*
  .wrap {margin-bottom: 200px;}
  footer { height:200px;}
  */

  .editor aside {float:none;width:100%;}
  .blog_privado .box {padding-right: 0}
  .sapo header h1 a {
  margin: 0px;
  width:95px;
  height:21px;
  background-size:95px 21px;
  }

  .editor header h1 a {
  display: none;
  }

  .sapo.editor header { padding: 0em 1em 0.5em 1em; position: relative; top: -5px; }
  header a.nope .fa { top: 5px; }
  .sapo.editor h2 { position: relative; bottom: 0.15em; }
}

/* Fullscren */
.lt-ie9.editor, .lt-ie9.editor body, .lt-ie9.editor .ink-grid, .lt-ie9.editor .ink-grid > .column-group, .lt-ie9.editor main, .lt-ie9.editor .editor_container, .lt-ie9.editor .mce-tinymce{height:100%; max-height: calc( 100vh - 120px )}
.editor .mce-fullscreen.mce-tinymce { height:100%;}
.editor .mce-fullscreen * { box-sizing: border-box;}
.editor .mce-fullscreen .mce-sink-open > .mce-container-body { display: block; position: relative; padding-top: 123px;}
.editor .mce-fullscreen .mce-code-editor > .mce-container-body,
.editor .mce-fullscreen > .mce-container-body { display: block; position: relative; padding-top: 86px; height: 100%;}
.editor .mce-fullscreen .editor_placeholder, .editor .mce-fullscreen.mce-tinymce > .mce-container-body { display: block;}
.editor .edit_area .mce-tinymce.mce-fullscreen { max-height: none; }
.editor .mce-tinymce.mce-fullscreen .mce-stack-layout-item { width: 100%; display: block;}
.editor .mce-tinymce.mce-fullscreen .mce-responsive-toolbar-grp,
.editor .mce-tinymce.mce-fullscreen .mce-toolbar-grp,
.editor .mce-tinymce.mce-fullscreen .mce-code-toolbar-grp { position: absolute; top: 0; left: 0; right: 0;}
.editor .mce-sink-open.mce-fullscreen .mce-edit-area > .mce-container-body,
.editor .mce-fullscreen .mce-edit-area > .mce-container-body { height: 100%; width: 100%; display: block;}
.editor .mce-fullscreen .mce-edit-area { height:100%;}
.editor .mce-fullscreen .mce-edit-area * { -webkit-overflow-scrolling: touch; overflow-y: scroll; height: 100%!important; }
.editor .mce-fullscreen #post_content { height: 100% !important; /* /me cries manly tears*/}

.sapo #authors .p_list input[type=checkbox] {
  clear: none
}


/* smpb */

#meus_blogs h3 span {
  font-size: 0.95em;
  padding-left: 10px;
  color: #aaa;
}

span.private_blog {
  font-size: 25px;
  padding-left: 10px;
  color: #aaa;
}

span.private_post {
  padding-top: 6px;
  padding-right: 10px;
  float: left;
  color: #aaa;
}

.editor span.private_blog {
  color: #fff;
}

#templates a.button {
  display: block;
  width: 112px;
}

.modbox ul li h5 {
  padding-bottom:.5em;
}

.modbox p {
  font-size: .8em;
  color: #666;
}

.modbox .control-group {
  padding:0 1em
}

.modbox .control-group p {
  line-height: 1.5;
  margin: .5em 0 .5em 0;
}

.modbox form textarea {
  font-size: .9em;
}

.modbox li .sapo-button {
  margin-left: 1em;
}

#manage-subscriptions .sortsearch {
  margin-bottom: 1em;
}

#manage-subscriptions .avatar {
  width: 50px;
  height: 50px;
}


#more-authors .blog_url {
  position: relative;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  margin: 0;
}

@media screen and (min-width: 640px) {
  #more-authors .blog_url:before {
  content: 'https://';
  left: 0;
  width: 5em;
  }

  #more-authors .blog_url:before, #more-authors .blog_url:after {
  position: absolute;
  top: 0;
  height: 100%;
  background: #f0f0f0;
  line-height: 2.3em;
  text-align: center;
  }

  #more-authors .blog_url:after {
  content: attr(data-domain);
  right: 0;
  width: 8em;
  }

  #more-authors .blog_url {
  padding: 0 8em 0 5em;
  }
}

#more-authors .tip {
  font-style: italic;
}

#social-networks .ink-form .control-group input[type=checkbox], #social-networks .ink-form .control-group input[type=radio] {
  clear: none;
}

#social-networks .ink-form .control-group .control>input {
  width: 25%;
}

#social-networks .blog_configs p.p_list {
  border: none;
}

/*#layout-container .fa, .template_customize .fa { font-size: 18px; }*/
#layout-container .header-buttons, #customize .header-buttons { margin-bottom: .625em; }

#layout-editor #layout-content {
  margin: 10px 0px;
}

@media screen and (min-width: 640px) {
  #layout-editor .horizontal > div:last-child {
  margin: auto;
  margin-right: 5px;
  }

}

#layout-editor .layout-title {
  text-transform: uppercase;
  opacity: 0.3;
  padding: 5px 5px 0px 0px;
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 5px;
}

#layout-editor .layout-group {
  background-color: #eee;
  border: 4px solid white;
}

#layout-editor .layout-slot-occupied {
  margin: 10px 5px;
}

#layout-editor .layout-slot {
  margin: 5px;
  height: 60px;
  border: 2px dashed white;
}

#layout-editor .layout-slot-available {
  margin: 10px;
  height: 65px;
  border: 2px dashed white;
}

#layout-editor .layout-slot-available, #layout-editor .layout-slot-hover {
  background-color: #d6e8eb;
  border: 2px dashed black;
  cursor: pointer;
}

#layout-editor .layout-slot-hover {
  background-color: #2fb4cf;
  border: 2px solid black;
}

#layout-editor .layout-component, .layout-component-drag {
  padding: 5px;
  font-size: 0.95em;
  font-weight: bold;
  height: 65px;
  background-color: white;
  border: 2px solid white;
  cursor: pointer;
  overflow: hidden;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#layout-editor .layout-component .hide-component {
  position: relative;
  top: -5px;
}

#layout-editor .layout-component .edit-set-component {
  position: relative;
  top: 5px;
}

#layout-editor .layout-component .fa {
  font-size: 1.3em;
}

#layout-editor .layout-component-drag {
  border: 2px dashed black;
}

#layout-editor .layout-component-malicious {
  background: #ffebe6;
  border-color: #962319;
}

#layout-editor .layout-component-insecure {
  background: #fdf6d9;
  border-color: #645721;
}

#layout-editor .layout-component-suspicious {
  background: #e7f3f7;
  border-color: #0f4b5f;
}

#layout-editor .modal-body {
  background-color: #f8f8f8;
}

#layout-editor button.b_close {
  position: absolute;
  top: 1.35em;
  right: 1em;
  background: none;
  border: 0;
}

#layout-editor .ink-modal header {
  background: #f1f1f1;
  border-bottom: solid 1px #fff;
}

#layout-editor #add-component-modal i, #layout-editor #edit-widgets-modal i {
  font-size: 1.2em;
}

@media screen and (min-width: 640px) {
  #layout-editor #widgets {
  min-height: 430px;
  }
}

#layout-editor ul.helper-button-list {
  list-style:none;
}

#layout-editor ul.modal-button-list .fa {
  font-size: 18px;
}

#layout-editor ul.helper-button-list li:first-child {
  margin-left: 0px;
  padding-left: 0px;
  display: inline;
  border-left: none;
}

#layout-editor ul.helper-button-list li {
  margin-left: 5px;
  padding: 5px;
  display: inline;
  border-left: solid 2px #eee;
}

#layout-editor ul.modal-button-list {
  font-size: 18px;
  margin: 0px;
  padding: 5px;
  list-style:none;
  padding:0;
}

#layout-editor .insert-helper-a {
  font-size: 80%
}

#layout-editor ul.modal-button-list .fa {
  font-size: 18px;
}

#layout-editor ul.modal-button-list li {
  padding: 5px;
  display: inline;
  line-height: 2;
  border-right: solid 2px #eee;
}

#layout-editor ul.modal-button-list li:last-child {
  border: none;
}

#layout-editor .insert-helper {
  margin: 10px 0px;
  padding: 10px 20px;
  background: #f8f8f8;
  border: solid 1px #ddd;
}

#layout-editor .fixed {
  border: none;
  cursor: auto;
}

#layout-editor .horizontal-centered {
  padding: 5px;
}

#layout-editor .horizontal-centered > .layout-slot-occupied {
  margin: 0px;
}

#layout-editor .ink-form label, #customize .ink-form label { cursor: default }

#layout-editor .template_customize .toggle {
  background: none;
  border: 0;
  font-weight: normal;
  font-size: 1.125em;
  color:#444;
  display: block;
  position: relative;
  padding-left: .85em;
  margin-bottom: 1em;
}

#layout-editor .template_customize .toggle:after {
  content: '';
  position: absolute;
  left:0px;
  top: 40%;
  height: 0;
  width: 0;
  border: 4px solid;
  margin:-3px 0 0;
  border-color: transparent transparent transparent #444;
}

#layout-editor .template_customize .toggle.active:after {
  border-color: #444 transparent transparent transparent;
  margin-top: 1px
}

#customize .type-int {
  width: 25%;
  float: left;
}

#customize .picker {
  width: 160px;
  height: 160px;
}

#customize .picker-wrapper {
  width: 160px;
  height: 160px;
}

#customize .slider {
  width: 20px;
  height: 140px;
  border-left: solid 1px black;
}

#customize .transparent-icon {
  width: 20px;
  height: 20px;
  background: url(/images/ink/transparent.gif) no-repeat top center;
  border: 1px solid black;
  border-right: 0;
}

#customize .transparent {
  background: url(/images/ink/transparent.gif) no-repeat top center;
}

#customize .slider-wrapper {
  width: 20px;
  height: 140px;
}

#customize .picker-value {
  width: 180px;
  text-align: right;
}

#customize .picker-indicator {
  width: 5px;
  height: 5px;
  position: absolute;
  border: 2px solid white;
}

#customize .slider-indicator {
  width: 19px;
  height: 10px;
  position: absolute;
  margin-left: 1px;
  border: 2px solid white;
}

#customize .slider:hover, #customize .picker:hover, #customize .transparent-icon:hover {
  cursor: pointer;
}

#customize .picker-square {
  height:25px;
  width:25px;
  outline: none;
}

#customize .picker-control {
  position: relative;
}

#customize .color-picker-wrapper {
  position: relative;
  width: 0;
  height: 0;
  left: 60%;
  z-index: 5;
}

#customize .color-picker {
  background: black;
  border: 2px solid black;
  position: absolute;
  margin: 0 0 0 -50px;
  top: 5px;
}

#customize .control-radio {
  display: inline-block;
  font-size: .875em;
  color: #666;
}

#customize input[type=radio], #customize .control-radio label {
  margin-right: .625em;
}

#manage-links .link-buttons {
  margin-left: 10px;
}

#manage-links .link-buttons button {
  margin-bottom: 5px;
}

#manage-links .bg_options {
  margin-bottom: .5em;
}

#manage-links p.alertbg {
  font-size: .8em;
}

/* francisco  might need some tweeking*/

#leituras .innerpost {padding-top:1.5em;}
#leituras .innerpost p { line-height: 1.9em;}
#leituras .teaserimg {height:300px; border-radius:15px; margin:0 auto 1.9em auto; background-position: center; background-repeat:no-repeat; overflow: hidden;}
#leituras article button.active {cursor:pointer;}
#leituras article h3, #leituras article h4 { margin-bottom: 0; margin-right:4em;}
#leituras .public_reading_promo h3 { margin-right:0em; }
#leituras article h5 { font-size: 1.20em;margin: 0.3em 0;color: #aaa;}
#leituras article.is-new-blog { background: #e7f3f7; color: #0f4b5f; }

#leituras .toggle-rows {
  display: grid;
  grid-template: 1fr / 1fr;
  grid-auto-flow: column dense;
  float: right;
  position: relative;
  font-size: 0.85em;
  bottom: -1.5em;
}

#leituras .toggle-rows > div {
  margin-bottom: .5em;
}

@media screen and (max-width:600px) {
  #leituras .toggle-rows {
    grid-auto-flow: row dense;
    bottom: 1em;
  }
}

/* stats */

.stats_counter {color: #3DC3DA;font-size: 2em;font-weight: bold;}

#analytics #commands {font-weight: bold;margin-top:0.75em;}
#analytics #commands .selected {color:#222;}
#analytics #commands span {padding: 0 0.6em;border-right: 2px solid #CDCDCD;text-transform: uppercase; font-size: .875em}
#analytics #commands span.first {padding-left:0px;}
#analytics #commands span.last{padding-right:0px;border:0;}

#analytics .box ul.stats-board { margin:0.75em 0;}
#analytics .box ul.stats-board li{margin:0; padding:0.2em 0;border-bottom:1px solid #EBEBEB;width:100%;}
#analytics .box ul.stats-board li:hover{background:#fbf3dc}
#analytics .box ul.stats-board li span.push-right {font-weight: bold}
#analytics .box input,#analytics .box span button { color:#d95400;border:0; padding:0 0 0 0.5em;float:none;margin:0;background-color: #FFF;cursor: pointer; font-size: small;text-transform: lowercase; }
#analytics .box span button {background: none;border: 0;color: #d96125;padding: 0;margin-left: 1em;}

#analytics .timespan { color:#CDCDCD; font-size: small}
#analytics .box h4 {color:#C30;padding-left:10px;font-size:10px;}

#analytics .box .hidden {display:none;}
#analytics .box span button {border-left:1px solid #CDCDCD;padding-left: .8em; outline: none;}

#analytics #table-top-pages a,
#analytics #table-referrers a,
#analytics #table-search-terms a,
#analytics .stats-board a{
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 82%;
  white-space: nowrap;
}

#analytics ul.hora li, #analytics ul.sexo li, #analytics ul.idade li, #analytics ul.device li, #analytics ul.visitor li {
  display: inline-block;
  margin: 0;
  padding: 0 0.75em;
  text-align: left;
}

#analytics ul.device li h5 { color: #9A95C9; font-size: 1.8em; }
#analytics ul.sexo li.data h5 { color: #9A95C9; font-size: 2em; }
#analytics ul.idade li.data h5 { color: #9A95C9; font-size: 1.3em; }
#analytics ul.visitor li.data h5 { color: #9A95C9; font-size: 2em; }
#analytics ul.hora li.data h5 { color: #9A95C9; font-size: 1.8em; }

#analytics .mid-statbox { height: 130px }
#analytics .statbox { max-height: 200px; min-height: 160px; }

#analytics #device_desktop_total { color: #8dcf3f; }
#analytics #device_mobile_total, #analytics #device_tablet_total { color: #f2bd1d; }

#analytics ul.idade li span {
  color: #888;
  font-size: 0.75em;
  font-weight: bold;
  text-transform: uppercase;
}

#analytics ul.sexo li.data .fa, #analytics ul.hora li.data .fa, #analytics ul.device li.desktop .fa, #analytics ul.device li.mobile .fa { color: #404040; margin: 0 .25em 0 0; }

#analytics .analytics-report { text-align: center; margin: 0 0 1em 0; }
#analytics .analytics-report .fa-envelope-o { font-size: 2em; margin-bottom: 0.5em; }
#analytics .nota { font-size: small; color: #777; }

#reacoes .listings li.feedback i {
   outline : none ;
   top:.75em;
   margin-top:0;
}

#reacoes .listings .icon_feedback {
  top: 0;
  left:0.2em;
}

#reacoes .listings li.feedback a.close {
  outline : none ;
  margin-top:0;
  top:0;
  right:1em;
  position:absolute;
  color: #CCC;
}

#reacoes .listings li.feedback a.close:hover{
  color:#f00;
}

#reacoes .listings li.feedback a.close i {
   font-size:1.1em;
}

#reacoes .remove_reaction {
  background: yellow;
}

#reacoes span.author {
  display: inline;
  color:#000;
  font-weight: bold;
  font-size: 1em;
}


#reacoes .hidden {display:none;}

#reacoes .listings li.feedback {
  padding:.5em 1em .5em 2em;
}


/* manage tags */

.sapo .tags li.glow {
  background-color:yellow ;
}

.sapo .tags li.no-glow {
   -webkit-transition: all 1s ease-out; /*Safari & Chrome*/
   transition: all 1s ease-out;
   -moz-transition: all 1s ease-out; /* Firefox 4 */
   -o-transition: all 1s ease-out; /* Opera */
   text-decoration:none;
   background-color:white;
 }

#manage_tags .hidden {display:none;}

#manage_tags .actions { display:inline;}


#import_export .hidden {display:none;}

#import_select .platform{
  text-align: center
}

#import_export .export-table li {
 padding: .5em .5em .5em 0.5em;
}

#import_export .export-table .export-header{
  font-weight: bold;
  color: #3DC3DA;
}

#import_export .export-table li.export-data{
  border: 1px solid #DDD;
}

#import_export .export-table .row-download{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#import_export .export-table .row-blog{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#import_export .export-table .row-author{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#import_export .export-table .row-comments{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#import_export .export-table .row-image-download-items {
  margin: 0;
}

#import_export .export-table .row-image-download-url {
  display: inline;
  border: none;
}

#import_export ul li h5 {
padding-bottom: .5em;
}

#import_export p {
  font-size: 1em;/*font-size: .8em;*/
  color: #666;
}

.import_export p {
font-size: .8em;
color: #666;
}

.import_export .livejournal_url input{
  border: 0;
  width: 100%;
}

.import_export .livejournal_url{
  border:0;
  position: relative;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  padding: 0 8em 0 5em;
}

.import_export .livejournal_url:before,
.import_export .livejournal_url:after{
  position: absolute;
  top: 0;
  height:100%;
  background: #f0f0f0;
  line-height: 2.7em;
  text-align: center;
}

.import_export .livejournal_url:before{
  content: 'https://';
  left:0;
  width: 5em;
  font-weight: bold;
}

.import_export .livejournal_url:after {
  content: '.livejournal.com';
  right:0;
  width: 9em;
  font-weight: bold;
}


.sapo .import_export li input[type=radio] {
  vertical-align: middle;
  margin-right: .25em;
  padding:4px;
}


#import_export a.choice img { width:120px}

/* tiago */

#confirm-modal button.b_close {
  position: absolute;
  top: 1.35em;
  right: 1em;
  background: none;
  border: 0;
}
#confirm-modal header {
  background: #f1f1f1;
  border-bottom: solid 1px #fff;
}
#confirm-modal .modal-footer{
  background: #f1f1f1;
  border-bottom: solid 1px #fff;
}
#confirm-modal .modal-body{
  overflow-y: hidden;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeOut {
  0% {
  opacity: 1;
  }

  100% {
  opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
  opacity: 1;
  }

  100% {
  opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.set_smiley{
  padding-left: 0px !important;
}
.mood-modal h2{
  padding: 0px;
  font-size: 1.7em;
}
.mood-modal h2:before{
  content: '';
  padding: 0px;
}
.mood-modal .modal-body{
  overflow-y: auto !important;
}
.mood-modal img{
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 4px;
}
.icon-mood{
  display: inline-block;
  width: 32px;
  height: 32px;
}
.sapo #profile_privacy .p_list input[type=checkbox] {
  clear: none;
}

#li-profile .control.b_toggle {
  padding-top: 0;
}

#mrec_div{
  overflow: hidden;
  width: 300px;
  height: 250px;
  z-index: 10;
}

.sapo-button {
  outline:none;
}

#edit_profile ul.personal_data .control{
  padding-top:0;
}

#edit_profile ul.personal_data  span{
  font-size : 1em;
}

#edit_profile #data_nascimento {
  width: 130px;
}

/* Codemirror */
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 400px;
}
.CodeMirror-scroll {
  /* Set scrolling behaviour here */
  overflow: auto;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid black;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
}
.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
@-moz-keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}
@-webkit-keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}
@keyframes blink {
  0% { background: #7e7; }
  50% { background: none; }
  100% { background: #7e7; }
}

.cm-tab { display: inline-block; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3 {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

.CodeMirror {
  line-height: 1;
  position: relative;
  overflow: hidden;
  background: white;
  color: black;
}

.CodeMirror-scroll {
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  padding-bottom: 30px;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-bottom: 30px;
  margin-bottom: -32px;
  display: inline-block;
  /* Hack to make IE7 behave */
  *zoom:1;
  *display:inline;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}

.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: hidden;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-measure pre { position: static; }

.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  border-right: none;
  width: 0;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, .4);
}

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span { *vertical-align: text-bottom; }

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
  visibility: hidden;
  }
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

.cm-s-disabled {
  color: #B5BFBF;
  text-decoration:line-through;
}

.cm-s-disabled .cm-comment { font-style:italic; }

#cssEditor .appearance_options li {
  text-align: right;
}

#cssEditor .CodeMirror {
  border: 1px solid #ddd;
}

.profile li.social_networks p i.fa  {
  padding: 10px 10px 0 0;
}

.profile section {margin-top: 1em;}
.profile h2 span {font-weight: 400;}

#blogger_id button.hidden , .profile button.hidden {display:none;}

.social_networks .fa-instagram {color:#517fa4}
.social_networks .fa-facebook {color:#3b5998}
.social_networks .fa-twitter {color: #00aced}
.social_networks .fa-linkedin {color:#007bb6}
.social_networks .fa-pinterest {color:#CB2027}
.social_networks .fa-youtube {color:#bb0000}
.social_networks .fa-google-plus {color:#DD4B39}
.social_networks .fa-tumblr {color:#2C4762}
.social_networks .fa-flickr {color:#ff0084}
.social_networks .fa-vimeo-square {color:#aad450}

#edit_profile .social_network_url {
  position: relative;
  border:1px solid #c4c4c4;
  border-radius: 2px;
  padding: 0 0 0 5em;
  margin: 0;
}

#edit_profile .social_network_url:before{
  position: absolute;
  top: 0;
  height:100%;
  background: #f0f0f0;
  line-height: 2.3em;
  text-align: center;
}

#edit_profile .social_network_url:before {
  content: 'https://';
  left:0;
  width: 5em;
}

#edit_profile .social_network_url input {
  width: 100%;
  border: none;
}

#edit_profile .birthday {
  width:130px;
  float:left;
}

#edit_profile .birthday_check {
  float:left;
  padding-left:1em;
}

#edit_profile .birthday_check label {
  margin-top:0;
}

#edit_profile .birthday_check input {
  margin-top:0.6em;
}


p.service-error-message {
  padding-top:20px;
  text-align: center;
}

.absolute-center {
  position:absolute;
  margin:auto;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

#progress_modal .absolute-center {
  height:100px;
  width:80%;
}
#progress_modal .absolute-center.spinner {
  height:150px;
  width:80%;
}

#progress_modal .modal-body p {
  text-align:center;
}

.spinner .ink-progress-bar {
  height:auto;
  background:transparent;
}

.spinner .bar {
  height:auto;
  background:transparent;
}

.ink-progress-bar {
  margin:0 0 10px;
  height:5px;
}

.insert_media .bar {
  display: block;
}

.insert_media .ink-progress-bar.error {
  height:auto;
}

.insert_media .bar.red {
  height:auto;
}


.file-input-view {
  position:relative;
  margin:0;
  padding:0 !important;
  display:block;
  overflow:hidden;
  width:228px;
  height:34px;
}

.file-input-view > input[type="file"] {
  -moz-opacity:0;
  -o-opacity:0;
  -webkit-opacity:0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity:0;
  position:absolute;
  z-index:1;
  cursor:pointer;
  *z-index:2;
  width:0\9;
  *border-width:17px 114px;
  *left:-233px;
}

.file-input-view > label {
  position:absolute;
  z-index:2;
  text-align:center;
  cursor:pointer;
  margin:0;
  padding:0;
  *z-index:1;
  line-height:34px;
  width:100%;
  height:100%;
}

.insert_media.select_image .file-input-view {
  width:158px;
}

.insert_media.select_image .file-input-view > input[type="file"] {
  *border-width:17px 79px;
  *left:-163px;
}

iframe.fileuploader {
  position:absolute;
}

#image_dialog { overflow:auto; }
#image_dialog a.tabs_media { color: #d96125; }
#image_dialog li.active a.tabs_media { color: #555; }

.step-title {display:none;}

.ink-shade { z-index: 9999999999; }

.lock-scroll { position:fixed; overflow:hidden; width: 100%; }

/* talkpost stuff */

#publish_group button {
  margin-right: 1em;
}

#commenttext {
  width: 100%;
}

#talkpost .captcha button {
  width: 35px;
  height: 35px;
  overflow: hidden;
  text-shadow: 0 1px 0 #fff;
  padding: 0;
  margin-right: .5em;
  line-height: 35px;
}


#talkpost .login_choice {
  padding: 1em 0;
}

#talkpost .login_choice input ,
#talkpost .save_data input{
  margin-right: .5em;
}

#talkpost p.sales_pitch {
  font-size: .875em;
  margin: 0;
  padding: 1em 0 1em 0;
  text-align: right;
}

#talkpost .save_data {
  padding-left: 20%;
}

#talkpost .comment_subtitle{
  padding-top:0.5em;
}


#talkpost .ink-alert a {
  color: #d96125;
  background-color: transparent;
}

.tagbanner {margin:1em 0 0 0; height:140px; background: url(/images/natal_tag.jpg) no-repeat top center; border-top-left-radius: 2px;
border-top-right-radius: 2px;}

.tagbanner2015 {margin:1em 0 0 0; height:140px; background: url(/images/em2015vou_tag.png) no-repeat top center; border-top-left-radius: 2px;
border-top-right-radius: 2px;}

#blog-order li {
  line-height: 32px;
}

#blog-order .blog-item .control-group {
  margin-bottom: 0;
}

#blog-order input[type=checkbox] {
  position:static;
  margin:0;
  vertical-align:middle;
}

#blog-order input[type=text] {
  width:60px;
  text-align:center;
  font-size: .85em;
}

.sapo .ink-form .control-group {
  line-height: 1.5
}

.sapo .ink-tabs .tabs-nav li a {
  border: none;
  margin-right: .1em;
}

.user_profile a.ticker_subs {
  position: relative;
  margin: 1.5em 0 0 0;
  font-size: .85em;
  background: #7ab800;
  color: #fff;
  padding: .25em .5em;
  display: inline-block;
  transition: background 250ms;
}
.user_profile a.ticker_subs:after {
  content: '';
  position: absolute;
  left: 2px;
  top: -5px;
  height: 0;
  width: 0;
  border: 5px solid;
  border-color: #5b8f22 transparent transparent transparent;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(-45deg);
}

#favorites_list .privacy_label {
  float: right;
}

@media screen and (max-width:600px) {
  #favorites_list .privacy_label {
  float: none;
  }
}

/* Recycle bin */

#trash_list a.empty_trash {
  font-weight: bold;
  color: red;
  margin-left: 1em;
  margin-top: 0.5em;
}


.save_favorites .title {
  font-size: x-large;
}

.save_favorites label {
  display: inline-block;
  min-width: 100px;
}

.save_favorites #des, .save_favorites #security {
  margin: 2px 5px;
  padding: 5px;
}

a.botaoregisto, a.botaoregisto:link, a.botaoregisto:visited {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ec9224 0px, #e37e24 100%) repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  font-size: large;
  font-weight: 300;
  padding: 0.5em 1em;
  text-decoration: none;
}

p.fim {
  text-align: center;
}

.vspace.registo {
  text-align:center;
  margin:0 0 1em 0;
  padding:1em;
  background-color:#f8f8f8;
}
.vspace h2 {
  margin:0 0 0.5em 0;
}

@media screen and (min-width:641px) {
  .vspace.registo {
  display:none;
  }
}


/* TOP POSTS */

#maislidos .header
{
  position: relative
}

#maislidos .box
{
  height: 250px;
  overflow: hidden;
  position: relative
}


#maislidos .header .topmrec
{
  min-height: 250px;
  position: relative;
  text-align: center;
  margin-bottom: 1.25em
}

#maislidos .header .topmrec .ad
{
  display: block;
  position: absolute;
  top: 0;
  right: 0
}

#maislidos .header .topmrec .ad img
{
  width: 300px;
  max-width: 300px;
  height: 250px;
  position: relative
}

#maislidos .header .box img
{
  position: absolute;
  left: 0;
  top: 0;
  width: 250px;
  height: 250px
}

#maislidos .box {
  min-height: 205px;
}

#maislidos .box h4
{
  padding: 0 0 3px;
  margin-bottom: 0;
  font-size: 1.125em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


#maislidos .box span
{
  font-size: .65em;
  text-transform: uppercase;
  letter-spacing: 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #555
}

#maislidos .box div
{
  overflow: hidden;
  padding-top: 16px
}

#maislidos .box p
{
  font-size: .875em;
  color: #666;
  height: 85px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  line-height:1.5;
}


#maislidos .caption-image, #maislidos .text-image {
  background-position:center center;
  background-repeat: no-repeat;
}
#maislidos .header {
  clear:both;
  min-height: 275px;
}

#maislidos .header .right{
  float:right;
  width:100px;
}
#maislidos .header .right p {
  height: 65px;
}
#maislidos .header .maislidos-1 {
  width:33%;
  float:left;
  margin-right: 4%;
}

#maislidos .text-only {
  width:33%;
  float:left;
  padding-left: 1.5em;
  margin-bottom: 1.5em;
}

#maislidos .text-image {
  width:66%;
  float:left;
  padding-left: 1.5em;
  margin-bottom: 1.5em;
}


#maislidos .header .maislidos-2 {
  width:63%;
  float:left;
}
#maislidos  .caption {
  width:48%;
  padding-right: 1em;
}

#maislidos .caption-image {
  width:48%;
  float:left;
  height: 100%;
  margin-right: 4%;
}

#maislidos .box.with-image{
  padding:0;
}

#maislidos .header .right {
  width: 300px;
}

#maislidos .column-group {
  margin-left: -1.50em;
  margin-right: -.60em;
}

#maislidos article.old .box {
  background-color: #FAA;
}

#maislidos article .box a.title {
  color: #404040;
}
#maislidos article .box a.title:hover {
  color: #007ED5;
}

#maislidos ul.pagination li a.inactive {
  color: #afafaf;
  cursor: default;
}

#maislidos .subtitle {
  font-size: 0.5em;
}

#maislidos .undertitle {
  display:none;
}

@media screen and (min-width: 960px) {
   #maislidos div.header .left
  {
  margin-right: 330px;
  }
}
@media screen and (max-width: 960px) and (min-width: 641px) {
  /* 2 */
  #maislidos {
  padding-top: 0.5em;
  }
  #maislidos div.header .left {
  margin-bottom:1.5em;
  margin-right: 0;
  }
  #maislidos .header .mrec {
  float: none;
  margin: 0 auto 1.5em auto;
  }
  #maislidos .header .maislidos-1 {
  width: 34%;
  float: left;
  padding-left: 0;
  margin-bottom: 1.5em;
  margin-right: 0;
  }
  #maislidos .header .maislidos-2 {
  width: 66%;
  float: left;
  padding-left: 1.5em;
  margin-bottom: 1.5em;
  margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  /* 1 */
  #maislidos {
  padding-top: 0.5em;
  }

  #maislidos .column-group {
  margin-right: 0;
  }

  #maislidos div.header .maislidos-1, #maislidos div.header .maislidos-2,
  #maislidos .text-image, #maislidos .text-only
  {
  margin-right: 0;
  float:none;
  width: 100%;
  margin-bottom: 2em;
  }

  #maislidos div.header .maislidos-2,#maislidos .text-image
  {
  margin-bottom: 1em;
  }
}

/* END OF TOP POSTS */
@media screen and (max-width: 649px) {
  .insert_media .ink-tabs .tabs-nav li {
  display: block;
  }

  .sapo .ink-tabs .tabs-nav li a {
  border-bottom: 1px solid #ddd;
  margin-right: .01em;
  }

  .sapo .ink-tabs .tabs-nav li:first-child a, .sapo .ink-tabs .tabs-nav li:last-child a {
  border-bottom: none;
  }

  .ink-tabs.top>.tabs-nav li.active {
  margin: 0;
  }

  .insert_media .ink-tabs .tabs-nav li.active a {
  border-top-width: 0px;
  border-bottom-style: 1px solid #ddd;
  }

  .insert_media h2 span.servicename { display: inline; }
}

@media screen and (min-height: 700px) {
  #img_text {
  min-height: 15em;
  }
}

@media screen and (max-height: 800px) {
  #img_text {
  min-height: 10em;
  }
}

.sapo .sugestion .avatar img{
  border-radius: 100%;
  width: 60px;
  height: 60px;
}

.sapo .sugestion ul.blogger_id_small {
  min-height: 70px;
}

.sapo .sugestion .blogger_id_small li {
  padding-left: 70px;
  font-size:1em;
  overflow: hidden;
  white-space: nowrap;
  width: 220px;
  text-overflow:ellipsis;
  margin:0;
}

.sapo .sugestion li.avatar {
  margin:0;
}

.sapo .sugestion .blogger_id_small li .subscribers{
  font-size:.85em;
}
.sapo .sugestion .blogger_id_small button{
  margin:.5em 0 0 0 ;
}

#blog_this {
  padding: 0 1em;
}

/* MANAGE IMAGES */

a.disabled {
  color: #ddd;
  pointer-events: none;
}

button.topright_overlap, button.bottomleft_overlap {
  background: none;
  border: 0;
  color: #fff;
  text-shadow: 2px 2px 5px black;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}

button.topright_overlap {
  position: absolute;
  top: .5em;
  right: .5em;
}

button.bottomleft_overlap {
  position: absolute;
  bottom: .5em;
  left: .5em;
}

#image-manager #rotate-image.spinner {
   background-image: url(/images/loading_button_small.gif);
   background-repeat: no-repeat;
   background-position: center;
   pointer-events: none;
}

#image-manager #rotate-image.spinner:focus {
  outline: none;
}

#image-manager #rotate-image.spinner .small_txt {
  visibility: hidden;
}

#image-manager #image_modal {
  background: black;
}

#image-manager #album-select {
  padding: 0;
}

#image-manager .dropdown {
  white-space: nowrap;
}

#image-manager .media_preview {
  margin-top: 0;
}

#image-list img {
  border: 1px solid #aaa;
  width: 100%;
  height: 90px;
}

#image-list ul {
  margin-top:0;
  margin-bottom:0;
}

#image-list li {
  text-align: center;
  margin-bottom: 0;
}

#image-list li a img {
  filter:alpha(opacity=85);
  -moz-opacity: .85;
  -khtml-opacity: .85;
  opacity: .85
}

#image-list li a:hover img {
  filter:alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1
}

#image-list li a {
  position: relative;
  display: inline-block;
}

#image-list .image-control.selected a.image-media:after {
  content: "\f00c";
  position: absolute;
  right: 0px;
  margin-top: 0px;
  font-family: FontAwesome;
  font-size: 1.75em;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #77ad04;
  background: #f8f8f8;
  text-shadow: 0 2px 0 #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#image-list .image-control {
  visibility: hidden;
}

#image-list .image-control.selected,
#image-list .image-control:hover {
  visibility:visible;
}

#image-list .image-control img {
  padding: .5em;
  border: 1px solid white;
  visibility:visible;
}

#image-list .image-control.selected img,
#image-list .image-control:hover img {
  border: 1px solid #ddd;
}

#image-list .image-buttons a {
  padding-left: .25em;
  font-size: .75em;
  color: #aaa;
}

#image-list .image-buttons a:first-child:before {
  content: '';
  color: #ddd;
}

#image-list .image-buttons a:before {
  content: ' | ';
  color: #ddd;
}

.paginate-select {
  position:relative;
  margin: 0 4px;
}

.paginate-select input[type=search] {
  font-size: .75em;
  padding: 6px 4px;
  width: 40px;
  height: 26px;
}

.paginate-select .fa-search {
  position:absolute;
  text-align:center;
  color:#b3b3b3;
  font-size:.85em;
  right:4px;
  top:8px;
  cursor: pointer;
}
.sapo ul.pagination.disabled {
  pointer-events: none;
}

.sapo ul.pagination.disabled li a {
  color: #ddd;
}

.sapo ul.pagination.disabled li a.active {
  background: #afafaf;
  color: #eee;
}

.sapo ul.pagination.disabled .paginate-select input[type=search] {
  background-color: #eee;
}

@media screen and (max-width: 640px) {
  .sapo ul.pagination li {
  font-size: 1.2em;
  }
}

#image-list.disabled {
  pointer-events: none;
}

#image-list.disabled .image-control {
  filter:alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  pointer-events: none;
}




/*Message me */
.contact_form .contact_email {
  margin:10px 0px;
  width:350px;
}

@media screen and (max-width:500px) {
  .contact_form .contact_email {
  width:100%;
  }

}
.contact_form input, .contact_form textarea { padding:0.3em; }
.contact_form textarea { max-width: 100%; }
.contact_form .captcha {
  background: #ffebe6 none repeat scroll 0 0;
  margin: 1em 0;
  padding: 1em;
  color:#962319;
  max-width:300px;
}
.contact_form .captcha input {
  font-size: large;
}
.contact_form .captcha p {
  margin:0.3em;
}
.contact_form  .sapo-button.blue {
  margin: 0 0.5em 0 0;
}

/* Account Page */
.export-data {
  padding: 0.4em;
}

.export-data.odd {
  background: #F6F6F6;
}

.export-data.even {
  background: #F2F2F2;
}

.export-data.error {
  background: #ffebe6;
  color:#962319;
}

/* Rotate animation */
.fa-rotate { animation: fa-rotation 1s infinite linear; }
@keyframes fa-rotation {
  from { transform: rotate(0deg); }
  to   { transform: rotate(359deg); }
}

.ink-grid.bsu-message {
  max-width: 95% !important;
}

.bsu-info {
  line-height: 36px;
  color: #FFF;
  background-color: #7ab800;
}

.bsu-message a {
  color: white;
  font-weight: 400;
  text-decoration: underline;
}

.bsu-message button {
  border-color: white;
  color: white;
  background: none;
  width: 100%;
  border-radius: 0px;
}

.bsu-message button:hover {
  background: white;
  color: #333;
  border-color: white;
  box-shadow: none;
}

/* Dark Mode */
html[data-theme="dark"] .ink-shade { background: rgba(20,20,20,.9); }
html[data-theme="dark"] .ink-modal,
html[data-theme="dark"] #confirm-modal .modal-body { background: #070707; }

html[data-theme="dark"] body,
html[data-theme="dark"] .active,
html[data-theme="dark"] .active:hover {
  color: #ccc;
}

html[data-theme="dark"] body,
html[data-theme="dark"].sapo .content-drawer,
html[data-theme="dark"] .wrap,
html[data-theme="dark"] .insert_media {
  background-color: #222;
}

html[data-theme="dark"].editor body {
  background: #101010;
}

html[data-theme="dark"].editor header {
  background: #d66c0d;
  background: -moz-linear-gradient(top, #d66c0d 0, #d66c0d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d66c0d), color-stop(100%, #d66c0d));
  background: -webkit-linear-gradient(top, #d66c0d 0, #d66c0d 100%);
  background: -o-linear-gradient(top, #d66c0d 0, #d66c0d 100%);
  background: -ms-linear-gradient(top, #d66c0d 0, #d66c0d 100%);
  background: linear-gradient(to bottom, #d66c0d 0, #d66c0d 100%);
  padding: .635em 2em;
  border-bottom: solid 1px #000;
}

html[data-theme="dark"] #editor_cover .media_preview {
  background: #010101;
  border: 1px solid #111;
}

html[data-theme="dark"].editor .sapo_accordion .toggle { color: #888; }
html[data-theme="dark"] #editor_tags .tags_textarea {
  color: #ccc;
  background: #000;
  border: solid 1px #323232;
  box-shadow: 0px 1px 1px #202020;
}

html[data-theme="dark"] #editor_otheroptions a.set_smiley {
  border: solid 1px #393939;
  background: #000;
}

html[data-theme="dark"] ul#suggestions_ul {
  background: #ccc;
  color: black;
}

html[data-theme="dark"].homepage .destaques h1 a,
html[data-theme="dark"].homepage .destaques h1 a:link,
html[data-theme="dark"].homepage .destaques h1 a:visited {
  color: #eee;
}

html[data-theme="dark"].homepage .quadro {
  background: #111;
}

html[data-theme="dark"].homepage .quadro.destaque1 { background: #202010; }
html[data-theme="dark"].homepage .quadro.destaque2 { background: #403030; }
html[data-theme="dark"].homepage .quadro.destaque3 { background: #303040; }

html[data-theme="dark"].homepage .quadro.destaque1 p,
html[data-theme="dark"].homepage .quadro.destaque1 span {
  color: #c56604;
}
html[data-theme="dark"].homepage .quadro.destaque2 p,
html[data-theme="dark"].homepage .quadro.destaque2 span {
  color: #d03685;
}
html[data-theme="dark"].homepage .quadro.destaque3 p,
html[data-theme="dark"].homepage .quadro.destaque3 span {
  color: #3d6ccc;
}

html[data-theme="dark"].homepage a.enfase,
html[data-theme="dark"].homepage a.enfase:link,
html[data-theme="dark"].homepage a.enfase:visited,
html[data-theme="dark"].sapo ul.pagination li a.active {
  color: #fff;
  background: #be4b19;
  border: 1px solid #be4b19;
}
html[data-theme="dark"].homepage a.enfase:hover {
  color: #be4b19;
  background: none;
  border: 1px solid #be4b19;
}

html[data-theme="dark"] .blogs-navigation ul.menu.horizontal h1 a {
  filter: invert(1);
}

html[data-theme="dark"] a,
html[data-theme="dark"] ul.ppmail_settings p.ppmail_address,
html[data-theme="dark"] .blog_configs .p_list span button,
html[data-theme="dark"] .criarblog a,
html[data-theme="dark"].homepage a,
html[data-theme="dark"].homepage a:link,
html[data-theme="dark"].homepage a:visited,
html[data-theme="dark"].homepage .destaques a.tag,
html[data-theme="dark"].homepage .destaques a.tag:link,
html[data-theme="dark"].homepage .destaques a.tag:visited,
html[data-theme="dark"].homepage footer .ink-navigation ul.menu.horizontal li a,
html[data-theme="dark"].homepage footer .ink-navigation ul.menu.horizontal li a:link,
html[data-theme="dark"].homepage footer .ink-navigation ul.menu.horizontal li a:visited
  { color: #be4b19; }

html[data-theme="dark"] .left-drawer a,
html[data-theme="dark"] .left-drawer a:link,
html[data-theme="dark"] .left-drawer a:visited,
html[data-theme="dark"].homepage .left-drawer a:link,
html[data-theme="dark"].homepage .left-drawer a:visited {
  color: #dbdbdb;
}

html[data-theme="dark"].editor h2 a { color: #fff; }

html[data-theme="dark"] html[data-theme="dark"] a:hover { color: #0065bc; }

html[data-theme="dark"] .criarblog a { border: 2px solid #be4b19 }
html[data-theme="dark"] .criarblog a:hover { color:white; background: #be4b19 }

html[data-theme="dark"] .blogs-navigation.subcategorias ul.menu.horizontal li .tags {
  color: #e68000;
  background: #111;
  border: 1px solid #e68000;
}
html[data-theme="dark"] .subcategorias ul.menu.horizontal>li ul.submenu,
html[data-theme="dark"] .subcategorias li ul.submenu li {
  background: #111;
  border: none;
}

html[data-theme="dark"].homepage .destaques blockquote,
html[data-theme="dark"].homepage .editorial .quadro p,
html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.logomenu a,
html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.logomenu a:link,
html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.logomenu a:visited,
html[data-theme="dark"] .blogs-navigation.subcategorias ul.menu.horizontal li a,
html[data-theme="dark"] #comments-config .blog_configs .p_list,
html[data-theme="dark"] #destaques .destaques_post article .blog_name,
html[data-theme="dark"] #maislidos .box span,
html[data-theme="dark"] .blog_configs .p_list,
html[data-theme="dark"] .blog_configs .flex-table-center,
html[data-theme="dark"].sapo .reading_list article span strong {
  color: #aeaeae;
}

html[data-theme="dark"] .blogs-navigation.subcategorias,
html[data-theme="dark"].sapo .box {
  background-color: #111;
}
html[data-theme="dark"] .backoffice .ink-tabs .tabs-nav li.active a {
  background-color: #111;
  color: #ccc;
}
html[data-theme="dark"] .backoffice .ink-tabs .tabs-nav li a {
  background-color: #202020;
  color: #aeaeae;
}

html[data-theme="dark"] .blogs-navigation.subcategorias ul.menu.horizontal li a {
  border: 1px solid #111;
}
html[data-theme="dark"] .blogs-navigation.subcategorias ul.submenu.dropdown li a {
  border: 1px solid #111;
}
html[data-theme="dark"] .blogs-navigation.subcategorias ul.submenu.dropdown li {
  border-bottom: 1px solid #000;
}
html[data-theme="dark"] .blogs-navigation.subcategorias ul.submenu.dropdown li:last-child {
  border: 1px solid #111;
}

html[data-theme="dark"] .blogs-navigation.subcategorias ul.menu.horizontal li a:hover {
  border: 1px solid #e68000;
  color: #e68000;
}
html[data-theme="dark"] .blogs-navigation.subcategorias ul.submenu.dropdown li a:hover { color: white; border-radius: 0; }

html[data-theme="dark"].sapo .sapo-button {
  box-shadow: 0 1px 0 #000;
  color: #a2a2a2;
  background: #1a1a1a;
}

html[data-theme="dark"].sapo .sapo-button.blue {
  background: #25abe3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a0bd', endColorstr='#0097b3');
  background: -moz-linear-gradient(top, #00a0bd 0, #0097b3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00a0bd), color-stop(100%, #0097b3));
  background: -webkit-linear-gradient(top, #00a0bd 0, #0097b3 100%);
  background: -o-linear-gradient(top, #00a0bd 0, #0097b3 100%);
  background: -ms-linear-gradient(top, #00a0bd 0, #0097b3 100%);
  background: linear-gradient(to bottom, #00a0bd 0, #0097b3 100%);
  color: #fff;
}

html[data-theme="dark"].sapo .sapo-button.grey {
  background: #25abe3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a', endColorstr='#222222');
  background: -moz-linear-gradient(top, #1a1a1a 0, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a1a1a), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #1a1a1a 0, #222222 100%);
  background: -o-linear-gradient(top, #1a1a1a 0, #222222 100%);
  background: -ms-linear-gradient(top, #1a1a1a 0, #222222 100%);
  background: linear-gradient(to bottom, #1a1a1a 0, #222222 100%);
  color: #a2a2a2;
}
html[data-theme="dark"].sapo .sapo-button.grey:hover {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#393939');
  background: -moz-linear-gradient(top, #313131 0, #393939 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #313131), color-stop(100%, #393939));
  background: -webkit-linear-gradient(top, #313131 0, #393939 100%);
  background: -o-linear-gradient(top, #313131 0, #393939 100%);
  background: -ms-linear-gradient(top, #313131 0, #393939 100%);
  background: linear-gradient(to bottom, #313131 0, #393939 100%);
}

html[data-theme="dark"].sapo .sapo-button.blue[disabled],
html[data-theme="dark"].sapo .sapo-button.grey[disabled],
html[data-theme="dark"].sapo .sapo-button.blue[disabled]:hover,
html[data-theme="dark"].sapo .sapo-button.grey[disabled]:hover {
  background: none;
  border: 1px dashed #333;
  color: #444;
}

html[data-theme="dark"] .ink-dropdown ul.dropdown li a,
html[data-theme="dark"] .ink-dropdown ul.dropdown-menu li a,
html[data-theme="dark"] .ink-navigation ul.dropdown li a,
html[data-theme="dark"] .ink-navigation ul.dropdown-menu li a {
  color: #a2a2a2;
}

html[data-theme="dark"] .b_toggle button {
  background: #2B2B2B;
  color: #444;
}
html[data-theme="dark"] .b_toggle button i {
  color: #000;
  background: #eee;
}

html[data-theme="dark"] .b_toggle button.orange {
  background: #bc6e19;
  color: #c57e1d;
}
html[data-theme="dark"] .b_toggle button.active i.fa-lock {
  color: #c57e1d;
}
html[data-theme="dark"] .b_toggle button.active i.fa-check {
  color: #4c8000;
}
html[data-theme="dark"] .add_field button,
html[data-theme="dark"] .blog_list .b_collapse {
  color: #be4b19;
}

html[data-theme="dark"].sapo .box {
  box-shadow: 0px 1px 1px #111;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] #maislidos .box h4,
html[data-theme="dark"] #maislidos article .box a.title,
html[data-theme="dark"].sapo h1,
html[data-theme="dark"].sapo h2,
html[data-theme="dark"].sapo h3,
html[data-theme="dark"].sapo h4,
html[data-theme="dark"].sapo h5,
html[data-theme="dark"].editor h6,
html[data-theme="dark"].homepage .destaques h2 a,
html[data-theme="dark"].homepage .destaques h2 a:link,
html[data-theme="dark"].homepage .destaques h2 a:visited,
html[data-theme="dark"].homepage .quadro h3 a {
  color: #cfcfcf;
}

html[data-theme="dark"] #leituras .public_reading_promo h3 {
  color: white;
}

html[data-theme="dark"] #leituras article h5 {
  color: #555;
}

html[data-theme="dark"] #leituras article.is-new-blog {
  background: #0f4b5f;
  color: #e7f3f7;
}

html[data-theme="dark"].editor h2 { color: #7c4309; }

html[data-theme="dark"] #criar_blog .note strong,
html[data-theme="dark"] .blog_list .comments p,
html[data-theme="dark"] ul.template_list li p,
html[data-theme="dark"] ul.current li p,
html[data-theme="dark"].sapo .listings li.comments p.com_txt,
html[data-theme="dark"] ul.blogger_info p,
html[data-theme="dark"] ul.blogger_desc h6 {
  color: #ccc;
}

html[data-theme="dark"] ul.template_list li a img,
html[data-theme="dark"] ul.template_list li img,
html[data-theme="dark"].sapo #b_acoes,
html[data-theme="dark"].sapo #b_acoes_a,
html[data-theme="dark"].sapo #b_acoes_b,
html[data-theme="dark"] #image-list .image-control img {
  border: 1px solid #000;
  border-bottom: none;
}
html[data-theme="dark"] #image-list .image-control.selected img,
html[data-theme="dark"] #image-list .image-control:hover img {
  border: 1px solid #ddd;
}

html[data-theme="dark"].sapo #b_acoes:disabled:after,
html[data-theme="dark"].sapo #b_acoes_a:disabled:after,
html[data-theme="dark"].sapo #b_acoes_b:disabled:after {
  border-color: #000 transparent transparent transparent;
}

html[data-theme="dark"] .blog_list ul.stats {
  border: solid #2d2d2d;
  border-width: 1px 0 1px 0;
  position: relative;
}

html[data-theme="dark"] .search_results p,
html[data-theme="dark"].homepage .destaques p,
html[data-theme="dark"].homepage .lema .sublema,
html[data-theme="dark"].sapo .innerpost,
html[data-theme="dark"] .reading_list aside li strong,
html[data-theme="dark"] .blog_list ul.stats li strong,
html[data-theme="dark"] .user_profile h5 a,
html[data-theme="dark"].sapo .listings .info strong,
html[data-theme="dark"] .blog_configs .b_toggle label,
html[data-theme="dark"] ul.appearance_options .b_toggle label,
html[data-theme="dark"] #layout-editor .template_customize .toggle,
html[data-theme="dark"].sapo .reading_list article h4 a,
html[data-theme="dark"].sapo .reading_list article h3 a,
html[data-theme="dark"] .last_posts ul li a,
html[data-theme="dark"] ul.blogger_stats li strong {
  color: #bbb;
}
html[data-theme="dark"] .blog_configs .b_toggle.disabled label {
  color: #444;
}

html[data-theme="dark"].sapo .dashboard-move-handle {
  color: #333;
}

html.dark .homepage .spot img,
html[data-theme="dark"].homepage .quadro img,
html[data-theme="dark"].homepage .spot img,
html[data-theme="dark"] .blogger_id img,
html[data-theme="dark"] ul.blogger_id_small img,
html[data-theme="dark"] .user_profile img {
  border: 4px solid #000;
  box-shadow: 0px 5px 5px #111;
}

html[data-theme="dark"].homepage .spot {
  background: #060606;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 1)), url(https://thumbs.web.sapo.io/?epic=V2:GlYmsMi3rZ96MYOpC5LbUqPLQCXoYN2rHidR+JnIlHh/L613MesSRAG+tJgXvAeHz0qZzMNpjKN5oT7V3314fqo5ZRA4YJTR/n0EKc0tZbc=&proxy=1);
  color: #aaa;
}

html[data-theme="dark"].homepage .spot blockquote {
  color: #bbb;
  border-left: 4px solid #333;
}

html[data-theme="dark"] #edit_profile .social_network_url,
html[data-theme="dark"] #more-authors .blog_url,
html[data-theme="dark"] #criar_blog .blog_url,
html[data-theme="dark"] .blog_configs .blog_url,
html[data-theme="dark"] .blog_configs .blog_domain,
html[data-theme="dark"] .insert_media .img_url,
html[data-theme="dark"] .insert_media .video_url {
  border: solid 1px #323232;
}

html[data-theme="dark"] .blog_configs .blog_favicon,
html[data-theme="dark"] .blog_configs p.blog_domain input,
html[data-theme="dark"] .blog_configs p.blog_url input {
  border: none;
}

html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.pesquisa,
html[data-theme="dark"] .bo_search_form input[type=search],
html[data-theme="dark"] .paginate-select input[type=search],
html[data-theme="dark"] .backoffice .box input[type=search],
html[data-theme="dark"] input[type=text],
html[data-theme="dark"] .ink-form input[type=text],
html[data-theme="dark"].sapo .ink-form input,
html[data-theme="dark"].sapo .ink-form select,
html[data-theme="dark"] select,
html[data-theme="dark"].sapo .ink-form textarea {
  background: #000;
  border-color: #111;
  border: solid 1px #323232;
  color: #fff;
}
html[data-theme="dark"] #post_content { border: none; }

html[data-theme="dark"] .bo_search_form i.fa-search,
html[data-theme="dark"] .blogs-navigation .fake-input button {
  color: #313131;
  z-index: 1;
}

html[data-theme="dark"] .bo_search_form a.b_clean i {
  color: #e60000;
}

html[data-theme="dark"] .paginate-select .fa-search {
  color: #4C4C4C;
}

html[data-theme="dark"] .tips_list { box-shadow: 0 1px 0 #202020; }

html[data-theme="dark"] ul.blogger_blogs li,
html[data-theme="dark"] .tips_list,
html[data-theme="dark"].sapo .listings li,
html[data-theme="dark"].sapo .tags li,
html[data-theme="dark"] .blog_configs .p_list,
html[data-theme="dark"] .template_customize .custom_section,
html[data-theme="dark"] ul.ppmail_settings p.ppmail_address,
html[data-theme="dark"] #analytics .box ul.stats-board li,
html[data-theme="dark"].editor #editor_otheroptions h6 {
  border-bottom: solid 1px #202020;
}

html[data-theme="dark"] ul.blogger_blogs li:last-child,
html[data-theme="dark"].sapo .listings li:last-child,
html[data-theme="dark"].sapo .tags li:last-child,
html[data-theme="dark"] ul.template_text li:last-child {
  border-bottom: none;
}

html[data-theme="dark"] .tips_list:last-child {
  border-bottom: none;
  box-shadow: none;
}

html[data-theme="dark"] .blog_list ul.comments li {
  border-bottom: dotted 1px #202020;
}
html[data-theme="dark"] .blog_list ul.comments li:last-child {
  border-bottom: none;
}

html[data-theme="dark"].sapo .content-left aside .sep {
  border-bottom: solid 1px #202020;
  box-shadow: none;
}

html[data-theme="dark"] .template_customize .submenu-control {
  border-bottom: dashed 1px #1f1f1f;
}

html[data-theme="dark"] .export-data.odd { background: #111; }
html[data-theme="dark"] .export-data.even { background: #090909; }

html[data-theme="dark"].sapo .listings li:hover {
  background: #050505;
}

html[data-theme="dark"].sapo li.scheduled,
html[data-theme="dark"].sapo li.scheduled:hover {
  background-color: #0f4b5f;
  border-bottom: solid 1px #202020;
}

html[data-theme="dark"].sapo .listings .info,
html[data-theme="dark"] .blog_list .comments span {
  color: #777;
}

html[data-theme="dark"].sapo .listings li.scheduled .info,
html[data-theme="dark"].sapo .listings li.scheduled .info strong {
  color: #e7f3f7;
}

html[data-theme="dark"].sapo .listings li.ideas input[type=text] {
  border-color: #111;
  background-color: #111;
  color: #fff;
}
html[data-theme="dark"].sapo .listings li.ideas.idea-done input[type=text] {
  color: #aaa;
}

html[data-theme="dark"].sapo .listings li.ideas:hover > input[type=text],
html[data-theme="dark"].sapo .listings li.ideas.idea-done:hover > input[type=text] {
  background: #050505;
  border-color: #050505;
}

html[data-theme="dark"].homepage .spot h1,
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] #maislidos .box p,
html[data-theme="dark"].sapo ul.pagination li a,
html[data-theme="dark"] .blog_configs p,
html[data-theme="dark"] .control-group p.tip,
html[data-theme="dark"] ul.appearance_options li span,
html[data-theme="dark"] #apresentacao li.control-group label,
html[data-theme="dark"] ul.template_colors li span,
html[data-theme="dark"] p.no_content,
html[data-theme="dark"] ul.template_text label,
html[data-theme="dark"] .template_customize p,
html[data-theme="dark"] ul.ppmail_settings p.ppmail_address span {
  color: #999;
}

html[data-theme="dark"] .b_toggle button.green {
  background: #5b8f22;
}

html[data-theme="dark"] p.alertbg,
html[data-theme="dark"] p.alertbg a {
  background-color: #0f4b5f;
  color: #e7f3f7;
}

html[data-theme="dark"].sapo li.alertbg,
html[data-theme="dark"].sapo li.alertbg:hover {
  background: #0f4b5f;
  border-bottom: solid 1px #202020;
}

html[data-theme="dark"].sapo .ink-alert.basic,
html[data-theme="dark"].sapo .ink-alert.basic p,
html[data-theme="dark"].sapo .ink-alert.basic a,
html[data-theme="dark"].sapo .ink-alert.basic p a,
html[data-theme="dark"].sapo .help_box,
html[data-theme="dark"].sapo .help_box h5,
html[data-theme="dark"].sapo .help_box p {
  background: #0f4b5f;
  color: #e7f3f7;
}

html[data-theme="dark"].sapo .ink-alert .ink-dismiss,
html[data-theme="dark"] .ink-alert.basic.error .ink-dismiss,
html[data-theme="dark"] .ink-alert.basic.success .ink-dismiss {
  color: #ccc;
  text-shadow: #000 0 1px 0;
}
html[data-theme="dark"].sapo .ink-alert.basic.success,
html[data-theme="dark"].sapo .ink-alert.basic.success p,
html[data-theme="dark"].sapo .ink-alert.basic.success a,
html[data-theme="dark"].sapo .ink-alert.basic.success p a {
  background: #38621d;
  color: #cadbbc;
}
html[data-theme="dark"].sapo .ink-alert.basic.error,
html[data-theme="dark"].sapo .ink-alert.basic.error p,
html[data-theme="dark"].sapo .ink-alert.basic.error a,
html[data-theme="dark"].sapo .ink-alert.basic.error p a {
  background: #962319;
  color: #e6d2cd;
}

html[data-theme="dark"] .blog_configs .blog_url:before,
html[data-theme="dark"] .blog_configs .blog_url:after,
html[data-theme="dark"] .blog_configs .blog_favicon:before,
html[data-theme="dark"] .blog_configs .blog_favicon:after,
html[data-theme="dark"] .blog_configs .blog_domain:before,
html[data-theme="dark"] .blog_configs .blog_domain:after,
html[data-theme="dark"] .insert_media .img_url:before,
html[data-theme="dark"] .insert_media .img_url:after,
html[data-theme="dark"] .insert_media .video_url:before,
html[data-theme="dark"] .insert_media .video_url:after,
html[data-theme="dark"] #more-authors .blog_url:before,
html[data-theme="dark"] #more-authors .blog_url:after,
html[data-theme="dark"] #criar_blog .blog_url:before,
html[data-theme="dark"] #criar_blog .blog_url:after,
html[data-theme="dark"] #edit_profile .social_network_url:before {
  background: none;
  color: #444;
}

/* Quick image post interface (for touch devices) on the dashboard */
html[data-theme="dark"] .insert_media header {
  background: #0e0e0e;
  border-bottom: solid 1px #000
}
html[data-theme="dark"] .insert_media p.sep {
  border-bottom: solid 1px #333
}
html[data-theme="dark"] .insert_media .ink-tabs .tabs-nav li.active a {
  color: #aaa;
  background: #000;
  border: solid #000;
}
html[data-theme="dark"] .insert_media .box.active {
  background: #000;
}
html[data-theme="dark"] .insert_media .ink-tabs .tabs-nav li a {
  background: #111;
  border: solid #111;
}
html[data-theme="dark"] #image_dialog li.active a.tabs_media {
  color: #aaa;
}

html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.push-right a,
html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.push-right a:link,
html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.push-right a:visited {
  background: #f38e26;
  border-left: 1px solid #111;
  border-top: 1px solid #f38e26;
  border-right: 1px solid #f38e26;
  border-bottom: 1px solid #f38e26;
}

html[data-theme="dark"] blogs-navigation ul.menu.horizontal li.push-right a.login,
html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.push-right a.login:link,
html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.push-right a.login:visited {
  background: #f38e26;
  border: 1px solid #f38e26;
}

html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.push-right a.login:hover,
html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.push-right a.toggle:hover {
  text-decoration: none;
  color: #f38e26;
  background: none;
  border-left: 1px solid #f38e26;
}

html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.leituras a,
html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.leituras a:link,
html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.leituras a:visited {
  background: #d74c47;
  border: 1px solid #d74c47;
}

html[data-theme="dark"] .blogs-navigation ul.menu.horizontal li.leituras a:hover {
  color: #d74c47;
  background: none;
  text-decoration: none;
}

html[data-theme="dark"] form.subscriber_options,
html[data-theme="dark"] .ink-dropdown ul.dropdown,
html[data-theme="dark"] .ink-dropdown ul.dropdown-menu,
html[data-theme="dark"] .ink-navigation ul.dropdown,
html[data-theme="dark"] .ink-navigation ul.dropdown-menu,
html[data-theme="dark"] .blog_list ul.dropdown li {
  background: #000;
  border: 1px solid #262626;
}
html[data-theme="dark"] .ink-dropdown ul.dropdown li a:hover,
html[data-theme="dark"] .ink-dropdown ul.dropdown-menu li a:hover,
html[data-theme="dark"] .ink-navigation ul.dropdown li a:hover,
html[data-theme="dark"] .ink-navigation ul.dropdown-menu li a:hover,
html[data-theme="dark"] .ink-form input[type=color]:disabled,
html[data-theme="dark"] .ink-form input[type=date]:disabled,
html[data-theme="dark"] .ink-form input[type=datetime-local]:disabled,
html[data-theme="dark"] .ink-form input[type=datetime]:disabled,
html[data-theme="dark"] .ink-form input[type=email]:disabled,
html[data-theme="dark"] .ink-form input[type=month]:disabled,
html[data-theme="dark"] .ink-form input[type=number]:disabled,
html[data-theme="dark"] .ink-form input[type=password]:disabled,
html[data-theme="dark"] .ink-form input[type=search]:disabled,
html[data-theme="dark"] .ink-form input[type=tel]:disabled,
html[data-theme="dark"] .ink-form input[type=text]:disabled,
html[data-theme="dark"] .ink-form input[type=time]:disabled,
html[data-theme="dark"] .ink-form input[type=url]:disabled,
html[data-theme="dark"] .ink-form input[type=week]:disabled,
html[data-theme="dark"] .ink-form select:disabled,
html[data-theme="dark"] .ink-form textarea:disabled {
  background: #111;
}
html[data-theme="dark"] .menu_b_acoes ul.dropdown li {
  border-bottom: solid 1px #262626;
}

html[data-theme="dark"] span.private_blog, html[data-theme="dark"] span.private_post {
  color: #555;
}
html[data-theme="dark"].editor span.private_blog {
  color: #fff;
}

html[data-theme="dark"].editor aside.mobile-visible {
  background: #070707;
}

html[data-theme="dark"] a.ticker_new,
html[data-theme="dark"] .blogger_id button,
html[data-theme="dark"] ul.blogger_id_small button {
  background: #5b8f22;
  color: white;
}
html[data-theme="dark"] a.ticker_new:after {
  border-color: transparent #5b8f22 transparent transparent;
}

html[data-theme="dark"] .user_profile a.ticker_subs {
  background: #416e14
  }

html[data-theme="dark"] .user_profile a.ticker_subs:after {
  border-color: #5b8f22 transparent transparent transparent;
}

html[data-theme="dark"] .domain-step,
html[data-theme="dark"] p.postmailaddress {
  background-color: #050505;
}

html[data-theme="dark"].sapo ul.dashboard-menu.profile {
  background: #2b2b2b;
}

html[data-theme="dark"].sapo .ink-navigation ul.dashboard-menu.profile li a {
  color: #dbdbdb;
  border-top: solid 1px rgba(255,255,255,.07);
  border-bottom: solid 1px rgba(0,0,0,.2);
}
html[data-theme="dark"].sapo .ink-navigation ul.dashboard-menu.profile li a:hover {
  background: #1b1b1b;
}

html[data-theme="dark"].sapo ul.dashboard-menu.profile li a.active {
  background: #1b1b1b;
  color: #be4b19;
}
html[data-theme="dark"].sapo .ink-navigation ul.dashboard-menu.profile li a.active:after {
  border-color: transparent transparent transparent #1b1b1b;
}

html[data-theme="dark"] .search_results strong,
html[data-theme="dark"] #destaques ul.pagination li a,
html[data-theme="dark"].sapo .reading_list ul.pagination li a {
  color: #afafaf;
}

html[data-theme="dark"] .pub_span,
html[data-theme="dark"] #destaques ul.pagination li a.inactive,
html[data-theme="dark"].sapo .reading_list ul.pagination li a.inactive,
html[data-theme="dark"] #maislidos ul.pagination li a.inactive {
  color: #666;
}

/* Analytics */
html[data-theme="dark"] #analytics .box input,
html[data-theme="dark"] #analytics .box span button {
  background-color: #111;
}
html[data-theme="dark"] #analytics .box ul.stats-board li:hover {
  background: #222211;
}

html[data-theme="dark"] #pageviewsChart svg > rect { fill: rgb(0, 0, 0); }
html[data-theme="dark"] .stats_counter { color: #24aac1; }
html[data-theme="dark"] ul.real-time-stats li.rl-new h5 { color: #74b626; }
html[data-theme="dark"] ul.real-time-stats li.rl-returning h5 { color: #d9a404; }

html[data-theme="dark"] #cssEditor .CodeMirror { filter: invert(.95); }

/* Layout */
html[data-theme="dark"] #layout-editor .ink-modal header,
html[data-theme="dark"] #confirm-modal header,
html[data-theme="dark"] #confirm-modal .modal-footer {
  background: #101010;
  border-bottom: solid 1px #000;
}

html[data-theme="dark"] #layout-editor .modal-body {
  background-color: #070707;
}

html[data-theme="dark"] #layout-editor ul.modal-button-list li {
  border-right: solid 2px #111;
}

html[data-theme="dark"] #layout-editor ul.helper-button-list li {
  border-left: solid 2px #111;
}

html[data-theme="dark"] #layout-editor .layout-group {
  background-color: #111;
  border: 4px solid black;
}

html[data-theme="dark"] #layout-editor .layout-slot {
  border: 2px dashed black;
}

html[data-theme="dark"] #layout-editor .layout-component,
html[data-theme="dark"] .layout-component-drag {
  background-color: black;
  border: 2px solid black;
}

html[data-theme="dark"] #layout-editor .insert-helper {
  background: #070707;
  border: solid 1px #222;
}

html[data-theme="dark"] #layout-editor .layout-component-malicious {
  background: #962319;
  border-color: #ffebe6;
}

html[data-theme="dark"] #layout-editor .layout-component-insecure {
  background: #645721;
  border-color: #fdf6d9;
}

html[data-theme="dark"] #layout-editor .layout-component-suspicious {
  background: #0f4b5f;
  border-color: #e7f3f7;
}

html[data-theme="dark"] #layout-editor .layout-component-insecure .edit-set-component,
html[data-theme="dark"] #layout-editor .layout-component-insecure .hide-component,
html[data-theme="dark"] #layout-editor .layout-component-suspicious .edit-set-component,
html[data-theme="dark"] #layout-editor .layout-component-suspicious .hide-component {
  color: white;
}

html[data-theme="dark"] .domain-step {
  background-color: #050505;
}

html[data-theme="dark"] .domain-step .domain-state-off h5 {
  color: #BBBBBB;
}

html[data-theme="dark"] .domain-step .domain-state-error h5 {
  color: #001419;
}

html[data-theme="dark"] .domain-step-num {
  background: #666;
  color: #000;
}

html[data-theme="dark"] .domain-state-on,
html[data-theme="dark"] .domain-state-off,
html[data-theme="dark"] .domain-state-error {
  background-color: #111;
  color: #666;
}

/* Footer */
html[data-theme="dark"].sapo footer,
html[data-theme="dark"].homepage footer {
  background: #111;
  box-shadow: 0 -1px 0 #1e1e1e;
  border-top: solid 1px #111;
}

html[data-theme="dark"] #bsu-footer .bsu-footer-text {
  filter: invert(1);
}

html[data-theme="dark"] #bsu-footer .bsu-footer-logo {
  display: inline-block;
  width: 140px !important;
  height: 60px !important;
  background: url(//js.sapo.pt/Projects/bsuv3/img/logo.png) no-repeat 0 -60px !important;
  background-size: 140px 120px !important;
  text-indent: -999999px !important;
}

/* CMP */
html[data-theme="dark"] .qc-cmp-main-messaging,
html[data-theme="dark"] .qc-cmp-messaging,
html[data-theme="dark"] .qc-cmp-sub-title,
html[data-theme="dark"] .qc-cmp-privacy-settings-title,
html[data-theme="dark"] .qc-cmp-purpose-list,
html[data-theme="dark"] .qc-cmp-tab,
html[data-theme="dark"] .qc-cmp-title,
html[data-theme="dark"] .qc-cmp-vendor-list,
html[data-theme="dark"] .qc-cmp-vendor-list-title,
html[data-theme="dark"] .qc-cmp-ui,
html[data-theme="dark"] .qc-cmp-ui > * {
    color: white !important;
    background: black !important;
}

html[data-theme="dark"] .qc-cmp-ui h1,
html[data-theme="dark"] .qc-cmp-ui h2,
html[data-theme="dark"] .qc-cmp-ui h3,
html[data-theme="dark"] .qc-cmp-ui h4,
html[data-theme="dark"] .qc-cmp-ui h5,
html[data-theme="dark"] .qc-cmp-ui h6,
html[data-theme="dark"] .qc-cmp-ui .qc-cmp-table-header,
html[data-theme="dark"] .qc-cmp-ui .qc-cmp-toggle-status {
    color: white !important;
}

html[data-theme="dark"] .qc-cmp-ui li,
html[data-theme="dark"] .qc-cmp-ui p,
html[data-theme="dark"] .qc-cmp-ui span {
    color: #aaa !important;
}

html[data-theme="dark"] .qc-cmp-table {
    background: #101010;
    border: none !important;
    color: #aaa !important;
}

html[data-theme="dark"] .qc-cmp-toggle-switch {
    background: white;
}

html[data-theme="dark"] .qc-cmp-ui .qc-cmp-toggle-off {
    background-color: #aaa !important;
}

html[data-theme="dark"] .qc-cmp-ui .qc-cmp-scrolling-section {
    background: #101010 !important;
    border: 1px solid #202020 !important;
}

html[data-theme="dark"] .qc-cmp-publisher-logo {
    content: url("https://imgs.sapo.pt/marcasapo/imgs/sapo-white.png") !important;
}

html[data-theme="dark"] #drafts_list span.badge {
  background: #d96125;
}

html[data-theme="dark"] .bsu-info {
  background: #416E14;
}

html[data-theme="dark"] .bsu-message a {
  color: white;
  font-weight: 400;
  text-decoration: underline;
}