/*
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-2020, 11:25:04
    Author     : adrianlines
*/

body {  background:                 url("../images/ukcpg.jpg") no-repeat center center fixed;
        background-color:           #000000;
        -webkit-background-size:    cover; /* For WebKit*/
        -moz-background-size:       cover; /* Mozilla*/
        -o-background-size:         cover; /* Opera*/
        background-size:            cover; /* Generic*/
        font-size:                  10pt;
        color:                      darkred;
        alignment-baseline:         center;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
}

::-webkit-scrollbar {
    display: none;
}

input[type='checkbox'] {
-webkit-appearance:none;
width: 22px;
height: 22px;
background:gainsboro;
border-radius:4px;
border: 1px solid darkgreen;
vertical-align:middle;
}

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

.edit {
    width:100%;
}

.background {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: url("../images/gallerynew.jpg") no-repeat center center fixed;
    background-color:white;
    -webkit-background-size:    cover; /* For WebKit*/
    -moz-background-size:       cover; /* Mozilla*/
    -o-background-size:         cover; /* Opera*/
    background-size:            cover; /* Generic*/
    display:none;
}

.info {opacity:0.3;}
.info:hover {opacity:1;}

.workarea {
    background-color:whitesmoke;
    border:1px solid black;
    height:50vh;
    width:100%;
    padding:2vw;
    overflow-y: scroll;
}

.smalldialogue {
    position:absolute;
    width:50%;
    left:25%;
    top:25%;
    background-color:white;
    color:black;
    border:2px solid black;
    box-shadow: 0px 0px 50px black;
    display:none;
}

.boxcontainer {
    opacity:.7;
    padding:1vw;
    height:33vh;
    width:100%;
}

.boxcontainer:hover {opacity:1;}

.boxcontainersm {
    opacity:.9;
    padding:.5vw;
    width:100%;
}

.boxcontainersm:hover {opacity:1;}

.box1 {display:none; padding:3vh 2vw 4vh 2vw;height:100%;width:100%;background-color:whitesmoke; box-shadow: 0px 5px 10px black;}
.box2 {display:none; padding:3vh 2vw 4vh 2vw;height:100%;width:100%;background-color:whitesmoke; box-shadow: 0px 5px 10px black;}
.box3 {display:none; padding:3vh 2vw 4vh 2vw;height:100%;width:100%;background-color:whitesmoke; box-shadow: 0px 5px 10px black;}
.box4 {display:none; padding:3vh 2vw 4vh 2vw;height:100%;width:100%;background-color:whitesmoke; box-shadow: 0px 5px 10px black;}

.box  {padding:.5vw;height:100%;width:100%;background-color:white;}

.show {
    display:none;
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background-color:white;
    padding:5%;
    overflow-y:scroll;
}

.fullscreen {
    display:none;
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background-color:black;
    padding:2%;
    z-index:9999;
}

.instructions {
/*    display:none;*/
    position:fixed; 
    top:0px; 
    left:0px; 
    width:100vw; 
    height:100vh; 
    background-color:white;
    color:black;
    padding:2%;
    font-size:2.2vh;
}

.banner {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    color: whitesmoke;
    text-align:center;
    font-size:2em;
    font-weight:bold;
    text-shadow:1px 1px 4px black;
}

.logo {
    position:fixed;
    padding:1vw;
    right:0px;
    bottom:0px;
    z-index:9998;
}
.linkit {
    cursor: pointer; 
    font-weight:bold; 
    font-size:1em;
    padding:5px 0px 0px 0px;
    background-color:whitesmoke;
    border:5px solid white;
    color:grey;
}

.linkit:hover {
    color:white;
    text-shadow:1px 1px 3px blue;

}