/*
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 : 14-Sep-2021, 11:20:41
    Author     : adrianlines
*/

body {  
    background-repeat:          no-repeat;
    background-position:        center;
    background-color:           rgb(0,0,0);
    color:                      grey;
    font-size:                  calc(0.8 * (1.5vh + 1vw));
    
    -webkit-background-size:    cover; /* For WebKit*/
    -moz-background-size:       cover; /* Mozilla*/
    -o-background-size:         cover; /* Opera*/
    background-size:            cover; /* Generic*/
    
    padding:1vh 1.5vw 4vh 1vw;
    height:100%;
    width:100%;
    overflow:hidden;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

::-webkit-scrollbar {
    display: none;
}
input[type='checkbox'] {
    -webkit-appearance:none;
    width: 26px;
    height: 26px;
    background:gainsboro;
    border-radius:0px;
    border: 3px solid olivedrab;
    vertical-align:middle;
}

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

input[type='checkbox']:disabled {
    opacity:0.4;
    background-color: grey;
}

.warnings {
    position:absolute;
    top: 5vh;
    right: 25%;
    display: none;
    font-size:0.9em;
    opacity:1;
}

.explode {
    position:absolute;
    top:-2vw;
    right:-2vw;
    width:10vw;
    height:10vw;
    display:none;
}

.encourage {
    background-color:white;
    min-width:10vw;
    height:2vh;
    font-size:0.6em;
    padding:0 1vw 0 1vw;
    text-align:right;
}

.sidepanel {
    position:fixed;
    top:0vh;
    right:-34.75vw;
    width:36vw;
    height:100vh;
    background-color:rgba(155,235,155,0.9);
    padding:2vh 1vw 1vh 1.5vw;
}

.sidecontent {
    width:100%;
    height:100%;
    background-color:whitesmoke;
    padding:1vh 0.5vw 1vh 0.5vw;
    box-shadow:0 0 0.33vw black;
}

.sidehandle {
    position:absolute;
    top:0;
    left:0.5vw;
    color:white;
}

.dragHandle {
    position:absolute;
    top:8px;
    right:8px;
    opacity:0.1;
    cursor:move;
}
.dragHandle:hover{opacity:0.3;}

.removeHandle {
    position:absolute;
    top:8px;
    right:32px;
    opacity:0.1;
    cursor:pointer;
}
.removeHandle:hover{opacity:0.3;color:red;}

.hoverOver {background-color:rgba(255,0,0,0.2);}

.selectApp {
    position:absolute;
    top:40%;
    left:20%;
    font-size:2em;
    opacity:0.1;
}

.simple {
    font-size:calc(0.7 * (1.5vh + 1vw));
    width:100%; 
    border:0px solid transparent;
    background-color:rgba(0,100,0,0.1);
    padding:0.2vh 0vw 0.2vh 0.5vw;
    box-shadow:0 1px 2px black inset;
}

.filtered {
    font-size:calc(0.6 * (1.5vh + 1.1vw));
    border:0px solid transparent;
    background-color:rgba(255,255,255,1);
    text-align:center;
}

.help {
    display:inline-block;
    color:green;
    opacity:0.5;
}

.hover:hover{background-color:rgba(100,255,100,0.1);}

.help:hover {opacity:1;}

.dragger {
    position:absolute;
    top:0;
    right:0;
    padding:0.6vh 0.5vw 0.5vh 0.5vw;
    opacity:0.5;
}

a {color:green; text-decoration:none;}
a:hover {color:pink;}

a.darklink {color:darkgreen; text-decoration:none;}
a.darklink:hover {color:orangered;}

a.featuredlink {color:green; text-decoration:none;}
a.featuredlink:hover {color:orangered;}

a.checkedlink {color:darkgreen; text-decoration:none;}
a.checkedlink:hover {color:orangered;}

a.closedlink {color:silver; text-decoration:none;}
a.closedlink:hover {color:black;}

a.redlink {color:indianred; text-decoration:none;}
a.redlink:hover {color:darkred;} 

a.bluelink {color:darkblue; text-decoration:none;}
a.bluelink:hover {color:cyand;} 

a.pinklink {color:pink; text-decoration:none;}
a.pinklink:hover {color:darkred;} 

a.greylink {color:rgb(100,100,100); text-decoration:none; }
a.greylink:hover {color:rgb(50,50,50);}

a.fblink {color:white; text-decoration:none;}
a.fblink:hover {color:silver;}

.fbpreview {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:5vh 3vw 7vh 3vw;
    background-color:rgba(0,0,0,0.5);
    display:none;
}
.fbcontent {
    position:relative;
    width:100%;
    height:100%;
    background-color:rgba(50,50,50,1);
    padding:1vh 1vw 1vh 1vw;
    text-align:center;
}
.fbclose {
    position:absolute;
    top:0.5vh;
    right:1vw;
}

.pageborder {
    background-color:rgba(235,235,235,1); 
    width:100%; 
    height:100%; 
    padding:3vh 1vw 2vh 1vw;
}

.page {
    color:rgba(0,0,0,0.6);
    background-color:rgba(255,255,255,1); 
    width:100%; 
    height:100%; 
    padding:1vh 1vw 1vh 1vw;
    box-shadow:0px 4px 8px black;
    overflow:hidden;
}

.pagefooter {
    position:fixed; 
    bottom:0.5vh;
    left:0;
    width:100vw;
    font-size:1.3vh;
    opacity:1;
}

.siteName {
    font-size:calc(1.35 * (1.5vh + 1vw));
    font-family:Futura;
    font-weight:bold;
    color:rgba(190,190,250,1);
    text-shadow:1px 2px 3px grey;
}

.siteDescription {
    color:rgba(100,100,170,1);
    font-size:calc(0.65 * (1.5vh + 1vw));
}

.logosrc {
    float:right;
    height:8vh;
}

.loginpage {
    color:rgba(0,0,0,0.6);
    background-color:rgba(240,240,240,1); 
    padding:1vh 3vw 1vh 3vw;
    border:5px solid rgba(220,220,200,1);
    box-shadow:0px 2vh 4vw grey;
}

.userlogin {
    display:none;
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(255,255,255,0.7); 
    width:100%; 
    height:100%; 
    padding:20vh 20vw 15vh 20vw;
}

.smalltitle {
    position:absolute;
    top:1vh;
    left:10%;
    font-weight:bold;
    color:black;
    background-color:white;
    opacity:0.5;
    padding:0vh 0.5vw 0 0.5vw;
    width:80%;
}

.content {
    position:static;
    width:100%;
    font-size:calc(.8 * (1.5vh + 1.1vw));
    color:grey;
/*    background-color: red;*/
}

.workspace {
    position:static;
    font-size:calc(.7 * (1.5vh + 1vw));
    color:black;
    max-height:80%;
/*    overflow-y:scroll;*/
/*    background-color:yellow;*/
}

.freetrial {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:20% 10% 10% 10%;
    background-color:rgba(255,255,255,0.6);
    color:black;
    display:none;
    z-index:    9999;
}

.displayContainer {
    padding:0.5vh 0.3vw 0.5vh 0.3vw;
    height:100%;
    width:100%;
    
}
.displayContent {
    padding:0.5vh 0.3vw 1vh 0.3vw;
    height:100%;
    width:100%;
    background-color:rgba(215,215,215,1);
    box-shadow:0px 2px 4px grey;
    overflow-y:hidden;
}
.displayContent:hover {
    background-color:rgba(230,230,230,1);
}

.displayDetail {
    background-color:rgba(240,240,240,1);  
    height:90%;
    width:100%;
    overflow-y:scroll;
    box-shadow:0 1px 2px black inset;
    padding:0.5vh 0.5vw 0.5vh 0.5vw;  
}

.portfolioContainer {
    min-height:45vh;
    position:static;
    width:100%;
/*    background-color:red;*/
    text-align:center;
}

.initialmessage {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.5);
    padding:30vh 20vw 20vh 20vw;
    text-align:left;
}

.portfoliomessage {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.1);
    padding:30vh 20vw 20vh 20vw;
    text-align:left;
}

.imageactivitymessage {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    max-height:100%;
    background-color:rgba(255,255,255,0.5);
    padding:50vh 20vw 20vh 20vw;
    text-align:left;
}

.exhibitionsmessage {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    max-height:100%;
    background-color:rgba(255,255,255,0.5);
    padding:50vh 20vw 20vh 20vw;
    text-align:left;
}

.addexhibitionsmessage {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    max-height:100%;
    background-color:rgba(255,255,255,0.5);
    padding:50vh 20vw 20vh 20vw;
    text-align:left;
}

.entrymessage {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    max-height:100%;
    background-color:rgba(255,255,255,0.5);
    padding:50vh 20vw 20vh 20vw;
    text-align:left;
}

.compcontainer {
    position:static;
    width:100%;
    height:95%;
    overflow-y:scroll;
    padding:0.5vh 0.5vw 0.5vh 0.5vw;
    font-size:0.9em;
}

.entryscreen {
    width:100%;
    padding-bottom:1vh;
}

.thumb {
    border:4px solid rgba(0,0,0,0.6);
    position:relative;
    width:100%;
    padding-top:5%;
    font-size:0.6em;
    height:14vh;
    background-color:rgba(255,255,255,0.7);
    text-align:center;
    box-shadow:0px 4px 8px black;
    cursor:pointer; 
}

.thumb:hover {
    border:4px solid rgba(0,0,0,0.8);
}

.thumbhover {opacity:0.8;}
.thumbhover:hover {opacity:1;}

.modalBox {
    position:   absolute;
    left:       0px;
    top:        0px;
    width:      100%;
    height:     100%;
    background-color:rgba(0,0,0,0.8);
    padding: 5vh 4vw 4vh 4vw;
    display:none;
    z-index:    2;
}

.modalClose {
    position: absolute;
    top:6vh;
    right:6vw;
    text-align:center;
/*    background-color:rgba(220,220,220,1);*/
    font-size:calc(.8 * (1.5vh + 1.1vw));
    font-weight:bold;
}

.modalContent {
    padding: 2vh 2vw 2vh 2vw;
    width:100%;
    height:95%;
    background-color:rgba(230,230,230,1);  
    color:rgba(10,10,10,1);
}

.imageBox {
    position:   absolute;
    left:       0px;
    top:        0px;
    width:      100%;
    height:     100%;
    background-color:rgba(0,0,0,0.8);
    padding: 6vh 5vw 3vh 5vw;
    display:none;
    z-index:    4;
}

.imageContent {
    padding: 2vh 2vw 1vh 2vw;
    width:100%;
    height:92%;
    background-color:rgba(230,230,230,1);  
    color:rgba(10,10,10,1);
    overflow:hidden;
}

.selectionBox {
    position:   fixed;
    left:       0px;
    bottom:     0px;
    width:      100%;
    height:     31vh;
    background-color:rgba(50,50,50,1);
    padding: 1vh 1vw 1vh 1vw;
    display:none;
    z-index:    3;   
    box-shadow:0px -4px 8px black;  
}

.selectionContent {
    padding: 1vh 1vw 1vh 1vw;
    width:100%;
    height:100%;
    background-color:rgba(250,250,250,0.7);  
    color:rgba(10,10,10,1);    
}

.selectImage {
    opacity:0.7;
    max-width:100%;
    max-height:calc(5vh + 2vw);
}
.selectImage:hover {opacity:1;}

.selectionPreview {
    position:   fixed;
    right:      0px;
    top:        0px;
    width:      40%;
    max-height: 50%;
    background-color:rgba(150,150,150,1);
    padding:    2vh 1vw 2vh 1vw;
    display:    none;
    z-index:    4;   
    box-shadow: -3px 3px 8px black;  
    text-align: center;
}

.selectionPreviewContent {
    padding:    1vh 0.5vw 1vh 0.5vw;
    width:      100%;
    height:     100%;
    background-color:rgba(50,50,50,0.7);  
    color:      rgba(10,10,10,1); 
}

.resultsBox {
    position:   absolute;
    left:       0px;
    top:        0px;
    width:      100%;
    height:     100%;
    background-color:rgba(0,0,0,0.8);
    padding: 35vh 25vw 25vh 25vw;
    display: none;
    z-index:    5; 
}

.resultsContent {
    padding: 2vh 2vw 2vh 2vw;
    width:100%;
    height:100%;
    background-color:rgba(230,230,230,1);  
    color:rgba(10,10,10,1);   
}

.resultsClose {
    position: absolute;
    top:35vh;
    right:26vw;
    text-align:center;
/*    background-color:rgba(220,220,220,1);*/
    font-size:calc(.8 * (1.5vh + 1.1vw));
    font-weight:bold;
}

.popupBox {
    position:   absolute;
    left:       0px;
    top:        0px;
    width:      100%;
    background-color:rgba(0,0,0,0.1);
    padding: 2vh 10vw 80vh 55vw;
    display: none;
    z-index:    6;    
}

.popupContent {
    padding: 3vh 3vw 1vh 3vw;
    width:100%;
    background-color:rgba(220,240,220,1);  
    color:rgba(10,10,10,1);  
    box-shadow:0px 5px 10px black;
}

.popupAssistant {
    text-align:right;
    position: fixed;   
    top:3vh;
    right:2vw;
    height:25vh;
    width:15vw
}

.popupClose {
    position: absolute;
    top:2vh;
    right:6vw;
    text-align:right;
/*    background-color:rgba(220,220,220,1);*/
    font-size:calc(.8 * (1.5vh + 1.1vw));
    font-weight:bold;
}

.editResult {}
.editResult:hover {background-color:pink;}

.modalRun {
    position:fixed;
    top:0px;
    left:0px;
    background-color:rgb(20,20,20);
    padding:1vh 1vw 2vh 1vw;
    width:100vw;
    height:100vh;
    display:none;
    z-index:10;
}
.modalRunContent {
    background-color:black;
    color:white;
    width:100%;
    height:95%;
}

.rightsidebar {
    position:fixed;
    top:4vh;
    right:-12.5vw;
    width:13vw;
    height:96vh;
    overflow-y:scroll;
    background-color:rgba(150,150,150,0.8);
    border:0.5vw solid rgba(200,200,200,0.9);
    box-shadow:-0.5vw 0px 1vw rgba(0,0,0,0.5);
    display:none;
    padding:0.5vh 0.5vw 0.5vh 0.5vw;
    z-index:50;
}

.righttrigger {
    position:fixed;
    top:0px;
    right:0px;
    padding-top:5px;
    padding-right:5px;
    display:none;
    font-weight:bold;
    font-size:1.5em;
}

.section {
    padding:1vh 1vw 1vh 1vw;
    background-color:rgba(255,255,255,0.1);
    width:100%;
    min-height:25vh;
}

.preview {
    position:   absolute;
    left:       0;
    top:        0;
    width:      100%;
    height:     100%;
    z-index:    9998;
    background-color:black;
    color:      white;
    padding:3vh 1vw 1vh 1vw;
    display:none;
    text-align:center;
}

.working {
    position:   absolute;
    left:       0px;
    top:        0px;
    width:      100%;
    height:     100%;
    opacity:    .5;
    z-index:    9999;
    background-color:white;
    color:      black;
    font-size:  3em;
    font-weight:bold;
    text-align: center;
    background-image: url("../images/clock.gif");
    background-size: 300px 300px;
    background-repeat:  no-repeat;
    background-position: center; 
    display:none;
}

.rowselect {cursor:pointer;}
.rowselect:hover {background-color:rgba(0,0,0,0.1);}

.lineselect {
    cursor:pointer; 
    color:rgb(80,80,80); 
    background-color:rgba(255,255,255,0.6);
    padding:1vh 0 1vh 0;
    box-shadow:0px 1px 6px black;
}
.lineselect:hover {color:black;}

.sections {
    width:100%;
    background-color:rgba(255,255,255,0.6);
    box-shadow:0px 1px 6px black;
    padding:0 0 2vh 0;
}

/* Entry System Page */
.eWindow {
    background-color:silver;
    padding:1vh 0.5vw 0.5vh 0.5vw;
    box-shadow:0 1px 2px black inset;
    min-height:30vh;
}

.eFrame {
    width:100%;
    text-align:center;
    padding:0 0 1vh 0;
    opacity:0.8;}
.eContent {
    width:100%;
    text-align:center;
    background-color:rgba(0,0,0,0.4);
    padding:0.5vh 0 0.5vh 0;
    box-shadow: 1px 3px 5px black;
}

.eFrame:hover {opacity:1;}

.eTitle {width:100%;text-align:center;height:3vh;}
.eDelete {position:absolute;top:1vh;right:3vw; font-size:0.8em;}
.eDeclare {position:absolute;top:0.5vh;left:1.5vw; font-size:0.7em;}
.eCritique {position:absolute;bottom:0.5vh;right:1vw; font-size:1em;text-align:right;}

.eUsed  {
    position:absolute;
    top:0.5vh;
    left:1vw;
    background-color:black;
    color:white;
    font-size:calc(.7 * (1.5vh + 0.6vw));
    font-weight:bold; 
    padding:1px 5px 1px 5px;
    min-width:3vh;
    text-align:center;
    opacity:0.7;
    border-radius:5px;
}

.eAccept {
    position:absolute;
    top:0.5vh;
    right:1vw;
    background-color:green;
    color:white;
    font-size:calc(.7 * (1.5vh + 0.6vw));
    font-weight:bold; 
    padding:1px 5px 1px 5px;
    min-width:3vh;
    text-align:center;
    opacity:0.7;
    border-radius:5px;
}

.eAwards {
    position:absolute;
    top:calc(1.6 * (1.5vh + 0.6vw));
    right:1vw;
    min-width:3vh;
    background-color:orangered;
    color:white;
    font-size:calc(.7 * (1.5vh + 0.6vw));
    font-weight:bold;
    padding:1px 5px 1px 5px;  
    text-align:center;
    opacity:0.7;
    border-radius:5px;
}

.eShare {
    position:absolute;
    bottom:0px;
    right:0px;
    padding:1px 5px 1px 5px;
    text-align:center;
    opacity:1;
    border-radius:5px;
    color:white;
    font-size:0.8em;
    background-color:#3b5998;
    cursor:pointer;
}

.eAward {
    position:absolute;
    bottom:1.5vh;
    left:0;
    width:100%;
    text-align:center;
    padding:0 20% 0 20%;
}

.eAwardContent {
    background-color:red;
    color:white;
    font-size:calc(.6 * (1.5vh + 1vw));
    font-weight:bold;
    padding:1px 5px 1px 5px;   
    border-radius:5px;
    opacity:0.5;
}

.eYear {
    position:absolute;
    bottom:1.5vh;
    left:1.5vw;
    background-color:grey;
    color:white;
    font-size:calc(.6 * (1.5vh + 0.6vw));
    font-weight:bold;
    padding:1px 5px 1px 5px;
    min-width:3vh;
    text-align:center;
    opacity:0.7;
    border-radius:5px;
}

.eDelete {
    position:absolute;
    top:0.5vh;
    right:1vw;
    background-color:red;
    color:white;
    font-size:calc(.8 * (1.5vh + 0.6vw));
    font-weight:bold; 
    padding:5px 5px 5px 5px;
    min-width:3vh;
    text-align:center;
    opacity:0.9;
    border-radius:5px;
    z-index:1;
}

.eDelete:hover {
    background-color:white;
    color:red;  
}


.navBtn {
    padding:0.5vh 0.5vw 0.5vh 0.5vw;
    font-size:calc(1.2 * (1.5vh + 1vw));
    display:inline-block;
    width:16.66%;
}

.navbar {
    padding-top:0;
    padding-bottom:0;
}

.eSimple1 {font-size:1.5vh; width:100%; border:0;}
.eSimple1:focus {outline:none; background-color:rgba(150,255,150,0.5); }

.eSimple2 {font-size:1.5vh; width:100%; border:0;background-color:rgba(100,255,100,0.3);}
.eSimple2:focus {outline:none; background-color:rgba(170,255,170,1); }
.esimple2::placeholder {color:darkred;}

.eSimple3 {font-size:1.5vh; width:100%; border:0;background-color:rgba(100,100,100,0.5);}
.eSimple3:focus {outline:none; background-color:rgba(150,255,150,0.5); }

.imgthumb {
    max-width:100%;
    max-height:100%;
    border:3px solid silver;
}

/* Run System Page */
.showEntries {
    font-size:0.8em;
}

.ijs {
    display:inline-block;
    width:33%;
    height:80%;
    text-align:center;
    background-color:rgba(0,200,0,0.1);
    border:1px solid silver;
    font-size:0.8em;
}

hr.thin {padding:0 0 5px 0;margin:0;border-top:2px solid grey;}
.section {box-shadow:0px 2px 4px black;color:black;}
.optionSpace {padding:1px 1px 3px 1px;}      
.option {background-color:rgba(255,255,255,0.3);font-size:1.1vw;padding:0 0 0 0.5vw;}
.option1 {background-color:rgba(255,225,225,0.4);font-size:1.1vw;padding:0 0 0 0.5vw;} /* Red */
.option2 {background-color:rgba(235,255,235,0.3);font-size:1.1vw;padding:0 0 0 0.5vw;} /* Green */
.option3 {background-color:rgba(200,200,255,0.5);font-size:1.1vw;padding:0 0 0 0.5vw;} /* Blue */
.option4 {background-color:rgba(255,255,200,0.5);font-size:1.1vw;padding:0 0 0 0.5vw;} /* Yellow */
.eStatus {font-size:0.8em;width:100%;padding-top:1vh;}
.eStatusContent {width:100%;padding:1vh 1vw 1vh 1vw;min-height:4vh;background-color:rgba(255,255,255,0.2);}

/* Bootstrap Menu Modification */
.show > .dropdown-menu {
  max-height: 90vh;
  visibility: visible;
}

.dropdown-menu {
  display: block;
  max-height: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  border:1px solid grey;
  box-shadow:0px 3px 3px grey;
  z-index:1000; 
  font-size:calc(.65 * (1.5vh + 1.1vw));
}

.nav-item {
    font-size:calc(.65 * (1.5vh + 1.1vw));
    z-index:2;
/*    min-width:15vw;*/
}
.dropdown-item:hover {color:white; background-color:rgba(0,0,0,0.2);}

.form-control {
    background-color:rgba(0,100,0,0.1);
/*    height:32px;*/
    padding: 2px 2px 2px 5px;
}

.form-control:focus {
    background-color:pink;
}

.btn {
    width:100%;
    box-shadow:0px 1px 3px black;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;

    > .col,
    > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}

.tooltip-inner {
    color: #fff;
    background-color: rgb(0,0,150);
    border-radius: 0 !important;
    box-shadow:2px 2px 5px black;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    border-top-color: rgb(0,0,150);
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    border-right-color: rgb(0,0,150);
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: rgb(0,0,150);
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    border-left-color: rgb(0,0,150);
}

/*Background Pulse Red*/
.pulse {animation:pulse 2s infinite;}

.strobe {animation: strobe 3x infinite;}

.blink {
    animation: blinker 3s infinite;
    color:red;
    font-size:0.9em;
    cursor:pointer;
}
      
@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.1; }
    100% { opacity: 1.0; }
}

@keyframes pulse {
    0%      {background-color: rgba(100,0,0,0.0);}
    10%     {background-color: rgba(100,0,0,0.05);}
    20%     {background-color: rgba(100,0,0,0.1);}
    30%     {background-color: rgba(100,0,0,0.15);}
    40%     {background-color: rgba(100,0,0,0.2);}
    50%     {background-color: rgba(100,0,0,0.25);}
    60%     {background-color: rgba(100,0,0,0.2);}
    70%     {background-color: rgba(100,0,0,0.15);}
    80%     {background-color: rgba(100,0,0,0.1);}
    90%     {background-color: rgba(100,0,0,0.05);}
    100%    {background-color: rgba(100,0,0,0.0);}
}

/* foreground Pulse Green */
.pulselink {
    animation:pulselink 3s infinite;
    text-shadow:1px 1px 1px rgba(0,0,0,0.6);
}

@keyframes pulselink {
    0%      {color: rgba(0,200,0,0.5);}
    10%     {color: rgba(0,210,0,0.6);}
    20%     {color: rgba(0,220,0,0.7);}
    30%     {color: rgba(0,230,0,0.8);}
    40%     {color: rgba(0,240,0,0.9);}
    50%     {color: rgba(0,250,0,1);}
    60%     {color: rgba(0,240,0,0.9);}
    70%     {color: rgba(0,230,0,0.8);}
    80%     {color: rgba(0,220,0,0.7);}
    90%     {color: rgba(0,210,0,0.6);}
    100%    {color: rgba(0,200,0,0.5);}
}

@keyframes strobe {
    0%  {opacity: 1;}
    10% {opacity: 0.9;}
    20% {opacity: 0.7;}
    30% {opacity: 0.5;}
    40% {opacity: 0.3;}
    50% {opacity: 0.1;}
    60% {opacity: 0.3;}
    70% {opacity: 0.5;}
    80% {opacity: 0.7;}
    90% {opacity: 0.9;}
   100% {opacity: 1;}                       
}