/* 
    Created on : 17-Feb-2022, 10:19:18
    Author     : adrianlines
*/

body {
    background-color: silver;
    font-family:Verdana;
    font-size: 12pt;
    color: navy;
    padding:2vh 2vw 2vh 2vw;
    
    height:100%;
    width:100%;
    overflow:hidden;
    
    background: url(background10.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a {color:darkcyan;text-decoration: none;}
a:hover {color:darkorange;}

button {
    -moz-box-shadow:    2px 2px 5px 0px black;
    -webkit-box-shadow: 2px 2px 5px 0px black;
    box-shadow:         2px 2px 5px 0px black;
    width:100%;
}

input[type=submit]{
    -moz-box-shadow:    2px 2px 5px 0px black;
    -webkit-box-shadow: 2px 2px 5px 0px black;
    box-shadow:         2px 2px 5px 0px black;
    width:100%;
}

input[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;
}

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

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

li {padding:2px 2px 2px 2px;}

.btn-light:hover{background-color:darkcyan;color:white;}

.heading {
    font-size:1.5em;
    font-weight:bold;
    color:rgba(0,0,100,1);
}
.subheading {
    font-size:1.1em;
    font-weight:bold;
    color:rgba(0,0,100,0.7);
    padding-bottom:10px;
}

.menu {width:100%;height:5vh;}

.main {
    width:100%;
    height:76vh;
    padding:3vh 3vw 2vh 3vw;
    overflow-y:scroll;
    background-color:rgba(230,230,230,0.4);
}

.footer {
    width:100%;
    padding:1vh 1vw 1vh 1vw;
    font-size:0.8em;
}

.scrollcontent {
    width:100%;
    overflow-y:scroll;
    overflow-x:hidden;
    color:navy;
    background-color:rgba(0,0,0,0.05);
    padding:1vh 1vw 1vh 1vw;
    font-size:0.9em;
}

.detailscontent {
    background-color:whitesmoke;
    padding:0vh 4vw 3vh 4vw;
    max-height:100%;
    min-height:30%;
    overflow-y:scroll;
    box-shadow:0px 12px 10px black;
}

.output {
    position:absolute;
    top:10vh;
    left:5vw;
    width:90vw;
    background-color:whitesmoke;
    padding:1vh 4vw 3vh 4vw;
    max-height:70vh;
    min-height:30%;
    overflow-y:scroll;
    box-shadow:0px 12px 10px black;
    display:none;
}

.annualButtons {display:none;}

.modalcontent {
    background-color:whitesmoke;
    padding:0vh 4vw 3vh 4vw;
    max-height:100%;
    min-height:30%;
    overflow-y:scroll;
    box-shadow:0px 12px 10px black;
}

.modalclose {
    text-align:right;
    color:darkcyan;
    font-weight:normal;
    background-color:whitesmoke;
    cursor:pointer;
    padding:1vh 1vw 0vh 0vw;
}

.modalclose:hover {
    color:darkorange;
}

:root {
    --my-modal-background: rgba(0,0,0,0.5);
    --my-padding: 7vh 7vw 7vh 7vw;
    --my-padding2: 14vh 14vw 14vh 14vw;
}

.modal1 {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--my-modal-background);
    padding:var(--my-padding);
    display:none;
}

.modal2 {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--my-modal-background);
    padding:var(--my-padding);
    display:none;
}

.modal3 {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--my-modal-background);
    padding:var(--my-padding);
    display:none;
}

.modal4 {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--my-modal-background);
    padding:var(--my-padding);
    display:none;
}

.modal5 {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--my-modal-background);
    padding:var(--my-padding);
    display:none;
}

.modal6 {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--my-modal-background);
    padding:var(--my-padding);
    display:none;
}

.modal7 {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--my-modal-background);
    padding:var(--my-padding);
    display:none;
}

.modal8 {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--my-modal-background);
    padding:var(--my-padding);
    display:none;
}

.modal9 {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--my-modal-background);
    padding:var(--my-padding);
    display:none;
}

.editCalendarEvent {
    position:absolute;
    top:35vh;
    left:35vw;
    width:30vw;
    height:30vh;
    display:none;
    z-index:999;
}

.calendarContent {
    padding:1vh 1vw 1vh 1vw;
    background-color:white;
    width:100%;
    min-height:10vh;
    box-shadow: 2px 2px 5px black;
}

.details {
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:var(--my-modal-background);
    padding:var(--my-padding2);
    display:none;
}

.simple {
    color:black;
    border:0;
    width:100%;
    background-color:rgba(255,255,255,0.9);
    padding:2px 1px 2px 5px;
    margin:3px 0px 1px 0px;
    font-size:0.9em;
}

.simple:disabled {
    color:rgba(0,0,0,0.8);
    background-color:rgba(255,255,255,0.7);
}

.simple:readonly {color:silver;}

.hlhover {}
.hlhover:hover {background-color:rgba(0,0,0,0.1);}

.pulse {
    animation:pulse 2s infinite;
}

@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);}
}

.row {padding:2px 0px 2px 0px;}

.hltrash{
    background-color:rgba(255,200,200,0.5);
    border-radius:5px;
    padding:5px;
    width:1.4em;
    height:1.4em;
    font-size:1.2em;
}
.hltrash:hover {background-color:pink;}

.icon-style {
    margin-top:-6px;
    padding:0px 5px 0px 0px;
    border:0;
    width:1.4em;
    height:1.4em;  
    opacity:0.5;
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(170deg) brightness(80%) contrast(97%);
}
.icon-style:hover { 
    filter: invert(46%) sepia(57%) saturate(2897%) hue-rotate(1deg) brightness(103%) contrast(102%);
}

.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("clock.gif");
    background-size: 300px 300px;
    background-repeat:  no-repeat;
    background-position: center; 
    display:none;
}

.uimage {max-width:96%; max-height:100%;padding-top:2%;} 

.ui-autocomplete {max-height: 400px;overflow-y: auto;overflow-x: hidden;font-size: 1em;z-index: 9999 !important;}  

.uploadImage  {height:14vh; width:100%; background-color:rgba(0,0,0,0.8);text-align:center;}
.uploadImage2  {height:14vh; width:100%; background-color:rgba(0,0,0,0.5);text-align:center;}
.uploadTitle  {width:100%;font-size:0.9em;}
.uploadAuthor {width:100%;font-size:0.9em;}

.entrycontain {position:relative;width:100%;height:100%;}
.entryNo {position:absolute; top:1%; left:2%; color:white;  font-weight:bold; padding:2px;}
.score   {position:absolute; top:1%; right:2%; color:white; font-weight:bold; padding:2px; float:right; z-index:9999 !important;}
.awards  {display:inline-block; color:lightyellow; font-weight:bold;}

/*.entryNo {display:inline-block; color:white;  font-weight:bold; padding:2px; float:left;}
.score   {display:inline-block; color:white; font-weight:bold; padding:2px; float:right; z-index:9999 !important;}
.awards  {display:inline-block; color:lightyellow; font-weight:bold;}*/

   
.org {
    display:inline-block;
    font-weight:bold;
    font-style:italic;
    font-size:.8em;
    color:navy;
}

/*Modification to Bootstrap CSS*/

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
  background-color: rgba(100,100,100,0.1);
}

.navbar .navbar-nav > li  {
    line-height:0.8em;
}

.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
  color: lightblue;
  background-color: navy;
}

.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
  color: lightblue;
  background-color: rgba(0,0,255,0.2);
}

.dropdown-divider {
    padding:0;
    margin:0 2px 0 2px;
    opacity:0.1;
}