

*   
{
margin: 0;
}

html, body, form 
{
height: 100%;
font-family: 'Karla', sans-serif;
font-weight:400;
color:#000;

text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}

body {
font-size: 0.95rem;
}

.resetAllCss {
  all: initial;
  * {
    all: unset;
  }
}

/* DCH Alignment helper only.  Comment out for live but do not delete. */


select, input
{
font-size: 1.0em;
}

.hideGridColumn
{
display: none;
}

.DIVallowedContainer
{
display: grid;  
grid-gap: 20px;  
grid-template-columns: repeat(auto-fit, 500px);
grid-template-rows: repeat(2, auto-fit);  
}
.WritingHeader
{
color: #000;
font-size: 1.25rem;
font-weight:bold;
padding-top:10px;
}
.WritingBody
{
color: #000;
font-size: 0.95rem;
padding-top:4px;
padding-bottom:4px;
}
.WritingBodyRedBox
{
color: #CC0000;
font-size: 0.95rem;
font-weight:bold;
padding-top:4px;
padding-bottom:4px;
}
.WritingBodyList
{
color: #000;
font-size: 0.95rem;
padding-top:4px;
padding-bottom:4px;
}
.WritingSeparator
{
color:#FFF;
background-color: #943D91;    
font-weight:400;
font-weight:bold;
padding:10px;
margin-top:4px;
margin-bottom:4px;
}
.ModalDivBorder
{
border: 2px solid black;
padding:10px;
}
.TDpadding10px
{
padding:10px;
}
.opActionBest
{
color:#000;
font-size:larger;
}
.opActionOther
{
color:#000;
font-size:smaller;
}
.opActionWhen
{
color:#000;
font-style: italic;
font-size:smaller;
}

.mandatoryFieldDivOk {
color: green;
font-weight: 700;
font-family: 'Karla', sans-serif;
background-color : white;
border: solid;
padding: 4px 10px 4px 10px;
border-radius: 2px;
z-index:1000;
}

.mandatoryFieldDivError {
color: red;
font-weight: 700;
font-family: 'Karla', sans-serif;
background-color : white;
border: solid;
padding: 4px 10px 4px 10px;
border-radius: 2px;
z-index:1000;
}

.pointer {
cursor: pointer;
}

input.XEMbtn, .XEMbtn
{
color:#000;
font-weight: 700;
font-family: 'Karla', sans-serif;
background-color: #F3A761;
border: none;
padding: 4px 10px 4px 10px;
border-radius: 4px;
cursor: pointer;
}

input.XEMbtnDisabled, .XEMbtnDisabled
{
color:#FFF;
font-weight: 700;
font-family: 'Karla', sans-serif;
background-color : #999;
border: none;
padding: 4px 10px 4px 10px;
border-radius: 4px;
cursor: pointer;
}

a.XEMbtn, a.XEMbtn:link, a.XEMbtn:visited {
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    height: auto;
    color:#FFF;
    font-weight: 700;
    font-family: 'Karla', sans-serif;    
}

a.XEMbtn-person, a.XEMbtn-person:link, a.XEMbtn-person:visited {
    display: inline-block;
    text-decoration: none;
    color:#000;
    font-weight: 700;
    font-family: 'Karla', sans-serif;
    background-color: #F3A761;
    border: none;
    padding: 4px 10px 4px 10px;
    height: auto;
    border-radius: 4px;
}

.XEMtakeonSelectedItem
{
color: white;
background-color: green;
}
.XEMtakeonUnselectedItem
{
color: black;
background-color: #E0E0E0;
}
.XEMtakeonErrorItem
{
color: white;
background-color: red;
}

.XEMpersonButtonTableBottomPadded
{
padding: 0px 10px 10px 0px;
}

.XEMpersonButtonTable
{
padding: 14px 10px 14px 0px;
}

.XEMpersonButton
{
padding: 0px 10px 0px 0px;
}

.XEMpersonButton a	, .XEMpersonButton a:link, .XEMpersonButton a:active, .XEMpersonButton a:hover, .XEMpersonButton a:visited {
display: table-cell;
color: #000;
font-weight: 700;
background-color: #F3A761;
border: none;
padding: 2px 10px 2px 10px;
height: 24px;
border-radius: 4px;
text-decoration:none;
vertical-align: middle;
cursor: pointer;
}

.XEMpersonButtonDisabled
{
padding : 5px;
color:#FFF !important;
background-color: #999;
border-top-color : #EEEEEE;
border-left-color : #EEEEEE;
border-right-color : #000;
border-bottom-color : #000;
height: 31px;
padding: 3px 10px 3px 10px;
border-radius: 4px;
}
.XEMpersonButtonDisabled a			{font-weight:700; color: #000; text-decoration: none;}
.XEMpersonButtonDisabled a:active	{font-weight:700; color: #000; text-decoration: none;}
.XEMpersonButtonDisabled a:hover    {font-weight:700; color: #000; text-decoration: none;}
.XEMpersonButtonDisabled a:link		{font-weight:700; color: #000; text-decoration: none;}
.XEMpersonButtonDisabled a:visited	{font-weight:700; color: #000; text-decoration: none;}

.XEMlinkButtonIcon
{
color:#000 !important;
background-color: #F3A761;
padding : 5px;
border : 2px solid;
border-top-color : #968bb8;
border-left-color : #968bb8;
border-right-color : #000;
border-bottom-color : #000;
text-decoration: none !important;
}
.XEMlinkButtonIcon a			{font-weight:600; color: #000; text-decoration: none;}
.XEMlinkButtonIcon a:active	{font-weight:600; color: #000; text-decoration: none;}
.XEMlinkButtonIcon a:hover    {font-weight:600; color: #000; text-decoration: none;}
.XEMlinkButtonIcon a:link		{font-weight:600; color: #000; text-decoration: none;}
.XEMlinkButtonIcon a:visited	{font-weight:600; color: #000; text-decoration: none;}

.watermark
{
color:#999;
}

.verticaltext
{
writing-mode: tb-rl;
filter: flipH() flipV();
}

.fortyfivedegreetext
{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform:rotate(-45deg);
}

.XEMhelpComponentHeader
{
color:#FFF;
background-color: #4e2d8d;    
font-size: 1.25rem;
vertical-align: middle;
height: 50px;
}

.XEMheader
{
color:#FFF;
background-color: #4e2d8d;    
}

td img 
{
vertical-align:middle;
}

.FormatRadioButtonList
{
margin-right: 15px;
}

.XEMpageFooterLine
{
color:#968bb8;
text-align:center;
vertical-align:middle;
}

.LWpush
{    
height: 20px; /* .push must be the same height as .footer */
}

.TApersonCfgSummary
{
background-color: #FFF;
}

.TDpersonCfgHeader
{
color:#FFF;
background-color:#968bb8;
vertical-align:text-top;
padding-left:10px;
}

.TDnameRowOdd  { background-color: #FFF; font-weight:700; vertical-align:text-top; padding: 5px 5px 5px 10px; }
.TDvaluRowOdd  { background-color: #FFF; font-weight:400; vertical-align:text-top; }
.TDactionRowOdd  { background-color: #FFF; font-weight:400; vertical-align:text-top; }

.TDnameRowEven { background-color: #EEEEEE; font-weight:700; vertical-align:text-top;  padding: 5px 5px 5px 10px; }
.TDvaluRowEven { background-color: #EEEEEE; font-weight:400; vertical-align:text-top; }
.TDactionRowEven  { background-color: #EEEEEE; font-weight:400; vertical-align:text-top; }

.XEMerr
{
color:#FFF !important ;
background-color:#CC0000 !important;
}

.XEMerrPadded
{
color:#FFF !important ;
background-color:#CC0000 !important;
padding:3px;
}

.XEMlblSysadmin {
color: #FF0000;
background-color: #fffecc;
font-weight:bold;
}

.XEMlblError {
color: #CC0000;
font-weight:bold;
}

.XEMlblSuccess {
color: #00AA00;
font-weight:bold;
}

.XEMlbl80
{
width: 100px;
vertical-align:top;
color: #255194;
}

a.addNewLink:link, a.addNewLink:visited, a.addNewLink:hover, a.addNewLink:active {
    color: #FFF;
    font-weight: 700;
    background-color: #006EBA;
    border: none;
    padding: 3px 10px 3px 10px;
    height: 31px;
    border-radius: 4px;
}

.TBLallRightContent
{
background-color: #FFF;
color:#000;
border : 2px solid;
border-top-color : #000;
border-left-color : #000;
border-right-color : #000;
border-bottom-color : #000;
}

.TBLmenu
{
background-color: #FFF;
color:#000;
border : 0px solid;
border-top-color : #000;
border-left-color : #000;
border-right-color : #000;
border-bottom-color : #000;
overflow:hidden;
}

.PopUpModalScrollOverflow
{
background-color: #FFF;
border-color: #cccccc; 
max-height: 90%; 
max-width: 90%; 
overflow: auto;
}

.TBLmenuOptionalSiteTopLabel
{
font-weight:400;
color: #CC0000;
overflow:hidden;
}

#MAmainMenuDiv {
    -ms-overflow-style: none;  // IE 10+
    overflow: -moz-scrollbars-none;  // Firefox
}

#MAmainMenuDiv::-webkit-scrollbar { 
    display: none; 
}

.TAmibo
{
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #943D91;
}

.TBLloginPage
{
color:#FFF;
background-color: #943D91;
border : 2px solid;
border-top-color : #000;
border-left-color : #000;
border-right-color : #000;
border-bottom-color : #000;
}

.TBLloginPage tr td {
padding-top: 8px;
padding-bottom: 8px;
}

.LoginPageText {
color:white;
}

.TBLcookieWarning
{
background-color: #FFFFCC;
color:#000;
border : 2px solid;
border-top-color : #000;
border-left-color : #000;
border-right-color : #000;
border-bottom-color : #000;
}

.TDmenuSiteDescAndLogo
{
color:#000;
background-color: #FFF;
}

.TAmibo > tbody > tr {
    padding: 2px 0;
    display: block;
}

.TDmenuTop
{
padding:0px 0px 0px 4px !important;
color:#FFF;
background-color: #4e2d8d;    
width:90%;
font-size: 0.8750rem;
}

.TDmenuTop a {
    font-weight: 700 !important;
}

/* Company title above menu, below company image */
.TDmenuHeaderLWMtitle
{
color:#FFF;
background-color: #968bb8;
}

.TDmenuExpColps
{
height:28px !important;
padding:0px 6px 0px 6px !important;
color:#FFF;
background-color: #4e2d8d;
width:10%;
}

.TDmenuIcon
{
font-size:6px;
width: 18px;
text-align:center;
vertical-align:middle;
color:#EEF1F3;
padding-left:4px;
}

.TDmenuItem
{
width: 198px;
color:#FFF !important;
background-color: #943D91;  
font-weight: 700;
vertical-align:middle;
}

.TDmenuItem a {
    color:#FFF !important;
    font-size: 0.8750rem;
    font-weight: 400 !important;
    padding-top: 2px;
    padding-bottom: 2px;
    display: inline-block;
    padding-left: 4px;
}

.TAcopyMibo
{
border:1px solid #000;
}

.TDcopyMenuItem
{
width: 198px;
color:#000;
background-color: #FFF;  
font-weight: 700;
vertical-align:middle;
}

.XEMpageTitleheader
{
color: #FFF;
background-color: #794FBC;
font-weight:400;
padding: 5px;
}

.XEMsectionHeader
{
color: #FFF;
background-color: #943D91;    
font-weight:400;
padding: 10px;
}

.XEMpopupPanel.player .XEMgridViewRow > td {
    padding: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.TDblackboldHdr
{
color:#000;
font-weight:400;
}

.XEMpageTitleMiddle
{
color:#FFF;
background-color: #4e2d8d;    
font-weight:400;
}

.XEMpageHelpHeader
{
color:#000;
font-weight:bold!;
background-color: #fbe9d7;
padding: 8px 0px 8px 0px;
}

.XEMpageHelpContent
{
color:#000;
background-color: #fbe9d7;
font-weight:normal;
padding: 10px;
}

.XEMsupportNotesHeader
{
color:#000;
font-weight:bold!;
background-color: #FF9999;
padding: 8px 0px 8px 0px;
}

.XEMsupportNotesContent
{
color:#000;
background-color: #FF9999;
font-weight:normal;
padding: 10px;
}

.XEMpopupPanel
{
background-color: #FFF;
color:#000;
padding: 5px;
}

.XEMpopupPanel.subTable td {
    padding: 5px;
}

.XEMpopupPanelTR > td {
    padding: 5px;
}

.modalBackground 
{
background-color:Gray;
filter:alpha(opacity=50);
opacity:0.5;
}

a			{font-weight: 400; color: #000; text-decoration: underline;}
a:active	{font-weight: 400; color: #000; text-decoration: underline;}
a:hover		{font-weight: 400; color: #000; text-decoration: underline;}
a:link		{font-weight: 400; color: #000; text-decoration: underline;}
a:visited	{font-weight: 400; color: #000; text-decoration: underline;}

a.menu			{color: #FFF; text-decoration: none;}
a.menu:active	{color: #FFF; text-decoration: none;}
a.menu:hover	{color: #FFF; text-decoration: none;}
a.menu:link		{color: #FFF; text-decoration: none;}
a.menu:visited	{color: #FFF; text-decoration: none;}

a.big			{font-weight: 400; color: #000; text-decoration: underline;}
a.big:active	{font-weight: 400; color: #000; text-decoration: underline;}
a.big:hover		{font-weight: 400; color: #000; text-decoration: underline;}
a.big:link		{font-weight: 400; color: #000; text-decoration: underline;}
a.big:visited	{font-weight: 400; color: #000; text-decoration: underline;}

.XEMgridViewHeader
{
color: #FFF;
background-color: #943D91;
padding:8px;
height: 40px;
border: 1px solid #E8E8E8;
font-weight: 700;
}

.XEMgridViewHeader a:link, .XEMgridViewHeader a:visited, .XEMgridViewHeader a:hover, .XEMgridViewHeader a:active {
    color : #FFF;
    background-color: #943D91;
    height: 40px;
    font-weight: 700;
    text-decoration : underline;
}

.XEMgridViewHeaderCenter
{
color: #FFF;
background-color: #943D91;
padding:8px;
height: 40px;
border: 1px solid #E8E8E8;
font-weight: 700;
}

.XEMgridViewHeaderCenter th {
    vertical-align: top;
    text-align: center;
    padding: 10px;
}

td.left, th.left {
    text-align: left;
}

.XEMgridViewHeader th
{
text-align:left;
font-weight:700;
vertical-align: middle;
padding-right: 10px;
}

.XEMgridViewHeader > th:nth-of-type(1), .XEMgridViewRow > td:nth-of-type(1), .XEMgridViewAltRow > td:nth-of-type(1), .XEMgridViewAlert > td:nth-of-type(1), .XEMgridViewAltRowEnabled > td:nth-of-type(1), .XEMgridViewRowHighlight > td:nth-of-type(1) {
    padding-left: 10px;
}

.XEMgridViewRow > td, .XEMgridViewAltRow > td, .XEMgridViewAlert > td, .XEMgridViewAltRowEnabled > td, .XEMgridViewRowHighlight > td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.XEMgridViewRow, .XEMgridViewAltRow, .XEMgridViewAlert, .XEMgridViewAltRowEnabled {
    border-bottom: 1px solid #E8E8E8;
}

.mainTable {
    border-collapse: collapse;
}

.XEMgridViewRow
{
color:#000;
background-color:#FFF;
vertical-align:center;
}
.XEMgridViewRow:hover
{
background-color:#ccc0f0;
}
.XEMgridViewAltRow
{
color:#000;
background-color:#EEF1F3;
}
.XEMgridViewAltRow:hover
{
background-color:#ccc0f0;
}

.XEMgridViewAltRowEnabled
{
color:#FFF;
background-color:#0C0;
}
.XEMgridViewAltRowEnabled:hover
{
color:#FFF;
background-color:#0A0;
}

.XEMgridViewAlt2Row
{
color:#000;
background-color:#EEEEEE;
vertical-align:center;
}


.XEMgridViewHighlight
{
color:#FFF;
background-color:#005;
vertical-align:top;
}


.XEMgridViewHighlightMid
{
color:#FFF;
background-color:#005;

vertical-align:middle;
}

.XEMgridViewBlank
{
color:#000;
background-color:#FFF;
vertical-align:top;
}

.XEMgridViewAlert
{
color:#FFF;
background-color:red;
}

.XEMgridViewWarning
{
color:#000;
background-color:#FFFF00;
vertical-align:top;
}

.XEMgridViewRowGrey
{
color:#000;
background-color:#EEEEEE;
vertical-align:top;
}

.XEMgridViewRowHighlight
{
color:#FFF;
background-color:#968bb8;
vertical-align:top;
}

.XEMgridViewFooter
{
color:#000;
font-weight:400;
padding-left: 7px;
}

.XEMgridViewFooter td
{
padding-left: 3px;
padding-right: 3px;
padding-top: 12px;
padding-bottom: 12px;
}

.XEMgridViewFooter > td {
    padding-left: 7px;
}

a.XEMgridViewFooter,	a.XEMgridViewFooter:active, a.XEMgridViewFooter:hover, a.XEMgridViewFooter:link, a.XEMgridViewFooter:visited {
font-weight:700;
background-color: #F3A761;
padding: 5px 10px;
border-radius: 4px;
}

/* Selected Page */
.XEMgridViewFooter span {
background-color: #5F5F5F;
border-radius: 4px;
color: #FFF;
text-align: center;
width: 30px;
height: 23px;
display: block;
padding-top: 4px;
}

.XEMgridViewFooter a {
text-align: center;
    font-weight:700;
    color: #000;
    background-color: #F3A761;
    width: 30px;
    height: 23px;
    display: block;
    padding-top: 4px;
border-radius: 4px;
}

a.XEMikl        {font-style: italic; font-weight:400; color: #000; text-decoration: underline;}
a.XEMikl:active {font-style: italic; font-weight:400; color: #000; text-decoration: underline;}
a.XEMikl:hover  {font-style: italic; font-weight:400; color: #000; text-decoration: underline;}
a.XEMikl:link   {font-style: italic; font-weight:400; color: #000; text-decoration: underline;}
a.XEMikl:visited{font-style: italic; font-weight:400; color: #000; text-decoration: underline;}

.DIVgraph
{
background-color : #968bb8;
border : 1px solid;
}

.LBpersonStatusSummaryReport
{
background-color:#000099;
color:#FFF;
font-weight:400;
border-top:2px solid;
border-top-color:#FFF;
border-left-color:#000;
border-right-color:#000;
border-bottom-color:#FFF;
border-bottom:2px solid;
}

.TDprsnNameOdd   { font-weight:400; vertical-align:text-top; }
.TDprsnValuOdd   { font-weight:400; vertical-align:text-top; }
a.TDprsnValuOdd  { font-weight : normal !important; vertical-align:text-top; text-decoration:underline; }
.TDprsnNameEven   { font-weight:400; vertical-align:text-top; }
.TDprsnValuEven   { font-weight:400; vertical-align:text-top; }
a.TDprsnValuEven  { font-weight : normal !important; vertical-align:text-top; text-decoration:underline; }

.txtCenter
{
text-align:center !important;
}

.txtLeft
{
text-align:left !important;
}

.paddingLeft {
padding-left: 10px;
}

#menu2header {
position: absolute;
left: 8px;
top: 8px;
background-color:#FF0;
border: 1px solid green;
}

#menu2first {
position: absolute;
left: 8px;
top: 200px;
width: 208px;
border: 1px solid red;
background:rgba(0,0,0,0.1);
z-index:101;
}

#menu2second {
position: absolute;
left: 232px;
top: 0px;
width: 208px;
border: 1px solid green;
display : none;
background-color:#dfFFf8;
}   

.menu2module {
display:inline-block;
padding:4px;
background-color:#9f9;
}

.menu2item {
display:inline-block;
border:4px;
padding:4px;
background-color:#ff9;
}

.TDbuttons
{
white-space:nowrap;
width: 1px;
}

.DIVcookieWarning
{
position:fixed; 
width:100%; 
height:70px; 
padding:0px; 
bottom:0px;
}

@media only screen and (max-height: 650px) {
    .DIVcookieWarning {
        display: none;
    }
}

.TDmenuExpColps input[type=image] {
    width: 13px;
    height: 13px;
}

select {
    cursor:pointer;
}

input[type="text"], select, input[type="password"] {
    border: 1px solid #D8D5D5;
    background-color: #F8F8F8;
    height: 22px;
    font-family: 'Karla', sans-serif;
    padding: 2px 10px;
    border-radius: 4px;
    outline: none;
}

textarea {
    border: 1px solid #D8D5D5;
    background-color: #F8F8F8;
    padding: 5px 0;
    font-family: 'Karla', sans-serif;
    border-radius: 4px;
}

.opactiontextarea {
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=checkbox] {
         position: relative;
	       cursor: pointer;
    }
    input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 16px;
         height: 16px;
         top: 0;
         left: 0;
         border: 1px solid #D8D5D5;
         border-radius: 4px;
         background-color: #F8F8F8;
}
    input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid #4e2d8d;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 2px;
         left: 6px;
}

.xc_lbi {
    position:relative;
}

.xc_lbi span {
    color:#FFF;
    font-weight: 700;
    font-size:0.95rem !important;
    display:inline-block;
    position: absolute;
    left: 12px;
    top: 6px;
}

.account .xc_lbi span {
    position:static;
}

a.XemLinkIcon, a.XemLinkIcon:visited, a.XemLinkIcon:active, a.XemLinkIcon:link {
    color:#000;
    background-color: #F3A761;
    font-weight: 700;
    padding: 4px 10px 4px 10px;
    text-decoration:none;
    border-radius: 4px;
    display: inline-block;
}

a.XemLinkIconDisabled, a.XemLinkIconDisabled:visited, a.XemLinkIconDisabled:active, a.XemLinkIconDisabled:link {
    color:#FFF;
    background-color: #999;
    font-weight: 700;
    padding: 4px 10px 4px 10px;
    text-decoration:none;
    border-radius: 4px;
    display: inline-block;
}

a.XCLogout, a.XCLogout:visited, a.XCLogout:active, a.XCLogout:link {
    color:#FFF;
    font-weight: 700;
    text-decoration:none;
    display: inline-block;
}

div.account .xc_lbi {
    margin-left:60px;
    margin-right: 10px;
}

.validation-image-center {
    display: block;
    margin: 0 auto;
}

.persons-inactive-td .xc_container {
    margin-bottom: 20px;
}

label.label, span.label, .XEMlbl {
    color:#000;
    font-weight:bold; 
}

tr.XEMlbl {
    display: contents;  
}

td.XEMlbl {
    padding-left: 10px;
    padding-right: 10px;
}

td.XEMlblCheckbox {
    color:#000;
    font-weight:bold; 
    padding-left: 10px;
    padding-right: 10px;
    height:30px;
}


.glyph{
    position: relative;
    left: 35px;
    pointer-events: none; //this makes the glyph clickable as part of the input
}

.xc_lbi {
    display: inline-block;
}

tr.spacing {
    height: 10px;
}

.dashboardTable {
    width: 100%;
}
.dashboardBox {
    background-color: #FAFAFA;
    border: 1px solid #E8F1FF;
    margin-right: 3%;
    display: inline-block;
}

.dashboardBox hr {
    width: 100%;
    height: 8px;
}

.dashboardBox .content {
    text-align: center;
    padding: 10px;
}

.dashboardBox .content .data {
    color: #5F5F5F;
    font-weight: 700;
}

.dashboardBox .content .title {
    color: #5F5F5F;
    font-weight: 400;
}

.dashboardBox.blue hr {
    background-color: #006EBA !important;
}

.dashboardBox.darkBlue hr {
    background-color: #1C3D6F !important;
}

.dashboardBox.green hr {
    background-color: #00985F !important;
}

.dashboardBox.orange hr {
    background-color: #E94E1B !important;
}

.dashboardBox.gray hr {
    background-color: #5F5F5F !important;
}

.dashboardHeader {
    color: #5F5F5F;
    margin: 15px 0;
}

.hierarchySelect {
    padding-right: 20px !important;
}

.xc_ddli {
  position: relative;
  float: left;
    margin-right: 10px;
}

.xc_ddli:after {
    content: '\f078'; /* chevron-down */
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    color: #000;
    background-color: #F3A761;
    right: 1px;
    top: 0px;
    padding: 5px 2px 5px 2px;
    position: absolute;
    pointer-events: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.xc_ddli select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    line-height: 1.75;
    -ms-word-break: normal;
    word-break: normal;
    border: 1px solid #D8D5D5;
    background-color: #F8F8F8;
    height: 28px;
    padding: 0;
    border-radius: 4px;
    padding-left: 5px;
}

.logout-btn {

}

#TAcontentHolder, .help-tb {
width: 100%;
}

table {
    border: none;
    border-spacing: 0;
}

.none {
    display:none;
}

#menu-tb {
width: 224px;
}
.leftRightPadding {
    padding: 0 10px;
}
.padding10 {
    padding: 0 10px 10px 10px;
}

.bottomAlign td {
    vertical-align: bottom;
}
.leftAlignFirstTd > td:nth-child(1) {
    text-align: left;
}

.peoplePermissionTable td {
    padding: 5px;
}


.fromToTable td {
    padding: 3px;
}

.AddNewProfilePopUp {
    background-color: #fff;
}

.settingsHeaderBox {
    font-weight: 700;
    padding: 12px 10px !important;
}

.detailsTable > tbody > tr > td {
    padding-top: 4px;
    padding-bottom: 4px;
}

.settingsTable > tbody > tr > td {
    padding: 8px;
    vertical-align: middle;
}

.settingsTable input[type=text], .settingsTable select, .settingsTable textarea {
    padding-left: 8px;
    padding-right: 8px;
}

.settingsTable select {
    padding-right: 35px !important;
}

.xc_container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 25px;
    cursor: pointer;
    vertical-align: middle;
}

/* Hide the browser's default checkbox */
.xc_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    vertical-align: middle;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.xc_checkmark {
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.xc_container:hover input ~ .xc_checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.xc_container input:checked ~ .xc_checkmark {
  background-color: #F3A761;
}

/* Create the checkmark/indicator (hidden when not checked) */
.xc_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.xc_container input:checked ~ .xc_checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.xc_container .xc_checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* radio button css */
input[type='radio'] {
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    outline: none;
    border: 12px solid #ccc;
    margin-top:-3px;
    vertical-align: middle;
    cursor: pointer;
}

input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
}

input[type="radio"]:checked:before {
    background: white;

}

input[type="radio"]:checked {
    border: 9px solid #006EBA;
}

.XEMrbl label {
    padding-left:3px;
    padding-right:5px;
}
.XEMrbl td {
    padding-top:8px;
    padding-bottom:5px;
}

.width100 {
    width: 100%;
}
.settingsConfiguredProfiles tr td {
    padding: 10px;
}
div.account a {
    display:inline-block;
    float:right;
}
.powerBIcontainer{
    position: absolute;
    top: 55px;
    left: 224px;
    right: 0;
    bottom: 0;
}
.powerBIcontainer iframe {display: block; width: 100%; height: 100%;}


