body .main-navbar {
        background-color: #000000 !important;
        border-bottom: 1px solid #000000 !important;
        height: 40px !important;      
      }

      body .main-navbar .item {
        color: #ffffff !important;
      }      

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

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


        body .ui.buttons .button,
        body .ui.button {
          background-color: #4f9ec8;
          color: #fff;
        }

        body .ui.buttons .button:hover,
        body .ui.button:hover {
          background-color: hsl(200.79999999999995, 100%, 52%);
          color: #fff;
        }
        body .ui.buttons .button:focus,
        body .ui.button:focus {
          background-color: hsl(200.79999999999995, 62.9%, 50.3%);
          color: #fff;
        }
        body .ui.buttons .button:active,
        body .ui.button:active {
          background-color: hsl(200.79999999999995, 52.4%, 49.2%);
          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(200.79999999999995, 60.2%, 52%);
          color: #fff;
        }

        body .ui.basic.buttons .button,
        body .ui.basic.button {
          box-shadow: 0px 0px 0px 1px #4f9ec8 inset !important;
          color: #4f9ec8 !important;
        }
        body .ui.basic.buttons .button:hover,
        body .ui.basic.button:hover {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 100%, 52%) inset !important;
          color: hsl(200.79999999999995, 100%, 52%) !important;
        }
        body .ui.basic.buttons .button:focus,
        body .ui.basic.button:focus {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 62.9%, 50.3%) inset !important;
          color: hsl(200.79999999999995, 100%, 52%) !important;
        }
        body .ui.basic.buttons .active.button,
        body .ui.basic.active.button {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 60.2%, 52%) inset !important;
          color: hsl(200.79999999999995, 52.4%, 49.2%) !important;
        }
        body .ui.basic.buttons .button:active,
        body .ui.basic.button:active {
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 52.4%, 49.2%) inset !important;
          color: hsl(200.79999999999995, 52.4%, 49.2%) !important;
        }
        .ui.buttons:not(.vertical) > .basic.button:not(:first-child) {
          margin-left: -1px;
        }   

        body .ui.labeled.button>.label {
          border-color: #4f9ec8
        }     

      
        body .ui.primary.button:hover {
          background-color: hsl(200.79999999999995, 62.9%, 52%)
        }   


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

        body .ui.primary.buttons .button:hover,
        body .ui.primary.button:hover {
          background-color: hsl(200.79999999999995, 62.9%, 52%);
          color: #fff;
        }
        body .ui.primary.buttons .button:focus,
        body .ui.primary.button:focus {
          background-color: hsl(200.79999999999995, 62.9%, 50.3%);
          color: #fff;
        }
        body .ui.primary.buttons .button:active,
        body .ui.primary.button:active {
          background-color: hsl(200.79999999999995, 52.4%, 49.2%);
          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(200.79999999999995, 60.2%, 52%);
          color: #fff;
        }


        body .ui.basic.primary.buttons .button,
        body .ui.basic.primary.button {
          box-shadow: 0px 0px 0px 1px #4f9ec8 inset !important;
          color: #4f9ec8 !important;
        }
        body .ui.basic.primary.buttons .button:hover,
        body .ui.basic.primary.button:hover {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 62.9%, 52%) inset !important;
          color: hsl(200.79999999999995, 62.9%, 52%) !important;
        }
        body .ui.basic.primary.buttons .button:focus,
        body .ui.basic.primary.button:focus {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 62.9%, 50.3%) inset !important;
          color: hsl(200.79999999999995, 62.9%, 52%) !important;
        }
        body .ui.basic.primary.buttons .active.button,
        body .ui.basic.primary.active.button {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 60.2%, 52%) inset !important;
          color: hsl(200.79999999999995, 52.4%, 49.2%) !important;
        }
        body .ui.basic.primary.buttons .button:active,
        body .ui.basic.primary.button:active {
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 52.4%, 49.2%) inset !important;
          color: hsl(200.79999999999995, 52.4%, 49.2%) !important;
        }
        .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
          margin-left: -1px;
        }   

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

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

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

      
        body .ui.positive.button:hover {
          background-color: hsl(200.79999999999995, 62.9%, 52%)
        }   


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

        body .ui.positive.buttons .button:hover,
        body .ui.positive.button:hover {
          background-color: hsl(200.79999999999995, 62.9%, 52%);
          color: #fff;
        }
        body .ui.positive.buttons .button:focus,
        body .ui.positive.button:focus {
          background-color: hsl(200.79999999999995, 62.9%, 50.3%);
          color: #fff;
        }
        body .ui.positive.buttons .button:active,
        body .ui.positive.button:active {
          background-color: hsl(200.79999999999995, 52.4%, 49.2%);
          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(200.79999999999995, 60.2%, 52%);
          color: #fff;
        }


        body .ui.basic.positive.buttons .button,
        body .ui.basic.positive.button {
          box-shadow: 0px 0px 0px 1px #4f9ec8 inset !important;
          color: #4f9ec8 !important;
        }
        body .ui.basic.positive.buttons .button:hover,
        body .ui.basic.positive.button:hover {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 62.9%, 52%) inset !important;
          color: hsl(200.79999999999995, 62.9%, 52%) !important;
        }
        body .ui.basic.positive.buttons .button:focus,
        body .ui.basic.positive.button:focus {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 62.9%, 50.3%) inset !important;
          color: hsl(200.79999999999995, 62.9%, 52%) !important;
        }
        body .ui.basic.positive.buttons .active.button,
        body .ui.basic.positive.active.button {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 60.2%, 52%) inset !important;
          color: hsl(200.79999999999995, 52.4%, 49.2%) !important;
        }
        body .ui.basic.positive.buttons .button:active,
        body .ui.basic.positive.button:active {
          box-shadow: 0px 0px 0px 1px hsl(200.79999999999995, 52.4%, 49.2%) inset !important;
          color: hsl(200.79999999999995, 52.4%, 49.2%) !important;
        }
        .ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
          margin-left: -1px;
        }   

        body .ui.labeled.positive.button>.label {
          border-color: #4f9ec8
        }     

      
        body a {
          color: #4f9ec8
        }

        body a:hover {
          color: hsl(200.79999999999995, 52.4%, 43.8%)
        }