/* Print Style */

	/* base */

	/* **** */

	/*! --------------------------------------------------
* 
*   TABLE OF CONTENTS
*
*   Fonts
*   Colors
*   Measurement
*
* -------------------------------------------------- */

	:root { /* BEGIN ROOT */

    /* PLACE ALL VARIABLES INSIDE THE ROOT! */


/*! --------------------------------------------------
    Fonts
    -------------------------------------------------- */




/*! --------------------------------------------------
    Colors
    -------------------------------------------------- */ /* blue */




/*! --------------------------------------------------
    Measurement
    -------------------------------------------------- */

    /* GLOBAL */


    

}

	/* END ROOT*/

	/*! --------------------------------------------------
* 
* TABLE OF CONTENTS
*
* android highlight color
* btn basic
*
* -------------------------------------------------- */

	:root{

/*! --------------------------------------------------
    #android highlight color
    -------------------------------------------------- */; 


}

	/*! --------------------------------------------------
* 
* TABLE OF CONTENTS
*
* Global
* Woop
*
* -------------------------------------------------- */

	/*! --------------------------------------------------
    Global
    -------------------------------------------------- */

	@keyframes animationRotate {
	  0%   { transform: rotate(0deg); }
	  25% { transform: rotate(90deg); }
	  50% { transform: rotate(180deg); }
	  75% { transform: rotate(270deg); }
	  100% { transform: rotate(360deg); }
	}

	@keyframes moveFromBottom {
	  0%   { transform: translateY(100%); }
	  100% { transform: translateY(0%); }
	}

	/*! --------------------------------------------------
    Woop
    -------------------------------------------------- */

	@keyframes loadingColorChange {
	  0%   	{ background-color: #F8F8F8; }
	  50% 	{ background-color: #EEEEEE; }
	  100%  { background-color: #F8F8F8; }
	}

	/*! --------------------------------------------------
* 
* TABLE OF CONTENTS
*
* reset list styles
* hide text
* set max width
* set media queries
* clearfix
*
* -------------------------------------------------- */

	/*! --------------------------------------------------
    #reset list styles
    -------------------------------------------------- */

	/*! --------------------------------------------------
    #hide text
    -------------------------------------------------- */

	/*! --------------------------------------------------
    #set max width
    -------------------------------------------------- */

	/*! --------------------------------------------------
    #set media queries
    @media (--mqS) {  }
    -------------------------------------------------- */

	:root{

    }

	/*! --------------------------------------------------
    #clearfix
    --------------------------------------------------*/

	@media print {

	.sidebar,
	.page-top__navigation-block {
		display: none;
	}

	.show-print {
		display: block !important;
	}

	.main-content {
		padding: 0px;
	}

	.performance-section--dark {
		background-color: white !important;
	}

	table {
		display: table !important

	}

	table tr { display: table-row !important;


    

 }

	table tr td { display: table-cell !important;


    

 }

	.print-button-wrapper {
		display: none;
	}

}

	@media print {

	.performance-page-content {
		padding-top: 20px;
	}

	.performance-tiles,
	.performance-section--timesheets,
	.performance-section--estimatevslogged,
	.performance-section--bugratio,
	.performance-section--sickness,
	.performance-section--servicedesk {
		page-break-after: always;
	}

	.performance-section__toggle-block-row,
	.performance-section__toggle-block-row {
		display: none !important;
	}

	.performance-tile-wrapper {
		-ms-flex: 0 1 33.333%;
		    flex: 0 1 33.333%;
		width: 33.333%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column nowrap;
		    flex-flow: column nowrap;
		position: relative
		/* border-right: 2px solid var(--border-color); */ /* (--mqL) */

	}

	.performance-tile-wrapper:nth-child(n+4) { border-bottom: 0;/* border-top: 2px solid var(--border-color); */


    

 }

	.performance-tile-wrapper:nth-of-type(3n) { border-right: 0;


    

 } /* .performance-tile-wrapper */

	.performance-tiles[data-tile-count="4"]  {
			max-width: 100%;
			max-width: 752px

		}

	.performance-tiles[data-tile-count="4"] .performance-tile-wrapper { -ms-flex: 0 1 50%; flex: 0 1 50%; width: 50%;


    

 }

	.performance-section-timesheets__column {
		-ms-flex: 1 0 50%;
		    flex: 1 0 50%;
		width: 50% /* (--mqL)*/
	}

	.performance-section-timesheets__column:first-of-type { border-right: 2px solid #F9F9FB;


    

 } /* .performance-section-timesheets__column */


	.performance-section-timesheets__column__inner { /* & .title-wrapper */

	}


	.performance-section-timesheets__column__inner .title-wrapper { height: 72px; width: 100%; display: -ms-flexbox; display: flex;


    

 }


	.performance-section-timesheets__column__inner .title-wrapper p { -ms-flex-item-align: end; align-self: flex-end; text-align: left; font-size: 1.4rem; line-height: 1.8rem;


    

 }

	/* estimated vs logged */

	#estimate-vs-logged-details {
		display: block !important;
	}

	/* Bug Ratios */ 

	#bug-ratio-details {
		display: block !important;
		width: 100%;
	}
	
	#performance-bug-ratio {

	}
	
	#performance-bug-ratio h2 { width: 100%; text-align: center;


    

 }

	.performance-section--bugratio {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		padding-top: 50px;
		margin: 0 auto /* & .title-wrapper */

	}

	.performance-section--bugratio .performance__graph-blocks { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-top: 50px; max-width: 694px; margin: 0 auto;


    

 }

	.performance-section--bugratio .performance__graph-blocks > div { -ms-flex: 1 0 50%; flex: 1 0 50%; width: 50%;


    

 }

	.performance-section--bugratio .performance__graph-blocks > div:first-of-type { border-right: 2px solid #F9F9FB; border-bottom: 0px;


    

 }

	.performance-section--bugratio .performance__graph-block__intro { height: 72px; width: 100%; display: -ms-flexbox; display: flex;


    

 }

	.performance-section--bugratio .performance__graph-block__intro p { -ms-flex-item-align: end; align-self: flex-end; text-align: left; font-size: 1.4rem; line-height: 1.8rem;


    

 }

	.performance-section--bugratio .performance__graph-block { padding: 30px;


    

 }

	.performance-section--bugratio .performance__graph-block__intro { text-align: left;


    

 }

	.performance-section--bugratio .performance-section__toggle-block-row { display: block; width: 100%; text-align: center;


    

 }

	/* calendar */

	.performance-sickness__calendars {
		display: none;
	}

	.ui-datepicker-calendar {
		border-collapse: collapse

	}

	.ui-datepicker-calendar td { border: none;


    

 }

	.sick-day, .sick-day-start, .sick-day-end, .sick-day-single {

	}

	.sick-day a, .sick-day-start a, .sick-day-end a, .sick-day-single a { color: white !important;


    

 }

	.sick-day-start, .sick-day-end, .sick-day-single {
		position: relative

	}

	.sick-day-start:before, .sick-day-end:before, .sick-day-single:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; border-bottom: 27px solid #5745ca !important; display: block; z-index: 0; border-radius: 50px; overflow: hidden; background-color: transparent !important;


    

 }

}

	@media print and (max-width: 980px) {

 .performance-tile-wrapper { -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; width: 33.333%; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; position: relative;/* border-right: 2px solid var(--border-color); */


    

 }

 .performance-tile-wrapper:nth-child(n+4) { border-top: 0;


    

 }

 .performance-tile-wrapper:nth-child(n+3) {/* border-top: 2px solid var(--border-color); */


    

 }

 .performance-tile-wrapper:nth-of-type(3n) { border-right: 0px;


    

 }

 .performance-tile-wrapper:nth-of-type(3) { border-top: 0px;


    

 }

 .performance-tile-wrapper:nth-of-type(6) { border-right: 0px !important;


    

 }

 .performance-tile-wrapper:nth-of-type(2n) {/* border-right: 2px solid var(--border-color); */


    

 }

		}

	@media print and (max-width: 980px) {

 .performance-section-timesheets__column { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%;


    

 }

 .performance-section-timesheets__column:first-of-type { border-right: 2px solid #F9F9FB; border-bottom: 0px;


    

 }
		}

	@media print and (max-width: 980px) {

 .performance-section-timesheets__column__inner .title-wrapper { height: 72px; width: 100%; display: -ms-flexbox; display: flex;


    

 }


    

}

	@media print and (max-width: 980px) {

 .performance-section--bugratio .performance__graph-block__intro { height: 72px; width: 100%; display: -ms-flexbox; display: flex;


    

 }


    

}