@CHARSET "UTF-8";

body {
    /*background-color: rgba(220,212,233,0.5);
    background-color: rgb(220,212,233);
    background-color: rgb(250,242,254);*/
    color: #000;
    font-size: 15px;
}

a,
.breadcrumb a{
    color: rgb(98,38,158);
}

.btn-green {
    background-color: rgb(195, 213, 77);
    color: #ffffff;
}

/* Optional: Add a slightly darker shade for hover/active states */
.btn-green:hover {
    background-color: rgb(175, 193, 57);
    color: #ffffff;
}

/*#sidebar-menu ul li a i,
#sidebar-menu > ul > li > a{
    color: rgb(98,38,158);
}

#sidebar-menu > ul > li > a.active {
    color: rgb(98,38,158) !important;
}*/

#sidebar-menu ul li:hover a i,
#sidebar-menu > ul > li > a:hover{
    color: #000 !important;
}

#sidebar-menu > ul > li > a.active,
#sidebar-menu > ul > li > a.active i{
    color: #000 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #000;
}

.breadcrumb>.active {
    color: #000;
}

.v-spacer-5 {
    height: 5px;
}

.page-title-box {
    padding: 25px 20px 10px;
}

.categoryWrap {
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    padding: 5px;
}

/* Notes */
ul.notesList li {
    display: block;
    margin: 10px;
    padding: 10px;
    border: 1px solid #dbdbdb;
}

/* Content Windows */
#newsWindowContent p,
#onboardWindow p
{
    line-height: 1.4em;
    margin: 1em 0 1em 0;
}

/* FORM STYLES */

form ul,
form ol {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    list-style: none;
}

fieldset
{
    border: none;
}

fieldset.left
{
    float: left;
}

fieldset.right
{
    float: right;
}

label {
    font-weight: normal;
}

label.required
{
    font-weight: bold;
}

label.checkbox,
label.auto {
    width: auto;
    display: inline;
    font-weight: normal;
}

.valid
{
    color: green;
}

.invalid
{
    color: #AA0000;
}

.progress
{
    color: darkorange;
}

.spacer
{
    width: 20px;
    height: 20px;
    display: inline-block;
}

.spacer-5
{
    width: 5px;
    height: 5px;
    display: inline-block;
}

label
{
    display: inline-block;
    width: 110px;
    padding-right: 5px;
    text-align: right;
}

label.text,
label.checkbox
{
    width: auto;
}

label.text
{
    padding: 8px 0 8px 0;
}

#fieldMatches label
{
    width: 220px
}

.labelSmall
{
    width: 75px;
}

.k-textbox
{
    width: 15em;
}

.textAreaLarge,
.textBoxLarge
{
    width: 35em;
}

.textAreaMedium,
.textBoxMedium
{
    width: 20em;
}

.textAreaSmall,
.textBoxSmall
{
    width: 10em;
}

.textBoxTiny
{
    width: 5em;
}

.textBoxTiny2
{
    width: 6em;
}

.textBoxTeenyTiny
{
    width: 3em;
}

textarea.k-textbox
{
    padding: 2px 5px 2px 5px;
}

.textAreaLarge,
.textAreaMedium
{
    height: 10em;
}

select,
.k-dropdown
{
    width: 15em;
}

.selectLarge
{
    width: 35em;
}

.selectMedium
{
    width: 20em;
}

.selectSmall
{
    width: 10em;
}

.selectTiny
{
    width: 5em;
}

.k-numerictextbox
{
    width: 15em;
}

.k-datepicker
{
    width: 15em;
}

ul.horizontalInputs li
{
    display: inline;
}

.formWrap {
    background: white;
    padding: 5px;
    border: 1px solid #ccc;
}

.actionBar {
    margin-top: 10px;
}

.ckwrap
{
    display: inline-block
}

#page-utils-loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.75);
    z-index: 9999;
}

#page-utils-loading-inner {
    margin: auto;
    color: black;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}



/* Mobile Overrides*/
@media (max-width: 640px) {
    .app-search .form-control {
        width: 120px;
    }
}