/*/\/\/\/\/\/\/\
  
  Custom Styles for MILMI.org on top of default styles.css 
  Created by Kevin Doyle
  doylek4@michigan.gov

/\/\/\/\/\/\/\*/


/*/\/\/\/\/\/\/\
\/\/\/\/\/\/\/\/ Table Styles
/\/\/\/\/\/\/\*/

.table-branded thead, .table-branded thead tr th, .table-branded thead tr.active th {
	background-color: #0067ac;
	color: white;
	font-weight: bold;
}

.colnumber {
	text-align: right;
}

.LAUS-snapshot, .numeric-table {
	margin-bottom: 65px;
	text-align: right;
	border-bottom: solid 1px gray; 
}

.LAUS-snapshot>tbody>tr>td:nth-child(1), .numeric-table>tbody>tr>td:nth-child(1), .LAUS-snapshot>thead>tr>th:nth-child(1), .numeric-table>thead>tr>th:nth-child(1) {
	text-align: left;
}

.ces-profile {
	text-align: right;
}

.ces-profile>tbody>tr>td:nth-child(2) {
	text-align: left;
}

/*/\/\/\/\/\/\/\
\/\/\/\/\/\/\/\/ Publication page
/\/\/\/\/\/\/\*/

.PublicationLink {
	display: none;
	background-color: #5CB85C;
	color: #FFF !important;
	text-decoration: none !important;
	padding: 6px;
	margin: 0 0 1em 0;
	width: 9em;
	font-size: 1.2rem;
	text-align: center;
	margin-left: 0;
	display: inline-block;
}

/*/\/\/\/\/\/\/\
\/\/\/\/\/\/\/\/ Footer styles
/\/\/\/\/\/\/\*/

.footer-list li {
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	margin: 0px 0px 0px 0px;
	/* font-size: 0.8rem; */
	color: rgb(51, 51, 51);
}
.footer-list>li:last-child {
	border: none;
}
.footer-list li a {
	color: #878787;
}
.footer-title {
	color: rgb(51, 51, 51)
}

/*/\/\/\/\/\/\/\
\/\/\/\/\/\/\/\/ Data Search / Dashboards 
/\/\/\/\/\/\/\*/
.tab-cover {
	background-color: #fafafa;
	padding: 5px;
	margin: 0;
	color: #777;
}
.tab-cover a {
	margin-left: -15px;
}
.tab-cover p {
	margin-top: 7px;
}
.btn-dashboard:hover {
	background-color: #339D92;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px 0px, rgba(0, 0, 0, 0.22) 0px 15px 12px 0px;
	border: 3px solid #66D0C5;
	width: 395px;
	transform: perspective(1px) translateZ(0);
	vertical-align: middle;
	margin-left: -10px;
}
.btn-dashboard {
	width: 375px;
	background-color: #006a5f;
	color: white !important;
	/* font-size: 2rem; */
	transition: all 0.25s, border 0.25s, box-shadow 0.25s 1.5s;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px 0px, rgba(0, 0, 0, 0.23) 0px 3px 6px 0px;
	border: 3px solid transparent;
	white-space: nowrap;
}

/*/\/\/\/\/\/\/\
\/\/\/\/\/\/\/\/ Media Queries for headers smaller screens 
/\/\/\/\/\/\/\*/
 @media only screen and (max-device-width: 768px) {
 	.heading span {
 		font-size: 14px !important;
 	}
 }

 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
 	.heading span {
 		font-size: 18px !important;
 	}
 }
 
 @media only screen and (max-device-width: 1024px) and (orientation:portrait) {
	 body, body>.container {
		 padding: 0 !important;
	 }
}

/*/\/\/\/\/\/\/\
\/\/\/\/\/\/\/\/ Excel file notification icons 
/\/\/\/\/\/\/\*/

a[href$=".xlsx"]::after {
    content: "\00a0\f1c3";
    display: inline;
    font-family: "Font Awesome 5 Free";
    font-size: 1em;
}