a.anchor[id^=paq] {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

.method_info {
    display:block;
    padding:7px;
    margin-bottom:1em;
}

.jumbotron { background-color:#2185f4; color:#fff; padding-top:24px; padding-bottom:24px; }
.jumbotron p { margin-bottom:0px; }

body { padding-top:70px; padding-bottom:300px; min-height: 100%; position: relative; }
#wrap { min-height: 100%; }

#main {
  overflow:auto;
  padding-bottom:200px; /* this needs to be bigger than footer height*/
}
#method_extension .exts {
    display: flex;
}
#method_extension .exts a {
    flex: 1 1 50%;
    display: inline-block;
    border-radius: .25em;
    margin: 0.5% 3%;
}
#method_extension .exts a:hover {
    background-color: rgba(13,52,96,0.15);
}
@media screen and (max-width: 480px) {
    #method_extension .exts {
        flex-direction: column; 
    }
}

.firefox-ext {
    max-width: 100%;
    height: 58px;
}

.footer {
  position: relative;
  margin-top: -300px; /* negative value of footer height */
  height: 300px;
  clear:both;
  padding-top:20px;
} 

dd { margin-left:18px; }
dl [id^=goto_] { cursor: pointer; }
ol > span, ol > span > span { display:inline-block; }

#psdle_carousel { width:800px; }

.btn-primary { background-color:#2185f4; }
/*.btn, .navbar { background-image: linear-gradient(to bottom, #2185f4 0%, #265A88 100%); }*/
.btn-primary.fancy { position:relative;overflow:hidden; }
i.fa.fancy { position:absolute;left:-5%;top:-40%;color:rgba(255,255,255,0.3); }

/* Footer */
#footer { 
    background-color:#2185f4;
    padding: 10px 0px;
    text-align: center;
    margin-top: 10px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-height: 300px;
}
#footer span { display:inline-block; text-align:left; vertical-align:text-top; }
#footer span:first-of-type { margin-right:50px; }
#footer a, #footer i, #footer .text { font-size:12px !important; color:#00E; text-decoration:none;  padding:2px; }
#footer .text { text-align:center; }
#footer i { color:inherit; } #footer a:hover { color:#fff; }

/* Navbar */
#psdle_nav li a {
    padding: 10px;
    margin: 5px;
    border-radius: 3px;
}
#psdle_nav li a:hover {
    background-color: rgba(0,0,0,0.15)
}
.navbar-brand { padding:10px; }

.navbar-default { background-color: #2185f4; /* border-color: #0000ee; */ }
 
.navbar-default .navbar-brand { color: #ffffff; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #ffffff; }
.navbar-default .navbar-text { color: #ffffff; }
.navbar-default .navbar-nav > li > a { color: #ffffff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ffffff; }
.navbar-default .navbar-nav > li > .dropdown-menu { background-color: #2185f4; }
.navbar-default .navbar-nav > li > .dropdown-menu > li > a { color: #ffffff; }
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus { color: #ffffff; background-color: #0000ee; }
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider { background-color: #2185f4; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background-color: #0000ee; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #ffffff; background-color: #0000ee; }
.navbar-default .navbar-toggle { /* border-color: #ffffff; */ }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #0000ee; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #ffffff; }
.navbar-default .navbar-link { color: #ffffff; }
.navbar-default .navbar-link:hover { color: #ffffff; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #0000ee;
  }
}

.btn { padding: 6px 2% !important; }