/*------------------------------------------------------------------------------------------------*/
/*                                         Reseller Portal                                        */
/*------------------------------------------------------------------------------------------------*/

.portal-brand {
    color: #fff
}

.portal-reseller {
    color: var(--reseller-green);
    font-size: 20px;
}

.jqx-widget-azure
{
  font-family: Montserrat, Helvetica, Arial, sans-serif;
}

.jqx-widget-content-azure
{
  font-family: Montserrat, Helvetica, Arial, sans-serif;
}

.reseller-primary-colour {
    /*background-color: var(--reseller-teal);*/
}

.reseller-highlight-colour {
    background-color: var(--reseller-green);
}

.reseller-highlight-foreground {
    color: #FFF;
}

.jqx-fill-state-focus-azure, .jqx-popup-azure, .jqx-fill-state-focus-azure {
    border-color: var(--reseller-green);
}

.loader-dots {
    color: var(--reseller-green);
}

#header {
    background-color: #000;
}


.sys-menu-item:hover {
    background-color: var(--reseller-green);
}

.sys-menu-items {
    background-color: #000;
    box-shadow: 0px 8px 16px 0px rgba(66,66,66,0.2);
}

.sys-menu-items a {
    color: #fff;
}

.sys-menu-items a p {
    color: #fff;
}

.sys-menu-items a i {
    color: var(--reseller-green);
}

.sys-menu-items a:hover {
    background-color: #3D3D3D;
}

.sys-menu-user {
    color: #FFF;
}

.sys-menu-role {
    color: #FFF;
}

.avatar {
    border: 1px solid #383838;
    background-color: #505050;
}
.avatar i {
    color: #fff
}

/*
.blade .menu ul li:hover {
    background-color: var(--reseller-teal);
}*/

ul.icon-list li h1  {
    color: red;
}

.icon-list li.current {
    background-color: #000 !important;
}

.fa-bell-o[data-count]:after {
    font-size: 8pt;
    font-family: arial;
    border-radius: 5px
    padding: 0px;
}


.spotlight-result:hover {
    background-color: var(--reseller-green);
}