@import url(footer.css);
@import url(header.css);
@import url(font-awesome.min.css);

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "open_sanslight";
  src: url("fonts/opensans-300-webfont.eot");
  src: url("fonts/opensans-300-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/opensans-300-webfont.woff") format("woff"),
  url("fonts/opensans-300-webfont.ttf") format("truetype"),
  url("fonts/opensans-300-webfont.svg#open_sanslight") format("svg");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "open_sansregular";
  src: url("fonts/opensans-400-webfont.eot");
  src: url("fonts/opensans-400-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/opensans-400-webfont.woff") format("woff"),
  url("fonts/opensans-400-webfont.ttf") format("truetype"),
  url("fonts/opensans-400-webfont.svg#open_sansregular") format("svg");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "open_sanssemibold";
  src: url("fonts/opensans-600-webfont.eot");
  src: url("fonts/opensans-600-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/opensans-600-webfont.woff") format("woff"),
  url("fonts/opensans-600-webfont.ttf") format("truetype"),
  url("fonts/opensans-600-webfont.svg#open_sanssemibold") format("svg");
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "open_sansbold";
  src: url("fonts/opensans-700-webfont.eot");
  src: url("fonts/opensans-700-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/opensans-700-webfont.woff") format("woff"),
  url("fonts/opensans-700-webfont.ttf") format("truetype"),
  url("fonts/opensans-700-webfont.svg#open_sansbold") format("svg");
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "open_sansextrabold";
  src: url("fonts/opensans-800-webfont.eot");
  src: url("fonts/opensans-800-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/opensans-800-webfont.woff") format("woff"),
  url("fonts/opensans-800-webfont.ttf") format("truetype"),
  url("fonts/opensans-800-webfont.svg#open_sansextrabold") format("svg");
}

body {
  padding-bottom: 0;
  bottom: 0;
}

#main-content {
  margin-top: 0;
}

li hr {
    margin: 10px 0;
}

/* Header */

#header-searchbox {
    width: 190px;
}

#header-hr {
    margin-top: 0;
}

.navbar-default .navbar-brand,
.navbar a.dropdown-toggle.user {
    padding: 0;
    margin-top: 5px;
    margin-left: 10px;
}

.navbar-brand img {
    height: 40px;
}

#user-menu .wrapper {
    padding: 3px 10px;
    white-space: nowrap;
}

#user-menu .wrapper a {
    margin: 5px 0;
}

#user-menu .user-info {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
}

#user-menu .user-info span {
    display: block;
}

#user-menu .dropdown-menu .thumbnail {
    width: 100px;
    display: inline-block;
}

/* End of Header */


/* From message-preview.html*/
.quiet {
    color: #999;
    font-size: 85%;
}

.preview-message {
    white-space: nowrap;
    overflow: hidden;
    line-height: 25px;
    border-bottom: solid 1px #ddd;
}

.preview-message a {
    text-decoration: none;
}

.preview-message img {
    margin-right: 5px;
}

.subject,
.subject a {
    color: #000;
}

.subject a:hover,
.subject a:focus {
    text-decoration: underline;
    color: #335;
}

.subject img {
    margin-right: 5px;
}

/* message-list (ul wrapping preview-message) */

ul.message-list {
   padding: 0;
}

ul.message-list li {
    list-style: none;
}

/* End of message-preview.html */


/* Forms */
form.signup .form-group {
    margin-left: 0px;
    margin-right: 22px;
}

div.submit {
    margin: auto;
    margin-bottom: 2em;
    width: 200px;
}

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

.checkbox ul li {
    line-height: 1.6;
}

/* End Forms */


/* User profile */

.colab-vcard {
    min-height: 400px;
}

.colab-vcard .thumbnail {
    width: 200px;
    height: 200px;
}

.colab-vcard h1 {
    margin: 0;
    padding: 0;
    font-size: 26px;
    line-height: 33px;
    letter-spacing: -1px;
}

.colab-vcard h1 span,
.colab-vcard h1 em {
    display: inline-block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding: 0;
    vertical-align: bottom;
}

.colab-vcard h1 em {
    font-weight: 300;
    font-size: 20px;
    font-size: 20px;
    letter-spacing: 1px;
}

.colab-vcard .divider {
    border-bottom: 1px solid #EEE;
    margin-top: 10px;
}


/* end of User profile */


.rss-icon {
    background-image: url(../img/rss.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 3px;
}

.column-align {
    display: inline-block;
    margin-bottom: 20px;
}

#filters h4 {
    margin-top: 25px;
}

ul.unstyled-list {
    list-style-type: none;
    padding: 3px 0;
    margin: 10px 0;
}

ul.unstyled-list li {
    min-height: 27px;
}

ul.unstyled-list .glyphicon-chevron-right {
    font-size: 85%;
}

#avatar {
    background-color: #FFF;
    padding: 9px 12px;
    width: 47px;
    height: 50px;
}

.blog-post-item .post-meta {
    margin-bottom: 2em;
}

.blog-post-item .tags {
    margin-top: 1em;
}

.reply.btn {
    margin-left: 1em;
}

.email-message pre {
    border: 0;
    background-color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.email-message .user-fullname {
    vertical-align: middle;
}

.email-message .panel-heading img {
    margin-right: 10px;
}

.email-message .panel-heading .date {
    margin-right: 10px;
}

.email-message .panel-heading {
    padding: 10px 0;
}

.selected .glyphicon-remove {
    color: #f00;
}

.selected a {
    color: #000;
    font-weight: bold;
}

.toggle-reply {
    height: 10px;
    line-height: 3px;
    padding: 0px 5px 14px;
    vertical-align: middle;
    font-size: 20px;
    background-color: #bbb;
    border-color: #aaa;
}

.toggle-reply:hover,
.toggle-reply:focus {
    background-color: #aaa;
    border-color: #999;
}

/* Converse JS */

#chatpanel form#converse-login {
    padding: 0;
}

#chatpanel form#converse-login input,
#chatpanel form#converse-login label {
    margin: 2px 10px;
}

#chatpanel form#converse-login .login-submit{
    margin-top: 10px;
}

#chatpanel a.configure-chatroom-button,
#chatpanel a.close-chatbox-button {
    background-color: #F6F6F6;
    margin-right: 0.6em;
}

#chatpanel .chat-head #controlbox-tabs li {
    width:32%;
}

#chatpanel .oc-chat-head {
    height: 37px;
}

#chatpanel .chatbox dl.dropdown {
    margin-top: 0;
}

#chatpanel #converse-roster {
    height: 207px;
}

#chatpanel #toggle-controlbox {
    font-size: 100% !important;
    padding: 0 4px 26px !important;
}

#chatpanel {
    height: 342px !important;
}

#chatpanel div#controlbox-panes {
    width: auto;
}

#chatpanel .chat-head-chatbox, #chatpanel .chat-head-chatroom {
    height: 40.5px;
}

#chatpanel form.sendXMPPMessage {
    height: 76px;
    border: none;
}

#chatpanel form.sendXMPPMessage textarea {
    width: 189px;
    max-width: 285px;
    max-height: 66px;
}

#chatpanel .chatbox form.sendXMPPMessage textarea {
    max-width: 189px;
}

#chatpanel .chat-content,
#chatpanel .chatroom .participants{
    width: auto;
}

#chatpanel div#chatrooms {
    overflow-y: visible;
}


/* End of Converse JS*/


/* Feedzilla */

#planet .well h3 {
    margin-top: 0;
}

.tag-cloud {
    text-align: justify;
    margin-top: 6px;
}

.tag-cloud .size-1 {
    font-size: 0.9em;
}

.tag-cloud .size-2 {
    font-size: 1.2em;
}

.tag-cloud .size-3 {
    font-size: 1.4em;
}

.tag-cloud .size-4 {
    font-size: 1.6em;
}

/* end Feedzilla */

/* user profile update */

.btn.delete-email:not(:hover) {
    background-color: #fff;
    color: #D9534F;
}

.btn .icon-warning-sign {
    color: #F0AD4E;
}

ul.emails {
    margin: 0;
}

/* end user profile update */

/* search highlighting */
span.highlighted {
    background-color: yellow;
}

/* paginator icon */
.small-icon {
    font-size: 10px;
}

/* Subscribe list */
.colab-vcard .label {
    line-height: 2;
}

/* Message link */

.div-message-link {
    display: inline !important;
}

.message-link {
    margin-left: 15px;
}

.email-message .popover {
    max-width: 350px;
    width: 350px;
}

/* Chart div */
.chart {
    text-align: center;
}

.chart > canvas {
    width: 250px;
}

.chart > p {
    text-align: center;
    line-height: 1.5em;
}
.chart > p > label {
    margin: 0 2px;
}

#main-content {
    padding: 40px 0 60px 0;
    color: #172738;
}

.colab-content {
    max-width: 960px;
    min-width: 960px;
    padding: 40px 0 60px 0;
}

.colab-content h2{
    color: #FF0366;
    font-size: 16px;
    font-family: "open_sansregular",Arial, Helvetica,sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

.colab-content h1{
    padding: 5px 0 10px 0;
    border-bottom: 1px solid #D3D6DE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-variant: normal;
    font-weight: bold;
}

h4.help-pane-title {
    font-family: Arial;
    color: #172738;
}

#btn-cadastrar {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 27px 5px 27px;
}

.control-label {
    font-family: Arial;
    font-weight: normal;
    font-size: 16px;
}

form.signup {
    padding-top: 30px;
}

.signup .form-group:nth-child(5),
.signup .form-group:nth-child(6) {
    width: 45%;
}

.signup .form-group:nth-child(5) {
    float: left;
}

.signup .form-group:nth-child(6) {
    float: right;
}

.signup-help {
    font-size: 16px;
    font-family: Arial;
    padding-top: 7px;
}

a.btn {
  margin: 2px 0 2px 0;
}