/*
  branding.scss
  application: NEMCC Banner 9 Self-Service
  last update: 01-05-26
*/

* {
	box-shadow: none !important;
}


/******************************/
/*** Institutioanl Branding ***/
/******************************/



*:focus {
    outline: none !important;
}

#username {
	font-weight: 600 !important;
	color: #cbb677 !important;
}

.institutionalBranding {
  background-image: url("https://www.nemcc.edu/_assets/home/nemcc_block_white.png") !important;
  width: 18em !important;
  background-size:60% !important;
  margin:0 0 0 10px !important;
}

#header-main-section-east-part {
	background-color: #000000 !important;
}

#banner-header-main-section, #header-main-section {
	background-color: #000000 !important;
	color: #ffffff !important;
	border-bottom-color: #805314 !important;
	border-bottom:3px solid #805314 !important;
}

#header-main-section, #header-main-section-east-part,
#header-main-section-east-part, #outerFooter, #header-main-section-east-part #userDiv {
	background: rgb(0,0,0) !important; 
}

#bannerMenu {
	/*margin-left:10px !important;*/
	background-image: url("https://www.nemcc.edu/theme/nemcc_menu.svg") !important;
	background-size:1.25rem !important;
}

#tools {
	background: url("https://www.nemcc.edu/theme/tools.svg") center center no-repeat !important;
}

#user {
	background: url("https://www.nemcc.edu/theme/avatar.svg") center center no-repeat !important;
	background-size: 85% !important;
}


ul#studentLandingPageLinks, ul#facultyLandingPageLinks  {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
    /* flex-basis: 300px; */
}


ul#studentLandingPageLinks li, ul#facultyLandingPageLinks li {
    display: inline-block;
    padding: 10px 20px;
    background: #d3d3d3;
    color: white;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: 6px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    transition: all 0.2s ease-in-out;
    /* flex-basis: 30%; */
    text-align: center;
    vertical-align: middle;
}


/******************************/
/***    Breadcrumb Tweaks   ***/
/******************************/


a.breadcrumbButton:link, a.breadcrumbButton:active, a.breadcrumbButton:visited, .breadcrumbButton {
	font-size: 14px !important;
}

.breadcrumb-separator {
	background: url("https://www.nemcc.edu/theme/breadcrumb-separator.svg") no-repeat center !important;
    background-size: .4rem !important;
}

a.breadcrumbButton:link, a.breadcrumbButton:active, a.breadcrumbButton:visited, .breadcrumbButton {
    color:#000000 !important
}

/******************************/
/***  Student Self Service  ***/
/******************************/

.student-info-photo .student-picture {
    border-radius: 50%;
}

img.landing-page-image {
    width: 95px !important;
    height: 95px !important;
    float: left !important;
}

#studentProfilePanelMiddleColumn {
	background-color:#ffffff !important;
}

#student-information-tab h3.title {
    font-size: 13px;
    font-weight: bold;
    width: 97%;
    background: #F4F4F4;
    padding: 12px 15px;
    margin: 0 15px 10px 10px !important;
    text-transform: uppercase;
}

.curriculumHoursBorder, #secondary-tab, .top-panel-content, .panel {
    border:none !important;}

#student-information-tab .row.no-margin {
    margin: 0 0 5px 0 !important;
}

#primary-curriculum-details .row.no-margin {
    margin: 0 0 3px 0 !important;
}

div#center-pane-data-curriculum {
    margin-top: 5px;
}

.studentterms-select {
    width: auto !important;
}

.mycourse {
    font-size: 1.6em;
    font-weight: 500 !important;
    color: #000;
    font-family: "Open Sans";
    line-height: 59px !important;
}

div.grid-header {
    height: 60px;
}
/*

#courseDetailsContentDiv{
	font-size:14px;
}

.c-panels-table {
	border: 1px solid #66acbc;
	padding: 12px;
}

#studentProfilePanelMiddleColumn.ui-widget {
	font-size: inherit;
}

h1 {
	color: #4f585f !important;
	font-size: 36px;
	font-family: inherit;
	padding-top: 0px;
	margin-top: 10px;
}

.panelDesc{
margin-right:5% !important;
padding-left:0 !important;}

.profile-image {
	box-shadow: 5px 5px 10px;
	border-radius: 2px;
	max-width: 150px !important;
	margin-bottom: 15px !important;
}

.body-title{
	background-color:#cbb677 !important;
	background-image:none !important;
}

div.ui-widget div.ui-widget-header{
	background-image:none !important;	
}


.heading-txt {
    display: table-cell;
    padding: 15px;
    line-height: 20px;
    padding: 0 15px;
}

.inverse-title{
	background-color:#ffffff;
	padding-left:0px !important;
}

h2.title{
	font-size:1.5em;
}


.top-panel-content, .panel {border:none !important;}

.curriculumHoursBorder, #secondary-tab {border:1px solid #dedede !important; border-radius:0 !important}

.student-info-container{
	background:#000000;
}


ul.student-p-navigation-list.dropdown-menu > li > a {
	color: #E1E0E0 !important;
}

.student-p-self-navigation-item-inactive {
	color: #FFFFFF !important;
}

.student-p-self-navigation-list-active a {
	color: #FFFFFF !important;
}

.row.no-margin {
	padding: 3px;
}

a.popup-link {
	color: #FFFFFF !important;
	font-size: 1.2rem;
	text-decoration: none;
}

*/

/******************************/
/***  Faculty Self Service  ***/
/******************************/

/*
.present, .notified-absence  {
	display: none !important;
}

*/


.present, .absence  {
	display: none !important;
}


.present, .btn.extended-absence-button, #cancel-class  {
	display: none !important;
}


.mark-attendance-grid-wrapper #mass-update {
	border-radius: 10px !important;
	min-width: 200px;
}


/******************************/
/***  Student Registration  ***/
/******************************/


.reg-status-error{
     margin-bottom:5px !important;
}

.body-content {
	background-color: #ffffff !important;
}


.landing-path {
	float: unset !important;
	width: 100%;
	border: none !important;
}

#landingPathMenu a span.title {
    text-decoration: underline;
    font-weight:600;
    margin-bottom:5px !important;
    display: inline-block;
}


/******************************/
/*** Employee Self Service  ***/
/******************************/


.employer-logo img {
	max-width: 100px !important;
}

.flatCapsule-display.positive {
color:#ffffff !important;
}

/**** Extensibility Tweaks ***/

.tigerOne a {
	color: #000000 !important;
}


/******************************/
/**** General Self Service  ***/
/******************************/

.pi-profile-image img.img-circle {
width: 132px;
height: auto;}

.avatar img.img-circle {
    border-radius: 50%;
    width: 80px;
    height: auto;
}	 

/**** Application Navigator ***/

.brand-title a, .brand-title a:hover, .brand-title a:visited {
     color:#cbb677 !important;
}

.release-info a, .release-info a:hover, .release-info a:visited{
    color: #D5D5D5;
}

/** Custom CSS file which takes precedence over the landing page CSS styles **/
.landing-content {
margin-left: 0px;
padding-left: 0px;
background-repeat: no-repeat;
background-position:center;
background-size: cover;
background-color: #4F585F;
}

.searchBackground {background-color:#f4faff !important}

/*
@media (orientation:landscape) {
.landing-content {
background-image: url("https://my.nemcc.edu/images/campus.jpg");
}
}

@media (orientation:portrait) {
.landing-content {
background-image: url("https://my.nemcc.edu/images/campus.jpg");
}
}

@media (orientation:portrait) and (max-width:320px) {
.landing-content {
background-image: url("https://my.nemcc.edu/images/campus.jpg");
}
}
*/