.noselect,
div.tool,
ul.tools li,
div.tabs li,
div.icon,
td.toggle
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.tool
{
    margin: 2px 0 0 0;
    width: 24px;
    height: 26px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    text-align: center;
    color: #34474A;
    float: left;
}

div.help-content div.validation-error {
    border-left-style: solid;
    border-left-color: #EABEBE;
    border-left-width: 2px;
    padding-left: 4px;
    margin-bottom: 1em;
}

    div.tool.over
    {
        color: #12191A;
    }

    div.tool div.icon
    {
        width: 22px;
        height: 22px;
        background-repeat: no-repeat;
        margin: 2px 0 0 0;
        cursor: pointer;
        background-position: center center;
    }

    /* Generic icon based buttons */
    div.tool.new div.icon
    {
        background-image: url(Images/Iconic/gray_dark/plus_12x12.png);
    }

        div.tool.new div.icon:hover
        {
            background-image: url(Images/Iconic/cyan/plus_12x12.png);
        }

    div.tool.copy div.icon
    {
        background-image: url(Images/Iconic/gray_dark/new_window_12x12.png);
    }

    div.tool.merge div.icon
    {
        background-image: url(Images/Iconic/gray_dark/link_12x12.png);
    }

    div.tool.copy div.icon:hover
    {
        background-image: url(Images/Iconic/cyan/new_window_12x12.png);
    }

    div.tool.save div.icon
    {
        background-image: url(Images/Iconic/cyan/check_12x10.png);
    }

        div.tool.save div.icon:hover
        {
            background-image: url(Images/Iconic/cyan/check_12x10.png);
        }

    div.tool.save.inactive div.icon
    {
        background-image: url(Images/Iconic/gray_light/check_12x10.png);
    }

    div.tool.delete div.icon
    {
        background-image: url(Images/Iconic/red/x_11x11.png);
    }

        div.tool.delete div.icon:hover
        {
            background-image: url(Images/Iconic/red/x_11x11.png);
        }

    /* new start */

    div.tool.export-excel div.icon
    {
        background-image: url(Images/baseline_icon_16_16_export_excel.png);
    }

    div.tool.import-excel div.icon
    {
        background-image: url(Images/baseline_icon_16_16_import_excel.png);
    }

    div.tool.search div.icon
    {
        background-image: url(Images/Iconic/white/magnifying_glass_12x12.png);
        background-color: #222222;
    }


    /* new end */

    /* end */

    /* page browse buttons */
    div.tool.first
    {
        background-image: url(Images/Iconic/gray_dark/first_12x12.png);
        background-position: center;
        background-repeat: no-repeat;
        border: none;
    }

        div.tool.first.inactive
        {
            background-image: url(Images/Iconic/gray_light/first_12x12.png);
            background-position: center;
            background-repeat: no-repeat;
            border: none;
        }


    div.tool.prev
    {
        background-image: url(Images/Iconic/gray_dark/arrow_left_12x12.png);
        border: none;
    }

        div.tool.prev.inactive
        {
            background-image: url(Images/Iconic/gray_light/arrow_left_12x12.png);
            background-position: center;
            background-repeat: no-repeat;
            border: none;
        }

    div.tool.next
    {
        background-image: url(Images/Iconic/gray_dark/arrow_right_12x12.png);
        background-position: center;
        background-repeat: no-repeat;
        border: none;
    }

        div.tool.next.inactive
        {
            background-image: url(Images/Iconic/gray_light/arrow_right_12x12.png);
            background-position: center;
            background-repeat: no-repeat;
            border: none;
        }

    /* End */


    div.tool.text
    {
        margin: 2px 5px 0 0;
        width: auto;
        height: 19px;
        padding: 5px 12px 1px 6px;
        overflow: hidden;
        color: #4e4e4e;
        background-color: transparent;
        font-size: 12px;
        font-weight: bold;
    }

        div.tool.text.over
        {
            margin: 2px 5px 0 0;
            width: auto;
            height: 18px;
            padding: 5px 12px 1px 6px;
            overflow: hidden;
            color: #4e4e4e;
            background-color: transparent;
            background-image: none;
        }

        div.tool.text.small
        {
            width: 50px;
        }


        div.tool.text.long
        {
            width: 130px;
            padding: 2px 2px 0 2px;
            overflow: hidden;
        }


div.browse div.page
{
    margin: 5px 0 0 0;
    padding: 2px 0 2px 0;
}

div.panel.filter
{
    height: 25px;
    border: solid;
    border-width: 1px 0 1px 0;
    border-color: #D6D0CA;
    background-color: #F3F0ED;
    margin: 0 0 0 0;
    padding: 0 5px 0 5px;
    overflow: hidden;
}

div.checked
{
    width: 100%;
    height: 16px;
    background-image: url(Images/checked.png);
    background-position: center;
    background-repeat: no-repeat;
}

div.page-tool
{
    width: 32px;
    height: 32px;
    float: left;
    margin: 0 4px 0 5px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    display: none;
}

    div.page-tool.calculate
    {
        background-image: url(images/calculate32x32.png);
    }

    div.page-tool.save
    {
        background-image: url(images/save32x32.png);
    }

        div.page-tool.save.inactive,
        div.page-tool.save.inactive.over
        {
            background-image: url(images/save32x32_inactive.png);
            cursor: default;
        }


        div.page-tool.save.over
        {
            background-image: url(images/save32x32_over.gif);
            cursor: default;
        }


    div.page-tool.delete
    {
        background-image: url(images/delete32x32.png);
    }

        div.page-tool.delete.over
        {
            background-image: url(images/delete32x32_over.gif);
        }


        div.page-tool.delete.inactive
        {
            background-image: url(images/delete32x32_inactive.png);
            cursor: default;
        }


    div.page-tool.excel-export
    {
        background-image: url(images/excel-export32x32.gif);
    }

        div.page-tool.excel-export.over
        {
            background-image: url(images/excel-export32x32_over.gif);
        }


        div.page-tool.excel-export.inactive
        {
            background-image: url(images/excel-export32x32_inactive.gif);
            cursor: default;
        }


span.text
{
    margin: 0 8px 0 5px;
    background-color: transparent;
}

.over span.closeable
{
    background-image: url(images/Iconic/gray_dark/x_7x7.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center right;
    width: 10px;
    height: 20px;
    display: block;
    float: right;
}

span.expandable
{
    width: 16px;
    height: 22px;
    margin: 0 0 0 0;
    background-image: url(Images/Iconic/gray_dark/plus_8x8.png);
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
}

span.expandable:hover
{
    background-image: url(Images/Iconic/cyan/plus_8x8.png);
    background-position: center center;
    background-repeat: no-repeat;
}

span.expandable.expanded
{
    background-image: url(Images/Iconic/cyan/minus_8x2.png);
    background-position: center center;
    background-repeat: no-repeat;
}


div.page-tool.preview
{
    background-image: url(images/preview32x32.jpg);
}


    div.page-tool.preview.inactive
    {
        background-image: url(images/preview32x32inactive.jpg);
    }


div.page-tool.excel-import
{
    background-image: url(images/excel-import32x32.gif);
}

    div.page-tool.excel-import.inactive
    {
        background-image: url(images/excel-import32x32_inactive.gif);
        cursor: default;
    }

    div.page-tool.excel-import.over
    {
        background-image: url(images/excel-import32x32_over.gif);
        cursor: default;
    }

div.page-tool.setpassword
{
    background-image: url(images/setpassword.gif);
}

div.page-tool.create-user
{
    background-image: url(images/createuser32x32.gif);
}


div.page-tool.refresh
{
    background-image: url(images/refresh32x32.jpg);
}


div.page-tool.fileupload
{
    background-image: url(images/Fileupload32x32.png);
}


div.popup-panel > div.container > div.panel.question
{
    height: 130px;
}

div.panel.excelexportdownload
{
    width: 400px !important;
    height: 180px !important;
}

    div.panel.excelexportdownload div.header div.icon
    {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('Images/baseline_icon_16_16_export_excel_inverted.png');
    }

div.panel.ribbon
{
    height: 36px;
    padding: 2px 0 0 0;
}

div.panel.tools > ul > li
{
    margin: 4px 1px 0 1px;
    height: 22px;
    text-align: center;
    cursor: pointer;
}

    div.panel.tools > ul > li.over
    {
        font-weight: bold;
    }

    div.panel.tools > ul > li.message
    {
        border: none;
        color: Red;
        width: 250px;
        float: left;
    }



div.panel.question > div.header > div.icon
{
    background-image: url(Images/question32x32.png);
    background-position: center;
    background-repeat: no-repeat;
}

div.panel.question textarea
{
    width: 582px;
    height: 40px;
}

input.number
{
    text-align: right;
}

input.text.number
{
    text-align: left;
}


div.horizontal-panel.border
{
    padding: 1px 1px 1px 1px;
    margin: 1px 1px 1px 1px;
}


div.horizontal-panel > div.panel.panel-title
{
    height: 26px;
    padding: 6px 0 0 0;
    background-image: url(Images/baseline_b20trans.png);
    background-repeat: repeat-x;
    text-align: center;
    font-size: 14px;
    color: #fff;
}


div.bottom-message
{
    float: left;
    width: 60%;
    overflow: hidden;
}

div.portalworkers
{
    float: right;
    width: auto;
    height: 24px;
    text-align: right;
    padding: 0 6px 0 0;
}


div.translate-popup
{
    position: absolute;
    top: 50px;
    left: 200px;
    width: 400px;
    height: 361px;
    border: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #444;
    background-color: #fff;
    z-index: 2000;
}

    div.translate-popup div.title
    {
        height: 24px;
        text-align: left;
        font-weight: bold;
        padding: 6px 0 0 5px;
        width: 395px;
        background-color: #4d4d4d;
        cursor: move;
    }

        div.translate-popup div.title div.text
        {
            float: left;
            color: #ffffff;
            background-image: url(images/Iconic/white/chat_16x16.png);
            background-repeat: no-repeat;
            text-indent: 20px;
            height: 20px;
            width: 360px;
            overflow: hidden;
            white-space: nowrap;
        }

        div.translate-popup div.title div.current
        {
            float: right;
            padding: 0 4px 0 0;
            color: #ffffff;
        }


    div.translate-popup div.content
    {
        padding: 2px 2px 2px 2px;
    }

    div.translate-popup div.content
    {
        width: 390px;
        height: 330px;
    }


li.translate div
{
    background-image: url(images/Iconic/cyan/chat_16x16.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
}


li.translate.off div
{
    background-image: url(images/Iconic/white/chat_16x16.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
}

li.translate:hover div
{
    background-image: url(images/Iconic/cyan/chat_16x16.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 16px;
    width: 16px;
}

div.list div.list-footer div div.translateable,
div.translateable
{
    display: inline;
    float: left;
    text-align: inherit;
    cursor: pointer;
    text-decoration: overline;
}

div.list div.list-footer div.list-title div.translateable
{
    width: 100%;
}

div.panel.one-search-field
{
    background-color: #f6f6f6;
    margin: 0 0 9px 0;
    padding: 0 0 6px 0;
    background-image: url(Images/baseline_header_title.png);
    background-repeat: repeat-x;
}

    div.panel.one-search-field span.expandable.expanded
    {
        background-position: center 7px;
    }

    div.panel.one-search-field span.expandable
    {
        background-position: center 4px;
    }


div.panel.two-search-field
{
    background-color: #fff;
    height: 145px;
}

div.information
{
    padding: 50px 0 0 0;
    text-align: center;
    font-weight: bold;
}

div p
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.personal li
{
    cursor: pointer;
}

iframe {
    margin: 0 0 0 0;
    border: none;
    border-width: 0 0 0 0;
}


iframe.fileuploadframe
{
    display: none;
}


div#spinner
{
    display: none;
    width: 16px;
    height: 16px;
    float: right;
    margin-right: 2px;
    background-image: url('Images/indicator.gif');
}

div.loading
{
    background-image: url('Images/indicator.gif');
    background-position: center center;
    background-repeat: no-repeat;
}

div.form-help-bubble {
    position: absolute;
    background-color: white;
    border-color: #237494;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
    min-width: 200px;
    max-width: 350px;
    border-radius: 4px;
    display: none;
    z-index: 1002;
}

    div.form-help-bubble div.arrow-top {
        position: absolute;
        display: block;
        left: 20px;
        top: -10px;
        width: 32px;
        height: 10px;
        background-image: url('Images/help-arrow.gif');
    }