﻿li.k-item,
.k-menu:not(.k-context-menu) > .k-item,
li.k-item.k-state-hover,
li.k-item:hover,
.k-menu:not(.k-context-menu) > .k-item.k-state-hover,
.k-menu:not(.k-context-menu) > .k-item:hover,
.k-menu.sparq-menu:not(.k-context-menu) > .k-item,
.k-menu.sparq-menu:not(.k-context-menu) > .k-item.k-state-hover,
.k-menu.sparq-menu:not(.k-context-menu) > .k-item:hover {
    color: rgb(51, 51, 51);
}

 li.k-item .fa
,li.k-item.sparq-menu-item
,li.k-item.sparq-menu-item .fa
,li.k-item.sparq-menu-item .usersName
{
    color: #DDD;
}

 li.k-item.k-state-hover .fa
,li.k-item.sparq-menu-item.k-state-hover
,li.k-item.sparq-menu-item.k-state-hover .fa
,li.k-item.sparq-menu-item span.k-state-active
,li.k-item.sparq-menu-item.k-state-hover .usersName
,li.k-item.sparq-menu-item.k-state-focused:not(.k-state-disabled) .usersName
,li.k-item.k-state-focused .fa
,li.k-item.sparq-menu-item.k-state-focused:not(.k-state-disabled)
,li.k-item.sparq-menu-item.k-state-focused .fa
,#sparqUserMenuBar li.k-item.sparq-menu-item.k-state-focused:not(.k-state-disabled) select:not(:focus)
{
    color: rgb(51, 51, 51);
}

.sparq-menu-item .k-item.k-menu-item {
    padding: 0.5rem;
}

 li.k-item.sparq-menu-item ul.k-group .fa
{
     color: #999;
}

.k-menu-link:not(.sparq-menu-link) > .fa:not(.sparq-menu-link) {
    padding-right: 0.25rem;
}

.k-menu-group .k-menu-link .k-menu-link {
    padding: 0;
}

.navbar {
    border-top: 0;
    border-left: 0;
}

 .displayNone 
,.display-none
{
    display: none;
}

 .displayBlock
,.display-block
{
    display: block;
}

 .displayInline
,.display-inline 
{
    display: inline;
}

 .displayFlex
,.display-flex
,.fa.displayFlex
,.fa.display-flex
{
    display: flex;
}

 .outercenter
 {
     text-align: center;
 }

.displaymessages
{
   display: block;
   position: fixed;
   bottom: 0;
   right: 0;
   z-index: 1040;
   max-height: 100%;
   overflow-y: auto;
}
@media (max-width:800px)
{
    .displaymessages
    {
        position: relative;
    }
}

    .displaymessages .messagelist
    {
        margin-left: auto;
        margin-right: auto;
        max-width: 800px;
        min-width: 400px;
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3);
    }

    .displaymessages .messagelist strong, 
    .displaymessages .messagelist b
    {
        color: #E90020;
    }

    .displaymessages .messagelist p
    {
        margin-top: .2em;
        margin-bottom: .2em;
        padding: 0.7em;
        font-size: 1.2em;
    }

    .displaymessages .messagelist .ui-icon
    {
        float: left; 
        margin-right:.3em;
    }

.DisplayMessagesAsPage .ui-icon {
    display: inline-block;
}

#sparqUserMenuBar #sparqUser-Menu {
    min-height: 50px;
}

#sparqUserMenuBar {
    font-size: 13px;
    text-align: right;
}
    #sparqUserMenuBar form:not(.displayNone) {
        display: flex;
    }

    @media (max-width:800px) {
        #sparqUserMenuBar {
            display: flex;
        }

        #sparqUserMenuBar #sparqUser-Menu {
            min-height: initial;
        }
    }

    #SparqMenuInlineSearchForm
    {
        position: absolute;
        top: 50px;
    }

    #sparqUserMenuBar .organizationSelectForm select
    {
        border-radius: 3px;
        background-color: transparent;
        border-color: transparent;
    }
    #sparqUserMenuBar .organizationSelectForm select
    ,#sparqUserMenuBar .organizationSelectForm select:hover
    {
        color: #DDD;
    }
    #sparqUserMenuBar .organizationSelectForm select:hover 
    {
        background-color: initial;
        border-color: initial;
    }

    #sparqUserMenuBar .usersImage
    {
        height: 50px;
        margin-top: 0;
    }

    #sparqUserMenuBar #sparqUser-Menu li
    {
        font-size: 20px;
    }
    #sparqUserMenuBar #sparqUser-Menu li ul
    ,#sparqUserMenuBar #sparqUser-Menu li ul li
    ,#sparqUserMenuBar #sparqUser-Menu li .usersName
    ,#sparqUserMenuBar #sparqUser-Menu li .singleSchoolName
    ,#sparqUserMenuBar #sparqUser-Menu #sparqMenuOrganizationSelect
    ,#sparqUserMenuBar #sparqUser-Menu .sparqMenuOrganizationSelect_partner
    ,#sparqUserMenuBar #sparqUser-Menu #sparqMenuOrganizationSelect_width_tmp
    {
        font-size: 16px;
    }

    #sparqUserMenuBar #sparqUser-Menu li .usersName {
        margin-right: 4px;
    }

    #sparqUserMenuBar #sparqUser-Menu.sparqMenu li.sparq-menu-item:not(.disable)
    {
        min-width: 50px;
    }
    .first-sparq-menu-item
    {
        margin-left: 10px;
    }

    #sparqUserMenuBar #sparqUser-Menu li .singleSchoolName
    {
        color: #DDD !important;
    }

    #sparqUserMenuBar #sparqUser-Menu img.logo
    {
        height: 35px;
    }
    #sparqUserMenuBar #sparqUser-Menu img.icon
    {
        height: 20px;
        margin: 0;
        margin-left: 2px;
    }

    #sparqUserMenuBar #sparqUser-Menu ul
    {
        text-align: left;
    }

    #sparqUserMenuBar #sparqUser-Menu
    {
        text-align: center;
    }
    #sparqUserMenuBar #sparqUser-Menu
    ,#sparqUserMenuBar #sparqUser-Menu span
    {
        background-color: transparent;
        
    }
        #sparqUserMenuBar #sparqUser-Menu > li.no-padding > .k-link {
            padding: 0;
        }
        #sparqUserMenuBar #sparqUser-Menu>li.sparq-menu-item.sparq-menu-item-organization:hover
        {
            background: none;
        }
        #sparqUserMenuBar #sparqUser-Menu>li.sparq-menu-item.sparq-menu-item-organization:hover>.k-link
        {
            cursor: inherit;
        }

        .sparq-menu-item.sparq-menu-item-nopadding
        ,.sparq-menu-item.sparq-menu-item-nopadding .k-link
        {
            padding: 0 !important;
        }
        #sparqUserMenuBar #sparqUser-Menu>li>span.k-link>span.k-icon
        {
            display: none;
        }

.sparqMenuBar
,.sparqMenuBar .sparqMenu
,#sparqUserMenuBar #sparqUser-Menu #sparqMenuOrganizationSelect option
,#sparqUserMenuBar #sparqUser-Menu #sparqMenuOrganizationSelect optgroup
,#sparqUserMenuBar #sparqUser-Menu .sparqMenuOrganizationSelect_partner option
,#sparqUserMenuBar #sparqUser-Menu .sparqMenuOrganizationSelect_partner optgroup
{
    background-color: rgb(51, 51, 51);
}

#sparqUserMenuBar #sparqUser-Menu select#sparqMenuOrganizationSelect 
,#sparqUserMenuBar #sparqUser-Menu select.sparqMenuOrganizationSelect_partner
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
    #sparqUserMenuBar #sparqUser-Menu select#sparqMenuOrganizationSelect::-ms-expand
    ,#sparqUserMenuBar #sparqUser-Menu select.sparqMenuOrganizationSelect_partner::-ms-expand
    {
        display: none;
    }
    #sparqUserMenuBar #sparqUser-Menu select#sparqMenuOrganizationSelect:hover
    ,#sparqUserMenuBar #sparqUser-Menu select.sparqMenuOrganizationSelect_partner:hover
    {
        -webkit-appearance: initial;
        -moz-appearance: initial;
        appearance: initial;
    }
    #sparqUserMenuBar #sparqUser-Menu select#sparqMenuOrganizationSelect::-ms-expand 
    ,#sparqUserMenuBar #sparqUser-Menu select.sparqMenuOrganizationSelect_partner::-ms-expand
    {
        display: inline;
    }

.sparqMenuBar
{
    color: white;
}

.sparqMenuBar .mainLogoLink
{
    float: left;
}
.sparqMenuBar .mainLogo
,.sparq-menu-item-nopadding .mainLogo
{
    height: 41px;
    padding: 5px;
    padding-right: 10px;
    margin: 0 !important;
}

.sparqMenu .sparq-menu-link {
    padding-left: 1rem;
    padding-right: 1rem;
}
.sparqMenu .k-item.k-menu-item.k-state-hover:not(.k-state-disabled),
.sparqMenu .k-item.k-menu-item.k-state-focused:not(.k-state-disabled) {
    background-color: #DDD;
}

.k-menu:focus-visible, .k-menu-item *:focus-visible {
    box-shadow: 0 0 0.2rem 0.2rem #f66;
}

.InlineProcessingIcon
{
    font-size: 25px;
}

a.DisabledLink
{
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.nowrap,
.no-wrap,
td.nowrap,
td.no-wrap,
ul.nowrap,
ul.no-wrap,
ol.nowrap,
ol.no-wrap,
li.nowrap,
li.no-wrap
{
    white-space: nowrap;
}

.nomargin,
.no-margin,
td.nomargin,
td.no-margin,
ul.nomargin,
ul.no-margin,
ol.nomargin,
ol.no-margin,
li.nomargin,
li.no-margin,
div.nomargin,
div.no-margin
{
    margin: 0;
}

ul.list-striped > li:nth-child(odd)
,ol.list-striped > li:nth-child(odd)
,li.list-item-striped
{
    background-color: #fff;
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
}
 ul.list-striped > li
,ol.list-striped > li
,ul.list-unstriped > li
,ol.list-unstriped > li
,ul.list-hover > li
,ol.list-hover > li
{
    border-top: 1px solid #ddd;
    padding: 8px;
}

 ul.list-hover > li:hover
,ol.list-hover > li:hover
,li.list-item-hovered
{
    background-color: #f5f5f5;
}

.uploaded-large-image-section
{
    height: 302px;
    box-shadow: 0 2px 20px #ddd;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
    .uploaded-large-image
    {
        max-height: 300px;
        max-width: 100%;
    }

.fa-rotate-45 
{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pre-indent
{
    border-left: 5px solid #eee;
    margin-bottom: 8px;
}
.pre-indent .pre-indent
{
    border-left-color: #CCC;
}
.pre-indent .pre-indent .pre-indent
{
    border-left-color: #AAA;
}
.indent 
{
    margin-left: 2em;
}

 hgroup h1
,hgroup h2
,hgroup h3
,hgroup h4
,hgroup h5
,hgroup h6
{
    display: inline;
}

.form-check.disabled label, fieldset[disabled] .form-check label {
    color: #999;
}

.ui-widget-content a,
.ui-widget-content a.btn-link {
    /* overriding the jQuery UI value with the Bootstrap default */
    color: #0d6efd;
}
    .ui-widget-content a.btn-danger,
    .ui-widget-content a.btn-primary,
    .ui-widget-content a.btn-success,
    .ui-widget-content a.btn-secondary 
    {
        /* overriding the jQuery UI value with the Bootstrap default */
        color: #fff;
    }

    .ui-widget-content a.btn-info,
    .ui-widget-content a.btn-warning,
    .ui-widget-content a.btn-light {
        /* overriding the jQuery UI value with the Bootstrap default */
        color: #000;
    }

#saveButtonSection4Sparq
{
    width: 100%;
    padding: 10px;
}
/*#saveButtonSection4Sparq.affix-top
{
}*/
#saveButtonSection4Sparq.affix
{
    top:0px;
    z-index: 50;
    background: rgba(255, 255, 255, 0.9);
}

.k-event.k-state-selected
{
    background-position: 0 0;
    -webkit-box-shadow: 0 0 0 2px #515967;
    box-shadow: 0 0 0 2px #515967;
}

 label.disabled
,.btn-group.disabled
,.btn-group-vertical.disabled
{
    cursor: not-allowed;
}

#socialLoginList .btn,
.socialLoginList .btn {
    margin-right: 4px;
}
    #socialLoginList .btn .fa,
    .socialLoginList .btn .fa {
        margin-right: 2px;
    }

.nav > li.sparq-overflow-menu-item-hidden,
.sparq-overflow-menu-item-hidden
{
    display: none;
}

.sparq-overflow-menu-item-added > .k-link > .k-icon.k-i-arrow-s
{
    display: none;
}

a.sparq-data-location-program-link
{
    text-decoration: none;
}

a.sparq-data-location-program-link small span
{
    margin-left: 1em;
}

.ValueIsRequired > .form-group > label.control-label::after
{
    content: ' *';
    color: red;
}

 h1.atLeast1Required::after
,h2.atLeast1Required::after
,h3.atLeast1Required::after
,h4.atLeast1Required::after
,h5.atLeast1Required::after
,h6.atLeast1Required::after
{
    content: ' +';
    color: red;
    font-size: 0.8em;
}

.requiredNoteIcon
{
    color: red;
}

.table.middle-align-cells > tbody > tr > td,
.table.middle-align-cells > tbody > tr > th,
.table.middle-align-cells > tfoot > tr > td,
.table.middle-align-cells > tfoot > tr > th,
.table.middle-align-cells > thead > tr > td,
.table.middle-align-cells > thead > tr > th
{
    vertical-align: middle;
}

 #Sparq_Notifications_List .NotificationText:hover 
,#Sparq_Notifications_List .NotificationDelete:hover
{
    cursor: pointer;
}

 #Sparq_Notifications_List .NotificationDelete
 {
     color: red;
 }

 #Sparq_Notifications_List .SparqNotification_Status_Unread
,#Sparq_Notifications_List .SparqNotification_Status_0
{
     font-weight: bold;
}

.SparqNotificationCounter {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    background-color: white !important;
    padding: 2px 5px;
    color: black;
    border-radius: 8px;
    display: none;
}
#SparqMenu-NotificationsIcon .SparqNotificationCounter {
    top: 12px;
    right: 24px;
    line-height: normal;
}
.SparqNotificationCounter.SparqNotification_CounterHasUnread
{
    display: inline;
}
.SparqNotificationClose.SparqNotificationTopRightClose 
{
    position: absolute;
    top: 0;
    right: 0;
    color: rgb(51, 51, 51);
    padding: 5px 7px;
    font-size: 14px;
}
.SparqNotificationClose.SparqNotificationTopRightClose:hover
{
    background-color: red;
    cursor: pointer;
}

#Map-Div
{
    min-height: 400px;
}

#IsTestSite {
    color: white;
    text-shadow: 2px 2px rgba(51,51, 51, 0.5);
    text-align: center;
    font-weight: bold;
    background-color: rgb(181,30,13);
    background-image: linear-gradient(bottom, rgb(141,10,13) 18%, rgb(165,30,13) 39%, rgb(181,55,13) 80%);
    background-image: -o-linear-gradient(bottom, rgb(141,10,13) 18%, rgb(165,30,13) 39%, rgb(181,55,13) 80%);
    background-image: -moz-linear-gradient(bottom, rgb(141,10,13) 18%, rgb(165,30,13) 39%, rgb(181,55,13) 80%);
    background-image: -webkit-linear-gradient(bottom, rgb(141,10,13) 18%, rgb(165,30,13) 39%, rgb(181,55,13) 80%);
    background-image: -ms-linear-gradient(bottom, rgb(141,10,13) 18%, rgb(165,30,13) 39%, rgb(181,55,13) 80%);
}

.affix,
.navbar.affix {
    position: fixed;
    z-index: 1111;
    top: 0;
    width: 100%;
}

.input-group-text.input-group-prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-text.input-group-append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.css */
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

    .page-link,
    .pagination li a,
    .pagination li span {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #0d6efd;
        background-color: #fff;
        border: 1px solid #dee2e6;
    }

    .page-link:hover,
    .pagination li a:hover,
    .pagination li span:hover {
        z-index: 2;
        color: #0a58ca;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus,
    .pagination li a:focus,
    .pagination li span:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .page-item:first-child .page-link,
    .pagination li:first-child a,
    .pagination li:first-child span {
        margin-left: 0;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .page-item:last-child .page-link,
    .pagination li:last-child a,
    .pagination li:last-child span {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

    .page-item.active .page-link,
    .pagination li.active a,
    .pagination li.active span {
        z-index: 3;
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    .page-item.disabled .page-link,
    .pagination li.disabled a,
    .pagination li.disabled span {
        color: #6c757d;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6;
    }

.input-group-with-button,
.input-group-text.input-group-append.input-group-with-button {
    padding: 0;
    border: none;
}

.showAsFlexNotBlock[style*='display: block'],
.sparq-menu-has-overflow-menu-item[style*='display: block'],
.row.displayNone[style*='display: block'],
.row.display-none[style*='display: block'],
.showAsFlexNotListItem[style*='display: list-item'] {
    display: flex !important;
}

#IsTestSite h4 {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-size: 18px;
}

.btn {
    color: #fff;
}

a, .btn-link {
    color: #0d6efd;
    text-decoration: none;
}

    a:focus, .btn-link:focus {
        text-decoration: underline;
    }

.btn-primary, .bg-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd;
}

.btn-success, .bg-success {
    background-color: #198754 !important;
    border-color: #198754;
}

.btn-secondary, .bg-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d;
}

.btn-danger, .bg-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545;
}


.btn-warning, .bg-warning {
    background-color: #ffc107 !important;
    border-color: #ffc107;
    color: #000;
}

.btn-info, .bg-info {
    background-color: #0dcaf0 !important;
    border-color: #0dcaf0;
    color: #000;
}

.btn-light, .bg-light {
    color: #000;
    background-color: #f8f9fa !important;
}

.btn-dark, .bg-dark {
    color: #fff;
    background-color: #212529 !important;
}

.btn-primary:hover {
    background-color: #0b5ed7 !important;
}

.btn-success:hover {
    background-color: #157347 !important;
}

.btn-secondary:hover {
    background-color: #5c636a !important;
}

.btn-danger:hover {
    background-color: #bb2d3b !important;
}

.btn-warning:hover {
    background-color: #ffca2c !important;
    color: #000;
}

.btn-info:hover {
    background-color: #31d2f2 !important;
    color: #000;
}

.btn-light:hover {
    background-color: #e9eaeb !important;
    color: #000;
}

.btn-dark:hover {
    background-color: #2c2f33 !important;
}

.bg-success,
.bg-success.text-light,
.bg-success .text-light,
.text-light .bg-success {
    color: #fff !important;
}

#footer-logo {
    height: 42px;
}