/*TMTM TILES*/
.TileContainer {
    background: #dedede;
    background-color: #fff;
    padding: 5px;
}

.TileName {
    word-break: break-word;
    word-wrap: break-word;
    font-size: small;
}

.TileTable {
    height: 120px !important;
    width: 200px !important;
    float: left;
    margin-right: 5px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    box-shadow: 5px 4px 4px 0 rgba(0,0,0,0.1);
    transition: 0.1s;
    border-radius: 10px;
    cursor: pointer;
}

    .TileTable:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        border: 3px solid #eeeeee;
    }

.TileImage {
    height: 25px;
    width: 25px;
}

/*TMTM TILES*/

.Card1 {
    width: 240px;
    min-width: 240px;
    padding: 20px;
    word-break: break-all;
    margin: 7px;
    background-color: #F5F5F5;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    position: relative;
    height: 210px;
}

.Card1_Heading {
    font-size: 15px;
}

.Card1hrBottom {
    position: absolute;
    bottom: 50px;
    width: 85%;
}

.Card1_Button1 {
    position: absolute !important;
    bottom: 10px;
    right: 70px;
}

.Card1_Button2 {
    position: absolute !important;
    bottom: 10px;
    right: 20px;
}

.Card1Inner {
    position: absolute;
    bottom: 90px;
    width: 85%;
}

.MainCard {
    border-radius: 3px;
    background-color: #FFF !important;
    width: 99%;
    padding: 2%;
    word-break: break-all;
    background-color: #F5F5F5;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}

.Card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.02);
    transition: 0.3s;
    border-radius: 5px;
    display: flex;
    margin-top: 5px;
    width: 99%;
    background: #fff;
}

    .Card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }


/*FIX for UCF (Change color for Hyperlinks in RadGrid when Theme is Black)*/
/*.RadGrid_Black .rgRow a, .RadGrid_Black .rgAltRow a, .RadGrid_Black .rgEditRow a, .RadGrid_Black .rgFooter a, .RadGrid_Black .rgEditForm a {
    color: #00e5ff !important;
}*/

.CardContainer {
    align-self: center;
}

.ErrorMessage {
    background-color: #bf3128;
    color: #fff !important;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 99%;
    border-radius: 3px;
    text-align: center;
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.blink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

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

/*TMTM Mobile Cards*/

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

    .DataDockTitle .rdTable .rdTop {
        background-color: unset !important;
    }

    .DataDockTitle .rdTable tr.rdTop td.rdLeft, .DataDockTitle .rdTable tr.rdTop td.rdCenter, .DataDockTitle .rdTable tr.rdTop td.rdRight {
        background-color: unset !important;
    }

    .DataDockTitle .rdTable .rdMiddle .rdCenter, .DataDockTitle .rdTable .rdBottom .rdCenter, .DataDockTitle .rdTable .rdBottom .rdLeft, .DataDockTitle .rdTable .rdBottom .rdRight {
        background-color: #fff;
        padding-top: 25px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 25px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.02);
        border-radius: 5px;
        transition: 0.3s;
    }

        .DataDockTitle .rdTable .rdMiddle .rdCenter:hover {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        }

.RadDock .rdTable, .RadDock .rdTable .rdLeft, .RadDock .rdTable .rdCenter, .RadDock .rdTable .rdRight {
    margin-bottom: 10px !important;
}

#ctl00_MainContent_rapPanel1 {
    /*width: 92% !important;
            margin-left: 30px;
            margin-right: 30px;*/
}

.mobileViewPanel {
    width: 92% !important;
    margin-left: 30px;
    margin-right: 30px;
}

.MobileInvisible {
    height: 0px !important;
    display: none;
}

.mobileHR {
    display: block !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.RadDock_Bootstrap div.rdTitleBar em {
    font-weight: 700 !important;
    min-width: 200px !important;
    padding-right: 16px;
}

.DataDockTitle .rdTable tr.rdTop td.rdLeft, .DataDockTitle .rdTable tr.rdTop td.rdCenter, .DataDockTitle .rdTable tr.rdTop td.rdRight {
    border-bottom: unset !important;
}

.DataDockTitle .rdTable tr.rdBottom {
    display: none;
}

.DataDockTitle .rdTable .rdMiddle .rdLeft, .RadDock_Bootstrap .rdTable .rdMiddle .rdRight {
    background-color: unset !important;
}

.DataDockTitle .rdTable .rdTop .rdCenter .rdTitleBar {
    padding-left: 5px;
}

.DropZone1 {
    width: 300px;
    height: 90px;
    background-color: #357A2B;
    border-color: #CCCCCC;
    color: #767676;
    float: left;
    text-align: center;
    font-size: 16px;
    color: white;
}

#DropZone2 {
    width: 300px;
    height: 90px;
    background-color: #357A2B;
    border-color: #CCCCCC;
    color: #767676;
    float: left;
    margin-left: 90px;
    text-align: center;
    font-size: 16px;
    color: white;
}

/*.AutoHeightPane{
    width:1000px !important;
}


.rspPane {
    width: 1000px !important;
}*/

.RadAsyncUpload {
    margin-left: 250px;
    margin-bottom: 28px;
}

.rgPager .riSingle .riTextBox {
    height: 34px !important;
}

.RadGrid_Bootstrap .rgFilterRow .riSingle .riTextBox {
    vertical-align: top;
    height: 34px !important;
}


/*Master Page CSS*/
.RadDock {
    margin-bottom: 5px !important;
    overflow: hidden !important;
    outline: none !important;
}

.RadGrid {
    outline: none !important;
}

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

div.divClientHeader {
    width: 100%;
}

div.divTopMenu {
    width: 100%;
    text-align: left;
    margin-top: 5px;
}

div.divHeader {
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    z-index: 999;
}

div.divBody {
    width: 100%;
    float: left;
}

div.divFooter {
    /* width: 99%;
    margin-left: 0.4%;*/
    line-height: 20px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 5px;
    padding-bottom: 12px;
    font-family: Arial, sans-serif !important;
    color: black; /* setting for foreground color for text inside the divFooter*/
}

div.divFooter.active {
    margin-left: 400px !important;
    inline-size: fit-content;
    inline-size: -moz-fit-content;
}

div.divRightMenu {
    float: left;
    width: 270px;
    min-width: 150px;
    padding-left: 5px;
    margin-top: 9px;
    background-color: #fff;
    margin-left: 10px;
}

div.divLeftMenu {
    float: left;
    width: 270px;
    min-width: 220px;
    padding-right: 5px;
    margin-top: 9px;
    background-color: #fff;
    margin-right: 10px;
    /*box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px 0px;*/
    border: 1px lightgrey solid;
    border-top: none;
}

div.divSideMenuDockTitle {
    float: left;
    width: calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
}

div.divPage {
    margin-top: 65px; /*was 0px*/
    padding-top: 40px; /*was 85px*/
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    /*border: 1px solid #A8A8A8;*/
    margin-left: 52px !important;
    padding-left: 20px !important;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #FFFFFF;
    /*width: calc(100% - 10px) !important;
    margin-left: 5px;
    margin-right: 5px;*/
    width: 100%;
    overflow-x: auto;
}

div.divPage.active {
    margin-left: 400px !important;
}

div.divPageBreadcrumb {
    position: fixed;
    top: 70px;
    transition: top 0.25s;
    transition-timing-function: ease-out;
    left: 76px;
    color: #767676 !important;
}

div.divPageBreadcrumb.active {
    margin-left: 345px !important;
}

div.divConfidentiality {
    /*float: left;
    width: 99.9%;
    text-align: center;
    padding-top: 5px;
    margin-top: 35px;*/
}

.footer-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div.divAppName {
    /*float: left;
    width: 50%;
    min-width: 100px;
    padding: 0;
    margin-bottom: 5px;*/
    display: flex;
    justify-content: left;
    align-items: center;
}

div.divAppVersion {
    /*float: left;
    width: 45%;
    min-width: 100px;
    padding: 0;
    text-align: right;
    margin-bottom: 5px;*/
    display: flex;
    justify-content: right;
    align-items: center;
}

.TMTMFloatLeftSmallMenu {
    height: 100%;
    width: 20px !important;
    transition: height 0.5s; /* Animation time */
    -webkit-transition: height 0.5s; /* For Safari */
}

div.TMTMFloatLeftSmallMenu:hover {
    width: 270px;
}

.lblClientHeader {
    display: inline-block;
    width: fit-content;
}

.lblClientHeader img {
    /*max-height: 59px !important;*/
    max-height: 40px !important;
    max-width: 350px !important;
}

.lblClientHeader p {
    width: 100% !important;
    max-height: 65px !important;
    margin: 0;
}

.QuickSearchWrapper {
    position: relative;
    display: flex;
    /*top: 5px;*/
    max-width: 500px;
}

.btnQuickSearchInHeader {
    position: relative;
    top: 9px;
    right: 30px;
}

.QuickSearch {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 5px 10px;
    /*margin-bottom: 12px;*/
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: rgba(71,71,71,1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(252,252,252,1);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

    .QuickSearch:focus {
        outline: none;
    }

.SideMenuHeading {
    padding-left: 3px;
    margin-left: 15px;
}

.foregroundBlack {
    color: black;
}

/*.HeaderIconFocus {
    width: 55px;
    padding-left: 10px;
    padding-right: 10px;
}

    .HeaderIconFocus:hover {
        background-color: rgba(230, 230, 230, 0.2);
    }

.HeaderIconFocusMessaging {
    width: 55px;
    padding-left: 10px;
    padding-right: 10px;
}

    .HeaderIconFocusMessaging:hover {
        background-color: rgba(230, 230, 230, 0.2);
    }

.HeaderIconFocusShopping {
    width: 55px;
    padding-left: 10px;
    padding-right: 10px;
}

    .HeaderIconFocusShopping:hover {
        background-color: rgba(230, 230, 230, 0.2);
    }

.imgUserMenu {
    width: 55px;
    padding-left: 10px;
    padding-right: 10px;
}

    .imgUserMenu:hover {
        background-color: rgba(230, 230, 230, 0.2);
    }*/

/*.dropbtn:hover, .dropbtn:focus {
    background-color: rgba(230, 230, 230, 0.4);
}*/

button:focus {
    border: none !important;
    outline: none !important;
}

/*.btn-announcements {
    background-color: transparent !important;
    border: none !important;
}

    .btn-announcements::before {
        content: "";
        position: absolute;
        left: -19px;
        top: -18px;
        width: 76px;
        height: 59px;
    }*/

    /*border: 1px solid #e83474;*/

    /*.btn-announcements:focus {
        border: none !important;
        color: transparent !important;
        background-color: transparent !important;
    }

.btn-alerts {
    background-color: transparent !important;
    border: none !important;
}

    .btn-alerts::before {
        content: "";
        position: absolute;
        left: -13px;
        top: -18px;
        width: 76px;
        height: 59px;
    }

    .btn-alerts:focus {
        border: none !important;
        color: transparent !important;
        background-color: transparent !important;
    }

.btn-messaging {
    background-color: transparent !important;
    border: none !important;
}

    .btn-messaging::before {
        content: "";
        position: absolute;
        right: 77px;
        top: 1px;
        width: 76px;
        height: 59px;
    }

    .btn-messaging:focus {
        border: none !important;
        color: transparent !important;
        background-color: transparent !important;
    }*/

/*.btn-user {
    background-color: transparent !important;
    border: none !important;
}

    .btn-user::before {
        content: "";
        position: absolute;
        right: -29px;
        top: -36px;
        width: 76px;
        height: 59px;
    }

    .btn-user:focus {
        border: none !important;
        color: transparent !important;
        background-color: transparent !important;
    }*/

/* BEGIN USER MENU STYLING*/
/*.dropbtn {
    color: white;
    border: none;
    cursor: pointer;
    margin-right: 0px;
    height: 23px !important;
    margin-right: 16px;
    margin-bottom: 18px;
    position: absolute;
    right: -18px;
    top: -17px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    left: -197px;
    top: 22px;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 190px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99000;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
}

    .dropdown-content a {
        color: #595959;
        padding: 8px 5px;
        text-decoration: none;
        display: block;
        font-style: normal;
        font-weight: normal;
    }

.dropdown a:hover {
    background-color: #ddd;
}*/

/*.show {
    display: block;
}*/
/* END USER MENU STYLING*/

/* BEGIN ANNOUNCEMENT MENU STYLING*/
/*.announcement {
    color: white;
    border: none;
    cursor: pointer;
}

    .announcement:hover, .announcement:focus {
    }

.announcementdropdown {
    position: relative;
    display: inline-block;
}

.announcementdropdown-content {
    display: none;
    left: -250px;
    top: 24px;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 450px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2000001 !important;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
}

    .announcementdropdown-content tr {
        color: #595959;
        text-decoration: none;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        background-color: white;
        margin-bottom: 2px;
        margin-top: 2px;
    }

    .announcementdropdown-content a {
        color: #595959;
        padding: 15px 15px;
        text-decoration: none;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
    }

    .announcementdropdown-content img {
        padding-left: 10px;
    }

.announcementdropdown tr:hover {
    background-color: #ddd;
}*/

/*.show {
    display: block;
}*/
/* END ANNOUNCEMENT MENU STYLING*/

/* BEGIN ALERTS MENU STYLING*/
/*.alerts {
    color: white;
    border: none;
    cursor: pointer;
}

    .alerts:hover, .alerts:focus {
    }

.alertsdropdown {
    position: relative;
    display: inline-block;
    z-index: 2000001 !important;
}

.alertsdropdown-content {
    display: none;
    left: -350px;
    top: 24px;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 350px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2000001 !important;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
}

    .alertsdropdown-content tr {
        color: #595959;
        text-decoration: none;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        background-color: white;
        margin-bottom: 2px;
        margin-top: 2px;
    }

    .alertsdropdown-content a {
        color: #595959;
        padding: 15px 15px;
        text-decoration: none;
        display: block;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
    }

.alertsdropdown tr:hover {
    background-color: #ddd;
}*/

/*.show {
    display: block;
}*/
/* END ALERTS MENU STYLING*/

/* BEGIN MESSAGES MENU STYLING*/
/*.messages {
    color: white;
    border: none;
    cursor: pointer;
}

    .messages:hover, .messages:focus {
    }

.messagesdropdown {
    display: block;
    float: left;
}*/

/*.messagesdropdown-content {
    display: block;
    left: -430px;
    top: 24px;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 350px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999999999;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
}*/



/*.messagesdropdown tr:hover {
    background-color: #ddd;
}*/

/*.show {
    display: block;
}*/
/* END MESSAGES MENU STYLING*/

.sideMenuItem {
    border: none;
    background-color: unset !important;
    margin-left: 30px !important;
}

    .sideMenuItem:hover {
        border: none;
        background-color: #f5f5f5 !important;
    }

.NotificationBubble {
    float: right;
    font-size: 10px;
}

.rtsUL {
    width: 101% !important;
}

.menuItem_MobileView {
    display: none;
}



/*session*/
.clockSession {
    width: 409px;
    height: 174px;
    background: url(images/clockSession.jpg) no-repeat;
}

.contSession {
    width: 270px;
    float: right;
    text-align: center;
    margin: 20px 20px 0 0;
}

.sessionExpire {
    color: #3366ff;
    padding-top: 30px;
}

.showNotification {
    padding-top: 15px;
    color: #666;
}

.timeRemain {
    padding-top: 5px;
    color: #000;
}

.timeSeconds {
    font-size: 30px;
    padding-right: 5px;
}

.infoIcon, .notificationContent {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.infoIcon {
    width: 32px;
    height: 32px;
    margin: 0 10px;
    vertical-align: top;
}

.notificationContent {
    width: 80%;
    vertical-align: bottom;
}

.demo-container {
    width: 410px;
}

div.timeoutNotification {
    background-color: #c3d8f1;
}

.EmployeeName {
    bottom: 2px;
    position: relative;
}

.RadNavigation {
    height: 50px !important;
}

.RadNavigation .rnvMore.rnvLeft {
    float: right !important;
    content: "" !important;
    /*background-image: url(../images/CleanIcons/menu-black. png );*/
    /*Change file path*/
    background-image: url(../images/icons/SideMenu/hamburger-drawer.png), url(.../images/icons/SideMenu/hamburger-drawer.png);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width: 15px !important;
    height: 12px !important;
    margin: 21px !important;
    padding: 2px !important;
    /*top: 5px;
    left: 10px;*/
    top: -4px;
    left: -6px;
}

.RadNavigation .rnvMore {
    background-color: #fff !important; 
    border: 1px solid #fff !important;
}

.RadNavigation .rnvMore:hover {
    background-color: whitesmoke !important;
}

.RadNavigation .rnvMore:before {
    content: "" !important;
    line-height: 1;
    position: absolute;
    left: 50%;
    margin: -0.5em 0 0 -0.5em;
}


.rnvMoreNodes {
    right: 20px !important;
    left: 75% !important;
}

.RadGrid {
    width: 100% !important;
}

.AutoHeightPane .RadGrid {
    width: 1500px !important;
}

.myTestDiv {
    max-height: 100px !important;
}

/* Drag and Drop Area */
.drag-and-drop-area {
    /*background-color: #0070c0;*/
    background-color: transparent;
    border: 1px dashed #fff;
    border-width: thin;
    border-radius: 6px;
    width: 9.0625rem;
    height: 2.875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*margin-top: -0.1875rem;*/
    /*margin-right: -1rem;*/
    /*margin-right: -3.0625rem;*/
    /*margin-right: 1.125rem;*/
    /*margin-left: -3.375rem;*/
}

.drag-and-drop-image {
    /*display: none;*/
    width: 16px;
}

.drag-and-drop-text {
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    margin-top: 3px;
    margin-bottom: 2px;
}
/*drag and drop hover ToolTip*/
.drag-and-drop-hovertext {
    background: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    color: #767676;
    text-align: center;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .3);
}
.drag-and-drop-hovertext a {
     font-size: 16px;
     color: #767676;
}
    /* Progress Bar */
    .header-container-progress {
    width: 100%;
    height: 95px;
    transition: height 0.25s;
    transition-timing-function: ease-out;
    background-color: #fff;
    position: fixed;
    /*z-index: 99999;*/
    z-index: 1000;
    top: 0;
    left: 0;
    /*box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.30);*/
    -webkit-box-shadow: 0 4px 12px 0 rgb(38 39 39 / 20%);
    box-shadow: 0 4px 12px 0 rgb(38 39 39 / 20%);
}

/* For when top menu is visible */
#sidebar {
    transition: top 0.25s;
    transition-timing-function: ease-out;
}

.vertical-nav {
    transition: top 0.25s;
    transition-timing-function: ease-out;
}

.header-container-progress.active {
    height: 153px !important;
    transition: height 0.25s;
    transition-timing-function: ease-out;
}

.header-container-progress.active > div.divPageBreadcrumb {
    top: 122px !important;
    transition: top 0.25s;
    transition-timing-function: ease-out;
}

.header-container-progress.active > .scroll-progress-container {
    top: 148px !important;
    transition: top 0.25s;
    transition-timing-function: ease-out;
}

.header-container-progress.active > #buttonbtt {
    top: 124px !important;
    transition: top 0.25s;
    transition-timing-function: ease-out;
}

.header-container-progress.active > .container-hMenu {
    width: 100%;
    position: fixed;
    z-index: 100000;
    top: 60px;
    transition: top 0.25s;
    transition-timing-function: ease-out;
    right: 0;
    background-color: #f9f9f9;
    border-bottom: 1px solid #e0dfdf;
}

.header-progess {
    padding-left: 10px;
}

.scroll-progress-container {
    width: 100%;
    height: 5px;
    background-color: #fff;
    top: 95px;
    transition: top 0.25s;
    transition-timing-function: ease-out;
    position: absolute;
}

.scroll-progress {
    width: 0px;
    height: 5px;
    background-color: #0070c0;
}

/* Main Menu Button  */
.waffle-white {
    /*position: fixed !important;
    top: 4px !important;*/
    /*left: 10px !important;*/
    /*left: -1px !important;*/
    /*z-index: 1000006;*/
    border-color: transparent !important;
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.tooltipMainMenu {
    visibility: hidden;
    width: 110px;
    text-align: center;
    border-radius: 0;
    padding: 5px 0;
    position: absolute;
    color: #000;
    z-index: 1000008;
    background-color: #fafafa;
    border: 1px solid #000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    top: 40px;
    left: 80%;
    transition-delay: 1s;
}

.waffle-white:hover {
    opacity: 1;
}

.waffle-white.is-active:hover {
    opacity: 1;
}

.waffle-white:hover {
    color: transparent !important;
    background-color: rgba(230, 230, 230, 0.2) !important;
    border-radius: 0px;
}

    .waffle-white:hover .tooltipMainMenu {
        visibility: visible;
    }

.waffle-white:hover {
    color: transparent !important;
    background-color: rgba(230, 230, 230, 0.2) !important;
    border-radius: 0px;
}

.waffle-white:focus {
    outline: none !important;
    outline: none -webkit-focus-ring-color !important;
    background-color: rgba(230, 230, 230, 0.2) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
}

.waffle-white.focus {
    outline: none !important;
    outline: none -webkit-focus-ring-color !important;
    background-color: rgba(230, 230, 230, 0.2) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
}

.waffle-icon-img-white {
    /*height: 25px;
    width: 25px;*/
    height: 22px;
    width: 22px;
}

.waffle-icon-img-black {
    /*height: 25px;
    width: 25px;*/
    height: 22px;
    width: 22px;
}

/* Main Menu Button Inside Modal */
.waffle-white-inside {
    position: fixed !important;
    top: 4px !important;
    /*left: 10px !important;*/
    left: 1px !important;
    z-index: 1000006;
    border-color: transparent !important;
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

    .waffle-white-inside:hover {
        opacity: 1;
    }

    .waffle-white-inside.is-active:hover {
        opacity: 1;
    }

    .waffle-white-inside:hover {
        color: transparent !important;
        background-color: rgba(230, 230, 230, 0.2) !important;
        border-radius: 0px;
    }

    .waffle-white-inside:focus {
        outline: none !important;
        outline: none -webkit-focus-ring-color !important;
        background-color: rgba(230, 230, 230, 0.2) !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0px;
    }

    .waffle-white-inside.focus {
        outline: none !important;
        outline: none -webkit-focus-ring-color !important;
        background-color: rgba(230, 230, 230, 0.2) !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0px;
    }

    .waffle-white-inside:hover {
        color: transparent !important;
        /*background-color: rgba(230, 230, 230, 0.2) !important;*/
        background-color: transparent !important;
        border-radius: 0px;
    }

    .waffle-white-inside:focus {
        outline: none !important;
        outline: none -webkit-focus-ring-color !important;
        /*background-color: rgba(230, 230, 230, 0.2) !important;*/
        background-color: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0px;
    }

    .waffle-white-inside.focus {
        outline: none !important;
        outline: none -webkit-focus-ring-color !important;
        /*background-color: rgba(230, 230, 230, 0.2) !important;*/
        background-color: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-radius: 0px;
    }

/* Page Actions Menu Button */
.hamburger-black {
    position: fixed !important;
    top: 55px !important;
    left: 12px !important;
    z-index: 99999;
    border-color: transparent !important;
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger-icon {
    width: 21px;
}

.tooltipPageActions {
    visibility: hidden;
    width: 80px;
    text-align: center;
    border-radius: 0;
    padding: 5px 2px;
    position: absolute;
    color: #000;
    z-index: 1000011;
    background-color: #fafafa;
    border: 1px solid #000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    top: 35px;
    left: 80%;
    transition-delay: 1s;
}


/*.hamburger-black:hover {
    opacity: 1;
}

.hamburger-black:hover .tooltipPageActions {
    visibility: visible;
}

.hamburger-black.is-active:hover {
    opacity: 1;
}

.hamburger-inner-black {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner-black {
    width: 27px;
    height: 3px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
}

.hamburger-inner-black::before {
    top: 8px;
}

.hamburger-inner-black::after {
    bottom: 8px;
}

.hamburger-black:hover {
    color: transparent !important;
    background-color: rgba(230, 230, 230, 0.2) !important;
    border-radius: 0px;
}

.hamburger-black:focus {
    outline: none !important;
    outline: none -webkit-focus-ring-color !important;
    background-color: rgba(230, 230, 230, 0.2) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
}

.hamburger-black.focus {
    outline: none !important;
    outline: none -webkit-focus-ring-color !important;
    background-color: rgba(230, 230, 230, 0.2) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
}

.hamburger-black:hover {
    color: transparent !important;
    background-color: transparent !important;
    border-radius: 0px;
}

.hamburger-black:focus {
    outline: none !important;
    outline: none -webkit-focus-ring-color !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
}

.hamburger-black.focus {
    outline: none !important;
    outline: none -webkit-focus-ring-color !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px;
}*/
/* Page Actions Menu Button Inside */
.hamburger-black-inside {
    position: fixed !important;
    top: -5px !important;
    left: 12px !important;
    z-index: 1000006;
    border-color: transparent !important;
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger-icon-inner {
    width: 21px;
}

.hamburger-black-inside:hover {
    opacity: 1;
}

.hamburger-black-inside.is-active:hover {
    opacity: 1;
}



.hamburger-inner-black-inside {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner-black-inside {
    width: 27px;
    height: 3px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
}

#buttonbtt {
    color: #767676;
    font-size: smaller;
    font-weight: bold;
    background-color: transparent;
    position: fixed;
    display: inline-flex;
    z-index: 98000;
    top: 70px;
    transition: top 0.25s;
    transition-timing-function: ease-out;
    right: 31px;
    cursor: pointer;
}

    #buttonbtt:hover {
    }

.up_arrow_btt {
    align-self: start;
    /*width: 10px;
    margin-top: 6px;
    margin-left: 3px;*/
    width: 14px;
    margin-top: 2px;
    margin-left: 6px;
}

/*Modals were here*/

@media (max-width: 1024px) and (min-width: 361px) {
    .rnvMorePopup {
        min-width: 10vw !important;
        max-width: 60vw;
    }
}

@media screen and (min-width:1001px) and (orientation:portrait), screen and (max-width:1500px) and (orientation:landscape) {
    .menuItem_MobileView {
        display: none;
    }
}

@media screen and (min-width:785px) and (orientation:portrait), screen and (max-width:1500px) and (orientation:landscape) {
    .EmployeeName {
        display: none;
    }

    /*.QuickSearch {
        width: 55% !important;
    }*/

    /*.menuItem_MobileView {
        display: block;
    }*/

    body {
        /*overflow-x: hidden;*/
    }
}


@media screen and (min-width:300px) and (orientation:portrait), screen and (max-width:1000px) and (orientation:landscape) {
    div .divHeader {
        /*height: 60px !important;*/
    }

    .RadGrid {
        /*width: 1000px !important;*/
    }

    .RadNavigation .rnvRootGroupWrapper {
        background-color: unset !important;
    }

    .RadNavigation .rnvRootGroupWrapper {
        border-style: unset !important;
        background-image: unset !important;
        background-image: none !important;
    }

    body {
        /*overflow-x: hidden;*/
    }

    div.divRightMenu {
        width: 100%;
        padding-left: 0;
        margin-top: 0px;
    }

    div.divLeftMenu {
        width: 100%;
        padding-right: 0;
        margin-top: 0px;
    }

    div.divSideMenuDockTitle {
        width: 85%;
    }

    div.divPage {
        width: calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: -webkit-calc(100% - 10px);
        /*margin-top: 0px;*/
    }

    /*div.divAppName {
        width: 100%;
        text-align: center;
    }

    div.divAppVersion {
        width: 100%;
        text-align: center;
    }*/

    .RadInput {
        width: 100% !important;
    }

    /*.RadDropDownList {
        width: 100% !importantF
    }

    .RadComboBox {
        width: 100% !important;
    }*/

    .RadAutoCompleteBox {
        width: 100% !important;
    }

    .RadPicker {
        width: 100% !important;
    }

    .tbPreviewSize {
        width: 35px !important;
        margin: 5px 0 5px 10px !important;
    }

    .RadEditor {
        width: 99% !important;
    }

    .RadSlider {
        padding-left: 5px !important;
    }

    label.riLabel {
        width: 100% !important;
        padding: 0px !important;
        padding: 0px 5px 5px 0px !important;
        display: inline-block !important;
        float: inherit !important;
    }

    div.csFieldSetTextBox {
        width: 100% !important;
        padding: 0px !important;
        padding-top: 7px !important;
        padding-left: 0px !important;
        display: inline-block !important;
    }

    div.csFieldSetTextArea {
        width: 100% !important;
        padding: 0px !important;
        padding-top: 7px !important;
        padding-left: 0px !important;
        display: inline-block !important;
        float: inherit !important;
    }

    label.riLabel.editLabel a {
        display: inline !important;
        visibility: visible !important;
    }

    .CSSMobileBody {
        display: flex;
        flex-direction: column;
    }

    .CSSMobileLeftMenu {
        order: 2;
        display: block !important;
    }

    .CSSMobileRightMenu {
        order: 2;
        display: block !important;
    }

    .CSSMobilePageContent {
        order: 1;
    }

    .TMTMFloatLeftMenu {
        float: left;
        clear: both;
        z-index: 999999;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .TMTMFloatLeftSmallMenu {
        display: none !important;
    }

    .TMTMLeftMenuToolbarHeading {
        display: none !important;
    }

    .TMTMFloatRightSmallMenu {
        display: none !important;
    }

    .TMTMRightMenuToolbarHeading {
        display: none !important;
    }

    /*.lblClientHeader {
        display: none;
    }*/

    .EmployeeName {
        display: none;
    }

    /*.QuickSearch {
            float: left;
             height: 10px !important;
        }*/

    .divClientHeader {
        /*height: 45px !important;*/
    }

    .menuItem_MobileView {
        display: block;
    }

    .dropdown {
        padding-left: 5px;
        padding-right: 5px;
        float: right;
        left: 20px;
        top: -28px !important;
    }

    /*.divStandardMenu {
        background-color: rgba(0,0,0,0.0) !important;
        width: 50px;
        position: absolute;
        top: 0px;
        height: 60px;
    }

    .rnvMore {
        background: rgba(0,0,0,0.0) !important;
        border-color: rgba(0,0,0,0.0) !important;
    }

    .RadNavigation .rnvRootGroupWrapper {
        border: none !important;
        background-color: rgba(0,0,0,0.0) !important;
    }

    .RadNavigation .rnvHovered .rnvMore {
        border: none;
        border-color: unset !important;
        background-color: rgba(0,0,0,0.0) !important;
    }

    .RadNavigation .rnvMore {
        color: #fff;
    }

        .RadNavigation .rnvMore:before {
            float: left !important;
            content: "" !important;
            background-image: url(images/CleanIcons/menu.png);
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
            width: 20px !important;
            height: 20px !important;
            left: 10px !important;
        }

    .rnvMoreNodes {
        right: auto !important;
        left: 10px !important;
    }*/

    .thClientHeader {
        /*display: block !important;*/
    }

    .rcbSlide {
        z-index: 999999999 !important;
    }

    .imgUserMenu {
        /*right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding: 0px !important;*/
    }

        .imgUserMenu:hover {
            /*background-color: rgba(230, 230, 230, 0.2);*/
        }

    .thQuickSearch {
        /*position: relative;
        top: -5px;
        left: 0px;
        width: 100%;
        padding-top: 8px;
        margin-left: 15px;*/
    }

    .rnvUL .rnvItem .rnvRootLink .RadComboBox_Bootstrap {
        width: 100% !important;
    }

    /*.announcementdropdown-content {
        left: 100px;
        min-width: 300px;
    }

    .alertsdropdown {
        width: 45px;
    }

    .alertsdropdown-content {
        max-width: 230px;
        left: 100px;
        min-width: unset;
    }

    .messagesdropdown-content {
        left: -330px;
    }*/

    .TileTable {
        height: 120px !important;
        width: 90% !important;
        float: unset;
        margin-top: 10px;
        margin-bottom: 10px;
        box-shadow: 5px 4px 4px 0 rgba(0,0,0,0.1);
        transition: 0.1s;
        border-radius: 10px;
        cursor: pointer;
    }

    /*.header-container-progress {
        height: 65px;
        margin-top: 30px;
    }

    .scroll-progress-container {
        top: 65px;
    }*/

    .txtQuickSearchInHeader {
        /*height: 12px !important;*/
    }

    .QuickSearch {
        /*margin-bottom: 0;*/
    }

    /*.HeaderIconFocusMessaging {
        display: block;
    }

    .HeaderIconFocusShopping {
        display: none;
    }*/
    /*TFS 7803 1/8/25 - checkbox label style*/
    label.labelFocusCheck {
        padding-left: 20px !important;
    }
}

@media screen and (min-width:300px) and (orientation:portrait), screen and (max-width:999px) and (orientation:landscape) {
    .btnQuickSearchInHeader {
        /*position: relative;
        top: 4px;
        right: 50px;*/
    }
}

@media screen and (min-width:601px) and (orientation:portrait), screen and (max-width:1000px) and (orientation:landscape) {
    .header-container-progress {
        /*height: 58px;
        margin-top: 30px;*/
    }

    .scroll-progress-container {
        /*top: 58px;*/
    }

    div.divPageBreadcrumb {
        /*top: 68px;
        left: 10%;
        font-size: smaller;*/
    }
}


@media screen and (min-width:300px) and (orientation:portrait), screen and (max-width:600px) and (orientation:landscape) {
    .header-container-progress {
        /*height: 55px;
        margin-top: 30px;*/
    }

    .scroll-progress-container {
        /*top: 55px;*/
    }

    div.divPageBreadcrumb {
        /*top: 70px;
        left: 15%;
        font-size: x-small;*/
    }
}


@media screen and (min-width:503px) and (orientation:portrait), screen and (max-width:1000px) and (orientation:landscape) {
    .QuickSearchWrapper {
        /*left: 5%;*/
    }

    .QuickSearch {
        /*height: 10px !important;
        margin-right: 50px;
        height: 18px !important;*/
    }

    .btnQuickSearchInHeader {
        /*position: relative;
        top: 6px;
        right: 75px;*/
    }
}

@media screen and (min-width:300px) and (orientation:portrait), screen and (max-width:502px) and (orientation:landscape) {
    .headerIcon {
        /*height: 18px !important;*/
    }

    .HeaderIconFocus {
        /*padding-left: 0px;*/
    }

    .QuickSearch {
        /*height: 18px !important;
        margin-right: 80px;
        width: 65% !important;*/
    }

    .btnQuickSearchInHeader {
        /*position: relative;
        top: 6px;
        right: 105px;*/
    }

    /*  #buttonbtt {
        right: 18px;
    }*/
}

@media screen and (min-width:300px) and (orientation:portrait), screen and (max-width:400px) and (orientation:landscape) {
    /*.announcementdropdown-content {
        left: -5px;
        min-width: 300px;
    }

    .alertsdropdown-content {
        max-width: 230px;
        left: -40px;
        min-width: 330px;
    }*/
}

@media screen and (min-width:300px) and (orientation:portrait), screen and (max-width:370px) and (orientation:landscape) {
    .QuickSearch {
        /*width: 65% !important;*/
    }
}

@media screen and (min-width:160px) and (orientation:portrait), screen and (max-width:1000px) and (orientation:landscape) {
    /*  #buttonbtt {
        font-size: 0px !important;
        top: 67px;
    }

        #buttonbtt:hover {
            border-bottom: none;
        }*/
}


/* Top blue bar fix for external monitor in portrait mode. */
@media screen and (min-width:800px) and (max-width:1824px) and (orientation:portrait) {

    .HeaderIconFocusMessaging {
        /*display: block;*/
    }

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

    .dropbtn {
        /*height: 18px !important;*/
    }

    #buttonbtt {
        /*top: 65px;*/
    }

    div.divPage {
        /*margin-top: 65px !important;*/
    }

    .lblClientHeader {
        /*min-height: 40px;*/
    }
}