/* Proxima Light */
@font-face {
    font-family: 'Proxima';
    src: url('../../fonts/proxima/proxima-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Proxima Regular */
@font-face {
    font-family: 'Proxima';
    src: url('../../fonts/proxima/proxima-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Proxima Semibold */
@font-face {
    font-family: 'Proxima';
    src: url('../../fonts/proxima/proxima-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Proxima Bold */
@font-face {
    font-family: 'Proxima';
    src: url('../../fonts/proxima/proxima-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/***********************************/
/*           BODY                  */
/***********************************/
.mdl-textfield__input,
.mdl-button,
body { font-family: 'Proxima'; }


:root {
  --bs-font-sans-serif: 'Proxima';

  --color-primary:   #0565FF;  /* blue */
  --color-secondary: #212121; /* black */
  --color-tertiary:  #7F91AC; /* grey */

  --bg-primary:      #FAFAFA; /* light grey */
  --bg-secondary:    #FEFEFE; /* white */
  --bg-tertiary:     #E9F8FF; /* light-blue */

  --border-primary:   #95DCFF; /* light blue */
  --border-secondary: grey; /* dark grey */
  --border-tertiary:  lightgrey; /* light grey */


  --bg-gradient-primary: linear-gradient(to bottom, #1475FF, #024ECA); /* blue to darkblue */
  --bg-gradient-secondary: linear-gradient(143.85deg, #E6EFFF 0%, #82B2FF 119.14%); /* white -> lightblue */
  --bg-gradient-secondary-100: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(202, 202, 202, 0.5) 100%);
  --bg-gradient-tertiary: linear-gradient(143.85deg, white 0%, grey 119.14%); /* placeholder */

}

a,
.lead,
.xlead,
.xxlead {
	color: var(--color-tertiary) !important;
}





/***********************************/
/*           TEAMS BAR             */
/***********************************/
.team-selected .team-icon,
.teams-bar #org-logo {
	border-radius: 4px;
	height: 44px;
	width: 44px;
}
.team-element, .team-element a { color: white !important; }
.team-selected { border-top: none; }
.team-selected .team-icon { 
	background: var(--bg-gradient-secondary-100);
	border-radius: 5px;
	border: 1px solid lightgrey;
	display: inline-table; 
}

.teams-bar .mdl-menu__outline { background: #f1f2f4; }
.teams-bar .mdl-menu__item:hover { background: #19212b; }
.teams-bar .mdl-menu__item a { color: #29b6f6; font-size: 0.95em; opacity: 0.7;}
a.mdl-menu__item { color: #29b6f6; font-size: 0.95em; opacity: 0.7;}



/***********************************/
/*           PROJECTS BAR          */
/***********************************/
.projects-bar { border-right: 1px solid #e0e7f0; }
.project-element a { 	font-size: 1.25em; 
			font-weight: 400; 
			line-height: 120% }
.project-selected { background: #F0F0F0 !important; border-radius: 4px; }
.project-selected a {color: var(--color-secondary) !important; }


.mdl-menu .mdl-menu__item { font-size: 0.9em;
				padding: 0px 10px;
	       			height: 30px;	
				line-height: 20px;
	       			color: var(--color-tertiary) !important;
			}
	


/***********************************/
/*    3. CENTER CONTENT            */
/***********************************/




/*----------------------------------*/
/*     3a. center content > HEADER  */
/*----------------------------------*/
.center-content .project-label { background: #EBF2FF; }


/*----------------------------------*/
/*     3b. center content > TABS   */
/*----------------------------------*/
.center-content .project-tabs { 
	border-top: 1px solid #D4DFED;
	border-bottom: 1px solid #D4DFED;
}
.center-content .project-tabs .active a i{ color: var(--color-primary); }       
.nav-tabs { border: none; }


/*----------------------------------*/
/*     3c. center content > PHASE   */
/*----------------------------------*/
.center-content .phase-row .phase-name  {
	background: var(--bg-tertiary);
	border: 0.5px solid var(--border-primary);
	border-radius: 6px;
	color: var(--color-secondary); 
	font-size: 1.25em;
	height: 50px;
        align-content: center;
}

.zero-xlead {
        padding: 4px !important;
        transform: rotate(180deg);
        width: 50px;
        height: 100% !important;
}


/*-----------------------------------------*/
/*     3c. center content > phase > CARD   */
/*-----------------------------------------*/
.issue-card .issue-card-title { color: var(--color-secondary); font-size: 1.4em; }
.issue-card {
		width: 100%;
		margin: 20px auto;
		border-radius: 6px; 
		border: 0.5px solid #D4DFED;
    		box-shadow: 0px 0px 5px 0px #3232691A;
    		padding: 12px 14px 12px 14px;
	}
.issue-card-view { background: white; }
.issue-card-view:hover { border: 1px solid lightgrey; }
.issue-card .issue-card-topbar .label { border: 1px solid #CDE0FF; }

.issue-card-edit { background: var(--bg-tertiary); }
.issue-card-edit:hover { border: 1px solid var(--border-tertiary); }






/***********************************/
/*          ISSUE POPUP            */
/***********************************/
.issue-popup .issue-phase-list {
	border-right: 1px solid #D4DFED;
}