@media print {
    div[id$='body_headerPane'], .qamenucontrol, .panel-menu-separator, .panel-help-link, .panel-link {
        display: none !important;
    }

    div[id$='body_contentPane'], .tmp-contentPane {
        overflow: visible !important;
        position:initial !important;
    }

    div[id$='body_mainPane'], .tmp-mainPane {
        height: 100% !important;
        overflow: visible !important;
    }

    .chilli-panel header {
        color: white !important;
    }
}

@media screen {
    div[id$='body_mainPane'], .tmp-mainPane {
        overflow: auto !important;
    }
}


    /******************************************************************************
 * ADDITIONAL RESET STYLES
 * Restore some styling undone by the reset CSS.
 */
    strong, b {
        font-weight: bold;
    }

    em, i {
        font-style: italic;
        display: inline-block;
        vertical-align: bottom;
    }

    ul, ol {
        list-style-image: none;
        list-style-position: outside;
        padding: 0 0 0 30pt;
    }

    ul {
        list-style-type: disc;
    }

    ol {
        list-style-type: decimal;
    }

    td {
        white-space: normal !important;
    }

    table {
        -webkit-overflow-scrolling: touch;
    }

    td.DataGridResultsBottomPager span, td.DataGridResultsPager span {
        font-weight: bold;
    }
    /*
 *****************************************************************************/

    html, body, input {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
        font-size: 12px;
    }

        body.mobile label,
        body.mobile input[type='text'] {
            font-size: 14px;
        }

    body {
        overflow: hidden;
    }

    select {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        /*height: 18px !important;*/
    }

    H1, H2, H3, H4 {
        margin-bottom: 5px;
        color: #555555;
        font-weight: bold;
        line-height: 100%;
    }

    H2 {
        font-size: 24px;
    }

    H3 {
        font-size: 18px;
    }

    H4 {
        font-size: 12px;
    }

    .font-12 {
        font-size: 12px;
    }
    /****************************************************************************
 * CHILLI PANEL
 */

    .chilli-panel {
    }

        .chilli-panel .content {
            border: 1px solid #e3e2e2;
            padding: 10px 10px;
            background-color: #ffffff;
            margin-top: 0px !important;
        }

        .chilli-panel[id$="Search"] .content {
            padding: 0px;
        }

        .chilli-panel header {
            background-color: #007acc; /* ChilliDB Blue */
            color: white;
            height: 28px;
            padding: 0;
        }

        .chilli-panel footer {
            background-color: #ffffff; /* ChilliDB Blue */
            color: #555555;
            height: 24px;
            padding: 0;
        }


        /* Override style in StandardStyle.css for now. */
        .chilli-panel header h1 {
            color: white;
        }

        .chilli-panel header {
            /*border-radius: 10px 10px 0 0;*/
            position: relative;
        }

        .chilli-panel footer {
            /*border-radius: 0 0 10px 10px;*/
            text-align: center;
            vertical-align: middle;
            letter-spacing: 2px;
            font-size: 9px;
            line-height: 24px; /* Must match the "height" property. Hack to vertically center the text within the element. */
            color: #555555;
            white-space: nowrap;
            border-top: 1px solid #e3e2e2;
        }

        /* Panel Icon */
        .chilli-panel .panel-icon {
            position: relative;
            margin-top: -11px;
            margin-left: 15px;
            float: left;
        }

        /* Panel Title */
        .chilli-panel header .panel-title {
            float: left;
            font-size: 10pt;
            font-weight: bold;
            margin: 6px 0px 0 6px;
            padding: 0;
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 70%;
            line-height: 17px;
        }

        /* Sensitivity Text */
        .chilli-panel .sensitivity-text {
            cursor: pointer;
            float: left;
            position: relative;
            margin: 2px 2px 0 0;
            top: 0px;
            color: #ffffff;
            text-decoration: none;
            font-weight: normal !important;
            font-size: 12px !important;
            padding: 4px 15px 4px 30px;
            display: block;
            line-height: 16px;
        }

        /* Ellipsis Text */
        .chilli-panel .ellipsis-text {
            cursor: pointer;
            float: left;
            position: relative;
            margin: 2px 2px 0 0;
            top: 0px;
            color: #ffffff;
            text-decoration: none;
            font-weight: normal !important;
            font-size: 12px !important;
            padding: 4px 15px 4px 10px;
            display: block;
            line-height: 16px;
        }

        /* Help Link */
        .chilli-panel .panel-help-link {
            float: right;
            position: relative;
            margin: 3px 2px 0 0;
            color: #ffffff;
            text-decoration: none;
            font-weight: normal !important;
            font-size: 12px !important;
            padding: 4px 15px;
            display: block;
            line-height: 16px;
        }

        .chilli-panel .panel-link {
            float: right;
            position: relative;
            margin: 0;
            margin-top: 3px;
            color: #ffffff;
            text-decoration: none;
            font-weight: normal !important;
            font-size: 12px !important;
            padding: 5px 15px 3px;
            display: block;
            line-height: 16px;
        }

            .chilli-panel .panel-help-link:hover, .chilli-panel .panel-help-link:active, .chilli-panel .panel-link:hover {
                padding-bottom: 0px;
                border-bottom: 4px solid #ffffff;
            }

        /* Quick Link Menu */
        .chilli-panel header .qamenucontrol,
        .DataGridResultsPager div .qame7nucontrol {
            /*position: absolute;
    right: 40px;*/ /* Calculated from Layout looks like: [ Quick Actions ] <-10px margin- ( help 20px ) <-10px right-| */
            position: relative;
            float: right;
            margin: 0;
            padding: 0;
        }

        .chilli-panel header .qamenucontrol-adjustment .qamenucontrol {
            /*right: 70px;*/ /* Calculated from Layout looks like: [...Quick Actions...] ( sensitivity 20px ) <-10px margin- [...Help Link...]| */
        }

        /* Quick Link Menu */
        .chilli-panel header .cooljsmenucontrol,
        .DataGridResultsPager div .cooljsmenucontrol {
            position: absolute;
            right: 40px; /* Calculated from Layout looks like: [ Quick Actions ] <-10px margin- ( help 20px ) <-10px right-| */
            margin: 0;
            padding: 0;
            top: 5px;
        }

        .chilli-panel header .cooljsmenucontrol-adjustment .cooljsmenucontrol {
            /*right: 70px;*/ /* Calculated from Layout looks like: [...Quick Actions...] ( sensitivity 20px ) <-10px margin- [...Help Link...]| */
        }

        .chilli-panel .panel-menu-separator {
            position: relative;
            float: right;
            color: #ffffff;
            padding: 0;
            margin: 0;
            margin-top: 2px;
            line-height: 16px;
        }

    .DataGridResultsPager .cooljsmenucontrol table {
        font-weight: bold;
    }

    .chilli-panel header .cooljsmenu,
    .DataGridResultsPager div .cooljsmenu {
        color: white;
        background: transparent center center;
    }

    .chilli-panel header .cooljsmenuhover,
    .DataGridResultsPager div .cooljsmenuhover {
        color: yellow;
        background: transparent center center;
    }


    .field {
        margin: 5px 0;
    }

    .ErrorSummary {
        background: whitesmoke;
        border: 1px solid black;
        padding: 5pt;
        display: inline-block; /* By default tables are "block" which is automatically 100% width. */
        text-align: left;
        font-size: 8pt;
        line-height: normal;
    }

        .ErrorSummary ul {
            margin-top: 0px;
            margin-bottom: 0px;
        }

    .branding-logo {
        float: left;
        margin: 0;
        padding: 0;
    }


    #user-navigation {
        margin: 0 0 0 auto;
        position: absolute;
        right: 0;
        list-style-image: none;
        list-style-type: none;
    }

        #user-navigation > li {
            float: left;
            margin: 0;
            padding: 0;
        }

    #username-display {
        position: static;
        text-align: right;
    }

    .RadSplitter td {
        vertical-align: top;
    }

    .MultiLineRow > td {
        padding-bottom: 10px !important;
        height: 14px !important;
        line-height: 1.25em !important;
    }

    tr.spaceUnder > td {
        padding-bottom: 5px;
    }

    .TabStrip img {
        vertical-align: bottom;
    }

    .TabStrip font, b {
        vertical-align: middle;
    }

    .TabStrip a {
        text-decoration: none;
    }

    .Listing {
        font-weight: bold;
        font-size: 10pt;
        color: white;
        background-color: #007acc;
        vertical-align: middle;
    }

    .PopUpTitle {
        background-color: #007acc;
        color: white;
        font-weight: bold;
        font-size: 15px;
    }

    .PopUpTitleAlert {
        background-color: none;
        color: black;
        font-weight: bold;
        font-size: 15px;
    }

        .PopUpTitle .modal-title, .PopUpTitleAlert .modal-title {
            display: inline;
            padding-left: 5px;
        }

    header.PopUpTitle, header.PopUpTitleAlert {
        height: 20px;
        text-align: center;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .DualList td {
        padding: 2px;
        vertical-align: middle;
    }

    .TableCellBorder td {
        border: 1px solid black;
        padding: 3px;
    }

    .VAlignTop, .VAlignTop > a {
        vertical-align: top;
    }

    .AddressValidationIcon {
        vertical-align: bottom;
    }
    /***********************************************
 * Search Pages
 */

    .SearchPanel {
        width: 95%;
        border-collapse: collapse;
        border-bottom: #e3e2e2 1px solid;
        margin: 0 auto;
    }

    .SearchPanelSubSection {
        border-top: #e3e2e2 1px solid;
        border-right: #e3e2e2 1px solid;
        border-left: #e3e2e2 1px solid;
        padding: 10px;
    }

        .SearchPanelSubSection li, h3 {
            padding: 0px 0px 3px 0px;
        }

        .SearchPanelSubSection td {
            padding: 0px 0px 5px 0px;
        }

    .SearchPanelSeparator {
        border-top: #e3e2e2 1px solid;
        border-right: none;
        border-left: none;
        padding: 3px;
    }

    .SearchPanelContent {
        background-color: #ffffff;
    }

    .SearchExpandCollapseButton {
        color: #007acc;
        font-weight: bold;
        border: 1px solid #e3e2e2;
        background-color: #ffffff;
    }

.CheckedListBox table {
    width: 100% !important;
}

    .CheckedListBox table td {
        display: flex !important;
        flex-direction: row !important;
    }

        .CheckedListBox table td > input[type=checkbox] {
            flex: 0 !important;
            height: 12px !important;
            margin-left: 2px !important;
        }

        .CheckedListBox table td > label {
            display: block !important;
            font-weight: normal !important;
            flex: 1 !important;
            padding-left: 0.5em !important;
            margin: 2px 0 0 0  !important;
            
        }

/*.CheckedListBox {
    width: 100%;
    border: 1px solid #ccc !important;
}

    .CheckedListBox input[type='checkbox'] {
        height: 12px;
        margin-left: 2px;
    }

    .CheckedListBox TD {
        padding: 0px;
        border: none;
    }

    .CheckedListBox {
        background-color: #FFFFFF;
    }

        .CheckedListBox TD label {
            display: inline !important;
            font-weight: normal !important;
            padding-left: 5px;
        }

        .CheckedListBox TD input {
            margin-top: 5px !important;
        }*/
        /******************************************************************************
 * Poly Control container table styling including Address Control
 */
        .EmptyBox {
        }

    .AddressControlBorderMiddle, .EmailControlBorderMiddle, .PhoneContactControlBorderMiddle, .ControlContainerBorderMiddle {
        border-left: 1px #e3e2e2 solid;
        border-right: 1px #e3e2e2 solid;
    }

    /* When we want to display two columns the "ControlContainerMiddle" class won't work properly - use these ones. */
    .ControlContainerLeftColumn {
        border-left: 1px #e3e2e2 solid;
        padding: 4px;
    }

    .ControlContainerRightColumn {
        border-right: 1px #e3e2e2 solid;
        padding: 4px;
    }

    .AddressControlBorderTopLeft, .EmailControlBorderTopLeft, .PhoneContactControlBorderTopLeft, .ControlContainerBorderTopLeft {
        text-align: left;
        margin-left: 0px;
        padding-left: 0px;
        border-bottom: 1px #e3e2e2 solid;
        line-height: 2px;
        /*font-size: 1px;*/
    }

    .AddressControlBorderTopRight, .EmailControlBorderTopRight, .PhoneContactControlBorderTopRight, .ControlContainerBorderTopRight {
        text-align: right;
        margin-right: 0px;
        padding-right: 0px;
        border-bottom: 1px #e3e2e2 solid;
        line-height: 2px;
        /*font-size: 1px;*/
    }

    .AddressControlBorderTopCenter, .EmailControlBorderTopCenter, .PhoneContactControlBorderTopCenter, .AddressControlBorderBottomCenter, .EmailControlBorderBottomCenter, .PhoneContactControlBorderBottomCenter, .ControlContainerBorderTopCenter, .ControlContainerBorderBottomCenter {
        font-size: 1px;
        line-height: 2px;
    }

    .AddressControlBorderBottomLeft, .EmailControlBorderBottomLeft, .PhoneContactControlBorderBottomLeft, .ControlContainerBorderBottomLeft {
        text-align: left;
        margin-left: 0px;
        padding-left: 0px;
        border-top: 1px #e3e2e2 solid;
        line-height: 2px;
        /*font-size: 1px;*/
    }

    .AddressControlBorderBottomRight, .EmailControlBorderBottomRight, .PhoneContactControlBorderBottomRight, .ControlContainerBorderBottomRight {
        text-align: right;
        margin-right: 0px;
        padding-right: 0px;
        border-top: 1px #e3e2e2 solid;
        line-height: 2px;
        /*font-size: 1px;*/
    }

    .AddressControlInherited {
        background-color: #EEEEEE;
    }

    .AddressRow > td, .CommunicationRow > td {
        padding-top: 3px;
        padding-bottom: 3px;
        height: 14px;
    }


    .AddressTextRow > td {
        padding-top: 1.5px !important;
    }

    .CommunicationLabelAddr {
        width: 140px;
        white-space: nowrap;
    }

    .CommunicationLabel {
        width: 150px;
        white-space: nowrap;
    }

    .CommunicationContol {
        width: auto !important;
    }

    .aspnet-calendar td {
        padding: 3px 5px;
        vertical-align: top !important;
    }

    .center {
        text-align: center;
    }

    .right {
        text-align: right;
    }
    /*
 * The ASP.NET Calendar applies the CssClass property to TWO tables involved in it's layout.
 * The inner one only has 1 row and is for the header, so we apply a top border to the second
 * row here to simulate an underline on the header.
 */
    table.aspnet-calendar tr:nth-child(2) {
        border-top: 4px solid black;
    }

    .multi-select-display {
        min-width: 150px;
        border-width: thin;
        border-style: inset;
        /*
    border-color: ThreeDLightShadow;
    border-top-color: ThreeDShadow;
     */
        background: white;
        padding: 3px;
        border-radius: 2px;
    }

    /******************************************************************************
 * Telerik RadListbox
 */

    .RadListBox {
        border: 1px solid #ccc !important;
    }

        .RadListBox > div {
            overflow: auto;
        }

    li.rlbItem {
        padding: 0px 2px !important;
        text-align: left !important;
    }

    li.rlbHovered, .rlbSelected {
        background-color: #3399FF !important;
        color: #FFFFFF !important;
    }

    .RadListBox .rlbText {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }




    /******************************************************************************
 * Telerik RadScheduler fix - http://www.telerik.com/community/forums/aspnet-ajax/scheduler/scheduler-all-day-row-sharepoint-and-ie8-width-problem.aspx
 */

    div.RadScheduler .rsHorizontalHeaderTable, div.RadScheduler .rsContentTable {
        width: /*\**/ 100%\9 !important;
    }

    * + html div.RadScheduler .rsHorizontalHeaderTable, * + html div.RadScheduler .rsContentTable {
        width: auto !important;
    }


    /******************************************************************************
 * Telerik RadAutocomplete
 */

    div.RadAutoCompleteBox_Default {
        width: 300px;
        padding-right: 5px;
    }

    .racInput {
        font-size: 12px !important;
    }

    div.RadAutoCompleteBox_Default .racInput {
        font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        width: 250px;
    }

    div.RadAutoCompleteBox_Default .racTokenList {
        width: 300px;
        height: 15px;
        border-width: 1px;
        border-style: solid;
        border-color: grey;
        font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    div.RadAutoCompleteBox_Default .racInput:hover {
        border-color: #4EA7F5;
    }

    div.RadAutoCompleteBox_Default .racInput:focus {
        border-color: grey;
    }

    div.RadAutoCompleteBoxPopup .racItem {
        font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    /******************************************************************************
 * Telerik RadAutocomplete
 */

    .autocomplete .RadAutoCompleteBox_Default {
        width: 306px;
    }

        .autocomplete .RadAutoCompleteBox_Default .racInput {
            width: 300px !important;
            height: 15px;
            border-width: 1px;
            border-style: solid;
            border-color: grey;
            font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 12px;
        }

        .autocomplete .RadAutoCompleteBox_Default .racTokenList {
            width: 306px;
            height: 100%;
            border-width: 0px;
            border-style: none;
        }

        .autocomplete .RadAutoCompleteBox_Default .racInput:hover {
            border-color: #4EA7F5;
        }

        .autocomplete .RadAutoCompleteBox_Default .racInput:focus {
            border-color: grey;
        }

    .autocomplete .RadAutoCompleteBoxPopup .racItem {
        font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .RadAutoCompleteBoxPopup.RadAutoCompleteBoxPopup_Bootstrap {
        width: 306px !important;
    }

        .RadAutoCompleteBoxPopup.RadAutoCompleteBoxPopup_Bootstrap .racList {
            width: 306px !important;
        }

    /****************************************************************************
 * EXTERNAL PANEL
 */

    .external-panel {
    }





        .external-panel .ChilliDBSurveyExternalContent {
            border: 1px solid #FFFFFF;
            top: 10px;
            bottom: 50px;
            background-color: #FFFFFF;
            position: fixed;
            overflow: auto;
            margin: 0% 0.5% 0% 0.5%;
            width: 99%;
        }

            .external-panel .ChilliDBSurveyExternalContent.notfixed-ie8 {
                position: relative;
                margin: 0px;
                width: 99%;
                overflow: visible !important;
            }

            .external-panel .ChilliDBSurveyExternalContent.notfixed {
                border: 1px solid #FFFFFF;
                top: 100px;
                bottom: 50px;
                background-color: #FFFFFF;
                position: relative !important;
                overflow: hidden;
                margin: 0% 0.5% 0% 0.5%;
                width: 99%;
            }

        .external-panel header, .external-panel footer {
            background-color: #ED212D;
            color: black;
            height: 24px;
            padding: 0;
        }

    .header {
        background-color: #007acc;
        height: 24px;
        padding: 0;
    }

        .header h1 {
            color: white;
        }

    /* Override style in StandardStyle.css for now. */
    .external-panel header h1 {
        color: black;
    }

    .external-panel h2, h3, h4 {
        color: black;
    }

    .external-panel header {
        position: absolute;
        width: 100%;
        top: 0px;
        left: 0px;
        height: 100px;
        background-repeat: repeat-x;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-color: transparent;
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
        z-index: 99;
        overflow: hidden;
    }

    .external-panel footer {
        text-align: center;
        vertical-align: middle;
        background-color: #ED212D;
        white-space: nowrap;
        bottom: 0;
        left: 0;
        top: auto;
        height: 50px;
        position: absolute;
        width: 100%;
        background-image: url('../images/survey/tagline-footer.png');
        background-repeat: no-repeat;
        background-position: center center;
        display: block;
        overflow: hidden;
    }

    .footer {
        text-align: center;
        height: 24px;
    }

    /* Panel Icon 1 */
    .external-panel .panel-icon-1 {
        left: 5px;
        top: 8px;
        width: 300px;
        height: 50px;
        display: block;
        position: absolute;
        background-image: url('../images/survey/qg-coa.png');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-color: transparent;
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
        z-index: 101;
    }

    .external-panel .panel-icon-2 {
        position: absolute;
        top: 69px;
        left: 0px;
        height: 27px;
        width: 450px;
        background-image: url('../images/survey/Survey-Title.png');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 10px top;
        background-color: transparent;
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
        z-index: 101;
    }

    .external-panel .panel-icon-3 {
        display: block;
        position: absolute;
        width: 100%;
        top: 0px;
        left: 0px;
        height: 100px;
        background-image: url('../images/survey/ECEC-SWIRLS.gif');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 400px 0px;
        background-color: #ED212D;
        background-size: 222px 100px;
        background-origin: padding-box;
        background-clip: border-box;
        z-index: 100;
    }

    .external-panel .panel-icon-4 {
        position: absolute;
        width: 436px;
        top: 70px;
        right: 15px;
        height: 18px;
        background-image: url('../images/survey/agencyname.png');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-color: transparent;
        background-size: auto;
        background-origin: padding-box;
        background-clip: border-box;
        z-index: 100;
    }


    /******************************************************************************
 * Telerik RadAutocomplete for SURVEY
 */

    .survey .RadAutoCompleteBox_Default {
        height: 17px;
        line-height: 14px;
        border-width: 1px;
        border-style: solid;
        border-color: grey;
        font-family: verdana, Geneva, Arial, Helvetica, sans-serif !important;
        font-size: 11px !important;
        width: 490px;
    }

        .survey .RadAutoCompleteBox_Default .racInput {
            height: 12px;
            line-height: 14px;
            border-width: 0px;
            border-style: none;
            font-size: 12px;
        }

        .survey .RadAutoCompleteBox_Default .racTokenList {
            height: 12px;
            border-width: 0px;
            border-style: none;
            width: 490px;
        }

        .survey .RadAutoCompleteBox_Default .racTextToken {
            padding-left: 4px;
            font-size: 11px;
        }

        .survey .RadAutoCompleteBox_Default:hover {
            border-color: #4EA7F5;
        }

        .survey .RadAutoCompleteBox_Default:focus {
            border-color: grey;
        }


    .survey .RadAutoCompleteBoxPopup_Default, .RadAutoCompleteBoxPopup .racList {
        max-height: 155px !important;
        font-size: 11px;
    }

    .tooltip {
        text-decoration: underline;
    }

    /******************************************************************************
 * Telerik  - default skin for input


.riTextBox
{
    border-color: grey!important;
}

.riTextBox:hover
{
    border-color: #4EA7F5 !important;
}

.riTextBox:focus
{
    border-color: grey !important;
}

 */

    .SurveyError {
        margin-top: 5px;
        border-style: none;
        padding: 5pt;
        display: block; /* By default tables are "block" which is automatically 100% width. */
        text-align: left;
        font-size: inherit;
        font-weight: normal;
        color: red;
        line-height: normal;
    }

        .SurveyError ul li {
            color: red !important;
            margin-top: 0px;
            margin-bottom: 0px;
        }

    /******************************************************************************
 * Survey grids
 */

    tr.datagrid-row-header > td {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: groove;
        border-bottom-width: 3px;
        border-bottom-color: black;
    }

    tr.datagrid-row > td {
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #EEEEEE;
    }

    tr.datagrid-row-alternate > td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .questionnaire-dynamic-grid-delete {
        font-size: 12px !important;
        color: #007acc;
    }

    div#questionnaire-container a {
        font-size: 12px !important;
    }

    /*Question Group Delete Columns*/
    td.DeleteColumn {
        vertical-align: middle;
    }

    .AddLink {
        font-size: 12px;
    }

    /******************************************************************************
 * Survey input elements
 */

    div#questionnaire-container .input-decorate {
        padding-left: 4px !important;
        border: 1px grey solid;
        height: 15px !important;
        border-radius: 0 !important;
        min-height: 100px;
        min-width: 100px;
    }

    div#questionnaire-container .input-decorate-multiline {
        padding-left: 4px !important;
        border: 1px grey solid;
        border-radius: 0 !important;
        min-height: 100px;
        min-width: 100px;
    }

    div#questionnaire-container .rad-input-decorate {
        padding-left: 4px !important;
        border: 1px grey solid !important;
        border-radius: 0 !important;
        height: 19px !important;
    }

    div#questionnaire-container .list-input-decorate {
        height: 18px;
    }

    div#questionnaire-container .input-decorate:hover, div#questionnaire-container .rad-input-decorate:hover {
        border-color: #4EA7F5 !important;
    }

    div#questionnaire-container .input-decorate:focus, div#questionnaire-container .rad-input-decorate:focus {
        border-color: grey !important;
    }

    div#questionnaire-container .read-only {
        border-collapse: collapse;
        border: none;
        width: 100%;
    }

    .question-row > div {
        float: left;
    }

    .paragraph {
        margin-top: 0.5em;
        padding-left: 1em;
    }

    .bar {
        height: 5px;
        background: black;
    }

    /******************************************************************************
 * Loading Panel elements
 */
    .LoadingPanel {
        Z-INDEX: 10000;
        WIDTH: 100%;
        height: 100%;
        POSITION: fixed;
        top: 0px;
        left: 0px;
        background-color: white;
        opacity: 0.75;
        filter: alpha(opacity=75);
    }

    /******************************************************************************/
    /*.FieldContainer
{
    vertical-align :top  !important;
}*/

    /*.RequiredImageContainer
{
    width :15px !important;
}*/

    .CollapsableContainer {
        padding-top: 10px;
    }

    .RequiredFieldImage {
        padding: 0px 0px 0px 0px;
        vertical-align: top;
    }

    label.error {
        color: red;
        font-weight: normal;
    }

    .form-control {
        font-size: 12px !important;
    }

        .form-control.error {
            background-color: lightyellow;
        }

    div.error {
        color: red;
    }

    input[type='checkbox'].form-control {
        height: 25px;
    }

    .address-box {
        margin-bottom: 20px;
    }


    .RadDropDownTree.RadDropDownTree_Bootstrap {
        width: 100%;
    }

    .riTextBox {
        display: block;
        width: 100%;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    header[id$='_body_mainSection_contentPanel_headerControl'] {
        width: 100%;
    }

    html body .RadPicker .rcCalPopup {
        width: 34px;
        height: 34px;
        background-size: 35px;
    }

    form[action^='./search_page.aspx'] #DivSearchButton, form[action$='edit'] #divSaveButton,
    form[action$='add'] #divSaveButton,
    form[action^='./view_page.aspx?page_id=5&function=add'] #divSaveButton,
    form[action^='./view_page.aspx?page_id=5&'] #divSaveButton {
        width: 100%;
        position: absolute;
        bottom: 0px;
        right: 0;
        padding: 0.5% 4%;
        background-color: #d9edf7;
        margin: 0px !important;
        z-index: 999999;
    }

    #divSaveButton .btn {
        margin-left: 10px;
    }

    .rlbGroup.rlbGroupRight {
        border: 0px !important;
    }

    .form-control {
        width: 100% !important;
    }

    .form-group, .row {
        margin-right: 0px !important;
    }

        .form-group a, span.label {
            padding-top: 7px;
            padding-bottom: 0px;
            display: inline-block;
            vertical-align: middle;
            vertical-align: -webkit-baseline-middle;
        }

        .form-group p > a {
            vertical-align: bottom !important;
        }

    .no-padding-bottom {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    .no-padding-right {
        padding-right: 0px !important;
        margin-right: 0px !important;
    }

    span.label {
        color: rgb(51, 51, 51);
        font-size: 13px;
        font-weight: normal;
        padding-left: 0px;
        white-space: normal;
        text-align: left;
    }

        span.label a {
            padding: 0px;
            word-break: break-all;
        }

        span.label * {
            /*float: left;*/
        }

    .control-label {
        font-size: 12px;
        word-break: break-word;
    }

    .control-label-big {
        font-size: 20px;
        word-break: break-word;
    }

    .control-label-title {
        font-size: 18px;
        word-break: break-word;
    }

    .feature-listing-space {
        margin-bottom: 30px;
        float: left;
    }

    .form-group .feature-listing-link a {
        padding-top: 0px;
        vertical-align: top;
    }

    span[id$='lblRecordCount'] {
        color: black;
        font-size: 13px;
        font-weight: bold;
    }

    .RadTabStrip_ChilliDB .rtsLevel1 .rtsSelected, .RadTabStrip_ChilliDB .rtsLevel1 .rtsSelected:hover {
        padding-bottom: 2px !important;
    }

    .row {
        margin-bottom: 2px;
    }

        .row input[type='checkbox'] {
            height: 25px;
        }

    span.checkbox-col {
        height: 25px;
        display: inline-block;
        padding-top: 7px;
        position: relative;
        width: 100%;
    }

    a.anchor-col {
        height: 25px;
        display: inline-block;
        padding-top: 7px;
    }

    span.checkbox-col > input[type='checkbox'] {
        margin-top: 0px;
        margin-right: 5px;
        height: 13px;
    }

    span.checkbox-col > label {
        margin: 0px;
        position: absolute;
    }

    div.checkbox-col input[type='checkbox'] {
        margin-top: 5px;
        margin-right: 5px;
        height: 13px;
    }

    div.checkbox-col label {
        margin-top: 2px;
        margin-right: 5px;
        vertical-align: top;
    }

    table.checkbox-col td {
        padding: 0px !important;
    }

    table.checkbox-col input[type='checkbox'] {
        margin-top: 5px;
        margin-right: 5px;
        height: 13px;
    }

    table.checkbox-col label {
        margin-top: 2px;
        margin-right: 5px;
        vertical-align: top;
    }

    span > * {
        vertical-align: bottom !important;
    }

    .checklistbox input[type='checkbox'] {
        margin-top: 0px;
        margin-bottom: 0px;
        vertical-align: middle;
    }

    .navbar {
        margin-bottom: 0px !important;
    }

    .nopadding {
        padding: 0px !important;
    }

    .nopadding-right {
        padding-right: 0px !important;
    }

    td.CollapseExpandTitle {
        padding-right: 25px;
        text-align: left;
        width: 100%;
    }

    .DataGridResults tbody A, .DataGridResults tbody td {
        font-weight: normal !important;
        word-wrap: break-word;
    }

    .staticdynamicdate {
        width: 120px !important;
        text-align: center;
    }

        .staticdynamicdate.mobile {
            width: 130px !important;
            text-align: center;
        }

    .staticdynamicdatetime {
        width: 87px !important;
        text-align: center;
    }

        .staticdynamicdatetime.mobile {
            width: 97px !important;
            text-align: center;
        }

    div.input-group.static-datepicker {
        width: 150px !important;
        display: inline-table;
    }

    div.input-group.static-datetimepicker {
        width: 110px !important;
        display: inline-table;
    }

    .dynamicdate {
        width: 112px !important;
    }

    .dynamicdatetime {
        width: 63px !important;
    }

    .dynamicdate.mobile {
        width: 130px !important;
    }

    .dynamicdatetime.mobile {
        width: 97px !important;
    }

    div.input-group.datepicker {
        width: 150px !important;
        display: inline-table;
    }

    div.input-group.datetimepicker {
        width: 88px !important;
        display: inline-table;
    }

    .form-control.text-inline-150 {
        width: 150px !important;
        display: inline-table;
    }

    span.seperator {
        vertical-align: bottom;
        margin: 0px 4px;
        height: 17px;
        display: inline-block;
    }

    .RadMenu .rmRootGroup .rmRootLink, .rmLink.rmRootLink {
        padding: 0px !important;
    }

    div.RadMultiPage.RadMultiPage_Bootstrap {
        margin-top: 5px;
    }

    

    table.quick-search-table {
        width: 100%;
    }

        table.quick-search-table thead tr {
            font-weight: bold;
        }

        table.quick-search-table thead th {
            background: #F1F1F1;
        }

        table.quick-search-table tbody tr:nth-child(even) td {
            background: #F1F1F1;
        }

        table.quick-search-table th, table.quick-search-table td {
            margin-left: 1px;
        }

    .dataTable th, .dataTables_wrapper label, .dataTables_info {
        font-size: 12px;
    }

    .dataTables_length, .dataTables_filter {
        display: none;
    }

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 8px 5px !important;
    }

    .btn {
        font-size: 12px !important;
    }

    .btn-Font-Bigger {
        font-size: 24px !important;
    }

    .modal.fade.in {
        overflow: hidden;
    }

    .modal-dialog {
        position: absolute !important;
        width: 400px;
        left: 30% !important;
        margin-left: -200px !important;
    }

        .modal-dialog .form-control {
            font-size: 12px !important;
        }
    /*
.modal-dialog {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}
.ui-draggable-dragging {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}
    .modal.fade.ui-draggable-dragging {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
.modal.in .modal-dialog {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
    */
    .modal.bootstrap-dialog {
        z-index: 9999 !important;
    }

        .modal.bootstrap-dialog .modal-header {
            padding: 10px !important;
            position: relative !important;
            background-color: #007acc !important;
            color: white !important;
        }

    .modal-header.modal_on_modal {
        position: static !important;
    }

    #GeneralModal {
        z-index: 9060 !important;
    }

    #GeneralModalIFrame {
        height: 100%;
    }

    #AlertModal .modal-dialog {
    }

    #alertlist_info {
        margin-left: 15px;
    }

    form[action$='default.aspx'] .container {
        width: 100%;
    }

    .privacy-error {
        color: #ED212D;
    }

    .my-modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 999999; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
    }

        /* Modal Content */
        .my-modal .my-modal-content {
            background-color: #fefefe;
            margin: auto;
            padding: 20px;
            border: 1px solid #888;
            width: 400px;
            box-shadow: 5px 5px 5px #888888;
        }

        /* The Close Button */
        .my-modal .my-close {
            z-index: 1999999; /* Sit on top */
            color: #aaaaaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            margin: -20px -15px 0px 0px;
        }

            .my-modal .my-close:hover,
            .my-modal .my-close:focus {
                color: #000;
                text-decoration: none;
                cursor: pointer;
            }

    .quick-detail-table {
    }

    .nav > li > a {
        /*padding: 1rem !important;*/
        padding: 1rem 0.75rem !important;
    }

    @media (max-width: 992px) {
        .nav > li > a {
            padding: 0.5rem !important;
        }

        .button-div {
            position: relative !important;
        }
    }

    @media (min-width: 992px) {
        /*.modal-lg {
        width: 900px !important;
    }*/
        .btn-primary, .btn-warning, .btn-info, .btn-danger, .btn-default {
            width: 115px;
        }
    }

    @media (min-width: 768px) {
        #DivMainMenu > .navbar-nav .dropdown:last-child > .dropdown-menu {
            /*left: -90px;*/
        }

        .button-div {
            position: relative !important;
        }
    }


    @media (max-width: 768px) {
        #DivMainMenu .dropdown-menu:last-child {
            left: auto;
        }

        .nav > li > a {
            padding: 0.2rem 0 0.2rem 1rem !important;
        }

        .text-right {
            text-align: left !important;
        }

            .text-right.button-box {
                text-align: right !important;
            }

        .control-label {
            text-align: left !important;
        }

        label.required:before {
            font-size: 10px !important;
        }

        /*.DataGridResults A, .DataGridResults td {
        font-size: 10px;
    }*/
        .modal-dialog {
            /*left: 35% !important;*/
            /*width: 600px !important;*/
        }

        .button-div {
            position: relative !important;
        }

        .chilli-panel header .panel-title {
            width: 50%;
        }
    }

    @media (max-width: 580px) {
        .comm-input-box {
            clear: left;
        }

        .chilli-panel header .panel-title {
            width: 0%;
        }
    }

    @media (max-width: 400px) {
        .comm-input-box input {
            width: 200px !important;
        }
    }

    .btn-sm {
        width: 75px;
        padding: 5px !important;
    }

    .text-div {
        float: left;
        margin-right: 2px;
    }

    .button-div {
        margin-left: 5px;
        display: inline-table;
        height: 34px;
        vertical-align: sub;
    }

    .padding-left-4 {
        padding-left: 4px !important;
    }

    .padding-left-10 {
        padding-left: 10px !important;
    }

    .margin-left-5 {
        margin-left: 5px !important;
    }

    .margin-left-10 {
        margin-left: 10px !important;
    }

    .margin-left-15 {
        margin-left: 15px !important;
    }

    .margin-left-minus-32 {
        margin-left: -32px !important;
    }

    .margin-top-5 {
        margin-top: 5px !important;
    }

    .margin-top-6 {
        margin-top: 6px !important;
    }

    .margin-top-neg5 {
        margin-top: -5px !important;
    }

    .margin-top-10 {
        margin-top: 10px !important;
    }

    .margin-top-20 {
        margin-top: 20px !important;
    }

    .margin-top-40 {
        margin-top: 40px !important;
    }

    .margin-top-60 {
        margin-top: 60px !important;
    }

    .margin-top-80 {
        margin-top: 80px !important;
    }

    .margin-top-120 {
        margin-top: 120px !important;
    }

    .margin-bottom-5 {
        margin-bottom: 5px !important;
    }

    .margin-bottom-10 {
        margin-bottom: 10px !important;
    }

    .padding-bottom-4 {
        padding-bottom: 4px !important;
    }

    .padding-bottom-20 {
        padding-bottom: 20px !important;
    }

    .width-100-pct {
        width: 100% !important;
        display: inline-block !important;
    }

    .width-95-pct {
        width: 95% !important;
        display: inline-table !important;
    }

    .width-75-pct {
        width: 75% !important;
        display: inline-table !important;
    }

    .width-50-pct {
        width: 50% !important;
        display: inline-table !important;
    }

    .width-30-pct {
        width: 30% !important;
        display: inline-table !important;
    }

    .width-25-pct {
        width: 25% !important;
        display: inline-table !important;
    }

    .width-32-pct {
        width: 32% !important;
        display: inline-table !important;
    }

    .width-68-pct {
        width: 68% !important;
        display: inline-table !important;
    }

    .width-30 {
        width: 30px !important;
        display: inline-table !important;
    }

    .width-50 {
        width: 50px !important;
        display: inline-table !important;
    }

    .width-60 {
        width: 60px !important;
        display: inline-table !important;
    }

    .width-60-not-inline {
        width: 60px !important;
    }

    .width-60-float-left {
        width: 60px !important;
        /*display: inline-table !important;*/
        float: left !important;
    }

    .max-width-60 {
        max-width: 60px !important;
        display: inline-table !important;
    }

    .max-width-70 {
        max-width: 70px !important;
        display: inline-table !important;
    }

    .width-80 {
        width: 80px !important;
    }

    .width-90 {
        width: 90px !important;
    }

    .width-100 {
        width: 100px !important;
        display: inline-table !important;
    }

    .min-width-115 {
        min-width: 115px !important;
        display: inline-table !important;
    }

    .width-130 {
        width: 130px !important;
        display: inline-table !important;
    }

    .max-width-150 {
        max-width: 150px !important;
        display: inline-table !important;
    }

    .width-170 {
        width: 170px !important;
        display: inline-table !important;
    }

    .max-width-170 {
        max-width: 170px !important;
        display: inline-table !important;
    }

    .max-width-170-not-inline {
        max-width: 170px !important;
        width: 170px !important;
    }

    .width-240 {
        width: 240px !important;
        display: inline-table !important;
    }

    .max-width-240 {
        max-width: 240px !important;
        display: inline-table !important;
    }

    .width-257 {
        width: 257px !important;
        display: inline-table !important;
    }

    .width-300 {
        width: 300px !important;
        display: inline-table !important;
    }

    .width-300-not-inline {
        width: 300px !important;
    }

    .width-380 {
        width: 380px !important;
        display: inline-table !important;
    }


    .width-390 {
        width: 390px !important;
        display: inline-table !important;
    }

    .phone-email-group {
        width: 512px !important;
        display: inline-table !important;
    }

    .address-group {
        width: 385px !important;
        display: inline-table !important;
    }

    .width-520 {
        width: 520px !important;
        display: inline-table !important;
    }

    .height-14 {
        height: 14px !important;
    }

    .height-17 {
        height: 17px !important;
    }

    .height-20 {
        height: 20px !important;
    }

    .height-34 {
        height: 34px !important;
    }

    .height-38 {
        height: 38px !important;
    }

    .vert-align-bottom {
        vertical-align: baseline;
        vertical-align: -webkit-baseline-middle;
    }

    .vert-align-top {
        vertical-align: top;
    }

    .vert-align-textbottom {
        vertical-align: text-bottom;
    }

    .navbar {
        min-height: 40px !important;
    }

    .glyphicon.glyphicon-remove {
        font-size: 15px;
        color: gray;
        height: 20px;
        cursor: pointer;
    }

    html .RadDropDownTree {
        min-width: 200px !important;
    }

    .font-11 {
        font-size: 11px !important;
    }

    .font-24 {
        font-size: 24px;
    }

    .font-bold {
        font-weight: bold !important;
    }

    .inline-table {
        display: inline-table !important;
    }

    .margin-right-0 {
        margin-right: 0px !important;
    }

    .margin-right-5 {
        margin-right: 5px !important;
    }

    .glyphicon-remove {
        color: red;
    }

    .glyphicon-import {
        color: gray;
    }

    div[id$='body_contentPane'] {
        bottom: 0px !important;
    }

    div[id$='tblPlaceholder'] {
        /*padding-bottom: 70px !important;
    margin-bottom:  70px !important;*/
    }

    .clear-both {
        clear: both;
    }

    .separator-mgn-10 {
        margin: 0px 10px;
        display: inline-table;
        vertical-align: top;
    }

    .option-box-margin-5 > span {
        margin-top: 5px;
        display: block;
    }

    .option-box > span {
        margin-top: 10px;
        display: block;
    }

    .option-box input[type='radio'], .option-box-margin-5 input[type='radio'] {
        margin: 0px;
        height: 24px;
    }

    .option-box label, .option-box-margin-5 label {
        margin-right: 7px;
    }

    .DataGridResultsStandard td label, .DataGridResultsAlternate td label {
        height: 24px;
        vertical-align: middle;
    }

    .panel-heading .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit;
    }

    a:focus {
        outline: none !important;
    }

    .HeaderNameAndDateBlock {
        background-color: transparent !important;
        display: inline-block !important;
        margin-top: 17px !important;
        font-weight: bold !important;
    }

        .HeaderNameAndDateBlock a, .HeaderNameAndDateBlock a:visited {
            background-color: transparent !important;
            color: #888A8E !important;
            font-weight: bold !important;
        }

    div.button-box {
        display: inline-block;
        width: 100%;
    }


    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-left: 0px !important;
    }

    div[id$='objBaseFields_lstResource'] {
        height: 66px;
        width: 100% !important;
    }

        div[id$='objBaseFields_lstResource'] label {
            font-weight: normal !important;
            margin-bottom: 0px !important;
        }

    /*.RadEditor.reWrapper .reToolCell {
    padding-bottom: 8px !important;
}*/

    .RadEditor.reWrapper .reToolCell a, .reEditorModesCell a {
        padding-top: 0px !important;
    }

    /*.RadEditor.Office2007.reWrapper .reLayoutWrapper iframe {
    height: 435px !important;
}*/
    /*.rmpView {
    overflow: auto;
}*/

    select, input[type='date'], input[type='time'] {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        background-color: white !important;
        background-image: url('../Images/Descending.png') !important;
        background-position: 97% center !important;
        background-repeat: no-repeat !important;
        padding-right: 1.5em !important;
        background-size: 5px 4px;
    }

        select[multiple], select[size] {
            background-image: none !important;
        }

        select::-ms-expand {
            display: none;
        }

    #FilterRows, #DisplayRows {
        max-height: 200px;
        overflow: auto;
    }

    .btn-export {
        display: inline-block !important;
        margin-bottom: 0 !important;
        font-weight: normal !important;
        text-align: center !important;
        vertical-align: middle !important;
        cursor: pointer !important;
        background-image: none !important;
        border: 1px solid transparent !important;
        white-space: nowrap !important;
        padding: 6px 12px !important;
        font-size: 12px !important;
        line-height: 1.428571429 !important;
        border-radius: 4px !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        -o-user-select: none !important;
        user-select: none !important;
        color: #fff !important;
        background-color: #428bca !important;
        border-color: #357ebd !important;
    }

        .btn-export:hover,
        .btn-export:focus {
            color: #333333;
            text-decoration: none;
            background-image: none;
            outline: 0;
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }

    .btn-pressed {
        background-color: aliceblue !important;
    }

    .display-none {
        display: none !important;
    }

    .header-label {
        color: #007acc;
    }

    .blue {
        color: #007acc;
    }

    .page-section {
        margin: 9px 0px;
    }

    .label-left {
        text-align: left;
    }

    .display-block {
        display: block !important;
    }

    .tree-label {
        padding: 5px 10px;
        display: inline-block;
        min-width: 130px;
    }

    .pull-left {
        float: left !important;
    }

    .flex {
        display: flex !important;
    }

    .rsAdvOptionsPanel, .riContentWrapper {
        display: flex !important;
    }

    .riSingle a.riUp {
        position: relative !important;
        left: 0px !important;
    }

    .riSingle a.riDown {
        margin-top: 15px !important;
        position: relative !important;
        left: 4px !important;
    }

    .RecurrenceEditor .rsAdvWeekly_WeekDays li {
        width: 90px !important;
        margin-right: 0px !important;
    }

    input[id$='AppointmentRecurrenceEditor_RangeEndDate_dateInput'],
    input[id$='AppointmentRecurrenceEditor_WeeklyRepeatInterval'],
    input[id$='AppointmentRecurrenceEditor_RangeOccurrences'] {
        font-size: 11px !important;
        height: 22px !important;
    }

    .rsAdvRadio > label {
        position: relative !important;
        top: 4px;
    }

    .rsAdvInput {
        height: 22px !important;
    }

    div[id$='AppointmentRecurrenceEditor_RangeEndDate_wrapper'] {
        margin-top: 3px !important;
    }

    .RadComboBox .rcbInput {
        padding: 4px 0 1px !important;
    }

    .readonly {
        background-color: #eee;
    }

    .RadScheduler.RadScheduler_Office2007 .rsWrap {
        z-index: 0 !important;
    }

    #GeneralModalHeader {
    }

    .modal-header {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        padding: 0px !important;
        position: absolute !important;
        width: 100% !important;
        cursor: move;
    }

        .modal-header .close {
            margin-top: -4px !important;
            */;
        }

    .DualList {
        width: 100%;
    }

    div.modal-body {
        height: 98% !important;
    }

    .reDropdown.reZoom, .reDropdown.reRealFontSize {
        width: 60px !important;
    }

    .reDropdown.reFontName {
        width: 100px !important;
    }

    li.rtsLI {
        height: 38px !important;
    }

    .rmpView {
        overflow: visible !important;
    }

    .overflow-visible {
        overflow: visible !important;
    }

    .dynamic-search a[data-toggle='collapse'] {
        margin-left: 10px !important;
    }

    .color-white {
        color: white !important;
    }

    #DivRightNavBar {
        border: 0px !important;
    }

    #DivRightMenu {
        background-color: white !important;
    }

    .range-field {
        width: 47% !important;
        display: inline-block;
    }

    .range-seperator {
        width: 2%;
        display: inline-block;
        text-align: center;
        margin: 0px;
    }

    .chilli-panel {
        margin-bottom: 5px;
    }

    .from-to-seperator {
        margin-top: 0px;
    }

    .form-group a[data-toggle='collapse'] {
        display: block;
        margin: 10px 0px 0px 0px;
        clear: both;
        font-weight: bold !important;
    }

        .form-group a[data-toggle='collapse']::before {
            content: " +";
        }

        .form-group a[data-toggle='collapse'].expanded::before {
            content: " -";
        }

    select[id$='ddlSavedSearchDisplay'] {
        text-align: center;
        text-align-last: center;
    }

    a.find-btn {
    }

    .RadToolTip_Bootstrap {
        border: 1px solid rgb(51, 51,51) !important;
        background-color: white !important;
    }

        .RadToolTip_Bootstrap table.rtWrapper td.rtWrapperContent {
            color: rgb(51, 51,51) !important;
            font-size: 12px !important;
        }

    span[data-title]:hover:after {
        content: attr(data-title);
        padding: 4px 8px;
        color: #333;
        z-index: 20;
        position: absolute;
        white-space: nowrap;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0px 0px 4px #222;
        -webkit-box-shadow: 0px 0px 4px #222;
        box-shadow: 0px 0px 4px #222;
    }

    .RadMenu .rmGroup .rmLeftImage {
        margin: -8px 0 !important;
    }

    .sticky-bottom.desktop {
        padding-top: 3px;
        padding-bottom: 3px;
        border-top: 3px solid lightgray;
        position: absolute;
        bottom: 0px;
        right: 50px;
        z-index: 1000;
        width: 100%;
        background-color: white;
    }

    .sticky-top {
        margin-top: 10px;
    }

    .search-header {
        position: inherit !important;
        top: 0px;
        z-index: 1000;
        width: 100% !important;
        background-color: white;
    }

    table[id$="rptNews"] {
        overflow: auto;
        display: inline-block;
    }

    .btn-x {
        padding: 3px 7px;
        width: 30px;
    }

    .inline-block {
        display: inline-block !important;
    }

    .vertical-bottom {
        vertical-align: bottom !important;
    }

    .ui-draggable {
        cursor: pointer;
    }

    .TimeControlSeparatorAlignment {
        padding-left: 4px;
    }

    .multiselect-container > li:hover label, .multiselect-container > li:focus label {
        color: #555 !important;
    }

    ul.multiselect-container.dropdown-menu a {
        text-decoration: none;
    }

    button.multiselect.dropdown-toggle {
        width: 100%;
    }

    span.multiselect-native-select div.btn-group {
        width: 100%;
    }

    .qrcode-img {
        max-width: 200px;
    }

    a {
        text-decoration: none !important;
        font-weight: normal !important;
    }

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

        .linkDisabled, .linkDisabled:hover, a[title^="Sensitivity rules apply"]:hover {
            cursor: text !important;
            text-decoration: none !important;
        }

        a[title^="Click 'All Fields'"], a.rtsLink, a.CollapseExpandTitle, td.NewsTitle {
            font-weight: bold !important;
        }

            a[title^="Click 'All Fields'"]:hover, a.rtsLink:hover, a.rmLink:hover, a.CollapseExpandTitle:hover, td.NewsTitle:hover, .panel-link:hover, .panel-help-link:hover, .DataGridResultsHeading > td > a:hover {
                text-decoration: none !important;
            }

    .custom-grid-link:hover {
        text-decoration: none !important;
        color: rgb(0,122,204) !important;
    }

    .flag-panel {
        text-align: center;
        padding-left: 5px;
        padding-top: 2px;
        height: 20px;
    }

    .flag-box {
        width: 13px;
        height: 13px;
    }

    .ui-autocomplete-loading {
        background: url('../images/ui-anim_basic_16x16.gif') no-repeat right center;
    }

    span.rtIn:empty {
        width: 100% !important;
        height: 20px !important;
    }

    .RadMenu.RadMenu_ChilliDB_QA .rmSlide {
        width: 225px !important;
    }

    .RadMenu.RadMenu_ChilliDB_QA .RadMenu .rmGroup .rmText {
        padding: 4px 10px !important;
    }

    .RadMenu.RadMenu_ChilliDB_QA .rmSlide .rmVertical.rmGroup.rmLevel1 {
        width: 215px !important;
    }

    .RadMenu.RadMenu_ChilliDB_QA .rmItem.rmFirst.rmLast.rmTemplate {
        width: 200px !important;
    }

    .RadMenu.RadMenu_ChilliDB_QA .RadMenu.RadMenu_Bootstrap.rmSized {
        width: 200px !important;
    }

    div.CollapsableContainer .accordion-toggle:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
        content: "\e113"; /* glyphicon-chevron-up, taken from bootstrap.css */
        /*float: right;*/ /* adjust as needed */
        color: grey; /* adjust as needed */
    }

    div.CollapsableContainer .accordion-toggle.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\e114"; /* glyphicon-chevron-down, taken from bootstrap.css */
    }

    div.CollapsableContainer a {
        font-weight: bold !important;
        text-decoration: none !important;
    }


    /* START: Search functionality on the top screen */

    #headerSearchOption select.noSelection {
        background-image: url('../Images/Descending_3.png') !important;
        background-size: auto !important;
        background-position: 65% center !important;
    }

    #headerSearchOption select.withSelection {
        background-image: url('../Images/Descending_3.png') !important;
        background-size: auto !important;
        background-position: 90% center !important;
    }

    #headerSearchResult {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        box-sizing: border-box;
        position: absolute;
        left: auto;
        right: auto;
        width: 350px;
        max-height: calc(100vh - 100px);
        top: 100%;
        z-index: 1000;
        background-color: white;
        overflow: auto;
        border: 1px solid rgba(0,0,0,0.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
        background-clip: padding-box;
        padding-bottom: 10px;
    }

    #txtSearchValueH {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        max-width: 200px;
        float: left;
        padding-left: 26px;
    }



    #ddlSearchTypeH {
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        float: right;
        width: auto;
    }

    div.form-entity-search:before {
        display: block;
        width: 14px;
        height: 14px;
        content: "\e003";
        font-family: 'Glyphicons Halflings';
        background-position: -48px 0;
        position: relative;
        top: 13px;
        left: 8px;
        opacity: .5;
        z-index: 1000;
    }

    #headerSearchOption {
        width: 25px;
        overflow: hidden;
        float: left;
    }

    #headerSearchSection {
        margin-right: 20px;
        margin-top: -15px;
        display: inline-block;
    }

    /* END: Search functionality on the top screen */

    /* START: New Search Window */

    .SearchHeadingTitle {
        padding-top: 20px;
        /*padding-bottom: 10px;*/
        /*padding-left: 20px;*/
        border-bottom: solid 3px lightgray;
        margin-left: 10px;
    }

    .SearchQueries {
        padding-top: 10px;
        padding-bottom: 10px;
        /*padding-left: 20px;*/
        margin-left: 10px;
    }

        .SearchQueries div {
            padding-bottom: 5px;
            /*margin-left: 10px;*/
        }

            .SearchQueries div div {
                padding-bottom: 5px;
                margin-left: 10px;
            }

    .SearchHeadingTitle div.SearchBuiltIn {
        /*padding-bottom: 3px;*/
        margin-left: 10px;
    }

    .SearchQueriesCat {
        color: #555555 !important;
        margin-bottom: 3px;
    }

    .SearchQueries a, .SearchHeadingTitle a {
        color: #007acc !important;
        margin-bottom: 3px;
    }

        .SearchQueries a:hover, .SearchHeadingTitle a:hover {
            color: #007acc !important;
        }


    .SearchQueriesSelected {
        color: black !important;
        margin-bottom: 3px !important;
        font-weight: bold !important;
        margin-right: 10px !important;
    }

    .SearchQueriesNotSelected {
        color: black !important;
        margin-bottom: 3px !important;
        font-weight: normal !important;
    }

    #divSearchMaintainBG {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #333;
        opacity: 0.5;
    }

    #divLoadingBG {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.5);
    }

    #divSearchMaintain {
        width: 900px;
        height: 600px;
        position: fixed; /*absolute;*/
        top: 45%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
        overflow: auto;
        background-color: white;
        padding-top: 10px;
        border: solid 1px lightgray;
        z-index: 9000;
        opacity: 1 !important;
    }

    #divSearchMaintainFilterName {
        width: 500px;
        height: 300px;
        position: absolute; /*fixed;*/
        top: 40%;
        left: 50%;
        /* bring your own prefixes */
        transform: translate(-50%, -50%);
        overflow: auto;
        background-color: white;
        padding-top: 10px;
        border: solid 1px lightgray;
        z-index: 9000;
        opacity: 1 !important;
    }



    /*#divSeachMaintainHeader {
    cursor: default;

}*/

    .PromptsBox {
        padding: 10px;
        margin-top: 10px;
        border: solid 1px lightgray;
        margin-left: 10px;
        /*margin-right: 10px;*/
        width: 99%;
        float: left;
        position: relative;
        min-height: 1px;
        overflow:hidden;
    }

    

    /* END: New Search Window */



    /* New style
.chilli-panel header, .rspSlideTitle, rspSlideTitleContainer {
    background-color: lightblue !important;
}
.chilli-panel header {
    border-top: 1px solid #ddd ;
    border-left:1px solid #ddd ;
    border-right:1px solid #ddd ;
}
.RadSplitter_ChilliDB .rspSlideTitleContainer, .rspSlideHeaderIconWrapper {
    border-bottom: solid 1px #f5f5f5 !important;
}
.RadSplitter_ChilliDB .rspSlideHeader, .RadSplitter_ChilliDB .rspSlideTitleContainer, .RadSplitter_ChilliDB .rspBottom .rspPaneTabContainer, .RadSplitter_ChilliDB .rspTop .rspPaneTabContainer {
    background-color: lightblue !important;
    border-bottom: solid 1px lightblue !important;
}

    .chilli-panel header .panel-title {
        font-size: 14px;
        
        font-family: "latolight";
        margin: 7px 0px 0 7px;
        color: #333 !important;
        
    }
.bg-primary {
    background-color: lightblue;
}

a {
    color: #333;
}

.rmRootLink, .panel-help-link {
    color: #333 !important;
}

.DataGridResults .rmRootLink {
    color: rgb(51,51,51) !important;
}

.PopUpTitle {
    background-color: lightblue;
}
*/


    /* START SIGNATURE CONTROL */
    .canvas-signature-container {
        border: 1px solid #cccccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

        .canvas-signature-container:hover {
            /*border-color: blue !important;*/
            border-color: #66afe9 !important;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        }

    /* END SIGNATURE CONTROL */

    .form-control.form-color {
        padding: 0;
    }

    /** START Accounting Config **/
    .accounting-flex-box {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
    }

    .flex-fixed-80 {
        flex-basis: 80px;
    }

    .flex-fixed-120 {
        flex-basis: 120px;
    }

    .flex-grow {
        flex-grow: 1;
    }
    /** END Accounting Config **/

    /** START Invoice table **/
    .invoice-retry {
        width: 64px;
    }
    .invoice-retry .btn.btn-primary {
        padding: 0 1em;
        width: auto;
    }
    .ellipsis {
        white-space: nowrap!important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    td.ellipsis {
        max-width: 20em; /* weirdness when combining TD with ellipses - can expand beyond this if there's room, but won't force expanding if there isn't */
    }
    /** END Invoice table **/