/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 15, 2018, 4:34:56 PM
    Author     : adrianlines
*/
body {background-color: whitesmoke;}

div.loggedIn {display:none;}
li.loggedIn {display:none;}
ul.loggedIn {display:none;}
nav.loggedIn {display:none;}
.adminFunction {display:none;}
li.advanced {display:none;}

.eventHover {display: none;
             padding: 10px;
             background-color: aliceblue;
            position: absolute;
            top: 55px;
            right: 40px;
            width: 300px;
            height: 100px;
            border: 2px solid lightgrey;}

.fieldSearch {display: none;
            padding: 10px;
            background-color: aliceblue;
            position: absolute;
            top: 20px;
            left: 20px;
            width: 800px;
            height: 300px;
            border: 2px solid lightgrey;
            box-shadow: 5px 5px 5px grey;
            overflow: auto;
            z-index: 9999;
            }  

.alertWarning {display: none;
            padding: 20px;
            background-color: indianred;
            color:white;
            font-weight:bold;
            position: fixed;
            top: 10px;
            left: 50%;
            margin-left: -230px;
            width: 460px;
            height: 130px;
            border: 5px solid red;
            box-shadow: 5px 5px 5px grey;
            overflow: auto;
            z-index: 9999;
            }                     

.modal {overflow-y:auto;}

.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

/*        input[type='checkbox'] {
    -webkit-appearance:none;
    width:20px;
    height:20px;
    background: lightgrey;
    border-radius:5px;
    border:2px solid #555;
}   

input[type='checkbox']:checked {
    background: lightgreen;
 }*/


textarea.expandable {
  height: 30px;
  -webkit-transition: all 2s;
  transition: all 2s;
}

textarea.expandable:focus {
  height: 120px;   
  background-color:lightgreen;
  -webkit-transition: all 2s;
  transition: all 2s;
}
      
.backpulse {  
/*  background-color: red;*/
  animation-name: pcolor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  border-radius:5px;
  border:2px solid whitesmoke;
  padding:2px;
}

@keyframes pcolor {
  0% {background-color: whitesmoke;}
  50% {background-color: darkgoldenrod;}
  100% {background-color: whitesmoke;}
}