﻿body { padding-top: 60px; padding-bottom: 20px; }

#bg { position: fixed; top: 0; left: 0; z-index: -1; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }


/*  BOOTSTRAP OVERRIDE  */
.col-centered { text-align: center; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }
.navbar-default { background-color: #321d55 !important; }
    .navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a { color: #d4e6f2 !important; }
        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff !important; }
    .navbar-default .navbar-nav > li > a { color: #d4e6f2 !important; font-weight: bold; text-transform: uppercase; font-size: 15px; }
    .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus { background-color: transparent !important; color: #fff; }
.navbar-default .navbar-nav > li > a.btn  {line-height: 0px; margin-top: 8px; }
.jumbotron.small { padding-top: 18px; padding-bottom: 18px; }

/* Set padding to keep content from hitting the edges */
.body-content { padding-left: 15px; padding-right: 15px; }

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea { max-width: 280px; }

/*  NAVBAR  */
a.headerlogo { padding-top: 5px; padding-bottom: 5px; }
    a.headerlogo img { height: 43px; }

.container.body-content { background-color: rgba(244, 244, 242, 0.5); border-radius: 10px; margin: 0 auto 20px; padding-top: 15px; }


/******************************************
                FLAGS  
******************************************/

.nav > li > #languages > a { display: inline-block !important; margin-top: 10px; }

#languages_select { display: block; display: none; }
    #languages_select ul { text-align: right; }
    #languages_select li { margin-right: 5px; display: inline-block; }
        #languages_select li a img { border: none; opacity: 0.35; filter: alpha(opacity=35); /* For IE8 and earlier */ }
        #languages_select li a:hover img { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }
        #languages_select li a img.active { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }