/* General */

body {
    font-family:'Montserrat';
    font-size: 13px;
    margin: auto;
    padding: 0;
    text-align: center;
    color: #000;
    width: 100%;
    height: 100%;
    overflow-x:hidden;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    font-weight:450;
}

.gridContainer {
    /*background-color: #cdd1d3; */
    overflow:auto;
}





    .gridContainer.fixedSize {
        height: 100%;
    }

    .gridContainer .noGrid {
        overflow-y: auto;
    }

.loginContainer {
    background-color: white;
    
    margin: auto;
    width: 400px;
    height: auto;
    margin-top: 50px;
}

    .loginContainer.Wide {
        width: 600px;
    }

.loginFooter {
    /*background-color: #cdd1d3;*/
    
    margin-top:80px;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
}  

.vacationBackupBody {
    width: 100%;
    height:33px;
    text-align: left;
    background-color: white;
}



.hierarchy {
    color: #fff;
    margin-top: 20px;
    /*    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;*/
}






    .hierarchy.mobile {
        color: #000;
        background-color: #cdd1d3;
        padding: 45px;
        font-size: 1.2em;
        border-radius: 3px;
    }

    .hierarchy table,
    .buttons table {
        margin: 0 auto;
        background-color: white;
        color: #3C4752;
        border-radius: 3px;
    }


.information {
    background-color: #cdd1d3;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    color: #2d353e;
    padding:5px;
}

    .information.white {
        background-color: #2d353e;
    }

table.twoColumn.Narrow {
    width: 400px;
    margin: 0 auto;
}


table.twoColumn.Wide {
    width: 500px;
}


table.twoColumn.Full {
    width: 100%;
}



/* ED :Create package Icon*/
.CreatePackageIcon {
    background-image: url(../Teal/All_Icons/Add-Dark.png);
}


/* ED: Sign In header on the Login page*/
.loginHeader {
    padding-top: 50px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 40px;
    font-weight: normal;
    color: #2d353e;
}


.loginLabels {
    padding-left: 15px;
    position: center;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: dimgray;
}

.loginSSOLabel {
    
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.loginEntryBoxes {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    position: center;
}

.loginButton {
    padding-top: 50px;
    text-align:center;
}

/* ED: Password reset header and reset Login page*/
.resetPwdHeaderLabel {
    padding-top: 50px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 40px;
    font-weight: normal;
    text-align: center;
    color: #2d353e;
}

.resetPwdInfoText {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 30px;
    text-align: left;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: dimgray;
}

.resetPwdBackToLogin {
    text-align: center;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 20px;
    padding-top: 30px;
    padding-bottom: 100px;
    /*background-color: #cdd1d3;*/
}

.resetPwdButton {
    padding-top: 30px;
   
    padding-bottom: 50px;
    text-align:center;
}

.resetLabel {
    padding-left: 15px;
    position: center;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: dimgray;
}

.resetEntryBoxes {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    position: center;
}

/* ED: Request Access page */

.requestAccessHeaderLabel {
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 40px;
    font-weight: normal;
    text-align: center;
    color: #2d353e;
}

.requestAccessInfoText {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 30px;
    width: 100%;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #2d353e;
}

.requestAccessTxtBox {
    padding-left: 15px;
    padding-right: 15px;
}

.requestAccessLabels {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: center;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: dimgray;
}

.requestCaptcha {
    padding-top: 30px;
    padding-left: 200px;
    padding-bottom: 10px;
}

.requestAccessButton {
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
}

/* ED: Control Sheet Page*/

.controlSheetInfoText {
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 17px;
    padding-right: 17px;
    width: 100%;

    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #2d353e;
}

.controlSheetLabels {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: center;    
    font-size: 12px;
    font-weight: normal;
    color: dimgray;
}

/* ED: Status Message */
.status.Narrow {
    width: 400px;
    margin: 0 auto 10px auto;
}

.status:not(.websiteMsg) {
    display: none;
}

.status {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    margin-bottom: 10px;
  
}

    .status .container, .status .statusContainer {
        font-weight: bold;
        position: relative;
        border-width: 2px;
        border-style: solid;
        border-radius: 3px;
    }

    .status.error .container, .status.error .statusContainer {
        border-color: #e33a44;
        background-color: #ff8087;
        color: black;
    }

    .status.success .container, .status.success .statusContainer {
        border-color: #2F890F;
        background-color: #CCE4C5;
    }

    .status.warning .container, .status.warning .statusContainer {
        border-color: #e33a44;
        background-color: #ff8087;
        color: black;
    }



    .status.warning .emphasis {
        font-style: italic;
        color: #5b490a;
    }

    .status .container.websiteMsg {
        border-color: #896E0F !important;
        background-color: #E4DAC5 !important;
    }

#pageHeaderWorkflow.readOnly {
    background-color: #fff;
    line-height:30px;
    padding-left: 33px;
}

    #pageHeaderWorkflow.readOnly .icon {
        width: 32px;
        height: 32px;
        position: absolute;
        left: 7px;
        margin-top: -1px;
        background-position: -64px 0 !important;
        background: transparent url("MgSprites/indicator.png") no-repeat;
    }

.status .message {
    text-align: left;
    margin: 9px 30px 0 30px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.errorMsg,
.status.error .message {
    color: #000;
}

.successMsg,
.status.success .message {
    color: #000;
}

.warningMsg,
.status.warning .message {
    color: #000;
}

.websiteMsg {
    color: #896E0F !important;
}

.status .icon {
    width: 32px;
    height: 32px;
    position: absolute;
    margin-top: -16px;
    top: 50%;
    left: 10px;
    background: transparent url("MgSprites/indicator.png") no-repeat;
}

.status.error .icon {
    background: transparent url(../Teal/All_Icons/alert-octagon.png) no-repeat;
    width: 22px;
    height: 22px;
    margin-top: -11px;
}

.status.success .icon {
    background-position: -32px 0;
}

.status.warning .icon {
    background: transparent url(../Teal/All_Icons/alert-octagon.png) no-repeat;
    width: 22px;
    height: 22px;
    margin-top: -11px;
}

.status.warning .message ul, .status.error .message ul {
    list-style-type: none;
}

    .status.warning .message ul li, .status.error .message ul li {
        margin: 0px 0 0 -27px;
    }
    /* ED: Link */
a {
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: normal;
    color: #000;
}

    a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

/* -------------  */

input[type=checkbox] {
    vertical-align: central  !important;
}

input[type=button],
input[type=submit] {
    cursor: pointer !important;
    background-color: #0073ED;
    padding: 0 20px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
    border: 0px none;
    font-family: 'Montserrat';
}




input[value=Exit],input[value=Cancel], input[value=Close], input[value="Reset Form"], .smallButton > span.cancel,
.largeButton > span.cancel {
    cursor: pointer !important;
    background-color: #fff;
    padding: 0 20px;
    border-radius: 5px;
    color: #979797;
    border: 1px solid #D7D8DA;
    margin-top: -1px;
    box-sizing: content-box;
    font-family: 'Montserrat';
}


.largeButton > span.cancel {
    cursor: pointer;
    height: 38px;
    line-height: 38px;
}

input {
    outline: none;
}

    input[value=Exit]:hover, input[value=Cancel]:hover, input[value=Close]:hover, input[value="Reset Form"]:hover, .smallButton > span.cancel:hover,
    .largeButton > span.cancel:hover {
        color: #0E8FF9;
        border: 1px solid #0E8FF9;
        background-color: #fff;
    }


.RadWindow .rwTitlebarControls td{

    vertical-align:middle !important;

}
/* Production and Test header banner*/
#header {
    width: 100%;
    height: 70px !important;
    line-height: 70px !important;
    vertical-align: middle;
    background-color: #2B303B;
    min-width: 1200px;
    color: #AAACB0;
    font-size: 14px;
    display:flex;
}

.contextMenuNewFolder {
    border: none;
    margin-left: -4px;
    font-style: italic;
    background: transparent;
}


    #header.testSystem {
        background-color: #fd9827 !important;
        color: #3a3a3a;
    }



        #header.testSystem #Menu, #header.testSystem #rmMenu {
            background-color: #fd9827 !important;
        }

            #header.testSystem #Menu > .k-item > .k-link.k-state-active, #header.testSystem #Menu > .k-hover > .k-link,
            #header.testSystem #rmMenu > .k-item > .k-link.k-state-active, #header.testSystem #rmMenu > .k-hover > .k-link {
                background-color: #f9ac55 !important;
            }

            #header.testSystem #Menu > .k-item, #header.testSystem #rmMenu > .k-item {
                color: #3a3a3a;
            }

        #header.testSystem .imgHelp, #header.testSystem .imgNotifications {
            -webkit-filter: invert(70%);
            background: #fff;
        }

        #header.testSystem .imgHelp:hover, #header.testSystem .imgNotifications:hover {
            -webkit-filter: none;
        }


        #header.testSystem .lblTestSys{
            display:block;
        }

        #header.testSystem #siteResponsiveMenu {
            -webkit-filter: invert(30%);
        }
            #header.testSystem #siteResponsiveMenu:hover {
                -webkit-filter: invert(100%);
            }

.lblTestSys {
    color: #3a3a3a;
    font-weight: bold !important;
    padding-top: 0px;
    font-weight: normal;
    font-size: 22px;
    flex-basis: 140px;
    flex-grow: 0;
    flex-shrink: 0;
    display: none;
    margin-left: 20px;
}

.subHeader {
    background-color: #fafbfc;
    height: 40px;
    width: 100%;
}

.subHeaderSearch {
    background-color: #fafbfc;
    height: 100px;
    width: 100%;
}

/* ------------------------- */
.scrollableContent {
    background-color: white;
}




#loadingGrid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 7999;
    background-color: #3C4752;
    overflow: hidden;
}

#footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-align: center;
    color: #000;
    vertical-align: middle;
    

    height: 30px;
    line-height: 30px;
 
}

.RadMenu ul.rmHorizontal{

    line-height:70px;
}


#footer .filestar {
    float: left;
    padding-left: 10px;

}

    #footer .legal {
        float: right;
        padding-right: 10px;
       
    }

    #footer .filestar a {
        color: gray;
        text-decoration: underline;
        
    }

    #footer a {
        color: #000;
        
    }

#siteNav {
    
    width: fit-content !important;
    display: flex;
}

.siteNavUserMenu {
    
    
    border-left: 1px solid;
    white-space: nowrap;
    font-size: 14px;
    display:flex;
}

.navContainer {
    margin-left: auto;
    display: inline-flex;
}

#divDockViewer {
    height: calc(100% - 82px);
    width: calc(100% - 3px);
    z-index: 30000;
    position: absolute;
    display:none;
}

    #divDockViewer .leftBarTitle {
        background-color:#fff;
    }

    #divDockViewer > .headerSection {
        height:48px;
    }

.fauxMenu {
    background-color: white;
    color: black;
    /* border-bottom: 1px solid lightgray;*/
    padding: 0;
}

    .fauxMenu td {
        padding: 10px;
        text-align: left;
        /*font-weight: bold;
        color: white;*/
    }

        .fauxMenu td.radio {
            padding: 0 10px;
        }

.RadForm input[type="checkbox"], .RadForm input[type="radio"], .RadForm input[type="checkbox"][checked], .RadForm input[type="radio"][checked] {
    border-width: 1px !important;
    border-color: #c5c5c5 !important;
    background-color: #0073ED !important;
}



html .RadButton.rbCheckBox .rbText {
    color: #0073ED;
}

input[type=checkbox] {
    accent-color: #0073ED !important;
}

    .pageMessage {
        padding-top: 50px;
        text-align: center;
        font-size: 1.2em;
    }

.windowHeader {
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    padding-bottom: 5px;
}

.RadAjax {
    z-index: 100 !important;
}

div.footerPad {
    height: 60px;
    padding-top: 25px;
}

.logoLogin {
    margin-top: 5%;
    margin-left: 60%;
    position: center;
    display: inline-block;
    vertical-align: top; /*vertical-align: middle;*/
}

.logoHome {
  /*  margin: auto; 10px 0 40px 10px
    display: inline-block;*/
   /*  vertical-align: top;vertical-align: middle;*/

    


    vertical-align:middle;
}

iframe.previousPage {
    width: 100%;
    height: 100%;
    border: 0 none;
    overflow: hidden;
}

td.ctrl {
    text-align: right !important;
}

    td.ctrl.footer {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

.footerBtns {
    text-align: right;
    padding-top: 5px;
}

.deleted {
    font-style: italic;
    color: #757575;
}

.subText {
    font-style: italic;
    font-size: .9em;
    font-weight: normal;
}

.noBorder,
.noBorder * {
    border-style: none !important;
    background-color: transparent !important;
}



.fieldLabel {
    color: #3C4752;
    font-weight:bold;
    font-size:13px;
}

.fieldRequiredHidden {
    display: none;
}

.fieldRequired {
    font-style: italic;
    font-size: 12px;
    color: #2d353e;
    font-weight: normal;
    padding: 1px 0px 0px 5px;
    position: relative;
    vertical-align: bottom;
}

.rfdDecorated {
    background-color: #0073ED !important;
}

.ssoDisabledUserPass {
    position: relative;
    font-size: 20px;
    color: #000;
    top: -50px;
}

.ssoDisabledUserPassPopup {
    position: relative;
    font-size: 20px;
    color: #000;
    top: -121px;
    left: -190px;
}


    .ssoDisabledUserPass:hover {
        text-decoration: none;
    }

.twoColumn .fieldRequired{
    vertical-align:middle;
}

.emptyText {
    font-style: italic;
    font-size:80%;
}

.fieldError.fieldRequired,
.fieldError .fieldRequired {
    color: #D63301 !important;
}

/* todo: update for other possible controls */
.fieldError .RadInput .riTextBox,
.fieldError.RadInput .riTextBox,
.fieldError .racTokenList,
.fieldError.racTokenList,
.fieldError input[type=checkbox],
.fieldError .RadComboBox tr {
    outline: 1px solid #D63301 !important;
}

.window {
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 650px !important;
    min-height: auto !important;
    height: calc(100% - 60px);        
}

.RadWindow.noWindow {
    min-width: 70vw; /* 60% of the viewport width */
    min-height: 70vh; /* 60% of the viewport height */
}

.FormCentering,.formCentering {
    padding: 0px 20px 30px 20px;
}


 .window table.twoColumn {
        margin: 0 auto !important;
    }

.rwTable {
    /*min-height: 440px;*/

}

.windowButtons {
    position: fixed;
    bottom: 0;
    width: 100%;
    right: 0px;
    background-color: #f1f1f1;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    text-align: right;
    display:flex;
    align-items:center;
    justify-content:right;
}

    .windowButtons input{
        margin-right:10px;

    }


    table.twoColumn {
 
        text-align: left;
    }

    table.twoColumn.clientGrid {
        margin-top: -3px;
    }



    table.twoColumn > tbody > tr > td.left {
        padding-left: 20px;
        padding-right: 5px;
       font-weight:bold;
        white-space: nowrap;
        vertical-align: middle;
    }

    table.twoColumn.showLabelOnly > tbody > tr > td.left {
        padding-left: unset !important;
        padding-top: 5px !important;
    }

.RadWindow .rwTable {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-style: hidden;
    box-shadow: 0 0 0 1px rgb(255 255 255 / 0%);
    overflow: hidden;
}




tr > td.left.user {
    width: 120px !important;
    white-space: unset !important;
}



/* site-wide value for setting explicit right column width */
table.twoColumn > tbody > tr > td.right {
    width: 400px;
    padding-top: 5px;
}

table.twoColumn.clientGrid > tbody > tr > td.right {
    width: 400px;
    padding-top: 0;
}

table.twoColumn.showLabelOnly > tbody > tr > td.right {
    width: unset !important;
    padding-top: 5px !important;
    padding-left: 7px !important;
}

table.twoColumn > tbody > tr > td.right.text {
    width: auto;
    padding: 10px 0 0 10px;
}

table.twoColumn > tbody > tr > td.right.attach {
    width: auto;
    padding: 7px 0 0 1px;
}


table.twoColumn.Narrow {
    width: 400px;
}

table.twoColumn.Wide {
    width: 500px;
}


table.twoColumn.Full {
    width: 100%;
}

/* site-wide value for setting initial right column width */
table.twoColumn.Narrow > tbody > tr > td.right {
    width: auto;
    min-width: 250px;
   
}

table.twoColumn tr{
    padding-top:10px;
}
/* needed for right columns with add buttons */
table.twoColumn > tbody > tr > td.right table,
table.twoColumn > tbody > tr > td.right table td:first-of-type {
    width: 100%;
}

table.padRows {
    border-collapse: separate;
    /*border-spacing:0 5px;*/
}

.right input[type=checkbox] {
    margin: 0 !important;
}

td.clearField, div.clearField {
    display: none;
    vertical-align: top;
    padding-top: 5px !important;
}

div.clearField {
    float: right;
}

    td.clearField input[type=checkbox], div.clearField input[type=checkbox] {
        visibility: hidden;
    }

        td.clearField input[type=checkbox] + label, div.clearField input[type=checkbox] + label {
            position: relative;
            cursor: pointer;
            visibility: hidden;
        }

            td.clearField input[type=checkbox] + label:before, div.clearField input[type=checkbox] + label:before {
                content: '\00a0';
                visibility: visible;
                display: inline-block;
                left: 0;
                width: 0.6em;
                height: 0.6em;
                line-height: 0.6em;
                text-align: center;
                border: 2px solid #fd9827;
                margin-left: -1.6em;
                padding: 1px 3px 3px 1px;
                background: white;
                font-weight: bolder;
            }

        td.clearField input[type=checkbox]:checked + label:before, div.clearField input[type=checkbox]:checked + label:before {
            content: '\2713\0020';
        }

tr.clearRow, div.clearRow {
    background-color: #bcbcbc;
}

    tr.clearRow > td, div.clearRow > div {
        padding-bottom: 5px !important;
    }

.attachment {
    width: 365px;
    padding: 1px 2px 1px 2px;
    font-weight: bold;
    cursor: pointer;
    overflow: hidden;
}

    .attachment > .clip {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        background: transparent url('mgSprites/icons.png?08252017') 0 -1240px no-repeat;
    }

    .attachment:hover {
        background-color: gray;
    }

.clearData {
    color: #fd9827;
    font-family: Arial, sans-serif;
    font-size: 1.5em;
    margin-left: 10px;
}

.msDisabled {
    /*opacity: .5;*/
}

    .msDisabled > .multiSelectContainer > .multiSelectFooter {
        background-color: transparent !important;
    }

    .msDisabled > .multiSelectContainer > .multiSelectScroll {
        background-color: #f4f4f4 !important;
        color: #4a4a4a !important;
    }

.aspNetDisabled > label {
    color: #000 !important;
}






.multiSelectScroll {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 105px;
    border: 1px solid #bcbcbc;
    background-color: white;
}

    .multiSelectScroll .RadListBox .rlbGroup {
        border: 0 none !important;
    }

.multiSelectFooter {
    font-weight: bold;
    background-color: #0073ED;
    color: white;
    padding: 3px 5px 3px 5px;
    margin: 0;
    overflow: hidden;
}

    .multiSelectFooter .clearMultiSelectItems {
        float: left;
        cursor: pointer;
    }

        .multiSelectFooter .clearMultiSelectItems.hide {
            display: none;
        }

        .multiSelectFooter .clearMultiSelectItems:hover {
            color: #e9e9e9;
        }



    .multiSelectFooter .multiSelectCount {
        float: right;
    }

.multiSelectItemWrapper {
    position: relative;
}

.multiSelectItem {
    margin-right: 12px;
}

.removeMultiSelectItem {
    position: absolute;
    display: inline-block;
    top: 4px;
    right: 0;
    width: 12px;
    height: 12px;
    background: url('MgSprites/chosen.png') -42px 2px no-repeat;
}

    .removeMultiSelectItem:hover {
        background-position: -42px -10px;
        cursor: pointer;
    }

.scan.dropDown .dropWindow,
.searchBox .dropWindow {
    position: absolute;
    top: 100%;
    display: none;
    width: 100%;
    background-color: white;
    color: #000000;
    border: 1px solid black;
    text-align: left;
    z-index: 60;
    margin: 1px 0 0 -1px;
}

    .searchBox .dropWindow .workflow.selected {
        background-color: #3899b9;
        color: #ffffff;
    }

        .searchBox .dropWindow .workflow.selected:hover {
            background-color: #3899b9 !important;
        }

    .searchBox .dropWindow .workflow {
        padding-left: 20px;
        font-weight: normal;
        font-size: large;
    }

        .searchBox .dropWindow .workflow:hover {
            background-color: #e9e9e9;
        }

.searchBox .workflow > .Delete {
    display: none !important;
    float: right;
    margin: 10px 5px 10px 0;
}

.searchBox .workflow:hover > .Delete {
    display: block !important;
    cursor: pointer;
}

/* text search search box */

.searchBox {
    background-color: transparent;
    text-align: center;
    display: inline-block;
    margin: 0 0 1px -9px;
    border: 2px solid #424242;
}

.pageHeader .subText {
    text-transform: uppercase;
    font-size: .75em;
    margin-left: 5px;
}



.rcbDisabled {
    background-color: gray;
}

.searchBox .Search {
    display: inline-block;
}

    .searchBox .Search:hover,
    .searchBox .Search:hover * {
        cursor: text;
    }

    .searchBox .Search .RadInput_Millennia .riEmpty {
        color: #bcbcbc !important;
        font-style: normal;
        font-weight: bold;
    }

    .searchBox .Search .riTextBox.riDisabled {
        color: #bcbcbc !important;
        font-style: normal;
        font-weight: bold;
    }

    .searchBox .Search .riTextBox {
        background-color: transparent !important;
    }

    .searchBox .Search.SpriteIcon.Magnify {
        background-color: #fd9827;
        border: 4px solid #fd9827;
        outline: 2px solid black;
    }

.Search.SpriteIcon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-image: url('All_Icons/View_download.png');
}

    .Search.SpriteIcon.Magnify {
        background-position: 0 0;
    }

        .Search.SpriteIcon.Magnify:hover {
            background-position: -40px 0;
            cursor: pointer;
        }

/* end text search search box */



.icon.info {
    width: 20px;
    height: 20px;
    display: none;
    background: url("All_Icons/Info-Light.png") no-repeat;
    cursor: pointer;
    position: absolute;
    right: -25px;
    top: 12px;
    bottom: 0;
    -webkit-filter:invert(56%);
}

    .icon.info.highlight {
        background-position: -40px -48px;
    }



/*to match background of body element*/
thead.status td,
thead > tr.status td {
    background-color: transparent;
    border-color: transparent;
}

.NoDocuments {
    height: 100%;
    width: 100%;
    padding: 20px;
    font-size: 2em;
    position: absolute;
    top: 0;
    left: 0;
}






/* START: help and user menu is site header */
#helpLink {
    width: 40px;
    text-align:center;
}

.helpLink {
    position: static !important;
}

    .helpLink:hover {
        border: 0px solid #a1a3a8 !important;
        -webkit-filter: invert(0%);
    }

.userMenu {
    position: absolute;
    bottom: 50px;
    right: 60px;
    color: black;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 200px;
    float: right;
    display: inline;
}

    .userMenu .userNameRoot {
        float: none !important;
        display: inline-block !important;
        vertical-align: middle;
        z-index: 8001 !important;
    }

        .userMenu .userNameRoot .rmRootGroup,
        .userMenu .userNameRoot .userName {
            background-color: transparent !important;
            background-image: none !important;
        }

            .userMenu .userNameRoot .userName > .rmText {
                color: black;
                font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
                font-size: 14px !important;
                font-weight: bold;
                padding: 0 !important;
            }

    .userMenu .userName > .rmLeftImage {
        display:none;
    }

    .userMenu .stopMimic {
        font-weight: bold;
        position: relative;
        top: 109px;
        left: 51px;
        width: 101px;
        height: 109px;
        z-index: inherit;
        font-size: 11px;
        color:whitesmoke;
    }

    /* add a space and a down arrow after username */
    .userMenu .userNameRoot .userName .rmText:after {
       content: "\00a0\25BE";
    }



/* END: user and logout menu */

.pageSubHeader {
    font-size: 20px;
    font-weight: 100;
    border-bottom: none;
    color: #3C4752;
}



#pageHeader {
    background-color: whitesmoke;
    line-height: 30px;
    font-size: 17px;
    padding: 2px 0 2px 11px;
    font-weight: 500;
    text-align:left;
}



    /* ED: Opening a package window style*/
    .pageHeader > div,
    .frameHeader > div {
      
        
        vertical-align: middle;
        display: table-cell;
    }

    .pageHeader .subHeader > div {
        font-size: 13px;
        vertical-align: middle;
        display: table-cell;
    }

    .pageHeader .BreadCrumb,
    .frameHeader .BreadCrumb {
        margin: 0 8px;
    }

a.subtitle {
    text-transform: uppercase;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: center;
}

a.subtitleLogs {
    text-transform: uppercase;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: center;
    float: right;
}

.multiPage {
    margin-top: -1px;
    height: 100%;
}





td.modifyList {
    padding-left: 5px;
    width: 50px;
}

    td.modifyList.tall {
       /* vertical-align: top; */
    }

    td.modifyList input {
        min-width: inherit !important;
    }

.rspResizeBar.ActiveHistory .rspWrapper {
    height: 100%;
}

    .rspResizeBar.ActiveHistory .rspWrapper td {
        height: 10px;
    }

.rspResizeBar.ActiveHistory .rspButton {
    text-align: center;
    vertical-align: bottom;
    height: 25px !important;
}

.rspResizeBar.ActiveHistory.InActive {
    vertical-align: top !important;
    background: #AEAEAE !important;
    cursor: default !important;
}

.rspResizeBar.ActiveHistory .rspLabel img {
    position: absolute;
    bottom: 0;
    left: 0;
}

.rspResizeBar.ActiveHistory.Active .rspLabel img {
    left: -20px;
}

.rspResizeBar.ActiveHistory.Active {
    vertical-align: top !important;
    background: #545454 !important;
}

.rspResizeBar.ActiveHistory .rspLabel {
    height: 100% !important;
    overflow: hidden;
}

    .rspResizeBar.ActiveHistory .rspLabel div {
        position: relative;
        height: 100%;
    }

.rspResizeBar.ActiveHistory .rspCollapseBarExpand,
.rspResizeBar.ActiveHistory .rspCollapseBarCollapse,
.rspResizeBar.ActiveHistory .rspCollapseBarShow {
    height: 20px !important;
    width: 20px !important;
    background: transparent url('mgSprites/icons.png?08252017') no-repeat !important;
    background-repeat: repeat-y !important;
    padding: 0;
    border: 0 none;
}

.rspResizeBar.ActiveHistory.Active .rspCollapseBarShow {
    background-position: -20px 180px !important;
}

    .rspResizeBar.ActiveHistory.Active .rspCollapseBarShow:hover {
        background-position: -20px 160px !important;
    }

.rspResizeBar.ActiveHistory.Active .rspCollapseBarExpand {
    background-position: -20px 140px !important;
}

    .rspResizeBar.ActiveHistory.Active .rspCollapseBarExpand:hover {
        background-position: -20px 120px !important;
    }

.rspResizeBar.ActiveHistory.Active .rspCollapseBarCollapse {
    background-position: -20px 100px !important;
}

    .rspResizeBar.ActiveHistory.Active .rspCollapseBarCollapse:hover {
        background-position: -20px 80px !important;
    }

.rspResizeBar.ActiveHistory.InActive .rspCollapseBarShow {
    background-position: 0 180px !important;
}

    .rspResizeBar.ActiveHistory.InActive .rspCollapseBarShow:hover {
        background-position: 0 160px !important;
    }

.rspResizeBar.ActiveHistory.InActive .rspCollapseBarExpand {
    background-position: 0 140px !important;
}

    .rspResizeBar.ActiveHistory.InActive .rspCollapseBarExpand:hover {
        background-position: 0 120px !important;
    }

.rspResizeBar.ActiveHistory.InActive .rspCollapseBarCollapse {
    background-position: 0 100px !important;
}

    .rspResizeBar.ActiveHistory.InActive .rspCollapseBarCollapse:hover {
        background-position: 0 80px !important;
    }

.RadMenu {
    text-align: left;
}

/* todo: name this */
ul.metadata {
    padding: 0;
    margin: 0;
    display: block;
    list-style-type: square;
    justify-content: space-around;
}

    ul.metadata li {
        display: inline-block;
        margin-right: .3em;
        line-height: 1em;
    }

    ul.metadata span.label {
        font-weight: bold;
        color: #000;
        font-size: 80%;
        padding: 0 .3em 0 0;
    }

    ul.metadata span.separator {
        margin-left: 9px;
        display: none;
    }

    ul.metadata div.warning {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: transparent url('All_Icons/alert-octagon.png') no-repeat;
        background-size: 13px;
        filter: invert(99%) sepia(99%) saturate(7494%) hue-rotate(346deg) brightness(100%) contrast(106%);
        vertical-align:middle;
    }

.metadata .logged {
    color: #0073ED !important;
}

table.metadata {
    border-collapse: collapse;
}

    table.metadata td, table.metadata th {
        padding: 3px 2px;
    }

    table.metadata tbody tr:nth-child(even) {
        background: #e9e9e9;
    }

    table.metadata thead th {
        color: #ffffff;
        border-left: 1px solid #ffffff;
        padding-top: 5px;
        padding-bottom: 4px;
        text-align: left;
        font-weight: normal;
        padding-left: 7px;
        padding-right: 7px;
        background-color: #424242;
        background-image: linear-gradient(rgba(255, 255, 255, 0.318) 10%, transparent 50%, rgba(29, 29, 29, 0.2));
    }

        table.metadata thead th:first-child {
            border-left: none;
        }


/* Workflow menu*/
.workflowMenuWrapper {
    padding: 0 12px;
    display:flex;
    vertical-align:middle;
    line-height:46px;
}

    .workflowMenuWrapper:hover, .workflowMenuWrapper.hover {
        cursor: pointer;
        border-bottom: 3px solid #0E8FF9;
    }

.headerButtonsWorkflow.aspNetDisabled {
    background-color: #f4f4f4;
    color:#000;
}

    .headerButtonsWorkflow.aspNetDisabled .workflowMenuImg {
        -webkit-filter: unset;
    }

    .headerButtonsWorkflow #workflowReadOnly{
        display:none;
    }

    .headerButtonsWorkflow.aspNetDisabled #workflowReadOnly {
        font-size: 22px;
        margin-left: auto;
        margin-right: 10px;
        font-weight: bold;
        display:block;
    }


.workflowMenuWrapper.aspNetDisabled:hover {
    background-color: transparent;
    cursor: default;
    border-bottom: unset !important;
    -webkit-filter: invert(50%);
}

.workflowMenuText {
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    margin: 0 0 0 6px;
}

.workflowMenuWrapper:hover .workflowMenuText,
.workflowMenuWrapper.hover .workflowMenuText {
    color: #0E8FF9 !important;
}

.workflowMenuWrapper.aspNetDisabled .workflowMenuText {
    color: #808080 !important;
    font-style: italic !important;
}



.workflowMenuImg {
    height: 32px;
    width: 30px;
    background-repeat: no-repeat;
    margin: 13px -9px -9px 0px;
    vertical-align: middle;
    text-align: center;
    -webkit-filter: invert(100%);
}

.workflowMenuWrapper .workflowMenuImg.changeStatus {
    background-image: url(../Teal/All_Icons/Change.png);
}

.workflowMenuWrapper:hover .workflowMenuImg.changeStatus, .workflowMenuWrapper.hover .workflowMenuImg.changeStatus {
    background-image: url(../Teal/All_Icons/Change-blue.png);
    -webkit-filter: unset !important;
}

.workflowMenuWrapper.aspNetDisabled .workflowMenuImg.changeStatus {
    background-image: url(../Teal/All_Icons/Change.png);
    -webkit-filter: invert(50%);
}

.workflowMenuWrapper .workflowMenuImg.unlockPackage {
    background-image: url(../Teal/All_Icons/Unlock.png);
}

.workflowMenuWrapper:hover .workflowMenuImg.unlockPackage, .workflowMenuWrapper.hover .workflowMenuImg.unlockPackage {
    background-image: url(../Teal/All_Icons/Unlock-blue.png);
    -webkit-filter: unset !important;
}

.workflowMenuWrapper.aspNetDisabled .workflowMenuImg.unlockPackage {
    background-image: url(../Teal/All_Icons/Unlock.png);
    -webkit-filter: invert(50%);
}

.workflowMenuWrapper .workflowMenuImg.viewHistory {
    background-image: url(../Teal/All_Icons/History.png);
}

.workflowMenuWrapper:hover .workflowMenuImg.viewHistory, .workflowMenuWrapper.hover .workflowMenuImg.viewHistory {
    background-image: url(../Teal/All_Icons/History-blue.png);
    -webkit-filter:unset !important;
}

.workflowMenuWrapper.aspNetDisabled .workflowMenuImg.viewHistory {
    background-image: url(../Teal/All_Icons/History.png);
}

.workflowMenuWrapper .workflowMenuImg.viewDocuments {
    background-image: url(../Teal/All_Icons/Documents.png);
}

.workflowMenuWrapper:hover .workflowMenuImg.viewDocuments, .workflowMenuWrapper.hover .workflowMenuImg.viewDocuments {
    background-image: url(../Teal/All_Icons/Documents-blue.png);
}

.workflowMenuWrapper.aspNetDisabled .workflowMenuImg.viewDocuments {
    background-image: url(../Teal/All_Icons/Documents.png);
}


.workflowMenuWrapper .workflowMenuImg.viewInstructions {
    background-image: url(../Teal/All_Icons/Info-Light.png);
}

.workflowMenuWrapper:hover .workflowMenuImg.viewInstructions, .workflowMenuWrapper.hover .workflowMenuImg.viewInstructions {
    background-image: url(../Teal/All_Icons/Info-Light-blue.png);
    -webkit-filter: unset !important;
}

.workflowMenuWrapper.aspNetDisabled .workflowMenuImg.viewInstructions {
    background-image: url(../Teal/All_Icons/Info-Light.png);
}

.workflowMenuWrapper .workflowMenuImg.viewClassification {
    background-image: url(../Teal/All_Icons/Data.png);
}

.workflowMenuWrapper:hover .workflowMenuImg.viewClassification, .workflowMenuWrapper.hover .workflowMenuImg.viewClassification {
    background-image: url(../Teal/All_Icons/Data-blue.png);
}

.workflowMenuWrapper.aspNetDisabled .workflowMenuImg.viewClassification {
    background-image: url(../Teal/All_Icons/Data.png);
}

.workflowMenuWrapper.mobile {
    text-align: center;
    width: 25%;
    margin-right: -4px;
    border-right: none;
}

    .workflowMenuWrapper.mobile.hideAdvanced {
        width: 50% !important;
    }

/*@media (max-width: 650px) {
    .workflowMenuImg {
        display: block;
        height: 32px;
        width: 30px;
        background-image: url('mgSprites/folderOps.png?06012017');
        background-repeat: no-repeat;
        margin: 6px auto 2px auto;
    }

    .workflowMenuText {
        margin: 0;
    }

    .headerButtons {
        background-color: #e9e9e9;
        text-align: center;
        line-height: normal;
        height: 62px !important;
    }
}*/

@media (min-width: 806px) {

    .workflowMenuWrapper.mobile {
        text-align: center;
        width: unset !important;
        margin-right: -4px;
        border-right: noneviewClassification padding: 0 25px 0 25px;
    }
}

    .headerButtonsWorkflow [min-width~="806px"] .workflowMenuWrapper.mobile {
        text-align: center;
        width: unset !important;
        margin-right: -4px;
        border-right: none;
        padding: 0 25px 0 25px;
    }

    /* Multi-add page */
    .item {
        height: 40px;
        width: 500px;
        margin: 0;
        text-align: left;
        padding: 0;
        font-size: 1.05em;
        background-color: #efefee;
        clear: both;
        position: relative;
    }

    #multiAddContainer, #multiAddContainer iframe {
        position: relative;
        width: 100%;
        height: 500px;
        border: none;
    }

        #multiAddContainer #multiAddLoading {
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            left: 0;
            top: 20px;
            width: 100%;
            height: 100%;
            font-weight: bold;
        }

            #multiAddContainer #multiAddLoading img {
                vertical-align: middle;
                padding-left: 15px;
            }

    .rgFilterBox, .rgFilter {
        width: 100%;
    }

    .contentPane {
        position: relative;
        background-color: white;
    }

        .contentPane > .RadAjaxPanel {
        }


        .contentPane iframe {
            height: 100% !important;
        }

    /* Grid footer */
    .mgPager {
        text-align: center;
        line-height: 32px;
        background-color: white;
        width: 100%;
    }

        .mgPager label {
            color: #000;
            vertical-align: middle;
        }

    .office_frame {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        border: none;
        z-index: 32000;
    }

    /*todo: currently the scan controls don't work in IE if they aren't displayed at load
    .wrapper {
    display: none;
}*/

    .notInstalled {
        display: none;
        text-align: center;
        width: 100%;
    }

    .scanContainer {
        display: inline-block;
        vertical-align: top;
        margin-left: 10px;
        font-weight: bold;
    }

        .scanContainer .hiddenMessage {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
        }

            .scanContainer .hiddenMessage td {
                white-space: normal;
                text-align: center;
                vertical-align: middle;
                padding: 10px;
            }

    .scanViewer {
        border: 2px solid black;
        background-color: #EEEEEE;
        margin-top: 10px;
    }

    .ds-dwt-imageViewer {
        background-color: inherit !important;
    }

    .scan.box {
        background-color: white;
        padding: 25px 20px 15px 20px;
        margin-top: 10px;
        position: relative;
        border: 2px solid lightgray;
    }


    .box:not(.scan) {
        background-color: white;
        border: 2px solid lightgray;
        padding: 10px;
    }

    .scan.box.right {
        background-color: #EEEEEE;
        padding: 25px 20px 15px 20px;
        margin-top: 10px;
        position: relative;
        border: 2px solid black;
        text-align: right;
    }

    .scan.box .rlbGroup {
        background-color: #EEEEEE !important;
    }

    .scan.box .option {
        background-color: #FFFFFF;
        padding: 5px 15px 5px 15px;
        margin-top: 5px;
        border: 1px solid #e6e6e6;
        display: inline-block;
    }

    .scan.box .title {
        position: absolute;
        top: 5px;
        left: 5px;
        font-weight: bold;
    }

    .scan.box .options {
        padding: 0;
        margin-top: 10px;
    }

    .subscribe.icon {
        cursor: pointer;
        width: 32px;
        height: 32px;
        background-image: url("MgSprites/subscribe.png");
        display: inline-block;
    }

        .subscribe.icon:hover {
            cursor: pointer;
        }

        .subscribe.icon.all {
            background-position: 0 0;
        }

        .subscribe.icon.none {
            background-position: -32px 0;
        }

        .subscribe.icon.custom {
            background-position: -64px 0;
        }

        .subscribe.icon.add {
            /* background-position: 0 -32px; */
            width: 24px;
            height: 24px;
            background-image: url('All_Icons/Notification NewDoc.png');
            background-repeat: no-repeat;
        }

        .subscribe.icon.edit {
            /*background-position: -32px -32px; */
            width: 24px;
            height: 24px;
            background-image: url('All_Icons/Edits.png');
            background-repeat: no-repeat;
        }

        .subscribe.icon.replace {
            /* background-position: -64px -32px;*/
            width: 24px;
            height: 24px;
            background-image: url('All_Icons/Replace.png');
            background-repeat: no-repeat;
        }

        .subscribe.icon.email {
            /*background-position: 0 -64px; */
            width: 24px;
            height: 24px;
            background-image: url('All_Icons/mail.png');
            background-repeat: no-repeat;
        }

        .subscribe.icon.home {
            /*background-position: -32px -64px;*/
            width: 24px;
            height: 24px;
            background-image: url('All_Icons/home.png');
            background-repeat: no-repeat;
        }


    .dockViewerClose {
        width: 32px;
        height: 32px;
        background-image: url("MgSprites/scan.png");
        display: inline-block;
        cursor: pointer;
        background-position: 0 -192px;
        margin: 5px 6px 2px 0px;
        zoom: .75;
    }

        .dockViewerClose:hover {
        }


    .scan.icon {
        margin: 2px 0 0 0 !important;
        width: 32px;
        height: 32px;
        background-image: url(MgSprites/scan.png);
        display: inline-block;
        cursor: pointer;
        -webkit-filter: invert(40%);
    }



    .largeButton.forIcon:hover .scan.icon {
        -webkit-filter: unset;
    }


    .scan.icon.scanner {
        background-position: 0 0;
    }

    /*
        .largeButton.forIcon:hover .scan.icon.scanner,
        .scan.icon.scanner:hover {
            border: #0073ED solid;
            border-radius: 3px;
        }
*/
    .scan.icon.rotateLeft {
        background-position: 0 -32px;
        margin: 2px;
    }

        .scan.icon.rotateLeft:hover {
            margin: 0;
            -webkit-filter: unset;
        }

    .scan.icon.rotateRight {
        background-position: 0 -64px;
        margin: 2px;
    }

        .scan.icon.rotateRight:hover {
            margin: 0;
            -webkit-filter: unset;
        }

    .scan.icon.flipHor {
        background-position: 0 -96px;
        margin: 2px;
    }

        .scan.icon.flipHor:hover {
            margin: 0;
            -webkit-filter: unset;
        }

    .scan.icon.flipVer {
        background-position: 0 -128px;
        margin: 2px;
    }

        .scan.icon.flipVer:hover {
            margin: 0;
            -webkit-filter: unset;
        }

    .scan.icon.crop {
        background-position: 0 -160px;
        margin: 2px;
    }

        .scan.icon.crop:hover {
            margin: 0;
            -webkit-filter: unset;
        }

    .scan.icon.delete {
        background-position: 0 -192px;
        margin: 2px;
    }

        .scan.icon.delete:hover {
            margin: 0;
            -webkit-filter: unset;
        }

    .scan.icon.refresh {
        width: 16px;
        height: 16px;
        background-position: -16px -224px;
        border: none;
        vertical-align: middle;
    }

        .scan.icon.refresh:hover {
            background-position: 0 -224px;
        }

    .scan.icon.mono {
        background-position: 0 -240px;
        border: none;
        -webkit-filter: unset;
    }

    .scan.icon.grayscale {
        background-position: -32px -240px;
        border: none;
        -webkit-filter: unset;
    }

    .scan.icon.color {
        background-position: -64px -240px;
        border: none;
        -webkit-filter: unset;
    }

    .scan.icon.arrow {
        width: 20px;
        height: 20px;
        background-position: 0 -272px;
        border: none;
    }

    .scan.dropDown {
        width: 200px;
        position: relative;
        text-align: left;
        border: 1px solid #e9e9e9;
        background-color: white;
        display: inline-block;
        height: 40px;
        vertical-align: middle;
    }

        .scan.dropDown:hover {
            cursor: pointer;
            background-color: #e9e9e9;
            border-color: #424242;
            color: white;
        }

        .scan.dropDown.dropped {
            background-color: #3899b9;
            border-color: #3899b9;
        }

        .scan.dropDown table {
            width: 100%;
            vertical-align: middle;
        }

        .scan.dropDown .pageSize {
            padding: 5px;
        }

            .scan.dropDown .pageSize .pageInfo {
                display: inline-block;
                vertical-align: top;
            }

            .scan.dropDown .pageSize .pageIcon {
                display: inline-block;
                width: 35px;
                height: 100%;
                position: relative;
            }

                .scan.dropDown .pageSize .pageIcon .letter {
                    border: 1px solid #000000;
                    width: 18px;
                    height: 22px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin: -11px 0 0 -9px;
                }

                .scan.dropDown .pageSize .pageIcon .legal {
                    border: 1px solid #000000;
                    width: 18px;
                    height: 26px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin: -13px 0 0 -9px;
                }

                .scan.dropDown .pageSize .pageIcon .other {
                    width: 24px;
                    height: 24px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin: -12px 0 0 -12px;
                    background-image: url("MgSprites/scan.png");
                    background-position: 0 -292px;
                }

            .scan.dropDown .pageSize .pageType {
                color: #000000;
            }

            .scan.dropDown .pageSize .pageDimension {
                color: #424242;
                font-weight: normal;
            }

    .scan div.pageSize:hover {
        background-color: #e9e9e9;
    }

    .scan.dropDown .dropArrow {
        width: 20px;
    }

    .RadButton .toggle {
        text-align: center;
        line-height: normal;
        width: 100px;
        padding: 5px;
        border: 1px solid lightgray;
    }



    /* START: left panel */
    .leftPane {
        position: relative;
        background-color: white;
    }

    .leftPaneTitle {
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
    }

    .leftPaneSubTitle {
        color: #7e7e7e;
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 20px;
    }


    .leftPane.blank,
    .leftPane.addPage,
    .leftPane.editPage,
    .leftPane.addWorkflowPage,
    .leftPane.loginPage {
        background-color: white;
    }

    .leftBarBorder {
        padding: 5px;
        background-color: #e9e9e9;
        border-radius: 3px;
    }

        .leftBarBorder > span {
            font-weight: bold;
            font-size: 16px;
        }

    .leftBarPadding {
        background-color: #FAFBFC;
        padding: 5px;
    }

        .leftBarPadding.login {
            background-color: transparent !important;
        }

    .leftBarPaddingLogs {
        padding: 5px;
    }


    /*Left panel title*/
    /* ED: Opening a package styling format*/
.leftBarTitle {
    line-height: 23px;
    padding: 8px 0 8px 5px;    
}




        /*    .leftBarTitle.Highlight {
        background-color: white;
        color: #3C4752;
    }

    .leftBarTitle.Light {
        background-color: white;
        color: black;
    }

    .leftBarTitle.Dark {
        background-color: white;
        border-bottom: 1px solid lightgray;
    }*/

        .leftBarTitle label {
            vertical-align: middle;
        }

        .leftBarTitle.Logslabel {
            font-size: 15px;
            color: #000;
            font-weight: bold;
        }

    .smallButton,
    .largeButton {
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
    }

        .smallButton > span,
        .largeButton > span {
            background-color: #0073ED;
            color: #fff;
        }


            .smallButton > span:hover,
            .largeButton > span:hover {
                background-color: #0E8FF9;
                cursor: pointer;
            }

        .smallButton:hover *, .smallButton:active *, .smallButton:focus *, .largeButton:hover *, .largeButton:active *, .largeButton:focus * {
            cursor: pointer;
        }

    .smallButton {
        display: inline-block;
        margin-top: 10px;
        margin-right: 5px;
    }

        .smallButton > span {
            padding: 0 20px 0 20px;
            line-height: 35px;
            height: 35px;
            font-size: 20px;
            display: inline-block;
            border-radius: 4px !important;
        }

    .largeButton > span.applied, .largeButton > span.applied:hover {
        color: white !important;
        border-color: transparent;
        background-color: #d9d9d9 !important;
        cursor: default;
    }



    .largeButton > span {
        border-radius: 4px !important;
    }



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

    .largeButtonReplace {
        font-size: 25px;
        position: relative;
        padding-left: 15px;
        left: 25px;
    }

        .largeButtonReplace > span {
            position: absolute;
            left: -10px;
            top: -21px;
            right: 0;
            height: 26px;
            text-align: center;
            padding-top: 10px;
            width: 211px;
        }

            .largeButtonReplace > span.cancel:hover {
                color: #0073ED !important;
                background-color: dodgerblue !important;
                border-color: dodgerblue !important;
                border-radius: 3px;
            }

            .largeButtonReplace > span.cancel {
                color: #0073ED !important;
                border: 2px #0073ED solid;
                background-color: transparent;
                border-radius: 3px;
            }

    .inGridRow .largeButtonReplace {
        display: inline-block;
        width: 200px;
    }


    .largeButton {
        line-height: 40px;
        height: 40px;
        font-size: 23px;
        position: relative;
    }

        .largeButton > span {
            position: absolute;
            left: 0;
            right: 0;
        }

        .largeButton > button {
            position: absolute;
            left: 0;
            right: 0;
        }

        .largeButton > span.publish {
            color: white !important;
            background-color: #0073ED;
            border-radius: 3px;
        }

        .largeButton > span.apply {
            color: white !important;
            background-color: #0073ED;
            border-radius: 3px;
        }

            .largeButton > span.apply:hover {
                background-color: #0E8FF9;
            }

    .smallButtonInline {
        padding: 0 6px !important;
        font-size: 12px;
    }

    .cancelButtonReplace {
        color: white !important;
        border: 2px #0073ED solid;
        background-color: #0073ED;
        border-radius: 3px;
    }

    .leftPane .largeButton {
        position: absolute;
        left: 5px;
        right: 5px;
    }

    .inGridRow .largeButton {
        display: inline-block;
        width: 200px;
    }

    .inGridRow .scanReplace {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 17px;
    }

    .leftPane .largeButton.bottom {
        bottom: 0;
    }

    .leftPane.mobile .largeButton.bottom {
        bottom: -50px;
        background-color: transparent !important;
    }

    .leftPane .largeButton.top {
        width: auto;
        top: 0;
    }

    .leftPane .largeButton.bottom > span:only-child {
        bottom: 5px !important;
    }

    .leftPane .largeButton.top > span {
        top: 5px;
    }

    .leftPane.addPage .largeButton.bottom {
        display: none;
    }

    .leftPane.editPage .largeButton.bottom {
        display: block;
    }

    .leftPane .largeButton.bottom > span.cancel {
        bottom: 5px;
        line-height: 36px;
        height: 38px;
    }

    .leftPane .largeButton.bottom > span.apply {
        bottom: 50px;
    }

    .leftPane .largeButton.bottom > span.publish {
        bottom: 95px;
    }





    .leftPane .largeButton.withIcon {
        right: 56px !important;
        white-space:nowrap;
    }

    .largeButton.forIcon {
        vertical-align: middle;
        width: 40px !important;
        height: 36px;
        border: 2px solid #f1f1f1;
        border-radius: 4px;
        margin-top: 1px;
        display: inline-block;
    }

        .largeButton.forIcon .icon {
            margin: 9px;
        }

        .largeButton.forIcon:hover {
            cursor: pointer;
            background-color: transparent !important;
            border-color: #0073ED !important;
        }

    .leftPane .largeButton.forIcon {
        right: 5px;
        left: auto;
    }

    iframe.leftBarFrame {
        width: 100%;
    }

    .leftBarWrapper {
        position: absolute;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .addPage .leftBarWrapper {
        display: none;
    }

    .import.editPage .leftBarWrapper {
        bottom: 140px !important;
    }

    .editPage .leftBarWrapper {
        top: 0;
        bottom: 100px;
        display: block;
    }

    .addWorkflowPage .leftBarWrapper {
        top: 0;
        bottom: 110px;
    }

    .loginPage .leftBarWrapper {
        top: 0;
        bottom: 55px;
        overflow-y: auto;
    }

    .textSearchPage .leftBarWrapper,
    .searchPage .leftBarWrapper {
        top: 0;
        bottom: 50px;
        background-color: white;
    }

    .searchPage .leftBarWrapper {
        overflow: hidden;
    }

    .textSearchPage .leftBarWrapper {
        overflow: auto;
        background-color: white;
    }

    .leftBarWrapper iframe {
        padding-bottom: 10px;
    }

    .leftBarSearchLabels {
        background-color: lightgray;
        border-radius: 3px;
        height: 26px;
        line-height: 2;
        padding-left: 8px;
    }


.dropZone {
    margin: 5px;
    background-color: white;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    height: 340px;
    border: 1px solid;
    border-radius: 4px;
    /* Flexbox for alignment */
    display: flex;
    flex-direction: column; /* Stack items vertically */
    justify-content: center; /* Center items vertically */
    align-items: center; /* Center items horizontally */
    /* Remove the fixed line-height */
    line-height: normal;
}

#dropFilesSpan {
    padding-top: 20px; /* Optional: Adjust spacing between lines */
    margin-bottom: 10px; /* Add space between spans */
}

.dropZone span {
    max-width: 90%; /* Prevent overly long lines */
    word-wrap: break-word; /* Allow line breaks in long text */
    text-align: center; /* Center-align text */
}


    .replaceDropZone {
        background-color: white;
        font-weight: bold;
        font-size: 20px;
        vertical-align: middle;
        text-align: center;
        height: 340px;
        line-height: 300px;
        border: 1px solid #D7D8DA;
        border-radius: 4px;
    }

    .dropZone.k-dropzone-hovered, .replaceDropZone.k-dropzone-hovered {
        border-color: #0E8FF9;
        background-color: #cee8fe;
        color: #0E8FF9;
    }

    .inGridRow {
        display: none;
        position: absolute;
        width: 100%;
        height: 48px;
        padding-left: 10px;
        z-index: 7950; /*.disabled is 7900 and site radmenu is 8000*/
        background-color: #e9e9e9;
        white-space: nowrap;
        padding: 6px 0 0 6px;
    }

    .inGridRowVisibleLoad {
        display: block !important;
        position: static !important;
    }

    .inGridRow .dropZone {
        display: inline-block;
        width: 250px;
        height: 40px;
        line-height: 40px;
    }

    .inGridRow .replaceDropZone {
        display: inline-block;
        width: 250px;
        height: 38px;
        line-height: 38px;
    }

    .leftPane .dropZonePadding {
        position: relative;
    }

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

    .detailPanel {
        font-size: 13px;
        display: flex;
        font-weight: 400;
        height: 76px;
        max-height: 76px;
        background-color: #FAFBFC;
        padding: 8px;
        box-sizing: border-box;
    }

        .detailPanel .detailItem {
            width: calc(25% - 26px);
            text-align: left;
            min-width: 100px;
        }

            .detailPanel .detailItem.large {
                width: calc(50% - 26px);
                text-align: left;
                min-width: 100px;
            }

            .detailPanel .detailItem.first {
                width: 80px !important;
                text-align: left;
            }

        .detailPanel .detailItemValue {
            margin-top: 4px;
            height: 48px;
            overflow-y: auto;
        }

    .detailTable .column1 {
        font-weight: 600;
    }

    .detailTable .column2 {
        padding-left: 15px;
    }

    .headerSection {
        overflow: hidden;
        text-align: left;
    }

    td.headerSection {
        padding: 5px 0 !important;
        font-weight: bold;
    }

    .headerButtons {
        background-color: #FAFBFC;
        text-align: center;
        line-height: normal;
        height: 40px;
        display: flex;
    }

    .headerButtonsWorkflow {
        text-align: left;
        background-color: #2B303B;
        color: #fff;
        position: relative;
        vertical-align: middle;
        line-height: 46px;
        height: 46px;
        display: flex;
    }

    .folderAction {
        height: 31px;
        margin-top: 9px;
        display: inline-block;
        margin-left: 20px;
    }

        .folderAction div {
            width: 32px;
            height: 66%;
            float: left;
        }



    .control {
        width: 100%;
    }

    /* moved to .exportPdf, etc. due to firefox not handling background-position-x/y
.folderAction div.enabled {
    background-position-y: 0px;
}*/

    .folderAction div.enabled:hover {
        cursor: pointer;
        -webkit-filter: invert(70%);
    }

    .folderAction div.enabled.active,
    .folderAction div.enabled:active {
        cursor: pointer;
    }

    .folderAction div.loading img {
        visibility: visible !important;
    }

    /* END: left panel */

    .RadTabStrip .rtsTxt, .RadMenu .rmText {
        text-transform: none !important;
    }


    .RadPanelBar_Millennia .rpExpandable span.rpExpandHandle, .RadPanelBar_Millennia .rpExpanded span.rpExpandHandle {
        background-image: url('../Teal/All_Icons/dropdown-large.png');
        background-size: 15px;
        height: 15px;
        width: 15px;
    }

    .RadPanelBar_Millennia .rpExpandable span.rpExpandHandle {
        background-position: unset;
    }

    .RadPanelBar .rpExpandHandle {
        margin: 5px 0px 0 0 !important;
    }

    .RadPanelBar_Millennia .rpExpanded span.rpExpandHandle {
        background-position: unset;
        transform: rotate(180deg);
    }



    .exportPdf {
        background-image: url('../Teal/All_Icons/pdf icon.png');
        background-repeat: no-repeat;
        /* background: transparent url("mgSprites/folderOps.png?03312017") no-repeat 0 0 */
    }

    .exportZip {
        background-image: url('../Teal/All_Icons/Zip.png');
        background-repeat: no-repeat;
        -webkit-filter: invert(56%);
        /*background: transparent url("mgSprites/folderOps.png?03312017") no-repeat -28px 0 */
    }



    .addFolder {
        background-image: url('../Teal/All_Icons/plus-square.png');
        background-repeat: no-repeat;
        -webkit-filter: invert(56%);
        /*background: transparent url("mgSprites/folderOps.png?03312017") no-repeat -56px 0*/
    }

    .renameFolder {
        background-image: url('../Teal/All_Icons/Rename.png');
        background-repeat: no-repeat;
        -webkit-filter: invert(56%);
        /*background: transparent url("mgSprites/folderOps.png?03312017") no-repeat -84px 0 */
    }

    .deleteFolder {
        background-image: url('../Teal/All_Icons/Remove.png');
        background-repeat: no-repeat;
        -webkit-filter: invert(56%);
        /*background: transparent url("mgSprites/folderOps.png?03312017") no-repeat -112px 0*/
    }

    .shareFolder {
        background-image: url('../Teal/All_Icons/share _ copy to.png');
        background-repeat: no-repeat;
        /* background: transparent url("mgSprites/folderOps.png?03312017") no-repeat -224px 0*/
    }
    /*
.exportPdf.enabled:hover {
    background-position: 0 -28px;
}

.exportZip.enabled:hover {
    background-position: -28px -28px;
}

.addFolder.enabled:hover {
    background-position: -56px -28px;
}

.renameFolder.enabled:hover {
    background-position: -84px -28px;
}

.deleteFolder.enabled:hover {
    background-position: -112px -28px;
}

.changeStatus.enabled:hover {
    background-position: -140px -28px;
}

.unlockPackage.enabled:hover {
    background-position: -168px -28px;
}

.viewHistory.enabled:hover {
    background-position: -196px -28px;
}

.shareFolder.enabled:hover {
    background-position: -224px -28px;
}*/


    .addFolder.enabled:active,
    .addFolder.enabled.active {
        background: transparent url("mgSprites/folderOps.png?06012017") no-repeat -56px 0 !important;
    }

    .renameFolder.enabled:active,
    .renameFolder.enabled.active {
        background: transparent url("mgSprites/folderOps.png?06012017") no-repeat -84px 0 !important;
    }

    .deleteFolder.enabled:active,
    .deleteFolder.enabled.active {
        background: transparent url("mgSprites/folderOps.png?06012017") no-repeat -112px 0 !important;
    }

    .changeStatus.enabled:active,
    .changeStatus.enabled.active {
        background: transparent url("mgSprites/folderOps.png?06012017") no-repeat -140px 0 !important;
    }

    .unlockPackage.enabled:active,
    .unlockPackage.enabled.active {
        background: transparent url("mgSprites/folderOps.png?06012017") no-repeat -168px 0 !important;
    }

    .viewHistory.enabled:active,
    .viewHistory.enabled.active {
        background: transparent url("mgSprites/folderOps.png?06012017") no-repeat -196px 0 !important;
    }

    /* jsPlumb styling for Workflow builder */

    .flowchart.canvas {
        position: relative;
        height: 100%;
    }

    .flowchart.objects {
        text-align: center;
    }

    .flowchart .workflow {
        font-style: italic;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
    }

        .flowchart .workflow table {
            height: 100%;
            width: 100%;
        }

        .flowchart .workflow td {
            vertical-align: middle;
            text-align: center;
        }

        .flowchart .workflow:hover {
            opacity: 0.6 !important;
            filter: alpha(opacity=60) !important;
        }

    .flowchart.objects .workflow {
        vertical-align: middle;
        cursor: pointer;
        overflow: hidden;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
        margin: 30px auto;
        opacity: 0.8;
    }

    .flowchart .workflow.step {
        border: 1px solid #4D5D6F;
        -webkit-box-shadow: 2px 2px 19px #aaa;
        -moz-box-shadow: 2px 2px 19px #aaa;
        box-shadow: 2px 2px 19px #aaa;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
        filter: alpha(opacity=80);
        background-color: #eeeeef;
        padding: 0.5em;
        width: 100px;
        height: 100px;
        color: #8E8E8E;
        z-index: 20;
    }

        .flowchart .workflow.step:hover,
        .flowchart .workflow.step:active {
            -webkit-box-shadow: 2px 2px 19px #444;
            -moz-box-shadow: 2px 2px 19px #444;
            box-shadow: 2px 2px 19px #444;
        }

    .flowchart.canvas .workflow.step:hover {
        cursor: move;
    }

    .flowchart.canvas .workflow {
        position: absolute;
    }

        .flowchart.canvas .workflow.step {
            top: 200px;
            left: 50px;
        }

        .flowchart.canvas .workflow.end {
            bottom: 50px;
            right: 50px;
        }

    .flowchart .workflow.step div.name {
        text-decoration: underline;
        padding-bottom: 10px;
        margin: 0px auto;
        display: inline-block;
    }

    .flowchart .workflow.step div.editName {
        display: none;
    }

        .flowchart .workflow.step div.editName input {
            width: 90%;
        }

    .flowchart .workflow.step div.user {
        color: #8E8E8E !important;
    }

        .flowchart .workflow.step div.name:hover,
        .flowchart .workflow.step div.user:hover,
        .flowchart .workflow.step div.editName div:hover {
            color: #000000 !important;
            cursor: pointer !important;
        }

    .flowchart .workflow.start {
        width: 50px;
        height: 50px;
        line-height: 50px;
        top: 25px;
        left: 25px;
        background-image: url("mgSprites/workflow.png");
        background-position: 0 0;
        color: #ffffff;
        vertical-align: middle;
    }

    .flowchart .workflow.end {
        width: 50px;
        height: 50px;
        line-height: 50px;
        background-image: url("mgSprites/workflow.png");
        background-position: 0 -50px;
        color: #ffffff;
    }

    .flowchart .workflow > .Delete {
        display: none !important;
        position: absolute;
        z-index: 30;
    }

    .flowchart .workflow.step > .Delete {
        top: 2px;
        right: 2px;
    }

    .flowchart .workflow.end > .Delete {
        top: -4px;
        right: -4px;
    }

    .flowchart .workflow:hover > .Delete {
        display: block !important;
        cursor: pointer;
    }

    ._jsPlumb_connector {
        z-index: 4;
    }

        ._jsPlumb_connector:hover {
            cursor: pointer;
        }

    ._jsPlumb_endpoint {
        z-index: 21;
        cursor: pointer;
    }

    /* reserve space for sprite image */
    /*.SpriteIcon .rtSp {
    width: 20px !important;
    margin-top: 2px;
    background: transparent url('mgSprites/icons.png?08252017') no-repeat;
    display: inline-block;
}
*/
    /* Toolbar Special Styling */

    /* reserve space for sprite image */
    .SpriteIcon .rtbIcon {
        width: 20px !important;
        height: 20px !important;
        /*    background: transparent url('mgSprites/icons.png?08252017') no-repeat;*/
        background-size: 18px;
        background-repeat: no-repeat;
        background-position: center !important;
    }

    .RadToolBar .rtbText {
        padding: 0px 5px !important;
    }

    div.notificationCount {
        display: inline-block;
    }

    .notificationCount {
        background-color: #dddfe3;
        color: #000;
        border-radius: 50%;
        padding: 1px 6px 2px 6px !important;
        line-height: normal;
        margin-left: 5px;
        font-size: 12px;
        z-index: 100;
        /*background-color: black;
    color: white;
    border-radius: 50%; 
    padding: 0 5px 1px 5px !important;
    line-height: normal;
    margin-left: 5px;
    font-size: .9em;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif; */
    }


        .notificationCount.White {
            border-radius: 50%;
            background-color: #000;
            color: #fff;
            line-height: normal;
            margin-left: 12px;
            margin-top: -5px;
            font-size: .8em;
            font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
        }

        .notificationCount.Red {
            background-color: red;
            color: white;
            position: absolute;
            top: 13px;
            right: 0px;
            border-radius: 50%;
            line-height: normal;
            margin-left: 5px;
            font-size: .9em;
            font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
        }

        .notificationCount.Accent {
            border-radius: 50%;
            background-color: #000;
            color: #fff;
            line-height: normal;
            margin-left: 12px;
            margin-top: -5px;
            font-size: .8em;
            font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
        }

        .notificationCount.notify {
            animation: notify 1s linear;
            border-radius: 50%;
            line-height: normal;
            margin-left: 5px;
            font-size: .9em;
            font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
        }

    @keyframes notify {
        0% {
            font-size: .9em;
        }

        25% {
            font-size: 1.1em;
            font-weight: bold;
        }

        50% {
            font-size: 1.0em;
            font-weight: bold;
        }

        75% {
            font-size: 1.1em;
            font-weight: bold;
        }

        f 100% {
            font-size: 1.0em;
            font-weight: bold;
        }
    }

    .bellIconNotification {
        -webkit-filter: invert(56%)
    }

        .bellIconNotification:hover {
            -webkit-filter: invert(100%)
        }

    .userDropdown {
        background-image: url("All_Icons/Dropdown.png");
        background-repeat: no-repeat;
        /*-webkit-filter: invert(56%);
    position: relative;
    top:12px;
    right:6px; */
    }
    /* .userDropdown:hover {
        -webkit-filter: invert(100%)
    }*/

    .siteNotifications {
        background-color: transparent;
        display: inline;
        border-right: none;
        margin-inline: 0px;
        width: 40px;
        margin-right: 5px;
        text-align: center;
        position: relative;
    }

        .siteNotifications .imgNotifications {
            cursor: pointer;
        }



    .k-menu {
        flex-wrap: nowrap !important;
        z-index: 7999;
    }



    .siteNotifications:hover {
        border: none;
    }

    .siteNotifications .notificationCount {
        margin-left: -5px;
    }

    .siteNotifications ul {
        position: absolute;
        top: 70px;
        right: -10px;
        margin-top: 1px;
        width: 350px;
        border: none;
        background-color: #ffffff;
        display: none;
        z-index: 8001;
        list-style-type: none;
        padding: 0;
        margin: 0;
        max-height: 500px;
        overflow: auto;
        line-height: 20px;
        color: #000;
        border: 1px solid #999999;
    }

        .siteNotifications ul li {
            position: relative;
            background-color: #fff;
            min-height: 50px;
            padding: 5px 35px 5px 10px;
            overflow: hidden;
            font-size: 12px;
            text-align: left;
        }

            .siteNotifications ul li:hover {
                background-color: #f1f1f1;
            }

    .siteNotifications .notificationIcon {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
    }

    .siteNotifications .notification {
        padding: 0 0 10px 33px;
    }

    .siteNotifications ul li:not(:first-child) {
        border-top: 1px solid #999999;
    }



    .siteNotifications .deleteNotification {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -10px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

    .siteNotifications .notificationDate {
        position: relative;
        bottom: -16px;
        font-style: italic;
        color: #bcbcbc;
    }

    /* New Folder styling (radmenu and radtreeview) */
    #newFolder {
        border: 1px solid #0C2039;
        background: transparent;
        height: 1.4em;
        text-decoration: none;
        vertical-align: middle;
        display: block;
        margin: 1px 1px 0 28px;
        padding: 2px 0 0 1px;
    }

        #newFolder:hover {
            border-color: transparent;
        }

        #newFolder input {
            height: 1.4em;
            border: 0;
            margin: 0;
            padding: 0 2px 0 0;
            background: transparent;
            color: black;
            font: 12px/18px "Segoe UI",Arial,sans-serif;
            outline: 0;
            cursor: text;
        }

    .disable {
        display: none;
        z-index: 7900; /*site rad menu is 8000*/
        position: absolute;
        background-color: #fff;
        opacity: .5;
    }

        .disable.all {
            top: 0;
            right: -1px;
            bottom: 0;
            left: 0;
        }

        .disable.top {
            top: 1px;
            left: 1px;
            right: 1px;
        }

        .disable.row {
            left: 0;
            width: 100%;
            height: 28px;
        }

        .disable.groupHeaderRow {
            left: 0;
            width: 100%;
            height: 33px;
            margin-top: -5px !important;
        }

    div.indicatorBar {
        background-color: #e9e9e9;
        position: relative;
        float: left;
        height: 22px;
        line-height: 22px;
        width: 300px;
        display: inline-block;
    }

        div.indicatorBar.workflow {
            width: 100%;
            height: 40px;
            line-height: 40px;
        }

        div.indicatorBar.warning {
            background-color: #FFCCBA;
            border: 1px solid #D63301;
        }

        /*div.indicatorBar.warning > .fileName {
        margin-left:26px;
    }*/

        div.indicatorBar .Document {
            position: absolute;
            left: 5px;
            top: 50%;
            margin-top: -10px;
        }

        div.indicatorBar .remove {
            position: absolute;
            width: 16px;
            height: 16px;
            right: 10px;
            margin-top: 3px;
            background: transparent url('MgSprites/indicator.png') no-repeat;
            cursor: pointer;     
        }



        div.indicatorBar > .info {
            position: absolute;
            width: 24px;
            height: 24px;
            background: transparent url('MgSprites/indicator.png') no-repeat;
            background-position: -38px -48px;
        }

        div.indicatorBar.workflow.warning > .info {
            margin-top: 10px;
        }

        div.indicatorBar.workflow > .remove {
            margin-right: 6px;
            margin-top: 12px;
        }

        div.indicatorBar:not(.warning) .remove {
            background-position: -48px -32px;
        }

            div.indicatorBar:not(.warning) .remove:hover {
                background-position: -64px -32px;
            }

        div.indicatorBar.warning .remove {
            background-position: -16px -32px;
        }

            div.indicatorBar.warning .remove:hover {
                background-position: -32px -32px;
            }

    div.progress {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        background-color: #79b3f1;
        height: 100%;
    }

    div.progressWorkflow {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        background-color: #79b3f1;
        height: 100%;
    }

    div.fileName,
    div.transferring {
        position: absolute;
        font-weight: normal;
        vertical-align: middle;
        line-height: inherit;
        color: black !important;
        white-space: nowrap;
        overflow: hidden;
        margin-left: 30px;
        text-overflow: ellipsis;
        width: 250px;
    }

    div.transferring {
        display: none;
    }

    div.fileName.workflow {
        max-width: 300px;
        overflow: hidden;
        height: 40px;
    }

    div.fileName.warning {
        color: #D63301 !important;
    }

    /* Sprite icon styline for individual icons
	applies to: radtreeview, radmenu, home page header */
    .Simple.SpriteIcon {
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        background: transparent url('mgSprites/icons.png?08252017') no-repeat;
    }

        .Simple.SpriteIcon.Button {
            border: none;
            cursor: pointer;
        }

    /*ED: Action Icon*/
    .actionIcon {
        background: transparent url(../Teal/All_Icons/more-horizontal.png) no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        border: 0px solid gray;
        border-radius: 50%;
        -webkit-filter: invert(0%);
    }


    /*acrobat logo*/
    .RadMenu .Pdf .rmLeftImage, .RadTreeView .Pdf .rtSp, .Pdf .rtbIcon,
    .Simple.Pdf {
        background-image: url('../Teal/All_Icons/pdf icon.png');
        /*background-repeat: repeat-y;
    background-position: 0 20px; */
    }

    /*green excel logo*/
    .RadMenu .Excel .rmLeftImage, .RadTreeView .Excel .rtSp, .Excel .rtbIcon,
    .Simple.Excel {
        background-image: url('../Teal/All_Icons/xls icon.png');
        /* background-repeat: repeat-y;
    background-position: 0 40px; */
    }

    /*orange office logo on button that mimics normal form decorated button*/
    button.officeBtn {
        padding: 0 10px 0 10px;
        font-weight: bold;
        cursor: pointer;
        background-color: #bcbcbc;
        color: black;
        border: 0 none;
        height: 22px;
        line-height: 20px;
        background-image: linear-gradient(rgba(255, 255, 255, 0.318) 10%, transparent 50%, rgba(29, 29, 29, 0.2)) !important;
    }

        button.officeBtn:hover {
            background-color: #424242;
            color: white;
        }

        button.officeBtn div {
            background-image: url('mgSprites/icons.png?08252017');
            background-repeat: repeat-y !important;
            width: 20px;
            height: 20px;
            float: left;
            background-position: 0 60px;
        }

        button.officeBtn:hover div {
            background-position: -20px 60px;
        }

    .RadMenu .MsOffice .rmLeftImage, .RadTreeView .MsOffice .rtSp, .MsOffice .rtbIcon,
    .Simple.MsOffice {
        background-repeat: repeat-y !important;
        background-position: 0 60px; /*microsoft office icon*/
    }

    .RadMenu_Millennia.RadMenu_Context[id*='RadGrid1_rfltMenu'] ul.rmLevel1 {
        height: 200px !important;
        overflow-y: scroll;
    }

        .RadMenu_Millennia.RadMenu_Context[id*='RadGrid1_rfltMenu'] ul.rmLevel1 li.rmItem span.rmText {
            margin-left: 0px !important;
            color: #000 !important;
            font-family: 'Montserrat';
            font-size: 14px;
            font-weight: 450;
        }

        .RadMenu_Millennia.RadMenu_Context[id*='RadGrid1_rfltMenu'] ul.rmLevel1 li {
            line-height: 26px !important;
        }

    .RadMenu_Millennia[id*='RadGrid1_rfltMenu'] .rmGroup .rmLink.rmFocused {
        background-color: #f1f1f1 !important;
    }

    .RadMenu_Millennia.RadMenu_Context[id*='RadGrid1_rfltMenu'] .rmGroup .rmLink {
        border: none !important;
        color: #000 !important;
    }

        .RadMenu_Millennia.RadMenu_Context[id*='RadGrid1_rfltMenu'] .rmGroup .rmLink:hover {
            background-color: #f1f1f1 !important;
        }
    /* General Use Icons 
    - all icons are black unless "White" or "Grey" is added as a css class*/
    /*
    ***while this would be the elegant solution to white/grey, it must be defined for every image
    ***due to the fact that firefox does not support background-position-x/background-position-y

.RadMenu .White .rmLeftImage, .RadTreeView .White .rtSp, .White .rtbIcon,
.Simple.White {
    background-position-x: -20px !important;
}

.RadMenu .Grey .rmLeftImage, .RadTreeView .Grey .rtSp, .Grey .rtbIcon,
.Simple.Grey {
    background-position-x: -40px !important;
}*/
    .rmLink.SpriteIcon:hover .rmLeftImage {
        -webkit-filter: none !important;
    }

    .rmLink.SpriteIcon:hover .rmText {
        color: #000 !important;
    }

    .RadMenu .rmGroup .rmItem, .RadMenu_Millennia.RadMenu_Context .rmGroup {
        min-width: 125px !important;
    }

    .RadMenu .View .rmLeftImage, .RadTreeView .View .rtSp, .View .rtbIcon,
    .Simple.View {
        /*  background-position: 0 0; magnifying glass*/
        background-image: url('../Teal/All_Icons/View_download.png');
        -webkit-filter: invert(50%);
        background-color: unset !important;
    }

    .RadMenu .Remove .rmLeftImage, .RadTreeView .Remove .rtSp, .Remove .rtbIcon,
    .Simple.Remove {
        /*  background-position: 0 0; magnifying glass*/
        background-image: url('../Teal/All_Icons/Remove.png');
        -webkit-filter: invert(50%);
        background-color: unset !important;
    }

    .RadMenu .FolderMinus .rmLeftImage, .RadTreeView .FolderMinus .rtSp, .FolderMinus .rtbIcon,
    .Simple.FolderMinus {
        background-image: url('../Teal/All_Icons/remove-light.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .FolderPlus .rmLeftImage, .RadTreeView .FolderPlus .rtSp, .FolderPlus .rtbIcon,
    .Simple.FolderPlus {
        /*background-position: 0 -40px; */ /*folder + plus sign*/
        background-image: url('../Teal/All_Icons/Share.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Folder .rmLeftImage, .RadTreeView .Folder .rtSp, .Folder .rtbIcon,
    .Simple.Folder {
        background-image: url('../Teal/All_Icons/NewFolder.png');
        /*  background-position: 0 -60px; folder*/
    }

    .RadTreeView .NewFolder .rtSp {
        background-image: url('../Teal/All_Icons/Add-light.png');
        /*  background-position: 0 -60px; folder*/
    }

    .RadMenu .FolderOpen .rmLeftImage, .RadTreeView .FolderOpen .rtSp, .FolderOpen .rtbIcon,
    .Simple.FolderOpen {
        background-image: url('../Teal/All_Icons/FolderOpen.png');
        /*  background-position: 0 -80px; open folder*/
    }

    .RadMenu .Briefcase .rmLeftImage, .RadTreeView .Briefcase .rtSp, .Briefcase .rtbIcon,
    .Simple.Briefcase {
        background-image: url('../Teal/All_Icons/Subscriptions.png');
        -webkit-filter: invert(50%);
        /* background-position: 0 -100px;briefcase*/
    }

    .RadMenu .Document .rmLeftImage, .RadTreeView .Document .rtSp, .Document .rtbIcon,
    .Simple.Document {
        background-image: url('../Teal/All_Icons/Documents.png');
        /*   background-position: 0 -120px; blank page*/
    }

    .RadTreeView .ListParent .rtSp {
        background-image: url('../Teal/All_Icons/ListParent.png');
    }

    .RadTreeView .ListItem .rtSp {
        background-image: url('../Teal/All_Icons/ListItem.png');
    }

    .RadMenu .Menu .rmLeftImage, .RadTreeView .Menu .rtSp, .Menu .rtbIcon,
    .Simple.Menu {
        background-position: 0 -140px; /*three-line menu icon*/
    }

    .RadMenu .User .rmLeftImage, .RadTreeView .User .rtSp, .User .rtbIcon,
    .Simple.User {
        background-image: url('../Teal/All_Icons/user.png');
        /* background-position: 0 -160px; single user*/
    }


    .RadMenu .Blue.User .rmLeftImage, .Blue.User .rtbIcon,
    .Simple.Blue.User {
        background-image: url('../Teal/All_Icons/user-blue.png') !important;
    }

    .RadMenu .Clock .rmLeftImage, .RadTreeView .Clock .rtSp, .Clock .rtbIcon,
    .Simple.Clock {
        background-image: url('../Teal/All_Icons/History.png');
        -webkit-filter: invert(50%);
        /*  background-position: 0 -180px; clock*/
    }

    .RadMenu .Pulse .rmLeftImage, .RadTreeView .Pulse .rtSp, .Pulse .rtbIcon,
    .Simple.Pulse {
        background-image: url(../Teal/All_Icons/RecentActivity.png);
        /*  background-position: 0 -200px; pulse*/
    }

    .RadMenu .Blue.Pulse .rmLeftImage, .Blue.Pulse .rtbIcon,
    .Simple.Blue.Pulse {
        background-image: url(../Teal/All_Icons/RecentActivity-blue.png) !important;
    }
    /*todo: change name or modify home page to use other breadcrumb structure*/
    .RadMenu .BreadCrumb .rmLeftImage, .RadTreeView .BreadCrumb .rtSp, .BreadCrumb .rtbIcon,
    .Simple.BreadCrumb {
        background-position: 0 -220px; /*breadcrumb separator*/
    }

    .RadMenu .Action .rmLeftImage, .RadTreeView .Action .rtSp, .Action .rtbIcon,
    .Simple.Action, .treeContextMenu {
        /*background-position: 0 -240px; */ /*circle + inscribed down arrow*/
        background: transparent url(../Teal/All_Icons/more-horizontal.png);
        background-color: unset !important;
        background-repeat: no-repeat;
        background-position: center;
    }

    .treeContextMenu {
        position: absolute;
        right: 36px;
        height: 20px;
        width: 20px;
    }

    .RadMenu .Delete .rmLeftImage, .RadTreeView .Delete .rtSp, .Delete .rtbIcon,
    .Simple.Delete {
        /*   background-position: 0 -260px;  inscribed "x" */
        background-image: url('../Teal/All_Icons/Delete2.png');
        -webkit-filter: invert(50%);
        top: -1px;
    }

    .RadMenu .Delete0 .rmLeftImage, .RadTreeView .Delete0 .rtSp, .Delete0 .rtbIcon,
    .Simple.Delete0 {
        /*   background-position: 0 -260px;  inscribed "x" */
        background-image: url('../Teal/All_Icons/Delete.png');
        top: -1px;
    }

        .Simple.Delete0.Grey {
            -webkit-filter: invert(50%);
        }


    .RadMenu .Mail .rmLeftImage, .RadTreeView .Mail .rtSp, .Mail .rtbIcon,
    .Simple.Mail {
        background-image: url('../Teal/All_Icons/mail.png');
        -webkit-filter: invert(50%);
        top: -1px;
    }


        .Simple.Mail.Small {
            background-size: 20px;
            margin-top: 3px;
        }

    .RadMenu .Private .rmLeftImage, .RadTreeView .Private .rtSp, .Private .rtbIcon,
    .Simple.Private {
        /*   background-position: 0 -280px; inscribed dash*/
        background-image: url('../Teal/All_Icons/remove-light.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Public .rmLeftImage, .RadTreeView .Public .rtSp, .Public .rtbIcon,
    .Simple.Public {
        background-position: 0 -300px; /*broadcast*/
    }

    .RadMenu .Checkmark .rmLeftImage, .RadTreeView .Checkmark .rtSp, .Checkmark .rtbIcon,
    .Simple.Checkmark {
        /* background-position: 0 -320px; inscribed checkmark*/
        background-image: url('../Teal/All_Icons/light.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Edit .rmLeftImage, .RadTreeView .Edit .rtSp, .Edit .rtbIcon,
    .Simple.Edit {
        /*  background-position: 0 -340px; pencil*/
        background-image: url('../Teal/All_Icons/Edits.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Add .rmLeftImage, .RadTreeView .Add .rtSp, .Add .rtbIcon,
    .Simple.Add {
        /* background-position: 0 -360px; inscribed "+"*/
        background-image: url('../Teal/All_Icons/plus-square.png');
        -webkit-filter: invert(70%);
    }

    .RadMenu .BoxAssign .rmLeftImage, .RadTreeView .BoxAssign .rtSp, .BoxAssign .rtbIcon,
    .Simple.BoxAssign {
        background-position: 0 -380px; /*box with arrow pointing in from top*/
    }

    .RadMenu .DocumentReplace .rmLeftImage, .RadTreeView .DocumentReplace .rtSp, .DocumentReplace .rtbIcon,
    .Simple.DocumentReplace {
        background-image: url('../Teal/All_Icons/Replace.png');
        -webkit-filter: invert(50%);
        /* background-position: 0 -400px; document with arrow pointing in from left*/
    }

    .RadMenu .Lock .rmLeftImage, .RadTreeView .Lock .rtSp, .Lock .rtbIcon,
    .Simple.Lock {
        /* background-position: 0 -420px; open lock*/
        background-image: url('../Teal/All_Icons/Unlock.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Key .rmLeftImage, .RadTreeView .Key .rtSp, .Key .rtbIcon,
    .Simple.Key {
        /* background-position: 0 -440px; */ /*key*/
        background-image: url('../Teal/All_Icons/Change Password.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Flag .rmLeftImage, .RadTreeView .Flag .rtSp, .Flag .rtbIcon,
    .Simple.Flag {
        /*  background-position: 0 -460px; flag 16x16*/
        background-image: url('../Teal/All_Icons/alert-circle.png');
        -webkit-filter: invert(50%);
        background-size: 18px;
    }

    .RadMenu .FlagLarge .rmLeftImage, .RadTreeView .FlagLarge .rtSp, .FlagLarge .rtbIcon,
    .Simple.FlagLarge {
        /*  background-position: 0 -480px; flag 20x20*/
        background-image: url('../Teal/All_Icons/alert-circle.png');
        -webkit-filter: invert(50%);
        background-size: 18px;
    }



    .RadMenu .Help .rmLeftImage, .RadTreeView .Help .rtSp, .Help .rtbIcon,
    .Simple.Help {
        background-position: 0 -500px; /*inscribed "?"*/
    }

    .RadMenu .WorkflowSettings .rmLeftImage {
        background-image: url('All_Icons/settings.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Mimic .rmLeftImage, .RadTreeView .Mimic .rtSp, .Mimic .rtbIcon,
    .Simple.Mimic {
        /*background-position: 0 -520px;*/ /*user with arrow pointing to other user*/
        background-image: url('All_Icons/MimicUser.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Download .rmLeftImage, .RadTreeView .Download .rtSp, .Download .rtbIcon,
    .Simple.Download {
        /*background-position: 0 -540px;*/ /*download*/
        background-image: url('All_Icons/Download.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .UserInto .rmLeftImage, .RadTreeView .UserInto .rtSp, .UserInto .rtbIcon,
    .Simple.UserInto, .rtbIcon.UserInto, .rtbIcon.UserInto.Black {
        background-image: url('../Teal/All_Icons/AddUser.png');
        background-repeat: no-repeat;
        -webkit-filter: invert(50%);
        width: 20px;
        /*   background-position: 0 -560px; users + "+"*/
    }

    .RadMenu .UserOut .rmLeftImage, .RadTreeView .UserOut .rtSp, .UserOut .rtbIcon,
    .Simple.UserOut {
        background-image: url('../Teal/All_Icons/RemoveUser.png');
        -webkit-filter: invert(50%);
        /*  background-position: 0 -580px; users + "-"*/
    }

    .RadMenu .Copy .rmLeftImage, .RadTreeView .Copy .rtSp, .Copy .rtbIcon,
    .Simple.Copy {
        background-image: url('../Teal/All_Icons/Add-New folder.png');
        -webkit-filter: invert(50%);
        /* background-position: 0 -600px; */ /*copy*/
    }

    .RadMenu .Request .rmLeftImage, .RadTreeView .Request .rtSp, .Request .rtbIcon,
    .Simple.Request {
        background-position: 0 -620px; /*request (swooping arrow to right)*/
    }

    .RadMenu .Filter .rmLeftImage, .RadTreeView .Filter .rtSp, .Filter .rtbIcon,
    .Simple.Filter {
        background-position: -20px -640px; /*filter*/
    }

    .RadMenu .Upload .rmLeftImage, .RadTreeView .Upload .rtSp, .Upload .rtbIcon,
    .Simple.Upload {
        /* background-position: 0 -660px; inscribed up arrow*/
        background-image: url('../Teal/All_Icons/upload-Light.png');
    }

    .RadMenu .Checkmark2 .rmLeftImage, .RadTreeView .Checkmark2 .rtSp, .Checkmark2 .rtbIcon,
    .Simple.Checkmark2 {
        /* background-position: 0 -680px; checkmark*/
        background-image: url('../Teal/All_Icons/light.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Publish .rmLeftImage, .RadTreeView .Publish .rtSp, .Publish .rtbIcon,
    .Simple.Publish {
        /*  background-image:url(../Teal/All_Icons/Publish.png) globe*/
        background-image: url('../Teal/All_Icons/Publish.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Mail .rmLeftImage, .RadTreeView .Mail .rtSp, .Mail .rtbIcon,
    .Simple.Mail {
        /* background-position: 0 -720px; envelope*/
        /*    background-image: url('../Teal/All_Icons/mail.png');
    background-size: 20px;
    margin-left: 5px !important;*/
    }

    .RadMenu .Barcode .rmLeftImage, .RadTreeView .Barcode .rtSp, .Barcode .rtbIcon,
    .Simple.Barcode {
        background-image: url(../Teal/All_Icons/Control.png); /*barcode*/
        -webkit-filter: invert(50%);
    }

    .RadMenu .Print .rmLeftImage, .RadTreeView .Print .rtSp, .Print .rtbIcon,
    .Simple.Print {
        background-image: url(../Teal/All_Icons/Print.png); /*printer*/
        background-size: 17px;
        margin-left: 0px;
        -webkit-filter: invert(50%);
    }

    .RadMenu .Refresh .rmLeftImage, .RadTreeView .Refresh .rtSp, .Refresh .rtbIcon,
    .Simple.Refresh {
        /*background-position: 0 -780px; */ /*refresh*/
        background-image: url('../Teal/All_Icons/rotate-cw.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Gears .rmLeftImage, .Gears .rtbIcon,
    .Simple.Gears {
        background-image: url(../Teal/All_Icons/Workflow.png);
        /* background-position: 0 -800px; two cogs*/
    }

    .RadMenu .Gear .rmLeftImage, .Gear .rtbIcon,
    .Simple.Gear {
        background-image: url(../Teal/All_Icons/Workflow.png);
        -webkit-filter: invert(50%);
        /* background-position: 0 -820px; one cog*/
    }


    .RadMenu .Box .rmLeftImage, .RadTreeView .Box .rtSp, .Box .rtbIcon,
    .Simple.Box {
        background-position: 0 -840px; /*box*/
    }

    .RadMenu .Down .rmLeftImage, .RadTreeView .Down .rtSp, .Down .rtbIcon,
    .Simple.Down {
        background-position: 0 -860px; /*down arrow (carrot)*/
    }

    .RadMenu .Up .rmLeftImage, .RadTreeView .Up .rtSp, .Up .rtbIcon,
    .Simple.Up {
        background-position: 0 -880px; /*up arrow (carrot)*/
    }

    .RadMenu .Calendar .rmLeftImage, .RadTreeView .Calendar .rtSp, .Calendar .rtbIcon,
    .Simple.Calendar {
        background-position: 0 -900px; /*calendar*/
    }

    .RadMenu .History .rmLeftImage, .RadTreeView .History .rtSp, .History .rtbIcon,
    .Simple.History {
        background-position: 0 -920px; /*clock w/ reverse arrow*/
    }

    .RadMenu .Undo .rmLeftImage, .RadTreeView .Undo .rtSp, .Undo .rtbIcon,
    .Simple.Undo {
        background-position: 0 -940px; /*undo arrow*/
    }

    .RadMenu .Eye .rmLeftImage, .RadTreeView .Eye .rtSp, .Eye .rtbIcon,
    .Simple.Eye {
        /*   background-position: 0 -960px; eyeball*/

        background-image: url('../Teal/All_Icons/Show.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Pin .rmLeftImage, .RadTreeView .Pin .rtSp, .Pin .rtbIcon,
    .Simple.Pin {
        background-image: url('../Teal/All_Icons/Pending.png');
        /*   background-position: 0 -980px; pin*/
    }

    .RadMenu .Blue.Pin .rmLeftImage, .Blue.Pin .rtbIcon,
    .Simple.Blue.Pin {
        background-image: url(../Teal/All_Icons/Pending-blue.png) !important;
    }

    .RadMenu .List .rmLeftImage, .RadTreeView .List .rtSp, .List .rtbIcon,
    .Simple.List {
        /*   background-position: 0 -1000px; bulleted list*/
    }

    .RadMenu .Users .rmLeftImage, .RadTreeView .Users .rtSp, .Users .rtbIcon,
    .Simple.Users {
        background-image: url('../Teal/All_Icons/MakePublic.png');
        /*t  background-position: 0 -1020px; wo users*/
    }

    .RadMenu .ClearFilters .rmLeftImage, .RadTreeView .ClearFilters .rtSp, .ClearFilters .rtbIcon,
    .Simple.ClearFilters {
        background-position: 0 -1040px; /*filter icon with an "X"*/
    }

    .RadMenu .BoxRemove .rmLeftImage, .RadTreeView .BoxRemove .rtSp, .BoxRemove .rtbIcon,
    .Simple.BoxRemove {
        background-position: 0 -1060px; /*box with arrow pointing out from top*/
    }

    .RadMenu .ChangeStatus .rmLeftImage, .RadTreeView .ChangeStatus .rtSp, .ChangeStatus .rtbIcon,
    .Simple.ChangeStatus {
        /*background-position: 0 -1080px; */ /*criss cross arrows*/
        background-image: url('../Teal/All_Icons/Change.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Unlock .rmLeftImage, .RadTreeView .Unlock .rtSp, .Unlock .rtbIcon,
    .Simple.Unlock {
        /*   background-position: 0 -1100px; unlock*/
        background-image: url('../Teal/All_Icons/Unlock.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .OpenBox .rmLeftImage, .RadTreeView .OpenBox .rtSp, .OpenBox .rtbIcon,
    .Simple.OpenBox {
        /* background-position: 0 -1120px; */ /*Open Box*/
        background-image: url('../Teal/All_Icons/View_download.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .CopyDocument .rmLeftImage, .RadTreeView .CopyDocument .rtSp, .CopyDocument .rtbIcon,
    .Simple.CopyDocument {
        /*  background-position: 0 -1140px; Copy Document*/
        background-image: url('../Teal/All_Icons/Add-New folder.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .SharedFolder .rmLeftImage, .RadTreeView .SharedFolder .rtSp, .SharedFolder .rtbIcon,
    .Simple.SharedFolder {
        /*  background-position: 0 -1160px; Shared Folder*/
        background-image: url('../Teal/All_Icons/Share.png');
    }

    .RadMenu .Thumbnail .rmLeftImage, .RadTreeView .Thumbnail .rtSp, .Thumbnail .rtbIcon,
    .Simple.Thumbnail {
        /*background-position: 0 -1180px; */ /*Thumbnail*/
        background-image: url('../Teal/All_Icons/image.png');
        background-size: 16px;
        margin-top: 2px;
        -webkit-filter: invert(50%);
    }

        .Simple.Thumbnail:hover {
            -webkit-filter: unset;
        }

    .RadMenu ul.rmGroup {
        padding: 0px !important;
    }

    .RadMenu .rmGroup .rmText {
        padding: 0px 22px 0 16px !important;
    }

    .RadMenu_Millennia .SpriteIcon .rmLeftImage:hover {
        -webkit-filter: none;
    }


    .RadToolBar .rtbIn {
        padding: 1px 0 0 1px !important;
    }

    .RadMenu .SharedFolderOpen .rmLeftImage, .RadTreeView .SharedFolderOpen .rtSp, .SharedFolderOpen .rtbIcon,
    .Simple.SharedFolderOpen {
        /* background-position: 0 -1200px; Shared Folder Open*/
        background-image: url('../Teal/All_Icons/Share.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Bell .rmLeftImage, .RadTreeView .Bell .rtSp, .Bell .rtbIcon,
    .Simple.Bell {
        /*  background-position: 0 -1220px; Bell*/

        background-image: url('../Teal/All_Icons/bell.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .Clip .rmLeftImage, .RadTreeView .Clip .rtSp, .Clip .rtbIcon,
    .Simple.Clip {
        /*  background-position: 0 -1240px; Paperclip*/
        background-image: url('../Teal/All_Icons/paperclip.png');
        -webkit-filter: invert(50%);
        background-size: 16px;
    }

    .RadMenu .ExportZipResultsIcon .rmLeftImage, .RadTreeView .ExportZipResults .rtSp, .ExportZipResults .rtbIcon,
    .Simple.ExportZipResults {
        /*   background-position: 0 -1260px; Export Zip*/

        background-image: url('../Teal/All_Icons/Zip.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .ExportPdfResultsIcon .rmLeftImage, .RadTreeView .ExportPdfResultsIcon .rtSp, .ExportPdfResultsIcon .rtbIcon,
    .Simple.ExportPdfResultsIcon {
        /*  background-position: 0 -1280px; Export PDF*/

        background-image: url('../Teal/All_Icons/PDF.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .PadLock .rmLeftImage, .RadTreeView .PadLock .rtSp, .PadLock .rtbIcon,
    .Simple.PadLock {
        background-image: url('../Teal/All_Icons/lock.png');
        -webkit-filter: invert(50%);
        /*  background-position: 0 -1300px; PadLock*/
    }

    .RadMenu .ArchiveBox .rmLeftImage, .RadTreeView .ArchiveBox .rtSp, .ArchiveBox .rtbIcon,
    .Simple.ArchiveBox {
        /*   background-position: 0 -1320px; ArchiveBox*/
        background-image: url('../Teal/All_Icons/inbox copy.png');
        -webkit-filter: invert(50%);
    }
    /* WHITE ICONS (shift x position -20px) */

    .RadMenu .White.View .rmLeftImage, .RadTreeView .White.View .rtSp, .White.View .rtbIcon,
    .Simple.White.View {
        /*    background-position: -20px 0; magnifying glass*/
        background-image: url('../Teal/All_Icons/View_download.png');
    }

    .RadMenu .White.FolderMinus .rmLeftImage, .RadTreeView .White.FolderMinus .rtSp, .White.FolderMinus .rtbIcon,
    .Simple.White.FolderMinus {
        background-position: -20px -20px; /*folder + minus sign*/
    }

    .RadMenu .White.FolderPlus .rmLeftImage, .RadTreeView .White.FolderPlus .rtSp, .White.FolderPlus .rtbIcon,
    .Simple.White.FolderPlus {
        background-position: -20px -40px; /*folder + plus sign*/
    }

    .RadMenu .White.Folder .rmLeftImage, .RadTreeView .White.Folder .rtSp, .White.Folder .rtbIcon,
    .Simple.White.Folder {
        /*  background-position: -20px -60px; folder*/

        background-image: url('../Teal/All_Icons/NewFolder.png');
        -webkit-filter: invert(56%);
    }

    .RadMenu .White.FolderOpen .rmLeftImage, .RadTreeView .White.FolderOpen .rtSp, .White.FolderOpen .rtbIcon,
    .Simple.White.FolderOpen {
        /*   background-position: -20px -80px; open folder*/
    }

    .RadMenu .White.Briefcase .rmLeftImage, .RadTreeView .White.Briefcase .rtSp, .White.Briefcase .rtbIcon,
    .Simple.White.Briefcase {
        /*   background-position: -20px -100px; briefcase*/

        background-image: url('../Teal/All_Icons/Subscriptions.png')
    }

    .RadMenu .White.Document .rmLeftImage, .RadTreeView .White.Document .rtSp, .White.Document .rtbIcon,
    .Simple.White.Document {
        background-image: url('../Teal/All_Icons/Documents.png')
        /*   background-position: -20px -120px;blank page*/
    }

    .RadMenu .White.Menu .rmLeftImage, .RadTreeView .White.Menu .rtSp, .White.Menu .rtbIcon,
    .Simple.White.Menu {
        background-position: -20px -140px; /*three-line menu icon*/
    }

    .RadMenu .White.User .rmLeftImage, .RadTreeView .White.User .rtSp, .White.User .rtbIcon,
    .Simple.White.User {
        background-image: url('../Teal/All_Icons/user.png')
        /*  background-position: -20px -160px; single user*/
    }

    .RadMenu .White.Clock .rmLeftImage, .RadTreeView .White.Clock .rtSp, .White.Clock .rtbIcon,
    .Simple.White.Clock {
        /*  background-position: -20px -180px; clock*/
        background-image: url('../Teal/All_Icons/History.png');
        -webkit-filter: invert(56%);
    }

    .RadMenu .White.Pulse .rmLeftImage, .RadTreeView .White.Pulse .rtSp, .White.Pulse .rtbIcon,
    .Simple.White.Pulse {
        background-image: url(../Teal/All_Icons/RecentActivity.png);
        /* background-position: -20px -200px; pulse*/
    }

    .RadMenu .White.BreadCrumb .rmLeftImage, .RadTreeView .White.BreadCrumb .rtSp, .White.BreadCrumb .rtbIcon,
    .Simple.White.BreadCrumb {
        background-position: -20px -220px; /*breadcrumb separator*/
    }

    .RadMenu .White.Action .rmLeftImage, .RadTreeView .White.Action .rtSp, .White.Action .rtbIcon,
    .Simple.White.Action {
        background-position: -20px -240px; /*circle + inscribed down arrow*/
    }

    .RadMenu .White.Delete .rmLeftImage, .RadTreeView .White.Delete .rtSp, .White.Delete .rtbIcon,
    .Simple.White.Delete {
        /* background-position: -20px -260px;  inscribed "x" */
        background-image: url('../Teal/All_Icons/Delete2.png');
    }

    .RadMenu .White.Delete0 .rmLeftImage, .RadTreeView .White.Delete0 .rtSp, .White.Delete0 .rtbIcon,
    .Simple.White.Delete0 {
        /* background-position: -20px -260px;  inscribed "x" */
        background-image: url('../Teal/All_Icons/Delete.png');
    }

    .RadMenu .White.Private .rmLeftImage, .RadTreeView .White.Private .rtSp, .White.Private .rtbIcon,
    .Simple.White.Private {
        background-position: -20px -280px; /*inscribed dash*/
    }

    .RadMenu .White.Public .rmLeftImage, .RadTreeView .White.Public .rtSp, .White.Public .rtbIcon,
    .Simple.White.Public {
        background-position: -20px -300px; /*walking man*/
    }

    .RadMenu .White.Checkmark .rmLeftImage, .RadTreeView .White.Checkmark .rtSp, .White.Checkmark .rtbIcon,
    .Simple.White.Checkmark {
        /*  background-position: -20px -320px; inscribed checkmark*/
        background-image: url('../Teal/All_Icons/light.png');
    }

    .RadMenu .White.Edit .rmLeftImage, .RadTreeView .White.Edit .rtSp, .White.Edit .rtbIcon,
    .Simple.White.Edit {
        /*   background-position: -20px -340px; pencil*/

        background-image: url('../Teal/All_Icons/Edits.png')
    }

    .RadMenu .White.Add .rmLeftImage, .RadTreeView .White.Add .rtSp, .White.Add .rtbIcon,
    .Simple.White.Add {
        background-image: url('../Teal/All_Icons/plus-square.png');
        /*background-position: -20px -360px; /*inscribed "+"*/
    }

    .RadMenu .White.BoxAssign .rmLeftImage, .RadTreeView .White.BoxAssign .rtSp, .White.BoxAssign .rtbIcon,
    .Simple.White.BoxAssign {
        background-position: -20px -380px; /*box with arrow pointing in from top*/
    }

    .RadMenu .White.DocumentReplace .rmLeftImage, .RadTreeView .White.DocumentReplace .rtSp, .White.DocumentReplace .rtbIcon,
    .Simple.White.DocumentReplace {
        background-image: url('../Teal/All_Icons/Replace.png')
        /*  background-position: -20px -400px; document with arrow pointing in from left*/
    }

    .RadMenu .White.Lock .rmLeftImage, .RadTreeView .White.Lock .rtSp, .White.Lock .rtbIcon,
    .Simple.White.Lock {
        /*   background-position: -20px -420px; open lock*/

        background-image: url('../Teal/All_Icons/Unlock.png')
    }

    .RadMenu .White.Key .rmLeftImage, .RadTreeView .White.Key .rtSp, .White.Key .rtbIcon,
    .Simple.White.Key {
        /* background-position: -20px -440px; key*/
        background-image: url('../Teal/All_Icons/Change Password.png');
    }

    .RadMenu .White.Flag .rmLeftImage, .RadTreeView .White.Flag .rtSp, .White.Flag .rtbIcon,
    .Simple.White.Flag {
        /* background-position: -20px -460px; flag 16x16*/
        background-image: url('../Teal/All_Icons/alert-circle.png');
        background-size: 18px;
    }

    .RadMenu .White.FlagLarge .rmLeftImage, .RadTreeView .White.FlagLarge .rtSp, .White.FlagLarge .rtbIcon,
    .Simple.White.FlagLarge {
        /* background-position: -20px -480px;flag 20x20*/
        background-image: url('../Teal/All_Icons/alert-circle.png');
        background-size: 18px;
    }

    .RadMenu .White.Help .rmLeftImage, .RadTreeView .White.Help .rtSp, .White.Help .rtbIcon,
    .Simple.White.Help {
        background-position: -20px -500px; /*inscribed "?"*/
    }

    .RadMenu .White.Mimic .rmLeftImage, .RadTreeView .White.Mimic .rtSp, .White.Mimic .rtbIcon,
    .Simple.White.Mimic {
        background-position: -20px -520px; /*user with arrow pointing to other user*/
    }

    .RadMenu .White.Download .rmLeftImage, .RadTreeView .White.Download .rtSp, .White.Download .rtbIcon,
    .Simple.White.Download {
        /*   background-position: -20px -540px; download*/

        background-image: url('../Teal/All_Icons/Download.png')
    }

    .RadMenu .White.UserInto .rmLeftImage, .RadTreeView .White.UserInto .rtSp, .White.UserInto .rtbIcon,
    .Simple.White.UserInto, .rtbIcon.UserInto.White {
        background-image: url('../Teal/All_Icons/AddUser.png');
        background-repeat: no-repeat;
        -webkit-filter: invert(56%);
        width: 20px;
        /* background-position: -20px -560px; users + "+"*/
    }

    .RadMenu .White.UserOut .rmLeftImage, .RadTreeView .White.UserOut .rtSp, .White.UserOut .rtbIcon,
    .Simple.White.UserOut {
        background-image: url('../Teal/All_Icons/RemoveUser.png')
        /*  background-position: -20px -580px; users + "-"*/
    }

    .RadMenu .White.Copy .rmLeftImage, .RadTreeView .White.Copy .rtSp, .White.Copy .rtbIcon,
    .Simple.White.Copy {
        /*    background-position: -20px -600px; copy*/
        background-image: url('../Teal/All_Icons/Add-New folder.png');
    }

    .RadMenu .White.Request .rmLeftImage, .RadTreeView .White.Request .rtSp, .White.Request .rtbIcon,
    .Simple.White.Request {
        background-position: -20px -620px; /*request (swooping arrow to right)*/
    }

    .RadMenu .White.Filter .rmLeftImage, .RadTreeView .White.Filter .rtSp, .White.Filter .rtbIcon,
    .Simple.White.Filter {
        background-image: url('../Teal/All_Icons/filter.png');
        -webkit-filter: invert(50%);
    }

    .RadMenu .White.Upload .rmLeftImage, .RadTreeView .White.Upload .rtSp, .White.Upload .rtbIcon,
    .Simple.White.Upload {
        /*  background-position: -20px -660px; upload*/

        background-image: url('../Teal/All_Icons/upload-Light.png')
    }

    .RadMenu .White.Checkmark2 .rmLeftImage, .RadTreeView .White.Checkmark2 .rtSp, .White.Checkmark2 .rtbIcon,
    .Simple.White.Checkmark2 {
        /*  background-position: -20px -680px; checkmark*/
        background-image: url('../Teal/All_Icons/light.png');
    }

    .RadMenu .White.Publish .rmLeftImage, .RadTreeView .White.Publish .rtSp, .White.Publish .rtbIcon,
    .Simple.White.Publish {
        /* background-position: -20px -700px; globe*/
        background-image: url('../Teal/All_Icons/Publish.png');
    }

    /*.RadMenu .White.Mail .rmLeftImage, .RadTreeView .White.Mail .rtSp, .White.Mail .rtbIcon,
.Simple.White.Mail {*/
    /*  background-position: -20px -720px; envelope*/

    /*background-image: url('../Teal/All_Icons/envelope.png')
}*/

    .RadMenu .White.Barcode .rmLeftImage, .RadTreeView .White.Barcode .rtSp, .White.Barcode .rtbIcon,
    .Simple.White.Barcode {
        /*   background-position: -20px -740px;barcode*/
        background-image: url('../Teal/All_Icons/Control.png');
    }

    .RadMenu .White.Print .rmLeftImage, .RadTreeView .White.Print .rtSp, .White.Print .rtbIcon,
    .Simple.White.Print {
        /*   background-position: -20px -760px; printer*/

        background-image: url('../Teal/All_Icons/Print.png')
    }

    .RadMenu .White.Refresh .rmLeftImage, .RadTreeView .White.Refresh .rtSp, .White.Refresh .rtbIcon,
    .Simple.White.Refresh {
        /*  background-position: -20px -780px;refresh*/
    }

    .RadMenu .White.Gears .rmLeftImage, .White.Gears .rtbIcon,
    .Simple.White.Gears {
        background-image: url(../Teal/All_Icons/Workflow.png);
        /* background-position: -20px -800px; two cogs*/
    }

    .RadMenu .Blue.Gears .rmLeftImage, .Blue.Gears .rtbIcon,
    .Simple.Blue.Gears {
        background-image: url(../Teal/All_Icons/Workflow-blue.png) !important;
        /* background-position: -20px -800px; two cogs*/
    }



    .RadMenu .White.Box .rmLeftImage, .RadTreeView .White.Box .rtSp, .White.Box .rtbIcon,
    .Simple.White.Box {
        background-position: -20px -840px; /*box*/
    }

    .RadMenu .White.Down .rmLeftImage, .RadTreeView .White.Down .rtSp, .White.Down .rtbIcon,
    .Simple.White.Down {
        /* background-position: -20px -860px; */ /*down arrow (carrot)*/
    }

    .RadMenu .White.Up .rmLeftImage, .RadTreeView .White.Up .rtSp, .White.Up .rtbIcon,
    .Simple.White.Up {
        /* background-position: -20px -880px; */ /*up arrow (carrot)*/
    }

    .RadMenu .White.Calendar .rmLeftImage, .RadTreeView .White.Calendar .rtSp, .White.Calendar .rtbIcon,
    .Simple.White.Calendar {
        background-position: -20px -900px; /*calendar*/
    }

    .RadMenu .White.History .rmLeftImage, .RadTreeView .White.History .rtSp, .White.History .rtbIcon,
    .Simple.White.History {
        background-position: -20px -920px; /*clock w/ reverse arrow*/
    }

    .RadMenu .White.Undo .rmLeftImage, .RadTreeView .White.Undo .rtSp, .White.Undo .rtbIcon, .White.Undo.rtbIcon,
    .Simple.White.Undo {
        background-image: url('../Teal/All_Icons/delete.png');
        -webkit-filter: invert(56%);
    }

    .RadMenu .White.Eye .rmLeftImage, .RadTreeView .White.Eye .rtSp, .White.Eye .rtbIcon,
    .Simple.White.Eye {
        /* background-position: -20px -960px; eyeball*/
        background-image: url('../Teal/All_Icons/Show.png');
        -webkit-filter: invert(56%);
    }

    .RadMenu .White.Pin .rmLeftImage, .RadTreeView .White.Pin .rtSp, .White.Pin .rtbIcon,
    .Simple.White.Pin {
        background-image: url('../Teal/All_Icons/Pending.png');
        /*    background-position: -20px -980px; pin*/
    }

    .RadMenu .White.List .rmLeftImage, .RadTreeView .White.List .rtSp, .White.List .rtbIcon,
    .Simple.White.List {
        /* background-position: -20px -1000px; bulleted list*/
        background-image: url('../Teal/All_Icons/layers.png');
        background-size: 19px;
    }

    .RadMenu .White.Users .rmLeftImage, .RadTreeView .White.Users .rtSp, .White.Users .rtbIcon,
    .Simple.White.Users {
        background-image: url('../Teal/All_Icons/MakePublic.png')
        /*    background-position: -20px -1020px;two users*/
    }

    .RadMenu .White.ClearFilters .rmLeftImage, .RadTreeView .White.ClearFilters .rtSp, .White.ClearFilters .rtbIcon,
    .Simple.White.ClearFilters {
        background-position: -20px -1040px; /*filter icon with an "X"*/
    }

    .RadMenu .White.BoxRemove .rmLeftImage, .RadTreeView .White.BoxRemove .rtSp, .White.BoxRemove .rtbIcon,
    .Simple.White.BoxRemove {
        background-position: -20px -1060px; /*box with arrow pointing out from top*/
    }

    .RadMenu .White.ChangeStatus .rmLeftImage, .RadTreeView .White.ChangeStatus .rtSp, .White.ChangeStatus .rtbIcon,
    .Simple.White.ChangeStatus {
        background-position: -20px -1080px; /*criss cross arrows*/
    }

    .RadMenu .White.Unlock .rmLeftImage, .RadTreeView .White.Unlock .rtSp, .White.Unlock .rtbIcon,
    .Simple.White.Unlock {
        /*   background-position: -20px -1100px; unlock*/
        background-image: url('../Teal/All_Icons/Unlock.png');
    }

    .RadMenu .White.OpenBox .rmLeftImage, .RadTreeView .White.OpenBox .rtSp, .White.OpenBox .rtbIcon,
    .Simple.White.OpenBox {
        /*  background-position: -20px -1120px; Open Box*/
        background-image: url('../Teal/All_Icons/View_download.png')
    }

    .RadMenu .White.CopyDocument .rmLeftImage, .RadTreeView .White.CopyDocument .rtSp, .White.CopyDocument .rtbIcon,
    .Simple.White.CopyDocument {
        background-position: -20px -1140px; /*Copy Document*/
    }

    .RadMenu .White.SharedFolder .rmLeftImage, .RadTreeView .White.SharedFolder .rtSp, .White.SharedFolder .rtbIcon,
    .Simple.White.SharedFolder {
        /*  background-position: -20px -1160px; Shared Folder*/
        background-image: url('../Teal/All_Icons/Share.png');
    }

    .RadMenu .White.Thumbnail .rmLeftImage, .RadTreeView .White.Thumbnail .rtSp, .White.Thumbnail .rtbIcon,
    .Simple.White.Thumbnail {
        /* background-position: -20px -1180px;Thumbnail*/
        background-image: url('../Teal/All_Icons/image.png');
    }

    .RadMenu .White.SharedFolderOpen .rmLeftImage, .RadTreeView .White.SharedFolderOpen .rtSp, .White.SharedFolderOpen .rtbIcon,
    .Simple.White.SharedFolderOpen {
        /*  background-position: -20px -1200px; Shared Folder Open*/
        background-image: url('../Teal/All_Icons/Open.png');
    }

    .RadMenu .White.Bell .rmLeftImage, .RadTreeView .White.Bell .rtSp, .White.Bell .rtbIcon,
    .Simple.White.Bell {
        /*  background-position: -20px -1220px; Bell*/
        background-image: url('../Teal/All_Icons/Notification.png');
    }

    .RadMenu .White.Clip .rmLeftImage, .RadTreeView .White.Clip .rtSp, .White.Clip .rtbIcon,
    .Simple.White.Clip {
        background-position: -20px -1240px; /*Paperclip*/
    }

    .RadMenu .White.ExportZipResultsIcon .rmLeftImage, .RadTreeView .White.ExportZipResultsIcon .rtSp, .White.ExportZipResultsIcon .rtbIcon,
    .Simple.White.ExportZipResultsIcon {
        /*  background-position: -20px -1260px; Export Zip*/
        background-image: url('../Teal/All_Icons/Zip.png');
    }

    .RadMenu .White.ExportPdfResultsIcon .rmLeftImage, .RadTreeView .White.ExportPdfResultsIcon .rtSp, .White.ExportPdfResultsIcon .rtbIcon,
    .Simple.White.ExportPdfResultsIcon {
        /* background-position: -20px -1280px;Export PDF*/
        background-image: url('../Teal/All_Icons/PDF.png');
    }

    .RadMenu .White.PadLock .rmLeftImage, .RadTreeView .White.PadLock .rtSp, .White.PadLock .rtbIcon,
    .Simple.White.PadLock {
        background-position: -20px -1300px; /*PadLock*/
    }

    .RadMenu .White.ArchiveBox .rmLeftImage, .RadTreeView .White.ArchiveBox .rtSp, .White.ArchiveBox .rtbIcon,
    .Simple.White.ArchiveBox {
        /* background-position: -20px -1320px; ArchiveBox*/
        background-image: url('../Teal/All_Icons/inbox copy.png');
    }

    /* GREY ICONS (shift x position -40px) */

    .RadMenu .Grey.View .rmLeftImage, .RadTreeView .Grey.View .rtSp, .Grey.View .rtbIcon,
    .Simple.Grey.View {
        background-position: -40px 0; /*magnifying glass*/
    }

    .RadMenu .Grey.FolderMinus .rmLeftImage, .RadTreeView .Grey.FolderMinus .rtSp, .Grey.FolderMinus .rtbIcon,
    .Simple.Grey.FolderMinus {
        background-position: -40px -20px; /*folder + minus sign*/
    }

    .RadMenu .Grey.FolderPlus .rmLeftImage, .RadTreeView .Grey.FolderPlus .rtSp, .Grey.FolderPlus .rtbIcon,
    .Simple.Grey.FolderPlus {
        background-position: -40px -40px; /*folder + plus sign*/
    }

    .RadMenu .Grey.Folder .rmLeftImage, .RadTreeView .Grey.Folder .rtSp, .Grey.Folder .rtbIcon,
    .Simple.Grey.Folder {
        background-position: -40px -60px; /*folder*/
    }

    .RadMenu .Grey.FolderOpen .rmLeftImage, .RadTreeView .Grey.FolderOpen .rtSp, .Grey.FolderOpen .rtbIcon,
    .Simple.Grey.FolderOpen {
        background-position: -40px -80px; /*open folder*/
    }

    .RadMenu .Grey.Briefcase .rmLeftImage, .RadTreeView .Grey.Briefcase .rtSp, .Grey.Briefcase .rtbIcon,
    .Simple.Grey.Briefcase {
        background-position: -40px -100px; /*briefcase*/
    }

    .RadMenu .Grey.Document .rmLeftImage, .RadTreeView .Grey.Document .rtSp, .Grey.Document .rtbIcon,
    .Simple.Grey.Document {
        background-image: url('../Teal/All_Icons/Documents.png')
        /*  background-position: -40px -120px; blank page*/
    }

    .RadMenu .Grey.Delete2 .rmLeftImage, .RadTreeView .Grey.Delete2 .rtSp, .Grey.Delete2 .rtbIcon,
    .Simple.Grey.Delete2 {
        background-image: url('../Teal/All_Icons/Delete2.png')
    }

    .RadMenu .Grey.Menu .rmLeftImage, .RadTreeView .Grey.Menu .rtSp, .Grey.Menu .rtbIcon,
    .Simple.Grey.Menu {
        background-position: -40px -140px; /*three-line menu icon*/
    }

    .RadMenu .Grey.User .rmLeftImage, .RadTreeView .Grey.User .rtSp, .Grey.User .rtbIcon,
    .Simple.Grey.User {
        background-image: url('../Teal/All_Icons/user.png')
        /*  background-position: -40px -160px; single user*/
    }

    .RadMenu .Grey.Clock .rmLeftImage, .RadTreeView .Grey.Clock .rtSp, .Grey.Clock .rtbIcon,
    .Simple.Grey.Clock {
        background-position: -40px -180px; /*clock*/
    }

    .RadMenu .Grey.Pulse .rmLeftImage, .RadTreeView .Grey.Pulse .rtSp, .Grey.Pulse .rtbIcon,
    .Simple.Grey.Pulse {
        background-image: url(../Teal/All_Icons/RecentActivity.png);
        /*  background-position: -40px -200px; pulse*/
    }

    .RadMenu .Grey.BreadCrumb .rmLeftImage, .RadTreeView .Grey.BreadCrumb .rtSp, .Grey.BreadCrumb .rtbIcon,
    .Simple.Grey.BreadCrumb {
        background-position: -40px -220px; /*breadcrumb separator*/
    }

    .RadMenu .Grey.Action .rmLeftImage, .RadTreeView .Grey.Action .rtSp, .Grey.Action .rtbIcon,
    .Simple.Grey.Action {
        background-position: -40px -240px; /*circle + inscribed down arrow*/
    }

    .RadMenu .Grey.Delete .rmLeftImage, .RadTreeView .Grey.Delete .rtSp, .Grey.Delete .rtbIcon,
    .Simple.Grey.Delete {
        background-position: -40px -260px; /* inscribed "x" */
    }

    .RadMenu .Grey.Private .rmLeftImage, .RadTreeView .Grey.Private .rtSp, .Grey.Private .rtbIcon,
    .Simple.Grey.Private {
        background-position: -40px -280px; /*inscribed dash*/
    }

    .RadMenu .Grey.Public .rmLeftImage, .RadTreeView .Grey.Public .rtSp, .Grey.Public .rtbIcon,
    .Simple.Grey.Public {
        background-position: -40px -300px; /*walking man*/
    }

    .RadMenu .Grey.Checkmark .rmLeftImage, .RadTreeView .Grey.Checkmark .rtSp, .Grey.Checkmark .rtbIcon,
    .Simple.Grey.Checkmark {
        background-position: -40px -320px; /*inscribed checkmark*/
    }

    .RadMenu .Grey.Edit .rmLeftImage, .RadTreeView .Grey.Edit .rtSp, .Grey.Edit .rtbIcon,
    .Simple.Grey.Edit {
        background-position: -40px -340px; /*pencil*/
    }

    .RadMenu .Grey.Add .rmLeftImage, .RadTreeView .Grey.Add .rtSp, .Grey.Add .rtbIcon,
    .Simple.Grey.Add {
        background-position: -40px -360px; /*inscribed "+"*/
    }

    .RadMenu .Grey.BoxAssign .rmLeftImage, .RadTreeView .Grey.BoxAssign .rtSp, .Grey.BoxAssign .rtbIcon,
    .Simple.Grey.BoxAssign {
        background-position: -40px -380px; /*box with arrow pointing in from top*/
    }

    .RadMenu .Grey.DocumentReplace .rmLeftImage, .RadTreeView .Grey.DocumentReplace .rtSp, .Grey.DocumentReplace .rtbIcon,
    .Simple.Grey.DocumentReplace {
        background-image: url('../Teal/All_Icons/Replace.png')
        /*d  background-position: -40px -400px; ocument with arrow pointing in from left*/
    }

    .RadMenu .Grey.Lock .rmLeftImage, .RadTreeView .Grey.Lock .rtSp, .Grey.Lock .rtbIcon,
    .Simple.Grey.Lock {
        background-position: -40px -420px; /*open lock*/
    }

    .RadMenu .Grey.Key .rmLeftImage, .RadTreeView .Grey.Key .rtSp, .Grey.Key .rtbIcon,
    .Simple.Grey.Key {
        background-position: -40px -440px; /*key*/
    }

    .RadMenu .Grey.Flag .rmLeftImage, .RadTreeView .Grey.Flag .rtSp, .Grey.Flag .rtbIcon,
    .Simple.Grey.Flag {
        /*  background-position: -40px -460px; flag 16x16*/
        background-image: url('../Teal/All_Icons/alert-circle.png');
        background-size: 18px;
    }

    .RadMenu .Grey.FlagLarge .rmLeftImage, .RadTreeView .Grey.FlagLarge .rtSp, .Grey.FlagLarge .rtbIcon,
    .Simple.Grey.FlagLarge {
        /*  background-position: -40px -480px; flag 20x20*/
        background-image: url('../Teal/All_Icons/alert-circle.png');
        background-size: 18px;
    }

    .RadMenu .Grey.Help .rmLeftImage, .RadTreeView .Grey.Help .rtSp, .Grey.Help .rtbIcon,
    .Simple.Grey.Help {
        background-position: -40px -500px; /*inscribed "?"*/
    }

    .RadMenu .Grey.Mimic .rmLeftImage, .RadTreeView .Grey.Mimic .rtSp, .Grey.Mimic .rtbIcon,
    .Simple.Grey.Mimic {
        background-position: -40px -520px; /*user with arrow pointing to other user*/
    }

    .RadMenu .Grey.Download .rmLeftImage, .RadTreeView .Grey.Download .rtSp, .Grey.Download .rtbIcon,
    .Simple.Grey.Download {
        background-position: -40px -540px; /*download*/
    }

    .RadMenu .Grey.UserInto .rmLeftImage, .RadTreeView .Grey.UserInto .rtSp, .Grey.UserInto .rtbIcon,
    .Simple.Grey.UserInto {
        background-image: url('../Teal/All_Icons/AddUser.png');
        width: 20px;
        /*  background-position: -40px -560px;users + "+"*/
    }

    .RadMenu .Grey.UserOut .rmLeftImage, .RadTreeView .Grey.UserOut .rtSp, .Grey.UserOut .rtbIcon,
    .Simple.Grey.UserOut {
        background-image: url('../Teal/All_Icons/RemoveUser.png')
        /*  background-position: -40px -580px; users + "-"*/
    }

    .RadMenu .Grey.Copy .rmLeftImage, .RadTreeView .Grey.Copy .rtSp, .Grey.Copy .rtbIcon,
    .Simple.Grey.Copy {
        /* background-position: -40px -600px; copy*/
        background-image: url('../Teal/All_Icons/Add-New folder.png');
    }

    .RadMenu .Grey.Request .rmLeftImage, .RadTreeView .Grey.Request .rtSp, .Grey.Request .rtbIcon,
    .Simple.Grey.Request {
        background-position: -40px -620px; /*request (swooping arrow to right)*/
    }

    .RadMenu .Grey.Filter .rmLeftImage, .RadTreeView .Grey.Filter .rtSp, .Grey.Filter .rtbIcon,
    .Simple.Grey.Filter {
        background-position: -40px -640px; /*filter*/
    }

    .RadMenu .Grey.Upload .rmLeftImage, .RadTreeView .Grey.Upload .rtSp, .Grey.Upload .rtbIcon,
    .Simple.Grey.Upload {
        /* background-position: -40px -660px; upload*/
        background-image: url('../Teal/All_Icons/upload-Light.png');
    }

    .RadMenu .Grey.Checkmark2 .rmLeftImage, .RadTreeView .Grey.Checkmark2 .rtSp, .Grey.Checkmark2 .rtbIcon,
    .Simple.Grey.Checkmark2 {
        /* background-position: -40px -680px; checkmark*/
        background-image: url('../Teal/All_Icons/light.png');
    }

    .RadMenu .Grey.Publish .rmLeftImage, .RadTreeView .Grey.Publish .rtSp, .Grey.Publish .rtbIcon,
    .Simple.Grey.Publish {
        background-position: -40px -700px; /*globe*/
    }

    .RadMenu .Grey.Mail .rmLeftImage, .RadTreeView .Grey.Mail .rtSp, .Grey.Mail .rtbIcon,
    .Simple.Grey.Mail {
        background-position: -40px -720px; /*envelope*/
    }

    .RadMenu .Grey.Barcode .rmLeftImage, .RadTreeView .Grey.Barcode .rtSp, .Grey.Barcode .rtbIcon,
    .Simple.Grey.Barcode {
        background-position: -40px -740px; /*barcode*/
    }

    .RadMenu .Grey.Print .rmLeftImage, .RadTreeView .Grey.Print .rtSp, .Grey.Print .rtbIcon,
    .Simple.Grey.Print {
        background-position: -40px -760px; /*printer*/
    }

    .RadMenu .Grey.Refresh .rmLeftImage, .RadTreeView .Grey.Refresh .rtSp, .Grey.Refresh .rtbIcon,
    .Simple.Grey.Refresh {
        background-position: -40px -780px; /*refresh*/
    }

    .RadMenu .Grey.Gears .rmLeftImage, .Grey.Gears .rtbIcon,
    .Simple.Grey.Gears {
        background-image: url(../Teal/All_Icons/Workflow.png);
        /*  background-position: -40px -800px; two cogs*/
    }

    .RadMenu .Grey.Gear .rmLeftImage, .Grey.Gear .rtbIcon,
    .Simple.Grey.Gear {
        background-image: url(../Teal/All_Icons/Workflow.png);
        /* background-position: -40px -820px; one cog*/
    }

    .RadMenu .Grey.Box .rmLeftImage, .RadTreeView .Grey.Box .rtSp, .Grey.Box .rtbIcon,
    .Simple.Grey.Box {
        background-position: -40px -840px; /*box*/
    }

    .RadMenu .Grey.Down .rmLeftImage, .RadTreeView .Grey.Down .rtSp, .Grey.Down .rtbIcon,
    .Simple.Grey.Down {
        background-position: -40px -860px; /*down arrow (carrot)*/
    }

    .RadMenu .Grey.Up .rmLeftImage, .RadTreeView .Grey.Up .rtSp, .Grey.Up .rtbIcon,
    .Simple.Grey.Up {
        background-position: -40px -880px; /*up arrow (carrot)*/
    }

    .RadMenu .Grey.Calendar .rmLeftImage, .RadTreeView .Grey.Calendar .rtSp, .Grey.Ca .rtbIcon,
    .Simple.Grey.Calendar {
        background-position: -40px -900px; /*calendar*/
    }

    .RadMenu .Grey.History .rmLeftImage, .RadTreeView .Grey.History .rtSp, .Grey.History .rtbIcon,
    .Simple.Grey.History {
        background-position: -40px -920px; /*clock w/ reverse arrow*/
    }

    .RadMenu .Grey.Undo .rmLeftImage, .RadTreeView .Grey.Undo .rtSp, .Grey.Undo .rtbIcon,
    .Simple.Grey.Undo {
        background-position: -40px -940px; /*undo arrow*/
    }

    .RadMenu .Grey.Eye .rmLeftImage, .RadTreeView .Grey.Eye .rtSp, .Grey.Eye .rtbIcon,
    .Simple.Grey.Eye {
        background-position: -40px -960px; /*eyeball*/
    }

    .RadMenu .Grey.Pin .rmLeftImage, .RadTreeView .Grey.Pin .rtSp, .Grey.Pin .rtbIcon,
    .Simple.Grey.Pin {
        background-image: url('../Teal/All_Icons/Pending.png')
        /*   background-position: -40px -980px; pin*/
    }

    .RadMenu .Grey.List .rmLeftImage, .RadTreeView .Grey.List .rtSp, .Grey.List .rtbIcon,
    .Simple.Grey.List {
        /* background-position: -40px -1000px; bulleted list*/
    }

    .RadMenu .Grey.Users .rmLeftImage, .RadTreeView .Grey.Users .rtSp, .Grey.Users .rtbIcon,
    .Simple.Grey.Users {
        background-image: url('../Teal/All_Icons/MakePublic.png')
        /*  background-position: -40px -1020px;two users*/
    }

    .RadMenu .Grey.ClearFilters .rmLeftImage, .RadTreeView .Grey.ClearFilters .rtSp, .Grey.ClearFilters .rtbIcon,
    .Simple.Grey.ClearFilters {
        background-position: -40px -1040px; /*filter icon with an "X"*/
    }

    .RadMenu .Grey.BoxRemove .rmLeftImage, .RadTreeView .Grey.BoxRemove .rtSp, .Grey.BoxRemove .rtbIcon,
    .Simple.Grey.BoxRemove {
        background-position: -40px -1060px; /*box with arrow pointing out from top*/
    }

    .RadMenu .Grey.ChangeStatus .rmLeftImage, .RadTreeView .Grey.ChangeStatus .rtSp, .Grey.ChangeStatus .rtbIcon,
    .Simple.Grey.ChangeStatus {
        background-position: -40px -1080px; /*criss cross arrows*/
    }

    .RadMenu .Grey.Unlock .rmLeftImage, .RadTreeView .Grey.Unlock .rtSp, .Grey.Unlock .rtbIcon,
    .Simple.Grey.Unlock {
        background-position: -40px -1100px; /*Unlock*/
    }

    .RadMenu .Grey.OpenBox .rmLeftImage, .RadTreeView .Grey.OpenBox .rtSp, .Grey.OpenBox .rtbIcon,
    .Simple.Grey.OpenBox {
        /* background-position: -40px -1120px; Open Box*/
    }

    .RadMenu .Grey.CopyDocument .rmLeftImage, .RadTreeView .Grey.CopyDocument .rtSp, .Grey.CopyDocument .rtbIcon,
    .Simple.Grey.CopyDocument {
        background-position: -40px -1140px; /*Copy Document*/
    }

    .RadMenu .Grey.SharedFolder .rmLeftImage, .RadTreeView .Grey.SharedFolder .rtSp, .Grey.SharedFolder .rtbIcon,
    .Simple.Grey.SharedFolder {
        -webkit-filter: invert(50%);
    }

    .RadMenu .Grey.Thumbnail .rmLeftImage, .RadTreeView .Grey.Thumbnail .rtSp, .Grey.Thumbnail .rtbIcon,
    .Simple.Grey.Thumbnail {
        /* background-position: -40px -1180px; Thumbnail*/
        background-image: url('../Teal/All_Icons/image.png')
    }

    .RadMenu .Grey.SharedFolderOpen .rmLeftImage, .RadTreeView .Grey.SharedFolderOpen .rtSp, .Grey.SharedFolderOpen .rtbIcon,
    .Simple.Grey.SharedFolderOpen {
        background-position: -40px -1200px; /*Shared Folder Open*/
    }

    .RadMenu .Grey.Bell .rmLeftImage, .RadTreeView .Grey.Bell .rtSp, .Grey.Bell .rtbIcon,
    .Simple.Grey.Bell {
        background-position: -40px -1220px; /*Bell*/
    }

    .RadMenu .Grey.Clip .rmLeftImage, .RadTreeView .Grey.Clip .rtSp, .Grey.Clip .rtbIcon,
    .Simple.Grey.Clip {
        background-position: -40px -1240px; /*Paperclip*/
    }

    .RadMenu .Grey.ExportZipResults .rmLeftImage, .RadTreeView .Grey.ExportZipResults .rtSp, .Grey.ExportZipResults .rtbIcon,
    .Simple.Grey.ExportZipResults {
        background-position: -40px -1260px; /*Export Zip*/
    }

    .RadMenu .Grey.ExportPdfResultsIcon .rmLeftImage, .RadTreeView .Grey.ExportPdfResultsIcon .rtSp, .Grey.ExportPdfResultsIcon .rtbIcon,
    .Simple.Grey.ExportPdfResultsIcon {
        background-position: -40px -1280px; /*Export PDF*/
    }

    .RadMenu .Grey.PadLock .rmLeftImage, .RadTreeView .Grey.PadLock .rtSp, .Grey.PadLock .rtbIcon,
    .Simple.Grey.PadLock {
        background-position: -40px -1300px; /*PadLock*/
    }

    .RadMenu .Grey.ArchiveBox .rmLeftImage, .RadTreeView .Grey.ArchiveBox .rtSp, .Grey.ArchiveBox .rtbIcon,
    .Simple.Grey.ArchiveBox {
        /*  background-position: -40px -1320px; ArchiveBox*/
        background-image: url('../Teal/All_Icons/inbox copy.png');
    }

    /* ACCENT COLOR ICONS (shift x position -60px) */

    .RadMenu .Accent.View .rmLeftImage, .RadTreeView .Accent.View .rtSp, .Accent.View .rtbIcon,
    .Simple.Accent.View {
        background-position: -60px 0; /*magnifying glass*/
    }

    .RadMenu .Accent.FolderMinus .rmLeftImage, .RadTreeView .Accent.FolderMinus .rtSp, .Accent.FolderMinus .rtbIcon,
    .Simple.Accent.FolderMinus {
        background-position: -60px -20px; /*folder + minus sign*/
    }

    .RadMenu .Accent.FolderPlus .rmLeftImage, .RadTreeView .Accent.FolderPlus .rtSp, .Accent.FolderPlus .rtbIcon,
    .Simple.Accent.FolderPlus {
        background-position: -60px -40px; /*folder + plus sign*/
    }

    .RadMenu .Accent.Folder .rmLeftImage, .RadTreeView .Accent.Folder .rtSp, .Accent.Folder .rtbIcon,
    .Simple.Accent.Folder {
        background-position: -60px -60px; /*folder*/
    }

    .RadMenu .Accent.FolderOpen .rmLeftImage, .RadTreeView .Accent.FolderOpen .rtSp, .Accent.FolderOpen .rtbIcon,
    .Simple.Accent.FolderOpen {
        background-position: -60px -80px; /*open folder*/
    }

    .RadMenu .Accent.Briefcase .rmLeftImage, .RadTreeView .Accent.Briefcase .rtSp, .Accent.Briefcase .rtbIcon,
    .Simple.Accent.Briefcase {
        background-position: -60px -100px; /*briefcase*/
    }

    .RadMenu .Accent.Document .rmLeftImage, .RadTreeView .Accent.Document .rtSp, .Accent.Document .rtbIcon,
    .Simple.Accent.Document {
        background-image: url('../Teal/All_Icons/Documents.png')
        /*   background-position: -60px -120px;blank page*/
    }

    .RadMenu .Accent.Menu .rmLeftImage, .RadTreeView .Accent.Menu .rtSp, .Accent.Menu .rtbIcon,
    .Simple.Accent.Menu {
        background-position: -60px -140px; /*three-line menu icon*/
    }

    .RadMenu .Accent.User .rmLeftImage, .RadTreeView .Accent.User .rtSp, .Accent.User .rtbIcon,
    .Simple.Accent.User {
        background-image: url('../Teal/All_Icons/user.png')
        /*  background-position: -60px -160px; single user*/
    }

    .RadMenu .Accent.Clock .rmLeftImage, .RadTreeView .Accent.Clock .rtSp, .Accent.Clock .rtbIcon,
    .Simple.Accent.Clock {
        background-position: -60px -180px; /*clock*/
    }

    .RadMenu .Accent.Pulse .rmLeftImage, .RadTreeView .Accent.Pulse .rtSp, .Accent.Pulse .rtbIcon,
    .Simple.Accent.Pulse {
        background-image: url(../Teal/All_Icons/RecentActivity.png);
        /*  background-position: -60px -200px; pulse*/
    }

    .RadMenu .Accent.BreadCrumb .rmLeftImage, .RadTreeView .Accent.BreadCrumb .rtSp, .Accent.BreadCrumb .rtbIcon,
    .Simple.Accent.BreadCrumb {
        background-position: -60px -220px; /*breadcrumb separator*/
    }

    .RadMenu .Accent.Action .rmLeftImage, .RadTreeView .Accent.Action .rtSp, .Accent.Action .rtbIcon,
    .Simple.Accent.Action {
        background-position: -60px -240px; /*circle + inscribed down arrow*/
    }

    .RadMenu .Accent.Delete .rmLeftImage, .RadTreeView .Accent.Delete .rtSp, .Accent.Delete .rtbIcon,
    .Simple.Accent.Delete {
        background-position: -60px -260px; /* inscribed "x" */
    }

    .RadMenu .Accent.Private .rmLeftImage, .RadTreeView .Accent.Private .rtSp, .Accent.Private .rtbIcon,
    .Simple.Accent.Private {
        background-position: -60px -280px; /*inscribed dash*/
    }

    .RadMenu .Accent.Public .rmLeftImage, .RadTreeView .Accent.Public .rtSp, .Accent.Public .rtbIcon,
    .Simple.Accent.Public {
        background-position: -60px -300px; /*walking man*/
    }

    .RadMenu .Accent.Checkmark .rmLeftImage, .RadTreeView .Accent.Checkmark .rtSp, .Accent.Checkmark .rtbIcon,
    .Simple.Accent.Checkmark {
        /*  background-position: -60px -320px; inscribed checkmark*/
        background-image: url('../Teal/All_Icons/light.png');
    }

    .RadMenu .Accent.Edit .rmLeftImage, .RadTreeView .Accent.Edit .rtSp, .Accent.Edit .rtbIcon,
    .Simple.Accent.Edit {
        background-position: -60px -340px; /*pencil*/
    }

    .RadMenu .Accent.Add .rmLeftImage, .RadTreeView .Accent.Add .rtSp, .Accent.Add .rtbIcon,
    .Simple.Accent.Add {
        background-position: -60px -360px; /*inscribed "+"*/
    }

    .RadMenu .Accent.BoxAssign .rmLeftImage, .RadTreeView .Accent.BoxAssign .rtSp, .Accent.BoxAssign .rtbIcon,
    .Simple.Accent.BoxAssign {
        background-position: -60px -380px; /*box with arrow pointing in from top*/
    }

    .RadMenu .Accent.DocumentReplace .rmLeftImage, .RadTreeView .Accent.DocumentReplace .rtSp, .Accent.DocumentReplace .rtbIcon,
    .Simple.Accent.DocumentReplace {
        background-image: url('../Teal/All_Icons/Replace.png')
        /*  background-position: -60px -400px; document with arrow pointing in from left*/
    }

    .RadMenu .Accent.Lock .rmLeftImage, .RadTreeView .Accent.Lock .rtSp, .Accent.Lock .rtbIcon,
    .Simple.Accent.Lock {
        background-position: -60px -420px; /*open lock*/
    }

    .RadMenu .Accent.Key .rmLeftImage, .RadTreeView .Accent.Key .rtSp, .Accent.Key .rtbIcon,
    .Simple.Accent.Key {
        background-position: -60px -440px; /*key*/
    }

    .RadMenu .Accent.Flag .rmLeftImage, .RadTreeView .Accent.Flag .rtSp, .Accent.Flag .rtbIcon,
    .Simple.Accent.Flag {
        /*  background-position: -60px -460px;flag 16x16*/
        background-image: url('../Teal/All_Icons/alert-circle.png');
        background-size: 18px;
    }

    .RadMenu .Accent.FlagLarge .rmLeftImage, .RadTreeView .Accent.FlagLarge .rtSp, .Accent.FlagLarge .rtbIcon,
    .Simple.Accent.FlagLarge {
        /* background-position: -60px -480px; flag 20x20*/
        background-image: url('../Teal/All_Icons/alert-circle.png');
        background-size: 18px;
    }

    .RadMenu .Accent.Help .rmLeftImage, .RadTreeView .Accent.Help .rtSp, .Accent.Help .rtbIcon,
    .Simple.Accent.Help {
        background-position: -60px -500px; /*inscribed "?"*/
    }

    .RadMenu .Accent.Mimic .rmLeftImage, .RadTreeView .Accent.Mimic .rtSp, .Accent.Mimic .rtbIcon,
    .Simple.Accent.Mimic {
        background-position: -60px -520px; /*user with arrow pointing to other user*/
    }

    .RadMenu .Accent.Download .rmLeftImage, .RadTreeView .Accent.Download .rtSp, .Accent.Download .rtbIcon,
    .Simple.Accent.Download {
        background-position: -60px -540px; /*download*/
    }

    .RadMenu .Accent.UserInto .rmLeftImage, .RadTreeView .Accent.UserInto .rtSp, .Accent.UserInto .rtbIcon,
    .Simple.Accent.UserInto {
        background-image: url('../Teal/All_Icons/AddUser.png');
        width: 20px;
        /*  background-position: -60px -560px; users + "+"*/
    }

    .RadMenu .Accent.UserOut .rmLeftImage, .RadTreeView .Accent.UserOut .rtSp, .Accent.UserOut .rtbIcon,
    .Simple.Accent.UserOut {
        background-image: url('../Teal/All_Icons/RemoveUser.png')
        /*   background-position: -60px -580px; users + "-"*/
    }

    .RadMenu .Accent.Copy .rmLeftImage, .RadTreeView .Accent.Copy .rtSp, .Accent.Copy .rtbIcon,
    .Simple.Accent.Copy {
        background-position: -60px -600px; /*copy*/
    }

    .RadMenu .Accent.Request .rmLeftImage, .RadTreeView .Accent.Request .rtSp, .Accent.Request .rtbIcon,
    .Simple.Accent.Request {
        background-position: -60px -620px; /*request (swooping arrow to right)*/
    }

    .RadMenu .Accent.Filter .rmLeftImage, .RadTreeView .Accent.Filter .rtSp, .Accent.Filter .rtbIcon,
    .Simple.Accent.Filter {
        background-position: -60px -640px; /*filter*/
    }

    .RadMenu .Accent.Upload .rmLeftImage, .RadTreeView .Accent.Upload .rtSp, .Accent.Upload .rtbIcon,
    .Simple.Accent.Upload {
        /*  background-position: -60px -660px; upload*/
        background-image: url('../Teal/All_Icons/upload-Light.png');
    }

    .RadMenu .Accent.Checkmark2 .rmLeftImage, .RadTreeView .Accent.Checkmark2 .rtSp, .Accent.Checkmark2 .rtbIcon,
    .Simple.Accent.Checkmark2 {
        /* background-position: -60px -680px; checkmark*/
        background-image: url('../Teal/All_Icons/light.png');
    }

    .RadMenu .Accent.Publish .rmLeftImage, .RadTreeView .Accent.Publish .rtSp, .Accent.Publish .rtbIcon,
    .Simple.Accent.Publish {
        background-position: -60px -700px; /*globe*/
    }

    .RadMenu .Accent.Mail .rmLeftImage, .RadTreeView .Accent.Mail .rtSp, .Accent.Mail .rtbIcon,
    .Simple.Accent.Mail {
        background-position: -60px -720px; /*envelope*/
    }

    .RadMenu .Accent.Barcode .rmLeftImage, .RadTreeView .Accent.Barcode .rtSp, .Accent.Barcode .rtbIcon,
    .Simple.Accent.Barcode {
        background-position: -60px -740px; /*barcode*/
    }

    .RadMenu .Accent.Print .rmLeftImage, .RadTreeView .Accent.Print .rtSp, .Accent.Print .rtbIcon,
    .Simple.Accent.Print {
        background-position: -60px -760px; /*printer*/
    }

    .RadMenu .Accent.Refresh .rmLeftImage, .RadTreeView .Accent.Refresh .rtSp, .Accent.Refresh .rtbIcon,
    .Simple.Accent.Refresh {
        background-position: -60px -780px; /*refresh*/
    }

    .RadMenu .Accent.Gears .rmLeftImage, .Accent.Gears .rtbIcon,
    .Simple.Accent.Gears {
        background-image: url(../Teal/All_Icons/Workflow.png);
        /* background-position: -60px -800px; two cogs*/
    }

    .RadMenu .Accent.Gear .rmLeftImage, .Accent.Gear .rtbIcon,
    .Simple.Accent.Gear {
        background-image: url(../Teal/All_Icons/Workflow.png);
        /*  background-position: -60px -820px; one cog*/
    }

    .RadMenu .Accent.Box .rmLeftImage, .RadTreeView .Accent.Box .rtSp, .Accent.Box .rtbIcon,
    .Simple.Accent.Box {
        background-position: -60px -840px; /*box*/
    }

    .RadMenu .Accent.Down .rmLeftImage, .RadTreeView .Accent.Down .rtSp, .Accent.Down .rtbIcon,
    .Simple.Accent.Down {
        /*background-position: -60px -860px;  */ /*down arrow (carrot)*/
    }

    .RadMenu .Accent.Up .rmLeftImage, .RadTreeView .Accent.Up .rtSp, .Accent.Up .rtbIcon,
    .Simple.Accent.Up {
        /* background-position: -60px -880px; */ /*up arrow (carrot)*/
    }

    .RadMenu .Accent.Calendar .rmLeftImage, .RadTreeView .Accent.Calendar .rtSp, .Accent.Ca .rtbIcon,
    .Simple.Accent.Calendar {
        background-position: -60px -900px; /*calendar*/
    }

    .RadMenu .Accent.History .rmLeftImage, .RadTreeView .Accent.History .rtSp, .Accent.History .rtbIcon,
    .Simple.Accent.History {
        background-position: -60px -920px; /*clock w/ reverse arrow*/
    }

    .RadMenu .Accent.Undo .rmLeftImage, .RadTreeView .Accent.Undo .rtSp, .Accent.Undo .rtbIcon,
    .Simple.Accent.Undo {
        background-position: -60px -940px; /*undo arrow*/
    }

    .RadMenu .Accent.Eye .rmLeftImage, .RadTreeView .Accent.Eye .rtSp, .Accent.Eye .rtbIcon,
    .Simple.Accent.Eye {
        background-position: -60px -960px; /*eyeball*/
    }

    .RadMenu .Accent.Pin .rmLeftImage, .RadTreeView .Accent.Pin .rtSp, .Accent.Pin .rtbIcon,
    .Simple.Accent.Pin {
        background-image: url('../Teal/All_Icons/Pending.png')
        /*  background-position: -60px -980px; pin*/
    }

    .RadMenu .Accent.List .rmLeftImage, .RadTreeView .Accent.List .rtSp, .Accent.List .rtbIcon,
    .Simple.Accent.List {
        /*  background-position: -60px -1000px; bulleted list*/
    }

    .RadMenu .Accent.Users .rmLeftImage, .RadTreeView .Accent.Users .rtSp, .Accent.Users .rtbIcon,
    .Simple.Accent.Users {
        background-image: url('../Teal/All_Icons/MakePublic.png')
        /*  background-position: -60px -1000px; two users*/
    }

    .RadMenu .Accent.ClearFilters .rmLeftImage, .RadTreeView .Accent.ClearFilters .rtSp, .Accent.ClearFilters .rtbIcon,
    .Simple.Accent.ClearFilters {
        background-position: -60px -1040px; /*filter icon with an "X"*/
    }

    .RadMenu .Accent.BoxRemove .rmLeftImage, .RadTreeView .Accent.BoxRemove .rtSp, .Accent.BoxRemove .rtbIcon,
    .Simple.Accent.BoxRemove {
        background-position: -60px -1060px; /*box with arrow pointing out from top*/
    }

    .RadMenu .Accent.ChangeStatus .rmLeftImage, .RadTreeView .Accent.ChangeStatus .rtSp, .Accent.ChangeStatus .rtbIcon,
    .Simple.Accent.ChangeStatus {
        background-position: -60px -1080px; /*criss cross arrows*/
    }

    .RadMenu .Accent.Unlock .rmLeftImage, .RadTreeView .Accent.Unlock .rtSp, .Accent.Unlock .rtbIcon,
    .Simple.Accent.Unlock {
        background-position: -60px -1100px; /*Unlock*/
    }

    .RadMenu .Accent.OpenBox .rmLeftImage, .RadTreeView .Accent.OpenBox .rtSp, .Accent.OpenBox .rtbIcon,
    .Simple.Accent.OpenBox {
        /*   background-position: -60px -1120px; Open Box*/
    }

    .RadMenu .Accent.CopyDocument .rmLeftImage, .RadTreeView .Accent.CopyDocument .rtSp, .Accent.CopyDocument .rtbIcon,
    .Simple.Accent.CopyDocument {
        background-position: -60px -1140px; /*Copy Document*/
    }

    .RadMenu .Accent.SharedFolder .rmLeftImage, .RadTreeView .Accent.SharedFolder .rtSp, .Accent.SharedFolder .rtbIcon,
    .Simple.Accent.SharedFolder {
        background-position: -60px -1160px; /*Shared Folder*/
    }

    .RadMenu .Accent.Thumbnail .rmLeftImage, .RadTreeView .Accent.Thumbnail .rtSp, .Accent.Thumbnail .rtbIcon,
    .Simple.Accent.Thumbnail {
        /* background-position: -60px -1180px; Thumbnail*/
        background-image: url('../Teal/All_Icons/image.png')
    }

    .RadMenu .Accent.SharedFolderOpen .rmLeftImage, .RadTreeView .Accent.SharedFolderOpen .rtSp, .Accent.SharedFolderOpen .rtbIcon,
    .Simple.Accent.SharedFolderOpen {
        background-position: -60px -1200px; /*Shared Folder Open*/
    }

    .RadMenu .Accent.Bell .rmLeftImage, .RadTreeView .Accent.Bell .rtSp, .Accent.Bell .rtbIcon,
    .Simple.Accent.Bell {
        background-position: -60px -1220px; /*Bell*/
    }

    .RadMenu .Accent.Clip .rmLeftImage, .RadTreeView .Accent.Clip .rtSp, .Accent.Clip .rtbIcon,
    .Simple.Accent.Clip {
        background-position: -60px -1240px; /*Paperclip*/
    }


    .datafieldsCommandRow {
        padding-left: 2px;
        padding-right: 5px;
        text-align: right;
    }

    .datafield {
        margin: 2px;
        max-width: 800px;
        padding-top: 2px;
        padding-left: 2px;
        padding-bottom: 10px;
    }

        .datafield div {
            margin-bottom: 2px;
        }

    .datafieldsCol2 {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

    .datafieldsCol4 {
        padding-left: 2px;
        padding-right: 2px;
        margin-right: 5px;
        vertical-align: top;
    }




    .leftPane[min-width~="800px"] .leftBarWrapper {
        bottom: 56px !important;
    }


    .leftPane[min-width~="806px"] .largeButton.bottom {
        bottom: 10px;
    }

    .leftPane[min-width~="806px"].mobile .largeButton.bottom {
        bottom: -45px !important;
    }

    .leftPane[min-width~="806px"] .datafieldsCol1 {
        width: 100%;
    }

    .leftPane[min-width~="806px"] .datafieldsCol2 {
        width: 48%;
    }

    .leftPane[min-width~="806px"] .publish {
        padding: 0 15px 0 15px;
        float: left;
        position: static;
        margin: 0 12px 0 0;
    }

    .leftPane[min-width~="806px"] .apply {
        padding: 0 15px 0 15px;
        float: left;
        position: static;
        margin: 0 12px 0 0;
    }



    .leftPane[min-width~="806px"] .cancel {
        padding: 0 15px 0 15px;
        float: left;
        position: static;
        margin: 0 12px 0 0;
    }

    .leftPane[min-width~="1612px"] .datafieldsCol4 {
        display: inline-block;
        width: 48%;
    }

    .borderLessDialog .rwCorner .rwTopLeft,
    .borderLessDialog .rwTitlebar,
    .borderLessDialog .rwCorner .rwTopRight,
    .borderLessDialog .rwIcon,
    .borderLessDialog table .rwTopLeft,
    .borderLessDialog table .rwTopRight,
    .borderLessDialog table .rwFooterLeft,
    .borderLessDialog table .rwFooterRight,
    .borderLessDialog table .rwFooterCenter,
    .borderLessDialog table .rwBodyLeft,
    .borderLessDialog table .rwBodyRight,
    .borderLessDialog table .rwTitlebar,
    .borderLessDialog table .rwTopResize,
    .borderLessDialog table .rwStatusbar,
    .borderLessDialog table .rwStatusbar .rwLoading {
        display: none !important;
    }

    .hideRadListBoxItem {
        display: none;
    }

    .RadToolBar_Millennia .rtbWrap.ClearFilters {
        background-color: #ff4242 !important;
        border-color: red !important;
    }
    .gridToolbarWrapper {
        display: block;
        width: 100%;
    }

    .k-input, .k-input, .k-picker, .k-checkbox {
        border-color: #d5d5d5 !important;
    }

    .k-block, .k-widget, .k-input, .k-group, .k-content, .k-filter-row > th, .k-separator, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-treemap-tile, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-upload-files, .k-popup.k-align .k-list .k-item:last-child, .k-editor-dialog .k-tabstrip-items, .k-pager-numbers, .k-link, .k-list-scroller, .k-radio {
        border-color: #d5d5d5;
    }
    

.k-radio {
        border-radius: 50%;
        background-color: #fff;
    } .k-header .k-link {
        justify-content: center;
    } input [type=checkbox], input[type=radio] {
        margin: 0px 0px 0px 0px;
    } .k-radio + .k-radio-label, .k-radio-label + .k-radio {
        margin-left: 4px;
        margin-right: 4px;
    } .k-checkbox::before {
        color: #fff;
    } input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
        outline: none;
    } .k-checkbox {
        background-color: #fff;
    } .k-toolbar {
        overflow: visible;
    } .k-list-item {
        background-color: #fff;
    } a:focus, a:hover {
        color: unset;
        text-decoration: unset;
    } .k-window {
        background-color: #fff;
    }
/*Menu*/
#Menu .k-menu .k-menu-group .k-item > .k-link, #Menu .k-menu-scroll-wrapper .k-item > .k-link {
        color: #000;
    } .k-menu .k-menu-group .k-item > .k-link, .k-menu-scroll-wrapper .k-item > .k-link {
        font-weight: 400;
        padding: .18em 1.8em .18em .9em;
    } #Menu .k-item > .k-link, #rmMenu > .k-item > .k-link {
    padding: 0;
} #responsiveMenuWrapper {
    z-index: 10000;
    color: #000;
} #responsiveMenuWrapper .k-item {
            border: none 0px !important;
            color: #000;
        } #responsiveMenuWrapper .k-item > .k-link {
    line-height: 35px;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
} #responsiveMenuWrapper .k-item > .k-link.k-state-active, #responsiveMenuWrapper .k-hover > .k-link {
    background-color: #bcb4b0 !important;
} #Menu {
        background-color: #2B303B !important;
        border: none 0px !important;
    } #Menu > .k-item {
            border: none 0px !important;
            color: #AAACB0;
        } #Menu > .k-item > .k-link {
                line-height: 70px;
                vertical-align: middle;
                padding-left: 20px;
                padding-right: 20px;
                font-weight: 700;
            } #Menu > .k-item > .k-link.k-state-active, #Menu > .k-hover > .k-link {
                    background-color: #3A3F49 !important;
                    color: #fff;
                } #rmMenu {
        background-color: #2B303B !important;
        border: none 0px !important;
    } #rmMenu > .k-item {
            border: none 0px !important;
            color: #AAACB0;
        } #rmMenu > .k-item > .k-link {
                line-height: 70px;
                vertical-align: middle;
                padding-left: 20px;
                padding-right: 20px;
                font-weight: 700;
            } #rmMenu > .k-item > .k-link.k-state-active, #rmMenu > .k-hover > .k-link {
                    background-color: #3A3F49 !important;
                    color: #fff;
                } .k-menu .k-item > .k-link {
        text-align: left;
    } .k-menu-horizontal .k-menu-link {
        border: none;
    } #clientLogo{
        margin-left:5px;
    } .RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered {
        padding: 3px 5px !important;
    } input[type="checkbox"] {
        width: 16px !important;
        height: 16px !important;
        cursor: pointer !important;
    } .imgHelp {
        width: 20px;
        height: 20px;
        display: inline-block;
        background: #AAACB0;
        -webkit-mask: url("/img/TipsHelp-light.png") center/contain;
        mask: url("/img/TipsHelp-light.png") center/contain;
        vertical-align: middle;
    } .imgHelp:hover {
            background: #fff;
        } .imgNotifications {
        width: 20px;
        height: 20px;
        display: inline-block;
        background: #AAACB0;
        -webkit-mask: url("/img/bell.png") center/contain;
        mask: url("/img/bell.png") center/contain;
        vertical-align: middle;
    } .imgNotifications:hover {
            background: #fff;
        }
/*ScrollBar*/
::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    } ::-webkit-scrollbar-track {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #eee;
        border: thin solid lightgray;
        box-shadow: 0px 0px 3px #dfdfdf inset;
    } ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        border: thin solid gray;
        background: #999;
    } ::-webkit-scrollbar-thumb:hover {
            background: #7d7d7d;
        }