@CHARSET "ISO-8859-1";

/*
Dark Blue:  004a7a
Orange:  ff6908
Grey:  3a444a
Old Grey: 646666
*/

/* LUX OVERRIDES */

.LUX_BUTTON:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_BLUE:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM_BLUE:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG_BLUE:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_RED:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM_RED:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG_RED:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_YELLOW:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM_YELLOW:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG_YELLOW:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_GREY:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM_GREY:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG_GREY:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_BLACK:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_SM_BLACK:hover { box-shadow:0px 0px 10px #ff6908; }
.LUX_BUTTON_LG_BLACK:hover { box-shadow:0px 0px 10px #ff6908; }


.PP_BODY { background-color:#3a444a }
.PP_BANNER { position:fixed; top:0px; left:0px; width:100%; height:90px; background:white url("/images/logo.png") no-repeat 30px 12px; z-index:100; }
.PP_DESKTOP {position:fixed;top:0px;left:0px;bottom:0px;right:0px;padding-top:90px;/* overflow:auto; */z-index:1;}
.PP_PERFORMER { position:fixed; top:0px; left:0px; bottom:0px; right:0px; overflow:hidden; z-index:1; }
.PP_PERFORMER_MASK { position:fixed; top:0px; left:0px; bottom:0px; right:0px; overflow:hidden; z-index:2; opacity:0.0; filter:alpha(opacity=0); }
.PP_PERFORMER_OPTIONS_LEFT { position:fixed; top:0px; left:0px; width:4em; height:100%; overflow:hidden; z-index:200; }
.PP_PERFORMER_OPTIONS_RIGHT { position:fixed; top:0px; right:0px; width:4em; height:100%; overflow:hidden; z-index:200; }
.PP_PERFORMER_OPTIONS_ITEM { height:25%; color:#fff; opacity:0.1; filter:alpha(opacity=10); overflow:hidden; }
.PP_PERFORMER_OPTIONS_BUTTON { position:relative; top:50%; width:100%; transform:translate(0,-.5em); font-size:3em; text-align:center; vertical-align:middle; } 
.PP_PERFORMER_CMDBAR { position:fixed; bottom:0px; left:0px; width:100%; height:3em; color:#fff; background-color:#000; overflow:hidden; z-index:201; }
.PP_PERFORMER_CMDBAR_SECTION { display:inline-block; height:inherit; overflow:hidden; }
.PP_PERFORMER_CMDBAR_MODULE { display:inline-block; height:2.5em; width:2.5em; margin-top:0.25em; margin-left:0.25em; border-radius:2px; color:#fff; background-color:#000; overflow:hidden; }
.PP_PERFORMER_CMDBAR_ELEMENT { display:inline-block; height:2.5em; width:2.5em; margin-top:0.25em; margin-left:0.25em; border-radius:50%; color:#000; background-color:#fff; line-height:2.5em; text-align:center; overflow:hidden; }
.PP_PERFORMER_DEPTHGUAGE { position:fixed; bottom:0px; right:0px; height:3em; color:#fff; background-color:#000; overflow:hidden; z-index:202; }
.PP_PERFORMER_DEPTHGUAGE_ELEMENT { display:inline-block; height:100%; width:0.5em; margin-right:0.25em; background-color:#ff6908; overflow:hidden; z-index:202; }
.PP_PERFORMER_SELECTED { opacity:1.0; filter:alpha(opacity=100);  }
.PP_PERFORMER_UNSELECTED { opacity:0.25; filter:alpha(opacity=25);  }






.PP_FILL {height:100%;width:100%;}
.PP_HFILL { width:100%; }
.PP_VFILL { height:100%; }
.PP_VSCROLL { overflow-y:auto; overflow-x:hidden; }
.PP_HSCROLL { overflow-x:auto; overflow-y:hidden; }
.PP_SCROLL {overflow:auto;}
.PP_NOSCROLL { overflow:hidden; }
.PP_H1 { margin-top:20px; font-size:1.25em; font-weight:bold; color:#004a7a; }
.PP_H2 { margin-top:20px; font-size:1.25em; font-weight:bold; color:#ff6908; }
.PP_P { margin-top:8px; font-size:1em; font-weight:normal; color:#333333; }
.PP_P2 { margin-top:8px; font-size:.8em; font-weight:normal; color:#333333; }

.PP_SEGMENT2 { display:inline-block; height:100%; width:50%; overflow:hidden; }
.PP_SEGMENT3 { display:inline-block; height:100%; width:33.3%; overflow:hidden; }
.PP_SEGMENT4 { display:inline-block; height:100%; width:25%; overflow:hidden; }
.PP_SEGMENT5 { display:inline-block; height:100%; width:20%; overflow:hidden; }

.PP_LAUNCH_PAD { position:absolute; top:0px; left:0px; height:100%; width:100%; padding-top:125px; overflow-y:auto; overflow-x:hidden; text-align:center; z-index:1; }
.PP_LAUNCH_PAD_ITEM { position:relative; display:inline-block; width:20em; margin-bottom:4em; }
.PP_LAUNCH_PAD_ICON { margin:auto; height:5em; width:10em; line-height:6.25em; overflow:hidden; text-align:right; border:3px solid #ccc; border-top-left-radius:1em; border-top-right-radius:1em; border-bottom-left-radius:1em; background-color:#ff6908; color:#fff; font-size:1.2em; padding:.75em; }
.PP_LAUNCH_WATERMARK { position:absolute; top:5px; left:1.25em; font-size:4em; color:#fff; opacity:0.25; filter:alpha(opacity=25); }

.PP_ROLODEX_TAB { margin-left:5%; width:100%; height:2.5em; line-height:2.5em; font-size:1em; color:white; background-color:dimgray; text-align:left; border:1px solid dimgray; border-top-left-radius:8px; border-bottom-left-radius:8px; cursor:pointer; }
.PP_ROLODEX_TAB:hover { color:white; background-color:darkgray; border:1px solid lightgray; }
.PP_ROLODEX_TAB_SELECTED { margin-left:5%; width:100%; height:2.5em; line-height:2.5em; font-size:1em; color:black; background-color:white; text-align:left; border:1px solid white; border-top-left-radius:8px; border-bottom-left-radius:8px; cursor:context-menu; }
.PP_ROLODEX_TAB_SPACER { margin-left:5%; width:100%; height:.5em; }

.PP_NAV { position:absolute; top:0px; left:0px; height:100%; width:12em; padding-top:1em; background-color:dimgray; color:white; }
.PP_VIEW { position:absolute; height:100%; width:100%; padding-left:13em; padding-top:1em; background-color:white; color:black; }

.PP_ROLODEX2_TAB { margin-left:5%; width:100%; height:2.5em; line-height:2.5em; font-size:1em; color:dimgray; background-color:white; text-align:left; border:1px solid white; border-top-left-radius:8px; border-bottom-left-radius:8px; cursor:pointer; }
.PP_ROLODEX2_TAB:hover { color:dimgray; background-color:white; border:1px solid lightgray; }
.PP_ROLODEX2_TAB_SELECTED { margin-left:5%; width:100%; height:2.5em; line-height:2.5em; font-size:1em; color:black; background-color:lightgray; text-align:left; border:1px solid lightgray; border-top-left-radius:8px; border-bottom-left-radius:8px; cursor:context-menu; }
.PP_ROLODEX2_TAB_SPACER { margin-left:5%; width:100%; height:.5em; }
.PP_ROLODEX2_TAB_DISABLED { color:lightgray; background-color:white; cursor:none; }

.PP_NAV2 { position:absolute; top:0px; left:0px; height:100%; width:10em; padding-top:1em; background-color:white; color:dimgray; }
/* .PP_VIEW2 { position:absolute; height:100%; width:100%; padding-left:9em; padding-top:1em; background-color:lightgray; color:black; border-top-right-radius:8px; border-bottom-right-radius:8px; } */
.PP_VIEW2 { position:absolute; height:100%; width:100%; padding-left:11em; padding-top:1em; background-color:lightgray; color:black; border-radius:8px; }

.PP_BUTTON_BAR { width:100%; background-color:lightgray; x-text-align:center; margin-bottom:1em; border-radius:8px; padding:8px; }

.PP_FONTSTYLE_ITEM { width:100%; height:2em; line-height:2em; overflow:hidden; border:2px solid white; border-radius:8px; cursor:pointer; padding-left:.5em; }
.PP_KEYWORD_ITEM { display:inline-block; width:10em; height:2em; line-height:2em; overflow:hidden; border:2px solid white; border-radius:8px; cursor:pointer; padding-left:.5em; }

.PP_CUSTOM_ITEM { display:inline-block; height:7em; width:10em; margin-top:0.25em; margin-left:0.25em; color:#000; overflow:hidden; text-align:center; border:2px solid white; border-radius:4px; cursor:pointer; }
.PP_CUSTOM_ITEM_SELECTED { border:2px solid #ff6908; }
.PP_CUSTOM_ITEM_ICON { display:inline-block; height:3.5em; width:3.5em; margin-top:0.25em; border-radius:2px; overflow:hidden; }
.PP_CUSTOM_ITEM_CAPTION { font-size:0.6em; color:666; }

.PP_THUMB_ITEM { display:inline-block; height:6em; width:12em; margin-top:0.25em; margin-left:0.25em; color:#000; overflow:hidden; text-align:center; border:2px solid white; border-radius:4px; cursor:pointer; }
.PP_THUMB_ITEM_SELECTED { border:2px solid #ff6908; }
.PP_THUMB_ITEM_IMAGE { display:inline-block; height:5em; margin-top:0.25em; border-radius:4px; overflow:hidden; }

.PP_TOP_ITEM { display:inline-block; height:9em; width:16em; margin-top:0.25em; margin-left:0.25em; color:#000; overflow:hidden; text-align:center; border:2px solid white; border-radius:4px; cursor:pointer; }
.PP_TOP_ITEM_SELECTED { border:2px solid #ff6908; }
.PP_TOP_ITEM_IMAGE { display:inline-block; height:6em; margin-top:0.25em; border-radius:4px; overflow:hidden; }
.PP_TOP_ITEM_CAPTION { font-size:0.9em; color:666; }

.PP_SELECTABLE_ITEM { width:100%; height:2em; line-height:2em; color:#000; background-color:#fff; border-radius:4px; cursor:pointer; overflow:hidden; }
.PP_SELECTABLE_ITEM:hover { background-color:#CCC; }

.PP_SELECTABLE_ITEM2 { width:100%; height:2em; line-height:1.5em; font-size:1.5em; color:#000; background-color:#fff; border-radius:4px; cursor:pointer; overflow:hidden; }
.PP_SELECTABLE_ITEM2:hover { background-color:#CCC; }

.PP_POPUP_VIEW { position:fixed; top:0px; left:0px; bottom:0px; right:0px; background-color:#3a444a; }
.PP_POPUP_VIEW_ICONS { display:table-cell; width:10%; text-align:left; font-size:3em; color:#fff; text-align:center; vertical-align:top; }
.PP_POPUP_VIEW_AREA { display:table-cell; width:80%; height:100%; overflow:auto; }
.PP_POPUP_VIEW_FULL { display:inline-block; width:100%; height:100%; overflow:auto; }

/*
.PP_MENU_TAB { margin-left:5%; width:100%; height:2em; line-height:2em; font-size:1em; color:#333; background-color:#fff; text-align:left; border:1px solid #fff; border-radius:4px; cursor:pointer; }
.PP_MENU_TAB:hover { color:#004a7a; background-color:#ccc; border:1px solid #ccc; }
.PP_MENU_TAB_SELECTED { margin-left:5%; width:100%; height:2.5em; line-height:2.5em; font-size:1em; text-transform:uppercase; color:#004a7a; background-color:#f5f5f5; text-align:left; border:1px solid #cccccc; border-top-left-radius:8px; border-bottom-left-radius:8px; cursor:context-menu; }
.PP_MENU_ICON { line-height:2em; }
.PP_MENU_TAB_SPACER { margin-left:5%; width:100%; height:2.5em; font-size:1.25em; font-weight:bold; text-decoration:underline; }
*/

@media (max-width: 767px) {
    .DNP_LEFT_NAV { display:inline-block!important; height:100%; width:100px; background-color:#137dd2; color:white; vertical-align:top; overflow:hidden; }
	.DNP_VIEW_PANE { display:inline-block!important; height:100%; width:600px; background-color:#f5f5f5; color:black; vertical-align:top; overflow:auto; }
}

@media (min-width: 768px) and (max-width:991px) {
	.DNP_LEFT_NAV { display:inline-block!important; height:100%; width:150px; background-color:#137dd2; color:white; vertical-align:top; overflow:hidden; }
	.DNP_VIEW_PANE { display:inline-block!important; height:100%; width:610px; background-color:#f5f5f5; color:black; vertical-align:top; overflow:auto; }
}

@media (min-width: 992px) and (max-width:1199px) {
	.DNP_LEFT_NAV { display:inline-block!important; height:100%; width:200px; background-color:#137dd2; color:white; vertical-align:top; overflow:hidden; }
	.DNP_VIEW_PANE { display:inline-block!important; height:100%; width:790px; background-color:#f5f5f5; color:black; vertical-align:top; overflow:auto; }
}

@media (min-width: 1200px) and (max-width:1499px) {
	.DNP_LEFT_NAV { display:inline-block!important; height:100%; width:250px; background-color:#137dd2; color:white; vertical-align:top; overflow:hidden; }
	.DNP_VIEW_PANE { display:inline-block!important; height:100%; width:950px; background-color:#f5f5f5; color:black; vertical-align:top; overflow:auto; }
}

@media (min-width: 1500px) /*and (max-width:1799px)*/ {
	.DNP_LEFT_NAV { display:inline-block!important; height:100%; width:300px; background-color:#137dd2; color:white; vertical-align:top; overflow:hidden; }
	.DNP_VIEW_PANE { display:inline-block!important; height:100%; width:1200px; background-color:#f5f5f5; color:black; vertical-align:top; overflow:auto; }
}

/*
@media (min-width: 1800px) {
	.DNP_LEFT_NAV { display:inline-block!important; height:100%; width:300px; background-color:#137dd2; color:white; vertical-align:top; overflow:hidden; }
	.DNP_VIEW_PANE { display:inline-block!important; height:100%; width:1500px; background-color:#f5f5f5; color:black; vertical-align:top; overflow:auto; }
}
*/

/*
.DNP_V_CENTER { margin-top:100px; }
.DNP_V_SPACE { margin-top:1.5em; }

.DNP_VIEW { font-size:1em; color:#333333; font-weight:normal; width:95%; margin-left:1em; background-color:#ffffff; padding:2em; border:1px solid #cccccc; border-radius:18px; box-shadow:0px 5px 10px rgba(0,0,0,.2); }
.DNP_VIEW_PANEL { font-size:1em; color:#333333; font-weight:normal; width:90%; background-color:#ffffff; margin-left:5%; padding:2em; border:1px solid #cccccc; border-radius:18px; }

.DNP_SUMMARY { font-size:1em; color:#666666; font-weight:normal; width:95%; margin-left:1em; margin-bottom:1em; background-color:#ffffff; padding:1em; border:1px solid #cccccc; border-radius:18px; box-shadow:0px 5px 10px rgba(0,0,0,.2); }
.DNP_SUMMARY_HEADER { color:#333; font-wight:normal; text-align:left; font-size:1em; line-height:2em; border:1px solid #ffffff; border-radius:8px; }
.DNP_SUMMARY_HEADER_FIRST { background-color:#e3f0f7; color:#333; font-wight:normal; text-align:left; font-size:1em; line-height:2em; border:1px solid #ffffff; border-radius:8px; }
.DNP_SUMMARY_HEADER_LAST { background-color:#ddffdd; color:#333; font-wight:normal; text-align:left; font-size:1em; line-height:2em; border:1px solid #ffffff; border-radius:8px; }
.DNP_SUMMARY_HEADER_SELECTED { background-color:#cccccc; }
.DNP_SUMMARY_HEADER_DATA { }
.DNP_SUMMARY_TAG { background-color:#137dd2; color:#ffffff; border-radius:2px; }
.DNP_SUMMARY_ITEMS { padding-left:4em; color:#666666; font-wight:normal; text-align:left; font-size:1em; line-height:2em; }
.DNP_SUMMARY_ITEMS_DATA { border-bottom:1px solid #cccccc; }
.DNP_SUMMARY_SELECTED {  }

.DNP_ACCORDIAN_HEADER { color:#333; font-wight:normal; text-align:left; font-size:1em; line-height:2em; border:1px solid #ffffff; border-radius:8px; }
.DNP_ACCORDIAN_CONTENTS { padding-left:2em; color:#666666; font-wight:normal; text-align:left; font-size:1em; line-height:2em; }
.DNP_ACCORDIAN_SELECTED {  }

.DNP_DISPLAY { display:block; width:100%; background-color:#ffffff; font-size:1em; color:#333333; font-weight:normal; }

.DNP_DISPLAY_SPLIT { display:inline-block; width:49%; padding:.5em; }
.DNP_DISPLAY_SPLIT3 { display:inline-block; width:32%; padding:.5em; }
.DNP_DISPLAY_SPLIT4 { display:inline-block; width:24%; padding:.5em; }
.DNP_DISPLAY_SPLIT5 { display:inline-block; width:19%; padding:.5em; }

.DNP_DISPLAY_HEIGHT1 { height:5em; }
.DNP_DISPLAY_HEIGHT2 { height:10em; }
.DNP_DISPLAY_HEIGHT3 { height:15em; }
.DNP_DISPLAY_HEIGHT4 { height:20em; }
.DNP_DISPLAY_HEIGHT5 { height:25em; }
.DNP_DISPLAY_HEIGHT6 { height:30em; }
.DNP_DISPLAY_HEIGHT7 { height:35em; }
.DNP_DISPLAY_HEIGHT8 { height:40em; }
.DNP_DISPLAY_HEIGHT9 { height:45em; }
.DNP_DISPLAY_HEIGHT10 { height:50em; }

.DNP_DISPLAY_VIEW { display:inline-block; width:99%; height:99%; border:1px solid #cccccc; border-radius:18px; padding:.5em; overflow:auto; }
.DNP_DISPLAY_AREA { display:inline-block; width:99%; height:99%; padding:.5em; overflow:auto; }
.DNP_DISPLAY_BLOCK { display:inline-block; width:99%; height:99%; padding:.5em; overflow:hidden; }
.DNP_DISPLAY_FILL { display:inline-block; width:99%; height:99%; padding:0px; overflow:hidden; }

.DNP_WIDE_MODAL { position:absolute; display:none; top:10%; left:5%; width:90%; height:80%; padding:1em; background-color:#ffffff; color:#000000; text-align:left; border:3px solid #137dd2; box-shadow:0px 0px 10px #000000; border-radius:16px; }

.DNP_FAQ_ARTICLE { width:100%; padding:1em; background-color:#cccccc; color:#000000; font-size:.8em; line-height:1.5em; font-weight:100; border-radius:8px; white-space:normal; }

.DNP_BANNER { position:fixed; top:0px; left:0px; z-index:1000; height:55px; width:100%; background-color:white; border-bottom:1px solid #cccccc; margin-left:auto; margin-right:auto; } 
.DNP_HEADER { display:block; height:54px; font-size:1em; line-height:54px; margin-left:auto; margin-right:auto; overflow:hidden; }
.DNP_HEADER_SEGMENT_LEFT { display:inline-block; width:24%; height:54px; line-height:54px; text-align:left; border-right:1px solid #666666; font-size:1em; color:#137dd2; overflow:hidden; }
.DNP_HEADER_SEGMENT { display:inline-block; width:25%; height:54px; line-height:54px; text-align:center; border-left:1px solid #cccccc; border-right:1px solid #666666; font-size:1em; color:#137dd2; overflow:hidden; }
.DNP_HEADER_SEGMENT_RIGHT { display:inline-block; width:24%; height:54px; line-height:54px; text-align:center; border-left:1px solid #cccccc; font-size:1em; color:#137dd2; overflow:hidden; }

.DNP_TITLE_BAR { width:100%; text-align:center; margin-bottom:2em; }
.DNP_BUTTON_BAR { width:100%; background-color:#ccc; x-text-align:center; margin-bottom:1em; border-radius:8px; padding:8px; }

.DNP_H1 { margin-top:20px; font-size:1.25em; font-weight:bold; color:#137dd2; }
.DNP_H2 { margin-top:20px; font-size:1.25em; font-weight:bold; color:#0ba626; }
.DNP_P { margin-top:8px; font-size:1em; font-weight:normal; color:#333333; }
.DNP_P2 { margin-top:8px; font-size:.8em; font-weight:normal; color:#333333; }

.DNP_PROGRESS_SM { margin-top:.25em; border:2px; width:100px; height:.5em; margin-left:auto; margin-right:auto; border-radius:.5em; background-color:#BBBBBB; overflow:hidden; }
.DNP_PROGRESS_BAR_SM { background-color:#137dd2; width:0%; height:100%; }
.DNP_PROGRESS_BAR_SM_BLUE { background-color:#137dd2; width:0%; height:100%; }
.DNP_PROGRESS_BAR_SM_GREEN { background-color:#0ba626; width:0%; height:100%; }
.DNP_PROGRESS_BAR_SM_RED { background-color:#990000; width:0%; height:100%; }
.DNP_PROGRESS_BAR_SM_YELLOW { background-color:#d2d200; width:0%; height:100%; }
*/

* { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html, body { height: 100%; margin:0px; padding:0px; overflow-y: hidden; }

.PP_COMPLIER_HEADER_BAR {
	border-bottom: 2px solid #646666;
}

.navbar-fixed-side .navbar-nav .dropdown-menu > .active > a {
	background-color: #004A7A;
	color: #FF6908;
	font-weight: bold
}
.no-radius {
border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;
}
.no-pad-list{
padding-left: 1.2em;
}
.top-margin{ margin-top:15px; }

/* select with custom icons */
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper {
  padding: 0.5em 0 0.5em 3em;
}
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {
  height: 25px;
  width: 25px;
  top: 0.1em;
}

/* select with CSS avatar icons */
.avatar {
  background-repeat: no-repeat !important;
  padding-left: 30px;
}
.avatar {
  background-position: left top;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-image: none;
}
#content{
	background-color: white;
}
.PP_SCROLL{
	height: calc(100vh - 90px);
}