.alpha {list-style-type: lower-alpha}

.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}

.theme-showcase > p > .btn {
    margin: 5px 0;
}

.theme-showcase .navbar .container {
    width: auto;
}

.nav-tabs > li, .nav-pills > li {
    float: none;
    display: inline-block;
    *display: inline; /* ie7 fix */
    zoom: 1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align: center;
}

.navbar {
    height: 65px;
}

.navbar-nav > li > a {
    padding-top: 22px;
    padding-bottom: 22px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background: #001641
}

.navbar-inverse .navbar-nav > li > a {
    color: #001641
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: none
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #1f3e79
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background: #1f3e79
}

.navbar-inverse { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bad532+0,6c941d+100 */
    background: #bad532; /* Old browsers */
    background: -moz-linear-gradient(top, #bad532 0%, #6c941d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bad532 0%, #6c941d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bad532 0%, #6c941d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bad532', endColorstr='#6c941d', GradientType=0); /* IE6-9 */
    border-color: #628616;
}

.navbar-toggle {
    background: #1f3e79;
    margin:10px;
    display:inline-block !important;
    float:initial;
}

.navbar-brand img {
    width: 40px !important;
    Height: auto;
    padding: 0 !important;
    margin:0 !important;
}

.navbar-brand {
    padding: 0;
    display:inline-block;
}

/****
DEMENTIA THEME
 */

body {
    font-family: Arial, Helvetica, sans-serif;
}

.card h1 {
    margin-bottom: 30px;
}

.card h1, .subhead-card {
    text-align: center;
    margin-top: 0px;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold
}

.psychotic .subhead-card {
    background: #daaf14;
    color: #000000;
    margin-bottom: 20PX;
    padding: 5px;
    font-size: 16px;
    display: block;
}

.card .panel-heading {
    color: #fff;
}

.psychotic h1 {
    margin-bottom: 0PX;
    padding-bottom: 5px;
}

.standard h2 {
    color: #00a651
}

.standard h4 {
    color: #00a651
}

.aggression h1, .aggression .panel-heading {
    background: #bc1f2c;
}

.purple h1, .purple .panel-heading {
    background: mediumpurple;
}

.agitation h1, .agitation .panel-heading {
    background: #ee382c
}

.anxiety h1, .anxiety .panel-heading {
    background: #407bbe
}

.apathy h1, .apathy .panel-heading {
    background: #eb9322
}

.depression h1, .depression .panel-heading {
    background: #064b85
}

.disinhibition h1, .disinhibition .panel-heading {
    background: #71c159
}

.psychotic h1, .psychotic .panel-heading {
    background: #edc32b;
    color: #000000;
}

.sleep h1, .sleep .panel-heading {
    background: #0498d7
}

.vocal h1, .vocal .panel-heading {
    background: #bdd230;
    color: #000000
}

.wandering h1, .wandering .panel-heading {
    background: #e8659a
}

.delirium h1, .delirium .panel-heading {
    background: #ea088c
}

.standard h1, .standard .panel-heading {
    background: #00a651
}

.standardblue h1, .standardblue .panel-heading {
    background: #1f3e79;
}

.grey h1, .grey .panel-heading {
    background: grey;
}

.aggression .panel {
    border: 1px solid #991620
}

.agitation .panel {
    border: 1px solid #cf2014
}

.anxiety .panel {
    border: 1px solid #2069bb
}

.apathy .panel {
    border: 1px solid #d67e0d
}

.depression .panel {
    border: 1px solid #0e3d65
}

.disinhibition .panel {
    border: 1px solid #4da832
}

.psychotic .panel {
    border: 1px solid #cda411
}

.sleep .panel {
    border: 1px solid #0779a9
}

.vocal .panel {
    border: 1px solid #a0b416
}

.wandering .panel {
    border: 1px solid #d3407b
}

.delirium .panel {
    border: 1px solid #bf0a74
}

.standard .panel {
    border: 1px solid #057d40
}

.standard .panel {
    border: 1px solid #1f3e79
}

.purple .panel {
    border: 1px solid mediumpurple;
}

.grey .panel {
    border: 1px solid grey;
}

.standardblue .panel {
    border: 1px solid #1f3e79
}

.aggression .nav-tabs a {
    color: #bc1f2c;
}

.agitation .nav-tabs a {
    color: #ee382c;
}

.apathy .nav-tabs a {
    color: #eb9322
}

.depression .nav-tabs a {
    color: #064b85
}

.disinhibition .nav-tabs a {
    color: #71c159
}

.psychotic .nav-tabs a {
    color: #000000
}

.sleep .nav-tabs a {
    color: #0498d7
}

.vocal .nav-tabs a {
    color: #bdd230
}

.wandering .nav-tabs a {
    color: #e8659a
}

.delirium .nav-tabs a {
    color: #ea088c
}

.standard .nav-tabs a {
    color: #00a651
}

.standardblue .nav-tabs a {
    color: #1f3e79
}

.purple .nav-tabs a {color: mediumpurple;}

.grey .nav-tabs a {color: grey }

.tab-content {
    padding-top: 5px;
}

.tab-content img {
    width: 100%;
    height: auto;
    max-width: 350px;
    display: block;
    margin: 0 auto;
}

.nav-tabs {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold
}

.psychotic .panel {
}

.bigger {
    font-size: 1.2em;
    margin: 0;
    padding: 0px 20px 0px
}

.bigger li {
    margin-top: 8px;
}

.standard img,
.standardblue img {
    display: block;
    width: 100%;
    max-width: 550px;
    height: auto;
    margin: 0 auto;
}

.pieces {
    overflow: hidden
}

.pieces .pieces-line {
    display: block;
    float: left;
    clear: both;
    padding-top: 10px;
    width: 100%;
}

.pieces .pieces-ext {
    padding-top: 3px;
    display: block
}

.pieces .letter {
    text-align: center;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    padding: 3px;
    background: #00a651;
    color: #fff;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    float: left;
    clear: left;
}

.medtable td{-ms-word-break: normal;
     word-break: normal;

     // Non standard for webkit
     word-break: normal;

-webkit-hyphens: manual;
   -moz-hyphens: manual;
        hyphens: manual;}

.medtable .med-heading {
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #767678;

    -ms-word-break: normal;
     word-break: normal;

     // Non standard for webkit
     word-break: normal;

    -webkit-hyphens: none;
   -moz-hyphens: none;
        hyphens: none;

}

.medtable .medhigher-header {
    background:#ca2027;
    font-weight: bold;
    color: #fff;
    text-align:center;
}

.medtable .medlower-header {
    background:#e16c26;
    font-weight: bold;
}

.medtable .medlower-contents {
    background: #f9d9c1;
}

.medtable .medhigher-contents {
    background: #f2caba;
}

.medtable .medtransparent {background: transparent;}

.medvertical {
    transform: rotate(-90deg);
    /* float: left; */
    transform-origin: 82% 57% 0;
    padding: 10px;
    width: 20px;
    display: block;
    position: relative;
    left: -5px;
    text-align: center;
}

.medtable td {border: 2px solid #fff; padding: 5px; font-size: 13px}

.medtable ul {padding-left: 15px;}

.medtable {margin-left: -10px; width: 100%; max-width: 600px; margin: 0 auto;}

.standardblue h4 {color: #fff;}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px){


.card h1 {font-size: 18px; font-weight: normal}

.navbar-nav {background: #efefef}
.navbar-nav > li > a {padding: 10px}
.navbar-inverse .navbar-nav .open .dropdown-menu>li {background: #dee6f7}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {text-shadow: none; color: black;}
.dropdown {background:#dee6f7; margin-bottom: 2px;}

}


/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
    /*.navbar .container {width: 100%}*/
    .navbar-nav {background: none}
    .navbar-nav > li > a {padding: 22px 10px}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li {background:transparent}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {text-shadow: none; color: black;}
    .dropdown {background:transparent; margin-bottom: 2px;}
    .navbar-collapse {font-size: 0.9em;}
    .nb-mobile {display: none}

    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){

    .navbar-collapse {font-size: 1em;}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){

}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border: none;}


@media (max-width: 767px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {

        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color: #102d66}

    .nb-large {display: none;}

}

html {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: hidden;
}
body {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow-y: auto;
    overflow-x: hidden;
}