@charset "utf-8";
body {
	font-family: Arial;
}
/* Panel styles -------------------------------------------*/
.panel {
	width: 600px;
	background-color: antiquewhite;
	margin: 10px;
	padding: 20px;
	-webkit-box-shadow: 5px 5px 5px gray;
    box-shadow: 5px 5px 5px gray;
	border-radius: 10px;
}  
.panel h1 {margin-top: 5px;}
/* Table styles ---------------------------------*/
table, th, td {
border: 1px solid gray;
border-collapse: collapse;
padding: 0px 5px;
font-family: Arial;
font-weight: bold;
}
table th {background-color: black;color: white;}
table tr:nth-child(odd){background-color: lightblue;}
table tr:nth-child(even){background-color: white;}
/* Thumbnail image ----------------------------- */
.thumbnail_image{float: left; margin-right: 20px; 
box-shadow: 5px 5px 5px gray; border: 1px solid black; 
height: 125px; width: 125px;
}
/* Other styles -------------------------------*/
h1 button {float: right;}
.row_image {padding: 0px;}
img{padding: 0; margin: 0; border: 0;}
form h2 {border: 1px solid black;
display: inline;
padding: 4px;
border-radius: 10px;
background-color: white;
}  
form {
  width: 555px;
  height: 200px;
  background-color:lightblue;
  padding:20px;
}
/* Toggle Form ---------------------- */
.animate {
-webkit-transition: all linear 0.25s;
-moz-transition: all linear 0.25s;
transition: all linear 0.5s;
}
.animate.ng-hide {
opacity:0;
height:0px;
}
/* Font Awesome ----------------------- */
.fa{color:red;}