.logo {
        max-width: 100%;
        height: 50px !important;
        margin: auto;
        vertical-align: middle;
    }
    
    .table thead th {
        font-weight: 700;
    }
    
    .align-right {
        text-align: right;
    }
    
    .btn-blue {
        color: #171b6f;
    }
    
    .btn-blue:hover {
        color: #62dcb9;
        text-decoration: none;
    }
    
    .horizontal-menu .bottom-navbar .page-navigation>.nav-item.active>.nav-link .menu-title,
    .horizontal-menu .bottom-navbar .page-navigation>.nav-item.active>.nav-link i,
    .horizontal-menu .bottom-navbar .page-navigation>.nav-item.active>.nav-link .menu-arrow {
        color: #171b6f;
    }
    
    .nav-link:hover {
        color: #171b6f;
    }
    
    .btn-show {
        color: #FFF;
        background-color: #62dcb9;
        border-color: #62dcb9;
    }
    
    .btn--customised {
        padding: 0px;
        margin: 0px;
        background-color: transparent;
        color: #2f3078;
        border: none;
        font-size: 1rem;
        font-family: "Source Sans Pro", sans-serif;
        font-weight: 600;
        line-height: normal;
    }
    
    .form-control {
        border: 1px solid #6c7293 !important;
    }
    
    .form-control.border-0 {
        border: none !important;
    }
    
    .btn.btn-light {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .filter_collapse-customised .btn.btn-primary {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .form-group input {
        margin-top: 5px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
    .form-group textarea {
        margin-top: 5px;
    }
    
    .horizontal-menu .bottom-navbar .page-navigation>.nav-item:not(.mega-menu) .submenu ul {
        padding: 5px 25px 25px;
    }
    
    .horizontal-menu .bottom-navbar .page-navigation>.nav-item:last-child>.nav-link {
        padding-right: 1rem;
    }
    
    .svg-height {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .svg-height .w-5.h-5 {
        height: 30px;
    }
    
    .btn.btn-success {
        color: white;
    }
    
    .svg-height div:first-child {
        display: none;
    }
    
    select {
        /* for Firefox */
        -moz-appearance: none !important;
        /* for Safari, Chrome, Opera */
        -webkit-appearance: none !important;
    }
    
    select.form-control {
        padding: 10px 22px;
        font-weight: 400;
        font-size: 0.875rem;
    }
    
    .horizontal-menu .bottom-navbar .page-navigation>.nav-item:not(.mega-menu) .submenu ul {
        padding: 5px 25px;
    }
    
    span span.relative.inline-flex.items-center.px-4.py-2.text-sm.font-medium.text-gray-500.bg-white.border-gray-300 {
        margin-right: -11px;
        padding-right: 32px !important;
    }
    
    #active {
        width: 85px;
        background-color: #1DD1A1;
    }
    
    #active:hover {
        color: #1DD1A1;
        border: 1px solid#1DD1A1 !important;
    }
    
    #inactive:hover {
        color: #F04377;
        border: 1px solid#F04377 !important;
    }
    
    #pending:hover {
        color: #E5E800;
        border: 1px solid#E5E800 !important;
    }
    
    #inactive {
        width: 85px;
        background-color: #F04377;
    }
    
    #pending {
        background-color: #E5E800;
    }
    
    .horizontal-menu .top-navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile img {
        border: 1px solid white;
    }
    
    select.form-control {
        color: #495057 !important;
        font-weight: 400 !important;
        font-size: 0.875rem !important;
    }
    
    .btn-success {
        background-color: #181b6e;
        border: none !important;
        box-shadow: none !important;
    }
    
    .btn-success:hover {
        background-color: white !important;
        box-shadow: none !important;
    }
    
    .btn-show {
        background-color: #181b6e;
        border-color: #181b6e;
    }
    
    .horizontal-menu .bottom-navbar .page-navigation>.nav-item.active>.nav-link:after {
        border-bottom: 2px solid #060652;
    }
    
    .horizontal-menu .bottom-navbar .page-navigation>.nav-item.active>.nav-link .menu-icon {
        color: #060652;
    }

    .bg-hover:hover {
        background-color: #181b6e !important;
        color: white;
    }