body .main-navbar {
        background-color: #f3f6f9 !important;
        
        height: 50px !important;      
      }

      body .main-navbar .item {
        
      }      

      body .main-navbar .item:hover {
        color: hsl(0, 0%, 0%) !important;
      }      
    
    body .ui.menu.main-menu {
      padding-top: 30px;
      padding-bottom: 30px;
      
            
    }

    .notifications-dropdown {
      margin-top: 110px !important;
    }
  
        body .ui.button:hover {
          background-color: hsl(221.70000000000005, 100%, 20.9%)
        }   


        body .ui.buttons .button,
        body .ui.button {
          background-color: #212F4F;
          color: #fff;
        }

        body .ui.buttons .button:hover,
        body .ui.button:hover {
          background-color: hsl(221.70000000000005, 100%, 20.9%);
          color: #fff;
        }
        body .ui.buttons .button:focus,
        body .ui.button:focus {
          background-color: hsl(221.70000000000005, 49.3%, 20.2%);
          color: #fff;
        }
        body .ui.buttons .button:active,
        body .ui.button:active {
          background-color: hsl(221.70000000000005, 41.1%, 19.8%);
          color: #fff;
        }
        body .ui.buttons .active.button,
        body .ui.buttons .active.button:active,
        body .ui.active.button,
        body .ui.button .active.button:active {
          background-color: hsl(221.70000000000005, 47.2%, 20.9%);
          color: #fff;
        }

        body .ui.basic.buttons .button,
        body .ui.basic.button {
          box-shadow: 0px 0px 0px 1px #212F4F inset !important;
          color: #212F4F !important;
        }
        body .ui.basic.buttons .button:hover,
        body .ui.basic.button:hover {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(221.70000000000005, 100%, 20.9%) inset !important;
          color: hsl(221.70000000000005, 100%, 20.9%) !important;
        }
        body .ui.basic.buttons .button:focus,
        body .ui.basic.button:focus {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(221.70000000000005, 49.3%, 20.2%) inset !important;
          color: hsl(221.70000000000005, 100%, 20.9%) !important;
        }
        body .ui.basic.buttons .active.button,
        body .ui.basic.active.button {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(221.70000000000005, 47.2%, 20.9%) inset !important;
          color: hsl(221.70000000000005, 41.1%, 19.8%) !important;
        }
        body .ui.basic.buttons .button:active,
        body .ui.basic.button:active {
          box-shadow: 0px 0px 0px 1px hsl(221.70000000000005, 41.1%, 19.8%) inset !important;
          color: hsl(221.70000000000005, 41.1%, 19.8%) !important;
        }
        .ui.buttons:not(.vertical) > .basic.button:not(:first-child) {
          margin-left: -1px;
        }   

        body .ui.labeled.button>.label {
          border-color: #212F4F
        }     

      
        body .ui.primary.button:hover {
          background-color: hsl(357.1, 100%, 66.3%)
        }   


        body .ui.primary.buttons .button,
        body .ui.primary.button {
          background-color: #FB6970;
          color: #fff;
        }

        body .ui.primary.buttons .button:hover,
        body .ui.primary.button:hover {
          background-color: hsl(357.1, 100%, 66.3%);
          color: #fff;
        }
        body .ui.primary.buttons .button:focus,
        body .ui.primary.button:focus {
          background-color: hsl(357.1, 100%, 64.2%);
          color: #fff;
        }
        body .ui.primary.buttons .button:active,
        body .ui.primary.button:active {
          background-color: hsl(357.1, 94.8%, 62.8%);
          color: #fff;
        }
        body .ui.primary.buttons .active.button,
        body .ui.primary.buttons .active.button:active,
        body .ui.primary.active.button,
        body .ui.primary.button .active.button:active {
          background-color: hsl(357.1, 100%, 66.3%);
          color: #fff;
        }


        body .ui.basic.primary.buttons .button,
        body .ui.basic.primary.button {
          box-shadow: 0px 0px 0px 1px #FB6970 inset !important;
          color: #FB6970 !important;
        }
        body .ui.basic.primary.buttons .button:hover,
        body .ui.basic.primary.button:hover {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(357.1, 100%, 66.3%) inset !important;
          color: hsl(357.1, 100%, 66.3%) !important;
        }
        body .ui.basic.primary.buttons .button:focus,
        body .ui.basic.primary.button:focus {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(357.1, 100%, 64.2%) inset !important;
          color: hsl(357.1, 100%, 66.3%) !important;
        }
        body .ui.basic.primary.buttons .active.button,
        body .ui.basic.primary.active.button {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(357.1, 100%, 66.3%) inset !important;
          color: hsl(357.1, 94.8%, 62.8%) !important;
        }
        body .ui.basic.primary.buttons .button:active,
        body .ui.basic.primary.button:active {
          box-shadow: 0px 0px 0px 1px hsl(357.1, 94.8%, 62.8%) inset !important;
          color: hsl(357.1, 94.8%, 62.8%) !important;
        }
        .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
          margin-left: -1px;
        }   

        body .ui.labeled.primary.button>.label {
          border-color: #FB6970
        }     

        body i.blue.icon {
          color: #FB6970 !important;
        }    

        body i.blue.icon.inverted {
          color: #ffffff !important;
        }

      
        body .ui.positive.button:hover {
          background-color: hsl(221.70000000000005, 49.3%, 20.9%)
        }   


        body .ui.positive.buttons .button,
        body .ui.positive.button {
          background-color: #212F4F;
          color: #fff;
        }

        body .ui.positive.buttons .button:hover,
        body .ui.positive.button:hover {
          background-color: hsl(221.70000000000005, 49.3%, 20.9%);
          color: #fff;
        }
        body .ui.positive.buttons .button:focus,
        body .ui.positive.button:focus {
          background-color: hsl(221.70000000000005, 49.3%, 20.2%);
          color: #fff;
        }
        body .ui.positive.buttons .button:active,
        body .ui.positive.button:active {
          background-color: hsl(221.70000000000005, 41.1%, 19.8%);
          color: #fff;
        }
        body .ui.positive.buttons .active.button,
        body .ui.positive.buttons .active.button:active,
        body .ui.positive.active.button,
        body .ui.positive.button .active.button:active {
          background-color: hsl(221.70000000000005, 47.2%, 20.9%);
          color: #fff;
        }


        body .ui.basic.positive.buttons .button,
        body .ui.basic.positive.button {
          box-shadow: 0px 0px 0px 1px #212F4F inset !important;
          color: #212F4F !important;
        }
        body .ui.basic.positive.buttons .button:hover,
        body .ui.basic.positive.button:hover {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(221.70000000000005, 49.3%, 20.9%) inset !important;
          color: hsl(221.70000000000005, 49.3%, 20.9%) !important;
        }
        body .ui.basic.positive.buttons .button:focus,
        body .ui.basic.positive.button:focus {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(221.70000000000005, 49.3%, 20.2%) inset !important;
          color: hsl(221.70000000000005, 49.3%, 20.9%) !important;
        }
        body .ui.basic.positive.buttons .active.button,
        body .ui.basic.positive.active.button {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(221.70000000000005, 47.2%, 20.9%) inset !important;
          color: hsl(221.70000000000005, 41.1%, 19.8%) !important;
        }
        body .ui.basic.positive.buttons .button:active,
        body .ui.basic.positive.button:active {
          box-shadow: 0px 0px 0px 1px hsl(221.70000000000005, 41.1%, 19.8%) inset !important;
          color: hsl(221.70000000000005, 41.1%, 19.8%) !important;
        }
        .ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
          margin-left: -1px;
        }   

        body .ui.labeled.positive.button>.label {
          border-color: #212F4F
        }     

      
    .ui.header, body, .ui.menu, .ui.button,
      h1, h2, h3, h4, h5, .ui.fluid, .item .header, .label, .value,
      button, input, optgroup, select, textarea,
      .main-navbar .item {
      font-family: open sans,helvetica neue,Helvetica,Arial,sans-serif !important;
      }
    
    .header-logo {
display: none !important;
}

.user-todos .list .item:first-child {
    display: none;
}

.main-sidebar .emoji {
display: none !important;
}

.text-badge.text-badge-gold {
background: #FB6970;
}
.text-badge.text-badge-silver {
background: #48639C;
}
.text-badge.text-badge-bronze {
background: #58AB7E;
}

body .ui.menu.main-menu {
  padding: 10px 0;
}

.main-wrapper.with-navbar {
  padding-top: 124px !important;
}

#app > div > div > main > div:nth-child(3) > div > div > div.nine.wide.computer.twelve.wide.tablet.column > div.feed-list-container > div.feed-list > div.ui.segments.topics-slider{
display: none !important;
}

/* top nav styles */
.ui.text.menu.main-navbar {
background: #212F4F !important;
}

.main-navbar a span {
font-size: 12px;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.3px;
/* opacity: 0.7; */
}

.main-navbar a span:hover {
opacity: 1;
}

.main-navbar a:first-child span {
opacity: 1; /* make logo image 100% opacity */
}

/* link color */
a, .selected-group-image.main-feed-icon, .read-more {
color: #48639C;
}
@media only screen and (min-width: 1200px){
.ui.container {
    width: 815px;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
main.ui.container.fluid {
    background-color: #EDEFF5;
}
nav.ui.borderless.text.main-menu.menu {
    background: #EDEFF5;
    border-bottom: 0px !important;
}