/* Tansition Styles */
.hoverBtn,
.MuiOutlinedInput-root:hover input:not(:focus) + .MuiOutlinedInput-notchedOutline { -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; }

/* Body reset */
html, body, #root { width:100%; min-height:100vh; margin:0; padding:0; top:0; left:0; }

/* Logo image */
img.logo { max-width:200px; width:90%; height:auto; display:block; padding:40px 0; margin:auto; }

/* Buttons */
.hoverBtn { opacity:.7 }
.hoverBtn:hover { opacity:1 }

/* Align icon with text */
.MuiTypography-root svg, .MuiTypography-root svg + * { vertical-align:middle; }

/* Asset image popup */
.fullscreenImage { width:100%; height:auto; max-width:90vw; max-height:90vh; }


/* Mobiles */
@media (max-width:600px) {
	body { padding-bottom:40px }

	img.logo { padding:20px 0; }

	/* Grid */
	.MuiGrid-item { overflow: hidden; text-overflow: ellipsis; word-wrap:break-word; }
	
	.m-gutter { padding:0 12px; }
	.MuiTable-root td:not([colspan="4"]) { padding:6px!important; }
	.MuiTable-root th { padding:6px!important; }
}