/*@import "empiremobstyle.css" screen and (max-width: 768px);
*/
/*fixes*/
/* font-awesome: Common Properties: All required to make icons render reliably */

@font-face {
    font-family: LOGOFONT;
    src: url(/resources/fonts/convoy.otf);
}
/**/
body {
}

.empirelogo {
    background-color: #20327c;
    color:white;
}
.empirelogo-alt {
    color: #20327c;
    background-color: white;
}

.primaryfont {
    font-family: 'Times New Roman', Times, serif
}
.secondaryfont {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.jumbotron {
    color: #ffffff;
    background-color: #1a1aff;
    border-radius: 0 0 100px 100px;
    padding: 20px 10px;
    margin: auto;
}


/* Pseudo-elements START */

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    padding:  0 5px 0 0; 
    -webkit-font-smoothing: antialiased;
}


.themegreywhite {
    color: grey;
    background-color: white;
}

.themewhitegrey {
    color: white;
   background-color: grey;
}


.login::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007";
}

.login-o::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f007";
}

.iclickonce::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f381";
}

.iusbdrive::before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 600;
    content: "\f287";
}

.isetupexe::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f019";
}

.itoggleon::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f205";
}

.itoggleoff::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f204";
}

.ichecklist::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f101";
}

.head-phone::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f590";
}


.tps::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f1ea";
}

.twitter::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f099";
}
.twitter-square::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f081";
}

.whatsapp::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f232";
}
.whatsapp-square::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f40c";
}
.facebook::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f39e";
}
.facebook-square::before {
    font-family: "Font Awesome 5 Brands";
    content: "\f082";
}
.mail::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0e0";
}
.copyright::before {
    font-family: "Font Awesome 5 Free";
    content: "\f1f9";
}





/* Pseudo-elements END */



/* Align START*/

.topcentered {
    text-align: center;
    vertical-align: top;
}

.middlecentered {
    text-align: center;
    vertical-align: middle;
}

.bottomcentered {
    text-align: center;
    vertical-align: bottom;
}

.topleft {
    text-align: left;
    vertical-align: top;
}

.middleleft {
    text-align: left;
    vertical-align: middle;
}

.bottomleft {
    text-align: left;
    vertical-align: bottom;
}


.topright {
    text-align: right;
    vertical-align: top;
}

.middleright {
    text-align: right;
    vertical-align: middle;
}

.bottomright {
    text-align: right;
    vertical-align: bottom;
}

/* Align END*/




.theme_Raven_claw {
    --fa-primary-color: darkgreen;
    --fa-secondary-color: silver;
    color: rgb(4, 56, 161);
    background-color: rgb(108, 108, 108);
}

.theme_Raven_claw_alt {
    color: rgb(108, 108, 108);
    background-color: rgb(4, 56, 161);
}

.theme_slytherin {
    --fa-primary-color: darkgreen;
    --fa-secondary-color: silver;
    color: darkgreen;
    background-color: silver;
}

.theme_slytherin_alt {
    color: silver;
    background-color: darkgreen;
    --fa-primary-color: silver;
    --fa-secondary-color: darkgreen;
}

.pullQuote::before {
    content: "fas fa-quote-left fa-2x fa-pull-left";
}

.fa-windows {
    color: #00A2ED;
}

.footer {
    background: #353535;
    margin: auto;
    padding: 10px 5px 5px 6px;
    text-align: left;
    font-size: small;
    color: #868686;
}

/* cutomize Nav-tabs*/
.tab {
    /*    font-size:large;
*/
}

.nav-link > li > a {
    background-color: aqua !important;
    color: #fff;
}