#page-header {
    pointer-events: none;
}

.display-6 {
    color: #e3165b;
    font-size: 1.7rem;
    font-weight: 100;
    line-height: 1.5;
}

.display-4 {
    color: #e3165b;
    font-size: 2.5rem;
}

.content {
    padding-top: 80px !important;
    max-height: 100%;
}


.light .sidebar-menu {
    background-color: #f9f9f9;
    border-right: 0.5px solid #d6d8e4
}

.light .page-sidebar .sidebar-menu .menu-items li:hover > a, .light .page-sidebar .sidebar-menu .menu-items li.open > a, .light .page-sidebar .sidebar-menu .menu-items li.active > a {
    color: #233f80;
}

.dark .page-sidebar .sidebar-menu .menu-items li:hover > a, .dark .page-sidebar .sidebar-menu .menu-items li.open > a, .dark .page-sidebar .sidebar-menu .menu-items li.active > a {
    color: #fff;
}

.light .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li:hover > .icon-thumbnail {
    color: #233f80;
}

.dark .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li:hover > .icon-thumbnail {
    color: #fff;
}

.light .page-sidebar .sidebar-menu .menu-items li:hover > a,
.light .page-sidebar .sidebar-menu .menu-items li.open > a,
.light .page-sidebar .sidebar-menu .menu-items li.active > a {
    color: #233f80;
}

.dark .page-sidebar .sidebar-menu .menu-items li:hover > a,
.dark .page-sidebar .sidebar-menu .menu-items li.open > a,
.dark .page-sidebar .sidebar-menu .menu-items li.active > a {
    color: #fff;
}

.dark .page-sidebar .sidebar-menu .menu-items li:hover > a,
.dark .page-sidebar a:hover,
.dark .page-sidebar a:active,
.dark .page-sidebar button:hover,
.dark .page-sidebar button:active {
    color: #fff;
    background-color: transparent !important
}

.light .page-sidebar .sidebar-menu .menu-items li:hover > a,
.light .page-sidebar a:hover,
.light .page-sidebar a:active,
.light .page-sidebar button:hover,
.light .page-sidebar button:active {
    color: #233f80;
    background-color: transparent !important
}

.light a:focus, .light a:hover, .light a:active {
    color: #233f80 !important;
}

.dark a:focus, dark a:hover, .dark a:active {
    color: #fff !important;
}

.light .btn-icon-link.invert:hover:not(.active) {
    color: #233f80;
}

.light .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li:hover > .icon-thumbnail {
    color: #233f80;
}

.light .page-sidebar .sidebar-menu .menu-items li:hover > .icon-thumbnail, .light .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail, .light .page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail {
    color: #233f80;
}

.page-content-wrapper {
    height: 100%;
}

.page-container .page-content-wrapper .footer {
    opacity: 0.7;
    background-color: #ece2e6;
}

.grid-container {
    margin: 10px;
    padding: 10px;
}

.container-fixed-lg > hr.first-child {
    display: none;
}

.docked {
    transform: translate(210px, 0px);
}

.Form-hr {
    display: none;
}

.guserlogo {
    height: 32px;
    width: 52px;
}

#page_logo {
}

#profile_coin {
    position: fixed;
    right: 20px;
}

#title_area {
    margin-left: 20px;
    color: #e3165b;
    line-height: 30px;
    font-size: 24px;
    font-weight: 200;
}

.menu_open {
    margin-left: 270px !important;
}

.menu_closed {
    margin-left: 20px;
}

/*  toggles */
.hide {
    display: none !important;
}

.centered {
    margin: 0 auto;
}

.white {
    color: #fff;
}

.pink {
    color: #e3165b;
}

.pink-override {
    color: #e3165b !important;
}

.background-pink {
    background-color: #e3165b;
}

.charcoal {
    background-color: #2b303b;
}

.deep {
    background-color: #272b35;
}

.deep_edge {
    border-bottom: 1px solid #232730;
}

.pale {
    background-color: #eee;
}

.background-pale {
    background-color: #f9ebf0;
}

.bold {
    font-weight: bold;
}

.ultra-pale {
    background-color: white;
    color: #9c9a9a !important;
}

.pale_edge {
    border-bottom: 1px solid #e0e0e0;
}

.subdark {
    background-color: #21252d;
}

.sublight {
    background-color: #eeeeee;
}

.darkanchor {
    color: #4e37b6;
}

.lightanchor {
    color: #757575;
}

.darkhover {
    color: #7252d3;
}

.lighthover {
    color: #e3165b;
}

.nearwhite {
    color: rgba(255, 255, 255, .72);
}

.white12 {
    background-color: rgba(255, 255, 255, .12);
}

.white18 {
    background-color: rgba(255, 255, 255, .12);
}



/* Profile */
.UserProfile {
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    margin: 0px 0;
    line-height: 37px;
    font-size: 16px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .UserProfile {
        width: 25px;
        height: 25px;
        color: #fff;
        text-align: center;
        margin: 0px 0;
        line-height: 22px;
        font-size: 10px;
        text-transform: uppercase;
    }
}

.Form-hr {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.navbar-header {
    position: relative;
    top: -4px;
}

.navbar-brand > .icon-banner {
    position: relative;
    top: -2px;
    display: inline;
}

.icon {
    position: relative;
    top: -10px;
}

.logged-out iframe {
    display: none;
    width: 0;
    height: 0;
}

.page-consent .client-logo {
    float: left;
}

    .page-consent .client-logo img {
        width: 80px;
        height: 80px;
    }

.page-consent .consent-buttons {
    margin-top: 25px;
}

.page-consent .consent-form .consent-scopecheck {
    display: inline-block;
    margin-right: 5px;
}

.page-consent .consent-form .consent-description {
    margin-left: 25px;
}

    .page-consent .consent-form .consent-description label {
        font-weight: normal;
    }

.page-consent .consent-form .consent-remember {
    padding-left: 16px;
}

.grants .page-header {
    margin-bottom: 10px;
}

.grants .grant {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid lightgray;
}

    .grants .grant img {
        width: 100px;
        height: 100px;
    }

    .grants .grant .clientname {
        font-size: 140%;
        font-weight: bold;
    }

    .grants .grant .granttype {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant .created {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant .expires {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant li {
        list-style-type: none;
        display: inline;
    }

        .grants .grant li:after {
            content: ', ';
        }

        .grants .grant li:last-child:after {
            content: '';
        }


/* fix container height problem in pages.css ddb 24062020*/
.page-container .page-content-wrapper .content {
    min-height: unset;
}

.page-container .page-content-wrapper {
    min-height: unset;
}

.footer {
    position: fixed !important;
}
/*****/


.ErrorMessage > hr {
    border-top: 1px solid #fafafa42;
}

.ErrorDetail {
    font-size: x-small;
}

/* grid  */
@media (max-width: 767px) {
    .e-input-group .e-search {
        display: none;
    }
}

.e-rowcell .e-selectionbackground .e-active {
    background-color: #ece2e6;
}

.e-grid td.e-active {
    background: #7cb7f7
}


#CompanyRulesGrid td.e-active {
    background: white !important
}
 

.e-grid .e-icon {
    color: unset !important;
}

.e-grid .e-icon {
    color: rgba(0, 0, 0, 0.54) !important;
}

.e-grid .e-icons {
    color: rgb(90, 89, 89);
}


.dark .favourites.title {
    color: #e3165b;
}

.light .favourites.title {
    color: #233f80;
}



/* tool bar */
.e-toolbar .e-tbar-btn,
.e-toolbar .e-icons {
    color: rgba(0, 0, 0, 0.54) !important;
}

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
    color: rgb(62, 62, 62);
    font-family: var(--font-family-opensan);
}





@media (max-width: 767px) {
    .e-tbar-btn-text {
        display: none;
    }

    #page_title, #page_logo {
        display: none;
    }

    #dark_mode_switch {
        display: none;
    }

    #dock_switch {
        display: none;
    }

    #google-signin {
        display: none;
    }
}


.page-sidebar .sidebar-menu .menu-items > li > a > .title {
    font-size: 15px;
    font-weight: 900;
}
/*   Breaks    */
@media (min-width: 1824px) {
    .menu-pin .container-fluid.container-fixed-lg {
        width: 1660px;
    }
}

@media (max-width: 767px) {
    .page-container .page-content-wrapper .content {
        padding-bottom: 0;
    }
}

.ou_type_text {
    padding-left: 5px;
}

.icon_type_img img {
    height: 24px;
}

#RulesGrid_toolbarItems .e-search-wrapper {
    width: 50%;
}

div#OUDialog {
    min-height: 400px;
}

#company-list {
    padding: 0 0 0 20px;
    margin-top: -10px;
}

    #company-list li {
        list-style: none;
        line-height: 18px;
        margin-left: -5px;
        font-size: smaller;
    }

        #company-list li.active a {
            font-weight: bold;
            color: #e3165b;
        }

        #company-list li:hover {
            background-color: #d3eeff;
        }

#company-list-header {
    padding: 0 0 0 15px;
    font-size: smaller;
    line-height: 30px;
    color: lightgray;
}

.avatar_img img {
    height: 50px;
    width: 50px;
}

.avatar_profile_img {
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
}