html, body
{
   background: url("./background.png") grey;
}
div
{
/*   width:93%; */
/*   min-width:600px; */
/*   padding: 30px;*/
   margin: auto;
}
.Panel
{
   width:93%; 
   min-width:600px; 
/*   padding: 30px;*/
   margin: auto;
}
.Shadow
{
   border: 0px solid;
   border-color: darkblue;
   padding: 15px;
   box-shadow: 0px 5px 18px 2px #93A9B5;
}
.text_shadow {
   text-shadow: 1px 1px 5px #93A9B5;
}

select 
{
   size: 1;
   padding:9px 0;
   width:30%;
   border:none;
   border-bottom:1px solid #ccc
}
#User_propername
{
   text-shadow: 1px 1px 20px White;
   color: #cccccc;
}

.Personal_table_labels
{
   color: #8298A4;
}
.message_div
{
   background-color: #ffe5e5;
   color: green;
   width: 75%;
   margin: auto;

}
/* divAnimate left to right flyin shake */
.divAnimate
{
  width: 100%;
  background-color: transparent;
  position: relative;
  -webkit-animation-name: message_div; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: .5; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
  -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
  animation-name: message_div;
  animation-duration: 5s;
  animation-iteration-count: 1;
  animation-direction: alternate;  
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes message_div {
  0%   {background-color:transparent; left:-1000px; top:0px;}
  25%  {background-color:transparent; left:-300px; top:0px;}
  50%  {background-color:transparent; left:-20px; top:0px;}
  75%  {background-color:transparent; left:-7px; top:0px;}
  85%  {background-color:transparent; left:3px; top:0px;}
  100% {background-color:transparent; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes message_div {
  0%   {background-color:transparent; left:-1000px; top:0px;}
  25%  {background-color:transparent; left:-300px; top:0px;}
  50%  {background-color:transparent; left:-20px; top:0px;}
  75%  {background-color:transparent; left:-7px; top:0px;}
  85%  {background-color:transparent; left:3px; top:0px;}
  100% {background-color:transparent; left:0px; top:0px;}
}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.message_div_hazard
{
   
   background: black url(./images/haz02.jpg); 
   background-repeat: no-repeat;
   background-position: center ; 
   color: Yellow;
   width: 75%;
   margin: auto;

}
.glow {
 
   color: Yellow;
   -webkit-animation: glow .25s ease-in-out infinite alternate;
   -moz-animation: glow .25s ease-in-out infinite alternate;
   animation: glow .25s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}


.view_students_table 
{
	background-color: #fefeff;
}
table.view_students_table td
{
   white-space: pre-wrap;
   
}
table.edit_proj
{
   border-collapse: collapse;
   display: inline-table;
   width: 95%;
   margin-left: 25px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}
table.edit_proj td
{
   
   padding: 4px;
   background-color: #FAFAFA;
   text-shadow: 1px 1px 2px #93A9B5;
   vertical-align: middle;
}
table.edit_proj th
{
   background-color: #B5CBD7;

}

table.edit_proj td:hover
{
   background-color: #FCFCFC; 
}

#Projects_modal
{
   /* FDF5E6 == sand */
   background-color: #FDF5E6;
   color: #8298A4;
   width: 80%;
   margin: auto;
}
#AR_modal
{
   /* FDF5E6 == sand */
   background-color: #FDF5E6;
   color: #8298A4;
   width: 80%;
   margin: auto;
}
#DR_modal
{
   /* FDF5E6 == sand */
   background-color: #FDF5E6;
   color: #8298A4;
   width: 80%;
   margin: auto;
}
#tbl_roles_columns_1
{
   width: 83px;
}
#tbl_roles_hdr
{
   background-color: #F1F1F1;
   color: #8298A4;
}
#tbl_roles_data
{
   color: black;
   vertical-align:middle;
}
#User_roles_text
{
   color: #00ff99;
}
#Student_approval
{
   color: #00ff99;
}
#Account_info
{
   color: #00ff99;
}
#Account_support
{
   color: #00ff99;
}
#footer
{
   color: black;
   background-color: #44349;
   text-align: right;
}
textarea
{
   spellcheck: true;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   display:block;/*reset from inline*/
   width:100%;
   margin:0;/*remove defaults*/
   padding:4px;
   border:1px solid #333;
   overflow-y:auto;/*resets IE*/
   overflow-x:hidden;/*resets IE*/ 
   resize: none;
}
.nicEdit-main
{
   background-color: white;
}


table.SpecialAwards td, th
{
    color: black;
    border: 0px; 
    cellspacing: 0px;
    padding: 5px;
    font-size: 13px;
    background: white;
    vertical-align: Top;
}
table.SpecialAwards th
{
    text-align: left;
    
    background: #607D8B;
    color: white;
}
.SAtooltip {
  position: relative;
  display: inline-block;
  border-bottom: 0px dotted black;
}

.SAtooltip .SAtooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 20%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.SAtooltip .SAtooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.SAtooltip:hover .SAtooltiptext {
  visibility: visible;
  opacity: 1;
}

table#projgrid {
  border: 1px solid black; 

  border-collapse: collapse;
  background-color: #f5f5f5;
  cellpadding: 3px;

}

#projgrid td, th {
  font-size: 12px;
  border: 1px solid #E0E0E0; 
  text-align: center;
  vertical-align: top;
  padding: 5px;
}

#projgrid tr:nth-child(even) {
   background-color: #f2f2f2;
   }
#projgrid tr:hover {
   background-color:#f5f5f5;
   }
#projgrid th {
   background-color: #93A9B5;
   color: white;
   font-weight: normal;
   position: sticky;
   top: 0;
}
input.placeinputcheckbox {
  
  width: 20px;
  height: 20px;
  /*-webkit-transform: scale(1.5);  Chrome */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
}
#placeupdate th {
   background-color: #485e6a;
   color: ivory;
   font-weight: strong;
   position: sticky;
   top: 0;
}