@import url("http://fonts.googleapis.com/css?family=Raleway:400,300");
/*azul claro*/
/*azul oscuro*/
/*verde*/
/*verde claro*/
/*#F4F4F4*/
/*naranja*/
@font-face {
  font-family: 'officina';
  src: url("/Fonts/OfficinaSanITCMedium.eot");
  src: url("/Fonts/OfficinaSanITCMedium.ttf") format("truetype"), url("/Fonts/OfficinaSanITCMedium.eot?#iefix") format("embedded-opentype");
  /* IE9+ */
}

@font-face {
  font-family: 'bebas';
  src: url("/Fonts/BebasNeue-webfont.eot");
  src: url("/Fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("/Fonts/BebasNeue-webfont.woff") format("woff"), url("/Fonts/BebasNeue-webfont.ttf") format("truetype"), url("/Fonts/BebasNeue-webfont.svg#bebas_neueregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(/Fonts/Roboto-Condensed.woff) format("woff");
}

/*@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
         }*/
@font-face {
  font-family: officina_it;
  src: url("/Fonts/OfficinaSanITCMediumItalic.ttf");
}

@font-face {
  font-family: code;
  src: url("/Fonts/SourceCodePro-Light.ttf");
}

/* line 3, Messaging.scss */
.mail-box.message-wrapper {
  max-width: 600px;
  margin: 0px auto;
}

/* line 7, Messaging.scss */
.mail-box {
  width: 100%;
  margin-top: 20px;
}
/* line 10, Messaging.scss */
.mail-box .menu {
  position: relative;
  margin-bottom: 20px;
}
/* line 13, Messaging.scss */
.mail-box .menu input[type="checkbox"] {
  height: 0px;
  width: 0px;
  font-size: 0px;
}
/* line 19, Messaging.scss */
.mail-box .box-style {
  margin-bottom: 8px;
}
/* line 21, Messaging.scss */
.mail-box .box-style a.attach {
  box-shadow: none;
}
/* line 25, Messaging.scss */
.mail-box .mail-box-actions {
  height: 36px;
  display: inline-block;
}
/* line 34, Messaging.scss */
.mail-box a.action-view-conv,
.mail-box a.back-inbox,
.mail-box a.attach,
.mail-box .action-remove,
.mail-box .select-mail,
.mail-box .action-new-msg {
  display: inline-block;
  max-width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: #FFF;
  color: #314555;
  border-radius: 18px;
  overflow: hidden;
  font-family: "Roboto", Arial, san-serif;
  font-size: 18px;
  white-space: nowrap;
  padding-right: 10px;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: max-width 0.6s ease-out;
  -moz-transition: max-width 0.6s ease-out;
  -o-transition: max-width 0.6s ease-out;
  transition: max-width 0.6s ease-out;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
/* line 54, Messaging.scss */
.mail-box a.action-view-conv i,
.mail-box a.back-inbox i,
.mail-box a.attach i,
.mail-box .action-remove i,
.mail-box .select-mail i,
.mail-box .action-new-msg i {
  padding: 0px 8px;
  font-size: 20px;
  position: relative;
  top: 3px;
}
/* line 66, Messaging.scss */
.mail-box a.action-view-conv:hover,
.mail-box a.back-inbox:hover,
.mail-box a.attach:hover,
.mail-box .action-remove:hover,
.mail-box .select-mail:hover,
.mail-box .action-new-msg:hover {
  max-width: 200px;
  -webkit-transition: max-width 0.6s ease-in;
  -moz-transition: max-width 0.6s ease-in;
  -o-transition: max-width 0.6s ease-in;
  transition: max-width 0.6s ease-in;
  color: #6e9fbe;
}
/* line 74, Messaging.scss */
.mail-box .action-remove {
  display: none;
  position: relative;
  top: -12px;
}
/* line 79, Messaging.scss */
.mail-box ul.as-selections li.as-original input {
  height: auto;
  margin-bottom: 0px;
  line-height: 28px;
}

/* line 87, Messaging.scss */
.messages-search {
  display: inline-block;
  float: right;
  width: auto;
  position: relative;
  background: #FFF;
  border-radius: 18px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
/* line 95, Messaging.scss */
.messages-search input[type="text"].search-text-box {
  width: 62px;
  height: 26px;
  margin: 5px 10px;
  border-radius: 4px;
  margin-right: 28px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  oveflow: hidden;
  border: none;
  border-bottom: 1px solid #314555;
  -moz-transition: width 0.5s ease-out;
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}
/* line 109, Messaging.scss */
.messages-search input[type="text"]:focus {
  width: 300px;
  -moz-transition: width 0.5s ease-out;
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}
/* line 116, Messaging.scss */
.messages-search .action-search {
  width: 28px;
  height: 36px;
  line-height: 36px;
  color: #314555;
  font-family: "Roboto", Arial, san-serif;
  font-size: 18px;
}

/* line 126, Messaging.scss */
.mail-box {
  position: relative;
}
/* line 129, Messaging.scss */
.mail-box .talk-stats,
.mail-box .subject {
  font-size: 20px;
  color: #314555;
  font-family: "Roboto", Arial, san-serif;
}
/* line 134, Messaging.scss */
.mail-box .talk-stats {
  font-size: 18px;
  position: absolute;
  top: 0px;
  right: 0px;
}
/* line 139, Messaging.scss */
.mail-box .talk-stats > div {
  float: left;
  margin-left: 20px;
}
/* line 143, Messaging.scss */
.mail-box .talk-stats .messages-count {
  position: relative;
}
/* line 146, Messaging.scss */
.mail-box .talk-stats .messages-unread {
  position: absolute;
  top: -10px;
  left: 8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #FFF;
  border-radius: 50%;
  background-color: #bb0000;
  border: 1px solid #FFF;
  text-align: center;
  font-size: 12px;
}
/* line 161, Messaging.scss */
.mail-box .talk-stats .action-remove-conversation,
.mail-box .talk-stats .conv-members {
  cursor: pointer;
}
/* line 165, Messaging.scss */
.mail-box .top-msg {
  position: relative;
}
/* line 168, Messaging.scss */
.mail-box .selector {
  float: left;
  margin-right: 10px;
}
/* line 171, Messaging.scss */
.mail-box .selector input[type="checkbox"] {
  height: 0px;
  width: 0px;
  font-size: 0px;
}
/* line 176, Messaging.scss */
.mail-box .selector label {
  color: #E6E6E6;
  font-size: 18px;
  cursor: pointer;
}
/* line 182, Messaging.scss */
.mail-box .selector label:hover,
.mail-box .selector input[type="checkbox"]:checked + label {
  color: #48c31d;
}
/* line 186, Messaging.scss */
.mail-box .msg-header {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}
/* line 191, Messaging.scss */
.mail-box .inner-message {
  line-height: 40px;
  margin-top: 20px;
  position: relative;
}
/* line 195, Messaging.scss */
.mail-box .inner-message .author-holder {
  max-width: 180px;
  position: absolute;
  top: 0px;
  left: 0px;
}
/* line 200, Messaging.scss */
.mail-box .inner-message .author-holder img {
  float: left;
}
/* line 204, Messaging.scss */
.mail-box .inner-message .author-holder a,
.mail-box .inner-message .author-holder a:visited {
  margin-left: 50px;
  color: #314555;
  font-size: 16px;
  font-family: "Roboto", Arial, san-serif;
  display: block;
  position: relative;
}
/* line 212, Messaging.scss */
.mail-box .inner-message .author-holder a:hover {
  text-decoration: underline;
}
/* line 216, Messaging.scss */
.mail-box .inner-message .date {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 11px;
}
/* line 222, Messaging.scss */
.mail-box .inner-message .msg-body {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 130px 0px 200px;
  width: 100%;
  font-size: 14px;
}
/* line 227, Messaging.scss */
.mail-box .inner-message .msg-body a {
  color: inherit;
  display: block;
  width: 100%;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 235, Messaging.scss */
.mail-box .inner-message .msg-body:hover {
  background-color: #D5FDFF;
}
/* line 239, Messaging.scss */
.mail-box .button-share {
  float: right;
}

/*______ MESSAGE ______*/
/* line 246, Messaging.scss */
.conversation-message {
  margin-top: 10px;
}
/* line 248, Messaging.scss */
.conversation-message .actor-thumb {
  float: left;
  border-radius: 4px;
}
/* line 252, Messaging.scss */
.conversation-message .msg-body-ext {
  margin: 0px 65px;
  padding: 10px 10px 20px 10px;
  position: relative;
  min-height: 60px;
  border-bottom: 1px solid #d7d7d7;
}
/* line 261, Messaging.scss */
.conversation-message .author,
.conversation-message .author:visited {
  color: #314555;
  font-family: "Roboto", Arial, san-serif;
  font-size: 16px;
}
/* line 266, Messaging.scss */
.conversation-message .author:hover {
  text-decoration: underline;
}
/* line 269, Messaging.scss */
.conversation-message .msg {
  font-size: 13px;
  line-height: 16px;
  margin-top: 6px;
  margin-bottom: 10px;
}
/* line 274, Messaging.scss */
.conversation-message .msg p {
  margin-bottom: 10px;
  text-align: justify;
}
/* line 279, Messaging.scss */
.conversation-message .action-remove-message {
  position: absolute;
  bottom: 8px;
  right: 8px;
  cursor: pointer;
  font-size: 15px;
  color: #d7d7d7;
}
/* line 287, Messaging.scss */
.conversation-message .action-remove-message:hover {
  color: #314555;
}

/* line 293, Messaging.scss */
.conversation-message:last-child .msg-body-ext {
  border: none;
}

/* line 299, Messaging.scss */
.conversation-message.sent .actor-thumb {
  float: right;
}
/* line 302, Messaging.scss */
.conversation-message.sent .author-info {
  position: relative;
  left: 100%;
  display: inline-block;
  transform: translateX(-100%);
}

/*______ NEW MESSAGE ______*/
/* line 312, Messaging.scss */
.new-message-form {
  overflow: hidden;
}
/* line 314, Messaging.scss */
.new-message-form .as-selections {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
  height: 31px;
}

/* line 322, Messaging.scss */
.label-flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* line 324, Messaging.scss */
.label-flexbox > div {
  -ms-flex: 1;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0px 10px;
  margin-bottom: 10px;
}
/* line 330, Messaging.scss */
.label-flexbox > div input[type="text"].subject {
  border: none;
  border-bottom: 1px solid #d7d7d7;
}

/* line 337, Messaging.scss */
.action-load-msg {
  padding: 2px 0px;
  margin-bottom: 10px;
  width: 100%;
}

/* line 342, Messaging.scss */
.action-load-msg-loading {
  text-align: left;
  padding-left: 30px;
}
/* line 345, Messaging.scss */
.action-load-msg-loading i {
  top: 5px;
  background: url(/Images/loading.gif) no-repeat;
}

/* line 350, Messaging.scss */
.action-load-msg:hover {
  color: #314555;
  text-decoration: underline;
}

/*______ POP-UP ______*/
/* line 358, Messaging.scss */
.popup-new-msg {
  width: 540px;
}
/* line 360, Messaging.scss */
.popup-new-msg .field-row {
  margin-left: 10px;
}
/* line 363, Messaging.scss */
.popup-new-msg .error {
  float: none;
  text-align: left;
}

/* line 370, Messaging.scss */
.popup-new-msg input[type=text],
.popup-new-msg textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 12px/18px;
}

/* line 377, Messaging.scss */
.popup-new-msg textarea {
  height: 40px;
}
/* line 380, Messaging.scss */
.popup-new-msg .as-selections {
  border: 1px solid #d7d7d7;
  padding: 2px;
}
/* line 384, Messaging.scss */
.popup-new-msg label.selected-items-error {
  color: red;
  display: none;
}

/* line 391, Messaging.scss */
.mail-box .inbox-link,
.mail-box .sent-link {
  width: 50%;
  display: block;
  height: 23px;
  float: left;
  background-color: #f4f4f4;
  border-bottom: 1px solid #d7d7d7;
  color: #999;
  font-size: 16px;
  text-align: center;
  padding-top: 7px;
  text-shadow: 1px 1px 0px #FFF;
}

/* line 406, Messaging.scss */
.mail-box .inbox-link i,
.mail-box .sent-link i {
  display: inline-block;
  background-image: url("/images/icons2.png");
  width: 10px;
  height: 12px;
  margin-right: 5px;
}

/* line 414, Messaging.scss */
.mail-box .inbox-link i {
  background-position: -248px -5px;
}

/* line 419, Messaging.scss */
.mail-box .inbox-link:hover i,
.mail-box .inbox-link i.selected-ico {
  background-position: -264px -5px;
}

/* line 423, Messaging.scss */
.mail-box .sent-link i {
  background-position: -280px -5px;
}

/* line 428, Messaging.scss */
.mail-box .sent-link:hover i,
.mail-box .sent-link i.selected-ico {
  background-position: -296px -5px;
}

/* line 434, Messaging.scss */
.mail-box .selected,
.mail-box .inbox-link:hover,
.mail-box .sent-link:hover {
  background-color: #21AEEC;
  color: #fff;
  position: relative;
  text-shadow: none;
}

/* line 441, Messaging.scss */
.mail-box .selected:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  border-style: solid;
  border-width: 0 6px 6px;
  border-color: #fff transparent;
  display: block;
  width: 0;
  z-index: 1;
}

/* line 458, Messaging.scss */
.unread {
  border: none;
  border-bottom: 1px dashed #CCC;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* line 465, Messaging.scss */
.unread-message {
  background-color: #fef3e9;
}

/* line 469, Messaging.scss */
.mail-box-message .msg-body > hr {
  width: auto;
  height: 1px;
  border: none;
  background-color: #f4f4f4;
  margin: 12px 0;
}

/* line 477, Messaging.scss */
.mail-box-message .msg-body .attachments {
  list-style-type: none;
  font-size: 12px;
  color: #333333;
}

/* line 483, Messaging.scss */
.mail-box-message .msg-body .attachments li > div {
  float: left;
}

/* line 487, Messaging.scss */
.mail-box-message .msg-body .attachments a {
  list-style-type: none;
  font-size: 11px;
  color: #3FBBEF;
}

/* line 493, Messaging.scss */
.mail-box-message .msg-body .attachments a:hover {
  text-decoration: underline;
}

/* line 501, Messaging.scss */
.mail-box-message .subject:hover {
  text-decoration: underline;
}

/* line 505, Messaging.scss */
.mail-box-message .options {
  position: absolute;
  right: 9px;
  top: 9px;
}

/* line 513, Messaging.scss */
.conv-members:hover {
  text-decoration: underline;
}

/* line 517, Messaging.scss */
.mail-box-message .attacment-ind {
  background-position: -6px -26px;
  background-image: url(/images/icons2.png);
  width: 9px;
  height: 18px;
  float: left;
  margin: 7px 7px 0 0;
}

/* line 532, Messaging.scss */
.mail-box-message .inner-message .attacment-ind {
  float: none;
  position: absolute;
  right: 5px;
  top: 3px;
}

/* line 542, Messaging.scss */
.nested-mail-box-message .msg-body {
  height: 35px;
  overflow: hidden;
}

/* line 549, Messaging.scss */
.sent-message {
  position: relative;
}

/* line 553, Messaging.scss */
.sent-message .attacment-ind {
  position: absolute;
  float: none;
  right: 7px;
  top: 3px;
}

/* line 560, Messaging.scss */
.boradcast-message {
  padding: 9px 0;
}

/* line 564, Messaging.scss */
.sent-message-wrapper {
  padding: 9px;
  border-bottom: 1px solid #F3F3F3;
  position: relative;
}

/* line 570, Messaging.scss */
.mail-box-message .sent-message-wrapper:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

/* line 575, Messaging.scss */
.sent-message-wrapper .msg-body {
  width: 670px;
}

/* line 579, Messaging.scss */
.sent-message-wrapper .attacment-ind {
  float: none;
  position: absolute;
  top: 2px;
  right: 7px;
}

/* line 586, Messaging.scss */
.action-reply i {
  top: 8px;
  background-position: -356px -5px;
}

/* line 591, Messaging.scss */
.action-reply:hover i {
  background-position: -376px -5px;
}

/* line 595, Messaging.scss */
.mail-box-messages .wrapper {
  background-color: #fff;
  padding: 3px 0 3px 10px;
}

/* line 600, Messaging.scss */
.mail-box .reply-form {
  border-top: 1px solid #d7d7d7;
  overflow: hidden;
}

/* line 605, Messaging.scss */
.mail-box .reply-form textarea {
  border: 1px solid #d7d7d7;
  height: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 96%;
  padding: 2px;
  margin: 16px 0 10px 2%;
  font-size: 14px;
}

/* line 615, Messaging.scss */
.mail-box .reply-form label.error {
  color: red;
  margin: -10px 0 10px 15px;
  display: block;
}

/* line 627, Messaging.scss */
.no-messages {
  color: #F27403;
  font-size: 18px;
}

/* line 632, Messaging.scss */
.action-view-conv i {
  background-position: -312px -5px;
}

/* line 636, Messaging.scss */
.action-view-conv:hover i {
  background-position: -334px -5px;
}

/* line 640, Messaging.scss */
.namedesc-form .field-row {
  margin-right: 10px;
}

/* line 643, Messaging.scss */
.popup-form .field-row {
  margin-bottom: 5px;
}

@media only screen and (max-width: 960px) {
  /* line 647, Messaging.scss */
  .mail-box {
    margin: 27px auto;
  }
}
@media only screen and (max-width: 548px) {
  /* line 653, Messaging.scss */
  .popup-new-msg textarea {
    height: 50px;
  }

  /* line 656, Messaging.scss */
  .popup-new-msg {
    width: 360px !important;
  }
}
@media only screen and (max-width: 380px) {
  /* line 662, Messaging.scss */
  .mail-box .search-container {
    margin-right: 40px;
  }

  /* line 665, Messaging.scss */
  a.action-new-msg {
    text-indent: -9000px;
    padding: 0px;
  }

  /* line 669, Messaging.scss */
  .conversation-message {
    padding: 0px;
  }

  /* line 672, Messaging.scss */
  .mail-box {
    margin: 15px auto;
  }
}
@media only screen and (max-width: 360px) {
  /* line 679, Messaging.scss */
  .popup-new-msg {
    width: 236px !important;
  }

  /* line 682, Messaging.scss */
  .popup-new-msg textarea {
    height: 100px;
  }

  /* line 685, Messaging.scss */
  .namedesc-form .field-row {
    margin-right: 10px;
  }

  /* line 688, Messaging.scss */
  .namedesc-form input[type="text"], .namedesc-form textarea {
    width: 96% !important;
  }
}
@media only screen and (max-height: 340px) {
  /* line 694, Messaging.scss */
  .msg-form .field-row:first-child {
    display: none;
  }

  /* line 697, Messaging.scss */
  .popup-new-msg textarea {
    height: 30px;
  }
}