/* GTI / ANG (asked for by Ben) - hiding dashboard roundals and AI tools, AI tools menu */

.dash-cta-deck {
      display:none !important; /* hides circular nav buttons at top */
}
.dash-cta-deck .dash-cta-link {
      display:none; /* hide circular nav buttons at top on students/graduates/staff pane */
}
.dashboard-custom {
      margin-top: 2rem !important;
}
.dashboard-feed {
      margin-top: 0rem !important;
}

@media (min-width: 992px){
      .flex-dash-row .dash-card-custom .card-body {
            max-height:500px !important; /* increases height of main pane, to stop scrollbars appearing on student pane */
      }
      .dashboard-content .employer .container .flex-dash-row .dash-card-custom .card-body {
            max-height:750px !important; /* to enable all content to appear on employer pane */
      }
}


/** added by GTI/Ang, custom pane **/

.romeo .dashboard-content .dashboard-custom .card h1.dash-card-header {
    /** using BS sr-only styling for TC-24332 **/ 
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
}
.romeo .dashboard-content .dashboard-custom .dash-card-custom .card-body {
    padding:0;
}

@media (min-width: 992px) {
.flex-dash-row .dash-card-custom .card-body {
/** changing the height of the custom pane body **/
      max-height: 950px;
    }
}

.romeo .dashboard-content .dashboard-custom .card h1.dash-card-header {
	/** hiding the custom pane title **/
	display:none;
}

/************************
GTI - OPERATOR UI 
*************************/
.page-operator header .page-brand {
    background: #17191C;
    }
.page-operator header .navbar-toggler {
    color:#fff;
    }
.page-operator header .navbar-toggler:hover, .page-operator header .navbar-toggler:active, .page-operator header .navbar-toggler:focus {
    color:#ffffff6b;
    }
@media (max-width: 992px) {
    .page-operator header .page-header .header-links .user-details>a, 
    .page-operator header .page-header .header-links .user-details>a .fa-user-circle,
    .page-operator header .page-header .header-links .beamer_button .fa-stack i    {
        color: #fff;
        }
    }
/************************
END - GTI - OPERATOR UI 
*************************/