/*************************/
/******* LEFT MENU *******/
/*************************/

/*Set a fixed width for it though, when it is displayed*/
#Horizontal_VTC_Menu
{
    display: block !important;
    float: none !important;
    width: 95% !important;
    margin: 5px 5px 0 5px;
}

/*Removes the extra margin and padding added to specific listviews cells like selection box, edit, etc...*/
.dxichSys {
    margin: 0 auto !important;
}

/*Make sure we have at least 24px of height for a row (for lists with no buttons or tickboxes for instance, like Audit Trail listview.*/
.dxgvDataRow_Office2010Blue {
    min-height: 24px;
    height: 24px !important /*In Chrome, the inline "height=20px" style has priority over the "min-height" statement above*/
}

.dxgvEditFormDisplayRow_Office2010Blue td.dxgv, .dxgvDetailCell_Office2010Blue td.dxgv, .dxgvDataRow_Office2010Blue td.dxgv, .dxgvDetailRow_Office2010Blue.dxgvADR td.dxgvAIC {
    padding: 2px 6px !important;
}

/*Less padding for the buttons*/
#Horizontal_VTC_Menu ul li
{
    padding-right : 0 !important;
    padding-left : 5px !important;
}
#Horizontal_VTC_Menu .dxm-content
{
    float: left !important;
    padding: 2px !important;
}

.dxm-item a.dx > span.dx-vam
{
    text-decoration: none !important;
}

 #Horizontal_UPVSC div div table tbody tr td table
 {
     table-layout:auto !important;
     white-space: nowrap
 }

 /*LOGIN PAGE*/
.LogonContent table, #Logon_UPHeader table,  #Logon_UPVSC table
{
     font-size: 11px;
}

/*************************/
/******** HEADER ********/
/*************************/
#HorizontalTemplateHeader .Top
{
    height: 85px;
}

/*Left part of the header*/
table.Top td.Logo
{
    padding:0;
}
.ApplicationTitle
{
    display: inline-block;
    font: bold 28px Tahoma !important;
    vertical-align: middle;
    padding: 0 0 0 15px;
}
.ApplicationSubTitle
{
    font: bold 14px Arial !important;
    display: block;
    padding-left: 15px;
}
a#LogoLink:visited
{
    color: #1e395b;
}
a#LogoLink
{
    text-decoration: none !important;
}
#LogoImage
{
    vertical-align: middle;
    line-height: 85px;
}

/*Right part of the header*/
table.Top td.Security
{
    display: block;
    position: relative;
    padding-right: 0;
    padding-top: 5px;
    height: 100%;
}

#HeaderLoginInfo
{
    white-space: nowrap;
    margin: 0 10px 10px 0;
    color: #1e395b;
}
#HeaderLoginInfo img
{
    display: inline;
    margin-top: -8px;
    position: relative;
    top: 1px;
}

/* fix IE7 default, non-null height for empty <div />*/
#UPPopupWindowControl
{
    height: 0;
}

div#Horizontal_Footer.Footer {
    padding: 0;
    margin: 5px 6px 5px 6px;
    background: url('../Images/FooterLogo.svg') top right no-repeat;
    background-size: contain;
}

.BodyBackColor
{
    height: 0 !important;
}

#CP .Content, #CP .Links
{
    padding: 0 !important;
}

.FooterCopyright
{
    height: 28px;
    line-height: 28px;
    text-align: left;
}


/*************************/
/******** GENERAL ********/
/*************************/

/* Restore the small padding that existed up to version 14.1*/
div#Horizontal_UPVH{
    padding: 3px;
}
.Layout td.HItem, .Layout th.HItem
{
    padding: 1px!important;
}
.GroupHeader .Label {
    padding-left: 5px !important;
}

/*Restore the borders of the toolbar*/
#Horizontal_TB_Menu {
    border-left-style: solid !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
}

/*Restore the vertical separators between buttons*/
.dxm-horizontal .dxm-separator b
{
    height: 21px !important;
}

/*Remove the default, serif font from the error and warning messages.*/
.ErrorMessage {
   margin: 10px 0;
   padding: 10px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.ErrorMessage td{
    padding: 3px 10px;
}
.ErrorImage {
    width: 22px !important;
    vertical-align: middle;
}

/*The warning messages misses a proper block style*/
.WarningMessage
{
    background: #FFFFCC;
    border: 1px solid #FFCC66;
    width: 100%;
}

/*Colors in the mismatching cells of an invoice*/
.withStripes
{
    background: url('../Images/StrippedBackground.png') top left repeat;
}

/*Fixes the shrinked cells in a two (or more) columns layout, like the Savings Analysis parameters view one.*/
.WebEditorCell .dxic
{
    min-width:150px !important;
}

/*Fixed the width of enum fields cells on detail views*/
div.Item div.WebEditorCell table.dxgvEnumItem
{
    width: auto !important
}
div.Item td.dxgv div.WebEditorCell table.dxgvEnumItem{
    width: 16px !important;
}

/*Minimum size for the caption label of a field.*/
.LayoutTabbedGroupContainer .Caption {
    min-width: 298px;
}

/***********************************************/
/******** CHANGE PASSWORD ON FIRST LOGON ********/
/***********************************************/
.Layout .HItem {
    vertical-align: middle;
}

/***********************************************/
/************ ABOUT AND STATS POP-UP ***********/
/***********************************************/
.InfoMessagesPanelPopUp
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    line-height: 140%;
    color:#666666;
    vertical-align:middle;
    padding: 15px 15px;
    font-size: 12px;
}
.PopUpOuterBar, .PopUpInnerBar
{
    background: #eeeeee;
    padding:2px 0px 3px 3px;
}
.PopUpOuterBar
{
    background: #737CA1;
    color: #FFFFFF;
}
.InfoMessagesPanelPopUp a
{
    font: Verdana;
    text-decoration: underline;
}

/***********************************************/
/********************* REPORTS *****************/
/***********************************************/

/*Fix the report toolbox, which items are all scattered along by default*/
#Dialog_UPVSC div.dxm-main ul.dx
{
    width: 50px !important;
}

/***********************************************/
/********************* TAGS *****************/
/***********************************************/

.HideRemoveTokenButton {
    display: none;
}

.TagListItem {
    border-radius: 3px;
    color: #253858;
    background-color: #DFE1E6;
    padding: 3px 4px 3px 4px;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    font-size: 90%;
    white-space: nowrap;
}

.dxeToken_Office2010Blue {
    border-radius: 3px;
    color: #253858 !important;
    background-color: #DFE1E6 !important;
    padding: 3px 4px 3px 4px;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    font-size: 90%;
    white-space: nowrap;
}

/**********************************************************/
/***************** Grid Customization Dialog **************/
/**********************************************************/

.dxgvCustDialog_Office2010Blue {
    font-size: 12px;
}

.dxgvCustDialogHeader_Office2010Blue .dxgvCD_TS .dxtcLite_Office2010Blue.dxtc-top > .dxtc-stripContainer .dxtc-tab,
.dxgvCustDialogHeader_Office2010Blue .dxgvCD_TS .dxtcLite_Office2010Blue.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    font-size: 12px;
}