/* Standard HTML elements */
html, body, p, a{
    color: #000;
}


/* Remove the 'width:48%' restriction for columns on the dashboard */
body.home #row_1_column_1,
body.home #row_1_column_2 {
    width: unset !important;
}


/* Change headings font */
h1,
h2,
h2 span,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}


/* Form elements border/outline */
/*
input:focus[type=password],
input:focus[type=text],
input:focus[type=search],
input:focus[type=file],
input:focus[type=radio],
input:focus[type=password],
input:focus[type=text],
input:focus[type=submit],
select:focus,
.select2-container:focus,
.select2-container:focus-within,
textarea:focus,
button:focus,
a:active,
a:focus,
a:hover,
.form-control:focus,
.nav-tabs.nav li>a:focus,
.nav-tabs.nav li>a:hover,
a[data-toggle=collapse]:focus,
button[data-toggle=collapse]:focus,
tr[data-toggle=collapse]:focus,
.dropdown .picker select.form-control:focus,
.dropdown .picker select:focus,
.pieform .picker select.form-control:focus,
.pieform .picker select:focus,
.form-switch .switch input:focus+.switch-label {
    outline: 4px solid #ff0000;
}
*/

/* YSJ Logo */
.logo {
    /*filter: invert(1);*/
}


/* Frontpage / Dashboard widgets */
.dashboard-widget-container .thumbnail-widget .widget-heading .circle-bg {
    background-color: #888;
}


/* Buttons */
.btn-primary,
a.badge-primary,
.show>.btn-primary.dropdown-toggle {
    background-color: #000;
    border-color: #000
}


/* Button styling on focus / mouseover */
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
a.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.badge-primary:active,
a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #333;
}


/* Icons */
.icon,
.btn-draggable .navbar-main .navbar-nav>li>a .btn-group-vertical>.navbar-showchildren.btn,
.btn-draggable .navbar-main .navbar-nav>li>button.menu-dropdown-toggle .btn-group-vertical>.navbar-showchildren.btn,
.list-group.ui-sortable .navbar-main .navbar-nav>li>a .navbar-showchildren.ui-draggable-dragging,
.list-group.ui-sortable .navbar-main .navbar-nav>li>button.menu-dropdown-toggle .navbar-showchildren.ui-draggable-dragging,
.navbar-main .navbar-nav>li>a .btn-draggable .btn-group-vertical>.navbar-showchildren.btn,
.navbar-main .navbar-nav>li>a .icon.navbar-showchildren,
.navbar-main .navbar-nav>li>a .list-group.ui-sortable .navbar-showchildren.ui-draggable-dragging,
.navbar-main .navbar-nav>li>button.menu-dropdown-toggle .btn-draggable .btn-group-vertical>.navbar-showchildren.btn,
.navbar-main .navbar-nav>li>button.menu-dropdown-toggle .icon.navbar-showchildren,
.navbar-main .navbar-nav>li>button.menu-dropdown-toggle .list-group.ui-sortable .navbar-showchildren.ui-draggable-dragging,
a.card-footer .icon,
a.card-footer:active,
a.card-footer:focus,
a.card-footer:hover {
    color: #444;
}
/* Exceptions to the above icon colour */
.grid-stack-item-content .icon-plus,
.list-group-heading .icon-search-plus,
.block-header .icon-search-plus,
.list-group-heading .icon-pencil-alt {
    color: #fff;
}


/* Navigation (buttons and links) text colour */
.adminhome,
.nav-title,
.navbar-main,
.navbar-main .navbar-nav>li>a,
.navbar-main .navbar-nav>li>button.menu-dropdown-toggle,
.navbar-main .child-nav li>a,
a.card-footer,
.footer .metadata,
.footer .footer-nav .nav-link,
.page-link,
.list-group a.text-link,
.text-link,
.btn-draggable .navbar-toggle.search-toggle .btn-group-vertical>.btn,
.list-group.ui-sortable .navbar-toggle.search-toggle .ui-draggable-dragging,
.navbar-toggle.search-toggle .btn-draggable .btn-group-vertical>.btn,
.navbar-toggle.search-toggle .icon,
.navbar-toggle.search-toggle .list-group.ui-sortable .ui-draggable-dragging,
.form-group.multisubmit .cancel,
.form-group.submitcancel .cancel {
    color: #000;
}


/* Link behaviour on focus/mouseover */
a:active,
a:focus,
a:hover,
.navbar-main .navbar-nav>li>a:active,
.navbar-main .navbar-nav>li>a:focus,
.navbar-main .navbar-nav>li>a:hover,
.navbar-main .navbar-nav>li>button.menu-dropdown-toggle:active,
.navbar-main .navbar-nav>li>button.menu-dropdown-toggle:focus,
.navbar-main .navbar-nav>li>button.menu-dropdown-toggle:hover,
.navbar-main .child-nav li>a:active,
.navbar-main .child-nav li>a:focus,
.navbar-main .child-nav li>a:hover,
.footer .footer-nav .nav-link:active,
.footer .footer-nav .nav-link:focus,
.footer .footer-nav .nav-link:hover,
.btn-draggable a.card-footer:active .btn-group-vertical>.float-right.btn,
.btn-draggable a.card-footer:focus .btn-group-vertical>.float-right.btn,
.btn-draggable a.card-footer:hover .btn-group-vertical>.float-right.btn,
.list-group.ui-sortable a.card-footer:active .float-right.ui-draggable-dragging,
.list-group.ui-sortable a.card-footer:focus .float-right.ui-draggable-dragging,
.list-group.ui-sortable a.card-footer:hover .float-right.ui-draggable-dragging,
a.card-footer:focus .btn-draggable .btn-group-vertical>.float-right.btn,
a.card-footer:focus .icon.float-right,
a.card-footer:focus .list-group.ui-sortable .float-right.ui-draggable-dragging,
a.card-footer:hover .btn-draggable .btn-group-vertical>.float-right.btn,
a.card-footer:hover .icon.float-right,
a.card-footer:hover .list-group.ui-sortable .float-right.ui-draggable-dragging,
.navbar-main .child-nav .active>a:active,
.navbar-main .child-nav .active>a:focus,
.navbar-main .child-nav .active>a:hover,
.form-group.multisubmit .cancel:active,
.form-group.multisubmit .cancel:focus,
.form-group.multisubmit .cancel:hover,
.form-group.submitcancel .cancel:active,
.form-group.submitcancel .cancel:focus,
.form-group.submitcancel .cancel:hover {
    color: #333;
    text-decoration-color: #333;
    outline-color: #333;
}


/* ??? */
.page-item.active .page-link {
    border-color: #333;
    background-color: #888;
}


/* Tabs */
.nav-tabs.nav li>a:active,
.nav-tabs.nav li>a:focus,
.nav-tabs.nav li>a:hover {
    border-color: #333;
}
/* Exceptions to the above tab border colour */
.nav-tabs.nav li>a.active,
.nav-tabs.nav li>a.active:active,
.nav-tabs.nav li>a.active:focus,
.nav-tabs.nav li>a.active:hover {
    border-color: #ccc;
}

