body {
	min-height: 100vh;
    font-size: .95rem;
	overflow-y: scroll;
	/* background: #c4ffd918; */
}

.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;

}

/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    /*padding: 48px 0 0;*/
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media(max-width: 767.98px) {
    .sidebar {
        top: 5rem;
    }
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

.sidebar .nav-link .feather {
    margin-right: 4px;
    color: #727272;
}

.sidebar .nav-link.active {
    color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
    color: inherit;
}

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
    top: .25rem;
    right: 1rem;
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}


#menuSide .bi {
    font-size: 1.2rem;
    padding-right: .5em;
}
.example {
    padding: 1rem 1rem 2rem;
    margin: 2rem 0;
    border: 1px solid #ddd;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.bd-callout h5 {margin-bottom: 1rem; margin-top: -.5rem;}

.bd-callout h4 {
    margin-bottom: .25rem;
}

.bd-callout p:last-child {
    margin-bottom: 0;
}

.bd-callout code {
    border-radius: .25rem;
}

.bd-callout+.bd-callout {
    margin-top: -.25rem;
}

.bd-callout-info {
    border-left-color: #5bc0de;
}

.bd-callout-warning {
    border-left-color: #f0ad4e;
}

.bd-callout-danger {
    border-left-color: #d9534f;
}
.form-check,
.form-check input,
.form-check label {
    cursor: pointer;
}
.btn-outline-purple {
    color: #6f42c1;
    border-color: #6f42c1;
}
.btn-check:checked+.btn-outline-purple,
.btn-outline-purple:hover {
    color: #fff;
    background: #6f42c1;
    border-color: #6f42c1;
}
.btn-check:focus+.btn-outline-purple {
    box-shadow: 0 0 0 .25rem #6f42c180;
}

.btn-outline-success { background-color: #19875408; }
.btn-outline-danger { background-color: #dc354508; }
.btn-outline-warning {
    color: #fd7e14;
    border-color: #fd7e14;
	background-color: #ffc10708;
}
.btn-outline-purple { background: #6f42c108;}
.btn-outline-primary { background: #0d6efd08;}

.table-align-middle > tbody > tr > td { vertical-align: middle;}

#app_error, #app_scriptout { display: none;}

.nav > li > a:hover { background: #0d6efda1; }
/*
.nav > li > a { transition: 0.3s; }
#menuSide { transition: 0.5s; }
*/

blockquote {
	border-left: .3em solid rgba(0, 0, 0, .25);
	padding-left: .7em; 
	color:rgba(0, 0, 0, .50)
}

.navbar {
    /*transition: 0.5s ease;*/
}

.language-php { margin-bottom: 1.5em !important; }

/*
p > code { background: #1e1e1e; padding: 0.1rem .5rem; display:inline-block; border-radius: 2px; color: #ce9178; }
*/

/* whitespace nowrap */
.w-1 { width: 1px !important; }
.ws-nw { white-space: nowrap; }

/* used on audit page */
.bg-secondary-light { background-color: #2d323663!important; font-weight: 400; color: #212529; }

/* select2 overrides */
.select2-selection {  border-color: #ced4da!important;  box-shadow: none !important;}


/* */
.bg-brand {
    /*background-color: #09b1b9c9!important; */
    box-shadow: #0000005c 0 0 10px 0!important;
    background-color: #5cb730;
    background-color: #0d67b5;
}

.nav.nav-pills li { overflow: hidden; white-space: nowrap; overflow: hidden;  }
.nav.nav-pills li a { display:flex; /*justify-content: space-between;*/ }

/* .nav-collapse-width { width: 200px; }*/
.nav-collapse-icon { width: 2em; text-align: center;}
#nav-collapse-menu-icon { width: 1.2em; text-align: right; height: 40px; line-height:2em; }
#nav-collapse-menu {
    display: flex; 
    margin: 1em .4em; margin-bottom: .5em;
}

@media (max-width: 991.98px) {
    #tp-sidebar-flex {
        /*background: #f0ad4e; */
        flex-direction: column;
    }

    #sidebar ul.flex-column { flex-direction: row !important;}
    #tp-sidebar-flex > div { min-height: auto !important; }
    .nav-collapse-width { width: auto;}
    #nav-collapse-menu { float: right; }
}

div.text-break pre { white-space: pre-wrap !important; }

.audit-competency:not(:last-child){
    border-bottom: 1px solid #ccc;
}

/*
.page-audit .form-control {
    padding: 0 .5rem; min-height: auto; }
.page-audit .select2-selection { height: 26px; min-height: auto; padding: 0 0.5em; }
*/

/* bootstrap abbr only styles inside <p> */
label abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted !important;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
abbr[title].initialism {
    font-size: .875em;
    text-transform: uppercase;
}