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

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

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

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


        body .ui.buttons .button,
        body .ui.button {
          background-color: #232D64;
          color: #fff;
        }

        body .ui.buttons .button:hover,
        body .ui.button:hover {
          background-color: hsl(230.79999999999995, 100%, 25.1%);
          color: #fff;
        }
        body .ui.buttons .button:focus,
        body .ui.button:focus {
          background-color: hsl(230.79999999999995, 57.8%, 24.4%);
          color: #fff;
        }
        body .ui.buttons .button:active,
        body .ui.button:active {
          background-color: hsl(230.79999999999995, 48.1%, 23.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(230.79999999999995, 55.4%, 25.1%);
          color: #fff;
        }

        body .ui.basic.buttons .button,
        body .ui.basic.button {
          box-shadow: 0px 0px 0px 1px #232D64 inset !important;
          color: #232D64 !important;
        }
        body .ui.basic.buttons .button:hover,
        body .ui.basic.button:hover {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(230.79999999999995, 100%, 25.1%) inset !important;
          color: hsl(230.79999999999995, 100%, 25.1%) !important;
        }
        body .ui.basic.buttons .button:focus,
        body .ui.basic.button:focus {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(230.79999999999995, 57.8%, 24.4%) inset !important;
          color: hsl(230.79999999999995, 100%, 25.1%) !important;
        }
        body .ui.basic.buttons .active.button,
        body .ui.basic.active.button {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(230.79999999999995, 55.4%, 25.1%) inset !important;
          color: hsl(230.79999999999995, 48.1%, 23.8%) !important;
        }
        body .ui.basic.buttons .button:active,
        body .ui.basic.button:active {
          box-shadow: 0px 0px 0px 1px hsl(230.79999999999995, 48.1%, 23.8%) inset !important;
          color: hsl(230.79999999999995, 48.1%, 23.8%) !important;
        }
        .ui.buttons:not(.vertical) > .basic.button:not(:first-child) {
          margin-left: -1px;
        }   

        body .ui.labeled.button>.label {
          border-color: #232D64
        }     

      
        body .ui.primary.button:hover {
          background-color: hsl(230.79999999999995, 57.8%, 25.1%)
        }   


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

        body .ui.primary.buttons .button:hover,
        body .ui.primary.button:hover {
          background-color: hsl(230.79999999999995, 57.8%, 25.1%);
          color: #fff;
        }
        body .ui.primary.buttons .button:focus,
        body .ui.primary.button:focus {
          background-color: hsl(230.79999999999995, 57.8%, 24.4%);
          color: #fff;
        }
        body .ui.primary.buttons .button:active,
        body .ui.primary.button:active {
          background-color: hsl(230.79999999999995, 48.1%, 23.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(230.79999999999995, 55.4%, 25.1%);
          color: #fff;
        }


        body .ui.basic.primary.buttons .button,
        body .ui.basic.primary.button {
          box-shadow: 0px 0px 0px 1px #232D64 inset !important;
          color: #232D64 !important;
        }
        body .ui.basic.primary.buttons .button:hover,
        body .ui.basic.primary.button:hover {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(230.79999999999995, 57.8%, 25.1%) inset !important;
          color: hsl(230.79999999999995, 57.8%, 25.1%) !important;
        }
        body .ui.basic.primary.buttons .button:focus,
        body .ui.basic.primary.button:focus {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(230.79999999999995, 57.8%, 24.4%) inset !important;
          color: hsl(230.79999999999995, 57.8%, 25.1%) !important;
        }
        body .ui.basic.primary.buttons .active.button,
        body .ui.basic.primary.active.button {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(230.79999999999995, 55.4%, 25.1%) inset !important;
          color: hsl(230.79999999999995, 48.1%, 23.8%) !important;
        }
        body .ui.basic.primary.buttons .button:active,
        body .ui.basic.primary.button:active {
          box-shadow: 0px 0px 0px 1px hsl(230.79999999999995, 48.1%, 23.8%) inset !important;
          color: hsl(230.79999999999995, 48.1%, 23.8%) !important;
        }
        .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
          margin-left: -1px;
        }   

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

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

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

      
        body .ui.positive.button:hover {
          background-color: hsl(336.9, 95.5%, 45.6%)
        }   


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

        body .ui.positive.buttons .button:hover,
        body .ui.positive.button:hover {
          background-color: hsl(336.9, 95.5%, 45.6%);
          color: #fff;
        }
        body .ui.positive.buttons .button:focus,
        body .ui.positive.button:focus {
          background-color: hsl(336.9, 95.5%, 44.2%);
          color: #fff;
        }
        body .ui.positive.buttons .button:active,
        body .ui.positive.button:active {
          background-color: hsl(336.9, 79.6%, 43.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(336.9, 91.5%, 45.6%);
          color: #fff;
        }


        body .ui.basic.positive.buttons .button,
        body .ui.basic.positive.button {
          box-shadow: 0px 0px 0px 1px #DC1964 inset !important;
          color: #DC1964 !important;
        }
        body .ui.basic.positive.buttons .button:hover,
        body .ui.basic.positive.button:hover {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(336.9, 95.5%, 45.6%) inset !important;
          color: hsl(336.9, 95.5%, 45.6%) !important;
        }
        body .ui.basic.positive.buttons .button:focus,
        body .ui.basic.positive.button:focus {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(336.9, 95.5%, 44.2%) inset !important;
          color: hsl(336.9, 95.5%, 45.6%) !important;
        }
        body .ui.basic.positive.buttons .active.button,
        body .ui.basic.positive.active.button {
          background: transparent !important;
          box-shadow: 0px 0px 0px 1px hsl(336.9, 91.5%, 45.6%) inset !important;
          color: hsl(336.9, 79.6%, 43.2%) !important;
        }
        body .ui.basic.positive.buttons .button:active,
        body .ui.basic.positive.button:active {
          box-shadow: 0px 0px 0px 1px hsl(336.9, 79.6%, 43.2%) inset !important;
          color: hsl(336.9, 79.6%, 43.2%) !important;
        }
        .ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
          margin-left: -1px;
        }   

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

      
      body .ui.menu .item {
        color: 232D64
      }
    
    .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: <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="//fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet"> !important;
      }
    
    .main-sidebar .emoji, .vertical.menu .item .emoji {
    display: none !important;
}