/* ---------- ---------- ---------- Dallas ISD Custom CSS ---------- ---------- ---------- */

body {
    font-family: 'Roboto Slab', "Segoe UI", apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue" , sans-serif;
}

table, p {
	font-family: 'Roboto', "Segoe UI", apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue" , sans-serif;
}

/*.t-Body-title .t-HeroRegion-title {
	color: rgb(110,203,152); 
}*/
/* 	----------	---------- Printing ---------- ---------- */


/*
	1 Add this CSS to your pages inline CSS section.
	2 Create a Static Content Region on your page and add HTML that you want to print and give it the css class of .print-area.   
	3 Create a container that contains everything else on the page and add do-not-print to the Appearance CSS Classes section.
	4 Any further CSS used in your print area HTML should be added to the @media print section below.
	5 Create a print button that Executes the following Javascript
        $( "body" ).removeClass( "js-navExpanded js-rightExpanded" ).addClass( "js-navCollapsed js-rightCollapsed");
        setTimeout(function(){window.print();}, 100);
*/

@media screen {
	.print-area {
		display: none;
	}
}

@media print {
	.t-Header, .t-Body-title, .a-DevToolbar, #t_Body_content_offset, .t-Footer, .do-not-print, .t-Body-nav, .t-Body-actions, .t-Body-side, .t-Body-actionsToggle {
		display: none;
	}
	.t-Body-content, .t-Body-mainContent, .print-area, .t-Body-main {
		width: 100%;
		margin: 0 auto !important;
		padding: 0;
	}
}



/* 	----------	---------- Colors ---------- ---------- */

/* ---------- Background Colors  ---------- */

.disd-pblue {
	background: rgb(33,33,81);
	color: white;
}

.disd-pturq {
	background: rgb(0,148,144);
	color: white;
}

.disd-pred {
	background: rgb(152,37,43);
	color: white;
}

.disd-sblue {
	background: rgb(52,96,148);
	color: white;
}

.disd-sgreen {
	background: rgb(164,213,93);
	color: white;
}

.disd-sbluegreen {
	background: rgb(110,203,152);
	color: white;
}

.disd-sred {
	background: rgb(237,31,36);
	color: white;
}

.disd-sgold {
	background: rgb(253,183,26);
	color: white;
}

/* ---------- Text Colors  ---------- */

.disd-pblue-text {
	color: rgb(33,33,81);
}

.disd-pturq-text {
	color: rgb(0,148,144);
}

.disd-pred-text {
	color: rgb(152,37,43);
}

.disd-sblue-text {
	color: rgb(52,96,148);
}

.disd-sgreen-text {
	color: rgb(164,213,93);
}

.disd-sbluegreen-text {
	color: rgb(110,203,152);
}

.disd-sred-text {
	color: rgb(237,31,36);
}

.disd-sgold-text {
	color: rgb(253,183,26);
}

/* ---------- Border Colors  ---------- */

.disd-pblue-border {
	border: rgb(33,33,81);
}

.disd-pturq-border {
	border: rgb(0,148,144);
}

.disd-pred-border {
	border: rgb(152,37,43);
}

.disd-sblue-border {
	border: rgb(52,96,148);
}

.disd-sgreen-border {
	border: rgb(164,213,93);
}

.disd-sbluegreen-border {
	border: rgb(110,203,152);
}

.disd-sred-border {
	border: rgb(237,31,36);
}

.disd-sgold-border {
	border: rgb(253,183,26);
}

/* ---------- Interactive Report column widths  ---------- */

.ir-col-xs {
    display: block;
    min-width: 30px;
}

.ir-col-sm {
    display: block;
    min-width: 60px;
}

.ir-col-md {
    display: block;
    min-width: 120px;
}

.ir-col-lg {
    display: block;
    min-width: 180px;
}

.ir-col-xl {
    display: block;
    min-width: 240px;
}

.ir-col-xxl {
    display: block;
    min-width: 360px;
}
.u-warning-text a{ color:#f9bf4b !important

}

.t-Tabs--pill .t-Tabs-item.is-active .t-Tabs-link {
    background-color: #a3d55d9c !important;
}