/*
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;}

.pending {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.5);
    padding:30vh 20vw 20vh 20vw;
    font-size:7vw;
    text-align:center;
    color:rgba(0,0,0,0.2);
    font-weight:bold;
    display:none; 
    z-index: 9999 !important;
}

input.sp[type='checkbox'] {
    -webkit-appearance:none;
    width: 22px;
    height: 22px;
    background:rgba(255,255,255,0.2);
    border-radius:4px;
    border: 1px solid darkblue;
    vertical-align:middle;
    padding:0;
    margin:0;
    display:inline-block;
}

input.sp[type='checkbox']:checked {
    background-image: url("tick.jpg");    
    background-repeat: no-repeat;
    background-color: springgreen;
    background-position: center; 
}

input.sp[type='checkbox']:disabled {
    opacity:1;
}

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: 2%;
            text-align:center;
            background-color: indianred;
            color:white;
            font-weight:bold;
            position: fixed;
            top: 33%;
            left: 33%;
            width: 33%;
            height: 33%;
            border: 5px solid red;
            box-shadow: 5px 5px 10px black;
            overflow: auto;
            z-index: 9999;
            }                     

.progress {
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background-color:white;
    opacity:0.5;
    z-index: 9999; 
    text-align:center;
    padding-top:40vh;
    font-size:5vw;
    font-weight:bold;
    display:none;
}

.modal {overflow-y:auto;}

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

/* Gantt Chart Bars */
.barOrder {
    font-weight:bold;
    font-style:italic;
}

.barStart {
    font-weight:bold;
}


/*        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;}
}