.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    background-color: #3b4769;
    border-color: #aaaaaa;
    color: #fff;
    text-shadow: none;
}
a.selmenu, a.unselmenu {

    text-shadow: none !important;
}

.notifications a {
    text-decoration: none;

}
a img {
   max-width: 100% !important;
   min-width:80px !important;
}
a:visited {
    color: #ffffff !important;
}
li.selmenu, li.unselmenu, a.selmenu, a.unselmenu {
    border: none !important;
}

.ui-body-e {

   border: none !important;

}

ul.tabmenu {

    margin: 0px !important;

}
.ui-input-text, .ui-input-search {

    margin: none;
    border-width: 0px;
    border-style: none;

}
form {
margin: 10%;
}

a.selmenu {
margin-left: 0px !important;
margin-right: 0px !important;
padding-left:0px;
padding-right:0px;
font-size: 15px !important;
}
a.unselmenu {
margin-left: 0px !important;
margin-right: 0px !important;
padding-left:0px;
padding-right:0px;
font-size: 15px !important;
}
a.ui-link {

text-shadow: none !important;
text-decoration: none;
}

.notifications {
    background-color: #225693;

    padding: 4px;
	color: white;
border: 1px solid #ffffff;

}



.paging {
border-bottom: 0px !important;
border-top: 0px !important;	
text-shadow: none !important;
color: white !important;

background-color: #343f5f !important;
text-align: center !important;
padding-top: 10px;


}



a.selmenu {

    color: #cccccc !important;

}

.ui-navbar li:last-child .ui-btn {
    margin-right: 0px !important;
}

.boxed-area {
background-color: rgba(255,255,255,0.8);
border-radius: 28px;
padding: 20px;
margin: 5px;
text-align: center;
color: #000000 !important;
}

legend {
    margin:0 auto;
}

div.logo {
   background-color: #225693;
   width:100%;


}

div.logo > img {


   width: 100%;
   display: block;
      max-width: 300px;
}

div.logo2 {
    background-color: transparent;

}

div.logo2 > img {

   width: 100%;
}

div.result {
    border: none;
}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    color: #ffffff;

}

.ui-btn {

background-color: #225693 !important;
border-color: #ffffff !important;
color: #ffffff !important;
text-shadow: none !important;
}
.mainpage {
padding-left:10px;
padding-right:10px;
}
 
div.shadedresult {
background-color: #47547a;
color: #c3d8e9 !important;

    border: none;
	text-shadow: none;
	color: #3388cc;
font-weight: bold;
}

.plainlink {
  width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mess-link {
border: 1px solid;
border-radius: 3px;
padding: 10px;
background-color: green;
color: white;
margin: auto;
text-align: center;
margin: auto;
text-align: center;
display: block;
margin-left: 20px;
margin-right: 20px;
}


.animate-area { 
width: 100%; 

background-image: url(https://compengine.azurewebsites.net/FFrevamp/bg.jpg);
background-position: 0px 0px;
background-size: 200%;
padding-bottom: 20px;
  transform: translate3d(0, 0, 0);

animation: animatedBackground 20s linear infinite;
-ms-animation: animatedBackground 20s linear infinite;
-moz-animation: animatedBackground 20s linear infinite;
-webkit-animation: animatedBackground 20s linear infinite;
}
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 200% 0; }
}
@-webkit-keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 200% 0; }
}
@-ms-keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 200% 0; }
}
@-moz-keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 200% 0; }
}

/* E
-----------------------------------------------------------------------------------------------------------*/
/* Bar: Toolbars, dividers, slider track */
.ui-bar-e,
.ui-page-theme-e .ui-bar-inherit,
html .ui-bar-e .ui-bar-inherit,
html .ui-body-e .ui-bar-inherit,
html body .ui-group-theme-e .ui-bar-inherit {
background-color: #e9e9e9 /*{e-bar-background-color}*/;
border-color: #dddddd /*{e-bar-border}*/;
color: #333333 /*{e-bar-color}*/;
text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #eeeeee /*{e-bar-shadow-color}*/;
font-weight: bold;
}
.ui-bar-e {
border-width: 1px;
border-style: solid;
}
/* Page and overlay */
.ui-overlay-e,
.ui-page-theme-e,
.ui-page-theme-e .ui-panel-wrapper {
background-color: #f9f9f9 /*{e-page-background-color}*/;
border-color: #bbbbbb /*{e-page-border}*/;
color: #333333 /*{e-page-color}*/;
text-shadow: 0 /*{e-page-shadow-x}*/ 1px /*{e-page-shadow-y}*/ 0 /*{e-page-shadow-radius}*/ #f3f3f3 /*{e-page-shadow-color}*/;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-e,
.ui-page-theme-e .ui-body-inherit,
html .ui-bar-e .ui-body-inherit,
html .ui-body-e .ui-body-inherit,
html body .ui-group-theme-e .ui-body-inherit,
html .ui-panel-page-container-e {
background-color: #ffffff /*{e-body-background-color}*/;
border-color: #dddddd /*{e-body-border}*/;
color: #333333 /*{e-body-color}*/;
text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #f3f3f3 /*{e-body-shadow-color}*/;
}
.ui-body-e {
border-width: 1px;
border-style: solid;
}
/* Links */
.ui-page-theme-e a,
html .ui-bar-e a,
html .ui-body-e a,
html body .ui-group-theme-e a {
color: #3388cc /*{e-link-color}*/;
font-weight: bold;
}
.ui-page-theme-e a:visited,
html .ui-bar-e a:visited,
html .ui-body-e a:visited,
html body .ui-group-theme-e a:visited {
    color: #3388cc /*{e-link-visited}*/;
}
.ui-page-theme-e a:hover,
html .ui-bar-e a:hover,
html .ui-body-e a:hover,
html body .ui-group-theme-e a:hover {
color: #005599 /*{e-link-hover}*/;
}
.ui-page-theme-e a:active,
html .ui-bar-e a:active,
html .ui-body-e a:active,
html body .ui-group-theme-e a:active {
color: #005599 /*{e-link-active}*/;
}
/* Button up */
.ui-page-theme-e .ui-btn,
html .ui-bar-e .ui-btn,
html .ui-body-e .ui-btn,
html body .ui-group-theme-e .ui-btn,
html head + body .ui-btn.ui-btn-e,
/* Button visited */
.ui-page-theme-e .ui-btn:visited,
html .ui-bar-e .ui-btn:visited,
html .ui-body-e .ui-btn:visited,
html body .ui-group-theme-e .ui-btn:visited,
html head + body .ui-btn.ui-btn-e:visited {
background-color: #225693 /*{e-bup-background-color}*/;
border-color: #ffffff /*{e-bup-border}*/;
color: #ffffff /*{e-bup-color}*/;
text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #444444 /*{e-bup-shadow-color}*/;
}
/* Button hover */
.ui-page-theme-e .ui-btn:hover,
html .ui-bar-e .ui-btn:hover,
html .ui-body-e .ui-btn:hover,
html body .ui-group-theme-e .ui-btn:hover,
html head + body .ui-btn.ui-btn-e:hover {
background-color: #225693 /*{e-bhover-background-color}*/;
border-color: #225693 /*{e-bhover-border}*/;
color: #ffffff /*{e-bhover-color}*/;
text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #444444 /*{e-bhover-shadow-color}*/;
}
/* Button down */
.ui-page-theme-e .ui-btn:active,
html .ui-bar-e .ui-btn:active,
html .ui-body-e .ui-btn:active,
html body .ui-group-theme-e .ui-btn:active,
html head + body .ui-btn.ui-btn-e:active {
background-color: #225693 /*{e-bdown-background-color}*/;
border-color: #225693 /*{e-bdown-border}*/;
color: #ffffff /*{e-bdown-color}*/;
text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #444444 /*{e-bdown-shadow-color}*/;
}
/* Active button */
.ui-page-theme-e .ui-btn.ui-btn-active,
html .ui-bar-e .ui-btn.ui-btn-active,
html .ui-body-e .ui-btn.ui-btn-active,
html body .ui-group-theme-e .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-e.ui-btn-active,
/* Active checkbox icon */
.ui-page-theme-e .ui-checkbox-on:after,
html .ui-bar-e .ui-checkbox-on:after,
html .ui-body-e .ui-checkbox-on:after,
html body .ui-group-theme-e .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-e:after,
/* Active flipswitch background */
.ui-page-theme-e .ui-flipswitch-active,
html .ui-bar-e .ui-flipswitch-active,
html .ui-body-e .ui-flipswitch-active,
html body .ui-group-theme-e .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-e.ui-flipswitch-active,
/* Active slider track */
.ui-page-theme-e .ui-slider-track .ui-btn-active,
html .ui-bar-e .ui-slider-track .ui-btn-active,
html .ui-body-e .ui-slider-track .ui-btn-active,
html body .ui-group-theme-e .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-e .ui-btn-active {
background-color: #225693 /*{e-active-background-color}*/;
border-color: #225693 /*{e-active-border}*/;
color: #ffffff /*{e-active-color}*/;
text-shadow: 0 /*{e-active-shadow-x}*/ 1px /*{e-active-shadow-y}*/ 0 /*{e-active-shadow-radius}*/ #444444 /*{e-active-shadow-color}*/;
}
/* Active radio button icon */
.ui-page-theme-e .ui-radio-on:after,
html .ui-bar-e .ui-radio-on:after,
html .ui-body-e .ui-radio-on:after,
html body .ui-group-theme-e .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-e:after {
border-color: #225693 /*{e-active-background-color}*/;
}
/* Focus */
.ui-page-theme-e .ui-btn:focus,
html .ui-bar-e .ui-btn:focus,
html .ui-body-e .ui-btn:focus,
html body .ui-group-theme-e .ui-btn:focus,
html head + body .ui-btn.ui-btn-e:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-e .ui-focus,
html .ui-bar-e .ui-focus,
html .ui-body-e .ui-focus,
html body .ui-group-theme-e .ui-focus,
html head + body .ui-btn-e.ui-focus,
html head + body .ui-body-e.ui-focus {
-webkit-box-shadow: 0 0 12px #225693 /*{e-active-background-color}*/;
-moz-box-shadow: 0 0 12px #225693 /*{e-active-background-color}*/;
box-shadow: 0 0 12px #225693 /*{e-active-background-color}*/;
}