/* Colors */
/* Primary ISI Blue */
/* Light Blue */
/* Brand Color Pallet */
/* Primary Colors */
/* Accent Colors */
/* #8F0A17 */
/* #E7730A */
/* #59AA39 */
/* #007BA5 */
/* Neutral Colors */
/* Brand Color Pallet (End) */
/* Overwrite */
body {
  background-color: #F1F2F6;
  color: #081F2C;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-smoothing: antialiased;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 100%;
  overflow-x: hidden; }

img {
  max-width: 100%; }

.flex {
  display: flex;
  flex-flow: row wrap; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #081F2C; }

a {
  color: #007EA8;
  transition: color ease-in-out .1s; }
  a:hover, a:active {
    color: #007ba5; }

/* Layout */
.container, .container-large {
  margin: 0 auto;
  max-width: calc(100% - 40px);
  padding: 0;
  width: 100%; }
  .container .top-nav-right, .container-large .top-nav-right {
    float: right; }

/* Navigation */
.top-hat {
  background-color: #081F2C;
  height: 34px;
  padding: 5px 0; }
  .top-hat .PhotoWrap {
    display: block !important;
    float: left !important; }

.navbar {
  background-color: #003549;
  border: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: white;
  min-height: 72px;
  position: relative;
  z-index: 10 !important; }

.FlyoutMenu {
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }

.Flyout *, .MenuItems * {
  font-size: 12px;
  line-height: 1.25em; }

.PopList .Item, .PopList #announcements-wrap {
  border-radius: 0;
  box-shadow: none;
  font-size: 12px; }
  .PopList .Item .HasNew, .PopList #announcements-wrap .HasNew {
    font-size: 10px;
    padding: 2px 4px; }
  .PopList .Item .ProfilePhoto, .PopList #announcements-wrap .ProfilePhoto {
    height: 64px;
    width: 64px; }

.navbar-brand {
  margin: 0 auto;
  padding: 18px 0; }
  .navbar-brand img {
    height: 36px; }

.navbar-left, .navbar-right {
  display: none; }

.main-menu {
  list-style: none;
  margin: 0; }
  .main-menu a {
    color: white;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    transition: color ease-in-out .1s; }
    .main-menu a:hover {
      color: #007EA8;
      text-decoration: none; }
  .main-menu li {
    display: none;
    float: left;
    padding: 0 25px 0 0; }
    .main-menu li a {
      padding: 27px 0; }
  .main-menu .has-children a {
    position: relative; }
    .main-menu .has-children a:after {
      content: "\f107";
      font-family: "font awesome 5 free";
      margin-left: 5px;
      float: right; }
  .main-menu .has-children:hover .dropdown {
    display: block; }
    .main-menu .has-children:hover .dropdown .dropdown {
      display: none; }
  .main-menu .dropdown {
    background-color: #00354F;
    border-radius: 0 0 4px 4px;
    box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.35), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    display: none;
    padding: 12px 0;
    position: absolute;
    top: 72px;
    width: 250px;
    z-index: 1; }
    .main-menu .dropdown li {
      padding: 0;
      width: 100%; }
      .main-menu .dropdown li a {
        color: white;
        font-weight: bold;
        padding: 7px 20px;
        transition: color ease-in-out .1s; }
        .main-menu .dropdown li a:hover {
          color: #007EA8;
          text-decoration: none; }
        .main-menu .dropdown li a:after {
          content: none; }
    .main-menu .dropdown .dropdown {
      background-color: #f8f8f8;
      border-radius: 0 0 4px 0;
      display: none;
      height: auto;
      padding: 12px 0;
      position: absolute;
      top: 0;
      left: 250px; }
    .main-menu .dropdown .has-children a:after {
      content: "\f105"; }
    .main-menu .dropdown .has-children:hover {
      color: #007EA8; }
      .main-menu .dropdown .has-children:hover .dropdown {
        display: block; }
        .main-menu .dropdown .has-children:hover .dropdown a {
          color: #081F2C;
          transition: color ease-in-out .1s; }
          .main-menu .dropdown .has-children:hover .dropdown a:after {
            display: none; }
          .main-menu .dropdown .has-children:hover .dropdown a:hover {
            color: #007EA8; }

@media (min-width: 550px) {
  .navbar-brand {
    margin: 0 30px 0 0; }

  .navbar-left {
    display: block;
    margin: 0 auto 0 0; }

  .navbar-right {
    display: block; } }
@media (min-width: 825px) {
  .main-menu li {
    display: block; } }
.forum-chooser {
  min-height: auto; }

/* Breadcrumb */
.trail {
  background-color: #004863;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: row;
  font-size: 12px;
  margin: 0;
  padding: 15px 0; }
  .trail .CrumbLabel {
    color: white; }
    .trail .CrumbLabel a {
      color: white;
      font-weight: normal;
      opacity: .75; }
  .trail .CrumbLabel.Last a {
    color: white;
    font-weight: bold;
    opacity: 1; }
  .trail .Crumb {
    color: #004775;
    font-size: 0;
    opacity: .75; }
    .trail .Crumb:before {
      color: white;
      content: "//";
      font-size: 12px;
      padding: 0 10px; }

/*Masthead */
.masthead {
  background-color: #005A7C;
  background-image: none !important;
  box-shadow: none;
  height: 400px;
  margin-bottom: -360px;
  padding: 0;
  text-align: center;
  text-shadow: none; }
  .masthead .container {
    max-width: none;
    padding: 20px 0; }
  .masthead .search-discussion-box {
    display: none;
    padding: 0; }

@media (min-width: 600px) {
  .masthead {
    margin-bottom: -318px; }
    .masthead .search-discussion-box {
      display: block;
      height: 42px; } }
/* Main */
main, main.container {
  background-color: #f2f2f0;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 0 8px; }

/* Site Column Organization */
.site-content {
  margin: 0;
  position: relative;
  width: 100%; }

.site-sidebar {
  display: flex;
  font-size: 14px;
  line-height: 2.5em;
  flex-direction: column;
  width: 100%; }

.ad-space {
  margin-top: 15px;
  margin-bottom: 15px; }
  .ad-space img {
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    width: 100%; }

@media (min-width: 992px) {
  .site-content {
    margin: 16px 0;
    width: calc(100% - 330px); }

  .site-sidebar {
    width: 330px; } }
/* Columns */
.column {
  padding: 0 8px 16px 8px; }

.column-content {
  display: block;
  float: left; }

/* Home Page */
.is-home .search-discussion-box {
  text-align: center; }
.is-home main, .is-home main.container {
  margin-top: -215px; }
.is-home .HomepageTitle {
  display: none; }
.is-home .site-content {
  margin-bottom: -5px;
  margin-top: 0; }

/* Search Box */
.masthead form {
  background-color: transparent;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  margin: 0 auto;
  width: 540px; }

#Form_Search, #Form_search, #Form_search1 {
  background-color: white;
  border: none;
  border-radius: 4px 6px 6px 4px;
  font-size: 16px;
  height: auto;
  padding: 10px; }
  #Form_Search:focus, #Form_search:focus, #Form_search1:focus {
    background-color: white;
    border: none;
    outline: none; }

#Form_Go {
  border: none;
  border-radius: 0 4px 4px 0;
  bottom: 0;
  box-shadow: none;
  position: absolute;
  right: 0;
  top: 0; }
  #Form_Go:focus {
    outline: none; }

/* Headings */
.HomepageTitle {
  font-size: 18px;
  line-height: 1em;
  margin: 0 0 20px 0; }
  .HomepageTitle .AdminCheck {
    display: none; }

.PageDescription {
  font-size: 14px;
  margin: 20px 0; }

.CommentHeading {
  margin: 15px 0;
  line-height: 1.25em; }

.PageControls {
  margin: 0; }
  .PageControls .BoxNewDiscussion {
    display: none; }
  .PageControls .BoxNewConversation {
      margin: 0 0 16px 0;
  }
  .PageControls .ToggleFlyout {
    font-weight: bold;
    margin: 0 0 16px 0; }

.Discussion .PageTitle h1 {
  font-size: 18px;
  line-height: 1em;
  margin: 0 0 20px 0; }

.ShowAll {
  margin: 10px 0 0 0;
  padding: 0 !important; }

.FlyoutMenu {
  font-size: 12px; }

/* Buttons */
.ButtonGroup.Big .NavButton, .ButtonGroup.Big .Button {
  border: none;
  font-size: 14px; }
  .ButtonGroup.Big .NavButton:focus, .ButtonGroup.Big .Button:focus {
    outline: none; }

.button, .Button {
  display: inline-block;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  line-height: 1.5em;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 20px;
  text-align: center;
  text-transform: none; }
  .button.Handle, .Button.Handle {
    padding: 10px; }
  .button:focus, .Button:focus {
    outline: none; }

.BigButton.Primary, .BigButton.Danger {
  font-size: 14px; }

.Box .P {
    margin: 5px 0;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
}
    .Box .P .Button {
        width: 45%;
    }
.PageDescription {
    display:none;
}

/* Sidebar Content */
.Box {
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin: 16px 0 0 0;
  padding: 0;
  width: 100%; }
  .Box h4 {
    background-color: #005A7C;
    border-radius: 4px 4px 0 0;
    color: white;
    font-size: 14px;
    line-height: 1.25em;
    margin: 0;
    padding: 10px;
    width: 100%; }
 
.GuestBox p {
    margin: 8px;
}    
.GuestBox p:nth-child(3) {
    display:none;
}

.PanelInfo, .PanelCategories, .BoxFilter .FilterMenu {
  background-color: white;
  border-radius: 0 0 4px 4px;
  box-shadow: none;
  padding: 15px;
  margin-bottom: 16px;
  width: 100%; }
  .PanelInfo .BoxButtons .Button, .PanelCategories .BoxButtons .Button, .BoxFilter .FilterMenu .BoxButtons .Button {
    padding: 10px;
    text-align: left;
    width: calc(100% - 32px); }
  .PanelInfo .BoxButtons .Handle, .PanelCategories .BoxButtons .Handle, .BoxFilter .FilterMenu .BoxButtons .Handle {
    text-align: center;
    width: 32px; }
  .PanelInfo .Active, .PanelCategories .Active, .BoxFilter .FilterMenu .Active {
    background: transparent; }
  .PanelInfo .Item, .PanelCategories .Item, .BoxFilter .FilterMenu .Item, .PanelInfo #announcements-wrap, .PanelCategories #announcements-wrap, .BoxFilter .FilterMenu #announcements-wrap {
    margin-top: 10px; }
    .PanelInfo .Item:first-child, .PanelCategories .Item:first-child, .BoxFilter .FilterMenu .Item:first-child, .PanelInfo #announcements-wrap:first-child, .PanelCategories #announcements-wrap:first-child, .BoxFilter .FilterMenu #announcements-wrap:first-child {
      margin-top: 0; }
  .PanelInfo li, .PanelCategories li, .BoxFilter .FilterMenu li {
    border-top: none; }
    .PanelInfo li:first-child, .PanelCategories li:first-child, .BoxFilter .FilterMenu li:first-child {
      border-top: none; }

.PanelCategories {
  padding: 5px 15px 15px 15px; }
  .PanelCategories li {
    border: none !important;
    padding: 10px 0 0 0;
    line-height: 1.5em; }
    .PanelCategories li a {
      display: block;
      width: 100%; }
      .PanelCategories li a .Aside {
        float: right; }
  .PanelCategories .Depth2 {
    padding-left: 15px; }
  .PanelCategories .Depth3 {
    padding-left: 30px; }

.BoxCategories .PanelCategories {
  margin-bottom: 0; }
  .BoxCategories .PanelCategories .Depth3 {
    display: none; }

.BoxFilter .FilterMenu {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
  padding: 10px 15px 15px 15px; }
  .BoxFilter .FilterMenu li {
    padding-top: 10px;
    line-height: 1.5em; }
    .BoxFilter .FilterMenu li a {
      display: block;
      width: 100%; }
      .BoxFilter .FilterMenu li a .Aside {
        float: right; }

.Tags .TagCloud {
  background-color: white;
  border-radius: 0 0 4px 4px;
  padding: 5px 10px 10px 5px; }
  .Tags .TagCloud li {
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    margin: 5px 0 0 5px;
    padding: 5px; }

.Leaderboard {
  margin-top: 16px; }
  .Leaderboard .PanelInfo, .Leaderboard .PanelCategories, .Leaderboard .BoxFilter .FilterMenu, .BoxFilter .Leaderboard .FilterMenu {
    margin-bottom: 0; }

.BoxWelcome + .BoxNewDiscussion {
  display: none; }

.BoxWelcome .PanelInfo, .BoxWelcome .PanelCategories, .BoxWelcome .BoxFilter .FilterMenu, .BoxFilter .BoxWelcome .FilterMenu {
  padding: 15px 15px 25px 15px;
  margin-bottom: -30px; }

.Leaderboard .PanelInfo, .Leaderboard .PanelCategories, .Leaderboard .BoxFilter .FilterMenu, .BoxFilter .Leaderboard .FilterMenu {
  box-shadow: none; }

.PhotoWrap {
  box-shadow: none; }

.PhotoGrid {
  background-color: white;
  border-radius: 0 0 4px 4px;
  margin: 0;
  padding: 10px; }
  .PhotoGrid .UserPicture {
    margin: 2px; }
  .PhotoGrid img {
    margin: 0;
    height: 34px;
    width: 34px; }

.MessageList:before, .MessageList:after, .MessageList .Item:before, .MessageList #announcements-wrap:before, .MessageList .Item:after, .MessageList #announcements-wrap:after {
  content: none; }

.MessageList .Item + .Item, .MessageList #announcements-wrap + .Item, .MessageList .Item + #announcements-wrap, .MessageList #announcements-wrap + #announcements-wrap, .userContent.Message {
  margin-top: 0; }

.MessageList {
  margin: 20px 0 0 0; }
  .MessageList .Item .Discussion, .MessageList #announcements-wrap .Discussion {
    display: flex;
    width: 100%; }

.PanelInfo .Meta strong, .PanelCategories .Meta strong, .BoxFilter .FilterMenu .Meta strong, .HasNew {
  background-color: #EF512A;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: white;
  padding: 4px 8px;
  text-transform: uppercase; }

@media (min-width: 992px) {
  .MessageList {
    margin: 0; } }
/* Item Style */
.Item, #announcements-wrap, .MessageList .Item, .MessageList #announcements-wrap {
  background-color: white;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%; }
  .Item .Message, #announcements-wrap .Message, .MessageList .Item .Message, .MessageList #announcements-wrap .Message {
    font-size: 14px; }
  .Item .Meta, #announcements-wrap .Meta, .MessageList .Item .Meta, .MessageList #announcements-wrap .Meta {
    color: #c7c7c7; }
  .Item:hover .Reactions a, #announcements-wrap:hover .Reactions a, .MessageList .Item:hover .Reactions a, .MessageList #announcements-wrap:hover .Reactions a {
    display: inline-block;
    width: auto; }

.ItemDiscussion, .ItemComment {
  overflow: visible !important; }

.Item-Header {
  background-color: #f8f8f8;
  border: none;
  border-radius: 4px 0 0 4px;
  width: 225px; }
  .Item-Header .PhotoWrap {
    position: relative; }
  .Item-Header .AuthorWrap {
    float: none;
    font-size: 14px;
    line-height: 1.25em;
    padding: 15px 15px 0 15px; }
  .Item-Header .Author {
    display: block;
    font-size: 14px;
    line-height: 1.25em;
    text-align: center; }
    .Item-Header .Author a {
      color: #081F2C;
      font-size: 14px; }
  .Item-Header .AuthorInfo {
    display: block;
    border-top: 2px solid #b6b6b6;
    border-bottom: 2px solid #b6b6b6;
    color: #9b9d9b;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 7px;
    margin-top: 7px;
    padding-bottom: 7px;
    padding-top: 7px;
    overflow: hidden;
    text-transform: uppercase;
    width: 100%; }
    .Item-Header .AuthorInfo .Rank {
      float: right; }
  .Item-Header .Meta {
    box-sizing: border-box;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.25em;
    margin: 0;
    padding: 0 15px 10px 15px;
    text-transform: uppercase;
    width: 100%; }
    .Item-Header .Meta .MItem {
      margin: 0 0 5px 0; }
    .Item-Header .Meta span {
      display: block;
      margin: 0;
      text-align: left; }
      .Item-Header .Meta span a {
        display: block;
        width: 100%; }
    .Item-Header .Meta:after {
      content: none; }
    .Item-Header .Meta a {
      color: #9b9d9b; }
  .Item-Header .Tag {
    background-color: #c7c7c7;
    border-radius: 4px;
    line-height: 1.25em;
    padding: 4px 8px;
    text-align: center;
    text-transform: uppercase; }
    .Item-Header .Tag span {
      text-align: center; }

.MessageList .Item-Header .PhotoWrap {
  float: none;
  margin: 0 0 5px 0;
  width: 100%; }
  .MessageList .Item-Header .PhotoWrap .ProfilePhoto {
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 100%; }
  .MessageList .Item-Header .PhotoWrap:before {
    content: none; }

.Item-BodyWrap {
  border-radius: 0 4px 4px 0;
  margin-top: 0;
  width: calc(100% - 225px); }
  .Item-BodyWrap .Item-Body {
    border-radius: 0 4px 4px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px;
    height: 100%;
    width: 100%; }
    .Item-BodyWrap .Item-Body .Message {
      display: block;
      width: 100%; }
    .Item-BodyWrap .Item-Body .Reactions {
      align-self: flex-end;
      width: 100%; }
    .Item-BodyWrap .Item-Body .ActionBlock {
        width: 100%;
    }

.Item-Header + .Item-BodyWrap {
  margin-top: 0; }

.DataList {
  border-radius: 4px;
  position: relative; }
  .DataList .Item, .DataList #announcements-wrap {
    background-color: white;
    border: 0;
    padding: 15px;
    overflow: visible; }
    .DataList .Item .Title, .DataList #announcements-wrap .Title {
      font-size: 14px;
      font-weight: bold;
      line-height: 1.25em;
      margin-bottom: 10px; }
    .DataList .Item .Meta, .DataList #announcements-wrap .Meta {
      font-size: 10px;
      line-height: 1.25em; }
  .DataList .Item:nth-child(odd), .DataList #announcements-wrap:nth-child(odd) {
    background-color: white; }

/* Category List */
.CategoryList {
  	/*.Depth-2 {
      background-color: #f8f8f8;
  		margin-left: 20px;
  		width: calc(100% - 20px);
  		&:nth-child(odd) {
  			background-color: #f8f8f8;
  		}
  	}
  	.Category-annoucements, .Category-forum-rules-of-engagement, .Category-introduce-yourself-here, .Category-tech-exams-support {
  		background-color: white;
  		margin-left: 0;
  		width: 100%;
  		&:nth-child(odd) {
  			background-color: white;
  		}
  	}*/ }
  .CategoryList .Item, .CategoryList #announcements-wrap {
    margin-bottom: 10px;
    padding-left: 15px !important; }
    .CategoryList .Item .Title, .CategoryList #announcements-wrap .Title {
      margin-bottom: 3px; }
    .CategoryList .Item .PhotoWrap, .CategoryList #announcements-wrap .PhotoWrap {
      display: none; }
  .CategoryList .CategoryHeading {
    color: white;
    background-color: #005A7C !important; }

.Section-level1 .CategoryList .Depth1 {
  background-color: #005f98; }
  .Section-level1 .CategoryList .Depth1 .Meta, .Section-level1 .CategoryList .Depth1 .CategoryDescription {
    color: white; }
    .Section-level1 .CategoryList .Depth1 .Meta .MItem, .Section-level1 .CategoryList .Depth1 .CategoryDescription .MItem {
      color: white; }
    .Section-level1 .CategoryList .Depth1 .Meta a, .Section-level1 .CategoryList .Depth1 .CategoryDescription a {
      color: white; }
  .Section-level1 .CategoryList .Depth1 .SpFlyoutHandle {
    color: white; }
  .Section-level1 .CategoryList .Depth1 .Title {
    color: white; }
    .Section-level1 .CategoryList .Depth1 .Title:hover {
      color: #009cde; }

.is-home .CategoryList .Depth-1, .level1 .CategoryList .Depth-1, .Section-CategoryList .CategoryList .Depth-1 {
  padding: 15px;
  background-color: #005A7C; }
  .is-home .CategoryList .Depth-1:nth-child(odd), .level1 .CategoryList .Depth-1:nth-child(odd), .Section-CategoryList .CategoryList .Depth-1:nth-child(odd) {
    background-color: #005A7C; }
  .is-home .CategoryList .Depth-1 .Options, .level1 .CategoryList .Depth-1 .Options, .Section-CategoryList .CategoryList .Depth-1 .Options {
    color: white; }
  .is-home .CategoryList .Depth-1 .TitleWrap .Title, .level1 .CategoryList .Depth-1 .TitleWrap .Title, .Section-CategoryList .CategoryList .Depth-1 .TitleWrap .Title {
    color: white; }
  .is-home .CategoryList .Depth-1 .CategoryDescription, .is-home .CategoryList .Depth-1 .Meta, .level1 .CategoryList .Depth-1 .CategoryDescription, .level1 .CategoryList .Depth-1 .Meta, .Section-CategoryList .CategoryList .Depth-1 .CategoryDescription, .Section-CategoryList .CategoryList .Depth-1 .Meta {
    display: none; }

/* Discussion Page */
.Discussions .Item, .Discussions #announcements-wrap {
  margin-bottom: 10px; }
.Discussions .PhotoWrap {
  display: inline-block; }
.Discussions .IndexPhoto.PhotoWrap {
  margin-right: 12px; }
.Discussions .Discussion.ItemContent {
  padding-left: 0 !important; }

.CategoryDescription {
  font-size: 12px;
  margin-bottom: 8px; }

/* Comments */
.CommentsWrap {
  clear: both;
  padding-top: 16px; }

.Comments {
  border-radius: 0;
  box-shadow: none; }
  .Comments #latest {
    float: none;
    margin: 0; }
  .Comments .Item, .Comments #announcements-wrap {
    margin: 0 0 15px 0;
    padding: 0; }
  .Comments .Comment {
    background-color: white;
    border-radius: 4px;
    clear: both;
    display: flex;
    width: 100%; }
    .Comments .Comment .Options {
      margin: 0;
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 5; }
      .Comments .Comment .Options .SpFlyoutHandle {
        padding: 0 4px 0 0; }
      .Comments .Comment .Options .SpFlyoutHandle:before, .Comments .Comment .Options .icheckbox:before, .Comments .Comment .Options .iradio:before {
        font-size: 16px; }
    .Comments .Comment .CommentHeader {
      border-radius: 4px 0 0 4px;
      position: relative; }
      .Comments .Comment .CommentHeader .AuthorWrap {
        font-size: 12px;
        padding-bottom: 0; }
        .Comments .Comment .CommentHeader .AuthorWrap .PhotoWrap {
          height: auto;
          width: 40%; }
      .Comments .Comment .CommentHeader .Author {
        text-align: left; }
        .Comments .Comment .CommentHeader .Author a {
          display: block;
          font-size: 12px; }
      .Comments .Comment .CommentHeader .Meta {
        padding-bottom: 15px; }
    .Comments .Comment .Item-BodyWrap {
      border-radius: 0 4px 4px 0;
      margin-top: 0;
      position: relative; }
      .Comments .Comment .Item-BodyWrap .Item-Body {
        border-radius: 0 4px 4px 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        height: 100%;
        width: 100%; }
        .Comments .Comment .Item-BodyWrap .Item-Body .Message {
          display: block;
          width: 100%; }
        .Comments .Comment .Item-BodyWrap .Item-Body .Reactions {
          align-self: flex-end;
          width: 100%; }
    .Comments .Comment #latest {
      float: none;
      margin: 0; }

blockquote.Quote {
  background-color: #BBBCBC;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 10px; }

.userContent > *:not(.emoji):first-child:not(br) {
  margin-top: 5px !important; }

.userContent > *:not(.emoji):not(:last-child):not(br) {
  margin-bottom: 10px !important; }

.embedResponsive {
  margin: 0 0 16px 0;
  margin-top: 0 !important; }
  .embedResponsive .embedText-content {
    background-color: #BBBCBC;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    margin-top: 10px; }

.CommentForm .FormWrapper {
  padding: 15px 15px 15px 84px; }

.Buried {
  background-color: #e6e6e6 !important; }
  .Buried .Item-Header {
    background-color: #d9d9d9; }
  .Buried .Comment .AuthorWrap {
    display: block;
    width: 100%; }

#announcements-wrap {
  background-color: #f8f8f8;
  margin: 0 10px 20px 10px;
  width: calc(100% - 20px); }
  #announcements-wrap .blue-head {
    background-color: #005A7C;
    border-radius: 4px 4px 0 0;
    color: white;
    font-size: 14px;
    line-height: 1.25em;
    margin: 0;
    padding: 10px 8px;
    width: 100%; }
  #announcements-wrap .wrap {
    box-sizing: border-box;
    padding: 15px 5px;
    width: 100%; }
    #announcements-wrap .wrap:after {
      clear: both;
      content: ''; }
  #announcements-wrap .row:after {
    clear: both;
    content: ''; }
  #announcements-wrap .an {
    box-sizing: border-box;
    float: left;
    margin: 0 8px 5px 8px;
    width: calc(33.3% - 16px); }
  #announcements-wrap .aninner {
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    padding: 0;
    width: 100%; }
    #announcements-wrap .aninner h2 {
      background-color: #005A7C;
      border-radius: 4px 4px 0 0;
      color: white;
      font-size: 14px;
      line-height: 1.25em;
      margin: 0;
      padding: 10px 15px;
      width: 100%; }
    #announcements-wrap .aninner h5 {
      background-color: transparent;
      font-size: 12px;
      font-weight: normal;
      padding: 10px 15px;
      margin: 0; }

/* Messages */
.Conversations .DataListWrap .H {
  font-size: 18px;
  margin-top: 0; }
.Conversations .DataListWrap .DataList li {
  /* display: block; - UNCOMMENTING THIS HIDES BULLET STYLE */
  margin-bottom: 16px;
  padding: 0; }
  .Conversations .DataListWrap .DataList li .ConversationMessage {
    display: flex;
    width: 100%; }
  .Conversations .DataListWrap .DataList li .Meta {
    background-color: #f8f8f8;
    padding: 15px;
    width: 225px; }
    .Conversations .DataListWrap .DataList li .Meta .Name {
      display: block; }
    .Conversations .DataListWrap .DataList li .Meta .MItem {
      display: block;
      margin: 5px 0 0 0; }
  .Conversations .DataListWrap .DataList li .Message {
    padding: 15px;
    width: calc(100% - 225px); }

.ConversationForm .H {
  font-size: 18px;
  margin-top: 0; }
.ConversationForm .FormWrapper {
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 16px; }

.Messages .site-sidebar {
  padding-top: 16px; }
.Messages .InThisConversation {
  margin-top: 8px; }
  .Messages .InThisConversation .PanelInfo, .Messages .InThisConversation .PanelCategories, .Messages .InThisConversation .BoxFilter .FilterMenu, .BoxFilter .Messages .InThisConversation .FilterMenu {
    margin-bottom: 0; }
.Messages #Form_AddPeople div {
  background-color: white;
  padding: 15px; }
.Messages #Form_AddPeople .TextBoxWrapper {
  padding: 0; }
.Messages #Form_AddPeople .Buttons {
  margin: 0;
  padding: 0;
  width: 100%; }
  .Messages #Form_AddPeople .Buttons .Button {
    margin-top: 10px;
    width: 100%; }
.Messages .BoxWelcome {
  display: none; }
.Messages .NewConversation {
  font-size: 14px;
  margin: 0; }
.Messages .Button.Danger.BigButton.Popup {
  margin-top: 8px; }

/* Special Messge

.DismissMessage {
	@extend .Item;
	background-color: $brand-blue;
	color: white;
	padding-right: 30px;
	position: relative;
	.Dismiss {
		font-size: 15px;
		position: absolute;
			top: 10px;
			right: 10px;
			bottom: 10px;
	}
}

*/
.ShareThisButtonWrapper {
  margin-top: 36px; }

/* Form Wrapper */
.FormWrapper-Condensed {
  background-color: #f8f8f8;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 20px; }

.hasRichEditor.Profile .FormWrapper.FormWrapper-Condensed {
  padding-left: 20px;
  padding-right: 20px; }

/* Profile Page */
.Profile {
  margin-top: 20px; }
  .Profile .site-content {
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%; }
  .Profile .site-sidebar {
    width: 100%; }
    .Profile .site-sidebar .PhotoWrap {
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
      height: auto;
      margin: 0 auto 20px auto; }
      .Profile .site-sidebar .PhotoWrap img {
        height: auto;
        width: 100%; }
    .Profile .site-sidebar .FilterMenu {
      border-radius: 4px; }
  .Profile .User .H {
    font-size: 18px;
    margin-top: 0; }
  .Profile .PhotoWrap:before {
    content: none; }
  .Profile .Activities {
    margin-top: 20px; }
    .Profile .Activities .Activity {
      margin-bottom: 20px; }

.ProfileOptions {
  margin-top: 20px; }

@media (min-width: 992px) {
  .Profile {
    margin-top: 0; }
    .Profile .site-content {
      width: calc(100% - 275px); }
    .Profile .site-sidebar {
      width: 275px; }
      .Profile .site-sidebar .PhotoWrap {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
        height: auto;
        margin-top: 20px;
        width: 100%; }
        .Profile .site-sidebar .PhotoWrap img {
          width: 100%; }

  .ProfileOptions {
    margin-top: 0; } }
.ReactionsWrap .DataCounts {
  justify-content: flex-start;
  margin: 0; }
  .ReactionsWrap .DataCounts .CountItemWrap {
    flex: none;
    width: 50%; }
  .ReactionsWrap .DataCounts .CountItem {
    text-align: left; }
    .ReactionsWrap .DataCounts .CountItem a {
      text-align: left; }
      .ReactionsWrap .DataCounts .CountItem a:hover {
        color: #007ba5; }

.CountTotal {
  font-weight: bold; }

/* Footer */
.site-footer {
  background-color: #081F2C;
  border-top: none;
  margin-top: 40px;
  padding: 0; }
  .site-footer .navbar {
    background-color: #bbbcbc;
    border-bottom: none;
    box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    font-size: 14px; }
    .site-footer .navbar li {
      float: left;
      font-weight: bold;
      padding: 24px 20px 24px 0; }
      .site-footer .navbar li a {
        color: #081F2C;
        transition: color ease-in-out .1s; }
        .site-footer .navbar li a:hover {
          color: #007EA8; }
    .site-footer .navbar #to_top {
      font-size: 18px;
      float: right;
      padding: 27px 0 27px 0; }
  .site-footer .infosec-logo-wrap {
    display: none; }
  .site-footer .copy-social {
    box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.8);
    color: white;
    padding: 20px 0; }
    .site-footer .copy-social p {
      color: #c7c7c7;
      float: left;
      font-size: 12px;
      padding-right: 20px;
      width: calc(100% - 184px); }
  .site-footer .social-icons {
    float: left;
    width: 184px; }
    .site-footer .social-icons a, .site-footer .social-icons a:visited {
      background-color: #007EA8;
      border-radius: 4px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
      color: white;
      display: block;
      float: left;
      font-size: 18px;
      height: 36px;
      line-height: 36px;
      margin-left: 10px;
      text-align: center;
      transition: background-color ease-in-out .1s;
      width: 36px; }
      .site-footer .social-icons a:hover, .site-footer .social-icons a:visited:hover {
        background-color: #007ba5; }

.OnlineUserWrap .Discussions .PhotoWrap {
  display: block; }

/* META */
.MItem.PostCount, .MItem.RoleTitle {
  display: block;
  margin-left: 0;
  margin-right: 0; }

.MItem.RoleTitle:before {
  content: "Rank: "; }

.MItem.AuthorLocation {
  display: block;
  margin-right: 0;
  word-wrap: break-word; }
  .MItem.AuthorLocation:before {
    content: "Location: "; }

.Rank.MItem {
  float: none !important;
  margin-left: 0;
  margin-right: 0; }

.MItem.Rank-Admin {
  display: none; }

.signin main {
  min-height: 500px; }
.signin .site-content h1 {
  font-size: 18px;
  line-height: 1.25em;
  margin: 0 0 10px 0; }
.signin .welcome-text {
  line-height: 1.25em; }
.signin .PanelInfo, .signin .PanelCategories, .signin .BoxFilter .FilterMenu, .BoxFilter .signin .FilterMenu {
  margin-bottom: 0;
  padding: 15px; }
  .signin .PanelInfo .Button, .signin .PanelCategories .Button, .signin .BoxFilter .FilterMenu .Button, .BoxFilter .signin .FilterMenu .Button {
    display: block;
    margin-top: 8px;
    width: 100%; }
.signin .ad-space {
  display: none; }

.AcceptedAnswers .Item, .AcceptedAnswers #announcements-wrap {
  padding: 0; }
.AcceptedAnswers .Comment {
  display: flex;
  position: relative; }
  .AcceptedAnswers .Comment .Options {
    margin: 0;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 5; }
    .AcceptedAnswers .Comment .Options .SpFlyoutHandle {
      padding: 0 4px 0 0; }
    .AcceptedAnswers .Comment .Options .SpFlyoutHandle:before, .AcceptedAnswers .Comment .Options .icheckbox:before, .AcceptedAnswers .Comment .Options .iradio:before {
      font-size: 16px; }

/*# sourceMappingURL=style.css.map */
