/* 1.  level class that holds all the tiles  margin: 30px 0 50px 50px;*/
.MenuTiles {
    padding: 0;
    margin: 30px 0 50px 50px;
}

.RadTile.RadImageAndTextTile .rtileTopContent {


}
.rtileContent {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    /*height: 100%;  Needed if you want vertical centering */
    text-align: center; /* Optional: center text */
}

    /* 2.  the vertical column of tiles - 4 per page */
    .MenuTiles .RadTileList .rtlistWrapper {
        width: 200px; /* spacing between columns */
        padding: 10px;
        background-color: white;
        /*border: 5px solid yellow;*/
    }

    /* 3. Set the dimensions of the photo */
    /*width: 180px; height: 180px;*/
    .MenuTiles .RadTile .rtileContentImage {
        width: 120px;
        height: 120px;
        border: 1px solid white !important;
        /*border: 5px solid green !important;*/
    }

        .MenuTiles .RadTile .rtileContentImage:hover {
            border: 1px solid #666 !important;
            cursor: pointer !important;
        }

/* 4. put transparent so you can put a grey line on hover */
.RadTile.rtileSquare {
    background-color: white;
    margin: 0 0 20px 0 !important;
    overflow: visible !important;
}

.MenuTiles .RadTile .rtileTitle {
    font-size: 18px;
    line-height: 18px;
    font-family: "Open Sans";
    color: #666;
    width: 152px;
    text-align: center;
    top: 137px;
    height: 40px;
    /* top: 187px;;push text on down from where it originated */
    /* border: 5px solid pink !important;*/
    margin-left: 7px;
}

.RadTile .rtileTopContent {
    background-color: white;
}



.orderingTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/ShoppingCart-Icon1-200px.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.csrTile .rtileContentImage {
/*    background-image: url('Images/Icons/HomepageIcons/CustomerService.png');*/
    background-image: url('images/icons/medline/customeradministration.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.SystemConfigurationTile .rtileContentImage {
  /*  background-image: url('Images/Icons/HomepageIcons/ConfigIcon-180x180.png');*/
    background-image: url('images/icons/medline/systemconfig.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.UserConfigurationTile .rtileContentImage {
/*    background-image: url('Images/Icons/HomepageIcons/UserIcon-0052CC-180x180.png');*/
    background-image: url('images/icons/medline/usermgmt.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.MyAcctsTile .rtileContentImage {
    background-image: url('images/icons/medline/accountdetails.png');
/*    background-image: url('Images/Icons/HomepageIcons/Accounts.png');*/
    background-size: cover;
    background-repeat: no-repeat;
}

.deviceMgmtTile .rtileContentImage {
    /*    background-image: url('Images/Icons/HomepageIcons/DeviceManagement.png');*/
    background-image: url('images/icons/medline/devicemgmt.png');
    /*background-size: cover;*/
    background-size: contain;  /* for images that get truncated use contain instead of cover */
    background-repeat: no-repeat;
    background-position: left center !important;
}

.dashboardTile .rtileContentImage {
/*    background-image: url('Images/Icons/HomepageIcons/Dashboard.png');*/
    background-image: url('images/icons/medline/dashboard.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboardConfigTile .rtileContentImage {
    /* background-image: url('Images/Icons/HomepageIcons/Dashboard.png');*/
    background-image: url('images/icons/medline/dashboard.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.accountDetailsTile .rtileContentImage {
  /*  background-image: url('Images/Icons/HomepageIcons/Accounts.png');*/
    background-image: url('images/icons/medline/accountdetails.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.renewalProductsTile .rtileContentImage {
    /*    background-image: url('Images/Icons/HomepageIcons/Catalog.png');*/
    background-image: url('images/icons/medline/renewalproducts.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.reportsTile .rtileContentImage {
/*    background-image: url('Images/Icons/HomepageIcons/Reports.png');*/
    background-image: url('images/icons/medline/reports.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.salesRepTile .rtileContentImage {
/*    background-image: url('Images/Icons/HomepageIcons/SalesTeam.png');*/
    background-image: url('images/icons/medline/salesteam.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.fieldServicesTile .rtileContentImage {
    background-image: url('Images/Icons/fieldservices.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.fieldServicesTile .rtileContentImage {
    background-image: url('Images/Icons/fieldservices.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.complianceTile .rtileContentImage {
/*    background-image: url('Images/Icons/compliance.png');*/
    background-image: url('images/icons/medline/contractcompliance.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.IFUDocManagementTile .rtileContentImage {
/*    background-image: url('Images/Icons/HomepageIcons/IFU.png');*/
    background-image: url('images/icons/medline/ifu.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.ContactUsTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/ContactUsIcon-Phone1-180px.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.scaTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/sca2.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.SqlReportsTile2 .rtileContentImage {
/*    background-image: url('Images/Icons/HomepageIcons/SQLReports.png');
*/    background-image: url('images/icons/medline/sqlreports.png');
    background-size: cover;
    background-repeat: no-repeat;
}


.ComplianceDocsTile .rtileContentImage {
   /* background-image: url('Images/Icons/HomepageIcons/Compliance.png');*/
    background-image: url('images/icons/medline/compliancedocs.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.IfuTile .rtileContentImage {
/*    background-image: url('Images/Icons/HomepageIcons/IFU.png');*/
    background-image: url('images/icons/medline/ifus.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.IfuManagementTile .rtileContentImage {
  /*  background-image: url('Images/Icons/HomepageIcons/IFU.png');*/
    background-image: url('images/icons/medline/ifus.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.VideoTourTile .rtileContentImage {
/*    background-image: url('Images/Icons/HomepageIcons/Tour.png');*/
    background-image: url('images/icons/medline/videotour.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.ReportsTile .rtileContentImage {
/*    background-image: url('Images/Icons/HomepageIcons/ReportsIcon1-180px.png');*/
    background-image: url('images/icons/medline/reports.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.salesReportTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/DollarSignIcon.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.SavingsReportTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/SavingsReportIcon.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.ContributionTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/ReprocessingIcon5-0052CC-180px.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.ReprocessingTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/ReprocessingIcon3.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.LightswitchTile .rtileContentImage {
    background-image: url('images/icons/medline/lightswitch.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.sales .rtileContentImage {
    background-image: url('images/icons/medline/salesteam.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.resourcesTile .rtileContentImage {
    background-image: url('images/icons/medline/rssresources.png');
    background-size: cover;
    background-repeat: no-repeat;
}


.productSupportTile .rtileContentImage {
    background-image: url('Images/Icons/HomepageIcons/NetworkFolder.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.rssResourcesTile .rtileContentImage {
    background-image: url('images/icons/medline/rssresources.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.rssExcelTile .rtileContentImage {
    background-image: url('images/icons/medline/valuereports.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.rssFacMgmtTile .rtileContentImage {
    background-image: url('images/icons/medline/facilitymapping.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.itemFileUsageMgmtTile .rtileContentImage {
    background-image: url('images/icons/medline/itemfileusage.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.availInventoryUsageMgmtTile .rtileContentImage {
    background-size: cover;
    background-image: url('images/icons/medline/epintentory.png');
    background-repeat: no-repeat;
}

.scopeRepairTile .rtileContentImage {
    background-image: url('images/icons/medline/scoperepair.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.MmisItemsLoadTile .rtileContentImage {
    background-image: url('images/icons/medline/mmisitemsload.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.FacSysPropsTile .rtileContentImage {
    background-image: url('images/icons/medline/facilitysystemsprops.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.oemTile .rtileContentImage {
    background-image: url('images/icons/medline/oempricemgmt.png');
    background-size: cover;
    background-repeat: no-repeat;
}