@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300&display=swap');

body { margin-top: 5px; background-color: #FFFFFF; }
div.all { width: 1247px; max-width: 1247px; min-width: 640px; margin-left:auto; margin-right:auto; background-color: #FFFFFF; }
div.allmodal { width: 100%; margin-left:auto; margin-right:auto; background-color: #FFFFFF; }
div.allpublic { width: 100%; min-width: 640px; max-width: 1247px; margin-left:auto; margin-right:auto; background-color: #FFFFFF; }

table.all { width: 100%; }

div.header { text-align: left; }
div.content { width: 100%; }

div.footer { width: 1247px; max-width: 1247px; margin-left:auto; margin-right:auto; background-color: #FFFFFF; border-top: 6px solid #999999; border-bottom: 1px solid #999999; }
div.footerpublic { width: 100%; min-width:320px; max-width: 1247px; margin-left:auto; margin-right:auto; background-color: #FFFFFF; border-top: 6px solid #999999; }
td.loginheader { padding-top: 5px; padding-right: 15px; }

td { font-family: Tahoma; font-size: 10pt; padding: 5px; border-spacing: 0px; }

h1 { 
/* background: -webkit-linear-gradient(#04A6F5, #CCCCCC); */
/* background-color: #FFFFFF; */
/* font-family: Tahoma; */
/* font-size: 18pt; */
font-family: 'Teko', sans-serif; font-size: 4vw;
color: #666666; 
font-weight: normal; 
margin-top:0px; 
margin-bottom:10px; 
padding: 8px;
border-radius: 5px;
}

div.filters {
margin: 0 auto;
display: inline-block;
border: 1px solid #1084F8; 
border-radius: 5px; 
padding-left: 4px; 
padding-right: 4px; 
padding-top: 1px; 
padding-bottom: 1px; 
background-color: #D7D3D3;
}

td.fieldgrey {
border: 2px solid #FFFFFF; 
border-radius: 7px; 
text-transform: uppercase;
font-weight: bold; 
color: #000000; 
background-color:#D7D3D3;
}

td.fieldred {
border-top: 2px solid #FFFFFF; 
border-right: 2px solid #FF0000; 
border-bottom: 2px solid #FFFFFF; 
border-left: 2px solid #FFFFFF; 
border-top-left-radius: 7px; 
border-top-right-radius: 0px; 
border-bottom-right-radius: 0px; 
border-bottom-left-radius: 7px; 
text-transform: uppercase;
font-weight: bold; 
color: #000000; 
background-color:#D7D3D3;
}

h2           { font-family: Tahoma; font-size: 14pt; color: #3A3A3A; font-weight: normal; margin-top:5px; margin-bottom:5px; margin-left: 5px; }
h3           { font-family: Tahoma; font-size: 12pt; color: #3A3A3A; font-weight: normal; margin-top:5px; margin-bottom:5px; margin-left: 5px; }
h4           { font-family: Tahoma; font-size: 20pt; color: #3A3A3A; font-weight: normal; margin-top:15px; margin-bottom:15px; }

a:active     { color: #1084F8; }
a:hover      { color: #FFFFFF; }
a:link       { color: #1084F8; }
a:visited    { color: #1084F8; }

select { font-family: Tahoma; font-size: 10pt; border: solid 1px #3A3A3A; padding: 5px; border-radius: 5px; }
select.responsive { font-family: Tahoma; border: solid 1px #3A3A3A; padding: 5px; border-radius: 5px; }
/* select:focus { color: white; background-color: red; } */
input { font-family: Tahoma; font-size: 10pt; }
input.formbox { padding: 5px; border-radius: 5px; }
input.textbox { border: solid 1px #3A3A3A; padding: 5px; border-radius: 5px; }
textarea { font-family: Tahoma; font-size: 10pt; border: solid 1px #3A3A3A; padding: 5px; border-radius: 5px; }
input.qty { border: solid 1px #3A3A3A; padding: 5px; border-radius: 5px; }

input.button, button.button {
display: inline-block;
outline: none;
cursor: pointer;
border: solid 1px #3A3A3A;
background-color: #FFFFFF;
background-image: url('https://virtuafil.org/images/silverfill.gif');
/* background-repeat:repeat; */
background-repeat: no-repeat; 
background-size: 100% 100%;
text-align: center;
text-decoration: none;
font-family: Tahoma; font-size: 10pt;
color: #3A3A3A;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 5px;
}

input.buttonindicator {
display: inline-block;
outline: none;
/* cursor: none; */
border: solid 1px #3A3A3A;
background-color: #FF0000;
text-align: center;
text-decoration: none;
font-family: Tahoma; 
font-size: 10pt;
font-weight: Bold;
color: #FFFFFF;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 5px;
/* border-top-right-radius: 10px; */
}

input.tab {
display: inline-block;
outline: none;
cursor: pointer;
border-top: solid 1px #3A3A3A;
border-left: solid 1px #3A3A3A;
border-right: solid 1px #3A3A3A;
border-bottom: 0px;
background: #FFFFFF;
background-image: url('https://virtuafil.org/images/silverfill.gif');
background-repeat:repeat;
text-align: center;
text-decoration: none;
font-family: Tahoma; font-size: 10pt; font-weight: Norma;
color: #3A3A3A;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
/* border-radius: 5px; */
border-top-right-radius: 15px;
}

input.tabselected {
display: inline-block;
outline: none;
cursor: pointer;
border-top: solid 0px #3A3A3A;
border-left: solid 0px #3A3A3A;
border-right: solid 0px #3A3A3A;
border-bottom: 0px;
background: #04A6F5;
text-align: center;
text-decoration: none;
font-family: Tahoma; font-size: 10pt; font-weight: Bold;
color: #3A3A3A;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
/* border-radius: 5px; */
border-top-right-radius: 15px;
}

a:link.buttonlink    { color: #3A3A3A; }
a:visited.buttonlink { color: #3A3A3A; }
a:active.buttonlink  { color: #3A3A3A; }
a:hover.buttonlink   { color: #FFFFFF; }
input.button:hover { background: #04A6F5; color: #FFFFFF; }
button.button:hover  { background: #04A6F5; color: #FFFFFF; }

tr.headrow td { height: 30px; color: #FFFFFF; background: #999999; border-bottom: solid 1px #999999; border-right: solid 1px #666666; }
tr.headrow td:first-child {border-left: solid 1px #666666; }
tr.listrow td { height: 30px; background-color: transparent; border-bottom: solid 1px #999999; border-right: solid 1px #999999; }
tr.listrow td:first-child { border-left: solid 1px #999999; }
tr.listrow:hover td { height: 30px; background-color: #D7D3D3; border-right: solid 1px #999999; }

.buttonlink {
display: inline-block;
outline: none;
cursor: pointer;
border: solid 1px #3A3A3A;
background: #FFFFFF;
background-image: url('https://virtuafil.org/images/silverfill.gif');
/* background-repeat:repeat; */
background-repeat: no-repeat; 
background-size: 100% 100%;
text-align: left;
text-decoration: none;
font-family: Tahoma; 
font-size: 10pt;
color: #3A3A3A;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 5px;
}

a:link.buttonlink    { color: #3A3A3A; }
a:visited.buttonlink { color: #3A3A3A; }
a:active.buttonlink  { color: #3A3A3A; }
a:hover.buttonlink   { color: #FFFFFF; }
.buttonlink:hover { background: #04A6F5; color: #FFFFFF; }

/* Focussed elements */
input[type=text]:focus, input[type=date]:focus, input[type=number]:focus, input[type=email]:focus, input[type=file]:focus, input[type=password]:focus, textarea:focus, select:focus {
padding: 5px;
border: 1px solid rgba(16, 132, 248, 1);
border-radius: 5px;
background-color: #E3E3E3;
}


.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.loader {
	position: fixed;
	left: 50%;
	top: 50%;
    width: 400px;
	height: 160px;
	margin-left: -200px; /* Negative half of width.*/
    margin-top: -80px; /* Negative half of height.*/
	z-index: 9999;
	background: url('https://virtuafil.org/images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
	/*border-top: solid 1px #888888;*/
	/*border-left: solid 1px #888888;*/
	box-shadow: 10px 10px 5px #888888;
}

div.footer { 
border-top: 4px solid #3A3A3A; 
/* position: fixed; */
/* bottom: 0px;  */
/* left: 0px; */
width: 100%; 
margin-top: 10px;
/* z-index: 10; */
}

#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#e74c3c;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

.circleblue {
width:24px;
height:24px;
border-radius:12px;
font-size:11px;
font-family: Tahoma;
font-weight: bold;
color:#FFFFFF;
line-height:24px;
text-align:center;
background:#0066CC;
}