/*
Main CSS for Competition Image Management
*/
/* 
    Created on : Oct 1, 2019, 11:00:30 AM
    Author     : Adrian Lines
    Version    : 0
*/

body {  background:                 url("../images/ukcpg.jpg") no-repeat center center fixed;
        -webkit-background-size:    cover; /* For WebKit*/
        -moz-background-size:       cover; /* Mozilla*/
        -o-background-size:         cover; /* Opera*/
        background-size:            cover; /* Generic*/
        alignment-baseline:         center;
}

#menus {background-color:white;}

.fullscreen {
    position:fixed;
    top:0px;
    left:0px;
    background-color:black;
    width:100%;
    height:100%;
    display:none;
    text-align:center;
}

.closeFull {
    position:fixed;
    top:10px;
    right:30px;
    background-color:white;
    color:black;
    opacity:.7;
    font-size:1.5em;
    font-weight:bold;
    border-radius:10px;
    width:35px;
    height:35px;
    padding-left:1px;
}

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

.maincontent {
    height: 100%;
}

.subfoot {
    position: fixed;
    bottom: 70px;
    left:0px;
    width:100%;
    min-height: 70px;
    background-color:whitesmoke;   
    z-index:999;
    opacity:0.5;
}

.mainfooter {
    position: fixed;
    bottom: 0px;
    left:0px;
    width:100%;
    min-height: 70px;
    background-color:silver;
    opacity:0.6;
}

.modal {overflow-y:auto;}

.scroll-text {
    position: fixed;
    top:5px;
    left:25%;
    height: 36px;
    color: grey;
    border: 2px solid white;
    border-radius: 5px;
    padding: 5px;
    width: 65%;
    overflow: hidden;
    font-size:1em;
    font-weight:bold;
}

.scroll-text ul {
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.scroll-text ul li {

}

.btn-wrap-text {
    overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
}

.entryupload {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align: center;
    display: block;
}

.imagetitle {
    position:absolute;
    bottom: 5px;
    left: 0px;
    width: 90%; 
    display: block;
    padding-left:10%;
}

.AVLink {
    position:absolute;
    top: 5px;
    left: 0px;
    width: 90%; 
    display: block;
    padding-left:10%;
}

.ierror {
    position:absolute;
    top: 20px;
    left: 0px;
    width: 100%; 
    z-index: 990;
    display: block;
}

.awardtitle {
    position:absolute;
    top: 10px;
    left: 0px;
    width:100%; 
    display: block;
    font-size:1em;
}

.delete {position:absolute; 
        top: 2px; 
        right: 10px; 
        opacity:1; 
        z-index:300; 
        color:red; 
        font-size:1.2em; }

.deleteicon {color:red;}

.deleteentry {
        position:absolute; 
        bottom: 2px; 
        right: 10px; 
        opacity:1; 
        z-index:9998; 
        color:red; 
        font-size:1.2em;
}

.deletePortfolio {
        position:absolute; 
        bottom: 2px; 
        right: 5px; 
        opacity:.8; 
        z-index:300; 
        color:red; 
        font-size:1.2em;    
}

.enterscore {
        position:absolute; 
        top: 8px; 
        right: 10px; 
        opacity:.8; 
        z-index:9998; 
        color:white; 
        width:15%;
        text-align: center;
        background-color:green;
        border-radius:3px;
        padding: 3px;
        font-weight:bold;
        font-size:.9em;
}

.enteraward {
        position:absolute; 
        top: 8px; 
        left: 20px; 
        opacity:.5; 
        z-index:9998; 
        color:white; 
        width:60%;
        text-align: center;
        background-color:orange;
        border-radius:3px;
        padding: 3px;
        font-weight:bold;
        font-size:.9em;
}

.count {position:absolute; 
        top: 5px; 
        left: 5px; 
        opacity:.8; 
        z-index:97; 
        color:white; 
        width:26px;
        text-align: center;
        background-color:orange;
        border-radius:15px;
        padding: 3px;
        font-weight:bold;
        font-size:.8em; }

.awards {position:absolute; 
        top: 23px; 
        left: 10px; 
        opacity:.8; 
        z-index:99; 
        color:white; 
        width:26px;
        text-align: center;
        background-color:orange;
        border-radius:15px;
        padding: 3px;
        font-weight:bold;
        font-size:.8em; }

.accepts {position:absolute; 
        top: 5px; 
        left: 10px; 
        opacity:.8; 
        z-index:98; 
        color:white; 
        width:26px;
        text-align: center;
        background-color:blue;
        border-radius:15px;
        padding: 3px;
        font-weight:bold;
        font-size:.8em; }

.deletelink {color:pink;}
.deletelink:hover {color:red;}

.edit {
    border:none;
    border-radius: 3px;
    background-color: honeydew;
    box-shadow: 3px 3px 3px whitesmoke;
    width:100%;
    height:30px;
    padding:2px;
    font-weight:bold;
}

.add {
    border:none;
    border-radius: 3px;
    background-color:floralwhite;
    box-shadow: 3px 3px 3px whitesmoke;
    width:100%;
    height:30px;
    padding:2px;
    font-weight:bold;
}

/*style all checkboxes*/
input[type=checkbox] {
    padding-left:5px;
    padding-right:5px;
    border-radius:3px;
    -webkit-appearance:button;
    border:solid 2px greenyellow;
    background-color:honeydew;
    color:grey;
    white-space: nowrap;
    overflow:hidden;
    width:24px;
    height:24px;
}

input[type=checkbox]:checked {
    
    background-color:greenyellow;
    border:solid 2px darkgreen;
}

input[type=checkbox]:hover {
    box-shadow:0px 0px 10px pink;
}

@keyframes shadow-pulse
{
  0% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);}
  100% {box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);}
}

.pulse
{
  margin: 5px;
  width: 90%;
  min-height: 30px;
  color: black;
  background: floralwhite;
  border-radius: 5px;
  animation: shadow-pulse 0.5s 3;
}


.flagNature {position:absolute; top:-49px; right:0px; width:24px; height:24px; z-index:999;}
.flagMono   {position:absolute; top:-25px; right:0px; width:24px; height:24px; z-index:999;}  

input.nature[type='checkbox'] {
-webkit-appearance:none;
width:22px;
height:22px;
background:whitesmoke;
border-radius:0px;
border:1px solid black;
opacity:0.8;
}

input.mono[type='checkbox'] {
-webkit-appearance:none;
width:22px;
height:22px;
background:whitesmoke;
border-radius:0px;
border:1px solid black;
opacity:0.8;
}

input.nature[type='checkbox']:checked {
background-image: url("../images/nature.png"); 
background-size:18px 18px;
background-repeat:no-repeat;
background-position:center;
background-color: mintcream;
}

input.mono[type='checkbox']:checked {
background-image: url("../images/mono.png"); 
background-size:18px 18px;
background-repeat:no-repeat;
background-position:center;
background-color: mintcream;
}