/*Barricade's Lyrania Theme --Barrichromed [Lyrania Login/Register screen] WIDE*/
/*to be used OVER the BLACK THEME and MUST be in widescreen mode*/
/*go to Dropdown Menu > Settings > Display > Use Widescreen Mode > Yes > Refresh > Profit!*/
@namespace url(http://www.w3.org/1999/xhtml);


/* Lyrania Login/Register Homepage*/
/*login screen background color*/
html body {
    font-family: "Calibri" !important;
    font-size: 10pt !important;
    background: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding-top: 1px !important;
    padding-bottom: 1px;
}
html {
    background-image: url("/images/main54/barrichrome_bg.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    height: 100% !important;
}
html body div#container {
    font-size: 10pt !important;
    border: 3px;
    border-style: inset;
    border-color: silver !important;
    box-shadow: 0px 0px 1px #FFF, 0px 0px 2px #FFF, 0px 0px 1px #FFF !important;
    border-radius: 12px;
    color: #fff !important;
    text-shadow: 0px 0px 1px silver !important;
    background-color: rgba(0, 0, 0, 0.4588235294117647) !important;
}
html body div#container h1 span {
    font-size: 32pt !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000, 1px 1px 2px #000, 1px 1px 2px #000 !important;
    font-style: oblique;
}

html body div#container div#login form span input {
    margin-left: -10px !important;
}
input {
    font-size: 10pt !important;
    text-align: center;
    font-weight: normal !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000, 1px 1px 2px #000, 1px 1px 2px #000 !important;
    border: 3px;
    border-style: inset;
    border-color: silver !important;
    box-shadow: 0px 0px 1px #FFF, 0px 0px 2px #FFF, 0px 0px 1px #FFF !important;
    border-radius: 12px;
    background: rgb(0, 0, 0) !important;
    cursor: pointer;
}
input:hover {
    font-size: 10pt !important;
    color: #fff !important;
    text-shadow: 1px 1px 2px #000, 1px 1px 2px #000, 1px 1px 2px #000 !important;
    border: 3px;
    border-style: inset;
    border-color: #fff !important;
    box-shadow: 0px 0px 1px silver, 0px 0px 2px silver, 0px 0px 1px silver !important;
    border-radius: 12px;
    background: rgb(0, 0, 0) !important;
}

/*incorrect pass or account warning*/
html body div#container div#login form p#logoutput {
    color: #fff !important;
    text-shadow: 0px 0px 1px silver, 0px 0px 1px silver, 0px 0px 1px silver !important;
    font-size: 14pt;
    font-weight: bold;
}

/*links on page*/
html body div#container div#login form a,
html body div#container div#register form span a,
html body div#container div a {
    color: #fff !important;
    text-shadow: 1px 1px 2px #000 !important;
}
html body div#container div#login form p#logoutput {
    color: #fff !important;
    text-shadow: 0px 0px 1px silver !important;
    font-size: 14pt;
    font-weight: bold;
}

/*links on page*/
html body div#container div#login form a:hover,
html body div#container div#register form span a:hover,
html body div#container div a:hover {
    color: #fff !important;
    text-shadow: 0px 0px 1px silver!important;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px black inset !important;
    -webkit-text-fill-color: white !important;
}