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

.portal-brand {
    color: #fff
}

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

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

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

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

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

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

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

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

#header {
    background-color: var(--reseller-black);
}


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

.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-yellow);
}

.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-yellow);
}


.jqx-kanban-item {
    box-shadow: unset;
}

.jqx-kanban-item-avatar {
    background: unset;   
}   

.sys-menu-user {
    font-size: 12px;
}
.sys-menu-role {
    font-size: 11px;
}

.portal-resller {
    font-size: 13px !important;
}
.blade .head .title {
    font-size: 12px;
}
.blade .head .icon {
    font-size: 16px;
}
.blade .head .blade_icon {
    font-size: 16px;
}

.jqx-kanban-item-text {
    font-size: 12px !important;
}

.tools-icon: {
    border-left: 1px solid #383838 !important;
}
.tools-icon:hover {
    color: #ffc30c;
}