/* Default CSS Stylesheet for a new Web Application project */

body   { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color:#ffffff; color:#1f1f1f; overflow-x:hidden; padding:0px; margin:0px }
/*body   { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }*/

p   { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

/*td   { font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }*/

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #640000;
}
H1	{	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:	2em;
    font-weight:	700;
    font-style:	normal;
    text-decoration:	none;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
}	

H2	{	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:	1.75em;
    font-weight:	700;
    font-style:	normal;
    text-decoration:	none;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
}	

H3	{	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:	1.58em;
    font-weight:	500;
    font-style:	normal;
    text-decoration:	none;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
}	

H4	{	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:	1.33em;
    font-weight:	500;
    text-decoration:	none;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
}	

H5, DT	{	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:	1em;
    font-weight:	700;
    font-style:	normal;
    text-decoration:	none;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
}	

H6	{	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:	.8em;
    font-weight:	700;
    font-style:	normal;
    text-decoration:	none;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
}	

TFOOT, THEAD	{	
    font-size:	1em;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
    font-family: Arial, Helvetica, sans-serif;
}	

TH	{	
    vertical-align:	baseline;
    font-size:	1em;
    font-weight:	bold;
    word-spacing:	normal;
    letter-spacing:	normal;
    text-transform:	none;
    font-family: Arial, Helvetica, sans-serif;
}	

a:link { color: #640000 }
a:visited  { color: #640000 }
.sidemenu { color: #ffffff; background-color: #afdfff; font-weight: bold; font-size: 14px; padding: 8px }

a.prodcomplete:link {color: #00AF00}
a.prodcomplete:visited {color: #00AF00}
a.prodcomplete:active {color: #00AF00}
a.prodcomplete:hover {color: #00AF00}
a.prodincomplete:link {color: #FF0000}
a.prodincomplete:visited {color: #FF0000}
a.prodincomplete:active {color: #FF0000}
a.prodincomplete:hover {color: #FF0000}

p.prodcomplete {color: #00AF00}
p.prodincomplete {color: #FF0000}



SMALL	{	
    font-size:	.7em;
}	

BIG	{	
    font-size:	1.17em;
}	

BLOCKQUOTE, PRE	{	
    font-family:	Courier New, monospace;
}	


UL LI	{	
    list-style-type:	square ;
}	

UL LI LI	{	
    list-style-type:	disc;
}	

UL LI LI LI	{	
    list-style-type:	circle;
}	

OL LI	{	
    list-style-type:	decimal;
}	

OL OL LI	{	
    list-style-type:	lower-alpha;
}	

OL OL OL LI	{	
    list-style-type:	lower-roman;
}	

/* this is for the main container of the table, also sets the height of the fixed header row */
.headercontainer {
    position: relative;
    /*border: 1px solid #222;*/
    padding-top: 37px;
    /*background: #000;*/
}
/* this is for the data area that is scrollable */
.tablecontainer {
    overflow-y: auto;
    height: 400px;
    /*height: calc(100% - 600px);*/
    /*background: #fff;*/
}

/* remove default cell borders and ensures table width 100% of its container*/
.tablecontainer table {
    border-spacing: 0;
    width:100%;
}

/* add a thin border to the left of cells, but not the first */
.tablecontainer td + td {
    /*border-left:1px solid #eee; */
}

/* cell padding and bottom border */
.tablecontainer td, th {
    /*border-bottom:1px solid #eee;*/
    padding: 10px;
}

/* make the default header height 0 and make text invisible */
.tablecontainer th {
    height: 0px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
    visibility: hidden;
    white-space: nowrap;
}

/* reposition the divs in the header cells and place in the blank area of the headercontainer */
.tablecontainer th div{
    visibility: visible;
    position: absolute;
    /*background: #000;
    color: #fff;*/
    padding: 9px 10px;
    top: 0;
    margin-left: -10px;
    line-height: normal;
    /*border-left: 1px solid #222;*/
}
/* prevent the left border from above appearing in first div header */
th:first-child div{
    border: none;
}

/* alternate colors for rows */
.tablecontainer tbody  tr:nth-child(even){
    /*background-color: #ddd;*/
}

input[type=text], input[type=password], textarea, select {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
    outline: none;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #9f7f7f;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
    box-shadow: 0 0 5px rgba(238, 103, 81, 1);
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid rgba(238, 103, 81, 1);
}

table.normalgrid {
    padding:0px;
    border:1px solid #000000;
    border-collapse:collapse;
}
table.normalgrid > thead > tr > th,
table.normalgrid > thead > tr > td,
table.normalgrid > tbody > tr > th,
table.normalgrid > tbody > tr > td,
table.normalgrid > tfoot > tr > th,
table.normalgrid > tfoot > tr > td,
table.normalgrid > tr > th,
table.normalgrid > tr > td {
    border:1px solid #7f7f7f;
    padding:3px;
}
table.normalgrid > thead:first-child > tr:first-child > th,
table.normalgrid > thead:first-child > tr:first-child > td,
table.normalgrid > tbody:first-child > tr:first-child > th,
table.normalgrid > tbody:first-child > tr:first-child > td,
table.normalgrid > tfoot:first-child > tr:first-child > th,
table.normalgrid > tfoot:first-child > tr:first-child > td,
table.normalgrid > tr:first-child > th,
table.normalgrid > tr:first-child > td {
    border-top:0;
}
table.normalgrid > thead:last-child > tr:last-child > th,
table.normalgrid > thead:last-child > tr:last-child > td,
table.normalgrid > tbody:last-child > tr:last-child > th,
table.normalgrid > tbody:last-child > tr:last-child > td,
table.normalgrid > tfoot:last-child > tr:last-child > th,
table.normalgrid > tfoot:last-child > tr:last-child > td,
table.normalgrid > tr:last-child > th,
table.normalgrid > tr:last-child > td {
    border-bottom:0;
}
table.normalgrid > thead > tr > th:first-child,
table.normalgrid > thead > tr > td:first-child,
table.normalgrid > tbody > tr > th:first-child,
table.normalgrid > tbody > tr > td:first-child,
table.normalgrid > tfoot > tr > th:first-child,
table.normalgrid > tfoot > tr > td:first-child,
table.normalgrid > tr > th:first-child,
table.normalgrid > tr > td:first-child {
    border-left:0;
}
table.normalgrid > thead > tr > th:last-child,
table.normalgrid > thead > tr > td:last-child,
table.normalgrid > tbody > tr > th:last-child,
table.normalgrid > tbody > tr > td:last-child,
table.normalgrid > tfoot > tr > th:last-child,
table.normalgrid > tfoot > tr > td:last-child,
table.normalgrid > tr > th:last-child,
table.normalgrid > tr > td:last-child {
    border-right:0;
}

table.normalnogrid {
    padding:0px;
}
table.normalnogrid > thead > tr > th,
table.normalnogrid > thead > tr > td,
table.normalnogrid > tbody > tr > th,
table.normalnogrid > tbody > tr > td,
table.normalnogrid > tfoot > tr > th,
table.normalnogrid > tfoot > tr > td,
table.normalnogrid > tr > th,
table.normalnogrid > tr > td {
    border:solid 0px #3f3f3f;
    padding:3px;
}

tr.normalgridrow {
}
tr.normalgridrow > th,
tr.normalgridrow > td {
    border:solid 1px #3f3f3f;
    padding:3px;
}

tr.normalnogridrow {
}
tr.normalnogridrow > th,
tr.normalnogridrow > td {
    border:solid 0px #3f3f3f;
    padding:3px;
}

table.grid {
    padding:0px;
    border:1px solid #000000;
    border-collapse:collapse;
}
table.grid > thead > tr > th,
table.grid > thead > tr > td,
table.grid > tbody > tr > th,
table.grid > tbody > tr > td,
table.grid > tfoot > tr > th,
table.grid > tfoot > tr > td,
table.grid > tr > th,
table.grid > tr > td {
    border:1px solid #3f3f3f;
    padding:var(--cellpadding);
}
table.grid > thead:first-child > tr:first-child > th,
table.grid > thead:first-child > tr:first-child > td,
table.grid > tbody:first-child > tr:first-child > th,
table.grid > tbody:first-child > tr:first-child > td,
table.grid > tfoot:first-child > tr:first-child > th,
table.grid > tfoot:first-child > tr:first-child > td,
table.grid > tr:first-child > th,
table.grid > tr:first-child > td {
    border-top:0;
}
table.grid > thead:last-child > tr:last-child > th,
table.grid > thead:last-child > tr:last-child > td,
table.grid > tbody:last-child > tr:last-child > th,
table.grid > tbody:last-child > tr:last-child > td,
table.grid > tfoot:last-child > tr:last-child > th,
table.grid > tfoot:last-child > tr:last-child > td,
table.grid > tr:last-child > th,
table.grid > tr:last-child > td {
    border-bottom:0;
}
table.grid > thead > tr > th:first-child,
table.grid > thead > tr > td:first-child,
table.grid > tbody > tr > th:first-child,
table.grid > tbody > tr > td:first-child,
table.grid > tfoot > tr > th:first-child,
table.grid > tfoot > tr > td:first-child,
table.grid > tr > th:first-child,
table.grid > tr > td:first-child {
    border-left:0;
}
table.grid > thead > tr > th:last-child,
table.grid > thead > tr > td:last-child,
table.grid > tbody > tr > th:last-child,
table.grid > tbody > tr > td:last-child,
table.grid > tfoot > tr > th:last-child,
table.grid > tfoot > tr > td:last-child,
table.grid > tr > th:last-child,
table.grid > tr > td:last-child {
    border-right:0;
}

table.nogrid {
    border-collapse:collapse;
}
table.nogrid > thead > tr > th,
table.nogrid > thead > tr > td,
table.nogrid > tbody > tr > th,
table.nogrid > tbody > tr > td,
table.nogrid > tfoot > tr > th,
table.nogrid > tfoot > tr > td,
table.nogrid > tr > th,
table.nogrid > tr > td {
    border:solid 0px #3f3f3f;
    padding:var(--cellpadding);
}

table.valigntop {
}
table.valigntop > thead > tr > th,
table.valigntop > thead > tr > td,
table.valigntop > tbody > tr > th,
table.valigntop > tbody > tr > td,
table.valigntop > tfoot > tr > th,
table.valigntop > tfoot > tr > td,
table.valigntop > tr > th,
table.valigntop > tr > td {
    vertical-align:top;
}

tr.valigntop {
}
tr.valigntop > th,
tr.valigntop > td {
    vertical-align:top;
}

tr.valignmiddle {
}
tr.valignmiddle > th,
tr.valignmiddle > td {
    vertical-align:middle;
}

tr.valignbottom {
}
tr.valignbottom > th,
tr.valignbottom > td {
    vertical-align:bottom;
}

table.border {
    border:var(--border);
}
table.border > thead > tr > th,
table.border > thead > tr > td,
table.border > tbody > tr > th,
table.border > tbody > tr > td,
table.border > tfoot > tr > th,
table.border > tfoot > tr > td,
table.border > tr > th,
table.border > tr > td {
    border:var(--border);
}

table.cellpadding {
}
table.cellpadding > thead > tr > th,
table.cellpadding > thead > tr > td,
table.cellpadding > tbody > tr > th,
table.cellpadding > tbody > tr > td,
table.cellpadding > tfoot > tr > th,
table.cellpadding > tfoot > tr > td,
table.cellpadding > tr > th,
table.cellpadding > tr > td {
    padding:var(--cellpadding);
}

table.cellspacing {
    border-spacing:var(--cellspacing);
}

table.fontsize {
}
table.fontsize > thead > tr > th,
table.fontsize > thead > tr > td,
table.fontsize > tbody > tr > th,
table.fontsize > tbody > tr > td,
table.fontsize > tfoot > tr > th,
table.fontsize > tfoot > tr > td,
table.fontsize > tr > th,
table.fontsize > tr > td {
    font-size:var(--fontsize);
}

table.fontfamily {
}
table.fontfamily > thead > tr > th,
table.fontfamily > thead > tr > td,
table.fontfamily > tbody > tr > th,
table.fontfamily > tbody > tr > td,
table.fontfamily > tfoot > tr > th,
table.fontfamily > tfoot > tr > td,
table.fontfamily > tr > th,
table.fontfamily > tr > td {
    font-family:var(--fontfamily);
}

a.redgradientbutton {
    text-decoration:none;
}

a.redgradientbutton > div {
    display:inline-block;
    padding:4px;
    color:#7f0000;
    border:1px solid #7f0000;
    background-image:linear-gradient(0deg, #ffefef, #ffafaf);
    border-radius:4px;
    transition:color 0.5s;
    -webkit-transition:color 0.5s;
}

a.redgradientbutton:hover > div {
    color:#ff0000;
}

a.greengradientbutton {
    text-decoration:none;
}

a.greengradientbutton > div {
    display:inline-block;
    padding:4px;
    color:#007f00;
    border:1px solid #007f00;
    background-image:linear-gradient(0deg, #efffef, #afffaf);
    border-radius:4px;
    transition:color 0.5s;
    -webkit-transition:color 0.5s;
}

a.greengradientbutton:hover > div {
    color:#00ff00;
}

a.bluegradientbutton {
    text-decoration:none;
}

a.bluegradientbutton > div {
    display:inline-block;
    padding:4px;
    color:#00007f;
    border:1px solid #00007f;
    background-image:linear-gradient(0deg, #efefff, #afafff);
    border-radius:4px;
    transition:color 0.5s;
    -webkit-transition:color 0.5s;
}

a.bluegradientbutton:hover > div {
    color:#0000ff;
}

a.greygradientbutton {
    text-decoration:none;
}

a.greygradientbutton > div {
    display:inline-block;
    padding:4px;
    color:#3f3f3f;
    border:1px solid #7f7f7f;
    background-image:linear-gradient(0deg, #ffffff, #cfcfcf);
    border-radius:4px;
    transition:color 0.5s;
    -webkit-transition:color 0.5s;
}

a.greygradientbutton:hover > div {
    color:#7f7f7f;
}

a.gradientbutton {
    text-decoration:none;
}

a.gradientbutton > div {
    display:inline-block;
    padding:4px;
    color:#7f0000;
    border:1px solid #7f0000;
    background-image:linear-gradient(0deg, #ffefef, #ffafaf);
    border-radius:4px;
    transition:color 0.5s;
    -webkit-transition:color 0.5s;
}

a.gradientbutton:hover > div {
    color:#ff0000;
    box-shadow: 0 0 10px rgba(238, 103, 81, 1);
}

div.gradientbutton {
    display:inline-block;
    padding:4px;
    color:#7f0000;
    border:1px solid #7f0000;
    background-image:linear-gradient(0deg, #ffefef, #ffafaf);
    border-radius:4px;
    transition:color 0.5s;
    -webkit-transition:color 0.5s;
}

div.gradientbutton:hover {
    color:#ff0000;
    box-shadow: 0 0 10px rgba(238, 103, 81, 1);
}

div.gradientbutton > a {
    text-decoration:none;
}

a.leftmenulink {
    text-decoration:none;
}

a.leftmenulink > div {
    display:block;
    padding:4px;
    padding-left:28px;
    color:#7f0000;
}

a.leftmenulink:hover > div {
    color:#ff0000;
    background-color:#ffafaf;
}

a.leftmenulinkselected {
    text-decoration:none;
    font-weight:bold;
}

a.leftmenulinkselected > div {
    display:block;
    padding:4px;
    padding-left:28px;
    color:#7f0000;
    background-color:#ffdfdf;
}

a.leftmenulinkselected:hover > div {
    color:#ff0000;
    background-color:#ffafaf;
}

a.textlink {
}

a.textlink > div {
    display:inline-block;
    padding-top:4px;
    padding-bottom:4px;
    color:#7f0000;
    text-decoration:underline;
}

a.textlink:hover > div {
    color:#ff0000;
    background-color:#ffafaf;
}

a.imglink {

}

a.imglink > img {
    margin:12px;
}

a.imglink:hover > img {
    box-shadow: 0 0 12px #9f0000;
}

.gallerydiv {
    background-color:#CFCFCF;
    border:none;
}
.gallerydiv:hover {
    background-color:#FFFFFF;
    border:1px solid #CFCFCF;
}

div.banner {
    background-color:#FF7F8F;
    color:white;
    font-size:18px;
    font-weight:bold;
    margin-top:12px;
    margin-bottom:12px;
    padding:12px;
    border-radius:4px;
}

div.panel {
    vertical-align:top;
    position: relative;
    display:inline-block;
    margin:12px;
    padding:12px;
    background-color:#DFDFDF;
    border-radius:12px;
}


td.gallerybuttonlink, a.gallerybuttonlink {
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    padding-top:6px;
    padding-bottom:6px;
    padding-left:12px;
    padding-right:12px;
    border:1px solid #CFCFCF;
    border-radius:8px;
    background-color:#CFCFCF;
    opacity:1;
    transition: opacity 500ms;
}

a.widebluebutton {
    /*position:absolute;*/
    text-decoration:none;
}
a.widebluebutton > div {
    width:200px;
    background-color:blue;
    color:white;
    padding:8px;
    text-align:center;
    margin:4px;
    border-radius:8px;
    font-size:14px;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
}
a.widebluebutton:hover > div {
    background-color:#007fff;
}

a.widepurplebutton {
    /*position:absolute;*/
    text-decoration:none;
}
a.widepurplebutton > div {
    width:200px;
    background-color:purple;
    color:white;
    padding:8px;
    text-align:center;
    margin:4px;
    border-radius:8px;
    font-size:14px;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
}
a.widepurplebutton:hover > div {
    background-color:#af3faf;
}

a.wideredbutton {
    /*position:absolute;*/
    text-decoration:none;
}
a.wideredbutton > div {
    width:200px;
    background-color:red;
    color:white;
    padding:8px;
    text-align:center;
    margin:4px;
    border-radius:8px;
    font-size:14px;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
}
a.wideredbutton:hover > div {
    background-color:#ff3f3f;
}

a.widegreenbutton {
    /*position:absolute;*/
    text-decoration:none;
}
a.widegreenbutton > div {
    width:200px;
    background-color:green;
    color:white;
    padding:8px;
    text-align:center;
    margin:4px;
    border-radius:8px;
    font-size:14px;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
}
a.widegreenbutton:hover > div {
    background-color:#00ff7f;
}

a.widecyanbutton {
    /*position:absolute;*/
    text-decoration:none;
}
a.widecyanbutton > div {
    width:200px;
    background-color:#007f7f;
    color:white;
    padding:8px;
    text-align:center;
    margin:4px;
    border-radius:8px;
    font-size:14px;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
}
a.widecyanbutton:hover > div {
    background-color:#00cfcf;
}

a.widegreybutton {
    /*position:absolute;*/
    text-decoration:none;
}
a.widegreybutton > div {
    width:200px;
    background-color:#9f9f9f;
    color:white;
    padding:8px;
    text-align:center;
    margin:4px;
    border-radius:8px;
    font-size:14px;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
}
a.widegreybutton:hover > div {
    background-color:#bfbfbf;
}

a.pinkspanbutton {
    text-decoration:none;
}
a.pinkspanbutton > span {
    background-color:#FFAFAF;
    padding:8px;
    margin:4px;
    border-radius:8px;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
}
a.pinkspanbutton:hover > span {
    background-color:#ffcfcf;
}

td.topmenutd > a > div:hover > span {
    box-shadow: 0 0 12px #ffffff;
    font-weight:bold;
}

.horizontalscroller::-webkit-scrollbar {
    height:20px;
}

.horizontalscroller::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}

.horizontalscroller::-webkit-scrollbar-thumb {
    background: #7f0000; 
    border-radius: 10px;
}


div.pinkshadowbox {
    display:inline-block;
    border:1px solid black;
    border-radius:8px;
    box-shadow:5px 5px #afafaf;
    background-color:#ffefdf;
    padding:12px        
}

div.pinkbox {
    display:inline-block;
    border:1px solid black;
    border-radius:8px;
    background-color:#ffefdf;
    padding:12px        
}      

span.fancyradiobutton {
    border:1px solid grey;
    background-color:#ffefdf;
    padding:8px;
    margin:4px;
    white-space:nowrap;border-radius:8px;
    line-height:300%;
}

span.fancycheckbox {
    border:1px solid grey;
    background-color:#ffefdf;
    padding:8px;
    margin:4px;
    white-space:nowrap;
    border-radius:8px;
    line-height:300%;
}

.ui-slider {
    position: relative;
    text-align: left;
    border:1px solid #afafaf;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    border-radius:1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    background-color:#ffaaaa;
    border:1px solid #7f7f7f;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background-color:#ddaaaa;
    border:1px solid #7f7f7f;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

select.submenuselect {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 95%;
    max-width: 95%; 
    box-sizing: border-box;
    margin-right:8px;
    border: none;
    box-shadow: 0 0 5px rgba(238, 103, 81, 1);
    border-radius: 4px;
    background-color: #ffffff;
    background-image:linear-gradient(0deg, #ffefef, #ffafaf);
}

select.submenuselect option, select.submenuselect optgroup {
    font-weight:normal;
    background-color:#ffefef;
    border:none;
}

div.thinmenuoption {
    display:flex;
    text-align:center;
    align-items:center;
    padding-left:8px;
    padding-right:8px;
    border:none;
}

.searchresult .searchresultoptionname {
    background-color:#0f9f9f;
    color:#ffffff;
}

.searchresult .searchresultoptionmessage {
    background-color:#0f0f6f;
    color:#ffffff;
}

.searchresult .searchresultoptionchat {
    background-color:#0f6f0f;
    color:#ffffff;
}

a.bottomlink > div {
    display:flex;
    padding:8px;
}

a.bottomlink:hover div {
    background-color:#ffe7e7;
}

.contacttable > tbody > tr:nth-child(even) {background: #e7e7e7; }
.contacttable > tbody > tr:nth-child(odd) {background: #ffffff; }

.userwizardmenu:hover {
    background-color:#ffffff;
}

.errormsg {
    color: red;
    font-size: large;
}

div.chatlistentry {
    margin-top:8px;
    padding:8px;
    background-image:linear-gradient(0deg, #d22519, #a72022);
    border:1px solid #7f5f3f;
    border-radius:8px;
    box-shadow:2px 2px 2px 2px #3f3f3f;
    color:white;
}
div.chatlistentry a {
    color:white;
    text-decoration:none;
}

div.chatlistentryselected {
    margin-top:8px;
    padding:8px;
    background-image:linear-gradient(0deg, #ffefef, #ffafaf);
    border:1px solid #7f5f3f;
    border-radius:8px;
    box-shadow:2px 2px 2px 2px #3f3f3f;
    color:#4f1f1f;
}

div.chatlistentryselected a {
    color:#4f1f1f;
    text-decoration:none;
}

.blur {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
}