/* General Styles */

.main .dropdown ul.dropdown-menu>li .title {
    margin-top: 1.5em;
}

[ng-app].main div.row, [ng-app].main div.nav {
    display: block;
}

ol.nya-bs-select>button.dropdown-toggle::after {
    content: none;
    margin: 0;
    padding: 0;
}

button#dLabel {
    outline: none;
}

div.title a:hover {
    text-decoration:underline !important;
}

.dropdown-menu>li>div>ul.list-no-style>li>a,
.dropdown-menu>li>div>ul.list-no-style>li>div>a {
    padding: 0.2em;
    display: inline-block;
    font-size: 11pt;
}

[ng-app].main .dropdown ul.dropdown-menu > li ul.list-no-style li {
    padding: 0 !important;
}

.dropdown-menu>li>div>ul.list-no-style>li>div>ul  {
    padding-left: 0;
}

/* For Authentication sub-menu title */
.dropdown-menu>li>div>ul.list-no-style>li>div>a,
.dropdown-menu>li>div>ul.list-no-style>li>div>ul>li>a {
    padding: 0.2em;
    font-size: 11pt !important;
    display: inline-block;
}

/* Courses Styles */

[ng-app="courses"].main #dLabel svg {
    margin-top: 0.1em;
}

[ng-app="courses"].main nav.main-nav div.dropdown {
    margin-top: 0.6em;
}

/* Login/Dashboard Styles */

[ng-app="login"].main div.dropdown ul.dropdown-menu>li div.title a {
    font-weight: bold !important;
}


/* Users Styles */

[ng-app="users"].main div.dropdown ul.dropdown-menu>li div.title a {
    font-weight: bold !important;
}

/* Images Styles */

[ng-app="images"].main div.dropdown ul.dropdown-menu>li div.title a {
    font-weight: bold !important;    
}

[ng-app="images"].main button.dropdown-toggle::after {
    content: none;
    padding: 0;
    margin: 0;
}

[ng-app="images"].main div.loading {
    width: 100%;
}

/* Admin/Auth Styles */ 

[ng-app="auth"].main button#dLabel>div.pull-right {
    padding-top: 0;
}

[ng-app="auth"].main ul.dropdown-menu {
    padding-top: 0;
}

[ng-app="auth"].main ul.dropdown-menu>li:first-child>div {
    margin-top: 0;
    font-weight:bold;
}

[ng-app="auth"].main ul.dropdown-menu>li:first-child>div.title>a, 
[ng-app="auth"].main ul.dropdown-menu>li:last-child>div.title>a {
    font-weight: bold !important;
}

/* Button contrast styling for improved accessibility */
.btn-success {
    color: #fff;
    background-color: #046063;
    border-color: #046063;
}