:root {
    --zoomFactor: 1;
    --DefaultFontColor: #2d2e71;
}

html {
    zoom: var(--zoomFactor);
}

head
{
    font-family:Segoe UI;
}

body {
    white-space: normal;
    /*font-size:small;
    font-family:Segoe UI !important;*/
}

::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
    height: 16px;
}

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track:vertical {
    background-color: #e8eef1;
    width: 2px;
    height: 2px;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
}

::-webkit-scrollbar-track:horizontal {
    background-color: #e8eef1;
    width: 2px;
    height: 2px;
    border-top: 8px solid #fff;
    border-bottom: 8px solid #fff;
}

/* scrollbar itself */
::-webkit-scrollbar-thumb {
    background-color: #7acccf;
    border-radius: 5px;
    /*border: 4px solid #fff*/
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
}

::-webkit-scrollbar-thumb:horizontal {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #7acccf;
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
    display: none;
}

html,
body,
form
{
	height:100%; /*all except IE6*/
	margin:0;
	padding:0;    
}

.breadcrumb
{
    font-size: 13px;
    font-family: Segoe UI;
    font-style:italic;
    padding: 6px;
}

.toolbar
{
    font-size: 13px;
    font-family: Segoe UI;
    padding: 6px;
 
}

.pageView
{
    border: 1px solid #898c95;
    margin-top: -1px;
}

.item, .alternatingItem
{
   float: left;
   padding: 0px;
   padding-left: 4px;
   margin: 0px;
   width: 233px;
   height: 210px;
   border-right: 1px solid threedshadow;
   border-bottom: 1px solid threedshadow;
   font-family: Segoe UI;
}

.item
{
   background: window !important;
}
.alternatingItem
{
   background: window !important;
}
.item:hover 
{
   background: whitesmoke !important;
}

.alternatingItem:hover
{
   background: whitesmoke !important;
}

.tapNormal
{
    color: inherit !important;
}

.tapHighlight
{
    color: Orange !important;
}

.btnDisable .rbPrimaryIcon
{
    background: url('~/pictures/loading2.gif') !important;
}

hr
{
    border: 1px solid #e5e5e5;
    border-bottom-style: none;
}
        
/* Generic RadTreeNode 
.TreeNode 
{ 
	font-family: Segoe UI;
	font-size: 8pt; 
	color: black;	
	padding-left: 3px;
	text-decoration: none;	
	vertical-align:middle;
}
*/

/*Page layout (new PAX style) Adjust the width of SoftwareCentral*/
.page
{
    height: 100%;
    width: 100%;
    min-width: 1366px;
    min-height: 900px;
    background-color: #fff;
    border: 0px none #aaaaaa;
}

.mobilePage
{
    width: 90%;
    background-color: #fff;
    margin: 20px auto 0px auto;
    padding-bottom: 12px;
    border: 0px none #aaaaaa;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

div.hideSkiplink
{
    background-color:#25a0da;
    width:100%;
}

.blueBackground {
    background-color: #7acccf;
}

.infobar
{
    border-bottom: 1px solid #cdcdcd;
    padding-left: 9px;
    padding-right: 9px;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    height: 100px;
    /*width: 100%;*/
}

.headerLogoWithNoMenu {
    background-color: #383d6b;
    width: calc(300px - 47px);
    height: calc(100px - 30px);
    padding: 30px 0 0 47px;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #666666;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.border
{
    border: 1px solid #e5e5e5;
}

.main {
    padding: 0px 0px;
    height: calc(100% - 140px);
    /*min-height: 200px;*/
}

.contentPadding
{
    padding: 0px 10px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    width: 100%;
    height: 40px;
}


.footerBlue {
    width: 300px;
    height: 100%;
    background-color: #37425B;
}

.footerBelowContent {
    width: calc(100% - 615px);
    /*border-top: 1px solid #b1cce3;*/
    background-color: #e8eef1;
}

.footerRightSpacer {
    width: 15px;
    background-color: #e8eef1;
}

.footerRightSpacerNoRightSideMenu {
    width: 15px;
    border-top: 1px solid #b1cce3;
}

.footerRight {
    width: 300px;
    /*border-top: 1px solid #b1cce3;*/
    background-color: #e8eef1;
}
.footerButton {
    width: 40px;
    height: 40px;
    border-right: 2px solid #383d6b;
}


.footerButton:hover
{
    cursor: pointer;
    background-color: #535f8d;
}

.footerRadButtonHover
{
    background-color: transparent !important;
}

/*End PAX style*/

/*Content Page Styles*/

/*Content Page Layout*/

.contentPageWrapper
{
    width: 100%;
    height: 100%;
    min-height: 500px;
}

/*Top menu*/

.contentMenuTopDiv {
    width: 100%;
    position: fixed;
    text-align: right;
    margin-top: 20px;
    z-index: 90;
    margin-left: -15px;
}

.topMenuLeftRight
{
    
}

.interfaceName
{
    display: none !important;
}

.topMenuSpacer
{
    
}

.topMenuSpacerRemoveRightBorder
{
    border-right-style: none !important;
}

/*RadComboBoxSite*/
.siteSelector .rcbInputCell
{
    width: 200px !important;
}

/*Top menu end*/

.divTable
{
    display: table;
}

.divTableRow
{
    display: table-row;
}

.divTableCell
{
    display: table-cell;
    vertical-align: top;
}

.divTableCellWithCenteredContent 
{
    display: table-cell;
    vertical-align: middle;
}

.divTableCellSplit {
    display: table-cell;
    width: 2px;
}

.divTableSplit
{
    display: table-cell;
    width: 2px;
}

.divTableRowSpacer
{
    display: table-row;
    height:5px;
}

.defaultBorder
{
    border: 1px solid #e5e5e5;
}

.sideMenu {
    width: 280px;
    /*width: 22%;*/
    height: 100%;
    padding: 10px 10px 0px 10px;
    background-color: #37426f;
    position: relative;
    border: none !important;
}


.leftSideMenu {
    width: 255px;
    height: 100%;
    padding: 33px 10px 0px 35px;
    background-color: #37426f;
    background: linear-gradient(-1deg, #37425B, #383d6b);
    position: relative;
    border: none !important;
    color: #ffffff !important;
}

.leftSideMenu .defaultFont
{
    color: #ffffff !important;
}

@media only screen and (max-height: 899px) {
    .rightSideMenu {
        border-right-style: none !important;
    }
}

.rightSideMenu {
    width: 255px;
    max-width: 255px;
    height: calc(100% - 70px);
    padding: 10px 10px 0px 35px;
    /*padding: 10px 10px 0px 20px;*/
    position: relative;
    border: none;
    border-left: none;
    border-top: 70px solid #e8eef1;
    border-right: 15px solid #e8eef1;
    color: var(--DefaultFontColor) !important;
}

.rightSideMenuWithTallTopBorder {
    border-top-width: 105px !important;
}

.contentCentralDiv {
    height: 100%;
    margin: 0px 2px 0px 2px;
    border-top-style: none !important;
    border-right: 15px solid #e8eef1;
    border-bottom-style: none !important;
    border-left: 15px solid #e8eef1;
    /*overflow-x: auto;*/
}

/*If there is content above a grid in the "contentCentralDiv", place this div around the content.*/
.contentAboveGrid {
    border-style: none;
    border-width: 0px;
    width: 100%;
    background-color: #ffffff;
}

/*.headerContentInRightMenu {
    border-bottom: 1px solid #b1cce3;
    margin-left: -20px;
    margin-right: -10px;
    padding-left: 20px;
}*/

.headerContentInRightMenu {
    border-bottom: 1px solid #b1cce3;
    margin-left: -35px;
    margin-right: -10px;
    padding-left: 35px;
}

.headerContentInRightMenuWithoutBorder {
    margin-left: -35px;
    margin-right: -10px;
    padding-left: 35px;
}

.centralTitle {
    width: calc(100% - 35px);
    height: 70px;
    line-height: 70px;
    padding-left: 35px;
    background-color: #e8eef1;
    color: var(--DefaultFontColor);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

.centralTitleNoMenu {
    margin-top: -100px;
    margin-left: -15px;
    padding-left: calc(35px + 15px) !important;
    padding-right: 15px;
    position: relative;
    height: 100px;
    line-height: 100px;
}

.contentCentralRadGrid
{
    border-style: none !important;
    /*border-top-style: none !important;*/
}

.contentCentralRadGrid .rgHeaderWrapper .rgHeaderDiv
{
    border-right-style: none !important;
    /*height: auto !important;*/
}

.contentCentralRadGrid td.rgPagerCell
{
    border-style: none !important;
}

/*Style for selected rows in grid*/
div.contentCentralRadGrid .rgSelectedRow {
    background: None;
    color: var(--DefaultFontColor) !important;
}

div.contentCentralRadGridSelect .rgSelectedRow {
    background: #7acccf !important;
    color: var(--DefaultFontColor) !important;
}


/*div.contentCentralRadGrid .rgAltRow
{
    background: #F2F2F2;
    color:Black !important;
     
}*/
.contentCentralRadGrid .rgSelectedRow td, .RadGrid_Default .rgSelectedRow td.rgSorted
{
    border-bottom-color:White !important;
}

.contentCentralRadGrid .rgSelectedRow > td 
{
    border-color: #ededed !important;
}

.RadGrid_Metro .rgSelectedCell a, .RadGrid_Metro .rgSelectedRow a
{
    color: black !important;
}
/*End styles for selected rows in grid*/

/*.contentCentralRadGrid .rgMasterTable .rgSelectedCell, .contentCentralRadGrid .rgSelectedRow rgAltRow
{
    background: #EDEDED !important;
}*/
/*Hides the page number when scrolling in radgrids*/
/*.GridToolTip_Metro
{
    display:none !important;
}*/

.contentPanelBar
{
    width: 100% !important;
    
}

/*Adjust the height of SoftwareCentral (the content part - the menu is fixed)*/
.contentSize
{
    width: 100%;
    min-height: 500px;
    height: 100%;
}

.contentSize > .divTableSplit
{
    display: none !important;
}

.menuHeaderText {
    font-family: 'Segoe UI';
    /*font-weight: 700;*/
    font-size: 10pt;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: #808080;
    display: none;
}

.menuSpacer
{
    margin-top: 40px;
}

.autoCompleteBoxSearch, .leftMenuItem, .rightMenuItem
{
    height: 25px !important;
    width: 230px !important;/*232px !important;*/
    cursor:text !important;
}

.RadAutoCompleteBox .racToken {
    white-space: pre-wrap !important;
    max-width: 90% !important;
}
.menuItemWidth, .menuItemWidth .rbDecorated, .autoCompleteBoxSearch .rbDecorated {
    width: 230px !important;
}

.autoCompleteBoxSearchCustomWith
{
    height: 40px !important;
    cursor:text !important;
}

/*Got specific Edge style*/
.buttonSearch
{
    border: 0px none #ffffff !important;
    background-color: #ffffff !important;
    margin: 2px 0px 0px -32px;
    height: 24px !important;
    /*height: 23px !important;*/
}

.buttonSearch .rbDecorated,
.buttonSearch .rbHovered .rbDecorated
{
    background-color: #ffffff !important;
}

#online, #offline, #online2, #TargetDeviceOnline, #offline2, #TargetDeviceOffline {
    margin-left: -40px;
    margin-top: 5px;
}

#loading, #loading2, #TargetDeviceLoading {
    margin-left: -50px;
    margin-top: 7px !important;
}

.instructionsDiv {
    display: none;
    /*margin-top: 40px;
    display: table;
    font-size: 9pt;*/
}

/*.rgDataDiv
{
    border-style: none !important;
}*/

.inputFilter /*input[type=text]*/ {
    border: 1px solid #8bb3d6 !important;
    height: 26px !important;
    width: 226px;
    color: var(--DefaultFontColor) !important;
    padding-left: 5px;
}

.inputFilter:focus, .inputFilter:hover {
    border: 1px solid #7acccf !important;
}

.instructionsDiv a
{
    text-decoration: none;
    color: Black;
}

.instructionsDiv img
{
    vertical-align:middle;
}

.divCommitButton {
    width: 270px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 40px 15px;
}

.divCommitButton .divTable
{
    width: 100%;
    text-align: center;
}


/*End Content Page Layout*/

/*End Content Page Styles*/

/*Footer*/
.LicenseWarning
{
    width: 100%;
    height: 38px;
    line-height: 38px;
    background-color: red;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 900;
    font-size: 14pt;
    color: #ffffff;
}

.notificationList .rlbGroup
{
    border: 0px none #ffffff !important;
}

/*End Footer*/

.radWindowHideIcon .rwIcon
{
    display: none !important;
}

.divLoadingWindow
{
    vertical-align: middle;
    width:100%; 
    height:100%; 
    background-color:#e8eef1;
}

#mainTable
{
    width:1150px;
}

.tableUserControl
{
    width: 100%; 
    height:100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.importantText
{
    font-weight: 600;
    font-size: 14px;
}

/* The old license < 2011 */
.LicenseDiv
{
    width:1150px;
    color:Red;
    text-align:center;
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px;
    padding-top:3px;
    padding-bottom:3px;
}

/*.WelcomeDiv
{
    width: 100%;
    min-height: 550px;
    position: relative;
}

.welcomeInnerDiv
{
    margin: 0 auto;
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%,-50%);
}*/

.welcomeInnerDiv {
    text-align: center;
    width: 100%;
    height: calc(100% - 70px);
}

/* PANELS */

/* Top Spacer Strip, including Site Combo */
#spacerStrip
{
    float: none;
    font-size: x-small;
    text-align: center;
}

#spacerStrip .InterfaceName
{
    width:232px;
    font-family: Segoe UI;
    font-weight: bold;
    font-size: x-small;
    margin-left:12px;
    color:#555555;
}

#spacerStrip .SiteDiv
{
    width:232px;
    font-family: Segoe UI;
    font-weight: bold;
    margin-left:12px;
}

/* Sidebars*/
#sideBarLeft, #sideBarRight
{
   
    border-style: none;
    vertical-align: top;
    border-width: 0px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
    width: 250px; 
    float: none;
    max-height: 500px; 
}

#sideBarLeft .SideBarText, #sideBarRight .SideBarText
{
    margin-left:12px;
    font-weight:normal;
    width:200px;
}

#sideBarLeft .SideBarCombo, #sideBarRight .SideBarCombo
{
    width:200px;
}

#sideBarLeft .SideBarTextBox, #sideBarRight .SideBarTextBox
{
    width:200px;
}

#sideBarLeft .HowToDiv
{
    font-family: Segoe UI;
    font-weight: normal;
    font-size: small;
}

#sideBarLeft .SideBarHeader, #sideBarRight .SideBarHeader
{
     white-space:normal;
    font-family: 'Segoe UI';
    font-weight:bold;
}

#sideBarLeft .HowToHeader, #sideBarRight .HowToHeader
{
    font-weight:bold;
}

/*#sideBarLeft .HowToHeader, #sideBarRight .HowToIcon
{
    font-weight:bold;
}*/

.HowToIcon
{
    display: none;
}

.InstructionsIcon
{
    vertical-align:middle; 
    
}

#sideBarLeft .SideBarList, #sideBarRight .SideBarList
{
    line-height:35px;
}

#sideBarLeft .SideBarTip, #sideBarRight .SideBarTip
{
    font-style:italic;
    font-weight:normal;
}

#sideBarLeft .RadListBox .rlbText, #sideBarRight .RadListBox .rlbText
{
    line-height:18px;
    text-indent:12px;
}

#sideBarLeft div div div div ul li fieldset, #sideBarRight div div div div ul li fieldset
{
    margin-left:0px;
}

#sideBarLeft div div div div ul li hr, #sideBarRight div div div div ul li hr
{
    width:200px;
    margin-left:-2px;
}

.sideBarHeader span
{
    font-family: Segoe UI;
    font-weight: bold;
    font-size: 11px;
    padding-left:18px;
    color: #555555 !important;
}

#howToHeader
{
    padding-bottom:20px; 
    font-weight:bold;   
}

.sideBarSeparator
{
    margin-left: 10px;
}

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

.sideBarBasketTree
{
}

.sideBarBasketTree UL LI UL LI DIV, .sideBarBasketTree  UL LI UL LI DIV, .sideBarBasketTree  UL LI UL LI DIV
{
    max-height:16px;
    padding-left: 0px;
    text-indent: -20px;
    margin-left: 0px;
}

.sideBarBasketTree UL LI, .sideBarBasketTree  UL LI, .sideBarBasketTree  UL LI
{
    padding-bottom:15px;
    font-weight:bolder;
}

.sideBarBasketTree UL LI UL LI, .sideBarBasketTree  UL LI UL LI, .sideBarBasketTree  UL LI UL LI
{
    padding-bottom:0px;
    line-height:20px;
    font-weight:normal;
    color:Gray;
}

.sideBarTree .rtUL
{
   margin-top: 5px;
   line-height:16px;
}
.sideBarTree .rtLast
{
   padding-bottom: 0; /* prevent double-spacing */
}        
.sideBarTree .rtFirst
{
   padding-left: 0px;
}

.sideBarTree img[class='8'] 
{ 
    visibility: hidden !important; 
} 
 
.sideBarTree div > img:first-child 
{ 
    display: none !important; 
} 

/* CentralPanel */
#centralPanel
{
    border-style: none; 
    vertical-align: top;
    border-width: 1px; 
    border-color: #CCCCCC; 
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left:auto;
    margin-right:auto; 
    float: none; 
    width: 646px;
    max-height: 500px;
}

#centralPanel .CentralPanelHeader
{
    /*padding-left:0px;
    font-weight:bold;
    color:#555555;*/
}

#centralPanel .TreePanelHeader
{
    padding-left:30px;
    font-weight:bold;
    color:#555555;
}

#centralPanel .SettingsHeader
{
    padding-left:10px;
    font-weight:bold;
    color:#555555;
    border-style:none;
}

#centralPanel .CentralPanelDivBordered
{
    border-right: solid 1px #EEEEEE; 
    border-top: solid 1px #EEEEEE; 
    border-bottom: solid 1px #AAAAAA; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
    width: 646px;
    min-height: 500px; 
    max-height: 500px; 
    overflow:auto;
}

#centralPanel .CentralPanelDiv
{
    max-height: 500px; 
    width: 646px; 
    overflow: auto; 
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

#centralPanel .PackageTreeDiv
{
    text-align:left; 
    margin-left:0px; 
    margin-top:0px;    
    margin-bottom:10px;    
}

#centralPanel .PackageTreeAddNode
{
    color:#006600;
    vertical-align:middle;
}

#centralPanel .PackageTreeRemoveNode
{
    color:Maroon;
    vertical-align:middle;
}

#centralPanel .PackageTreeNormalNode
{
    color:Black;
    vertical-align:middle;
}

#centralPanel .PackageTreeNonDirectNode
{
    color:#777777;
    vertical-align:middle;
}

.LabelXSmall
{
    /*font-weight:normal !important;
    font-size:x-small !important;
    font-family:Segoe UI !important;*/
}

.LabelXSmallBold
{
    font-weight:bold;
    /*font-size:x-small;
    font-family:Segoe UI;*/
}
#centralPanel .LabelSmall
{
    font-weight:normal;
    font-size:small;
    font-family:Segoe UI;
}

#centralPanel .Smaller
{
    font-weight:normal;
    font-size:smaller;
    font-family:Segoe UI;
}

#centralPanel .DeletedNode
{
    font-weight:bold;
    background-color:#DDFFFF;
}

#centralPanel .SmallerBold
{
    font-weight:bold;
    font-size:smaller;
    font-family:Segoe UI;
}

#centralPanel .ToolBar
{
    float: none; 
    text-align: left; 
    vertical-align: middle;
    width: 648px; 
    border: none; 
    padding: 0 0 0 0; 
    margin: 0 0 0 0;
}

#centralPanel .TabTitle
{
    color:#555555;
    font-weight:bold;
}

.panelItemDiv
{
    float:left; 
    padding:0 0 0 0; 
    margin-top:10px; 
    margin-bottom:0px; 
    margin-right:0px; 
    text-align:left;
}

.NeutralDiv
{
    padding:0 0 0 0; 
    margin:0 0 0 0; 
}

.ErrorDiv
{
    margin-left:25px;
    margin-top:5px; 
    margin-right:5px; 
    margin-bottom:5px; 
    border-color: #8B0000; 
    border-style: solid; 
    border-width: 1px; 
    text-align: center;
}

.controlDescription
{
    font-weight:normal;
    font-size:small;
    font-family:Segoe UI;
}

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

.fullWidth
{
    width: 100%;
}

.fullHeight {
    height: 100%;
}

.fullHeightMinus70px {
    height: calc(100% - 70px) !important;
}

table.NoCellSpacing
{
    border-spacing: 0;
    border-collapse: collapse;
}

.defaultFont {
    font-family: Segoe UI;
    font-size: 12px;
    color: var(--DefaultFontColor);
}

.defaultWhiteFont {
    font-family: Segoe UI;
    font-size: 12px;
    color: #fff !important;
}

.lineHeight
{
    line-height: 30px;
}


/*To use this style, you must explicitly set the heigth and width of the object you wist to center on the screen*/
.centerOnPage
{
    margin: auto; 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0;
}

.LoadingPanel
{
    position:absolute; 
    top:0; 
    left:0; 
    z-index:50000; 
    width:100%; 
    height:100%; 
    margin:0; 
    padding:0;
}

.loadingIconDiv
{
    width: 43px;
    height: 11px;
}

.centerTable
{
    margin: 0 auto;
}

.leftAllign
{
    width: 100%;
    text-align: left;
}

.rightAllign
{
    width: 100%;
    text-align: right;
}

.windowWrapper
{
    border: 1px solid #cdcdcd;
    height: 100%;
    margin-top: 10px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.divUnderTabStrip
{
    margin-top: 0px !important;
    border-top-style: none !important;
}

.ContentWrapper
{
    border: 1px solid #e5e5e5;
}

.lowerRightCorner
{
    position:fixed; 
    bottom:0; 
    right:0;
}

.lowerLeftCorner
{
    position:fixed; 
    bottom:0; 
    left:0;
}

.notificationPopup
{
    z-index: 100000 !important;
}

.LabelError
{
    color: red;
}

.LabelGreen
{
    color: green;
}

.LabelRequired
{
    color: red;
}

.underLine
{
    text-decoration:underline;
}

.cursorPointer
{
    cursor:pointer !important;
}

.clear
{
    clear: both;
}

fieldset {
    border: 1px solid #cdcdcd !important;

    /*border-top: 1px none #cdcdcd !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;*/
}
.fieldsetWizard {
    border: 1px solid #8bb3d6 !important;
    margin-left: 0px;
    margin-right: 0px;
    /*border-top: 1px none #cdcdcd !important;
    border-left-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;*/
}

legend {
    text-align: left;
    color: var(--DefaultFontColor);
    font-size: 13px;
    font-weight: 600;
}

.fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #cdcdcd;
}

a img
{
    border: none;
}

.ShoppingBasketTree
{
    overflow:scroll;
}

  
.RadPanelBarNoBorders .rpRootGroup,    
.RadPanelBar .rpRootGroup .rpLink  
{    
     border-style: solid !important;    
     color: transparent;  
     text-decoration: none;
     border-top-width: 0px;
     border-left-width: 0px;
     border-right-width: 0px;
     border-bottom-width: 1px;  
}  
.RadPanelBar .rpOut  
{  
    border-bottom-width: 0px !important;  
}  



.MenuBar
{
   white-space: nowrap;
}

.slide
{
     width: 640px;
     height: 470px;
     display:none;
     font-family:Segoe UI; 
     font-size:small;
}

.instructions
{
     height: 400px;
     display:none;
     /*font-family:Segoe UI; */
     font-size:12px;
}

/* Customize slider items look */
.RadSlider .rslItemsWrapper .rslItem span
{
    line-height:22px;
    color:Gray;
}

.RadSlider .rslItemsWrapper .rslItemSelected span {
    color: var(--DefaultFontColor);
}



/* RadListBox special IE 11 fix*/
.RadListBox .rlbNoButtonText .rlbButtonText
{
    height:15px;   
}

/* RadComboBox special IE 10/11 fix remove 'X' */
  .rcbInput::-ms-clear {
        display: none !important;
    }

 ::-ms-clear {
        display: none !important;
    }
  
 /*RadGrid Header - remove lines in header*/
.RadGrid_Metro .rgHeader
 {
     border-left-width: 0px !important;
 }

.RadGrid_Metro {
    border-color: #8bb3d6 !important;
}

/* Remove highlighted effect when focus is on grids*/
.RadGrid 
{
    outline: none;
}

.flagIconGeneral
{
    background: url(/pictures/LanguageFlags/Flags.png);
    width: 22px !important;
    height: 14px !important;
    margin: 0px 3px 0px 3px;
}

.classImageUk
{
    background-position: 0 0;
}
        
.classImageDk
{
    background-position: -22px 0;
}

.classImageDe
{
    background-position: -44px 0;
}

.classImageFr
{
    background-position: -66px 0;
}

.classImageNo
{
    background-position: -88px 0;
}

.classImageSe
{
    background-position: -110px 0;
}

.classImageFi
{
    background-position: -132px 0;
}

.bottomMenuItemSpacer
{
    width: 40px;
}

.bottomMenu
{
    text-decoration: none !important;
    color: #AAAAAA !important;
    font-family:'Segoe UI';
    position: relative; 
    top: 1px;
}

.bottomMenuImage
{
    display: inline-flex;
    margin-top: 1px;
    margin-left: 3px;
}

.inlineBlock
{
    display: inline-block;
}

.RadMenu .rmText
{
    text-align:left;
}
    
.unselectable 
{
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
    
:focus { outline: none; }

.tableMenuButton :hover {
    background: #f5f7fa;
    cursor: pointer;
}

.tableMenuButtonSelected {
    background: #f5f7fa;
}

.tableMenuButtonSelected :hover {
    cursor: pointer;
}

.tableMenuAdminSelectedColor {
    background-color: #7acccf;
}

.tableMenuHelpdeskSelectedColor {
    background-color: #c3d346 !important;
}

.tableMenuShopSelectedColor {
    background-color: #f9b54e;
}

.versionDiv {
    text-align: right;
    color: #e5e5e5;
    font-size: 5pt;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
}

.logoutDiv {
    color: var(--DefaultFontColor);
    text-align: right;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    margin-top: 10px;
    margin-right: 10px;
}

.logOutButton a:link {
    color: var(--DefaultFontColor);
}

.logOutButton a:visited {
    color: var(--DefaultFontColor);
}

.logOutButton a:hover {
    color: var(--DefaultFontColor);
    background-color: #F5F7FA;
}

.RadToolBar_Metro
{
    line-height: normal !important;
}

.notificationAlternateBackground {
    background-color: #f6f9fc !important;
}

/*RadButton MetroTouch - padding for icon in toggle button*/
/*span.RadButton_MetroTouch .rbDecorated.rbPrimary
{
    padding-left: 35px !important; 
}*/

/*RadButton MetroTouch - padding for icon in toggle button*/
/*span.RadButton_Metro .rbDecorated.rbPrimary
{
    padding-left: 25px !important; 
}*/

/*RadFileExplore font size when using custom buttons*/
.RadFileExplorer .RadToolBar .rtbIconOnly .rtbText {
    padding: 0px 0px 0px 21px !important;
    font-size: 12px!important;
    display: inline-block !important;
  
}

/*Empty style - apply to controls which not be translated.*/
.doNotTranslate
{

}

.doNotTranslateGridHeader
{

}

/*Empty style - apply to combo boxes where the items should be translated.*/
.translateComboBoxItems
{

}

/* Apply to the tree to translate all nodes or to a single node to only translate that specific node */
.translateTreeNodes
{

}

.translateListBoxItems
{

}

.img
{
    vertical-align: middle;
}

.tableContainerDivInRadPanel {
    margin-left: 35px;
    padding: 25px 0 5px 0;
}
/*Required computer settings*/
.RequiredComputerSettings {
    margin-left: 35px;
    padding: 25px 0 25px 0;
}

/*Set button heights the same as combo boxes*/
.RadButton_Metro .rbDecorated {
    height: 24px !important;
    font-weight: 600 !important;
}

.RadButton_Metro.rbSkinnedButton {
    border-radius: 3px !important;
    border-color: #7acccf !important;
}

.RadButton.rbSkinnedButton.rbDisabled, .RadButton_Metro.rbDisabled.rbHovered {
    background-color: #fff !important;
    color: #7acccf !important;
}

.buttonLessImportant.RadButton_Metro.rbSkinnedButton {
    background-color: transparent !important;
    color: #fff !important;
}

.buttonLessImportantColoredText.RadButton_Metro.rbSkinnedButton {
    background-color: #fff !important;
    color: #7acccf !important;
}

.RadButton.rbSkinnedButton.rbDisabled:hover {
    background-color: #fff !important;
    color: #7acccf !important;
}

.RadButton.rbSkinnedButton {
    background-color: #7acccf !important;
    color: #fff !important;
}

    .RadButton.rbSkinnedButton:hover {
        background-color: #e9f0f3 !important;
        color: var(--DefaultFontColor) !important;
    }r

.divCommitButton .RadButton_Metro .rbDecorated {
    text-transform: uppercase !important;
}

.RadButton_Metro .rbToggleCheckbox, .RadButton_Metro .rbToggleCheckboxChecked, .RadButton_Metro .rbToggleCheckboxFilled, .RadButton_Metro .rbToggleRadio, .RadButton_Metro .rbToggleRadioChecked {
    background-image: url('/pictures/NewLayout/RadButtonToggleSprite.png') !important;
    margin-top: -2px !important;
}

.RadButton_Metro.rbCheckBox .rbText, .RadButton_Metro.rbRadioButton .rbText, .RadButton_Metro.rbToggleButton .rbText {
    color: var(--DefaultFontColor) !important;
    margin-top: 2px;
}

.leftSideMenu .RadButton_Metro.rbCheckBox .rbText, .leftSideMenu .RadButton_Metro.rbRadioButton .rbText, .leftSideMenu .RadButton_Metro.rbToggleButton .rbText {
    color: #fff !important;
}

.buttonSearch .rbDecorated {
    height: 16px !important;
    display: none !important;
}

.buttonSearch.rbSkinnedButton {
    background-color: #fff !important;
}

/*Shop*/
.galleryRowElement {
    width: 100%;
    border-spacing: 0px 0px;
    border-collapse: separate;
    margin-bottom: 25px;
}

.galleryElement {
    width: 33%;
    word-wrap: break-word;
    background-color: #fff;
    /*padding: 5px 5px 5px 5px;*/
    overflow: hidden;
    /*border-bottom: 2px solid #37426f;*/
    border-right: 25px solid #e8eef1;
    text-align: center;
}

.galleryElement:last-of-type
{
    border-right-style: none;
}

.galleryOrderButton {
    background-color: #7acccf !important;
    color: #fff;
    font-weight: 700 !important;
    width: 103px;
    height: 28px !important;
    line-height: 28px;
    cursor: pointer;
    word-wrap: break-word;
    overflow: hidden;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #7acccf;
}

    .galleryOrderButton:hover, .galleryRemoveButton:hover, .galleryRerunButton:hover {
        color: var(--DefaultFontColor);
        background-color: #e9f0f3 !important;
        border: 1px solid #7acccf;
        height: 20px;
    }

/*.galleryOrderButton {
    background-color: rgba(19, 174, 79, 1) !important;
    color: #fff;
    font-weight: 700;
    width: 103px;
    height: 20px;
    cursor: pointer;
    word-wrap: break-word;
    overflow: hidden;
    border-radius: 10px;
    padding-top: 2px;
    display: inline-block;
}*/

.galleryRemoveButton {
    background-color: #7acccf !important;
    color: #fff;
    font-weight: 700 !important;
    width: 103px;
    height: 28px !important;
    line-height: 28px;
    cursor: pointer;
    word-wrap: break-word;
    overflow: hidden;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #7acccf;
}

.galleryRerunButton {
    background-color: #7acccf !important;
    color: #fff;
    font-weight: 700 !important;
    width: 103px;
    height: 28px !important;
    line-height: 28px;
    cursor: pointer;
    word-wrap: break-word;
    overflow: hidden;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #7acccf;
}

.galleryButtonDisabled
{
    color:#e5e5e5;
    cursor:default;
}

.galleryItemIcon {
    width: 48px;
    height: 48px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.shopHeaderText
{
    font-size: 10pt;
    font-weight: 700;
}

.shopMiniDescription
{
    font-size: 9pt;
}

.galleryHeaderText
{
    font-size: 10pt;
    font-weight: 700;
    height: 22px;
    word-wrap: break-word; 
    overflow: hidden;
}

.galleryDescriptionText {
    font-size: 9pt;
    height: 34px;
    word-wrap: break-word;
    overflow: hidden;
}

.galleryElementLower {
    width: 100%;
    text-align: center;
}

.galleryElementLower:last-of-type
{
    border-bottom: 4px solid #37426f;
}

.galleryElementPrice {
    font-size: 7pt;
    word-wrap: break-word;
    overflow: hidden;
    height: 22px;
    line-height: 22px;
    color: #7acccf;
    font-weight: 700;
}

.galleryElementMore {
    height: 22px;
    line-height: 22px;
    font-size: 7pt;
    cursor: pointer;
    text-decoration: underline;
    color: #7acccf;
}

.galleryElementButton
{
            
}

.gallerySwitchButtons
{
    width:32px;
}

.menuBackground
{
    background-color: #f9f9f9;
}

.buttonOverride .rbDecorated
{
    background-color: transparent !important;
    margin-top: -2px !important;
    margin-left: 0px !important;
    /*border-style: none !important;*/
}

.buttonOverride .rbSkinnedButton
{
    /*border-style: none !important;*/
    /*background-color: none !important;
    border-style: none !important;*/
}

.noWrap
{
   white-space: nowrap;
}

.deploymentMonitorButtonAdjustment
{
    margin-top: -3px;
}

.radButton_noBackColor, .radButton_noBackColor .rbDecorated/*, .noBackColor.rbSkinnedButton, .noBackColor.rbVerticalButton, .noBackColor.rbVerticalButton*/
{
    background-color: transparent !important;
}

.divRadButtonMetro
{
    height: 19px;
    background-color: #f9f9f9;
    border: 1px solid #25a0da;
    padding: 1px 10px 0px 10px;
}

.hideLeftBorder
{
    border-left-style: none !important;
}

.checkBoxAlignText label
{ 
    position: relative; 
    top: -2px; 
}

.shopLogoWrapper
{
    width: 300px;
    height: 100px;
}

.shopCentralTitle {
    width: calc(100% - 35px);
    height: 100px;
    line-height: 100px;
    padding-left: 35px;
    background-color: #e8eef1;
    color: var(--DefaultFontColor);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

.shopTitleWrapper
{  
    width: 300px;
}

.myAccount {
    width: 300px;
    background-color: #e8eef1;
    color: var(--DefaultFontColor);
    text-transform: uppercase;
    line-height: 100px;
    font-weight: 600;
    font-size: 14px;
}

.shopContentAboveGrid {
    border-style: none;
    border-width: 0px;
    width: 100%;
    background-color: #e8eef1;
    color: var(--DefaultFontColor);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding-left: calc(35px - 15px);
    border-bottom: 10px solid #e8eef1;
}

.gallerySwitchButtonsWrapper
{
    width: 300px;
}

.shopRightSideMenu {
    width: 290px;
    height: calc(100% - 70px);
    padding: 0px 0px 0px 0px;
    /*padding: 10px 10px 0px 20px;*/
    position: relative;
    border: none;
    border-left: none;
    border-top: 34px solid #e8eef1;
    border-right: 15px solid #e8eef1;
    color: var(--DefaultFontColor) !important;
}

.shopMenuHeaderText {
    height: 65px;
    line-height: 65px;
    background-color: #7acccf;
    color: var(--DefaultFontColor);
    text-transform: uppercase;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 12px;
    font-weight: 700;
}
/*Shop end*/
/*Remove space between top menu icons */
.RadMenuSmallDistance .rmHorizontal .rmText {
    padding-right: 10px !important;
}

.KeepSingleLine
{
    white-space: nowrap;
}

.noOverflow
{
    overflow:hidden;
}

.overflowY
{
    overflow-y: auto;
}

.textBoxGrayedOut
{
    border-color: #e5e5e5 !important;
    cursor: default !important;
    background: #f9f9f9 !important;
}

/*Set the color of the filter textbox in the RadFileExplorer*/
.RadFileExplorer_Metro .rfeFilterTxt {
    width: 450px;
    border-color: #8bb3d6 !important;
}

.RadFileExplorer .rfeFilterContainer .rfeFilterTxt {
    height: 26px !important;
}


.RadFileExplorer .rfeFilterTxt:focus
{
    border-color: #7acccf !important;
}

.RadFileExplorer .rfeFilterContainer {
    height: 34px !important;
    text-align: center !important;
}


.RadPanelBarHeight100
{
     height: 100% !important;
     min-height: 500px !important;
}

.RadPanelBarHeight100minus70 {
    height: calc(100% - 70px) !important;
    min-height: 500px !important;
}

.radPanelBarWrapper {
    height: calc(100% - 70px);
    overflow: auto;
}

.borderInside
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.windowPadding
{
    padding: 10px 10px 10px 10px;
}

.windowContent
{
    background-color: #fff;
    padding: 10px 10px 0 10px;
}

.windowButtons {
    padding: 10px 0 0 0;
    width: 100vw;
    height: 32px;
    text-align: center;
    background-color: #e8eef1;
}

.windowMainContentSize {
    width: 100%;
    height: calc(100vh - 52px);
}

.infoBox {
    color: #ffffff;
}

.infoBoxHeader {
    height: 40px;
    background-color: white;
    /*text-align: center;*/
    vertical-align: middle;
    font-size: 10pt;
    padding: 5px 25px 5px 25px;
}

.infoBoxContent {    
    height: 40px;
    vertical-align: middle;
    word-break: break-all;
}

.infoBoxFooter {
    height: 70px;
    vertical-align: middle;    
}

.linkButtonInLeftMenu {
    text-decoration: none;
    color: #ffffff;
    border: 1px solid #7acccf;
    width: 110px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    border-radius: 3px;
}

.linkButtonInLeftMenu:hover {
    cursor: pointer;
    background-color: #e9f0f3;
    color: var(--DefaultFontColor);
}

.linkButtonWithoutUnderline
{
    text-decoration: none;
}

.whiteBoldFont
{
    color: #fff;
    font-weight: 600;
}

.quickFindText
{
    color: #ffffff;
}

.upperCaseBold
{
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.RadFileExplorer .rfeThumbList
{
    width: 150px !important;
}

.RadFileExplorer_Metro .rfeThumbnailView .rfeFile .rfeFileIcon.folder {
    background-image: url(../pictures/Icons/Folder32.gif) !important;
    background-position: 0 0 !important;
}

.applyButton {
    background-color: #25a0da !important;
    color: white !important;/*:hover*/
}

.applyButton.rbDisabled {
    background-color: #f9f9f9 !important;
    color: black !important;
}

.RadMenu .rmHorizontal .rmText
{
    padding: 0 0 0 0 !important;
}

.RadMenu .rmGroup .rmText {
    padding: 0 54px 0 28px !important;
    margin: 0 0 0 4px !important;
}

.RadButton_Metro.rbToggleButton, .RadButton_Metro.rbToggleButton.rbHovered, .RadButton_Metro.rbToggleButton.rbDisabled:hover {
    color: inherit !important;
    background: 0;
}

.RadButton_Metro .rbPrimaryIcon {
    top: 6px !important;
}

.RadComboBox_Metro .rcbArrowCell {
    border-color: #8bb3d6 !important;
    background-color: #7acccf !important;
    height: 28px !important;
    width: 25px !important;
    cursor: pointer !important;
}

.RadComboBox .rcbArrowCell a {
    margin-left: 5px !important;
    margin-right: 5px !important;
    cursor: pointer !important;
}

.RadComboBox_Metro table td.rcbInputCellLeft {
    border-right-width: 1px !important;
}

.RadComboBox_Metro .rcbDisabled .rcbArrowCell a, .RadComboBox_Metro .rcbDisabled .rcbArrowCell {
    cursor: default !important;
}

.RadComboBox td {
    vertical-align: middle !important;
}

.RadComboBox_Metro .rcbDisabled .rcbInputCell {
    border-color: #e0e0e0 !important;
}

.RadComboBox_Metro .rcbDisabled .rcbInputCell:hover {
    background-color: #ffffff !important;
    border-color: #e0e0e0 !important;
}

.RadComboBox_Metro .rcbInputCell {
    border-color: #8bb3d6 !important;
    color: var(--DefaultFontColor) !important;
}

    .RadComboBox_Metro .rcbInputCell:hover {
        border-color: #7acccf !important;
        color: var(--DefaultFontColor) !important;
        /*background-color: #e9f0f3 !important;*/
    }

.RadComboBoxDropDown_Metro .rcbHovered {
    color: var(--DefaultFontColor) !important;
    border-color: #7acccf !important;
    background-color: #e9f0f3 !important;
}

.RadComboBoxDropDown .rcbMoreResults {
    background-color: #7acccf;
}

.RadComboBoxDropDown_Metro {
    /*border-top-style: none !important;*/
    border: 1px solid #8bb3d6 !important;
    color: var(--DefaultFontColor) !important;
}

    .RadComboBoxDropDown_Metro:hover {
        color: var(--DefaultFontColor) !important;
    }

.RadComboBox_Metro .rcbHovered .rcbInput {
    color: var(--DefaultFontColor) !important;
}

.RadComboBox_Metro {
    color: var(--DefaultFontColor) !important;
    height: 30px !important;
}

.RadComboBoxDropDown .rcbScroll {
    overflow-x: hidden !important;
}

.RadComboBox_Metro .rcbReadOnly .rcbInput {
    color: inherit !important;
}

.RadComboBoxDropDown_Metro .rcbLoading {
    color: var(--DefaultFontColor) !important;
    background-color: #e9f0f3 !important;
}

.RadComboBox_Metro .rcbFocused .rcbInputCell, .RadComboBox_Metro .rcbFocused .rcbArrowCell {
    border-color: #7acccf !important;
}

.RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbInputCell {
    border-color: #7acccf !important;
    color: #ffffff !important;
    background-color: #7acccf !important;
}

/*.RadComboBox table td.rcbInputCell {
    border-radius: 3px 0 0 3px !important;
}

.rcbArrowCell {
    border-radius: 0 3px 3px 0 !important;
}*/

.RadAutoCompleteBox_Metro .racTokenList {
    border-color: #8bb3d6 !important;
    color: var(--DefaultFontColor) !important;
}

.RadAutoCompleteBox_Metro .racTokenList.racFocused {
    border-color: #7acccf !important;
}

.RadAutoCompleteBox_Metro .racTokenList:hover {
    border-color: #7acccf !important;
}

.RadAutoCompleteBox_Metro .racToken.racFocused {
    border-color: #7acccf !important;
    box-shadow: inset 0 0 5px #7acccf !important;
}

.RadAutoCompleteBox_Metro .racToken.racSelected {
    border-color: #7acccf !important;
    color: #ffffff;
    background-color: #7acccf !important;
}

.RadAutoCompleteBox .racInput {
    height: 26px !important;
}

RadAutoCompleteBoxPopup_Metro {
    border: 1px solid #8bb3d6 !important;
    color: var(--DefaultFontColor) !important;
}

.RadAutoCompleteBoxPopup_Metro .racItemHovered {
    color: var(--DefaultFontColor) !important;
    background-color: #e9f0f3 !important;
}

.RadAutoCompleteBoxPopup_Metro .racFocused {
    box-shadow: inset 0 0 5px #7acccf !important;
}

.RadAutoCompleteBoxPopup_Metro .racItemSelected {
    background-color: #7acccf !important;
}

.racList, .racShowAll {
    color: var(--DefaultFontColor) !important;
}

.RadMenu_SwcMetro {
    color: var(--DefaultFontColor) !important;
}

.RadGrid_Metro {
    color: var(--DefaultFontColor) !important;
    /*margin-left: -28px !important;*/
    /*width: 100% !important;*/
}

.gridSizeWithRightSideMenu {
    width: calc(100vw - 673px) !important;
    min-width: 693px !important;
    margin-left: 28px !important;
}

.gridSize {
    width: calc(100vw - 360px) !important;
}

.contentCentralDiv .RadGrid_Metro {
     /*calc(100% - 28px) !important;*/
    margin-left: 28px !important;
}

.RadMenu_Metro .rmGroup .rmLink:hover, .RadMenu_Metro .rmGroup .rmLink.rmFocused, .RadMenu_Metro .rmGroup .rmLink.rmExpanded {
    border-color: #cecece;
    color: var(--DefaultFontColor) !important;
    background-color: #e9f0f3 !important;
}

.RadMenu_Metro .rmGroup .rmLink {
    color: var(--DefaultFontColor) !important;
}

.RadMenu .rmSlide .rmVertical .rmLeftImage
{
    width: 16px;
}

.RadGrid_Metro .rgHeader, .RadGrid_Metro .rgHeader a {
    color: var(--DefaultFontColor) !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.RadGrid .rgPager .RadComboBox {
    width: 70px !important;
}

.RadGrid .rgWrap {
    line-height: 30px !important;
}

.RadGrid_Metro .rgNumPart a.rgCurrentPage {
    border-color: #7acccf !important;
}

.RadGrid .rgNumPart a {
    margin-top: 6px !important;
    color: var(--DefaultFontColor) !important;
}

.RadGrid .rgArrPart1, .RadGrid .rgArrPart2 {
    padding-top: 6px !important;
}

.rgRow {
    background: #f6f9fc !important;
    color: var(--DefaultFontColor) !important;
    /*border-left: 27px solid #f6f9fc !important;*/
}

.rgAltRow {
    background: #ffffff !important;
    color: var(--DefaultFontColor) !important;
    /*border-left: 27px solid #fff !important;*/
}

.RadGrid_Metro .rgMasterTable /*, 
.RadGrid_Metro .rgDetailTable,
.RadGrid_Metro .rgGroupPanel table, 
.RadGrid_Metro .rgCommandRow table, 
.RadGrid_Metro .rgEditForm table*/ {
    /*border-left: 55px solid transparent !important;*/
}

/*.rgRow td:not([style]), .rgAltRow td:not([style]), .rgHeaderDiv th:not([style]) {
    padding-left: 35px !important;
}

.rgRow td:not([style]) ~ td:not([style]), .rgAltRow td:not([style]) ~ td:not([style]), .rgHeaderDiv th:not([style]) ~ th:not([style]) {
    padding-left: 7px !important;
}*/



.RadGrid_Metro td.rgPagerCell {
    padding-top: 8px !important;
}

.RadGrid_Metro .rgInfoPart {
    color: #a9c7e0 !important;
}

    .RadGrid_Metro .rgInfoPart strong {
        color: var(--DefaultFontColor) !important;
    }

.RadGrid_Metro .rgRow a, .RadGrid_Metro .rgAltRow a, .RadGrid_Metro tr.rgEditRow a, .RadGrid_Metro .rgFooter a, .RadGrid_Metro .rgEditForm a {
    color: var(--DefaultFontColor) !important;
}

.RadGrid_Metro .rgMasterTable, .RadGrid_Metro .rgDetailTable, .RadGrid_Metro .rgGroupPanel table, .RadGrid_Metro .rgCommandRow table, .RadGrid_Metro .rgEditForm table, .RadGrid_Metro .rgPager table {
    line-height: 20px !important;
}

/*Remove grid borders*/
.RadGrid_Metro .rgRow > td, .RadGrid_Metro .rgAltRow > td, .RadGrid_Metro .rgEditRow > td {
    border-style: none !important;
}

/*Grid header border*/
.RadGrid_Metro .rgHeader, .RadGrid_Metro th.rgResizeCol, .RadGrid_Metro .rgHeaderWrapper {    
    border-bottom: 1px none #b1cce3 !important;
    line-height: 30px;
}

.RadGrid_Metro .rgCommandRow a {
    color: var(--DefaultFontColor) !important;
}

.RadGrid_Metro .rgCommandCell {
    border-bottom-style: none !important;
}

.rgNoRecords {
    color: var(--DefaultFontColor) !important;
}

/*.rgNoRecords td div{
    margin-left: 35px !important;
}*/

/*Left padding*/
/*.RadGrid_Metro :first-child.rgHeader, .RadGrid_Metro th:first-child.rgResizeCol, .RadGrid_Metro .rgFilterRow > td:first-child, .RadGrid_Metro .rgRow > td:first-child, .RadGrid_Metro .rgAltRow > td:first-child {
    padding-left: 35px !important;
}*/

.RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgEditForm table {
    border-collapse: collapse !important;
}

.RadGrid_Metro td.rgGroupCol, .RadGrid_Metro td.rgExpandCol {
    border-color: transparent !important;
    background: transparent !important;
}

.RadTreeView_Metro {
    color: var(--DefaultFontColor) !important;
}

.RadTreeView_Metro .rtHover .rtIn {
    color: inherit !important;
    background-color: #e9f0f3 !important;
}

/*RadDateTimePicker*/
/*Move icons into the input box*/
.RadPicker .rcCalPopup {
    margin-left: -54px !important;
}

.RadPicker .rcTimePopup {
    margin-left: -30px !important;
}

.RadPicker {
    height: 30px !important;
}

.RadPicker_Metro .rcCalPopup, .RadPicker_Metro .rcTimePopup {
    background-image: url('/Pictures/NewLayout/DateTimePickerSprite.gif') !important;
}

.RadCalendar_Metro .rcRow .rcSelected {
    background: #7acccf !important;
}

.RadCalendar_Metro .rcRow th {
    color: var(--DefaultFontColor) !important;
    font-weight: 600 !important;
}

.RadCalendarTimeView_Metro td.rcSelected a {
    border-color: #7acccf !important;
    background: #7acccf !important;
    color: #fff;
}

.RadCalendar_Metro .rcRow .rcHover {
    border-color: #e9f0f3 !important;
    background: #e9f0f3 !important;
}


.RadInput_Metro .riTextBox, .RadInputMgr_Metro {
    border-color: #8bb3d6 !important;
    color: var(--DefaultFontColor) !important;
}

.RadInput_Metro input.riTextBox, .RadInputMgr_Metro {
    height: 30px !important;
}

/*.RadInputMultiline .riTextBox {
    height: initial !important;
}*/

html body .RadInput_Metro .riHover, html body .RadInput_Hover_Metro {
    color: var(--DefaultFontColor) !important;
    border-color: #7acccf !important;
    /*background-color: #e9f0f3 !important;*/
}

html body .RadInput_Metro .riFocused, html body .RadInput_Focused_Metro {
    border-color: #7acccf !important;
}

/*RadTab*/
/*RadTabStrip*/
.RadTabStripTop_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
    background-color: #e8eff2 !important;
    font-weight: 500 !important;
}

.RadTabStrip_Metro .rtsLevel1 .rtsLink {
    border-color: #8bb3d6 !important;
    color: var(--DefaultFontColor) !important;
    line-height: 29px !important;
}

.RadTabStrip_Metro .rtsLevel1 .rtsSelected {
    color: var(--DefaultFontColor) !important;
}

.RadTabStrip_Metro .rtsLevel .rtsOut, .RadTabStrip_Metro .rtsLevel .rtsIn, .RadTabStrip_Metro .rtsLevel .rtsTxt {
    font-weight: 600 !important;
    font-size: 14px !important;
}

/*FileExplorer*/
.RadFileExplorer_Metro .rfeThumbList .rfeSelectedLink, .RadFileExplorer_Metro .rfeThumbList .rfeSelectedLink:hover {
    background: #7acccf !important;
}

.RadWizard_Metro {
    color: var(--DefaultFontColor) !important;
}

.RadWizard_Metro .rwzBreadCrumb .rwzSelected .rwzLink {
    background-color: #7acccf !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.RadWizard .rwzLink {
    color: var(--DefaultFontColor) !important;
    font-weight: 600 !important;
}

/*.RadWizard_Metro .rwzBreadCrumb .rwzCallout {
    background: url('/pictures/NewLayout/WizardArrow.png') no-repeat 100% 50% !important;
}*/

.RadWizard_Metro .rwzBreadCrumb .rwzSelected .rwzCallout {
    background-image: url('/pictures/NewLayout/WizardArrowFocus.png') !important;
}

.RadWizard_Metro .rwzBreadCrumb .rwzSelected {
    border-color: #7acccf !important;
}

.RadWizard_Metro .rwzButton {
    border-radius: 3px !important;
    border-color: #7acccf !important;
    background-color: #fff !important;
    color: #7acccf !important;
    height: 30px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

.RadWizard_Metro .rwzButton.rwzNext, .RadWizard_Metro .rwzButton.rwzFinish {
    background-color: #7acccf !important;
    color: #fff !important;
}

.RadWizard_Metro .rwzButton:hover {
    background-color: #e9f0f3 !important;
    color: var(--DefaultFontColor) !important;
}

.RadWizard_Metro .rwzProgress {
    background-color: #7acccf !important;
}

.RadDropDownTree {
    line-height: 24px !important;
}

.RadDropDownTree_Metro .rddtIcon,
.RadDropDownTree_Metro .rddtFocused .rddtIcon {
    margin-top: 4px !important;
    margin-right: 4px !important;
}

.RadDropDownTree_Metro .rddtFocused {
    border-color: #7acccf !important;
    color: #fff !important;
    background-color: #7acccf !important;
}

.RadDropDownTree_Metro .rddtIcon {
    background-image: url('/pictures/NewLayout/radActionsSprite.png') !important;
}

.RadDropDownTree_Metro .rddtInner {
    border-color: #8bb3d6 !important;
    color: var(--DefaultFontColor) !important;
    background-color: #fff !important;
}

.RadDropDownTree_Metro .rddtHovered {
    border-color: #7acccf !important;
    color: var(--DefaultFontColor) !important;
    background-color: #e9f0f3 !important;
}

.RadTreeView_Metro .rtPlus,
.RadTreeView_Metro .rtMinus {
    background-image: url('/pictures/NewLayout/PlusMinus.png') !important;
}

.RadTreeView_Metro .rtHover .rtIn {
    border-color: #7acccf;
    color: var(--DefaultFontColor);
    background-color: #e9f0f3;
}

.RadTreeView_Metro .rtSelected .rtIn {
    border-color: #7acccf !important;
    color: #ffffff !important;
    background-color: #7acccf !important;
}

.RadTreeView_Metro .rtChecked,
.RadTreeView_Metro .rtUnchecked,
.RadTreeView_Metro .rtIndeterminate {
    background-image: url('/pictures/NewLayout/RadButtonToggleSprite.png') !important;
}

.RadDropDownTree .rddtClearButton {
    background-image: url('/pictures/NewLayout/ClearButton.png') !important;    
}

.RadListBox_Metro .rlbGroup, .RadListBox_Metro .rlbTemplateContainer {
    border-color: #8bb3d6 !important;
    color: var(--DefaultFontColor) !important;
    background-color: #fff;
}

.RadListBox_Metro .rlbItem.rlbHovered {
    color: var(--DefaultFontColor) !important;
    background-color: #e9f0f3 !important;
}

.RadListBox_Metro .rlbButton:active {
    border-color: #7acccf !important;
    color: #ffffff;
    background-color: #7acccf !important;
}

.RadListBox_Metro .rlbItem.rlbSelected {
    color: #ffffff;
    background-color: #7acccf !important;
}

.RadListBox .rlbItem {
    line-height: 24px !important;
}

.RadListBox_Metro .rlbDropClue {
    background-image: url('/pictures/NewLayout/rlbDropClue.png') !important;
}

.RadNotification_Metro {
    border-color: #8bb3d6 !important;
    color: var(--DefaultFontColor) !important;
    
    background-color: #fff;
    font-size: 12px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
}


    .RadNotification_Metro .rnTitleBar {
        border-color: #e0e0e0;
        color: var(--DefaultFontColor) !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        background-color: #e9f0f3 !important;
        border-bottom-color: inherit;
        line-height: 18px !important;
        padding-left: 10px !important;
    }

.RadNotification .rnContentWrapper {
    padding: 10px !important;
}

.RadNotification .rnCommands a {
    margin-top: 2px !important;
}

.RadUpload_Metro .ruDropZone, .RadUpload_Metro_rtl .ruDropZone {
    border-color: #7acccf !important;
    color: #fff !important;
    background-color: #7acccf !important;
}

/* Telerik.Web.UI.WebResource.axd (20, 350) */
.RadUpload .ruFileWrap {
    height: 30px !important;
}

/* Telerik.Web.UI.WebResource.axd (20, 1366) */
.RadUpload .ruFakeInput {
    height: 24px !important;
}

.RadUpload_Metro .ruFakeInput {
    border-color: #8bb3d6 !important;
    color: var(--DefaultFontColor) !important;
}

.RadUpload .ruBrowse {
    height: 30px !important;
}

div.RadUploadSubmit, div.RadUpload_Metro .ruButton {
    border: 1px solid #7acccf !important;
    color: #fff !important;
    background-color: #7acccf !important;
    border-radius: 3px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

div.RadUpload_Metro .ruInputs .ruButtonHover,
div.RadUpload_Metro .ruActions .ruButtonHover,
div.RadUpload_Metro .ruFileWrap .ruButtonHover {
    color: var(--DefaultFontColor) !important;
    background-color: #e9f0f3 !important;
}

.Metro.RadEditor .reEditorModes .reMode_selected {
    border: 1px solid #7acccf !important;
    background-color: #7acccf !important;
}

.RadSlider_Metro .rslHorizontal .rslSelectedregion {
    background: #7acccf !important;
}


/*.RadWindow .rwWindowContent {
    padding: 10px 10px 10px 10px !important;
    height: 100% !important;
    background: #e8eef1 !important;
}*/


/*.RadButton_Metro.RadButton:active .rbDecorated, 
.RadButton_Metro.RadButton:focus .rbDecorated, 
.RadButton_Metro.RadButton.rbSkinnedButtonChecked .rbDecorated, 
.RadButton_Metro.RadButton.rbSkinnedButtonChecked:hover .rbDecorated, 
.RadButton_Metro.RadButton.rbLinkButtonChecked .rbDecorated, 
.RadButton_Metro.RadButton.rbLinkButtonChecked:hover .rbDecorated 
{
   color: black !important;
}*/
/*.RadMenu .rmHorizontal .rmText
{
    padding-right: 0px !important;
}*/
/*Hide the background of the RadCheckBox*/
/*.RadButton_Metro .rbToggleCheckbox, .RadButton_Metro .rbToggleCheckboxChecked, .RadButton_Metro .rbToggleCheckboxFilled, .RadButton_Metro .rbToggleRadio, .RadButton_Metro .rbToggleRadioChecked
{
    background-image: none !important;
}*/
/*  Microsoft Edge Browser 12+ (All) styles.
 *  Name the selector the same as the original above, but with the changes for Edge.
 */
@supports (-ms-accelerator:true) {
    .buttonSearch {
        margin-top: -3px !important;
        margin-left: -33px !important;
    }
}

.sideMenuEdgeFix {
    /*width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;*/
}

.divCommitButtonEdgeFix {
    /*padding-left: 0 !important;*/
}
.wordWrap
{
    word-wrap:break-word;
    word-break:break-all;
}

@media only screen and (max-width: 660px)
{
    /*.page {
        width: 100%;
        min-width: 450px;
        max-width: 640px;
        background-color: #fff;
        margin: 20px auto 0px auto;
        padding-bottom: 12px;
        border: 0px none #aaaaaa;
    }*/
}

.oauthUpn {
    font-size: 14px;
    color: var(--DefaultFontColor);
    font-weight: 600;
}

.divSignOutWrapper {
    box-shadow: rgba(0, 0, 0, 0.133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px;
    transition: box-shadow 0.5s ease 0s;
    padding: 10px;
    min-height: 20px;
}

.divCardBorder {
    box-shadow: rgba(0, 0, 0, 0.133) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px;
    transition: box-shadow 0.5s ease 0s;
    padding: 10px;
    min-height: 20px;
}

.profilePicture {
    border-radius: 15px;
    margin-left: 5px;
    margin-top: 2px;
}


.NewLogoStyle {
    display: inline-block;
    height: 80px !important;
    width: 300px;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
    margin-left: -16px;
    margin-top: 10px;
    line-height: 80px;
    height: 80px;
}