.portlet-form-button,.portlet-form-label,.PT_RATBOXCHART,.PT_RATBOX_ICONONLY_MARGIN,.PSHEADERTOOLBARFRAME,.PSIMAGE,.PSNOIMAGE,.PSPAGECONTAINER,.PSSTATICIMAGE,.RESET,.PTS_BREADCRUMBROW,.PTS_BREADCRUMBCLEARALL,.ptpg_jet_treeitem,.PTS_RSLT_CONTNR,.PTS_RSLT_FACET_CONTNR,.PTS_RSLT_GRID_CONTNR,.PTS_RSLT_FACETS{}
.EOPP_SCCHILDINDENT{background-color:rgb(0,255,0);}
.LEVEL1{background-color:rgb(153,153,102);}
.PTNAVSELPARENTEDGE{background-color:rgb(170,185,211);}
.PAHEADERTOOLBARFRAME{background-color:rgb(185,216,253);}
.PSACEPRF{background-color:rgb(192,192,192);border-width:2px;border-color:rgb(255,255,255);border-style:outset;}
.PALEGENDBACKGROUND{background-color:rgb(204,204,153);}
.portlet-menu,.PTNAVBACKGROUND,.PTNAVSELCHILDEDGEDK{background-color:rgb(211,220,232);}
.EOPP_SCSECTIONCONTENTDARK,.EOPP_SCSECTIONFOLDERDARK{background-color:rgb(211,220,232);border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(201,203,211);border-right-color:rgb(201,203,211);border-bottom-style:solid;border-right-style:solid;}
.PT_ORG_ACTION_SLCT_BG{background-color:rgb(212,219,217);overflow:auto;}
.PSSUBTABS{background-color:rgb(219,231,244);}
.PSACENOBORDER,.PSACEROWBLANK,.PSACEROWBLANKNB{background-color:rgb(223,231,236);}
.PSACEMYSC{background-color:rgb(223,231,236);vertical-align:top;}
.PSACECOL{background-color:rgb(223,231,236);vertical-align:top;text-align:right;}
.PT_ORGNODE_DASH{background-color:rgb(233,239,243);background-image:url(/cs/NBCCPRD/cache/PT_ORG_NODE_BG_1.gif);background-repeat:repeat-x;background-position:left top;padding-top:6px;padding-bottom:6px;border-width:1px;border-color:rgb(137,135,135);border-style:dashed;}
.PTNAVSELPARENTBK{background-color:rgb(234,239,245);}
.PSACECOMBOBUTTON{background-color:rgb(234,242,255);vertical-align:top;width:18px;height:17px;display:inline-block;cursor:pointer;}
.PTGRIDROWSELECT{background-color:rgb(238,238,238);}
.PT_SCHEMA_V_EDGE{background-color:rgb(238,238,238);margin-top:19px;margin-bottom:4px;margin-left:10px;margin-right:10px;padding-top:1px;padding-bottom:1px;padding-left:0px;padding-right:0px;border-left-width:1px;border-left-color:rgb(207,207,207);border-left-style:solid;width:1px;height:75px;white-space:nowrap;position:Absolute;}
.PT_SCHEMA_HOLDER{background-color:rgb(238,238,238);text-align:center;padding-top:0px;padding-bottom:3px;padding-left:3px;padding-right:3px;border-width:1px;border-color:rgb(194,195,196);border-style:solid;width:30px;height:113px;white-space:nowrap;position:Absolute;}
.EOPP_SCPAGEBORDER{background-color:rgb(239,239,239);}
.PAHEADERTOOLBARBODY{background-color:rgb(240,240,232);}
.PT_ORGNODE{background-color:rgb(242,246,247);background-image:url(/cs/NBCCPRD/cache/PT_ORG_NODE_BG_TANG_1.png);background-repeat:repeat-x;background-position:left top;padding-top:6px;padding-bottom:6px;border-width:1px;border-color:rgb(137,135,135);border-style:solid;}
.PT_ORG_ACTION_HVR_BG{background-color:rgb(249,254,168);overflow:auto;}
.PT_ORGNODE_SELECT_DASHED{background-color:rgb(252,255,210);background-image:url(/cs/NBCCPRD/cache/PT_ORG_NODE_SELECT_BG_1.gif);background-repeat:repeat-x;background-position:left bottom;text-align:left;padding-top:6px;padding-bottom:6px;border-width:1px;border-color:rgb(137,135,135);border-style:dashed;}
.PSFRAMECONFIRM,.PTGRIDROWMOUSEOVER{background-color:rgb(253,255,200);}
.PSFRAMECONFIRMWBO{background-color:rgb(253,255,200);border-width:1px;border-color:rgb(225,217,193);border-style:solid;}
.PT_ORGNODE_SELECT{background-color:rgb(253,255,205);background-image:url(/cs/NBCCPRD/cache/PT_ORG_NODE_SEL_BG_TANG_1.png);background-repeat:repeat-x;background-position:left top;text-align:left;padding-top:6px;padding-bottom:6px;border-width:1px;border-color:rgb(137,135,135);border-style:solid;}
.PSGRIDROWSELECTED{background-color:rgb(255,247,189);border-top-width:1px;border-bottom-width:1px;border-left-width:0px;border-right-width:0px;border-top-color:rgb(241,217,128);border-bottom-color:rgb(241,217,128);border-style:solid;}
.PTNAVSELCHILDEDGELT,.PTPOPUP_HEADER,.PTPOPUP_INNER{background-color:rgb(255,255,255);}
.PT_POPNODE{background-color:rgb(255,255,255);background-image:url(/cs/NBCCPRD/cache/PT_ORG_NODE_BG_1.gif);background-repeat:repeat-x;background-position:left bottom;padding-top:8px;padding-bottom:11px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:rgb(0,0,0);border-style:solid;}
.PT_POPNODE_SELECT{background-color:rgb(255,255,255);background-image:url(/cs/NBCCPRD/cache/PT_SLATE_BKG_1.gif);background-repeat:repeat-x;background-position:left bottom;padding-top:8px;padding-bottom:11px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-color:rgb(0,0,0);border-style:solid;}
.EOPP_SCSECTIONCONTENT{background-color:rgb(255,255,255);border-top-width:1px;border-bottom-width:0px;border-right-width:1px;border-top-color:rgb(230,230,230);border-right-color:rgb(230,230,230);border-top-style:solid;border-right-style:solid;}
.EOPP_SCSECTIONFOLDER{background-color:rgb(255,255,255);border-top-width:1px;border-right-width:1px;border-top-color:rgb(230,230,230);border-right-color:rgb(230,230,230);border-top-style:solid;border-right-style:solid;}
.PT_ORGCHART{background-color:rgb(255,255,255);border-width:1px;border-color:rgb(164,190,219);border-style:solid;overflow:auto;}
.PT_RATBOX_POPUP{background-color:rgb(255,255,255);border-width:2px;border-color:rgb(81,132,169);border-style:solid;}
.PT_ABN_ORGCHART,.PT_ORG_ACTION_BG{background-color:rgb(255,255,255);overflow:auto;}
.PT_NODE_SHADOW_BOTTOM_BG{background-image:url(/cs/NBCCPRD/cache/PT_NODE_SHADOW_BOTTOM_BG_1.gif);background-repeat:repeat-x;}
.PT_NODE_SHADOW_BR{background-image:url(/cs/NBCCPRD/cache/PT_NODE_SHADOW_BR_1.gif);background-repeat:no-repeat;background-position:top left;}
.PT_NODE_SHADOW_LB{background-image:url(/cs/NBCCPRD/cache/PT_NODE_SHADOW_LB_1.gif);background-repeat:repeat-x;}
.PT_NODE_SHADOW_RIGHT_BG{background-image:url(/cs/NBCCPRD/cache/PT_NODE_SHADOW_RIGHT_BG_1.gif);background-repeat:repeat-y;background-position:top right;}
.PT_NODESHADOW_TR{background-image:url(/cs/NBCCPRD/cache/PT_NODE_SHADOW_TR_1.gif);background-repeat:no-repeat;background-position:bottom right;}
.PT_SELECTED_NODE_SHADOW_BR{background-image:url(/cs/NBCCPRD/cache/PT_SELECTED_NODE_SHADOW_BR_1.gif);background-repeat:no-repeat;background-position:top left;}
.PT_SELECTED_NODE_SHADOW_LB{background-image:url(/cs/NBCCPRD/cache/PT_SELECTED_NODE_SHADOW_LB_1.gif);background-repeat:repeat-x;}
.PT_SELECTED_NODE_SHADOW_TR{background-image:url(/cs/NBCCPRD/cache/PT_SELECTED_NODE_SHADOW_TR_1.gif);background-repeat:no-repeat;background-position:bottom right;}
.PT_SEL_NODE_SHADOW_BOTTOM_BG{background-image:url(/cs/NBCCPRD/cache/PT_SEL_NODE_SHADOW_BOTTOM_BG_1.gif);background-repeat:repeat-x;}
.PT_SEL_NODE_SHADOW_RIGHT_BG{background-image:url(/cs/NBCCPRD/cache/PT_SEL_NODE_SHADOW_RIGHT_BG_1.gif);background-repeat:repeat-y;background-position:top right;}
.PT_SLATE_SHADOW_BG{background-image:url();background-repeat:repeat-x;}
.PT_SLATE_SHADOW_BOTTOM_BG{background-image:url(/cs/NBCCPRD/cache/PT_SLATE_SHADOW_BOTTOM_BG_1.gif);background-repeat:repeat-x;}
.PT_SLATE_SHADOW_BR{background-image:url(/cs/NBCCPRD/cache/PT_SLATE_SHADOW_BR_1.gif);background-repeat:no-repeat;background-position:top left;}
.PT_SLATE_SHADOW_RIGHT_BG{background-image:url(/cs/NBCCPRD/cache/PT_SLATE_SHADOW_RIGHT_BG_1.gif);background-repeat:repeat-y;background-position:top right;}
.PT_SLATE_SHADOW_TOPR{background-image:url(/cs/NBCCPRD/cache/PT_SLATE_SHADOW_TOPR_1.gif);background-repeat:no-repeat;background-position:bottom right;}
.portlet-form-field,.LEVEL2,.LEVEL3{background-repeat:repeat-y;}
.PSQRYTABLELEFTBORDER{border-left-width:1px;border-left-color:rgb(230,230,230);border-left-style:solid;}
.PSACESHDV{border-right-width:1px;border-right-color:rgb(213,220,238);border-right-style:solid;}
.PABACKGROUNDINVISIBLE,.PAFRAMELEVEL1NBO,.PAFRAMELEVEL2NBO,.PAFRAMELEVEL3NBO,.PAGROUPBOXLEVEL1NBO,.PAGROUPBOXLEVEL2NBO,.PAGROUPBOXLEVEL3NBO,.PSFRAMECONFIRMNBO,.PSFRAMENBO,.PSLEVEL1GRIDNBO,.PSLEVEL2GRIDNBO,.PSLEVEL3GRIDNBO,.PTPAGELET,.PTS_NOBORDER{border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PSRIGHTLEFTSCROLL{border-top-width:0px;border-bottom-width:0px;border-style:solid;}
.PSHORIZONTALRULE{border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;border-top-color:rgb(187,187,187);border-top-style:solid;border-bottom-style:none;border-left-style:none;border-right-style:none;height:1px;}
.PT_ORGCHART_CONNECT2{border-top-width:1px;border-left-width:1px;border-top-color:rgb(0,0,0);border-left-color:rgb(0,0,0);border-top-style:solid;border-bottom-style:none;border-left-style:solid;border-right-style:none;}
.PT_ORGCHART_CONNECT4{border-top-width:1px;border-left-width:1px;border-top-color:rgb(137,135,135);border-left-color:rgb(137,135,135);border-top-style:dashed;border-left-style:dashed;}
.PT_ORGCHART_CONNECT1{border-top-width:1px;border-left-width:1px;border-top-color:rgb(137,135,135);border-left-color:rgb(137,135,135);border-top-style:solid;border-left-style:solid;}
.PT_ORGCHART_CONNECT3{border-top-width:1px;border-left-width:1px;border-top-color:rgb(255,0,0);border-left-color:rgb(255,0,0);border-top-style:dotted;border-left-style:dotted;}
.PACFGRIDFOOT{border-top-width:1px;border-top-color:rgb(127,160,193);border-top-style:solid;}
.PAHORIZONTALRULELEVEL2,.PAHORIZONTALRULELEVEL3{border-top-width:1px;border-top-color:rgb(164,172,186);border-top-style:solid;}
.PAHORIZONTALRULELEVEL1{border-top-width:1px;border-top-color:rgb(164,172,186);border-top-style:solid;height:1px;}
.PSLEVEL1GRIDWBO,.PSLEVEL2GRIDWBO,.PSLEVEL3GRIDWBO{border-width:1px;border-color:rgb(201,206,213);border-style:solid;}
.portlet-menu-cascade-item-s,.PTSELECTBODY{border-width:1px;border-color:rgb(204,204,204);border-style:solid;}
.PT_RATBOX_GRIDLINE{border-width:1px;border-color:rgb(209,212,220);}
.PSFRAMEWBO{border-width:1px;border-color:rgb(225,217,193);border-style:solid;}
.PAFRAMELEVEL1,.PAFRAMELEVEL2,.PAFRAMELEVEL3,.PSFRAME{border-width:1px;border-color:rgb(230,230,230);border-style:solid;}
.PAFRAMELEVEL3WBO{border-width:1px;border-color:rgb(230,230,230);border-top-style:none;border-bottom-style:solid;border-left-style:solid;border-right-style:solid;}
.PAFRAMELEVEL1WBO,.PAFRAMELEVEL2WBO{border-width:1px;border-top-color:rgb(163,190,216);border-bottom-color:rgb(230,230,230);border-left-color:rgb(230,230,230);border-right-color:rgb(230,230,230);border-top-style:none;border-bottom-style:solid;border-left-style:solid;border-right-style:solid;}
.portlet-menu-description{border-width:2px;border-color:rgb(115,130,181);border-style:solid;}
.PSACEPRFDIVHID,.PSACEPRFIN{border-width:2px;border-color:rgb(255,255,255);border-style:outset;}
.PT_RATBOX_ICONONLY_BOX,.PT_RATBOX_ICONONLY_POPUP{border-width:2px;border-color:rgb(27,73,106);border-style:solid;}
.PT_RATBOX_SELECTED_BOX{border-width:2px;border-color:rgb(81,132,169);border-style:solid;}
.portlet-section-header{border-width:thin;border-color:rgb(184,176,144);border-style:solid;}
.PSTRELLINKSBODYNARROW{border-width:thin;border-color:rgb(40,66,119);border-style:solid;}
.PSTRELLINKSBODYWIDE{border-width:thin;border-color:rgb(40,66,119);border-style:solid;width:100%;}
.MUTE{color:rgb(153,153,153);}
.HILEFT2{color:rgb(229,229,204);}
.EDGE,.HILEFT1{color:rgb(255,255,255);}
.PTNAVSELCHILDBK{color:rgb(255,255,255);background-color:rgb(51,112,188);}
.PTGBLFILTERPIPE{color:rgb(51,51,51);vertical-align:baseline;line-height:100%;padding-left:5px;}
.PSPGIWCPUB{display:none;}
.PTCXMPAGELETHEADERBAK{font-family:Arial,Helvetica,sans-serif;font-size:10pt;font-weight:bold;color:rgb(0,0,139);background-color:rgb(186,208,231);padding-bottom:2px;padding-left:2px;padding-right:2px;border-width:1px;border-color:rgb(163,190,216);border-style:solid;}
.PTCXMPGLTHDRLINK{font-family:Arial,Helvetica,sans-serif;font-size:10pt;font-weight:bold;color:rgb(0,48,117);text-decoration: underline;}
.portlet-menu-item-hover-s{font-family:Arial,Helvetica,sans-serif;font-size:10pt;font-weight:bold;color:rgb(255,255,255);background-color:rgb(115,130,181);padding-bottom:2px;padding-left:2px;padding-right:2px;border-width:thin;border-color:rgb(115,130,181);border-style:solid;}
.PTCXMPGLTHDRLINKHOVER{font-family:Arial,Helvetica,sans-serif;font-size:10pt;font-weight:bold;color:rgb(43,124,146);text-decoration: underline;}
.PTSELECTHEADER{font-family:Arial,Helvetica,sans-serif;font-size:10pt;font-weight:normal;color:rgb(171,91,26);background-color:rgb(241,245,246);padding-bottom:2px;padding-left:2px;padding-right:2px;border-top-width:0px;border-bottom-width:1px;border-left-width:0px;border-right-width:0px;border-color:rgb(230,230,230);border-style:solid;}
.PTCXMPAGELETBODYBAK{font-family:Arial,Helvetica,sans-serif;font-size:10pt;margin-left:0px;padding-bottom:2px;padding-left:10px;padding-right:2px;border-width:1px;border-color:rgb(163,190,216);border-style:solid;}
.portlet-menu-cascade-item{font-family:Arial,Helvetica,sans-serif;font-size:10pt;padding-bottom:2px;padding-left:2px;padding-right:2px;border-width:thin;border-color:rgb(115,130,181);border-style:solid;}
.HEADERLINKACTIVE{font-family:Arial,Helvetica,sans-serif;font-size:8pt;color:rgb(255,255,255);text-decoration: none;}
.PSACEHEADERLINKACTIVE{font-family:Arial,Helvetica,sans-serif;font-size:8pt;color:rgb(255,255,255);text-decoration: underline;cursor:pointer;}
.PSTREELINK,.PSTREELINK:LINK,.PSTREELINK:VISITED{font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:rgb(0,0,0);text-decoration: none;}
.PTNAVLINKHOVER{font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:rgb(0,48,117);text-decoration: underline;text-indent:3px;}
.portlet-menu-item-hover{font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:rgb(204,0,51);text-decoration: underline;text-indent:3px;}
.HEADERLINK{font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:rgb(255,255,255);background-color:rgb(95,110,175);}
.PTCXMADMINBAR{font-family:Arial,Helvetica,sans-serif;font-size:9pt;font-weight:bold;color:rgb(0,48,117);line-height:19px;border-top-width:0px;border-bottom-width:1px;border-left-width:0px;border-right-width:1px;border-bottom-color:rgb(40,66,119);border-right-color:rgb(40,66,119);border-top-style:none;border-bottom-style:solid;border-left-style:none;border-right-style:solid;}
.PTCXMADMINLINK{font-family:Arial,Helvetica,sans-serif;font-size:9pt;font-weight:normal;color:rgb(0,48,117);text-decoration: underline;text-indent:4px;}
.PTPAGELETBODY{font-family:Arial,Helvetica;font-size:10pt;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;border-bottom-color:rgb(201,206,213);border-left-color:rgb(201,206,213);border-right-color:rgb(201,206,213);border-bottom-style:solid;border-left-style:solid;border-right-style:solid;}
.PTPAGELETHEADER{font-family:Arial,Helvetica;font-size:10pt;font-weight:bold;color:rgb(171,91,26);background-color:rgb(241,245,246);vertical-align:top;padding-left:2px;border-width:1px;border-color:rgb(201,206,213);border-style:solid;height:24px;}
.PTFRAMEOBJECTHEADER{font-family:Arial,Helvetica;font-size:10pt;font-weight:normal;color:rgb(171,91,26);background-color:rgb(241,245,246);vertical-align:top;padding-left:0px;border-width:1px;border-color:rgb(230,230,230);border-style:solid;height:24px;}
.PTNAVSEARCHLABEL{font-family:Arial,Helvetica;font-size:8pt;font-weight:bold;color:rgb(0,0,0);background-color:rgb(211,220,232);padding-top:3px;padding-bottom:1px;padding-left:2px;}
.portlet-menu-caption{font-family:Arial,Helvetica;font-size:8pt;font-weight:bold;color:rgb(0,0,0);background-color:rgb(211,220,232);text-align:left;padding-top:3px;padding-bottom:1px;padding-left:2px;}
.PTNAVLINK,.PTNAVLINK:ACTIVE,.PTNAVLINK:VISITED{font-family:Arial,Helvetica;font-size:9pt;color:rgb(0,48,117);text-decoration: underline;}
.PAXHYPERLINKHOVER,.PSHYPERLINKHOVER,.PSQRYHYPERLINKHOVER,.PSHYPERLINK:HOVER,.PSHYPERLINKNOUL:HOVER,.PSHYPERLINKNOULBOLD:HOVER,.PSNAVPARENTLINK:HOVER,.PSRALEFTWIDGET:HOVER,.PSRARIGHTWIDGET:HOVER,.PSSRCHRESULTSEVENROW:HOVER,.PSSRCHRESULTSODDROW:HOVER,.PTNAVLINK:HOVER,.PSQRYHYPERLINK:HOVER{font-family:Arial,Helvetica;font-size:9pt;color:rgb(171,91,26);text-decoration: underline;line-height:100%;}
.PTNAVSELCHILDLINK,.PTNAVSELPARENTLINK{font-family:Arial,Helvetica;font-size:9pt;color:rgb(255,255,255);text-decoration: none;}
.portlet-menu-item-selected{font-family:Arial,Helvetica;font-size:9pt;color:rgb(255,255,255);text-decoration: none;text-indent:3px;}
.PSNAVPARENTLINK,.PSNAVPARENTLINK:VISITED{font-family:Arial,Helvetica;font-size:9pt;color:rgb(52,52,52);text-decoration: none;}
.portlet-menu-item{font-family:Arial,Helvetica;font-size:9pt;color:rgb(74,89,140);text-decoration: underline;}
.PAXHYPERLINKACTIVE,.PSHYPERLINKACTIVE,.PSHYPERLINK:ACTIVE,.PSHYPERLINKNOUL:ACTIVE,.PSHYPERLINKNOULBOLD:ACTIVE,.PSNAVPARENTLINK:ACTIVE,.PSRALEFTWIDGET:ACTIVE,.PSRARIGHTWIDGET:ACTIVE,.PSSRCHRESULTSEVENROW:ACTIVE,.PSSRCHRESULTSHYPERLINK:ACTIVE,.PSSRCHRESULTSODDROW:ACTIVE{font-family:Arial,Helvetica;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,75,145);line-height:100%;}
.PT_MCFGRAYTEXT{font-family:Arial,Sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(60,60,60);}
.PT_ORGCHART_LEGEND{font-family:Arial,Verdana,sans-serif;font-size:11px;font-weight:normal;font-variant:normal;color:rgb(51,51,51);background-repeat:repeat-y;background-position:right top;text-align:center;padding-left:10px;padding-right:5px;}
.PTBREADCRUMB{font-family:Arial,helvetica,sans-serif;font-size:9pt;font-weight:normal;color:rgb(43,124,146);text-decoration: underline;}
.PTGBLFILTERLINKDISABLED,.PTGBLFILTERLINKDISABLED{font-family:Arial,sans-serif,;font-size:13px;font-weight:bold;font-style:normal;color:rgb(102,102,153);vertical-align:baseline;line-height:100%;padding-right:4px;white-space:nowrap;}
.PTGBLFILTERLINK{font-family:Arial,sans-serif,;font-size:13px;font-weight:bold;font-style:normal;color:rgb(102,102,153);vertical-align:baseline;line-height:100%;white-space:nowrap;}
.PSACEODDROW{font-family:Arial,sans-serif,;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(247,247,247);text-align:left;border-top-width:1px;border-left-width:1px;border-top-color:rgb(198,206,210);border-left-color:rgb(198,206,210);border-top-style:solid;border-left-style:solid;}
.PSPAGECUST{font-family:Arial,sans-serif;background-color:rgb(221,221,221);border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PSPAGE{font-family:Arial,sans-serif;background-color:rgb(255,255,255);margin-top:0px;margin-left:2px;}
.PSSRCHPAGE,.PTS_SRSLTSGB{font-family:Arial,sans-serif;background-color:rgb(255,255,255);margin-top:1px;margin-left:6px;}
.PAGROUPBOXLABELINVISIBLE{font-family:Arial,sans-serif;font-size:0%;font-weight:normal;font-style:normal;color:rgb(255,255,255);border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.MID{font-family:Arial,sans-serif;font-size:10pt;}
.PSSRCHGROUPBOXLABEL{font-family:Arial,sans-serif;font-size:10pt;font-weight:bold;font-style:normal;color:rgb(171,91,26);background-color:rgb(241,245,246);text-indent:1px;border-width:1px;border-color:rgb(40,66,119);border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PSLEVEL1GRIDLABEL,.PSLEVEL2GRIDLABEL,.PSLEVEL3GRIDLABEL{font-family:Arial,sans-serif;font-size:10pt;font-weight:bold;font-style:normal;color:rgb(171,91,26);background-color:rgb(241,245,246);text-indent:1px;padding-top:0.75px;padding-bottom:0.75px;padding-left:2px;padding-right:0.75px;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PAGROUPDIVIDER{font-family:Arial,sans-serif;font-size:10pt;font-weight:bold;font-style:normal;color:rgb(171,91,26);background-color:rgb(241,245,246);text-indent:1px;padding-top:1px;padding-bottom:3px;padding-left:5px;border-width:1px;border-color:rgb(201,206,213);border-style:solid;height:22px;}
.PSGROUPBOXLABEL{font-family:Arial,sans-serif;font-size:10pt;font-weight:bold;font-style:normal;color:rgb(171,91,26);background-color:rgb(241,245,246);text-indent:1px;padding-top:1px;padding-bottom:3px;padding-left:5px;border-width:1px;border-color:rgb(201,206,213);border-style:solid;height:auto;}
.PSLEVEL1SCROLLAREAHEADER,.PSLEVEL2SCROLLAREAHEADER,.PSLEVEL3SCROLLAREAHEADER{font-family:Arial,sans-serif;font-size:10pt;font-weight:bold;font-style:normal;color:rgb(171,91,26);background-color:rgb(241,245,246);text-indent:1px;padding:0.5px;}
.PT_MCFTABLEHEADER1{font-family:Arial,sans-serif;font-size:10pt;font-weight:bold;font-style:normal;color:rgb(52,52,52);background-color:rgb(186,208,231);background-position:640px;text-align:left;}
.PTSESRSLTRLTDINFO{font-family:Arial,sans-serif;font-size:10pt;font-weight:normal;color:rgb(28,81,128);cursor:hand;}
.PAGROUPBOXLABELLEVEL1,.PAGROUPBOXLABELLEVEL2,.PAGROUPBOXLABELLEVEL3{font-family:Arial,sans-serif;font-size:10pt;font-weight:normal;font-style:normal;color:rgb(171,91,26);background-color:rgb(241,245,246);text-indent:5px;border-width:1px;border-color:rgb(230,230,230);border-style:solid;}
.PT_MCFROW{font-family:Arial,sans-serif;font-size:10pt;font-weight:normal;font-style:normal;font-variant:normal;color:rgb(0,0,0);}
.PTSESRSLTEVENROW,.PTSESRSLTODDROW{font-family:Arial,sans-serif;font-size:10pt;font-weight:normal;text-decoration: none;margin-bottom:12px;}
.STRONG,.STRONGWRAP{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;}
.PTSESCURPAGE{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;color:rgb(0,0,0);text-decoration: none;padding-left:6px;}
.PTSESPAGENOLINK{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;color:rgb(178,178,178);text-decoration: none;padding-left:6px;cursor:hand;}
.PTSESPAGELINK,.PTSESPAGENOLINK:HOVER{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;color:rgb(178,178,178);text-decoration: underline;padding-left:6px;cursor:hand;}
.PTFACETHDGNB{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;color:rgb(65,98,145);text-decoration: none;text-align:left;width:225px;height:30px;}
.PTPAGENAVLINKDISABLED,.PTPAGENAVLINKDISABLED{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);vertical-align:baseline;line-height:100%;padding-left:3px;padding-right:3px;}
.PTPAGENAVDOTLINK,.PTPAGENAVDOTLINKDISABLED{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;font-style:normal;color:rgb(178,178,178);text-decoration: none;vertical-align:baseline;line-height:100%;padding-left:3px;padding-right:3px;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PTPAGENAVLINKHOVER,.PTPAGENAVLINK:HOVER{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;font-style:normal;color:rgb(178,178,178);text-decoration: underline;vertical-align:baseline;line-height:100%;padding-left:3px;padding-right:3px;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.portlet-section-subheader{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;font-style:normal;color:rgb(51,51,153);margin-top:1em;margin-bottom:0.3em;}
.PSSRCHTITLE,.PSQRYTITLE{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;font-style:normal;color:rgb(65,98,145);}
.PSQRYSUBTITLE{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;font-style:normal;color:rgb(65,98,145);margin-top:1em;margin-bottom:0.3em;}
.PTPAGENAVLINK,.PTPAGENAVLINK:LINK,.PTPAGENAVLINK:VISITED{font-family:Arial,sans-serif;font-size:11pt;font-weight:bold;font-style:normal;color:rgb(70,102,142);text-decoration: none;vertical-align:baseline;line-height:100%;padding-left:3px;padding-right:3px;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PSACEWARN{font-family:Arial,sans-serif;font-size:11pt;font-weight:normal;font-style:normal;background-color:rgb(253,238,170);border-width:1px;border-color:rgb(146,108,36);border-style:solid;}
.PSSRCHSUBTITLE{font-family:Arial,sans-serif;font-size:11pt;font-weight:normal;font-style:normal;color:rgb(65,98,145);margin-top:1em;margin-bottom:0.3em;}
.PSSRCHRESULTSHDR{font-family:Arial,sans-serif;font-size:11pt;font-weight:normal;font-style:normal;color:rgb(97,128,159);background-color:rgb(249,249,249);text-decoration: none;border-top-width:0px;border-bottom-width:2px;border-right-width:1px;border-top-color:rgb(230,230,230);border-bottom-color:rgb(230,230,230);border-right-color:rgb(230,230,230);border-top-style:solid;border-bottom-style:solid;border-right-style:solid;}
.PT_MCFHEADER{font-family:Arial,sans-serif;font-size:12pt;font-weight:bold;font-style:normal;color:rgb(58,90,135);vertical-align:bottom;width:640px;}
.PTFACETBREADCRUMB{font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:rgb(102,102,153);text-decoration: none;vertical-align:bottom;}
.PTFACETBREADCRUMBU{font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:rgb(102,102,153);text-decoration: underline;vertical-align:bottom;cursor:pointer;}
.PTGBLFILTERSBG{font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:rgb(238,238,238);text-decoration: none;vertical-align:baseline;line-height:100%;padding-top:5px;border-width:1px;border-color:rgb(228,228,228);border-top-style:solid;border-bottom-style:none;border-left-style:solid;border-right-style:solid;white-space:nowrap;}
.PTFACETBREADCRUMBTBL{font-family:Arial,sans-serif;font-size:13px;font-weight:normal;color:rgb(238,238,238);text-decoration: none;}
.PT_MCFPAGETITLE{font-family:Arial,sans-serif;font-size:14pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);}
.portlet-section-selected{font-family:Arial,sans-serif;font-size:14pt;font-weight:bold;font-style:normal;color:rgb(102,0,102);}
.PASTEPBYSTEPTITLE{font-family:Arial,sans-serif;font-size:14pt;font-weight:bold;font-style:normal;color:rgb(51,51,153);border-top-width:2px;border-top-color:rgb(51,51,153);border-top-style:solid;width:600px;}
.PSPTABLABEL{font-family:Arial,sans-serif;font-size:14pt;font-weight:bold;font-style:normal;color:rgb(52,52,52);}
.PAPAGETITLE,.PSSRCHACTION{font-family:Arial,sans-serif;font-size:14pt;font-weight:normal;font-style:normal;color:rgb(68,101,144);}
.PT_ORGCHART_TITLE{font-family:Arial,sans-serif;font-size:18px;font-weight:bold;font-variant:normal;color:rgb(1,19,167);text-align:left;}
.PSACELINK{font-family:Arial,sans-serif;font-size:8pt;color:rgb(0,0,0);text-decoration: none;}
.PT_MCFCHATME{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(0,0,0);}
.PT_MCFCHATTHEM,.PT_MCFCHATUS{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(0,0,204);}
.portlet-table-header{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(255,255,255);background-color:rgb(92,133,179);border-width:1px;border-top-color:rgb(213,220,238);border-bottom-color:rgb(40,66,119);border-left-color:rgb(213,220,238);border-right-color:rgb(40,66,119);border-style:solid;}
.PSACELINKHOVER,.PSACELINK:HOVER{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;font-style:normal;color:rgb(10,36,106);text-decoration: none;}
.PSGRIDCOLUMNHDR{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;font-style:normal;color:rgb(51,102,153);background-color:rgb(223,231,236);border-top-width:1px;border-bottom-width:1px;border-top-color:rgb(163,190,216);border-bottom-color:rgb(163,190,216);border-top-style:solid;border-bottom-style:solid;}
.ACEFCOLUMNHDR{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;font-style:normal;color:rgb(51,102,153);background-color:rgb(223,231,236);vertical-align:top;border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:rgb(198,206,210);border-bottom-color:rgb(198,206,210);border-right-color:rgb(198,206,210);border-top-style:solid;border-bottom-style:solid;border-right-style:solid;}
.PSLEVEL1SSGRIDCOLUMNHDR{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;font-style:normal;color:rgb(51,102,153);background-color:rgb(249,249,249);padding-top:5px;padding-bottom:5px;border-top-width:1px;border-bottom-width:1px;border-right-width:0px;border-top-color:rgb(203,203,203);border-bottom-color:rgb(203,203,203);border-right-color:rgb(203,203,203);border-top-style:solid;border-bottom-style:solid;border-right-style:solid;}
.ACEFEVNROW{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;font-style:normal;color:rgb(51,102,153);background-color:rgb(255,255,255);border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(198,206,210);border-right-color:rgb(198,206,210);border-bottom-style:solid;border-right-style:solid;}
.PSLEVEL1SSGRIDCOLUMNHDRTXT{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;font-style:normal;color:rgb(51,102,153);background-color:rgb(255,255,255);border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PSLEVEL1GRIDACTIVETAB,.PSLEVEL2GRIDACTIVETAB,.PSLEVEL3GRIDACTIVETAB{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;font-style:normal;color:rgb(60,60,60);background-color:rgb(186,208,231);text-align:center;}
.PSQRYRESULTSHDR{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;font-style:normal;color:rgb(66,106,146);background-color:rgb(249,249,249);border-top-width:1px;border-bottom-width:2px;border-right-width:1px;border-top-color:rgb(230,230,230);border-bottom-color:rgb(230,230,230);border-right-color:rgb(230,230,230);border-top-style:solid;border-bottom-style:solid;border-right-style:solid;}
.PAGRIDHEADER{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;font-style:normal;color:rgb(75,105,135);background-color:rgb(249,249,249);vertical-align:bottom;border-width:1px;border-color:rgb(230,230,230);border-top-style:solid;border-bottom-style:solid;border-left-style:none;border-right-style:solid;}
.PT_ELMEDITBOX{font-family:Arial,sans-serif;font-size:8pt;font-weight:normal;font-style:italic;color:rgb(60,60,60);}
.portlet-msg-alert,.portlet-msg-success,.PT_MCFADDITIONALINSTRUCTIONS{font-family:Arial,sans-serif;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);}
.PSHEADERHYPERLINKD,.PSHEADERHYPERLINKDISABLED,.PSHEADERHYPERLINKTPDISABLED,.PSHEADERHYPERLINKTPNOULDISABLED,.PSLEVEL1GRIDLABELDISABLED,.PSLEVEL1GRIDLABELTPDISABLED,.PSLEVEL1GRIDNAVIGATIONBARDISABLED,.PSLEVEL1SCROLLAREAFOOTERDISABLED,.PSLEVEL1SCROLLAREAHEADERDISABLED,.PSLEVEL2GRIDLABELDISABLED,.PSLEVEL2GRIDLABELTPDISABLED,.PSLEVEL2GRIDNAVIGATIONBARDISABLED,.PSLEVEL2SCROLLAREAFOOTERDISABLED,.PSLEVEL2SCROLLAREAHEADERDISABLED,.PSLEVEL3GRIDLABELDISABLED,.PSLEVEL3GRIDLABELTPDISABLED,.PSLEVEL3GRIDNAVIGATIONBARDISABLED,.PSLEVEL3SCROLLAREAFOOTERDISABLED,.PSLEVEL3SCROLLAREAHEADERDISABLED,.PT_MCFTABLEHEADER1DISABLED{font-family:Arial,sans-serif;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(204,204,204);line-height:100%;}
.PSHEADERHYPERLINK,.PSHEADERHYPERLINK:LINK,.PSHEADERHYPERLINK:ACTIVE,.PSHEADERHYPERLINK:VISITED,.PSHEADERHYPERLINK:HOVER,.PSLEVEL1GRIDLABEL:LINK,.PSLEVEL1GRIDLABEL:VISITED,.PSLEVEL1GRIDNAVIGATIONBAR:LINK,.PSLEVEL1GRIDNAVIGATIONBAR:ACTIVE,.PSLEVEL1SCROLLAREAFOOTER:LINK,.PSLEVEL1SCROLLAREAFOOTER:ACTIVE,.PSLEVEL1SCROLLAREAHEADER:LINK,.PSLEVEL2GRIDLABEL:LINK,.PSLEVEL2GRIDLABEL:VISITED,.PSLEVEL2GRIDNAVIGATIONBAR:LINK,.PSLEVEL2GRIDNAVIGATIONBAR:ACTIVE,.PSLEVEL2SCROLLAREAFOOTER:LINK,.PSLEVEL2SCROLLAREAFOOTER:ACTIVE,.PSLEVEL2SCROLLAREAHEADER:LINK,.PSLEVEL3GRIDLABEL:LINK,.PSLEVEL3GRIDLABEL:VISITED,.PSLEVEL3GRIDNAVIGATIONBAR:LINK,.PSLEVEL3GRIDNAVIGATIONBAR:ACTIVE,.PSLEVEL3SCROLLAREAFOOTER:LINK,.PSLEVEL3SCROLLAREAFOOTER:ACTIVE,.PSLEVEL3SCROLLAREAHEADER:LINK,.PT_MCFTABLEHEADER1:LINK,.PT_MCFTABLEHEADER1:ACTIVE,.PT_MCFTABLEHEADER1:VISITED{font-family:Arial,sans-serif;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(255,255,255);text-decoration: underline;line-height:100%;}
.PSHEADERHYPERLINKTPNOUL,.PSHEADERHYPERLINKTPNOUL:LINK,.PSHEADERHYPERLINKTPNOUL:ACTIVE,.PSHEADERHYPERLINKTPNOUL:VISITED{font-family:Arial,sans-serif;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(51,102,153);text-decoration: none;line-height:100%;}
.PSHEADERHYPERLINKTP,.PSHEADERHYPERLINKTP:LINK,.PSHEADERHYPERLINKTP:ACTIVE,.PSHEADERHYPERLINKTP:VISITED,.PSHEADERHYPERLINKTP:HOVER,.PSHEADERHYPERLINKTPNOUL:HOVER{font-family:Arial,sans-serif;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(51,102,153);text-decoration: underline;line-height:100%;}
.PSLEVEL1GRIDINACTIVETABHOVER,.PSLEVEL2GRIDINACTIVETABHOVER,.PSLEVEL3GRIDINACTIVETABHOVER,.PSLEVEL1GRIDINACTIVETAB:HOVER,.PSLEVEL2GRIDINACTIVETAB:HOVER,.PSLEVEL3GRIDINACTIVETAB:HOVER{font-family:Arial,sans-serif;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(62,85,118);background-color:rgb(235,235,234);}
.PSLEVEL1GRIDINACTIVETAB,.PSLEVEL2GRIDINACTIVETAB,.PSLEVEL3GRIDINACTIVETAB{font-family:Arial,sans-serif;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(62,85,118);background-color:rgb(235,235,234);text-decoration: none;}
.PAEXAMPLE,.PAHEADERTOOLBARTEXTSMALL{font-family:Arial,sans-serif;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);}
.SMALL{font-family:Arial,sans-serif;font-size:9pt;}
.KNOCKOUT{font-family:Arial,sans-serif;font-size:9pt;color:rgb(0,0,255);}
.PTGBLFILTERS{font-family:Arial,sans-serif;font-size:9pt;color:rgb(102,102,153);white-space:nowrap;}
.portlet-form-field-label{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;}
.PSGRIDCOLUMNHDRSORTNONED,.PSGRIDCOLUMNHDRSORTNONEDISABLED{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;color:rgb(0,0,0);background-color:rgb(177,211,250);border-right-width:1px;border-right-color:rgb(255,255,255);}
.PSACESLICE_CHART{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;color:rgb(0,0,0);background-color:rgb(255,255,255);}
.PTBREADCRUMBCUR{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;color:rgb(0,0,0);text-decoration: none;}
.PSGRIDCOLUMNHDRSORTNONE{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;color:rgb(0,0,255);background-color:rgb(177,211,250);text-decoration: underline;border-right-width:1px;border-right-color:rgb(255,255,255);}
.PSGRIDCOLUMNHDRSORTED{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;color:rgb(0,0,255);background-color:rgb(221,233,247);text-decoration: underline;border-right-width:1px;border-right-color:rgb(255,255,255);}
.PTGBLFACETNAME{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;color:rgb(51,51,51);text-decoration: none;margin-left:-26px;}
.PTFACETNAME{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;color:rgb(81,81,81);text-decoration: none;}
.PSTREETEXTRED{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:italic;color:rgb(0,0,0);text-decoration: none;}
.PAHELPFIELDVALUE{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:italic;color:rgb(0,0,139);}
.PT_MCFGROUPBOX{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;background-color:rgb(234,239,245);border-width:1px;border-color:rgb(163,190,216);border-style:solid;}
.PAGROUPBOXNBO{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;background-color:rgb(244,244,232);border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PAGROUPBOXWBO{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;background-color:rgb(255,255,255);border-width:1px;border-color:rgb(201,206,213);border-style:solid;}
.PTCPGROUPBOXMINPADDINGNBO,.PSGROUPBOXNBO{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PAGROUPBOXLEVEL1WBO,.PAGROUPBOXLEVEL2WBO,.PAGROUPBOXLEVEL3WBO,.PSSRCHGROUPBOXWBO{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;border-width:1px;border-color:rgb(201,206,213);border-top-style:none;border-bottom-style:solid;border-left-style:solid;border-right-style:solid;}
.PAGROUPBOX,.PAGROUPBOXLEVEL1,.PAGROUPBOXLEVEL2,.PAGROUPBOXLEVEL3,.PAGROUPDIVIDERBODY{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;border-width:1px;border-color:rgb(230,230,230);border-style:solid;}
.portlet-form-input-field,.portlet-msg-error,.portlet-msg-status,.portlet-section-text,.PSTREETEXT,.PT_MCFLABEL{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);}
.PT_MCFTABLE{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);background-color:rgb(217,229,239);background-repeat:no-repeat;}
.PASEARCHBOXBODY{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);background-color:rgb(244,244,232);border-width:thin;border-color:rgb(51,51,153);border-style:solid;}
.PSACESLICE{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,255);vertical-align:top;height:19px;}
.PSPGFILTERNAME{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,255);vertical-align:top;text-align:right;margin-top:2px;width:100px;height:17px;display:inline-block;cursor:move;overflow:hidden;}
.PSPGCHARTFILTERNAME{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,255);vertical-align:top;text-align:right;margin-top:2px;width:100px;height:17px;display:inline-block;overflow:hidden;}
.PSPGCHARTFILTERNAME_NARO{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,255);vertical-align:top;text-align:right;margin-top:2px;width:60px;height:17px;display:inline-block;overflow:hidden;}
.portlet-msg-info{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(0,0,196);}
.PSHYPERLINKYELLOWBKGRD{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(102,102,102);background-color:rgb(255,255,0);text-decoration: none;}
.PSTREENODESELECTED,.PSTREELINKSELECTED,.PSTREELINKSELECTEDYELLOWBACKGR{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(102,102,102);text-decoration: none;}
.PSLEVEL1GRIDLABELTP,.PSLEVEL2GRIDLABELTP,.PSLEVEL3GRIDLABELTP{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(171,91,26);text-indent:1px;line-height:100%;padding-top:0.75px;padding-bottom:0.75px;padding-left:2px;padding-right:0.75px;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PAERRORTEXT{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(204,0,51);}
.PSLEVEL1SCROLLAREAFOOTER,.PSLEVEL2SCROLLAREAFOOTER,.PSLEVEL3SCROLLAREAFOOTER{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(255,255,255);background-color:rgb(255,255,255);border-top-style:none;border-bottom-style:none;}
.PSTRELLINKSHDRNARROW{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(255,255,255);background-color:rgb(74,89,140);text-indent:4px;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PSTRELLINKSHDRWIDE{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(255,255,255);background-color:rgb(74,89,140);text-indent:4px;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;width:100%;}
.PAFRAMEBACKGROUND{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(255,255,255);border-width:thin;border-color:rgb(51,51,153);border-style:solid;}
.PSHYPERLINKNOULBOLD,.PSHYPERLINKNOULBOLD:LINK,.PSHYPERLINKNOULBOLD:VISITED{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(51,102,153);text-decoration: none;line-height:100%;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PT_MCFTABLEHEADER{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(58,90,135);background-color:rgb(186,208,231);}
.PSACTIVETAB{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(60,60,60);background-color:rgb(186,208,231);}
.PABOLDBLUETEXT{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(65,98,145);}
.PAEXPANDCOLLAPSE{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(68,101,144);border-bottom-width:1px;border-bottom-color:rgb(187,187,187);border-top-style:none;border-bottom-style:solid;border-left-style:none;border-right-style:none;}
.PSCHECKBOX,.PSDROPDOWNLABEL,.PSEDITBOXLABEL,.PSLONGEDITLABEL,.PSRADIOBUTTON,.PSSRCHCHECKBOX,.PT_MCFCHECKBOX{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(81,81,81);}
.PT_MCFCHATSYSMSG{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;color:rgb(0,0,0);border-top-width:1px;border-bottom-width:1px;border-top-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-top-style:dashed;border-bottom-style:dashed;}
.PTFACETCLEARALL{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;color:rgb(0,75,145);text-decoration: none;cursor:pointer;}
.PTFACETNOLINK{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;color:rgb(110,110,110);text-decoration: none;text-align:left;list-style-type:none;}
.PTFACETLINK,.PTFACET:HOVER{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;color:rgb(171,91,26);text-decoration: underline;display:block;list-style-type:none;cursor:pointer;}
.PSERRORTEXT{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;color:rgb(237,28,36);}
.PTFACET{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;color:rgb(28,81,128);text-decoration: none;text-align:left;list-style-type:none;cursor:pointer;}
.PTMENULINK{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;color:rgb(43,124,146);text-decoration: none;}
.PSSRCHRESULTSHDRTXT,.PSSRCHRESULTSHDR:LINK,.PSSRCHRESULTSHDR:VISITED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;color:rgb(97,128,159);border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PTCPGROUPBOXMINPADDINGWBO,.PSGROUPBOXWBO{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;border-width:1px;border-color:rgb(201,206,213);border-style:solid;}
.PSGROUPBOX,.PSGROUPBOXCONTAINER,.PTS_PROMPTNOEDIT1,.PTS_PROMPTNOEDIT2,.PTS_DATEPROMPT1,.PTS_XLAT1,.PTS_YESNO1,.PTS_DEFAULTFILTERS,.PTS_FILTER_VALUE,.PTS_PROMPT2,.PTS_PROMPT1,.PTS_CRITERIA_GB,.PTCPGROUPBOXMINPADDING{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;border-width:1px;border-color:rgb(230,230,230);border-style:solid;}
.portlet-font,.portlet-font-dim,.portlet-section-body,.portlet-table-footer,.portlet-table-selected,.portlet-table-subheader,.portlet-table-text,.PSSRCHTIPS,.PSQRYTIPS,.PT_MCFCHECKBOXLABEL{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);}
.portlert-dlg-icon-label{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(184,176,144);}
.portlet-table-alternate{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(211,220,232);border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(255,255,255);border-right-color:rgb(255,255,255);border-bottom-style:solid;border-right-style:solid;}
.PATEXTBACKGROUND{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(226,226,226);}
.portlet-table-body{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(233,237,244);border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(255,255,255);border-right-color:rgb(255,255,255);border-bottom-style:solid;border-right-style:solid;}
.PSACEODDROWNB{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(247,247,247);}
.PSPUSHBUTTONTBCANCEL,.PSPUSHBUTTONTBCLEAR,.PSPUSHBUTTONTBDELETE,.PSPUSHBUTTONTBLOOKUP{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(252,252,181);padding-left:15px;padding-right:15px;width:auto;height:23px;cursor:hand;}
.PSTREELINKYELLOWBACKGR{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,0);text-decoration: none;border-width:medium;border-color:rgb(255,255,0);border-style:dotted;}
.PSACEEDITSELECT{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,153);border-width:1px;border-color:rgb(204,204,204);border-style:solid;width:100%;}
.PSACEEVENROWNB{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,255);}
.PSACEHELP{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,255);border-width:2px;border-color:rgb(146,108,36);border-style:groove;}
.PSACEEVENROW{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,255);text-align:left;border-top-width:1px;border-left-width:1px;border-top-color:rgb(198,206,210);border-left-color:rgb(198,206,210);border-top-style:solid;border-left-style:solid;}
.PSACECOMBO,.PSACECOMBO_CHART{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,255);vertical-align:top;border-width:1px;border-color:rgb(126,158,183);border-style:solid;display:inline-block;}
.PSPGCHARTFILTERVALUE,.PSPGFILTERVALUE{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,255);vertical-align:top;width:125px;height:17px;float:left;display:inline-block;cursor:pointer;overflow:hidden;}
.PSPGCHARTFILTERVALUE_NARO{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,255);vertical-align:top;width:70px;height:17px;float:left;display:inline-block;cursor:pointer;overflow:hidden;}
.PT_MCFSPVSRTABLE{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);border-width:1px;border-color:rgb(201,203,211);border-style:solid;}
.PSACEEDIT{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);border-width:1px;border-color:rgb(204,204,204);border-style:solid;width:100%;}
.PSTREELINKACTIVE,.PSTREELINK:ACTIVE,.PSTREELINK:HOVER{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,187);text-decoration: underline;}
.PAHYPERLINKLVL1ODD{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,255);background-color:rgb(244,244,232);}
.PAHYPERLINKSUCCESSSTAT,.PAHYPERLINKSUCCESSSTAT:LINK,.PAHYPERLINKSUCCESSSTAT:VISITED,.PAHYPERLINKSUCCESSSTATDISABLED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,147,132);}
.PSHYPERLINKVISITED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,75,145);line-height:100%;}
.PAXHYPERLINK,.PSHYPERLINK,.PSHYPERLINK:LINK,.PSHYPERLINK:VISITED,.PSHYPERLINKNOUL:LINK,.PSHYPERLINKNOUL:VISITED,.PSLEVEL1GRIDLABELTP:LINK,.PSLEVEL1GRIDLABELTP:ACTIVE,.PSLEVEL1GRIDLABELTP:VISITED,.PSLEVEL2GRIDLABELTP:LINK,.PSLEVEL2GRIDLABELTP:ACTIVE,.PSLEVEL2GRIDLABELTP:VISITED,.PSLEVEL3GRIDLABELTP:LINK,.PSLEVEL3GRIDLABELTP:ACTIVE,.PSLEVEL3GRIDLABELTP:VISITED,.PSRALEFTWIDGET:LINK,.PSRALEFTWIDGET:VISITED,.PSRARIGHTWIDGET:LINK,.PSRARIGHTWIDGET:VISITED,.PSSRCHRESULTSEVENROW:LINK,.PSSRCHRESULTSEVENROW:VISITED,.PSSRCHRESULTSODDROW:LINK,.PSSRCHRESULTSODDROW:VISITED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,75,145);text-decoration: none;line-height:100%;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PAXHYPERLINKDISABLED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(102,102,102);line-height:100%;}
.PAHYPERLINKDESCR{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(153,153,153);}
.PAGRIDHEADERTXT,.PAGRIDHEADER:LINK,.PAGRIDHEADER:VISITED,.PAGRIDHEADERDISABLED,.PAGRIDHEADERTXT:LINK,.PAGRIDHEADERTXT:VISITED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(153,153,153);text-decoration: none;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PAHYPERLINKWARNSTAT,.PAHYPERLINKWARNSTAT:LINK,.PAHYPERLINKWARNSTAT:VISITED,.PAHYPERLINKWARNSTATDISABLED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(176,160,47);}
.portlet-icon-label,.PAHYPERLINKERRSTAT,.PAHYPERLINKERRSTAT:LINK,.PAHYPERLINKERRSTAT:VISITED,.PAHYPERLINKERRSTATDISABLED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(255,0,0);}
.PTSPELLCHECKERROR{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(255,255,255);background-color:rgb(0,0,0);}
.PACFGRIDLABEL{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(255,255,255);background-color:rgb(127,160,193);text-indent:1px;}
.ACEFODDROW{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(255,255,255);background-color:rgb(247,247,247);border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(198,206,210);border-right-color:rgb(198,206,210);border-bottom-style:solid;border-right-style:solid;}
.PSHYPERLINKNOUL{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,102,153);text-decoration: none;line-height:100%;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PSSRCHRESULTSHYPERLINK,.PSSRCHRESULTSHYPERLINK:LINK{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,102,153);text-decoration: underline;line-height:100%;}
.PSPUSHBUTTONDISABLED,.PSPUSHBUTTONDISABLED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(204,204,204);}
.PSPUSHBUTTONTBABORT{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(250,239,226);margin-left:1px;margin-right:1px;padding-left:15px;padding-right:15px;width:auto;height:23px;cursor:hand;}
.PSPUSHBUTTONTBREFRESH2{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(252,252,181);background-repeat:no-repeat;background-position:2% 40%;padding-left:0px;width:70px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBSPELLCHECK{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(252,252,181);background-repeat:no-repeat;background-position:2% 40%;padding-left:16px;width:101px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBVIEWWORKLIST{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(252,252,181);background-repeat:no-repeat;background-position:2% 40%;padding-left:16px;width:110px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBCORRECTMODE,.PSPUSHBUTTONTBUPDATEALLMODE{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(252,252,181);background-repeat:no-repeat;background-position:2% 40%;padding-left:16px;width:120px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBRETURN{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(252,252,181);background-repeat:no-repeat;background-position:2% 40%;padding-left:16px;width:130px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBPREVINWORKLIST{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(252,252,181);background-repeat:no-repeat;background-position:2% 40%;padding-left:16px;width:150px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBADDMODE{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(252,252,181);background-repeat:no-repeat;background-position:2% 40%;padding-left:16px;width:57px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBREFRESH{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(252,252,181);background-repeat:no-repeat;background-position:2% 40%;padding-left:16px;width:74px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBNEXTINLIST{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(252,252,181);background-repeat:no-repeat;background-position:2% 40%;padding-left:18px;width:102px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBUPDATEMODE{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(252,252,181);background-repeat:no-repeat;background-position:2% 40%;padding-left:18px;width:125px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBPREVTAB{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(252,252,181);background-repeat:no-repeat;background-position:2% 40%;padding-left:20px;width:101px;height:23px;cursor:hand;}
.PSSRCHRESULTSWBO{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-color:rgb(255,255,255);border-left-width:1px;border-left-color:rgb(230,230,230);border-left-style:solid;}
.PSPUSHBUTTONTBSAVE{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-repeat:no-repeat;background-position:2% 40%;margin-left:1px;margin-right:1px;padding-left:16px;width:56px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBSENDNOTIFY{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-repeat:no-repeat;background-position:2% 40%;margin-left:1px;margin-right:1px;padding-left:16px;width:64px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBPOPUP{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-repeat:no-repeat;background-position:2% 40%;padding-left:16px;width:103px;height:23px;}
.PSPUSHBUTTONTBNEXTINWORKLIST{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-repeat:no-repeat;background-position:2% 40%;padding-left:16px;width:125px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBNEXTTAB{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-repeat:no-repeat;background-position:2% 40%;padding-left:16px;width:74px;height:23px;cursor:hand;}
.PSPUSHBUTTONTBPREVINLIST{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);background-repeat:no-repeat;background-position:2% 40%;padding-left:18px;width:122px;height:23px;cursor:hand;}
.PSPUSHBUTTON{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);margin-left:1px;margin-right:1px;cursor:hand;}
.PSPUSHBUTTONTBAPPLY,.PSPUSHBUTTONTBCONTINUE,.PSPUSHBUTTONTBIGNORE,.PSPUSHBUTTONTBPREVIEW,.PSPUSHBUTTONTBRETRY,.PSPUSHBUTTONTBSEARCH{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);margin-left:1px;margin-right:1px;padding-left:15px;padding-right:15px;width:auto;height:23px;cursor:hand;}
.PSPUSHBUTTONTBADD,.PSPUSHBUTTONTBNO,.PSPUSHBUTTONTBOK,.PSPUSHBUTTONTBYES{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);margin-left:1px;margin-right:1px;width:70px;height:23px;cursor:hand;}
.PSPUSHBUTTONRETURN{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);text-decoration: none;margin-left:1px;margin-right:1px;padding-left:15px;padding-right:15px;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;width:auto;height:auto;display:inline-block;cursor:hand;}
.PSQRYRESULTSTITLE{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(52,52,52);background-color:rgb(255,255,255);}
.PSQRYRESULTSFOOTER{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(60,60,60);}
.PSLEVEL1GRIDNAVIGATIONBAR,.PSLEVEL2GRIDNAVIGATIONBAR,.PSLEVEL3GRIDNAVIGATIONBAR{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(60,60,60);background-color:rgb(127,160,193);}
.PSMULTILANG{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(60,60,60);background-color:rgb(204,255,204);}
.PSERROR{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(60,60,60);background-color:rgb(255,102,102);}
.PSEDITBOX_DISPONLY_NOWRAP{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(60,60,60);border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;white-space:nowrap;}
.PSLEVEL1GRID,.PSLEVEL2GRID,.PSLEVEL3GRID{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(60,60,60);border-width:1px;border-color:rgb(163,190,216);border-style:solid;}
.PSLEVEL1SSGRIDROW{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(60,60,60);line-height:15px;border-bottom-width:1px;border-bottom-color:rgb(203,203,203);border-bottom-style:solid;height:35px;}
.PSINACTIVETABHOVER,.PSINACTIVETAB:HOVER{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(62,85,118);background-color:rgb(235,235,234);}
.PSINACTIVETAB{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(62,85,118);background-color:rgb(235,235,234);text-decoration: none;}
.PSSRCHRESULTSTITLE{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(65,98,145);background-color:rgb(255,255,255);border-width:1px;border-color:rgb(230,230,230);border-style:solid;}
.PSQRYHYPERLINK{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(66,106,146);text-decoration: none;}
.PSDROPDOWNLIST,.PSLEVEL1GRIDROW,.PSLEVEL2GRIDROW,.PSLEVEL3GRIDROW,.PSLONGEDITBOX,.PSSRCHDROPDOWNLABEL,.PSSRCHEDITBOXLABEL,.PSSRCHINSTRUCTIONS,.PSSRCHRESULTSFOOTER,.PSQRYINSTRUCTIONS,.PT_MCFDROPDOWNLIST,.PT_MCFEDITBOX{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);}
.PSEDITBOX_DISABLED,.PSEDITBOXDISABLED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);background-color:rgb(243,243,243);}
.PSDISABLED,.PSDROPDOWNLIST_DISABLED,.PSDROPDOWNLISTDISABLED,.PSEDITBOX_DISPONLYDISABLED,.PSEDITBOX_DISPONLY_NOWRAPDISABLED,.PSLONGEDITBOXDISABLED,.PSMULTILANGDISABLED,.PSPUSHBUTTONDISABLEDDISABLED,.PSRADIOBUTTONDISABLED,.PSSRCHCHECKBOXDISABLED,.PSSRCHSUBTITLEDISABLED,.PSTREENODESELECTEDDISABLED,.PTFACETPATHDISABLED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);background-color:rgb(243,243,243);border-width:1px;border-color:rgb(201,206,213);border-style:solid;}
.PSLEVEL1GRIDEVENROW,.PSLEVEL2GRIDEVENROW,.PSLEVEL3GRIDEVENROW,.PSSRCHRESULTSEVENROW,.PSQRYRESULTSEVENROW{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);background-color:rgb(249,249,249);line-height:120%;border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(230,230,230);border-right-color:rgb(230,230,230);border-bottom-style:solid;border-right-style:solid;}
.PSLEVEL1GRIDODDROW,.PSLEVEL2GRIDODDROW,.PSLEVEL3GRIDODDROW,.PSSRCHRESULTSODDROW,.PSQRYRESULTSODDROW{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);background-color:rgb(255,255,255);line-height:120%;border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(230,230,230);border-right-color:rgb(230,230,230);border-bottom-style:solid;border-right-style:solid;}
.PSDROPDOWNLIST_DISPONLY,.PSEDITBOX_DISPONLY{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PTFACETPATH{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;height:40px;overflow:scroll;}
.PSTEXT{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);border-width:0px;}
.PSEDITBOX{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);border-width:1px;border-color:rgb(187,187,187);border-style:solid;}
.PSHYPERLINKDISABLED,.PSSRCHRESULTSHYPERLINKD,.PSHYPERLINKDISABLED,.PSHYPERLINKNOULDISABLED,.PSHYPERLINKNOULBOLDDISABLED,.PSSRCHRESULTSEVENROWDISABLED,.PSSRCHRESULTSODDROWDISABLED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);line-height:100%;}
.PSLEVEL1GRIDCOLUMNHDR,.PSLEVEL2GRIDCOLUMNHDR,.PSLEVEL3GRIDCOLUMNHDR{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(97,128,159);background-color:rgb(249,249,249);border-top-width:1px;border-bottom-width:2px;border-right-width:1px;border-top-color:rgb(230,230,230);border-bottom-color:rgb(230,230,230);border-right-color:rgb(230,230,230);border-top-style:solid;border-bottom-style:solid;border-right-style:solid;}
.PSLEVEL1GRIDCOLUMNHDRTXT,.PSLEVEL2GRIDCOLUMNHDRTXT,.PSLEVEL3GRIDCOLUMNHDRTXT,.PSLEVEL1GRIDCOLUMNHDR:LINK,.PSLEVEL1GRIDCOLUMNHDR:VISITED,.PSLEVEL1GRIDCOLUMNHDRDISABLED,.PSLEVEL1SSGRIDCOLUMNHDR:LINK,.PSLEVEL1SSGRIDCOLUMNHDR:VISITED,.PSLEVEL1SSGRIDCOLUMNHDRDISABLED,.PSLEVEL2GRIDCOLUMNHDR:LINK,.PSLEVEL2GRIDCOLUMNHDR:VISITED,.PSLEVEL2GRIDCOLUMNHDRDISABLED,.PSLEVEL3GRIDCOLUMNHDR:LINK,.PSLEVEL3GRIDCOLUMNHDR:VISITED,.PSLEVEL3GRIDCOLUMNHDRDISABLED{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(97,128,159);background-color:rgb(249,249,249);text-decoration: none;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PSQRYHYPERLINKD{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(99,106,118);}
.PT_MCFPUSHBUTTON{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;font-variant:normal;background-color:rgb(252,252,181);}
.PT_MCFTRACEREVENT{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;font-variant:normal;color:rgb(0,0,0);}
.PT_MCFTRACERREQ{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;font-variant:normal;color:rgb(0,0,139);}
.PT_MCFEVTNAME{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;font-variant:normal;color:rgb(58,90,135);}
.PT_MCFEVTVALUE{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;font-variant:normal;color:rgb(60,60,60);}
.portlet-section-alternate,.PAHELPGRIDHEADER{font-family:Arial,serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(255,255,255);background-color:rgb(0,0,0);text-indent:1px;}
.PAHELPGROUPDIVIDER{font-family:Arial,serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(255,255,255);background-color:rgb(126,135,186);text-indent:1px;}
.PSTLEFTMENU{font-family:Arial;color:rgb(0,0,0);background-color:rgb(204,204,153);border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:rgb(0,0,0);border-bottom-color:rgb(0,0,0);border-right-color:rgb(0,0,0);border-top-style:solid;border-bottom-style:solid;border-right-style:solid;}
.PASSINFORMATIONALTEXT{font-family:Arial;font-size:10pt;font-weight:bold;font-style:normal;color:rgb(177,23,155);}
.PTPOPUP_TITLE{font-family:Arial;font-size:10pt;font-weight:bold;font-style:normal;color:rgb(255,255,255);padding:10px;}
.PTSESRSLTTITLE{font-family:Arial;font-size:10pt;font-weight:normal;color:rgb(0,75,145);cursor:hand;}
.PTSESRSLTTITLEHOVER{font-family:Arial;font-size:10pt;font-weight:normal;color:rgb(171,91,26);text-decoration: underline;}
.PTSESRSLTRLTDINFODIV{font-family:Arial;font-size:10pt;font-weight:normal;cursor:pointer;}
.PTFACETHDG{font-family:Arial;font-size:11pt;font-weight:bold;color:rgb(128,128,128);background-color:rgb(238,238,238);text-decoration: none;text-align:left;width:225px;}
.PSCONFIRMTEXT{font-family:Arial;font-size:11pt;font-weight:bold;color:rgb(51,51,51);}
.PTGBLFACETHDG{font-family:Arial;font-size:11pt;font-weight:bold;color:rgb(65,98,145);text-decoration: none;margin-left:26px;}
.PACALENDARDAYNUMDISABLED{font-family:Arial;font-size:11pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);}
.PACALENDARDAYNUM{font-family:Arial;font-size:11pt;font-weight:bold;font-style:normal;color:rgb(58,90,135);}
.PABOLD11TEXT{font-family:Arial;font-size:11pt;font-weight:bold;font-style:normal;color:rgb(81,81,81);}
.PATRANSACTIONTITLE{font-family:Arial;font-size:11pt;font-weight:normal;font-style:normal;color:rgb(68,101,144);padding-bottom:3px;border-bottom-width:1px;border-bottom-color:rgb(187,187,187);border-bottom-style:solid;width:100%;display:inline-block;}
.PALEVEL0PRIMARY{font-family:Arial;font-size:11pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);}
.PT_RATBOX_LABEL{font-family:Arial;font-size:11px;font-weight:bold;color:rgb(117,117,108);white-space:nowrap;}
.PTSRCHRSLTLABEL,.PTSRCHRSLTLABELDISABLED{font-family:Arial;font-size:12pt;font-weight:bold;color:rgb(68,101,144);}
.PTSRCHKEY,.PTSRCHKEYDISABLED{font-family:Arial;font-size:12pt;font-weight:bold;color:rgb(81,81,81);margin-left:35px;padding-left:5px;}
.EOPP_SCPAGETITLESECTION{font-family:Arial;font-size:12pt;font-weight:bold;font-style:normal;color:rgb(65,98,145);background-color:rgb(255,255,255);}
.PT_RATBOX_YTITL{font-family:Arial;font-size:12px;font-weight:bold;color:rgb(0,0,0);background-color:rgb(193,215,235);background-image:url(/cs/NBCCPRD/cache/PT_RATINGBOX_YTITLE_BG_1.gif);background-repeat:repeat-x;background-position:left top;padding-left:9px;padding-right:9px;}
.PT_RATBOX_Y{font-family:Arial;font-size:12px;font-weight:bold;color:rgb(0,0,0);background-color:rgb(255,255,255);padding-left:9px;padding-right:9px;border-right-width:thin;border-right-color:rgb(173,216,230);}
.PT_RATBOX_YAXS_ALT1{font-family:Arial;font-size:12px;font-weight:bold;color:rgb(0,0,0);letter-spacing:normal;vertical-align:middle;text-align:left;line-height:90%;padding-left:13px;padding-right:5px;border-right-width:1px;border-right-color:rgb(203,206,214);border-right-style:solid;white-space:normal;}
.PT_RATBOX_XAXS_ALT1{font-family:Arial;font-size:12px;font-weight:bold;color:rgb(0,0,0);letter-spacing:normal;vertical-align:text-bottom;text-align:center;text-indent:15%;line-height:normal;padding-top:2px;padding-bottom:0px;white-space:nowrap;}
.PT_RATBOX_TITLE{font-family:Arial;font-size:12px;font-weight:bold;color:rgb(60,60,60);}
.PT_RATBOX_XTITL{font-family:Arial;font-size:12px;font-weight:bolder;color:rgb(0,0,0);background-color:rgb(193,215,235);background-image:url(/cs/NBCCPRD/cache/PT_RATINGBOX_XTITLE_BG_1.gif);background-repeat:repeat-y;background-position:right top;padding-top:7px;padding-bottom:7px;}
.PT_RATBOX_XAXS{font-family:Arial;font-size:12px;font-weight:normal;color:rgb(0,0,0);background-color:rgb(237,246,255);padding-top:11px;padding-bottom:11px;border-width:1px;border-color:rgb(203,206,214);border-style:solid;white-space:nowrap;}
.PT_RATBOX_YAXS{font-family:Arial;font-size:12px;font-weight:normal;color:rgb(0,0,0);background-color:rgb(237,246,255);vertical-align:middle;text-align:center;line-height:100%;padding-left:13px;padding-right:13px;border-width:1px;border-color:rgb(203,206,214);border-style:solid;}
.PASSTRANSACTIONTITLE{font-family:Arial;font-size:14pt;font-weight:bold;font-style:normal;color:rgb(58,90,135);border-bottom-width:2px;border-bottom-color:rgb(51,51,153);border-bottom-style:solid;width:100%;}
.PAADDITIONALINSTRUCTHOVER,.PAADDITIONALINSTRUCTIONS:HOVER{font-family:Arial;font-size:8pt;color:rgb(171,91,26);text-decoration: underline;}
.PSGRIDCOUNTERTP,.PTSESRSLTSUMMARY{font-family:Arial;font-size:8pt;font-weight:normal;color:rgb(0,0,0);text-decoration: none;}
.PTSESSRCHINSTR{font-family:Arial;font-size:8pt;font-weight:normal;color:rgb(60,60,60);text-decoration: none;}
.PTSESRSLTDTTM{font-family:Arial;font-size:8pt;font-weight:normal;color:rgb(81,81,81);text-decoration: none;}
.PTSESSRCHINSTRRSLTS{font-family:Arial;font-size:8pt;font-weight:normal;color:rgb(81,81,81);text-decoration: none;margin-right:2px;}
.PAADDITIONALINSTRUCTVISITED,.PAADDITIONALINSTRUCTIONS:VISITED{font-family:Arial;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(150,32,132);}
.PAADDITIONALINSTRUCTACTIVE,.PAADDITIONALINSTRUCTIONS:LINK,.PAADDITIONALINSTRUCTIONS:ACTIVE{font-family:Arial;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(43,124,146);}
.EOPP_SCADDITIONALTEXT{font-family:Arial;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(51,51,51);}
.EOPP_SCBREADCRUMBSECTION{font-family:Arial;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(66,106,146);background-color:rgb(255,255,255);text-decoration: none;vertical-align:top;margin-top:0px;margin-bottom:0px;height:19px;}
.EOPP_SCCHILDCONTENTLINK,.EOPP_SCCHILDFOLDERLINK,.EOPP_SCMORELINK{font-family:Arial;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(66,106,146);text-decoration: none;}
.PAADDITIONALINSTRUCTDISABLED,.PAADDITIONALINSTRUCTIONS,.PAADDITIONALINSTRUCTIONSDISABLED{font-family:Arial;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);}
.EOPP_SCPAGEDESCRSECTION{font-family:Arial;font-size:8pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);background-color:rgb(255,255,255);}
.PTMENULINKSELECTED{font-family:Arial;font-size:9pt;color:rgb(171,91,26);background-color:rgb(249,249,249);text-decoration: none;border-width:0px;}
.PSGRIDCOUNTER{font-family:Arial;font-size:9pt;color:rgb(66,106,146);text-decoration: none;}
.PTCALMONTH{font-family:Arial;font-size:9pt;color:rgb(81,81,81);border-width:1px;border-color:rgb(187,187,187);border-style:solid;}
.PSSUBTABSEP{font-family:Arial;font-size:9pt;color:rgb(81,81,81);width:1px;}
.PASUBTABLINKINACTIVE{font-family:Arial;font-size:9pt;font-weight:bold;color:rgb(0,75,145);text-decoration: none;}
.PSPGCHARTBORDER{font-family:Arial;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);border-top-width:thin;border-top-color:rgb(190,190,190);border-top-style:solid;}
.EOPP_SCSECTIONCONTENTLINK,.EOPP_SCSECTIONFOLDERLINK{font-family:Arial;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(66,106,146);background-color:rgb(255,255,255);text-decoration: none;}
.PABOLDTEXT{font-family:Arial;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(81,81,81);}
.PASUBTABLINKACTIVE,.PTGBLFACET{font-family:Arial;font-size:9pt;font-weight:normal;color:rgb(0,75,145);text-decoration: none;}
.PASUBTABLINKACTIVEHOVER,.PASUBTABLINKACTIVE:HOVER{font-family:Arial;font-size:9pt;font-weight:normal;color:rgb(138,74,21);text-decoration: underline;}
.PTGBLFACETHOVER,.PTGBLFACET:HOVER{font-family:Arial;font-size:9pt;font-weight:normal;color:rgb(171,91,26);text-decoration: underline;}
.PTGBLFACETNOLINK{font-family:Arial;font-size:9pt;font-weight:normal;color:rgb(81,81,81);text-decoration: none;}
.PALEVEL0SECONDARY,.PAPAGEINSTRUCTIONS{font-family:Arial;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(81,81,81);}
.portlet-section-footer{font-family:Arial;font-size:9px;font-weight:500;color:rgb(0,0,0);}
.PSPSMALLTEXT{font-family:Arial;font-size:9px;font-weight:500;color:rgb(60,60,60);}
.PT_MENU_ACTION_LISTHEAD{font-family:Tahoma;font-size:12px;font-weight:bold;font-style:normal;font-variant:normal;color:rgb(102,102,102);margin-top:4px;margin-bottom:4px;padding-left:15px;padding-right:15px;white-space:nowrap;}
.PT_MENU_ACTION_LISTITEM{font-family:Tahoma;font-size:13px;font-weight:normal;font-style:normal;font-variant:normal;color:rgb(0,0,0);margin-top:4px;margin-bottom:4px;padding-left:15px;padding-right:15px;white-space:nowrap;}
.PT_MENU_ACTION_LISTITEM_L0{font-family:Tahoma;font-size:13px;font-weight:normal;font-style:normal;font-variant:normal;color:rgb(0,0,0);margin-top:4px;margin-bottom:4px;padding-left:30px;padding-right:15px;white-space:nowrap;}
.PSPROCESSING{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;font-style:normal;color:rgb(51,51,51);padding-left:5px;padding-right:10px;white-space:nowrap;}
.PT_POPNODE_DESC8{font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:bold;color:rgb(1,18,185);text-align:left;padding-left:9px;padding-right:7px;}
.PT_ORGNODE_DESC7{font-family:Verdana,Arial,sans-serif;font-size:10px;font-weight:bold;color:rgb(66,106,146);text-align:left;padding-top:6px;padding-left:11px;padding-right:11px;}
.PT_ORGNODE_DESC1B{font-family:Verdana,Arial,sans-serif;font-size:11px;font-weight:bold;color:rgb(51,102,153);text-align:left;padding-bottom:7px;padding-left:11px;padding-right:11px;}
.PT_ORGNODE_DESC1{font-family:Verdana,Arial,sans-serif;font-size:11px;font-weight:bold;color:rgb(51,102,153);text-align:left;padding-left:11px;padding-right:11px;}
.PT_ORGCHART_UNLINK_BRDCRM{font-family:Verdana,Arial,sans-serif;font-size:11px;font-weight:bold;color:rgb(55,55,55);background-color:rgb(243,243,243);margin-top:2px;margin-bottom:2px;margin-left:5px;margin-right:5px;padding:5px;}
.PT_ORGCHART_BRDCRM{font-family:Verdana,Arial,sans-serif;font-size:11px;font-weight:normal;color:rgb(1,18,185);background-color:rgb(243,243,243);margin-top:2px;margin-bottom:2px;margin-left:5px;margin-right:5px;padding:8px;}
.PT_POPNODE_DESC1{font-family:Verdana,Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(1,18,185);text-align:left;padding-left:9px;padding-right:7px;}
.PSGRIDTOOLBAR{font-family:Verdana,Arial,sans-serif;font-size:8pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);background-color:rgb(241,244,248);border-top-width:1px;border-bottom-width:1px;border-left-width:0px;border-right-width:0px;border-top-color:rgb(212,224,240);border-bottom-color:rgb(208,208,200);border-top-style:solid;border-bottom-style:solid;border-left-style:none;border-right-style:none;}
.PT_ORGNODE_ICON_L{font-family:Verdana,Arial,sans-serif;font-size:9px;color:rgb(0,0,0);text-align:left;padding-left:11px;padding-right:11px;float:left;}
.PT_ORGNODE_ICON_R{font-family:Verdana,Arial,sans-serif;font-size:9px;color:rgb(0,0,0);text-align:left;padding-left:11px;padding-right:11px;float:right;}
.PT_ORG_DDLIST{font-family:Verdana,Arial,sans-serif;font-size:9px;color:rgb(128,128,128);margin-left:14px;margin-right:10px;}
.PT_POPNODE_DESC2{font-family:Verdana,Arial,sans-serif;font-size:9px;color:rgb(153,153,153);text-align:left;padding-bottom:4px;padding-left:9px;padding-right:7px;}
.PT_ORGNODE_DESC3B{font-family:Verdana,Arial,sans-serif;font-size:9px;color:rgb(51,102,153);text-align:left;margin-top:2px;}
.PT_ORGNODE_DESC3{font-family:Verdana,Arial,sans-serif;font-size:9px;color:rgb(51,102,153);text-align:left;padding-left:11px;padding-right:11px;}
.PT_ORGNODE_DESC2{font-family:Verdana,Arial,sans-serif;font-size:9px;color:rgb(51,51,51);text-align:left;padding-bottom:6px;padding-left:11px;padding-right:11px;}
.PT_ORGNODE_DESC4,.PT_ORGNODE_DESC5,.PT_ORGNODE_DESC6{font-family:Verdana,Arial,sans-serif;font-size:9px;color:rgb(51,51,51);text-align:left;padding-left:11px;padding-right:11px;}
.PT_POPNODE_DESC3{font-family:Verdana,Arial,sans-serif;font-size:9px;font-weight:bold;color:rgb(0,0,0);text-align:left;padding-bottom:2px;padding-left:9px;padding-right:7px;}
.PT_POPNODE_HEADER{font-family:Verdana,Arial,sans-serif;font-size:9px;font-weight:normal;color:rgb(0,0,0);background-color:rgb(179,199,234);background-image:url(/cs/NBCCPRD/cache/PT_ORG_SLATE_HEADER_1.gif);background-repeat:repeat-x;background-position:top left;text-align:left;padding-top:3px;padding-left:6px;padding-right:6px;border-color:rgb(137,135,135);white-space:normal;cursor:move;}
.PT_POPNODE_DESC6,.PT_POPNODE_DESC7{font-family:Verdana,Arial,sans-serif;font-size:9px;font-weight:normal;color:rgb(0,0,0);text-align:left;padding-bottom:6px;padding-left:9px;padding-right:7px;}
.PT_POPNODE_DESC4,.PT_POPNODE_DESC5{font-family:Verdana,Arial,sans-serif;font-size:9px;font-weight:normal;color:rgb(0,0,0);text-align:left;padding-left:9px;padding-right:7px;}
.PT_ORGCHART_TOOLTIP{font-family:Verdana;font-size:10px;color:rgb(0,0,0);background-color:rgb(253,255,200);}
.PT_RATBOX_TOOLTIP{font-family:Verdana;font-size:10px;color:rgb(0,0,0);background-color:rgb(253,255,200);border-width:1px;border-color:rgb(109,108,108);border-style:solid;white-space:nowrap;}
.PT_RATBOX_DRAGGED_NODE{font-family:Verdana;font-size:10px;font-weight:normal;color:rgb(0,0,0);background-color:rgb(255,255,255);padding-top:2px;padding-bottom:2px;padding-left:7px;padding-right:7px;border-width:1px;border-color:rgb(163,161,161);border-style:solid;white-space:nowrap;}
.PT_RATBOX_POPUP_HEADER{font-family:Verdana;font-size:10px;font-weight:normal;color:rgb(0,0,0);background-image:url(/cs/NBCCPRD/cache/PT_RATINGBOX_POPUP_HD_BG_1.gif);background-repeat:repeat-x;background-position:left top;}
.PT_RATBOXDESCR{font-family:Verdana;font-size:10px;font-weight:normal;color:rgb(0,0,0);margin-top:4px;margin-bottom:4px;padding-left:7px;padding-right:7px;white-space:nowrap;}
.PT_ACTION_LIST_ITEM,.PT_READONLY_LIST_ITEM{font-family:Verdana;font-size:10px;font-weight:normal;font-style:normal;font-variant:normal;color:rgb(0,0,0);margin-top:4px;margin-bottom:4px;padding-left:10px;padding-right:10px;white-space:nowrap;}
.PT_ACTION_DISABLED_BUTTON{font-family:Verdana;font-size:10px;font-weight:normal;font-style:normal;font-variant:normal;color:rgb(128,128,128);background-color:rgb(192,192,192);padding-top:2px;padding-bottom:2px;padding-left:12px;padding-right:1px;border-width:1px;border-color:rgb(192,192,192);border-style:solid;}
.PT_ACTION_BUTTON{font-family:Verdana;font-size:10px;font-weight:normal;font-style:normal;font-variant:normal;color:rgb(51,51,51);background-color:rgb(176,218,250);padding-top:2px;padding-bottom:2px;padding-left:12px;padding-right:1px;border-width:1px;border-color:rgb(126,170,198);border-style:solid;}
.PT_SCHEMA_BOTTOMMINUS{font-family:Verdana;font-size:11px;font-weight:lighter;font-style:normal;color:rgb(137,137,137);margin-top:99px;margin-left:5px;position:Absolute;}
.PT_SCHEMA_TOPPLUS{font-family:Verdana;font-size:13px;font-weight:lighter;font-style:normal;color:rgb(137,137,137);margin-top:0px;margin-left:6px;position:Absolute;}
.PT_RATBOX_VIEWALL_DESCR{font-family:Verdana;font-size:9px;font-weight:normal;color:rgb(0,0,204);}
.PTS_BREADCRUMB{font-family:sans-serif;color:rgb(43,124,146);}
.PT_SCHEMA_MOVER{font-size:0px;background-image:url(/cs/NBCCPRD/cache/PT_CHRT_ZOOM_MOVER_1.png);text-align:left;line-height:0px;width:20px;height:13px;white-space:nowrap;position:Relative;}
.PTCALHEAD{font-size:11pt;color:rgb(65,98,145);}
.PSCHECKBOXVERTICALSPACE{font-size:9pt;}
.PTNAVSELFOLDERBK{font-size:9pt;color:rgb(255,255,255);background-color:rgb(51,112,188);}
.PTCALWEEKHEAD{font-size:9pt;color:rgb(66,106,146);background-color:rgb(241,245,246);text-align:center;padding:1px;}
.PSGRIDNAVIGATOR{font-weight:normal;font-style:normal;font-variant:normal;color:rgb(81,81,81);}
.PSBOTTOMLINE,.PSGRIDBOTTOMLINE{height:4px;}
.PTBREADCRUMBMARGIN{margin-left:6px;}
.PT_SCHEMA_H_EDGE{margin-top:19px;margin-left:3px;border-top-width:1px;border-top-color:rgb(137,137,137);border-top-style:solid;width:16px;height:1px;white-space:nowrap;position:Absolute;}
.PSLEVEL1SCROLLAREABODYNBO,.PSLEVEL2SCROLLAREABODYNBO,.PSLEVEL3SCROLLAREABODYNBO{margin:1px;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PSLEVEL1SCROLLAREABODYWBO,.PSLEVEL2SCROLLAREABODYWBO,.PSLEVEL3SCROLLAREABODYWBO{margin:1px;border-width:1px;border-color:rgb(201,206,213);border-style:solid;}
.PSLEVEL1SCROLLAREABODY,.PSLEVEL2SCROLLAREABODY,.PSLEVEL3SCROLLAREABODY{margin:1px;border-width:1px;border-color:rgb(230,230,230);border-style:solid;}
.PTTRANSPARENT{position:Absolute;}
.PT_ACTION_POSITION_CENTER{text-align:center;margin-top:4px;margin-bottom:3px;margin-left:0px;margin-right:0px;padding-top:6px;padding-left:11px;padding-right:8px;white-space:nowrap;}
.PT_ACTION_POSITION{text-align:left;margin-top:4px;margin-bottom:3px;margin-left:0px;margin-right:0px;padding-top:6px;padding-left:11px;padding-right:8px;white-space:nowrap;}
.PT_ACTION_POSITION_RIGHT{text-align:right;margin-top:4px;margin-bottom:3px;margin-left:0px;margin-right:0px;padding-top:6px;padding-left:11px;padding-right:8px;white-space:nowrap;}
.PSRALEFTWIDGET,.PSRARIGHTWIDGET,.PTS_RSLTSGB,.PTS_SS_CRITERIA_GB,.PTS_CL_STDSRCH_GPB,.PTS_CL_KWSRCH_GRID,.PTS_TREE_FACET,.PTS_TREE_FACET_MORE{text-decoration: none;}
.PTS_BCRUMBGB{text-decoration: none;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;}
.PSACECOMBOIMG{vertical-align:middle;}
.PT_GNTACTUALCLRDFLT{background-color:rgb(250,238,97);}
.PT_GNTPROGRESSCLRDFLT{background-color:rgb(254,157,15);}
.PT_GNTDRAGFINISHHNDL{background-color:rgb(255,153,0);width:2px;}
.PT_GNTDRAGSTARTHNDL{background-color:rgb(255,221,0);width:2px;}
.PT_GNTLABEL{background-color:rgb(255,255,255);margin-top:-8px;margin-bottom:0px;margin-left:20px;margin-right:0px;border-width:0px;border-top-style:none;border-bottom-style:none;border-left-style:none;border-right-style:none;white-space:nowrap;position:Absolute;z-index:3000;}
.PT_GNTTOOLTIP{background-color:rgb(255,255,255);text-align:left;border-width:1px;border-color:rgb(184,185,187);border-style:solid;white-space:nowrap;cursor:default;position:Absolute;}
.PT_GNTPLANNEDCLRDFLT{background-color:rgb(60,113,183);}
.PT_GNTARRHEAD{font-family:"Arial Black";font-size:12pt;font-weight:bolder;color:rgb(0,0,0);position:Absolute;}
.PT_GNTTOOLTEXT{font-family:Arial,sans-serif,Verdana;font-size:8pt;color:rgb(0,0,0);text-transform:capitalize;text-align:left;padding-top:3px;padding-bottom:3px;padding-left:11px;padding-right:11px;white-space:nowrap;}
.PT_GNTTOOLHDR{font-family:Arial,sans-serif,Verdana;font-size:9pt;font-weight:bold;color:rgb(0,0,255);text-transform:capitalize;text-align:left;padding-top:6px;padding-bottom:10px;padding-left:11px;padding-right:11px;white-space:nowrap;}
.PSGNTTL{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(255,255,255);background-color:rgb(130,145,198);vertical-align:middle;text-align:center;border-width:1px;border-top-color:rgb(213,220,238);border-bottom-color:rgb(96,107,177);border-left-color:rgb(213,220,238);border-right-color:rgb(96,107,177);border-style:solid;}
.PT_GNTGRIDODD{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(211,220,232);text-align:left;border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(255,255,255);border-right-color:rgb(255,255,255);border-bottom-style:solid;border-right-style:solid;white-space:nowrap;}
.PT_GNTODDROW{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(211,220,232);vertical-align:middle;border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(255,255,255);border-right-color:rgb(255,255,255);border-bottom-style:solid;border-right-style:solid;white-space:nowrap;}
.PT_GNTEVNROW{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(233,237,244);vertical-align:middle;border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(255,255,255);border-right-color:rgb(255,255,255);border-bottom-style:solid;border-right-style:solid;white-space:nowrap;}
.PT_GNTGLOBALHDR{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(97,128,159);background-color:rgb(249,249,249);border-width:1px;border-color:rgb(230,230,230);border-style:solid;}
.PSGNTTBL{font-family:sans-serif;font-size:20pt;color:rgb(255,0,0);border-top-width:1px;border-bottom-width:1px;border-left-width:thin;border-color:rgb(190,190,190);border-top-style:solid;border-bottom-style:solid;border-left-style:dashed;border-right-style:none;}
.PT_GNTSLD{font-size:0pt;background-color:rgb(0,128,128);line-height:0px;margin:0px;border-width:2px;border-top-color:rgb(192,192,192);border-bottom-color:rgb(96,96,96);border-left-color:rgb(96,96,96);border-right-color:rgb(192,192,192);border-style:solid;width:10px;height:4px;display:block;cursor:pointer;position:Relative;z-index:1000;}
.PT_GNTDVDSH{font-size:0pt;border-left-width:1px;border-left-color:rgb(0,0,0);border-left-style:dashed;width:3px;position:Absolute;}
.PT_GNTDVDT{font-size:0pt;border-left-width:1px;border-left-color:rgb(0,0,0);border-left-style:dotted;width:3px;position:Absolute;}
.PT_GNTDVSLD{font-size:0pt;border-left-width:1px;border-left-color:rgb(0,0,0);border-left-style:solid;width:3px;position:Absolute;}
.PT_GNTDRAGMOVEHNDL{font-size:1pt;background-image:url(/cs/NBCCPRD/cache/PT_ORG_HEADER_DRAG_HANDLE_1.gif);width:5px;height:7px;position:Absolute;z-index:2500;}
.PT_GNTVG_D{font-size:1pt;border-right-width:1px;border-right-color:rgb(190,190,190);border-right-style:dashed;position:Absolute;z-index:1000;}
.PT_GNTVG_DT{font-size:1pt;border-right-width:1px;border-right-color:rgb(190,190,190);border-right-style:dotted;position:Absolute;z-index:1000;}
.PT_GNTVG{font-size:1pt;border-right-width:1px;border-right-color:rgb(190,190,190);border-right-style:solid;position:Absolute;z-index:1000;}
.PT_GNTDHDSH{font-size:1pt;border-top-width:1px;border-top-color:rgb(0,0,0);border-top-style:dashed;height:1px;position:Absolute;}
.PT_GNTDHSLD{font-size:1pt;border-top-width:1px;border-top-color:rgb(0,0,0);border-top-style:solid;height:1px;position:Absolute;}
.PT_GNTDHDT{font-size:1pt;border-top-width:2px;border-top-color:rgb(0,0,0);border-top-style:dotted;height:1px;position:Absolute;}
.PT_GNTTEXTALIGN{text-align:center;}.PSCHARTCOLOR0{background-color:rgb(21,21,21);}
.PSCHARTCOLOR1{background-color:rgb(34,126,158);}
.PSCHARTCOLOR2{background-color:rgb(70,164,147);}
.PSCHARTCOLOR3{background-color:rgb(81,76,71);}
.PSCHARTCOLOR4{background-color:rgb(139,133,128);}
.PSCHARTCOLOR5{background-color:rgb(91,166,26);}
.PSCHARTCOLOR6{background-color:rgb(212,207,202);}
.PSCHARTCOLOR7{background-color:rgb(192,79,79);}
.PSCHARTCOLOR8{background-color:rgb(255,168,80);}
.PSCHARTCOLOR9{background-color:rgb(180,114,130);}
.PSCHARTCOLOR10{background-color:rgb(216,63,38);}
.PSCHARTCOLOR11{background-color:rgb(252,239,203);}
.PSCHARTCOLOR12{background-color:rgb(240,204,113);}
.PSCHARTCOLOR13{background-color:rgb(235,109,52);}
.PSCHARTCOLOR14{background-color:rgb(114,158,76);}
.PSCHARTCOLOR15{background-color:rgb(158,127,204);}
.PSCHARTCOLOR16{background-color:rgb(160,37,145);}
.PSCHARTCOLOR17{background-color:rgb(255,199,123);}
.PSSTARTGRADIENT0{background-color:rgb(105,105,105);}
.PSSTARTGRADIENT1{background-color:rgb(187,214,254);}
.PSSTARTGRADIENT2{background-color:rgb(168,246,246);}
.PSSTARTGRADIENT3{background-color:rgb(177,177,177);}
.PSSTARTGRADIENT4{background-color:rgb(213,213,213);}
.PSSTARTGRADIENT5{background-color:rgb(179,249,156);}
.PSSTARTGRADIENT6{background-color:rgb(232,232,232);}
.PSSTARTGRADIENT7{background-color:rgb(252,128,180);}
.PSSTARTGRADIENT8{background-color:rgb(255,223,136);}
.PSSTARTGRADIENT9{background-color:rgb(254,213,238);}
.PSSTARTGRADIENT10{background-color:rgb(255,175,97);}
.PSSTARTGRADIENT11{background-color:rgb(254,255,236);}
.PSSTARTGRADIENT12{background-color:rgb(255,251,200);}
.PSSTARTGRADIENT13{background-color:rgb(255,191,144);}
.PSSTARTGRADIENT14{background-color:rgb(227,253,171);}
.PSSTARTGRADIENT15{background-color:rgb(222,190,254);}
.PSSTARTGRADIENT16{background-color:rgb(255,166,255);}
.PSSTARTGRADIENT17{background-color:rgb(255,240,174);}
.PSSTARTGRADIENTBACKGROUND{background-color:rgb(255,255,255);}
.PSENDGRADIENTBACKGROUND{background-color:rgb(255,255,255);}
.PSVISUALEFFECT{VSEFFECT:shadow;}
.PSHORIZONTALGRIDLINES{border-top-width:2;border-top-color:rgb(218,221,230);border-top-style:solid;}
.PSVERTICALGRIDLINES{border-top-style:none;}
.PSCHARTYAXIS{border-top-width:6;border-top-color:rgb(129,133,161);border-top-style:solid;}
.PSCHARTXAXIS{border-top-width:2;border-top-color:rgb(129,133,161);border-top-style:solid;}
.PSCHARTLINES{border-top-width:2;border-top-color:rgb(133,133,133);border-top-style:solid;}
.PSCHARTAXISTITLE{font-family:SansSerif;font-size:10;font-weight:bold;font-style:normal;color:rgb(0,0,0);}
.PSAXISLABELS{font-family:SansSerif;font-size:11;font-weight:normal;font-style:normal;color:rgb(65,67,90);}
.PSCHARTLEGEND{font-family:SansSerif;font-size:10;font-weight:normal;font-style:normal;color:rgb(74,74,75);}
.PSCHARTFOOTNOTE{font-family:SansSerif;font-size:9;font-weight:bold;font-style:normal;color:rgb(0,0,0);}
.PSCHARTSUBTITLE{font-family:SansSerif;font-size:9;font-weight:bold;font-style:normal;color:rgb(0,0,0);}
.PSCHARTTITLE{font-family:SansSerif;font-size:10;font-weight:bold;font-style:normal;color:rgb(0,0,0);}
.PSCHARTDATAGLYPHSIZE{CHGLYPH:80;}
.CHARTCOLORDEFAULTORDER{clrdefordr:1,10,8,2,15,16,14,7,5,13,12,4,9,6,17,3,11,0;}
.CHARTSEGMENTEXPLOSIONDISTANCE{CHDISTANCE:100;}
.CHARTDEFAULTANIMATION{CHANIMATION:1;}
.CHARTANIMATIONDURATION{MSEC:500;}
.PT_CHART_FUNNEL
{
FunnelViewAngle:13.43;
FunnelRotationAngle:13.43;
FunnelHeightRatio:0.20;
}
.PT_CHART_REFERENCE
{
RLineStyle:solid;
RTransparent:80;
}
.PT_CHART_REFERENCESTYLE
{
RLineStyle:solid;
RWidth:2;
}
.PT_CHART_TOOLBAR
{
cursor:pointer;
color:#FF00FF;
}
.PT_CHART_GAUGE
{
GlegEntrFontFamily:SansSerif;
GlegEntrFontWeight:plain;
GlegEntrFontStyle:plain;  
GlegEntrFontSize:12;
GlegEntrFontColor:#000000;
GlegBkgrColor:#FFFFFF; 
GlegBorderColor:#FFFFFF;
GbackgrBorderColor:#FFFFFF;
GbackgrOpacity:1;
GtickMrkColor:#000000;
GtickLblFontFamily:Dialog;
GtickLblFontWeight:bold;
GtickLblFontStyle:plain;
GtickLblFontSize:10;
GtickLblFontColor:#000000;
GtopLblFontFamily:SansSerif;
GtopLblFontWeight:bold;
GtopLblFontStyle:Plain;
GtopLblFontSize:14;
GtopLblFontColor:#000000;
GmtrLblFontFamily:SansSerif;
GmtrLblFontWeight:bold;
GmtrLblFontStyle:plain;
GmtrLblFontSize:10;
GmtrLblFontColor:#000000;
GbtmLblFontFamily:SansSerif;
GbtmLblFontWeight:bold;
GbtmLblFontStyle:plain;
GbtmLblFontSize:12;
GbtmLblFontColor:#000000;
GdialIndType:needle;
GdialIndBrdColor:#000000;
GdialIndFillColor:#FFFFFF;
GdialIndThreshColor:1;
GdialIndBaseBrdColor:#000000;
GdialIndBaseFillColor:#FFFFFF;
GdialThreshStyle:ring;
GstmIndBarBorderColor:#000000;
GstmIndBarFillColor:#000000;
GledSpecularHighlight:1;
GtickContent:Increments;
GdialPlotAreaFillColor:#FFFFFF;
GanimationDefType:TransitionToLeft;  

GanimationDuration:500;
}




.ch-icon-font {
    font-family: PT ChartFont;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    font-weight: bold;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
    
}
.ch-ln1-icon-16:before {
    content: "\e653"}
.ch-bar-icon-16:before {
    content: "\e627"}

.ch-2pie-icon-16:before {
    content: "\e67E"}
.ch-3pie-icon-16:before {
    content: "\e672"}



.ch-histogram-icon-16:before {
    content: "\e6BC"}


.ch-gear-icon-16:before {
    content: "\e638"}

.ch-tools-icon-16:before {
    content: "\e639"}
.ch-rightA-icon-16:before {
    content: "\e6D0"}
.ch-downA-icon-16:before {
    content: "\e6CE"}

.ch-spin {
  -webkit-animation: ch-spin 2s infinite linear;
  animation: ch-spin 2s infinite linear;

}
@-webkit-keyframes ch-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ch-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.ch-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ch-rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ch-rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}


.oj-chart-xaxis-title,
.oj-chart-yaxis-title,
.oj-chart-y2axis-title {
  font-family:tahoma, sans-serif !important;
  font-size: 0.625rem !important;
  font-weight:bold !important; 
  color: #000000 !important;
}

.oj-chart-xaxis-tick-label,
.oj-chart-yaxis-tick-label,
.oj-chart-y2axis-tick-label {
  
  font-family:tahoma, sans-serif !important; 
  font-size: 0.6875rem !important;  
  color: #4a4a4b !important; }


.oj-legend {
  
  font-family:tahoma, sans-serif !important; 
  font-size: 0.625rem !important;
  color: #000000 !important; }

.oj-chart-footnote {
  font-family:tahoma, sans-serif !important; 
  font-size: 0.5625rem !important;  
  color: #000000 !important;
  font-weight:bold !important;}


.oj-chart-slice-label {
  font-family:tahoma, sans-serif !important; 
  font-size: 0.6875rem !important;  
  } 

.oj-chart-subtitle {
   font-family:tahoma, sans-serif !important; 
  font-size: 0.5625rem !important;  
  color: #000000 !important;
  font-weight:bold !important;}


.oj-chart-title {
  font-family:tahoma, sans-serif !important; 
  font-size: 0.625rem !important;
  color: #000000 !important;
  font-weight: bold !important; }

.oj-dvt-datatip { 
  color: #000000 !important;  
  font-size: 0.6875rem !important;
  font-family:tahoma, sans-serif !important; }



#pthdr2container {
height:55px;
margin:0;

background: url(/cs/NBCCPRD/cache/PT_HEADERBG_CSS_1.JPG) repeat-x; 
border-bottom:1px solid #c9ced5;
position:relative;

}

#pthdr2syslinks.pthdr2syslinks a.PSHYPERLINK:hover {
    text-decoration: underline !important;
}
table#ipthdr2linksgbl td a{
color: #004B91;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:9pt;
vertical-align:middle;
}

*html table#ipthdr2linksgbl td a{
color: #004B91;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:9pt;
}

table#ipthdr2linksgbl td {
margin:0;
margin-top:3px;
float:none;
}

#pthdr2advsrch {
margin-top: 5px;
text-decoration:none;
}

.pthdr2srchpromptc {
text-decoration:none;
}

#ipthdr2linksgbl {
	margin-top:-6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
	height:18px;
	padding: 0;	
	list-style:none;
    position : relative;
}

*html #ipthdr2linksgbl {
margin-left : 100px;
margin-top:-6px;
position:absolute;
}

#pthdr2tdadvsrch
{
	color: #004B91;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 9pt;
    text-decoration: none;
    vertical-align: middle;
}

a.pthdr2tdsrchpromptc:hover
{
color : #ab5b1a;
}

.greeting {
    color: #426A92; !important
}
a#selsrchgrp span {
display: block;  
padding-left: 15px;
color: #515151;  
margin: 2px 0px 2px 0px;
margin-bottom: 3px\9;
margin-top:3px\9;
padding-bottom:4px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-weight:bold;
font-size:9pt;
white-space:nowrap;
} 

*html a#selsrchgrp span {
display: block;  
padding-left: 15px;
color: #515151;  
padding-top:1px;
padding-bottom:0px;
margin-top:3px !important;
margin-bottom:4px !important;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-weight:bold;
font-size:9pt;
}

#pthdr2srchgbl {
top:12px;		 
padding-right:10px;  
white-space:nowrap;
z-index: 199;
position: relative;
}

#pthdr2srchcontainer {
float:none;
}


#pthdr2logoswan {
float:left;
width: 113px;
height: 55px;			
margin:0;

padding: 0 5px 0 0;
background:none; 
}
#pthdr2logoswan:before {
    content: url(/cs/NBCCPRD/cache/PT_ORACLELOGO_CSS_1.png);
    left: 4px;
    position: relative;
    top: 17px;
    direction: ltr;
}


#pthdr2greeting {
float:left;
margin: 19px 0 0 10px;
margin-left:10px;
}

table#ipthdr2linksgbl td a:hover {
color : #AB5B1A;
}

#pthdr2srchcontainer {
position:relative;
}


#pthdr2links {
float:right;
             

background-image: none;
height: 18px;					

top:0;
margin:0px;



overflow:hidden;

}

dl#pthdr2links dt {
list-style:none;
float:left;
margin: 2px 0.1em 0;					
#padding-top: 2px;						

}



.pthdr2lock {
background: url(/cs/NBCCPRD/cache/PT_LOCK_CSS_1.gif) no-repeat center;	
height:16px;
width:16px;
}

.pthdr2sep {
background-color:#ADB7C6;
color:#ADB7C6;
height:14px;
width:1px;
margin-top:15px;
font-size:1px;
*font-size: ""; 

}
* html .pthdr2sep {

background-color:#adb7c6;
color:#ADB7C6;
height:18px;
width:1px;
}

dl#pthdr2links dt a {
color:#004b91;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 9pt;
vertical-align:top;
text-decoration:none;
}

#pthdr2logout {
    font-family: Arial,Verdana,Helvetica,sans-serif !important;
    font-size: 10pt !important;
    font-weight: bold !important;
}

dl#pthdr2links dt a:hover {
text-decoration:underline;
color:#ab5b1a;
}


.pttabhelplink {
font-size:9pt;
color:#336699;
text-decoration:none;
}


.pttabhelpimg {
border-style: none;
border:0;
margin:0;
margin-right:4px;
vertical-align:middle;
}

.pthdr2lock {
background: url(/cs/NBCCPRD/cache/PT_LOCK_CSS_1.gif) no-repeat center;
height:16px;
width:16px;
}

input.pthdr2srcheditgbl {
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:9pt;
border-top:1px solid #adb7c6;  
border-right:1px solid #adb7c6;
border-bottom: 1px solid #adb7c6;
border-left:1px solid #adb7c6;
background-color: #ffffff;
color:#515151;
margin: 1px 0px 0px 0px;
padding-left:5px;
padding-top:4px;
padding-top:4px\9;
padding-bottom:4px;
padding-bottom:4px\9;
padding-right: 0px;
-webkit-text-size-adjust:90%;
border-radius: 0;
}

#selsrchgrp { 
background-color: #ECF1F3;
background-image: url(/cs/NBCCPRD/cache/PT_SRCH_CSS_DOWN_ARROW_1.gif);
background-position: 95%;
background-repeat: no-repeat;
background-attachment:  scroll;
display: block;
padding-right: 25px;
border-top:1px solid #adb7c6;
border-right:0px solid #adb7c6;
border-bottom:1px solid #adb7c6;
border-left:1px solid #adb7c6;
margin: 1px 0 0 0;
#margin: 2px 0 0 0;    									
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
}

*html #selsrchgrp { 
background-color: #ECF1F3;
background-image: url(/cs/NBCCPRD/cache/PT_SRCH_CSS_DOWN_ARROW_1.gif);
background-position: 95%;
background-repeat: no-repeat;
background-attachment:  scroll;
display: block;
padding-right: 25px;
border-top:1px solid #adb7c6;
border-right:0px solid #adb7c6;
border-bottom:1px solid #adb7c6;
border-left:1px solid #adb7c6;
margin: 1px 0 0 0;
#margin: 2px 0 0 0;    									
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
}






* html dl#pthdr2links {  


background-image: none;
}

* html dl#pthdr2links dt {
margin:0px;
}


*html input.pthdr2srcheditgbl {
border-bottom: 1px solid #adb7c6;
font-family: Arial,Verdana,Helvetica,sans-serif;
color:#515151;
font-size:9pt;
border-top:1px solid #adb7c6;  
border-right:1px solid #adb7c6;
height:25px;
margin-top:2px;
padding-left:5px;
padding-top:4px;
padding-bottom:3px;
}

* html dl#pthdr2links dt {
 
}

* html dl#pthdr2links dt a {

text-decoration:none;
}




.headerBgBar
{
height:55px;
background: url(/cs/NBCCPRD/cache/PT_HEADERBG_CSS_1.JPG) repeat-x; 
color:#d8d9db;
}
.HEADERLINKACTIVE {
    color: #426a92;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 9pt;
    text-decoration: none;
}
a.HeaderLinkActive:hover
{
text-decoration:none;
color:#ab5b1a;
}
#pthdr2goimg {
border:none;
margin: 0;
width: 25px;
width: 25px\9;
}

*html #pthdr2goimg {
border:0 none;
margin: 0;
width: 25px\9;
padding-bottom:1px;
}

#pthdr2goimgvty {
border:none;
margin: 0;
width: 16px;
vertical-align:middle;
}

.pthdrSrchIconIframe  {
background: none repeat scroll 0 0 transparent;
border: none;
height: 25px;
height: 24px\9;
margin-top: 1px;
margin-top:0\9;
margin-right : 2px;
margin-bottom:0;
margin-left:0;
width: auto;
}

*html .pthdrSrchIconIframe {
margin-top:2px;
}

*html .pthdrSrchIco {
margin-top:2px;
height:21px;
}

.pthdrSrchIco  {
background: none repeat scroll 0 0 white;
border: none;
height: 22px;
margin-top: 1px;
margin-right : 2px;
vertical-align: middle;
width: 22px;
}

*html .pthdrSrchIco {
margin-top:2px;
height:21px;
}

a#pthdr2tdadvsrch:hover {
text-decoration : none;
color: #AB5B1A;
}

.pthdr2tdsrchpromptc {
color: #004b91;
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-decoration: none;
}

#pthdr2srch {
left: 0;
padding:0px;
top: 0;
white-space: no-wrap;
position:relative;
margin-left:100px;
}


* html #pthdr2srch {
left: 0;
padding:0;
position: relative;
top: 0;
white-space: no-wrap;
margin:0;
margin-left:100px;
}
input.pthdr2srchedit {
    background-color: #FFFFFF;
    border: 1px solid #CBCBCB;
    color: #515151;
}
ul#ipthdr2linksgbl li a {
    color: #004B91;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    font-weight: normal;
	vertical-align:bottom;  
	text-decoration:none;
}
#pthdr2advsrch:hover {
    color: #AB5B1A;
    text-decoration: underline;
}

#selsrchgrp:before {
    content: url(/cs/NBCCPRD/cache/PT_SRCH_CSS_DOWN_ARROW_1.gif);
    left: 20px;
    position: relative;
    float:right;
    top: 4px;
}
#selsrchgrp
{
	background-image:none;
}


#pthnavcontainer {
float:none;
background-image: url(/cs/NBCCPRD/cache/PT_BREADCRUMB_CSS3_1.JPG);
background-repeat: repeat-x;
border-top: none;
border-bottom: none;
width:100%;
height:26px;
margin:0 0 0 0;

padding:0;
display:none;  
position:relative;
}
.eppbr_top_bar .pthnavshadow {
    left: 3px;
    margin-top: -1px;
}
#pthnavfly_PORTAL_ROOT_OBJECT .pthnavshadow {
    left: -3px;
}
* html #pthnavcontainer {
float:none;
background-image: url(/cs/NBCCPRD/cache/PT_BREADCRUMB_CSS3_1.JPG);
background-repeat: repeat-x;
border-top: none;
border-bottom: none;
width:100%;
height:26px;
margin:0 0 0 0;

padding:0;
display:none;  
}

.pthnav, .pthnav ul, #pthnavbc ul {
margin: 0;
padding: 0;
border: 0 none;
list-style-type: none;
display: block;
}

.pthnav ul ul {
position: relative;
}

.pthnav li {
    display: block;
    float: left;	
    margin: 0 0.2em;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-top: 2px;
    position: relative;
}


* html .pthnav li {
padding-top: 2px;
}


li.pthbcdispinline{
display: inline;
}


li.pthbcdispiblock{
display: inline-block;
}

#pthnavbc li {

margin: 0 0;
padding-right: 3px;
padding-left:2px;
zoom:1;  
position: relative;	
unicode-bidi: inherit; 
}

.pthnav a, .pthnav span, #pthnavbc a, #pthnavbc span {
text-decoration: none;
position: relative;
font:9pt Arial,Tahoma,Verdana;
color:#284562;
vertical-align:top;
}

* html .pthnav a,
* html .pthnav span,
* html #pthnavbc a,
* html #pthnavbc span {
text-decoration: none;
padding-right: 13px;
position: relative;
font:9pt Arial,Tahoma,Verdana;
color:#284562;
vertical-align:middle;
}


* html .pthnav a {
text-decoration: none;
padding-right: 13px;
position: relative;
font:10pt Arial,Tahoma,Verdana;
color:#284562;
vertical-align:middle;
}



.pthnavsafariquirks a {
display:block;
line-height:19px;
}


div.pthnavsafariquirks #pthnavbc li a {
line-height:20px;
top:-1px;
}

.pthnav a, #pthnavbc a {
cursor:pointer;
padding-right: 17px;
z-index : 1;
}

li div.pthnavflyout, #pthnavbc li div.pthnavflyout {
    background: none;
    border: none;
    margin: 2px 0 0 2px;
    position: absolute;
    width: 18em;
    z-index: 400;
}

#pthnavbc li div.pthnavflyout {
top:100%;
}

li li div.pthnavflyout, #pthnavbc li li div.pthnavflyout, div.pthnavflyoutscroll div.pthnavflyout {
top:-4px;
}

.pthnavscroll {
background:#FFFFFF none;
position:relative;
margin:0 .2em;

zoom:1;
}

.pthnavscrollup, .pthnavscrolldown {
padding:0;
position:relative;
}

li div.pthnavscrollup, #pthnavbc li div.pthnavscrollup {
width:90%;	
line-height:normal;
}

li li div.pthnavscrollup, #pthnavbc li li div.pthnavscrollup {
line-height:normal;
display:none;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
li li div.pthnavscrollup, #pthnavbc li li div.pthnavscrollup { display:block; }
}

.pthnavrightarrow {
margin:0;
margin-right:.3em;
padding: 0;
background-image: none ;
position:absolute;
right:0;
top:0;
}

.pthnavrightarrow:after {
content: url(/cs/NBCCPRD/cache/PT_HNAV_RIGHT_ARROW2_1.gif);
}

.pthnavbarfldr{
background-image: none  !important ;
}

.pthnavbarfldr:after {
content: url(/cs/NBCCPRD/cache/PT_HNAV_CSS_BC_DOWN_ARROW_1.png);
position:absolute;
right:2px;

}


* html .pthnavbarfldr {
background: transparent url(/cs/NBCCPRD/cache/PT_HNAV_CSS_BC_DOWN_ARROW_1.png) no-repeat right 60%;
height: 19px;
}


.pthnavbarabnfldr {
background: transparent no-repeat bottom center;
height:19px;
}


.pthnavfldr {
}

.pthnavfldrimg:before {
content : url(/cs/NBCCPRD/cache/PT_HNAV_FLDR2_1.gif);
}

.pthnavfldrimg {
background:none;
margin:2px 0 0 0;
margin-left:.5em;
padding: 0;
position:absolute;
left:0;
top:0;
width:14px;
line-height:normal;
}


.pthnavabnfldrimg {
margin:2px 0 0 0;
margin-left:.5em;
padding: 0;
position:absolute;
left:0;
top:0;
width:14px;
line-height:normal;
}

.pthnavabnfldrimgicon {
background: none;
}
.pthnavabnfldrimgicon:before {
content: url(/cs/NBCCPRD/cache/PS_WCS_MANAGER_ICN_1.gif);
}


li li.pthnavcref {
}

.pthnavcrefimg:before {
content: url(/cs/NBCCPRD/cache/PT_HNAV_CREF_1.GIF);
}

.pthnavcrefimg {
background:none;
margin:2px 0 0 0;
margin-left:.5em;
padding: 0;
position:absolute;
left:0;
top:0;
width:13px;
line-height:normal;
display:block; 
}


.pthnavabncrefimg {
margin:2px 0 0 0;
margin-left:.5em;
padding: 0;
position:absolute;
left:0;
top:0;
width:14px;
line-height:normal;
display:block; 
}

.pthnavabncrefimgicon {
background: none;
}
.pthnavabncrefimgicon:before {
content: url(/cs/NBCCPRD/cache/PS_WCS_PERSON_ICN_1.gif);
}


.pthnavfav {
}

.pthnavfavimg {
background: transparent url(/cs/NBCCPRD/cache/PT_HNAV_FAV_CREF_1.png) no-repeat center center;
margin:0;
margin-left:.5em;
padding: 0;
position:absolute;
left:0;
top:0;
width:18px;
line-height:normal;
}


.pthnavmrsimg {
background: transparent url(/cs/NBCCPRD/cache/PT_HNAV_RSR_CREF_1.gif) no-repeat center center;
margin:2px 0 0 0;
margin-left:.5em;
padding: 0;
position:absolute;
left:0;
top:0;
width:16px;
height:16px;
line-height:normal;
}

.pthnavmrsfldrimg {
background: transparent url(/cs/NBCCPRD/cache/PT_HNAV_RSR_FLDR_1.gif) no-repeat center center;
margin:2px 0 0 0;
margin-left:.5em;
padding: 0;
position:absolute;
left:0;
top:0;
width:16px;
height:16px;
line-height:normal;
}



.pthnavcrefquirks {
background-color:#F9F9F9;

    color: #ab5b1a;

cursor:pointer;
}

div.pthnavscrolldown {
width:0;
line-height: .3;
}

.pthnavscrolldownshow {
background: transparent url(/cs/NBCCPRD/cache/PT_HNAV_DOWN_ARROW_1.gif) no-repeat center center;
cursor:pointer;
zoom:1;  

line-height: normal;
}



.pthnavnoscrollbtnimg {
line-height:1.2; 
}

.pthnavscrollupshow {
background: transparent url(/cs/NBCCPRD/cache/PT_HNAV_UP_ARROW_1.gif) no-repeat center center;
cursor:pointer;
zoom:1;  
line-height:normal;
}

.pthnav li li{
float: none;
margin:0;
line-height:1.2em;
}

#pthnavbc li a {
margin:0;
padding-right: 15px;
}

.pthnav li li a, #pthnavbc li li a {
margin:0;
font-size:9pt;
color:#004b91;
margin-left:2.5em;
padding:0;
vertical-align:0;
}


li#pthnavbc, li.pthnavbarfldr {
z-index:200;
white-space:nowrap;
padding-top: 4px;
}

li#pthnavbc {
z-index:199;
}


li.pthnavbcltr{
position:absolute;
white-space:nowrap;
display:inline;
}



li.pthnavbcrtl{
white-space:nowrap;
display:inline;
position:absolute;
}


.pthnavbaropen {
    background-color: #DAE9F8;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-top: 1px solid #666666;

}
* html .pthnavbaropen {
background-color:#DAE9F8;
border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-top: 1px solid #666666;
	
}

.pthnavbarclose {
background-color:transparent;
}

div.pthnavclose {
background: transparent url(/cs/NBCCPRD/cache/PT_PORTAL_IC_CLOSE_1.gif) no-repeat scroll 0 50%;
height:14px;
width:14px;
margin:0;
margin-right:.4em;
float:right;
padding:0;
cursor:pointer;
position:relative;
line-height:normal;  
}

.pthnavclosehide {
background:none repeat scroll 0 0 transparent;
border:0 none;
float:right;
height:14px;
margin:0 -0.8em;
overflow:hidden;
text-indent:-99999em;
width:25px;
}
.pthnav li li a:hover, #pthnavbc li li a:hover
{
	color:#ab5b1a;
}


li.pthnavfav:hover, li.pthnavmrs:hover, li.pthnav-mouse:hover {
    background-color: #F9F9F9;
   
    color: #ab5b1a;
    cursor: pointer;
    vertical-align: middle;
}



.pthnavfldropen, li.pthnavfldropen:hover {
background-color:#F9FECB;  
cursor:pointer;
z-index:300;
}


a.pthnavbcanchor:hover, #pthnavbc li.pthnavbarfldr a:hover, #pthnavbc li.pthnavbarcref a:hover,a.pthnavbcanchor:active,
a.pthnavbcanchor:focus, #pthnavbc li.pthnavbarfldr a:focus, #pthnavbc li.pthnavbarcref a:focus {
color: #333333;
text-decoration:underline;
}




li.pthnavbarcref div.pthnavcrefimg {
display:none;
}


li.pthnavbarabnfldr div.pthnavcrefimg {
display: none;
}

.pthnavhide {
left:-999em;
}


.pthnavshow {
left:0;
}

.pthnavbarshow {
left:0;
top:100%;
display:block;
}

.pthnavbarhide {
display:none;
z-index:auto;
}

#pthnavfavsep {
background: transparent url(/cs/NBCCPRD/cache/PT_HNAV_CSS_FAV_SEP_NEW_1.png) no-repeat center center;
top: 0px;
#top: 2.7px;
margin-top: 0px;
#margin-top: 0px;
height: 22px;
width:2px;
}

*html #pthnavfavsep {
background: transparent url(/cs/NBCCPRD/cache/PT_HNAV_CSS_FAV_SEP_NEW_1.png) no-repeat center center;
top: 0px;
margin-top: 2px;
height: 22px;
width:2px;
}


li.pthnavhiearchysep:before {
    content: url(/cs/NBCCPRD/cache/PT_HNAV_CSS_HIEARCHY_SEP2_1.gif);
}
li.pthnavhiearchysep {
top: -2px;
background:none;
#background: transparent url(/cs/NBCCPRD/cache/PT_HNAV_CSS_HIEARCHY_SEP2_1.gif) no-repeat center 100%;
}

.pthnavflyoutopen {
left:60%;
}

.pthnavflyoutclose {
left:-999em;
}

* html span.pthnavtitle {
font-weight:bold;
font-size:9pt;
margin:0;
color:#333333;
margin-left:.7em;
font-family:Arial,Tahoma;
}
span.pthnavtitle {
font-weight:bold;
font-size:9pt;
color:#333333;
margin:0;
margin-left:.7em;
font-family:Arial,Tahoma;
}

#pthnavmrufavsep {

display:none;
}

#pthnavsrch {
margin:0 .2em;
}


.pthnavshadow {
    background: none repeat scroll 0 0 #FFFFFF;
    left: 7.5px;
    position: relative;
	border:1px solid #666666;
	box-shadow: 0 3px 3px #999999;
    top: -3px;
}
#pthnavmrssep {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #C9CED5;
}
#pthnavfly_MYFAVORITES {
    left: -11px !important;
}
* html .pthnavshadow {
    background: none repeat scroll 0 0 #FFFFFF;
    left: 7.5px;
    position: relative;
	border:1px solid #666666;
	box-shadow: 0 3px 3px #999999;
    top: -3px;
}
li li div.pthnavscrollup, #pthnavbc li li div.pthnavscrollup {
    line-height: normal;
}

div.pthnavsort {
height:12px;
width:9px;
margin:0;
margin-right:.4em;
float:right;
padding:0;
cursor:pointer;
position:relative;
line-height:normal;  
}

.pthnavsortnone:after {
content: url(/cs/NBCCPRD/cache/PT_HNAV_SRTNONE_1.gif);
}

.pthnavsortnone {
background: none;
}

.pthnavsortasc:after {
content: url(/cs/NBCCPRD/cache/PT_HNAV_SRTUP_SEL_1.gif);
}

.pthnavsortasc {
background: none;
}

.pthnavsortdes:after {
content: url(/cs/NBCCPRD/cache/PT_HNAV_SRTDN_SEL_1.gif);
}

.pthnavsortdes {
background: none;
}



div.pthnavscroll ul {
width:100%;
top:0;
}

li div.pthnavflyoutscroll {
display:none;
position:absolute;
z-index:400;
margin:0;
padding:0;
border: 0 none;
width:18em;
}




ul.pthnavscrollul {
width:17.6em;
}


.pthnavfakeli {
background-color:#D4DBD9;
}


.pthnavloading {
background: none;
z-index:501;
margin-left:-1px;
}

.pthnavloading:before {
content: url(/cs/NBCCPRD/cache/PT_NAV2_LOADING_1.gif);

}

div#pthnavblock {
display:none;
position:absolute;
cursor:wait;
border:0 none;
margin:0;
padding:0;
top:0;
left:0;
z-index:500;
opacity:.01;
background-color: #FFFFFF;
filter: alpha(opacity=1);
}


div#pthnavsrchlbl {
font-family: Arial,Helvetica;
font-size: 11pt;
font-weight: 600;
color: #666666;
padding-top: 3px;
padding-bottom: 1px;
padding-left: 2px;
zoom:1; 
}


#pthnavsrchform {
margin:0;
padding:0;
white-space: nowrap;
}


#pthnavgoImg {
  
    margin-left: -4px;
    padding: 0px;
    position: relative;
    vertical-align: bottom;
}
*html #pthnavgoImg {
   
    margin-left: -8px;
    padding-right:5px;
    position: relative;
    vertical-align: middle;
}
#ptnav2goImg {
   
    margin-bottom: 4px;
    margin-left: -3px;
    padding: 0px;
    position: relative;
    vertical-align: middle;
}
#ptnav2srchinput,#pthnavsrchinput
{
    border: 1px solid #BBBBBB;
	height: 18px;
}
#ptnav2go, #ptnavgo {
    border: none;
}

*html #ptnav2goImg {
  
    margin-bottom: 4px;
    margin-left: -6px;
    padding: 0px;
    position: relative;
    vertical-align: middle;
}
*html #ptnav2srchinput, *html #pthnavsrchinput {
    border: 1px solid #BBBBBB;
	height:18px;
}


#pthnavdemopglt {
margin: 5px;
font:Arial,Helvetica,sans-serif;
}

.pthnavdemotext {
font-weight:bold;
text-align:center;
}

#pthnavdemopglt ul {
list-style:none;
padding:0;
margin:0 5px;
zoom:1; 
}

#pthnavdemopglt li {
margin: 0 0 30px 0;
height:86px;
}

#pthnavdemopglt li p {
float:left;
margin:0;
margin-right:5px;
width:50%;
}

.pthnavdemomru {
background: url(/cs/NBCCPRD/cache/PT_HNAV_DEMO_MRU_1.JPG) no-repeat right 0;
}
.pthnavdemobc {
background: url(/cs/NBCCPRD/cache/PT_HNAV_DEMO_BC_1.JPG) no-repeat right 0;
}
.pthnavdemoas {
background: url(/cs/NBCCPRD/cache/PT_HNAV_DEMO_AS_1.JPG) no-repeat right 0;
}






* html #pthnavflycontent, 
* html .pthnavscroll,     
* html .pthnav li li,     
* html #pthnavbc li li
{
zoom:1;
}





div#pthbcScroll {
position:relative;
height:1.2em;
left: 1.3em;
overflow:hidden;
}

div.pthbcScroll, ul#pthbcUlScroll {
position:absolute;
padding-left:8px;
}

.pthbcprevshow:before {
    content: url(/cs/NBCCPRD/cache/PT_HNAV_PREV_ARROW_1.gif);
    position: absolute;
}
.pthbcprevshow {
cursor:pointer;
zoom:1;
background: none;
display:block;
position:absolute;
left:0;
width:20px;
top:0px;
-webkit-user-select: none;   
-webkit-touch-callout: none;

}
.pthbcnextshow:before {
    content: url(/cs/NBCCPRD/cache/PT_HNAV_NEXT_ARROW_1.gif);
    position: absolute;
}
.pthbcnextshow {
cursor:pointer;
zoom:1;
background: none;
display:block;
position:absolute;
width:20px;
top:0px;
-webkit-user-select: none;   
-webkit-touch-callout: none;

}

.pthbcprev, .pthbcnext {
padding:0;
position:absolute;
display:none;
width:0px;
}

#pthbcEndWall{
position: relative;
margin-left:-13px;
}

#pthbcStartWall{
position: relative;
margin-left:18px;

}


#ptabnclonebc {
display:none;
}


.pthnavHideTxt {
text-indent:-99999em;
overflow:hidden;
border:0;
background:transparent;
width:1px;
height:1px;
}


.pthnavHideTop{
top:-9999px !important;
font-size: 2px !important;
}


.pthnavHideSortTxt {
text-indent:-99999em;
overflow:hidden;
border:0;
background:transparent;
width:25px;
margin:0;
float:right;
margin-right:-0.8em;
margin-left:-0.8em;  
height:12px;
}



*html li.pthnavfldr a:active, li.pthnavfldr a:focus,
*html li.pthnavfldropen a:active, li.pthnavfldropen a:focus,
*html li.pthnavcref a:active, li.pthnavcref a:focus {
	background-color: #F9F9F9;
   
    color: #ab5b1a;
    cursor: pointer;
    vertical-align: middle;
}


*html li.pthnavfldr a,
*html li.pthnavfldropen a,
*html li.pthnavcref a{
	vertical-align: middle\9;
}


.ptabnsrchpromptbc {
margin-left:-24px;
margin-top:3px;
display:block;
}

.ptabnsrchpromptbc a {
padding-right:0px !important;
}

.ptabnsrchpromptbc a span {
padding-right:0px !important;
}
.ptpgltlabel{
    font-weight: bold !important;
}


#pthnavbc_skipnav a{    
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}

#pthnavbc_skipnav a:active, 
#pthnavbc_skipnav a:focus { 
    background-color: #ffffff;
    border: 1px solid #444444;
    color: #444444;
    font-size: 13px;
    font-weight: bold;
    padding-right: 15px !important;
    padding-top: 4px !important;
    white-space: nowrap; 
    display: inline-block;
    float: left;
    margin: 0 0.2em;
    padding-bottom: 2px;
    width: auto; 
    height: auto; 
    overflow: visible; 
    z-index: 205;
}

.ps_nowrap {white-space: nowrap;}

.ptpopuptitlebar {
background: transparent url(/cs/NBCCPRD/cache/PTPOPUP_TITLEBARCENTER_1.png) repeat scroll right top;
}

#ptpopupcontainer {
border:2px solid #A3BED8;
}

div.PSPUSHBUTTON {
height:auto;
}



.ptnav2fldr a {
color:#004b91;
}


.ptnav2cref a {
color:#003075;
}
.ptnav2fldr {
    background: url(/cs/NBCCPRD/cache/PT_MENUARROW_OPEN_1.gif) no-repeat scroll left 3px transparent;
}
.ptnav2open
{
	background: url(/cs/NBCCPRD/cache/PT_MENUARROW_CLOSE_1.gif) no-repeat scroll left 3px transparent;
}
.ptpgltdroppable
{

}

.ptnav2fldr a:hover {
color:#ab5b1a;
}
.PORTLET-MENU, .PTNAVBACKGROUND, .PTNAVSELCHILDEDGEDK
{
background-color: #ffffff;
}


a.ptnav2selected {
background-color: #FFFFFF;
    color: #666666;
    font-weight: bold;
}
a.ptnav2selected:hover
{
background-color: #FFFFFF;
color: #ab5b1a;
font-weight: bold;
text-decoration:underline;
}
#ptnav2tree li
{
padding-bottom:5px;
padding-left:12px;
padding-top:0;
padding-right:0;
}


.pthnav li li a:hover, #pthnavbc li li a:hover
{
	color:#ab5b1a;
}

li.ptnav2cref.ptnav2selected {
background: #F9F9F9;
color: #ab5b1a;
border:0;
}
li.ptnav2selected a:hover
{
color:#ab5b1a;
text-decoration:none;
}
li.ptnav2selected a
{
background: none;
color:#ab5b1a;
}
.PORTLET-MENU, .PTNAVBACKGROUND, .PTNAVSELCHILDEDGEDK
{
	border: 1px solid #E6E6E6;
}

.ptnav2ulselected {
background-color:#FFFFFF;
border-bottom:1px solid #e6e6e6;
border-top:1px solid #e6e6e6;

}
#ptnav2tree a
{
line-height:1.2em;
}


.pthnavmylinks {
}

#ptnav2pgltbody {
    background-color: #FFFFFF;
    position: relative;
}
#ptnav2pglt {
    font-size: 8pt;
background-color: #FFFFFF;
}
.ptnav2cref a {
    color: #004B91;
text-decoration:none;
}
.ptnav2cref a:hover {
    color: #ab5b1a;
    text-decoration: underline;
}
.ptnav2cref
{
background:none;
}
div#ptnav2framebody {
position:relative;
background:#ffffff;
}
#ptnav2framecontainer {
position:relative;
border: 0px solid #284277;
margin:0;
padding:0;
border-color: rgb(40,66,119);
max-width:375px;
min-width:193px;
}



.MOBGImage {
	background-image: url(/cs/NBCCPRD/cache/PT_POPUP_BG_1.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color:#FFFFFF;
}
.MOBGImageLeft {
	background-color:#FFFFFF;
	background-image: url(/cs/NBCCPRD/cache/PT_BG_GRADIENT_BINARY_1.PNG);
	background-repeat: repeat-x;
	background-position: center bottom;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #82A7BD;
}
.MOBGImageTop {
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #82A7BD;
}
.MOBGImageRightAlpha {
	background-image: url(/cs/NBCCPRD/cache/PT_RIGHT_BG_ALPHA_1.PNG);
	background-repeat: repeat-y;
	background-position: center bottom;
	border-right-width: 0px;
	border-right-style: none;
}
.MOBGImagebottomAlpha {
	background-image: url(/cs/NBCCPRD/cache/PT_BOTTOM_BG_ALPHA_1.PNG);
	background-repeat: repeat-x;
}
.MOBGImageRight {
	background-image: url(/cs/NBCCPRD/cache/PT_RIGHT_BG_BINARY_1.PNG);
	background-repeat: repeat-y;
	background-position: center bottom;
	border-right-width: 0px;
	border-right-style: none;
}
.MOBGImagebottom {
	background-image: url(/cs/NBCCPRD/cache/PT_BOTTOM_BG_BINARY_1.PNG);
	background-repeat: repeat-x;
}



#pt_modalMask{position:absolute;z-index:210;top:0px;left:0px;opacity:.50;filter:alpha(opacity=50);background-color:transparent;background-color:#535353;background-image:none;background-repeat:repeat;display:none;} 
#pt_modalMaskCover{position:absolute;z-index:210;top:0px;left:0px;opacity:.10;filter:alpha(opacity=10);background-color:transparent;background-color:#ffffff;background-image:none;background-repeat:repeat;display:none;}
.PSMODALCOVER{border-right:black 2px solid;border-top:black 2px solid;border-left:black 2px solid;border-bottom:black 2px solid;position:absolute;z-index:210;top:0px;left:0px;opacity:.10;filter:alpha(opacity=10);background-color:transparent;background-color:#ffffff;background-image:none;background-repeat:repeat;display:none;}

#pt_modals{display:none;padding:0px;}

#ptpopupclose
{
background-image:url(/cs/NBCCPRD/cache/PT_PORTAL_IC_CLOSE_SD_SWAN_1.gif);
}
.PSMODALHEADER{height:22px;display:none;overflow:hidden;position:relative;border-style:none;background: url(/cs/NBCCPRD/cache/PTPOPUP_TITLEBARCENTER_1.png) top right repeat; display:none} 
.PSMODALTITLE{float:left;font-family:Arial;font-weight:bold;font-size:10pt;font-color:#ffffff;height:100%; padding-top: 2px;}
.PSMODALCLOSE{position:relative;height:16px;width:16px;margin-top:2px;background:transparent C left no-repeat;
background: url(/cs/NBCCPRD/cache/PT_PORTAL_IC_CLOSE_SD_SWAN_1.gif) no-repeat scroll center center rgba(0, 0, 0, 0);}
//.PSMODAL{border-style: solid; border-width:4px;border-color:blue;border-style:solid double;}
.PSMODALINNER{border-style:none; border-bottom:  #A3BED8 2px solid;background-color:#ffffff;}
.PSMODALCONTENT{border-left: #004080 1px solid; border-right:  #004080 1px solid;background-color:#ffffff; box-shadow: 10px 0px 10px #333333;}
.PSMODALTABLE{border-width:0px;padding:0px;position:absolute;background-color:#ffffff;z-index:250;box-shadow: 5px 5px 10px #333333;}
.PSMODALBOTTOM{height:14px;display:none;border-left: #004080 1px solid; border-right:  #004080 1px solid; border-bottom:  #004080 1px solid;background-color:#ffffff; box-shadow: 10px 10px 10px #333333;}
.PSMODALRESIZE{float:right;margin-top:-.1em;cursor:nw-resize;background-color:#ffffff; box-shadow: 10px 0px 10px #333333;}
.PSMODALTABLE .PSMODALCONTENT { 
    box-shadow: none;
	border-left: none;
	border-right:none; 	
} 


#pt_dragResize{z-index: 200;border-right:black 2px solid;border-top:black 2px solid;border-left:black 2px solid;border-bottom:black 2px solid;opacity:.4;filter:alpha(opacity=40);background-color:transparent;background:thistle;display:none;position:absolute;}
#pt_dragtxt{display:none;position:absolute;border:1px solid black;z-index:200;top:0px;left:0px;}
#pt_console,#pt_console_output{position:absolute;top:22px;left:600px;width:300px;height:465px;overflow:auto;border:1px solid black;background-color:#eef0ff;display:none;}
.debugtext{width:300px;height:100px;font-family:Arial;font-size: xx-small;}

#popupMask, #popupMaskModal{position:absolute;z-index:200;top:0px;left:0px;opacity:.50;filter:alpha(opacity=50);background-color:transparent;background-color:#535353;background-image:none;background-repeat:repeat;display:none;} 



.popupDragFrame{display:none;top:0;left:0;border:2px dotted;position:absolute;background-color:transparent;background-image:url(/cs/NBCCPRD/cache/PT_PIXEL_1.gif);background-repeat:repeat;} 

.popupShadowIE6{background:#353535;border:1px;left:5px;top:5px;position:absolute;z-index:250;filter:alpha(opacity=30);opacity:0.3;}

.popupShadow{border:1px;left:7px;top:5px;position:absolute;z-index:250;opacity:0.75;}

.popupShadowTopRightCorner{width:100%;background:url(/cs/NBCCPRD/cache/PTPOPUP_SHADOWRIGHTTOPCORNER_1.png) bottom right repeat-x;}

.popupShadowTop{width:100%;background:url(/cs/NBCCPRD/cache/PTPOPUP_SHADOWTOP_1.png) top right repeat-y;}

.popupShadowBottom{width:100%;}

.popupShadowBottomLeftCorner{float:left;background:url(/cs/NBCCPRD/cache/PTPOPUP_SHADOWLEFTBOTTOMCORNER_1.png) repeat-x;}

.popupShadowBottomMiddle{float:left;background:url(/cs/NBCCPRD/cache/PTPOPUP_SHADOWBOTTOM_1.png) repeat-x;}

.popupShadowBottomRightCorner{float:right;background:url(/cs/NBCCPRD/cache/PTPOPUP_SHADOWRBOTTOM_1.png) top left no-repeat;}

#popupContainer{position:absolute;z-index:400;top:0px;left:0px;display:none;padding:0px;}
#popupContainerModal{position:absolute;z-index:300;top:0px;left:0px;display:none;padding:0px;}

#popupInner{position:absolute;z-index:402;background-color:#ffffff;padding:0px;}
#popupInnerModal{position:absolute;z-index:302;background-color:#ffffff;padding:0px;}

#popupFrame, #popupFrameModal{margin:0px;width:100%;height:100%;background-color:transparent;z-index:304;}
#popupContentContainerModal{height:100%;width:100%;overflow:auto;}
#popupContentModal, #popupOkButtonModal{margin: 10px 0px 0px 10px;}

.HelppopupTitleBar, #popupTitleBar, #popupTitleBarModal{width:100%;height:22px;overflow:hidden;position:relative;z-index:250;border-style:none;} 
#popupTitle, #popupTitleModal{float:left;font-family:Arial;font-weight:bold;font-size:10pt;font-color:#ffffff;cursor:move;width:90%;height:82%}

.popupMsg{font-family:Arial;font-style:bold;font-size:10pt;font-color:#353535;}
.popupText{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);}
#popupControls, #popupControlsModal{float:right;cursor:pointer;cursor:hand;} 
#popupResizeImg, #popupResizeImgModal{float:right;margin-top:-.1em;cursor:nw-resize;}
.moveme{cursor: move;}
.handle{cursor: move;}
div.titleButton{position:relative;height:16px;width:16px;margin-top:2px;float:left;background:transparent C left no-repeat;}
img.titleButton:hover{background-color:#ffffff;border:solid white 1px;}
#popupMax, #popupMaxModal, #popupMin, #popupMinModal{display:none;}
#popupMsg{width:100%;height:100%;background-color:#ffffff;}
#alertmsg{padding:10px;}
#alertbutton{float:right;margin-right:10px;padding:10px 0px 10px 20px;}
#okbutton{padding:10px 0px 10px 0px;}

#HelppopupTitleBarLeftImage, #popupTitleBarLeftImage, #popupTitleBarLeftImageModal{float:left;height:22px;width:3px;}
.HelppopupTitleBarMiddle, #popupTitleBarMiddle, #popupTitleBarMiddleModal{float:left;height:22px;}
#HelppopupTitleBarRightImage, #popupTitleBarRightImage, #popupTitleBarRightImageModal{float:right;height:22px;width:4px;width:3px\9;}

span.spanTextDropdown { position: absolute;top:0px;left:0px;z-index: 1001;background-color: rgb(226,226,226);padding-left:2px;overflow:visible;display: none;}
span.spanMatchText{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(0,0,0);}
span.spanNormalElement{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);}
span.spanHighElement{background:#F9FECB;color:white;cursor:pointer;font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;}
.spanHighElement{background:#F9FECB;color:white;cursor:pointer;font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;}
span.noMatchData{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:#0000FF;}
.PSTARESULTSHDR{background-color:#4A598C;margin-right:2px;font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:#ffffff;}

.psrbpopupShadow{border:1px;left:7px;top:5px;position:absolute;z-index:250;opacity:0.4;background-color:#ffffff;}

.psrbpopupShadowTopRightCorner{width:100%;background:url(/cs/NBCCPRD/cache/PTPOPUP_SHADOWRIGHTTOPCORNER_1.png) bottom right no-repeat;}

.psrbpopupShadowTop{width:100%;background:url(/cs/NBCCPRD/cache/PTPOPUP_SHADOWTOP_1.png) top right repeat-y;}

.psrbpopupShadowBottom{width:100%;}

.psrbpopupShadowBottomLeftCorner{float:left;background:url(/cs/NBCCPRD/cache/PTPOPUP_SHADOWLEFTBOTTOMCORNER_1.png) repeat-x;}

.psrbpopupShadowBottomMiddle{float:left;background:url(/cs/NBCCPRD/cache/PTPOPUP_SHADOWBOTTOM_1.png) repeat-x;}

.psrbpopupShadowBottomRightCorner{float:right;background:url(/cs/NBCCPRD/cache/PTPOPUP_SHADOWRBOTTOM_1.png) top left no-repeat;}

.pstimeoutmsgcontainer {
    background-color: #ffffff;
    animation: 0.5s ease 0s normal none 1 running pt_fadein;
    text-align: center;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11pt;
}

.psfluidmsgalert {
    margin-bottom: 2em;
    min-height: 3em;
    min-width: 20vw;
    padding: 0.5em;
    text-align: center;
}
.psfluidmsgshort {
    display: inline-block;
}

.psfluidmsglong {
    margin-bottom: 1.5em;
    margin-top: 0.5em;
}
.psfluidmsgactions {
    bottom: 0.5em;
    left: 0;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    line-height: 1.2em;
    vertical-align: middle;
    font-weight: bold; 
}

.psfluidbuttonwrapper {
    display: inline-block;
}

.psfluidokbutton{
    background-image: linear-gradient(#ffffff, rgb(204, 204, 204));
    border: 1px solid #a5a7a8;
    border-radius: 0.25em;
    box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.4), 1px 1px 2px rgba(255, 255, 255, 0.7) inset;
    color: #000000;
    display: inline-block;
    overflow: hidden;
    padding: 0.5em 1.2em;
    text-decoration: none;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 0 #eee;
    vertical-align: bottom;
}

.psfluidokbutton:hover, .psfluidokbutton:link:hover {
    background-image: linear-gradient(#ffffff, rgb(153, 153, 153));
}

.psfluidmsgactions .psfluidokbutton {
    min-width: 3em;
}

.MOBGImage {
	background-image: none;
	background-color:#FFFFFF;
}
.MOBGImageLeft {
	background-color:#FFFFFF;
	background-image: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #82A7BD;
}
.MOBGImageTop {
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #82A7BD;
}
.MOBGImageRightAlpha {
	background-image: url(/cs/NBCCPRD/cache/PT_RIGHT_BG_ALPHA_1.PNG);
	background-repeat: repeat-y;
	background-position: center bottom;
	border-right-width: 0px;
	border-right-style: none;
}
.MOBGImagebottomAlpha {
	background-image: url(/cs/NBCCPRD/cache/PT_BOTTOM_BG_ALPHA_1.PNG);
	background-repeat: repeat-x;
}
.MOBGImageRight {
	background-image: url(/cs/NBCCPRD/cache/PT_RIGHT_BG_BINARY_1.PNG);
	background-repeat: repeat-y;
	background-position: center bottom;
	border-right-width: 0px;
	border-right-style: none;
}
.MOBGImagebottom {
	background-image: url(/cs/NBCCPRD/cache/PT_BOTTOM_BG_BINARY_1.PNG);
	background-repeat: repeat-x;
}



.PSMODALCLOSEANCHOR:before{
content:url(/cs/NBCCPRD/cache/PT_PORTAL_IC_CLOSE_SD_CSS_1.gif);
position:absolute;
}
.PSMODALCLOSE {
    margin-top: 6px;
	background: none;
}



#popupTitleBarLeftImage, #popupTitleBarLeftImageModal{background: url(/cs/NBCCPRD/cache/PTPOPUP_TITLEBARLEFT_1.PNG) top left no-repeat;}
#popupTitleBarMiddle, #popupTitleBarMiddleModal{background: url(/cs/NBCCPRD/cache/PTPOPUP_TITLEBARCENTER_1.png) top right repeat; padding-right:2px;}
#popupTitleBarRightImage, #popupTitleBarRightImageModal{background: url(/cs/NBCCPRD/cache/PTPOPUP_TITLEBARRIGHT_1.PNG) top right no-repeat;}
#popupContent{border-left: #A3BED8 2px solid; border-right:  #A3BED8 2px solid;}

#HelppopupTitleBarLeftImage{background-image:none; }
.HelppopupTitleBarMiddle{background-image:none; height:auto;}
#HelppopupTitleBarRightImage{background-image:none;}


#popupInner{border-style:none; border-bottom:  #A3BED8 2px solid;}


.popupDragFrame{display:none;top:0;left:0;border:2px dotted;position:absolute;background-color:transparent;background-image:url(/cs/NBCCPRD/cache/PT_PIXEL_1.gif);background-repeat:repeat;} 
.popupText{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:#515151;}


#popupContentContainerModal{border-left: #A3BED8 2px solid; border-right:  #A3BED8 2px solid;}
#popupBottomModal{border-left: #A3BED8 2px solid; border-right:  #A3BED8 2px solid; border-bottom:  #A3BED8 2px solid;}
#popupInnerModal{border-style:none;}


span.spanHighElement{background:#DFE7EC;color:white;cursor:pointer;font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;}
.spanHighElement{background:#DFE7EC;color:white;cursor:pointer;font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;}
.PSTARESULTSHDR {
    background-color: #F1F5F6;
    color: #426a92;
    font-family: Arial,sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    margin-right: 2px;
	height:20px;
	*height:15px;
border-bottom:1px solid #e6e6e6;
	
}
p.PTPOPUP_TITLE
{
	background-color: #FFFFFF;
    color: #416291;
    font-family: Arial;
    font-size: 11pt;
    font-weight: normal;
	padding-left:10px;
}
.PTPOPUP_TITLE
{
	background-color: #FFFFFF;
    color: #416291;
    font-family: Arial;
    font-size: 11pt;
    font-weight: normal;
    padding: 0px;
	padding-left:10px;
}
*html .PTPOPUP_TITLE
{
    background-color: #FFFFFF;
    color: #416291;
    font-family: Arial;
    font-size: 11pt;
    font-weight: normal;
	padding: 0px;
    padding-left:10px;
}
.PSMODALHEADER, .PTPOPUP_HEADER
{background-image: none;
background-color:#ffffff;
border-bottom:1px solid #c9ced5;
border-top:1px solid #666666 !important;
border-left:1px solid #666666 !important;
border-right:1px solid #666666 !important;

height:28px;
width: auto\9!important;

}
*html .PSMODALHEADER
{background-image: none;
background-color:#ffffff;
border-bottom:1px solid #e6e6e6;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;

height:28px;
width: auto !important;

}

.ptpopuptitlebar {
background-image: none;
}
#ptpopuptitlebar {
    border-bottom: 1px solid #c9ced5;
}
#ptpopupcontainer {
    border: 1px solid #666666;
	box-shadow: 0 2px 4px 2px #999999;
	padding: 5px;
}
div.PSPUSHBUTTON {
height:auto;
}
.PSSRCHRESULTSHYPERLINK, .PSSRCHRESULTSHYPERLINK:link {
color: #426a92;
text-decoration: none;
font-size:9pt;
}
.PSSRCHRESULTSHYPERLINK:hover {
color: #ab5b1a;
text-decoration: underline;
line-height:120%;
}

.PSSRCHRESULTSHDRTXT:hover, .PSSRCHRESULTSHDR a:hover
{
color: #ab5b1a;
text-decoration: underline;
}
.PSSRCHRESULTSHDRTXT, .PSSRCHRESULTSHDR:link{
font-weight:bold;
font-size:8pt;
text-decoration: none;
}

#ptpopupshadow {
left:0px;
top:0px;
}
.PSMODALRESIZE {
   
    box-shadow: 0 0 0 #333333;
}
#ptpopupmask
{
background-color: #5C7995;
opacity: 0.35;
}
.PSMODALCONTENT {
    border-left: none;
	border-top:none;
	border-bottom:none;
	padding: 0px;
	border-left:1px solid #666666 !important; 
	border-right:1px solid #666666 !important;
	border-top:none;
	border-bottom:none;	
	box-shadow: 0 0 5px #000000;
}
*html .PSMODALCONTENT {
border-left: none;
border-top:none;
border-bottom:none;
padding: 0px;
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:none;
border-bottom:none;	
box-shadow: 0 0px 5px #000000;
}
.PSMODALBOTTOM
{
border:none;
box-shadow: 0 6px 5px #000000;
height:14px;
display:none;
border-left: 1px solid #666666 !important; 
border-right:  1px solid #666666 !important;
border-bottom: 1px solid #666666 !important;
background-color:#ffffff;
}
*html .PSMODALBOTTOM
{
border:none;
box-shadow: 0 0 5px #000000;
height:14px;
display:none;
border-left: 1px solid #666666; 
border-right:  1px solid #666666;
border-bottom: 1px solid #666666;
background-color:#ffffff;
}
.HelppopupTitleBar, #popupTitleBar, #popupTitleBarModal {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
}
.HelppopupTitleBar {
height: auto;
padding-top: 1px;
padding-bottom: 1px;
}
#pt_modalMask {
    background-color: #5C7995;
   opacity: 0.35;
	z-index:212;
}
.HelpdivpopupFrame
{
	border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color:#ffffff;
}
#popupTitleBarLeftImage, #popupTitleBarLeftImageModal {
    background-image: none;
}
.popupShadow {
    border:none;
    left: 0;
    top: 0;
}

#ptpopupclose:before
{
content:url(/cs/NBCCPRD/cache/PT_PORTAL_IC_CLOSE_SD_CSS_1.gif);
}

#ptpopupclose
{
background-image:none;
}


#popupTitleBarRightImage, #popupTitleBarRightImageModal {
    background: none repeat scroll 0 0 transparent;
}
.PSMODALTITLE {
  padding-top: 6px;
}
*html .PSMODALTITLE {
  padding-top: 6px;
}
.PSMODALTABLE{border:none; 
box-shadow: 0 0 5px #000000;
padding:0px;
position:absolute;
background-color:#ffffff;
z-index:250}
#alertbutton { 
     float: left; 
 } 
#okbutton { 
     float: left; 
     padding: 10px; 
} 
.PSMODALCONTENT 
 {  overflow: hidden; 
 }
 
#bodyCalendar > thead > tr:first-child {
    visibility:hidden;
}
#bodyCalendar > thead > tr:last-child > td:first-child, #bodyCalendar > tbody > tr > td:first-child {
    visibility: hidden;
}


.psc_mode-access #PTUPLOAD .ptRteBrowseButtonContainer
{
	display:block !important;
	top: 50px !important;
}
.psc_mode-access #PTUPLOAD .ptRteBrowseButtonForUpload 
{
	display:block !important;
	top: 0px !important;
	visibility: visible !important;
}
.psc_mode-access #PTUPLOAD .ptRteBrowseButtonForLabel
{
    display: block;
    margin-top: 8px ;
}.EOPP_SCSECTIONFOLDERLINK:hover
{
	color:#ab5b1a;
	text-decoration:underline;
}

.EOPP_SCCHILDCONTENTLINK:hover, .EOPP_SCCHILDFOLDERLINK:hover, .EOPP_SCMORELINK:hover,.EOPP_SCSECTIONCONTENTLINK:hover, .EOPP_SCSECTIONFOLDERLINK:hover
{
	color:#ab5b1a;
	text-decoration:underline;
}

.EOPP_SCBREADCRUMBSECTION:hover {
 
    color: #ab5b1a;
}
.PAGROUPBOXLABELINVISIBLE .PSLEVEL1GRIDROW.PSGRIDFIRSTCOLUMN,
.PAGROUPBOXLABELINVISIBLE .PSLEVEL2GRIDROW.PSGRIDFIRSTCOLUMN,
.PAGROUPBOXLABELINVISIBLE .PSLEVEL3GRIDROW.PSGRIDFIRSTCOLUMN
{
border-left:none;
}
.PSLEVEL1GRIDNBO .PSGRIDFIRSTCOLUMN, .PSLEVEL2GRIDNBO .PSGRIDFIRSTCOLUMN, .PSLEVEL3GRIDNBO .PSGRIDFIRSTCOLUMN {
   border-left:1px solid #e6e6e6;
}

.PABACKGROUNDINVISIBLENBO .PSGRIDFIRSTCOLUMN {?border-left:?medium none;}
.PAADDITIONALINSTRUCTIONSDISABLED
{
color:#515151;
}
.PSCOMPONENTHYPERLINK
{
border-style: none;
    color: #004b91;
    font-family: Arial,sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
	text-decoration:none;
}
.PSHYPERLINKNOULDISABLED, .PSHYPERLINKNOULBOLDDISABLED, .PSSRCHRESULTSEVENROWDISABLED, .PSSRCHRESULTSODDROWDISABLED
{
color: #999999;
}

.PSLEVEL1GRIDNAVIGATIONBAR, .PSLEVEL2GRIDNAVIGATIONBAR, .PSLEVEL3GRIDNAVIGATIONBAR {
    background-color: #F1F5F6;
    border-top: 1px solid #E6E6E6;
    padding: 2px 0px;
}
.PSLEVEL1SCROLLAREAFOOTER, .PSLEVEL2SCROLLAREAFOOTER, .PSLEVEL3SCROLLAREAFOOTER
{
 background-color: #FFFFFF;
}
.PSHEADERHYPERLINK, .PSHEADERHYPERLINK:link, .PSHEADERHYPERLINK:active, .PSHEADERHYPERLINK:visited, .PSLEVEL1GRIDLABEL:link, .PSLEVEL1GRIDLABEL:visited, .PSLEVEL1GRIDNAVIGATIONBAR:link, .PSLEVEL1GRIDNAVIGATIONBAR:active, .PSLEVEL1SCROLLAREAFOOTER:link, .PSLEVEL1SCROLLAREAFOOTER:active, .PSLEVEL1SCROLLAREAHEADER:link, .PSLEVEL2GRIDLABEL:link, .PSLEVEL2GRIDLABEL:visited, .PSLEVEL2GRIDNAVIGATIONBAR:link, .PSLEVEL2GRIDNAVIGATIONBAR:active, .PSLEVEL2SCROLLAREAFOOTER:link, .PSLEVEL2SCROLLAREAFOOTER:active, .PSLEVEL2SCROLLAREAHEADER:link, .PSLEVEL3GRIDLABEL:link, .PSLEVEL3GRIDLABEL:visited, .PSLEVEL3GRIDNAVIGATIONBAR:link, .PSLEVEL3GRIDNAVIGATIONBAR:active, .PSLEVEL3SCROLLAREAFOOTER:link, .PSLEVEL3SCROLLAREAFOOTER:active, .PSLEVEL3SCROLLAREAHEADER:link, .PT_MCFTABLEHEADER1:link, .PT_MCFTABLEHEADER1:active, .PT_MCFTABLEHEADER1:visited
{	color: #004b91;
    font-family: Arial,sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    text-decoration: none;
}

.PSHEADERHYPERLINK a:hover,.PSLEVEL1GRIDLABEL a:hover,.PSLEVEL2GRIDLABEL a:hover,.PSLEVEL2GRIDLABEL a:hover,.PSLEVEL1SCROLLAREAHEADER a:hover,.PSLEVEL2SCROLLAREAHEADER a:hover,.PSLEVEL3SCROLLAREAHEADER a:hover, .PAGRIDHEADER a:hover
{	
    text-decoration: underline;
	color:#ab5b1a;
}


.PSLEVEL1SCROLLAREABODYNBO, .PSLEVEL2SCROLLAREABODYNBO, .PSLEVEL3SCROLLAREABODYNBO {
    border-style: none;
    margin: 1px;
}

.psaccesshidden { 
	position:absolute;
	left:0;
	color:#426a92;
	top:-999px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.PSEDITBOX_DISABLED {
    opacity: 0.9 !important;
}

.PSQRYTITLE
{
	color: #416291;
    font-family: Arial,sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: bold;
}

.PSLEVEL1GRIDCOLUMNHDR:link, .PSLEVEL1GRIDCOLUMNHDR:visited, .PSLEVEL1GRIDCOLUMNHDRDISABLED, .PSLEVEL3GRIDCOLUMNHDR:link, .PSLEVEL3GRIDCOLUMNHDR:visited, .PSLEVEL3GRIDCOLUMNHDRDISABLED,.PSLEVEL1GRIDCOLUMNHDR, .PSLEVEL2GRIDCOLUMNHDR, .PSLEVEL3GRIDCOLUMNHDR, .PSLEVEL1GRIDCOLUMNHDRTXT, .PSLEVEL2GRIDCOLUMNHDRTXT, .PSLEVEL3GRIDCOLUMNHDRTXT {
background-color: #f9f9f9;
color: #4b6987;
    font-family: Arial,sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
	text-decoration:none;
}

.PSLEVEL1SSGRIDCOLUMNHDR:link, .PSLEVEL1SSGRIDCOLUMNHDR:visited, .PSLEVEL1SSGRIDCOLUMNHDRDISABLED
{
    background-color: transparent;
    border-style: none;
    color: #426a92;
    font-family: Arial,sans-serif;
    border-style: none;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
	text-decoration:none;
}
.PSDROPDOWNLISTDISABLED
{
color: #515151;
    font-family: Arial,sans-serif;

}

.PSLEVEL1GRIDCOLUMNHDR:link, .PSLEVEL1GRIDCOLUMNHDR:visited,
.PSLEVEL1GRIDCOLUMNHDRDISABLED, .PT_MCFTABLEHEADER1:link, .PT_MCFTABLEHEADER1:active, .PT_MCFTABLEHEADER1:visited:link, .PSLEVEL3GRIDCOLUMNHDR:visited,
.PSLEVEL3GRIDCOLUMNHDRDISABLED, .PSLEVEL1GRIDCOLUMNHDR:link, .PSLEVEL1GRIDCOLUMNHDR:visited, .PSLEVEL1GRIDCOLUMNHDRDISABLED, .PSLEVEL3GRIDCOLUMNHDR:link,
.PSLEVEL3GRIDCOLUMNHDR:visited, .PSLEVEL3GRIDCOLUMNHDRDISABLED, .PSLEVEL2GRIDCOLUMNHDR:link, .PSLEVEL2GRIDCOLUMNHDR:visited,
.PSLEVEL2GRIDCOLUMNHDRDISABLED, .PAGRIDHEADERTXT, .PAGRIDHEADER:link, .PAGRIDHEADER:visited, .PAGRIDHEADERDISABLED, .PAGRIDHEADERTXT:link, .PAGRIDHEADERTXT:visited
{
    background-color: #f9f9f9;
    border-style: none;
    color: #426a92;
    font-family: Arial,sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
	text-decoration:none;
}
.PSLEVEL1GRIDLABEL:link,.PSHEADERHYPERLINK, .PSHEADERHYPERLINK:link, .PSHEADERHYPERLINK:active, .PSHEADERHYPERLINK:visited, 
 .PSLEVEL1GRIDLABEL:visited, .PSLEVEL1GRIDNAVIGATIONBAR:link, .PSLEVEL1GRIDNAVIGATIONBAR:active, .PSLEVEL1SCROLLAREAFOOTER:link,
 .PSLEVEL1SCROLLAREAFOOTER:active, .PSLEVEL1SCROLLAREAHEADER:link, .PSLEVEL2GRIDLABEL:link,
 .PSLEVEL2GRIDLABEL:visited, .PSLEVEL2GRIDNAVIGATIONBAR:link, .PSLEVEL2GRIDNAVIGATIONBAR:active, .PSLEVEL2SCROLLAREAFOOTER:link,
 .PSLEVEL2SCROLLAREAFOOTER:active, .PSLEVEL2SCROLLAREAHEADER:link, .PSLEVEL3GRIDLABEL:link,
 .PSLEVEL3GRIDLABEL:visited, .PSLEVEL3GRIDNAVIGATIONBAR:link, .PSLEVEL3GRIDNAVIGATIONBAR:active, 
.PSLEVEL3SCROLLAREAFOOTER:link, .PSLEVEL3SCROLLAREAFOOTER:active, .PSLEVEL3SCROLLAREAHEADER:link
{
	background-color: transparent;
    border-style: none;
    color: #004b91;
    font-family: Arial,sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
	text-decoration:none;
}
.PSLEVEL1GRIDLABEL, .PSLEVEL2GRIDLABEL, .PSLEVEL3GRIDLABEL
{
	background-color: #F1F5F6;
}
.PAGRIDHEADERDISABLED
{
	border-style: none;
    color: #999999;
    font-family: Arial,sans-serif;
    font-size: 9pt;    
    font-weight: normal;
    text-decoration: none;
}

.PSHYPERLINK, .PSHYPERLINK:link, .PSHYPERLINK:visited, .PSHYPERLINKNOUL:link, .PSHYPERLINKNOUL:visited, .PSSRCHRESULTSEVENROW:link, .PSSRCHRESULTSEVENROW:visited, .PSSRCHRESULTSODDROW:link, .PSSRCHRESULTSODDROW:visited {
    border-style: none;
    color: #004b91;
    font-family: Arial,sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
	text-decoration:none;
}
.PSLEVEL1GRIDLABELTP a:hover
{
text-decoration:underline;
color:#ab5b1a;
}

.PSHEADERHYPERLINKD, .PSHEADERHYPERLINKDISABLED, .PSHEADERHYPERLINKTPDISABLED, .PSHEADERHYPERLINKTPNOULDISABLED, .PSLEVEL1GRIDLABELDISABLED, .PSLEVEL1GRIDLABELTPDISABLED, .PSLEVEL1GRIDNAVIGATIONBARDISABLED, .PSLEVEL1SCROLLAREAFOOTERDISABLED, .PSLEVEL1SCROLLAREAHEADERDISABLED, .PSLEVEL2GRIDLABELDISABLED, .PSLEVEL2GRIDLABELTPDISABLED, .PSLEVEL2GRIDNAVIGATIONBARDISABLED, .PSLEVEL2SCROLLAREAFOOTERDISABLED, .PSLEVEL2SCROLLAREAHEADERDISABLED, .PSLEVEL3GRIDLABELDISABLED, .PSLEVEL3GRIDLABELTPDISABLED, .PSLEVEL3GRIDNAVIGATIONBARDISABLED, .PSLEVEL3SCROLLAREAFOOTERDISABLED, .PSLEVEL3SCROLLAREAHEADERDISABLED, .PT_MCFTABLEHEADER1DISABLED
{
color: #515151;
background-color: transparent;
font-size:9pt;
}
.PSHYPERLINK a:hover
{
text-decoration:underline;
color:#ab5b1a;
}
.PSSRCHRESULTSODDROW:hover, .PSSRCHRESULTSEVENROW:hover
{
	text-decoration:none;
	color:#515151;
}

.PSHYPERLINKNOUL:hover, .PSSRCHRESULTSEVENROW a:hover, .PSSRCHRESULTSODDROW a:hover, .PAGRIDHEADER a:hover,
.PSLEVEL1GRIDCOLUMNHDR a:hover, .PSLEVEL2GRIDCOLUMNHDR a:hover, .PSLEVEL3GRIDCOLUMNHDR a:hover, .PSLEVEL1GRIDCOLUMNHDRTXT a:hover, .PSLEVEL2GRIDCOLUMNHDRTXT a:hover,
 .PSLEVEL3GRIDCOLUMNHDRTXT a:hover
{
text-decoration:underline;
color:#ab5b1a;
}
.PSHYPERLINK:hover
{
text-decoration:underline;
color:#ab5b1a;
}
.PSSRCHRESULTSEVENROW a:hover, .PSSRCHRESULTSODDROW a:hover
{
	color: #ab5b1a;
    font-family: Arial,Helvetica;
    font-size: 9pt;
    line-height: 120%;
    text-decoration: underline;
}
.PSHYPERLINKHOVER, .PSHYPERLINKNOUL:hover, .PSHYPERLINKNOULBOLD:hover, .PSNAVPARENTLINK:hover, .PTNAVLINK:hover {
    color: #ab5b1a;
    font-family: Arial,Helvetica;
    font-size: 9pt;
    line-height: 100%;
    text-decoration: underline;
}
.PSSRCHRESULTSEVENROW:link, .PSSRCHRESULTSEVENROW:visited, .PSSRCHRESULTSODDROW:link, .PSSRCHRESULTSODDROW:visited
{
	line-height: 120%;
}

.PSLEVEL1GRIDLABEL , .PSLEVEL2GRIDLABEL, .PSLEVEL3GRIDLABEL {
	*padding:1px;
	
}

.PORTLET-MSG-ALERT, .PORTLET-MSG-SUCCESS, .PT_MCFADDITIONALINSTRUCTIONS
{
color:#515151;
}

.pthomepagetabactive
{
	color: #333333;
    font-family: Arial,Verdana,Helvetica,sans-serif;
	background-image: url(/cs/NBCCPRD/cache/PT_HOME_TAB_ACTIVE_CENTER_CSS_1.JPG);
    border-style: none;
    font-size: 10pt;
    font-weight: bold;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:7px;
	background-repeat: repeat-x;

}
.PSXLATTABLE
{
	border-left:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	white-space:nowrap;
}
.PSXLATTITLE
{
font-family:Arial;
font-size:9pt;
}
.pthomepagetabinactive {
    background-image: url(/cs/NBCCPRD/cache/PT_HOME_TAB_INACTIVE_CENTERCSS_1.JPG);
    border: none;
    color: #333333;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 10pt;
	font-weight: normal;
	padding-bottom:7px;
	background-repeat: repeat-x;

}

.pthomepagetablinetd {
background-image:	url(/cs/NBCCPRD/cache/PT_HOME_TAB_LINE_CSS_1.JPG);
}

.HOMETABACTIVE
{
	color:#333333;
	text-decoration:none;
}
.HOMETABACTIVE:hover
{
	color: #e47911;
	text-decoration:none;
}
.SMALL{
font-size:9pt;
font-family: Arial,Verdana,Helvetica,sans-serif;
text-decoration: none;
}
.small a{
color: #004B91;
font-size:9pt;
font-family: Arial,Verdana,Helvetica,sans-serif;
text-decoration: none;
}
.small{
color: #515151;
font-size:9pt;
font-family: Arial,Verdana,Helvetica,sans-serif;
text-decoration: none;
}
.small a:hover
{
	color: #ab5b1a;
	text-decoration: underline;
}


.PSBOTTOMLINE {
    vertical-align: bottom;
	margin-left: -2px;
	background: url(/cs/NBCCPRD/cache/PT_TAB_BOTTOM_LINE_SD_CSS_1.JPG) repeat-x scroll bottom left transparent;
}

.PAADDITIONALINSTRUCTHOVER, .PAADDITIONALINSTRUCTIONS:hover {
    color: #515151;
    font-family: Arial;
    font-size: 8pt;
    text-decoration: none;
}
.PSGROUPBOXWBO .PSGROUPBOXLABEL {
border-top: none;
}

.PSLOOKUP
{
	background: url(/cs/NBCCPRD/cache/PT_PROMPT_LOOKUP_SD_SWAN_1.gif) no-repeat scroll transparent;
	height: 16px;
	width: 16px;
vertical-align: middle;
}
.PTCOLLAPSE_ARROW:before
{
content: url(/cs/NBCCPRD/cache/PT_COLLAPSE_SD_CSS_1.gif);
position: absolute;
}
.PTCOLLAPSE
{
height: 14px;
width: 16px;
vertical-align: middle;
}
.PTEXPAND_ARROW:before
{
content: url(/cs/NBCCPRD/cache/PT_EXPAND_SD_CSS_1.gif);
position: absolute;
}
.PTEXPAND
{
height: 14px;
width: 16px;
vertical-align: middle;
}
.PTSAVESEARCH
{
background: url(/cs/NBCCPRD/cache/PT_SAVESEARCH_SD_SWAN_1.GIF) no-repeat scroll transparent;
height: 27px;
width: 20px;
vertical-align: middle;	
}
.PTHELP{
background: url(/cs/NBCCPRD/cache/PT_HELP_SD_SWAN_1.gif) no-repeat scroll transparent;
height: 16px;
width: 16px;
vertical-align: middle;
}
.PTMODALCNTRL_CONTRAST:before {
content: url(/cs/NBCCPRD/cache/PT_MODAL_CNTRL_SD_SWAN_1.gif);
position: absolute;
}
.PTMODALCNTRL
{
height: 16px;
width: 16px;
vertical-align: middle;
}
.PSCOPYURL{

vertical-align: middle;
}

#COPYURL:before {
    content: url(/cs/NBCCPRD/cache/PT_COPYURL_IMG_SD_SWAN_1.gif);
    display: inline-block;
    position: relative;
    vertical-align: bottom;
}

.PTPOPUPSKIP
{
	background-image: url(/cs/NBCCPRD/cache/PT_POPUP_SKIP_SD_SWAN_1.gif);
	height:16px;
	width: 16px;
	vertical-align: middle;
}

.PSEDITBOX_DISABLED {
    border: 1px solid #C9CED5;
}
.PSTABLINKSCONTAINER {
    font-size: 9pt;
}
.PSTABLINKSSELECTED {
    color: #004B91;
    font-size: 9pt;
}

.PAGRIDHEADERTXT, .PAGRIDHEADERDISABLED {
    background-color: #F9F9F9;
    border-style: none;
    color: #515151;
    font-family: Arial,sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}
.PAGRIDHEADER, .PAGRIDHEADER:link, .PAGRIDHEADER:visited, .PAGRIDHEADERTXT:link, .PAGRIDHEADERTXT:visited {
    border-style: none;
    color: #4b6987;
    font-family: Arial,sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}
.PSLEVEL1GRIDCOLUMNHDR:link, .PSLEVEL1GRIDCOLUMNHDR:visited,  .PSLEVEL3GRIDCOLUMNHDR:visited, .PSLEVEL1GRIDCOLUMNHDR:link, .PSLEVEL1GRIDCOLUMNHDR:visited, .PSLEVEL3GRIDCOLUMNHDR:link, .PSLEVEL3GRIDCOLUMNHDR:visited, .PSLEVEL2GRIDCOLUMNHDR:link, .PSLEVEL2GRIDCOLUMNHDR:visited {
    background-color: #F9F9F9;
    border-style: none;
    color: #4B6987;
    font-family: Arial,sans-serif;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.PTFACETCLEARALL:hover
{
	color:#ab5b1a;
	text-decoration:underline;
}.ptabnprevimg:before
{
	content:url(/cs/NBCCPRD/cache/PT_PREVIOUSROW_SD_CSS_1.gif);

}
.ptabnprevimg
{
	background:none;
}
.ptabnprevimgD {
background: none;
}
.ptabnprevimgD:before
{
	content:url(/cs/NBCCPRD/cache/PT_PREVIOUSROW_D_SD_CSS_1.gif);
}

.ptabnnextimg {
background-image: none;
cursor:pointer;
}
.ptabnnextimg:before
{
	content:url(/cs/NBCCPRD/cache/PT_NEXTROW_SD_CSS_1.gif);
}

.ptabnnextimgD {
background-image: none;
}
.ptabnnextimgD:before
{
	content:url(/cs/NBCCPRD/cache/PT_NEXTROW_D_SD_CSS_1.gif);
}


.PT_SCHEMA_MOVER:before {
    content: url(/cs/NBCCPRD/cache/PT_CHRT_ZOOM_MOVER_1.png);
}
.PT_SCHEMA_MOVER
{
	background-image:none;
}
.ptabnsrchprompt:after {
    content: url(/cs/NBCCPRD/cache/PT_HNAV_RSR_CREF_1.gif);
}

.ptabnsrchprompt {
background: none;
}

#moveup:before {
content : url(/cs/NBCCPRD/cache/PT_PORTAL_UP_ARROW_Y_1.gif) ;
}
#moveup {
background:none;
margin-left:55px;
}

#moveleft:before {
content : url(/cs/NBCCPRD/cache/PT_PORTAL_LEFT_ARROW_Y_1.gif) ;
}
#moveleft {
background:none;
}

#moveright:before {
content : url(/cs/NBCCPRD/cache/PT_PORTAL_RIGHT_ARROW_Y_1.gif) ;
}
#moveright {
background:none;
}

#movedown:before {
content : url(/cs/NBCCPRD/cache/PT_PORTAL_DOWN_ARROW_Y_1.gif) ;
}
#movedown {
background:none;
margin-left:55px;
}

.relactionimg {
background: none;
}

.relactionimg:before{
content: url(/cs/NBCCPRD/cache/PT_RELATEDACTIONS_1.BMP);
}

div.ptabnnpage {background: none;}
div.ptabnnpageD {background: none;}
div.ptabnppage {background: none;}
div.ptabnppageD {background: none;}

div.ptabnnpage:before{
content : url(/cs/NBCCPRD/cache/PT_NEXTROW_SD_CSS_1.gif) ;
}
div.ptabnnpageD:before{
content : url(/cs/NBCCPRD/cache/PT_NEXTROW_D_SD_CSS_1.gif) ;
}
div.ptabnppage:before{
content : url(/cs/NBCCPRD/cache/PT_PREVIOUSROW_SD_CSS_1.gif) ;
}
div.ptabnppageD:before{
content : url(/cs/NBCCPRD/cache/PT_PREVIOUSROW_D_SD_CSS_1.gif) ;
}


.PSGROUPBOXCONTAINERWBO
{
	border: 1px solid rgb(201,206,213) ;
}
.PSGROUPBOXCONTAINERWBO .PSGROUPBOXLABEL,
.PSGROUPBOXCONTAINERNBO .PSGROUPBOXLABEL
{
	display: none;
}




.psc_mode-access .PSEDITBOXLABEL
{
	padding-right: 6px;
}

.PTS_CRITERIA_GB
{
 border-radius: 4px;
 background-color: #F8F8F8;
 border-top:1px solid #CED4DA;
 border-bottom:1px solid #CED4DA;
 border-left: 1px solid #CED4DA;
 border-right: 1px solid #CED4DA;
 margin-top: 0.7em;
 border: 1px solid #ced4da !important;
 table-layout:fixed;
}

.pts_cfg_srch .ps-button
{
  display:inline-block;
  padding:0.5em 1.2em;
  border:1px solid #246FC7;
  -webkit-border-radius:0.25em;
  -moz-border-radius:0.25em;
  -ms-border-radius:0.25em;
  border-radius:0.25em;
  text-decoration:none;
  color: #246FC7;
  vertical-align:bottom;
  overflow:hidden;
  text-overflow:ellipsis;
  background: #fff;
  font-weight:normal;
  transition: background 0.15s 0s ease-in-out;
}
.pts_cfg_srch .ps-text
{
  position:relative;
  top: -5px;
  margin-left: 0.4em;
}

.PTS_FILTER_VALUE {border-style:none;}
.PTS_PROMPT1 {border-style:none;}
.PTS_PROMPT2 {border-style:none;}
.PTS_YESNO1 {border-style:none;}
.PTS_YESNO2 { border-style:none; }
.PTS_XLAT1{border-style:none;}
.PTS_PROMPTNOEDIT1 {border-style:none;}
.PTS_PROMPTNOEDIT12 {border-style:none;}
.PTS_DATEPROMPT1 { border-style:none; }

.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_DEFAULTFILTERS { display: none; }
.psc_mode-access .PSLEVEL1GRIDNBO td.PTS_DEFAULTFILTERS { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_FILTER_VALUE:nth-child(5) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_FILTER_VALUE:nth-child(6) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_FILTER_VALUE:nth-child(7) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_FILTER_VALUE:nth-child(8) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_FILTER_VALUE:nth-child(9) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_FILTER_VALUE:nth-child(10) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_FILTER_VALUE:nth-child(11) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_XLAT1:nth-child(3) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_XLAT1:nth-child(5) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_XLAT1:nth-child(6) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_XLAT1:nth-child(7) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_XLAT1:nth-child(8) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_XLAT1:nth-child(9) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_XLAT1:nth-child(10) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_XLAT1:nth-child(11) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT1:nth-child(3) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT1:nth-child(4) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT1:nth-child(6) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT1:nth-child(7) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT1:nth-child(8) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT1:nth-child(9) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT1:nth-child(10) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT1:nth-child(11) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT2:nth-child(3) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT2:nth-child(4) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT2:nth-child(5) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT2:nth-child(6) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT2:nth-child(8) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT2:nth-child(9) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT2:nth-child(10) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPT2:nth-child(11) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_DATEPROMPT1:nth-child(3) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_DATEPROMPT1:nth-child(4) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_DATEPROMPT1:nth-child(5) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_DATEPROMPT1:nth-child(6) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_DATEPROMPT1:nth-child(7) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_DATEPROMPT1:nth-child(8) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_DATEPROMPT1:nth-child(10) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_DATEPROMPT1:nth-child(11) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_YESNO1:nth-child(3) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_YESNO1:nth-child(4) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_YESNO1:nth-child(5) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_YESNO1:nth-child(6) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_YESNO1:nth-child(7) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_YESNO1:nth-child(8) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_YESNO1:nth-child(9) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_YESNO1:nth-child(11) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPTNOEDIT2:nth-child(3) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPTNOEDIT2:nth-child(4) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPTNOEDIT2:nth-child(5) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPTNOEDIT2:nth-child(6) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPTNOEDIT2:nth-child(7) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPTNOEDIT2:nth-child(9) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPTNOEDIT2:nth-child(10) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPTNOEDIT2:nth-child(11) { display: none; }
.pts_cfg_srch .PSLEVEL1GRIDNBO td.PTS_PROMPTNOEDIT2 { border-width: 0px; }
.pts_cfg_srch .PTS_FILTER_VALUE input { min-width: 11.4em! important; }
.pts_cfg_srch td.PTS_XLAT1:nth-child(4) select { width: fit-content! important; min-width: 12em; }
.pts_cfg_srch td.PTS_YESNO1:nth-child(10) select { width: fit-content! important; min-width: 12em; }
.pts_cfg_srch td.PTS_PROMPT2:nth-child(7) input { min-width: 11.4em! important; }
.pts_cfg_srch td.PTS_DATEPROMPT1:nth-child(9) input { min-width: 11.4em! important; }

.pts_cfg_srch .pts_doublecol tr { float: left; width: 50%; }
.pts_cfg_srch .pts_doublecol tr td { width: 40%; border-left: none; }
.pts_cfg_srch .pts_doublecol tr td:nth-child(2) { width: 20%; }
.pts_cfg_srch .pts_singlecol tr td { width: 40%; border-left: none; }
.pts_cfg_srch .pts_singlecol tr td:nth-child(2) { width: 20%; }


.pts_cfg_srch .PTS_CL_KWSRCH_GRIDWBO .psprintRightTd > div { height: auto !important; }
.pts_cfg_srch .PTS_CL_KWSRCH_GRIDWBO .psprintgrid#divgcPTS_CFG_CL_LIST\$0 { height: auto !important; }
.pts_cfg_srch .PTS_CL_KWSRCH_GRIDWBO .psprintgrid#divgcPTS_CFG_CL_LIST\$0 #divgbPTS_CFG_CL_LIST\$0.psprintgrid { height: auto !important; }


.pt_classic_plus .pts_cfg_srch .PTCPGROUPBOXWBO .psprintRightTd > div { height: auto !important; }
.pt_classic_plus .pts_cfg_srch .PTCPGROUPBOXWBO .psprintgrid#divgcPTS_CFG_CL_STD_RSL\$0 { height: auto !important; }
.pt_classic_plus .pts_cfg_srch .PTCPGROUPBOXWBO .psprintgrid#divgcPTS_CFG_CL_STD_RSL\$0 #divgbPTS_CFG_CL_STD_RSL\$0.psprintgrid { height: auto !important; }
   
.pts_cfg_srch .PTS_BREADCRUMB tr { display: inline-block; }
.pts_cfg_srch .PTS_BREADCRUMB tr td span:before { width: auto; }
.pts_cfg_srch .PTS_BREADCRUMB tr td span { width: auto; }
.pts_cfg_srch .PTS_BREADCRUMB tr td { width: auto; }
.pts_cfg_srch .PTS_BREADCRUMB tr td:nth-child(2) { vertical-align: bottom; }
.pts_cfg_srch .PTS_BREADCRUMB tr td:nth-child(3) { vertical-align: middle; }
.pts_cfg_srch .PTS_BREADCRUMB.PTCPGROUPBOXWBO > tbody > tr:nth-child(2) > td:nth-child(1) { display: none; height: fit-content; }

.PTS_BCRUMBGB tr:nth-child(3) td:nth-child(1) { height: fit-content; }
.PTS_BCRUMBGB tr:nth-child(3) { height: fit-content; }
.PTS_BCRUMBGB tr:nth-child(4) td:nth-child(1) { height: fit-content; }
.PTS_BCRUMBGB tr:nth-child(4) { height: fit-content; }
.PTS_SRSLTSGB tr:nth-child(4) td:nth-child(1) { height: fit-content; }
.PTS_SRSLTSGB tr:nth-child(4) { height: fit-content; }

.pts_cfg_srch span.rightaligncol { float: right; }
.pts_cfg_srch td:has(span.rightaligncol) { text-align: right; }
.pts_cfg_srch td:has(span.rightaligncol) > div { display: inline; }


.pts_cd_box-group
{
    display: inline-block;
    border: none;
    background-color: transparent;
    margin: 0;
    white-space: nowrap;
}
.pts_cd_widget {
    position: relative;
}
.pts_cd_widget .pts_search_mask {
    z-index: 210;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    opacity: .50;
    background-color: #808080;
}

.pts_cd_widget .pts_cd_box-menucontainer {
    list-style-type: none;
    display: block;
    padding: 0;
    margin: 0;
}
.pts_cd_widget .pts_cd_box-menuitem {
    position: relative;
}
.pts_cd_widget .pts_cd-link {
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pts_cd_widget .pts_cd_search_tray {
    position: absolute;
    display: block;
    background-color: #fff;
    border: 1px solid #6c6c6c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 25px #5a5a5a;
    -moz-box-shadow: 0px 0px 25px #5a5a5a;
    -ms-box-shadow: 0px 0px 25px #5a5a5a;
    box-shadow: 0px 0px 25px #5a5a5a;
    box-shadow: 0px 0px 25px #5a5a5a;
    margin-bottom: 3px;
    margin-top: 2px;
}

.pts_cd_widget .pts_cd_search_focused .pts_cd_search_tray {
    z-index: 211;
}
.pts_cd_widget .pts_cd_search_controls {
    position: relative;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -ms-box-flex: 1.0;
    box-flex: 1.0;
    display: -webkit- flex;
    display: -moz- flex;
    display: -ms- flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: 1px solid #868e96;
    border-radius: 0.25em;
    background: #868e96;
}
.pts_cd_widget .pts_cd_search_focused .pts_cd_search_controls {
    z-index: 213;
}
.pts_cd_widget .pts_cd_editbox, .pts_cd_editbox>.pts_cd_box-control, .pts_cd_editbox>.pts_cd_box-control>.pts_cd-edit {
    display: -webkit- flex;
    display: -moz- flex;
    display: -ms- flex;
    display: flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 0em;
}
.pts_cd_widget .pts_cd_editbox>.pts_cd_box-control>.pts_cd-edit {
    padding-left: 15px;
    width:100%
}
.pts_cd_widget .pts_cd_box-link > .pts_cd-link-wrapper > .pts_cd-link {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.pts_cd_widget .pts_cd_box-menuitem > .pts_cd_box-link > .pts_cd-link-wrapper > .pts_cd-link {
    padding: 0.5em;
    color: #1c579c;
    white-space: normal;
    text-overflow: ellipsis;
    position: relative;
}
.pts_cd_widget .pts_cd_box-link.pts_cd_category_selected > .pts_cd-link-wrapper >.pts_cd-link {
	padding-left:1.5em;
}
.pts_cd_widget .pts_cd_box-link.pts_cd_category_notselected > .pts_cd-link-wrapper >.pts_cd-link {
	padding-left:1.5em;
}
.pts_cd_widget .pts_cd_box-link.pts_cd_category_selected > .pts_cd-link-wrapper >.pts_cd-link:before {
    content: url(/cs/NBCCPRD/cache/PTS_INTSRCH7_ICN_1.svg);
    display: block;
    position: absolute;
    top: calc(50% - 11px);
    bottom: 0;
    left: 1px; 
    right: auto;
    border: 0;
    padding-left:1%;
}
.pts_cd_widget .pts_cd-link-wrapper > a:hover {
	background:#eeeeee;
}
.pts_cd_widget .pts_cd-link-wrapper > a:focus {
	outline: 2px solid;
}
.pts_cd_widget .pts_cd_search_tray .pts_cd-link .pts_cd_link_title {
	width:100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}
.pts_cd_widget .pts_cd_search_tray .pts_cd-link .pts_cd_link_title1 {
    width:30%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
}
.pts_cd_widget .pts_cd_search_tray .pts_cd-link .pts_cd_link_title.pts_cd_link_wrapped {
	width:70%;
}
.pts_cd_widget .pts_cd_box-link.pts_cd_category_selected > .pts_cd-link-wrapper >.pts_cd-link .pts_cd_link_title.pts_cd_link_wrapped
{
	width:68%;
    padding-left:2%;
}
.pts_cd_widget .pts_cd_box-link.pts_cd_category_selected > .pts_cd-link-wrapper >.pts_cd-link .pts_cd_link_title
{
	width:98%;
    padding-left:2%;
}
.pts_cd_widget .pts_cd_search_tray .pts_cd-link .pts_cd_link_title1.psc_hidden
{
  display:none;
}
.pts_cd_widget .pts_cd_box-menuitem:not(.psc_hidden) {
    display: block;
    text-align: left;
    min-height: 3.2em;
}
.pts_cd_widget .pts_cd_search_srchipctrl
{
	position: absolute;
	width:90%;
	left:5%;
	right:5%;
}
.pts_cd_widget .pts_cd_search_rescontainer
{
     width:100%;
     margin-top: -20px;
	 padding-top: 55px;
}
.pts_cd_widget .pts_cd_search_resscroll
{
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}
.pts_cd_widget .ps_scrollable {
    clear: both;
    -moz-outline: 0;
    position: relative;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.pts_cd_widget .ps_scrollable_v {
    overflow-x: hidden;
    overflow-y: auto;
}

.pts_cd_widget .sbar::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

.pts_cd_widget .sbar::-webkit-scrollbar {
    height: 11px;
    width: 11px;
}

.pts_cd_widget .sbar::-webkit-scrollbar-button {
    background-color: transparent;
    height: 5px;
}
.pts_cd_widget .sbar::-webkit-scrollbar-corner {
    background-color: #ffffff;
}
.pts_cd_widget .sbar::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
}
.pts_cd_widget .pts_cd_nores
{
	text-align:center;
}
.pts_cd_widget .pts_cd_nores_img
{
	width:10%;
	height:10%;
}
.pts_cd_widget .pts_cd_nores_text
{
	white-space: nowrap; 
	overflow:hidden; 
	text-overflow: ellipsis; 
}
.pts_cd_widget  .pts_cd_padding_top
{
	padding-top:15px;
}
.pts_cd_widget .pts_cd_hidden
{
	visibility:hidden;
}
.pts_cd_widget .pts_cd_nores p
{
	margin-top:5px;
	margin-bottom:0px;
}
.pts_cd_widget .pts_cd_nolink
{
	pointer-events:none
}

.pts_cd_box-menuitem:not(.psc_hidden) {
    display: block;
    text-align: left;
    min-height: 3.2em;
}

.ps_box-edit, .ps_box-checkbox, .ps_box-radio, .ps_box-dropdown, .ps_box-textonly, .ps_box-longedit, .ps_box-staticimg, .ps_box-text {
    white-space: nowrap;
    position: relative;
    margin-bottom: 0.75em;
}


.pts_cd_widget .psc_hidden{
	display:none;	
}

.pts_cd_widget .psc_width-100pct {
    width: 100%;
}
.pts_cfg_srch .PSGROUPBOXLABEL
{
	background: #fff;
	border: none;
	padding: 0px;
}
.PTS_CRITERIA_GB .PSSRCHCHECKBOX
{
    position:relative;
    top: -2px;
}
.pts_cfg_srch .PSGROUPBOXWBO
{
	border: none;
}

.pts_cfg_srch .pts_pagetoogle img
{
	width: 10px;
	height: 16px;
}

.pts_cfg_srch .pts_cfgsrch_rcntedit img
{
	width: 16px;
	height: 16px;
	padding-left: 5px;
}

.pts_cfg_srch .pts_cfgsrch_saveedit img
{
	width: 16px;
	height: 16px;
	padding-left: 5px;
}

.PTS_SS_CRITERIA_GB .PSLEVEL1GRIDNBO
{
	width:80%;
    margin-left:10%;
}

.PTS_SS_CRITERIA_GB .PSLEVEL1GRIDNBO .PSLEVEL1GRIDROW.PSGRIDFIRSTCOLUMN
{
	width:35%;
	text-align:right;
	padding-right:1em;
}




.PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_FACET_CONTNRWBO,
.PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_GRID_CONTNRWBO,
.PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_FACETSWBO
{
	border: 1px solid #CED4DA ;
}






#PSTAB a, .PTGRIDTAB a, #PSTABNBO a, #PTGRIDTABNBO a
{
border-bottom:none;

}
#PSTAB a, #PSTABNBO a
{
background-image:none; 
padding: 0 2px 0 0;
border-bottom: 2px solid #d9e4f4;
}
.PTGRIDTAB a, #PTGRIDTABNBO a
{
background-image:none; 
padding:0 2px 0 0 !important;
border-bottom: 2px solid #d9e4f4 !important;

}

#PTGRIDTABNBO a span, #PSTABNBO a span
{
font-size:9pt;

padding: 1px 10px 3px 10px;
background-image:url(/cs/NBCCPRD/cache/PSTAB_CSS_INACTIVE_1.JPG);
background-repeat:repeat;
border:1px solid #adb7c6;
color:#4b6987;
border-bottom:none;
}
.PTGRIDTAB a span, #PSTAB a span
{
font-size:9pt;
padding:4px 10px 3px;
margin:0px;
background-image:url(/cs/NBCCPRD/cache/PSTAB_CSS_INACTIVE_1.JPG);
background-repeat:repeat;
border:1px solid #adb7c6;
color:#4b6987;
border-bottom:none;
}

#PSTAB a:hover span, .PTGRIDTAB a:hover span
{
cursor:pointer;
padding: 4px 10px 3px;
margin:0px;
background-image:url(/cs/NBCCPRD/cache/PSTAB_CSS_ACTIVE_1.JPG);
background-repeat:repeat;
background-position: center center;
border-bottom: none;
font-size:9pt;
}

#PTGRIDTABNBO a:hover span, #PSTABNBO a:hover span
{
padding: 1px 10px 3px 10px;
font-size:9pt;
border-bottom:none;
background-image:url(/cs/NBCCPRD/cache/PSTAB_CSS_ACTIVE_1.JPG);
background-repeat:repeat;
margin:0px;
}

#PSTAB .selectedtab a, .PTGRIDTAB .selectedtab a
{
border-bottom: 2px solid #d9e4f4;
}

#PSTAB .selectedtab a span, .PTGRIDTAB .selectedtab a span
{
font-size:9pt;
font-weight:bold;
color:#4b6987;
font-family:Arial;
padding:3px 10px 2px 10px;
margin:0px;
background-image:url(/cs/NBCCPRD/cache/PSTAB_CSS_ACTIVE_1.JPG);
background-position: center center;
background-repeat:repeat;
border-bottom:none;
}

#PTGRIDTABNBO .selectedtab a span , #PSTABNBO .selectedtab a span {
font-size:9pt;
font-weight:bold;
color:#4b6987;
font-family:Arial;
padding: 2px 10px 3px 10px;
margin:0px;
background-image:url(/cs/NBCCPRD/cache/PSTAB_CSS_ACTIVE_1.JPG);
background-position: center center;
background-repeat:repeat;
border-bottom:none;   
}

#PSTAB a:hover a , .PTGRIDTAB a:hover a, #PSTABNBO a:hover a , #PTGRIDTABNBO a:hover a 
{
color: #61809f;
}

#PSTABNBO a, #PTGRIDTABNBO a,#PSTABNBO .selectedtab a, #PTGRIDTABNBO .selectedtab a 
{
border-bottom:none;
}
.PSBOTTOMLINE{height:2px;}

#PSTAB a:hover span, #PSTABNBO a:hover span, #PSTAB h1:hover span, #PSTABNBO h1:hover span
{
background-position: 100% -46px;
}

.PTGRIDTAB a:hover span, #PTGRIDTABNBO a:hover span
{
background-position: 100% -46px;
}
.OraBITooltipText {
  font-size: 11px;
  color: red
}

.OraDVTTooltipPopup {
  background-color: #c1ccd7;
  color: black;
  border-style: solid;
  border-color: black;
  border-width: 2px;
  padding: 2px;
  opacity: 0.9;
  position: absolute;
  z-index: 2147483647;
  font-size: 11px;
  font-family: tahoma, sans-serif;
}

.OraDVTDatatipPopup {
  background-color: #ffffff;
  color: black;
  border-style: solid;
  border-color: black;
  border-width: 2px;
  padding: 2px;
  opacity: 0.9;
  position: absolute;
  z-index: 2147483647;
  font-size: 11px;
  font-family: tahoma, sans-serif;
}

.OraDVTUnstyledPopup {
  position: absolute;
  z-index: 2147483647
}

.OraDVTContextMenuPopup {
  position: absolute;
  z-index: 2147483647;
}


#ptifrmrc {
  margin:0px;
}



.ltr, .rtl {
}



.ptalNoPadding {
  padding:0px;
  margin:0px;
}



.ptalClear {
  padding:0px;
  margin:0px;
  font-size:0pt;
  clear:both;
}



.ptalPageMask {
  background-image:url(/cs/NBCCPRD/cache/PT_NAV_CLEAR_DOT_1.gif);
  font-size:0pt;
  display:none;
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  z-index:300;
}



.ptalAJAXProcessing {
  background:transparent url(/cs/NBCCPRD/cache/PT_NAV2_LOADING_1.gif) no-repeat scroll left center;
  margin-left:-1px;
}


.ptalProcessing {
  font-size:0pt;
  padding:0px;
  margin:0px;
  background:transparent url(/cs/NBCCPRD/cache/PT_PROCESSING_1.gif) no-repeat scroll center center;
  right:2px;
  top:2px;
  width:40px;
  height:40px;
  position:absolute;
  display:none;
  z-index:600;
}



.ptalActionIcon {
  margin:0px;
  padding:3px;
  cursor:pointer;
  vertical-align:top;
}

.ptalPgltcontrolsdropdown {
background:transparent url(/cs/NBCCPRD/cache/PTAL_PGLT_DROPDOWN_BCGROUND_1.gif) repeat-x scroll center bottom;
padding: 0;
border-left:1px solid #D4D4D4;
border-right:1px solid #D4D4D4;
border-top:1px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
margin-bottom:-1px;
z-index:100;
margin-right:1px;
margin-left:1px;
cursor:pointer;
opacity:0.6;
}


html>body .ptalPgltcontrolsdropdown {
background:transparent url(/cs/NBCCPRD/cache/PTAL_PGLT_DROPDOWN_BCGROUND_1.gif) repeat-x scroll center bottom;
padding: 0;
border-left:1px solid #D4D4D4;
border-right:1px solid #D4D4D4;
border-top:1px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
margin-top:2px;
margin-bottom:-1px;
position:relative;
z-index:100;
margin-right:1px;
margin-left:1px;
cursor: pointer;
opacity:0.6;
}


.ptalPgltcontrolsdropdown:hover{
background:none;
background-color:white;
opacity:1;
}

.ptalPgltcontrolsdropdownclickedTopBorder  {
background:white;
border-left:1px solid #D4D4D4;
border-right:1px solid #D4D4D4;
border-top:1px solid #D4D4D4;
margin-top:2px;
position:relative;
z-index:250;
margin-right:1px;
margin-left:1px;
cursor: pointer;
}

.ptalPgltcontrolsdropdownclickedBottomBorder  {
background:white;
border-left:1px solid #D4D4D4;
border-right:1px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
margin-bottom:-2px;
position:relative;
z-index:250;
margin-right:1px;
margin-left:1px;
cursor: pointer;
}

.ptalPgltAreaShowAnchorIcon,
.ptalPgltAreaHideAnchorIcon,
.ptalPgltAreaShowIcon,
.ptalPgltAreaHideIcon,
.ptalPgltAreaDockIcon,
.ptalPgltAreaUndockIcon,
.ptalPgltAreaResizeIcon,
.ptalPgltAreaReloadIcon,
.ptalPgltAreaCustomizeIcon,
.ptalPgltAreaRestoreIcon,
.ptalPgltAreaMaximizeIcon,
.ptalPgltAreaCloseIcon,
.ptalPgltShowIcon,
.ptalPgltHideIcon,
.ptalPgltHelpIcon,
.ptalPgltReloadIcon,
.ptalPgltCustomizeIcon {
}

.ptalPgltReloadIcon {
height:16px;
width:16px;
margin-top:-3px;
}

.ptalPgltIconPadding {
padding-right:9px;
}

.ptalPgltAreaControlsIcon a:hover img{
background-color:white;
}

.ptalPgltAreaControlsIcon  {
position:relative;
z-index:200;
background:white;
margin:1px;
}

.ptalPgltAreaControlsClicked  {
background-color:white;
border-right:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
border-top:1px solid #D4D4D4;
margin-right:0px;
margin-top:0px;
margin-left:0px;
margin-bottom:1px;
position:relative;
z-index:200;
}

.ptalPgltAreaMorePageletsIcon {
margin:0px;
  padding:1px;
  cursor:pointer;
  vertical-align:center;
}

.ptalPgltAreaMorePageletsIconNoDisplay {
display:none;
}


.ptalPgltAreaAnchorContainerDiv {
  position:relative;
  z-index:20;
}

.ptalPgltAreaAnchorContainer {
  background-color:#FFFFFF;
}

.ptalPgltAreaAnchor {
}

.ptalPgltAreaAnchorBody {
  font-size:0pt;
  padding:0px;
  margin:0px;
}



.ptalPgltAreaContainerDiv {
  position:relative;
  z-index:20;
}

.ptalPgltAreaContainer {
}

.ptal_Rpgltarea {
  float:right
}

.ptalPgltArea_visible {
}

.ptalPgltArea_hidden {
}

.ptalPgltArea_moving {
}

.ptalPgltArea_resizing {
cursor: col-resize;
}



.ptalPgltArea {
}

.ptalPgltArea_docked {
}

.ptalPgltArea_float {
  position:absolute;
}



.ptalPgltAreaBody {
  vertical-align:top;
}

.ptalPgltAreaBodyAnchor {
  vertical-align:top;
  z-index:20;
}

.ptalPgltAreaBody,
.ptalPgltAreaBodyAnchor {
  padding:0px;
  margin:0px;
}

.ptalPgltArea_float .ptalPgltAreaBodyAnchor,
.ptalPgltArea_hidden .ptalPgltArea_docked .ptalPgltAreaBody,
.ptalPgltArea_visible .ptalPgltArea_docked .ptalPgltAreaBodyAnchor {
  display:none;
}



.ptalPgltAreaBorderPadding {
}

.ptalPgltArea_float .ptalPgltAreaBorderPadding {
  width:12px;
  height:1px;
}

.ptalPgltArea_docked .ptalPgltAreaBorderPadding {
  width:6px;
  
}

.ptalPgltArea_docked .ptalPgltAreaHorizontalResize {
  width:4px;
  height:1px;
}

.ptalPgltArea_docked .ptalPgltAreaHorizontalResizeArea {
  width:4px;
  height:1px;
}

.ptalPgltAreaBorderTopLeft {
  background-position:right top;
  background-repeat:no-repeat;
  vertical-align:middle;
}

.ptalPgltArea_float .ptalPgltAreaBorderTopLeft {
  background-image:url(/cs/NBCCPRD/cache/PTAL_BORDERTOPLEFT_1.GIF);
  width:12px;
}


.ptalPgltAreaBorderTopMiddle {
  background-position:center top;
  background-repeat:repeat-x;
}

.ptalPgltArea_docked .ptalPgltAreaBorderTopMiddle {
  background-color:#F6F7FB;
  
}

.ptalPgltArea_float .ptalPgltAreaBorderTopMiddle {
  background-color:#F2F6FF;
  background-image:url(/cs/NBCCPRD/cache/PTAL_BORDERTOPMIDDLE_1.gif);
  padding:9px 0px 0px 0px;
}


.ptalPgltAreaBorderTopRight {
  background-position:left top;
  background-repeat:no-repeat;
  vertical-align:middle;
}

.ptalPgltArea_float .ptalPgltAreaBorderTopRight {
  background-image:url(/cs/NBCCPRD/cache/PTAL_BORDERTOPRIGHT_1.GIF);
  width:12px;
}


.ptalPgltAreaBorderBottomLeft {
  background-position:right top;
  background-repeat:no-repeat;
}

.ptalPgltArea_float .ptalPgltAreaBorderBottomLeft {
  background-image:url(/cs/NBCCPRD/cache/PTAL_BORDERBOTTOMLEFT_1.gif);
  width:12px;
  height:12px;
}


.ptalPgltAreaBorderBottomMiddle {
  background-position:center top;
  background-repeat:repeat-x;
}

.ptalPgltArea_float .ptalPgltAreaBorderBottomMiddle {
  background-image:url(/cs/NBCCPRD/cache/PTAL_BORDERBOTTOMMIDDLE_1.gif);
  height:12px;
}


.ptalPgltAreaBorderBottomRight {
  background-position:left top;
  background-repeat:no-repeat;
}

.ptalPgltArea_float .ptalPgltAreaBorderBottomRight {
  background-image:url(/cs/NBCCPRD/cache/PTAL_BORDERBOTTOMRIGHT_1.gif);
}


.ptalPgltAreaBorderPadding,
.ptalPgltAreaBorderTopLeft,
.ptalPgltAreaBorderTopRight,
.ptalPgltAreaBorderBottomLeft,
.ptalPgltAreaBorderBottomMiddle,
.ptalPgltAreaBorderBottomRight {
  font-size:0pt;
  padding:0px;
  margin:0px;
}



.ptalShadow {
  padding:0px;
  margin:0px;
}

.ptalPgltArea_hidden .ptalShadow,
.ptalPgltArea_docked .ptalShadow {
  display:none;
}

.ptalShadowPadding {
  width:2px;
  height:2px;
}

.ptalShadowBorderVertical,
.ptalShadowBorderHorizontal {
  font-size:0pt;
}

.ptalShadowTopLeft,
.ptalShadowTopMiddle,
.ptalShadowTopRight,
.ptalShadowMiddleLeft,
.ptalShadowMiddleRight,
.ptalShadowBottomLeft,
.ptalShadowBottomMiddle,
.ptalShadowBottomRight {
  padding:0px;
  margin:0px;
}

.ptalShadowTopLeft {
  background-position:right bottom;
  background-repeat:no-repeat;
}

.ptalShadowTopMiddle {
  background-position:center bottom;
  background-repeat:repeat-x;
}

.ptalShadowTopRight {
  background-position:left bottom;
  background-repeat:no-repeat;
}

.ptalShadowMiddleLeft {
  background-position:right center;
  background-repeat:repeat-y;
}

.ptalShadowMiddleRight {
  background-position:left center;
  background-repeat:repeat-y;
}

.ptalShadowBottomLeft {
  background-position:right top;
  background-repeat:no-repeat;
}

.ptalShadowBottomMiddle {
  background-position:center top;
  background-repeat:repeat-x;
}

.ptalShadowBottomRight {
  background-position:left top;
  background-repeat:no-repeat;
}



.ptalPgltAreaFrameDiv {
  font-size:0pt;
  padding:0px;
  margin:0px;
}

.ptalPgltAreaFrame {
}


.ptalmorePagelets {
width:100%;
position:absolute;
bottom:0
text-align:right;
background-color:#BAD0E7;
font-weight:bold;
font-size:12px;
font-color:#3a5a87;
height:20px;
border-top: solid #8DABC5; 
bottom:0px;
}

.ptalmorePagelets table {

margin-left:auto;
margin-right:auto;

}
.ptalMorePageletsLink {
font-weight:bold;
font-size:12px;
color:#3a5a87;
text-decoration:underline;
valign:center;

}

.ptalMorePageletsLinkdisabled {

font-weight:bold;
font-size:12px;
color:#787878;
text-decoration:underline;
valign:center;

}

.ptalmorePagelets table td {
font-weight:bold;
font-size:12px;
color: #3a5a87;
text-decoration:underline;
}



.ptalPgltAreaShowIcon,
.ptalPgltAreaHideIcon,
.ptalPgltAreaResize,
.ptalPgltAreaResizeBar {
  font-size:0pt;
  z-index:25;
}

.ptalPgltAreaResize {
  width:10px;
  height:10px;
}



.ptalPgltAreaHeader {
background-color: #FFFFFF;

}

.ptalPgltAreaHeaderBar {
  color:#0000;
  font-family:Arial,sans-serif;
  font-size:11pt;
  font-style:normal; 
  height:25px;
}

.ptalPgltArea_docked .ptalPgltAreaHeaderBar {
  padding-top:2px;
  display:block;

}


.ptalPgltAreaHeaderLabel {
  overflow-x:hidden;
  white-space:nowrap;
  text-align:left;
  padding-left:5px;
  padding-right:3px;
  padding-top:8px;
  vertical-align:bottom;
  height:20px;
  -moz-outline: 0;
  color:#555555;
  position:absolute;
}

.ptalPgltAreaHeaderLabel a{
 text-decoration : none;
 color: #515151;
 font-weight: normal;
}

.ptalPgltAreaHeaderLabel a span{
 color: #515151;
}

.ptalPgltAreaHeaderLabel a:hover span{
 color: black;
}

.ptalPgltArea_float .ptalPgltAreaHeaderLabel {
  cursor:move;
}



.ptalPgltAreaGroupsBar {
  vertical-align:bottom;
  white-space:nowrap;
  margin:0px;
  padding:0px;
}

.ptalPgltArea_docked .ptalPgltAreaGroupsBar {
  
  padding-top:2px;
  
}

.ptalPageletGroupsDiv {

  padding-top:2px;
  padding-left:5px;
  margin:0px;
  //width:100%;
}



.ptalPageletGroupTab {
  vertical-align:bottom;
  white-space:nowrap;
  margin:0px;
  padding:0 2px 0 0;
}


.ptalPageletGroupTab a {
  background:transparent url(/cs/NBCCPRD/cache/PTAL_WORKCENTER_UNSELECTED_TAB_1.gif) repeat-x scroll 0 0;
  border-top:1px solid #adb7c6;
  border-left:1px solid #adb7c6;
  border-right:1px solid #adb7c6;
  text-decoration:none;
  cursor:pointer;
  float:left;
    padding:0px;
  margin:0px;
  -moz-outline: 0;
  -moz-user-select:none;
 height:19px
}

.ptalPageletGroupTab a:hover {
  background-position:0 100%;
}

.ptalPageletGroupTab a:hover span {
color:black;
}

.ptalPageletGroupTab a span {
  color:#4B6987;
  font-family:Arial;
  font-size:9pt;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
  white-space:nowrap;
  float:right;
  display:block;
  padding:2px 13px 2px 13px;
 
}

.ptalPageletGroupTab a:hover span {
  cursor:pointer;
  color:black;
}


.ptalPageletGroupTab .selected a {
  background:transparent url(/cs/NBCCPRD/cache/PTAL_WORKCENTER_SELECTED_TAB_1.gif) repeat-x scroll center bottom;
  border-top:1px solid #adb7c6;
  border-left:1px solid #adb7c6;
  border-right:1px solid #adb7c6;
  height:20px;
}


.ptalPageletGroupTab .selected a span {
  cursor:default;
  color:#4b6987;
  font-family:Arial;
  font-size:9pt;
  font-weight:bold;
  padding-left:10px;
  padding-right:10px; 
}

.ptalPageletGroupTab .selected a:hover span {
  text-decoration:none;
}


.ptalPageletGroupTabPadding {
  white-space:nowrap;
  vertical-align:top;
  padding:0px 3px 4px 3px;
  margin:0px;
}

.ptalPgltArea_float .ptalPageletGroupTabPadding .ptalActionIcon {
  display:none;
}

.ptalPageletAreaControls {
display:block;
}



.ptalPgltAreaAdminLink {
  display:block;
  text-align:left;
  white-space:nowrap;
  padding:3px 6px 3px 6px;
}



.ptalPgltAreaPage {
    background-color:white;
  font-family:Arial,sans-serif;
  padding:0px;
  margin:0px;
  height:100%;
}



.ptalPageletsDiv {
  width:100%;
  position:absolute;
}

.ptpgltdiv {

overflow-x:hidden;
overflow-y;hidden;


}

.ptpgltScrollh  {
    background-color: #BDBDBD;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    position: absolute;
    -moz-border-radius: 10px;
    float:right;
    height:8px;
    bottom:0;
    font-size:0;
}

.ptpgltScrollh:hover {

background-color:#999999;
}

.ptpgltScroll  {
    background-color: #BDBDBD;
    border-radius: 15px 15px 15px 15px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 0;
    width: 8px;
    -moz-border-radius: 15px;
}

.ptpgltScroll:hover {

background-color:#999999;
}

.PTALPAGELEBODYDIV {

height:100%;
width:100%;

}

.PTALPAGELETCONTENT {

overflow-y:hidden;
overflow-x:hidden;
height:100%;
position:relative;

}


html>body .PTALPAGELETCONTENT {

overflow-y:hidden;
overflow-x:hidden;
height:100%;
width:100%;
position:relative;


}

.PTALPAGELETBODYRESIZEBAR {

padding:0px;
margin:0px;
height:4px;
border:0;
cursor:n-resize;
}

.pgltareabottom {
background-color:#BAD0E7;
  padding-top:2px;
  display:block;
white-space:nowrap;
  text-align:right;
  padding-left:3px;
  padding-right:3px;
color:#336699;
font-size:11px;
  font-weight:bold;
valign:center;
height:20px;
}

.ptalPgltFrame {
  width:100%;
  height:200px;
}

html>body .ptalPgltHeaderLabel {
  overflow-x:hidden;
  white-space:nowrap;
  text-align:left;
  padding-left:3px;
  padding-right:3px;
  padding-top:2px;
  -moz-outline: 0;
  z-index:100;
  position:relative;
}

.ptalPgltHeaderLabel {
  overflow-x:hidden;
  white-space:nowrap;
  text-align:left;
  padding-left:3px;
  padding-right:3px;
  padding-top:2px;
  -moz-outline: 0;
  z-index:100;
  font-weight:bold;
  font-size: 10pt;
  display: inline;
}

.ptpgltheader {
  background-color: #F1F5F6;
  border-top:1px solid #c9ced5;
  border-bottom:1px solid #c9ced5;
  border-left:none;
  border-right:none;
  color: #AB5B1A;
  font-family: Arial,Helvetica;
  font-size: 10pt;
  font-weight: normal;
  height: 24px;
  padding-left: 2px;
  vertical-align: top;
}

.ptpgltbody {
  border : none;
  font-family: Arial,Helvetica;
  font-size: 10pt;
}


.ptalPageletLoading {
  background:transparent url(/cs/NBCCPRD/cache/PT_PRE_LOADER_1.gif) no-repeat scroll center center;
  font-size:0pt;
  position:absolute;
  left:0px;
  width:100%;
  height:100%;
  z-index:150;
}

.ptalPageletLoadingHidden {
  display:none;
}

.ptalPageletMax {
}

.ptalPageletMax .PTPAGELETBODY span,
.ptalPageletMax .PTPAGELETBODY iframe,
.ptalPageletMax .ptalPgltReloadIcon,
.ptalPageletMax .ptalPgltHideIcon {
}

.ptalhpli {
list-style-type:none;
margin:0 0 0px;
padding:0;

}

.ptalPageletMax .ptalPgltShowIcon {
  display:none;
}

.ptalPageletMin {
}

.ptalPageletMin.ptalPageletMinHidden {
display:none;
}

.ptalPgltFadedRefresh {

background-repeat:no-repeat;
}
.ptalPgltFadedRefresh:after
{
	content:url(/cs/NBCCPRD/cache/PT_REFRESH_NEW_1.png);
	display:inline-block;
}

.ptalPgltDarkRefresh  {

background-repeat:no-repeat;
}
.ptalPgltDarkRefresh:after  {
content:url(/cs/NBCCPRD/cache/PT_REFRESH_ONHOVER_1.png);
display:inline-block;
}


li.ptalPageletMin,
.ptalPageletMin .ptalPageletLoading,
.ptalPageletMin .PTPAGELETBODY span,
.ptalPageletMin .PTPAGELETBODY iframe,
.ptalPageletMin .ptalPgltReloadIcon,
.ptalPageletMin .ptalPgltHideIcon {
  display:none;
}

.ptalPageletMin .ptalPgltShowIcon {
}

.ptalscrollControls
{	margin: 0;
	padding: 0;
    cursor:pointer;
}

.ptalscrollControls li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

.ptalPgltControls
{	margin: 0;
	padding: 0;
    cursor:pointer;
}

.ptalPgltControls li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

.ptalPgltControls li a
{	display: block;
	margin: 0 1px 0 0;
	
	}

.ptalPgltControls li a:hover
{}

.ptalPgltcontrolshadowbottom div  {
box-shadow: -2px -1px 2px #BDBDBD;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=-45, Color='#BDBDBD');
}

.ptalPgltcontrolshadowabove div  {
box-shadow: 2px 3px 2px #BDBDBD;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#BDBDBD')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#BDBDBD');
}

.ptalPgltControls div
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 10px 0;
	background: white;
	border: 1px solid #D4D4D4;
    
}

	.ptalPgltControls div a
	{	position: relative;
		display: block;
		margin: 1px;
		padding-top:6px;
        padding-bottom:6px;
        padding-left:25px;
        padding-right:40px;
	    color:#555555;
        font-size:9pt;
        font-weight:normal;
        font-style:normal;
        font-family:Arial,sans-serif;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
        background: white;
		
		}

	.ptalPgltControls div a:hover
	{	
          background : #EAEAEA;
		color: black;
        text-decoration: none;
}

#pthplayoutmovebtns div:focus
{
	outline: 1px dotted #000000;
}
.ptalPgltReloadIcon {
    height: 16px;
    margin-top: -3px;
    width: 0px;
}


.ptalPgltAreaContainer, .ptalPgltAreaAnchorContainer {
  float:left;
}



.ptalPgltArea_float {
  top:0px;
  left:0px;
}



.ptalPgltAreaFrame {
  width:300px;
  height:300px;
}



.ptalPgltAreaResize {
  background:transparent url(/cs/NBCCPRD/cache/PTAL_RESIZE_BOTTOMRIGHT_1.gif) no-repeat scroll right bottom;
  cursor:se-resize;
}

.rtl .ptalPgltAreaResize {
  cursor:sw-resize;
}



.ptalShadowBorderVertical {
  width:10px;
}

.ptalShadowBorderHorizontal {
  height:10px;
}

.ptalShadowBorderVertical .ptalShadowPadding {
  cursor:e-resize;
}

.ptalShadowBorderHorizontal .ptalShadowPadding {
  cursor:s-resize;
}

.ptalShadowTopRight {
  width:10px;
  height:10px;
  background-image:url(/cs/NBCCPRD/cache/PTAL_SHADOWTOPRIGHTCORNER_1.png);
  cursor:e-resize;
}

.ptalShadowMiddleRight {
  width:10px;
  height:100%;
  background-image:url(/cs/NBCCPRD/cache/PTAL_SHADOWRIGHT_1.png);
  cursor:e-resize;
}

.ptalShadowBottomLeft {
  width:10px;
  height:10px;
  background-image:url(/cs/NBCCPRD/cache/PTAL_SHADOWBOTTOMLEFTCORNER_1.png);
  cursor:s-resize;
}

.ptalShadowBottomMiddle {
  height:10px;
  background-image:url(/cs/NBCCPRD/cache/PTAL_SHADOWBOTTOM_1.png);
  cursor:s-resize;
}

.ptalShadowBottomRight {
  width:10px;
  height:10px;
  background-image:url(/cs/NBCCPRD/cache/PTAL_SHADOWBOTTOMROUNDCORNER_R_1.png);
  cursor:se-resize;
}

.rtl .ptalShadowBottomRight {
  cursor:sw-resize;
}



.ptalPgltArea_docked .ptalPgltAreaBorderTopLeft,
.ptalPgltArea_docked .ptalPgltAreaBorderBottomLeft,
.ptalPgltArea_docked .ptalPgltAreaBorderBottomMiddle,
.ptalPgltArea_docked .ptalPgltAreaBorderBottomRight {
  display:none;
}

.ptalPgltArea_docked .ptalPgltAreaResizeBar {
  cursor:col-resize;
  border-left:1px solid #c9ced5;
}

.ptalRightPgltAreaResizeBar {
  cursor:col-resize;
  border-right:1px solid #E6E6E6;
}

.ptalPgltArea_docked .ptalPgltAreaBorderTopRight {
background-color : white;
border-right:1px solid #E6E6E6;
border-top:1px solid #E6E6E6;
}

.ptalPgltArea_resizing .ptalPgltArea_docked .ptalPgltAreaBody .ptalPgltAreaBorderTopRight {
  background-position:left top;
  background-repeat:repeat-y;
  background-image:url(/cs/NBCCPRD/cache/PTAL_IFRAME_SEP_D_VL_1.gif);
}



.ptalPgltAreaBodyAnchor .ptalPgltAreaShowIcon,
.ptalPgltAreaBorderTopRight .ptalPgltAreaHideIcon {
  
  padding:0px;
margin-left:-1px;
border-width:1px 1px 1px 0px;
border-style:solid;
border-color:#E6E6E6 #E6E6E6 #E6E6E6;
background-color:white;
}




.ptalPgltAreaBodyAnchor ,
.ptalPgltAreaBorderTopRight .ptalPgltAreaHideIcon {
  padding:0px;
}

ptalPgltAreaHideIcon a:hover {
display:block;
width:12px;
}


.ptalPgltAreaBorderTopRight a:hover .ptalPgltAreaHideIcon
{
background-color:white;
}BODY{MARGIN-LEFT:2PX; MARGIN-TOP:0PX;}
.PSPUSHBUTTONTBNEXTTAB,.PSPUSHBUTTONTBNEXTINLIST,.PSPUSHBUTTONTBNEXTINWORKLIST,.PSPUSHBUTTONTBPREVINLIST, .PSPUSHBUTTONTBPREVINWORKLIST,.PSPUSHBUTTONTBPREVTAB, .PSPUSHBUTTONTBUPDATEMODE,.PSPUSHBUTTONTBABORT, .PSPUSHBUTTONTBADD, .PSPUSHBUTTONTBADDMODE, .PSPUSHBUTTONTBAPPLY,
.PSPUSHBUTTONTBCANCEL, .PSPUSHBUTTONTBCLEAR, .PSPUSHBUTTONTBCONTINUE, .PSPUSHBUTTONTBCORRECTMODE,
.PSPUSHBUTTONTBDELETE, .PSPUSHBUTTONTBIGNORE, .PSPUSHBUTTONTBLOOKUP, 
 .PSPUSHBUTTONTBNO, .PSPUSHBUTTONTBOK, 
.PSPUSHBUTTONTBPOPUP, .PSPUSHBUTTONTBPREVIEW, 
 .PSPUSHBUTTONTBREFRESH, .PSPUSHBUTTONTBREFRESH2, .PSPUSHBUTTONTBRETRY, 
.PSPUSHBUTTONTBRETURN, .PSPUSHBUTTONTBSPELLCHECK, 
.PSPUSHBUTTONTBUPDATEALLMODE, .PSPUSHBUTTONTBVIEWWORKLIST,.PSPUSHBUTTONTBYES
{display:inline-block;
background-color: transparent; border:0px solid #eaccae;border-radius:2px;
text-decoration:none; 
height:auto;
margin-left:1px;
margin-right:1px;
vertical-align: text-top;
margin-top:0px;
}

.PSPUSHBUTTONTBCANCEL, .PSPUSHBUTTONTBCLEAR {
     color: #333333;
}


.PSPUSHBUTTONTB, .PSPUSHBUTTONDISABLED{vertical-align: text-top;}
.PSPUSHBUTTON span, .PSPUSHBUTTONTB span,.PSPUSHBUTTON span:hover,
.PSPUSHBUTTONTBABORT span, .PSPUSHBUTTONTBADD span, .PSPUSHBUTTONTBADDMODE span, .PSPUSHBUTTONTBAPPLY span,
.PSPUSHBUTTONTBCANCEL span, .PSPUSHBUTTONTBCLEAR span, .PSPUSHBUTTONTBCONTINUE span, .PSPUSHBUTTONTBCORRECTMODE span,
.PSPUSHBUTTONTBDELETE span, .PSPUSHBUTTONTBIGNORE span, .PSPUSHBUTTONTBLOOKUP span, .PSPUSHBUTTONTBNEXTINLIST span,
.PSPUSHBUTTONTBNEXTINWORKLIST span, .PSPUSHBUTTONTBNEXTTAB span, .PSPUSHBUTTONTBNO span, .PSPUSHBUTTONTBOK span, 
.PSPUSHBUTTONTBPOPUP span, .PSPUSHBUTTONTBPREVIEW span, .PSPUSHBUTTONTBPREVINLIST span, .PSPUSHBUTTONTBPREVINWORKLIST span,
.PSPUSHBUTTONTBPREVTAB span, .PSPUSHBUTTONTBREFRESH span, .PSPUSHBUTTONTBREFRESH2 span, .PSPUSHBUTTONTBRETRY span, 
.PSPUSHBUTTONTBRETURN span, .PSPUSHBUTTONTBSAVE span, .PSPUSHBUTTONTBSEARCH span, .PSPUSHBUTTONTBSENDNOTIFY span,
.PSPUSHBUTTONTBSPELLCHECK span, .PSPUSHBUTTONTBUPDATEALLMODE span, .PSPUSHBUTTONTBUPDATEMODE span, 
.PSPUSHBUTTONTBVIEWWORKLIST span, .PSPUSHBUTTONTBYES span,.PSPUSHBUTTONRETURN span, .PSPUSHBUTTONDISABLED span {
display:inline-block; margin-right:0px;margin-left:0px;
background-color:#EACCAEAE;
border: 0px;
width:auto;-moz-outline:none;text-align:center; 
border-top: 1px solid #fefbf4 !important;
margin-top:0px;
}

.PSPUSHBUTTONDISABLED input {
	color: #999999;
}
input.PSPUSHBUTTONDISABLED {
    background-color: transparent;
    border: medium none;
}

.PSPUSHBUTTONTBSEARCH,.PSPUSHBUTTONTBADD,.PSPUSHBUTTONTBOK,.PSPUSHBUTTONTBCLEAR,.PSPUSHBUTTONRETURN, .PSPUSHBUTTONTBABORT,.PSPUSHBUTTONTBCANCEL, .PSPUSHBUTTONTBLOOKUP{
    background-color: transparent;
    height:auto;
	border: 0px solid #EACCAE;	
	vertical-align: text-top;
	border-radius:2px;
	margin-top:0px;
}
.PSPUSHBUTTON,.PSPUSHBUTTONTBSAVE, .PSPUSHBUTTONTBSENDNOTIFY, .PSPUSHBUTTONTBAPPLY, .PSPUSHBUTTONTBCONTINUE, .PSPUSHBUTTONTBIGNORE, .PSPUSHBUTTONTBNO,  .PSPUSHBUTTONTBPREVIEW, .PSPUSHBUTTONTBRETRY, .PSPUSHBUTTONTBYES 
{
 	background-color: transparent;
    height:auto;
	border: 0px solid #EACCAE;	
	vertical-align: text-top;
	border-radius:2px;
	padding-bottom:1px;
	margin-top:0px;
}

.PSPUSHBUTTONTB{margin-right:0px; border:1px solid #e1b05d;border-bottom:1px solid #c59350;border-radius:2px; }



.PSPUSHBUTTONTBRETURN:hover, .PSPUSHBUTTONTBSENDNOTIFY:hover,.PSPUSHBUTTONTBNEXTINLIST:hover,.PSPUSHBUTTONTBADDMODE:hover, 
.PSPUSHBUTTONTBVIEWWORKLIST:hover,.PSPUSHBUTTONTBUPDATEMODE:hover, .PSPUSHBUTTONTBREFRESH:hover,.PSPUSHBUTTONTBPREVINLIST:hover,
.PSPUSHBUTTONTBNEXTINWORKLIST:hover,.PSPUSHBUTTONTBPREVINWORKLIST:hover,.PSPUSHBUTTONTBUPDATEALLMODE:hover, .PSPUSHBUTTONTBPREVTAB:hover,
.PSPUSHBUTTONTBNEXTTAB:hover, .PSPUSHBUTTONTB:hover,.PSPUSHBUTTONTBSAVE:hover{background-color: transparent;  }

.PSPUSHBUTTONDISABLED#Left, .PSPUSHBUTTONDISABLED.Left
{
display:inline-block;
border:1px solid #cccccc;
border-radius:2px;
text-decoration:none; 
cursor:pointer;
height:18px;
color:#999999;
cursor:default;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#DCDCDC'); 
background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#DCDCDC)); 
background: -moz-linear-gradient(top,  #EBEBEB,  #DCDCDC); 
background: -ms-linear-gradient(top,  #EBEBEB,  #DCDCDC); 
}
 
.PSPUSHBUTTONTB#Left, .PSPUSHBUTTONTB.Left
{
display:inline-block;
text-decoration:none; 
height:18px;
cursor:pointer;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCF0DA', endColorstr='#FAE6BF'); 
background: -webkit-gradient(linear, left top, left bottom, from(#FCF0DA), to(#FAE6BF)); 
background: -moz-linear-gradient(top,  #FCF0DA,  #FAE6BF); 
background: -ms-linear-gradient(top,  #FCF0DA,  #FAE6BF); 
}
.PSPUSHBUTTON#Left, .PSPUSHBUTTON.Left
{
display:inline-block;

border: 1px solid #d8a676 !important;
border-radius: 2px 2px 2px 2px;
text-decoration:none; cursor:pointer;
height:18px;
cursor:pointer;
padding:0px;
margin-right: 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCF0DA', endColorstr='#FAE6BF'); 
background: -webkit-gradient(linear, left top, left bottom, from(#FCF0DA), to(#FAE6BF)); 
background: -moz-linear-gradient(top,  #FCF0DA,  #FAE6BF); 
background: -ms-linear-gradient(top,  #FCF0DA,  #FAE6BF); 
}

* html input.PSPUSHBUTTON, * html input.PSPUSHBUTTONTB,
* html input.PSPUSHBUTTONTBABORT, * html input.PSPUSHBUTTONTBADD, * html input.PSPUSHBUTTONTBADDMODE, * html input.PSPUSHBUTTONTBAPPLY,
* html input.PSPUSHBUTTONTBCANCEL, * html input.PSPUSHBUTTONTBCLEAR, * html input.PSPUSHBUTTONTBCONTINUE, * html input.PSPUSHBUTTONTBCORRECTMODE,
* html input.PSPUSHBUTTONTBDELETE, * html input.PSPUSHBUTTONTBIGNORE, * html input.PSPUSHBUTTONTBLOOKUP, * html input.PSPUSHBUTTONTBNEXTINLIST,
* html input.PSPUSHBUTTONTBNEXTINWORKLIST, * html input.PSPUSHBUTTONTBNEXTTAB, * html input.PSPUSHBUTTONTBNO, * html input.PSPUSHBUTTONTBOK, 
* html input.PSPUSHBUTTONTBPOPUP, * html input.PSPUSHBUTTONTBPREVIEW, * html input.PSPUSHBUTTONTBPREVINLIST, * html input.PSPUSHBUTTONTBPREVINWORKLIST,
* html input.PSPUSHBUTTONTBPREVTAB, * html input.PSPUSHBUTTONTBREFRESH, * html input.PSPUSHBUTTONTBREFRESH2, * html input.PSPUSHBUTTONTBRETRY, 
* html input.PSPUSHBUTTONTBRETURN, * html input.PSPUSHBUTTONTBSAVE, * html input.PSPUSHBUTTONTBSEARCH, * html input.PSPUSHBUTTONTBSENDNOTIFY,
* html input.PSPUSHBUTTONTBSPELLCHECK, * html input.PSPUSHBUTTONTBUPDATEALLMODE, * html input.PSPUSHBUTTONTBUPDATEMODE, 
* html input.PSPUSHBUTTONTBVIEWWORKLIST, * html input.PSPUSHBUTTONTBYES,* html input.PSPUSHBUTTONRETURN, * html input.PSPUSHBUTTONDISABLED
{
height:18px;
}

.PSPUSHBUTTONTB#Left:hover, .PSPUSHBUTTONTB.Left:hover
{
display:inline-block;
text-decoration:none; 
cursor:pointer;
height:18px;
background:#fad9a5;
}
.PSPUSHBUTTON#Left:hover, .PSPUSHBUTTON.Left:hover
{
	display:inline-block;
	background:#fad9a5;
	text-decoration:none; 
	cursor:pointer;
	height:18px;
}


span.spanNormalElement
{
color:#426a92;
}

.PSSRCHRESULTSHDR:link, .PSSRCHRESULTSHDR:visited {
    border-style: none;
    color: #426a92;
    font-family: Arial,sans-serif;
    font-size: 8pt;
    font-weight: bold;
}
.PSSRCHRESULTSHDRTXT:hover
{
text-decoration:underline;
color:#ab5b1a;
}

.PSQRYINSTRUCTIONS, .PSQRYRESULTSFOOTER{
    color: #515151;
    font-family: Arial,sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
}


.Go#Left,.PSTEXTMEDIUM#Left,.PORTLET-ICON-LABEL#Left,.HEADERBG#Left,.Bold#Left,.PORTLET-FORM-BUTTON#Left,.SmallFont#Left,.Go.Left,.PSTEXTMEDIUM.Left,.PORTLET-ICON-LABEL.Left,.HEADERBG#Left,.Bold.Left,.PORTLET-FORM-BUTTON.Left,.SmallFont.Left
{
	display:inline-block;
	border:1px solid #cccccc;border-radius:2px;
	text-decoration:none; cursor:pointer;
	height:18px;
	color:#cccccc;
	cursor:default;
	background-color:#eeeeee;
}

.Go#Left,.PSTEXTMEDIUM#Left,.PORTLET-ICON-LABEL#Left,.HEADERBG#Left,.Bold#Left,.PORTLET-FORM-BUTTON#Left,.SmallFont#Left,.Go.Left,.PSTEXTMEDIUM.Left,.PORTLET-ICON-LABEL.Left,.HEADERBG.Left,.Bold.Left,.PORTLET-FORM-BUTTON.Left,.SmallFont.Left
{
	display:inline-block;
	
	border: 1px solid #d8a676 !important;
	border-radius: 2px 2px 2px 2px;
	text-decoration:none; cursor:pointer;
	height:18px;
	cursor:pointer;
	padding:0px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBEFE3', endColorstr='#F8E2CC'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#FBEFE3), to(#F8E2CC)); 
    background: -moz-linear-gradient(top,  #FBEFE3,  #F8E2CC); 
	background: -ms-linear-gradient(top,  #FBEFE3,  #F8E2CC); 
}

.Go#Left:hover,.PSTEXTMEDIUM#Left:hover,.PORTLET-ICON-LABEL#Left:hover,.HEADERBG#Left:hover,.Bold#Left:hover,.PORTLET-FORM-BUTTON#Left:hover,.SmallFont#Left:hover,.Go.Left:hover,.PSTEXTMEDIUM.Left:hover,.PORTLET-ICON-LABEL.Left:hover,.HEADERBG.Left:hover,.Bold.Left:hover,.PORTLET-FORM-BUTTON.Left:hover,.SmallFont.Left:hover
{
	display:inline-block;
	background:#f7dcc4 ;
	text-decoration:none; cursor:pointer;
	height:18px;
}

.PSPUSHBUTTONTBSAVEA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_SAVE_SD_CSS_1.gif);
}
.PSPUSHBUTTONTBSAVED
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_SAVE_D_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBNEXTTABA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_NEXTTAB_SD_CSS_1.GIF);
}
.PSPUSHBUTTONTBNEXTTABD
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_NEXTTAB_D_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBPREVTABA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_PREVTAB_SD_SWAN_1.gif);
}
.PSPUSHBUTTONTBPREVTABD
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_PREVTAB_D_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBADDMODEA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_ADDMODE_SD_SWAN_1.gif);
}
.PSPUSHBUTTONTBADDMODED
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_ADDMODE_D_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBUPDATEMODEA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_UPDATEMODE_SD_SWAN_1.gif);
}
.PSPUSHBUTTONTBUPDATEMODED
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_UPDATEMODE_D_SD_1.gif);
}
.PSPUSHBUTTONTBUPDATEALLMODEA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TLBR_UPDATEALLMODE_SD_CSS_1.GIF);
}
.PSPUSHBUTTONTBUPDATEALLMODED
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_UPDATEALLMODE_D_SD_1.gif);
}
.PSPUSHBUTTONTBCORRECTMODEA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_CORRECTMODE_SD_CSS_1.GIF);
}
.PSPUSHBUTTONTBCORRECTMODED
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_CORCTMODE_D_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBRETURNA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_RETURN_SD_SWAN_1.gif);
}
.PSPUSHBUTTONTBRETURND
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_RETURN_D_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBNEXTINLISTA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_NEXTINLIST_SD_SWAN_1.gif);
}
.PSPUSHBUTTONTBNEXTINLISTD
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_NXTINLIST_D_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBPREVINLISTA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_PREVINLIST_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBPREVINLISTD
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_PRVINLIST_D_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBREFRESHA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_REFRESH_SD_SWAN_1.gif);
}
.PSPUSHBUTTONTBREFRESHD
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_REFRESH_D_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBVIEWWORKLISTA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TLBR_VIEWWORKLIST_SD_SWAN_1.gif);
}
.PSPUSHBUTTONTBVIEWWORKLISTD
{
	background-image: url(/cs/NBCCPRD/cache/PT_TLBR_VIEWWORKLIST_D_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBNEXTINWORKLISTA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TLBR_NEXTINWORKLIST_SD_SWAN_1.gif);
}
.PSPUSHBUTTONTBNEXTINWORKLISTD
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_NEXTINWORKLIST_D_SD_1.gif);
}
.PSPUSHBUTTONTBPREVINWORKLISTA
{
	background-image: url(/cs/NBCCPRD/cache/PT_TLBR_PREVINWORKLIST_SD_SWAN_1.gif);
}
.PSPUSHBUTTONTBPREVINWORKLISTD
{
	background-image: url(/cs/NBCCPRD/cache/PT_TLBR_PREVINWORKLIST_D_SD_1.gif);
}
.PSPUSHBUTTONTBSENDNOTIFY
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_NOTIFY_SD_SWAN_1.gif);
}
.PSPUSHBUTTONTBSPELLCHECK
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_SPELLCHECK_SD_SWAN_1.GIF);
}
.PSPUSHBUTTONTBPOPUP
{
	background-image: url(/cs/NBCCPRD/cache/PT_TOOLBAR_POPUP_SD_SWAN_1.gif);
}
.PTDOWNLOAD
{

	height:16px;
	width: 16px;
	vertical-align: middle;
	display:none;
}
.PTDOWNLOAD1:before {
    content: url(/cs/NBCCPRD/cache/PT_DOWNLOAD_SD_CSS_1.gif);
    position: relative;
	vertical-align: middle;
}
.PTDOWNLOAD_D
{
	background-image: url();
	height:16px;
	width: 20px;
	vertical-align: middle;
}
.PTROWADD
{
	
	display: none;
}

.PTROWADD1:before {
    content: url(/cs/NBCCPRD/cache/PT_ADD_SD_SWAN_1.gif);
    position: relative;
}
.PTROWADD_D
{
	
	display: none;
}
.PTROWADD_D1:before {
    content: url(/cs/NBCCPRD/cache/PT_ADD_D_SD_SWAN_1.gif);
    position: relative;
}
.PTROWDELETE
{
	
	display: none;
}
.PTROWDELETE1:before {
    content: url(/cs/NBCCPRD/cache/PT_DELETE_SD_SWAN_1.gif);
    position: relative;
}
.PTROWDELETE_D
{
	
	display: none;
}
.PTROWDELETE_D1:before {
    content: url(/cs/NBCCPRD/cache/PT_DELETE_D_SD_SWAN_1.gif);
    position: relative;
}
.PTNEXTROW
{
	
	height:16px;
	width: 16px;
	vertical-align: middle;
	display:none;
}
.PTNEXTROW1:before {
    content: url(/cs/NBCCPRD/cache/PT_NEXTROW_SD_CSS_1.gif);
	position: relative;
	vertical-align: middle;    
}
.PTNEXTROW_D
{
	
	height:16px;
	width: 0px;
	vertical-align: middle;
}
.PTNEXTROW_D1:before {
    content: url(/cs/NBCCPRD/cache/PT_NEXTROW_D_SD_CSS_1.gif);
    padding-right: 5px;
    position: relative;
    vertical-align: middle;
}
.PTPREVROW
{
	
	height:16px;
	width:16px;
	vertical-align: middle;
	display:none;
}
.PTPREVROW1:before {
    content: url(/cs/NBCCPRD/cache/PT_PREVIOUSROW_SD_CSS_1.gif);
    position: relative;
	vertical-align: middle;
}
.PTPREVROW_D
{
	
	height:16px;
	width: 0px;
	vertical-align: middle;
}
.PTPREVROW_D1:after {
    content: url(/cs/NBCCPRD/cache/PT_PREVIOUSROW_D_SD_CSS_1.gif);
    position: relative;
	padding-left: 10px;
	vertical-align: middle;
}
.PTROWADDMULTI
{
	
	display:none;
}
.PTROWADDMULTI1:before {
    content: url(/cs/NBCCPRD/cache/PT_ADD_MULTIPLE_SD_SWAN_1.gif);
    position: relative;
}
.PTROWADDMULTI_D
{
	
	display:none;
}
.PTROWADDMULTI_D1:before {
    content: url(/cs/NBCCPRD/cache/PT_ADD_MULTIPLE_D_SD_SWAN_1.gif);
    position: relative;
}



.ptrcMenuLink a {
text-decoration:none;

border-style:none;
color:#336699;
font-family:Arial,sans-serif;
font-size:9pt;
font-style:normal;
font-weight:normal;
}

.ptrcMenuItem a {
text-decoration:none;

border-style:none;
color:black;
font-family:Arial,sans-serif;
font-size:9pt;
font-style:normal;
font-weight:normal;
}

div#ptrccollapse_expand {
cursor:pointer;
margin:0 1px;
}

.ptrcexpand {


height:16px;
width:16px; 
display:block;
cursor: pointer;
}
.ptrcexpand:before {

content: url(/cs/NBCCPRD/cache/PT_COLLAPSE_SD_CSS_1.gif);

}

.ptrccollapse {


height:16px;
width:16px; 
display:block;
cursor: pointer;
}
.ptrccollapse:before {

content: url(/cs/NBCCPRD/cache/PT_EXPAND_SD_CSS_1.gif);
}

.ptrctitlegap  {
background:white;
height:30px;
margin:-2px 0 -4px -4px;
position:relative;
z-index:100;
border-right:1px solid #CCCCCC;
}


.ptrctitlebar {

background-color:#F1F5F6;
color:#AB5B1A;
font-family:Arial;
font-size:10pt;
font-style:normal;
font-weight:bold;
text-indent:1px;
height: 27px;
border :1px solid #C9CED5;

}


h2.ptrctitlebar {
margin: 0px;
padding: 0px;
height: 20px;
border: none;
}




* html #ptrcServiceTab
{ 
  position: relative;
  left: -3px;   
  margin-right: -3px; 
} 


#ptrcServiceTab ul
{
list-style-type: none;
margin:0;
margin-left:0px;
padding:0;
}

#ptrcServiceTab li
{
display:inline;
margin:0;
padding:0;
overflow: hidden; 
list-style-type: none;
}

#ptrcServiceTab a
{

margin:0;
padding:0 0 0 3px;
text-decoration:none; 


-moz-outline: 0;
float:left;    
}

#ptrcServiceTab a span
{

border: 1px solid #D7D9DA;
font-family:Arial;
font-size:9pt;
font-weight:normal;
font-style:normal;
color:#4b6987;

text-decoration: none;
float:left;
display:block;

 
background:transparent url(/cs/NBCCPRD/cache/PSTAB_CSS_INACTIVE_1.JPG) repeat-x scroll 0 0;
padding:2px 14px 2px 5px;
white-space: nowrap;
}

 
#ptrcServiceTab a span 
{
float:none;
background-color: #BAD0E7;
}
 

#ptrcServiceTab a:hover span
{

background:transparent url(/cs/NBCCPRD/cache/PSTAB_CSS_ACTIVE_1.JPG) repeat-x scroll 0 0;

cursor:pointer;
}

#ptrcServiceTab #selected a 
{

border-bottom: 0px solid gray;
border-color: #CCCCCC;
}

#ptrcServiceTab #selected a span 
{
font-family:Arial;
background:transparent url(/cs/NBCCPRD/cache/PSTAB_CSS_ACTIVE_1.JPG) repeat-x scroll center bottom;
font-size:9pt;
font-style:normal;
color:#4b6987;
border-bottom: 1px solid #D9E4F4;

padding:2px 14px 2px 5px;

text-decoration:none;
-moz-outline:0;
-moz-user-select:none;


font-weight:bold;
z-index:100;
position:relative;
}

#ptrcServiceTab a:hover a 
{
color: #333333;
padding-bottom: 5px;
border-color: #CCCCCC;
}

.ptrcPgltcontrolsdropdown {
background:transparent url(/cs/NBCCPRD/cache/PTAL_PGLT_DROPDOWN_BCGROUND_1.gif) repeat-x scroll center bottom;
padding: 0;
border-left:1px solid #D4D4D4;
border-right:1px solid #D4D4D4;
border-top:1px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
position:relative;
z-index:100;
margin-right:8px;
margin-bottom:1px;
cursor: pointer;
opacity:0.6;
}

.ptrcPgltcontrolsdropdown:hover{
background:none;
background-color:white;
opacity:1;
}

.ptrcPgltcontrolsdropdownclicked  {
background-color:white;
border-left:1px solid #D4D4D4;
border-right:1px solid #D4D4D4;
border-top:1px solid #D4D4D4;
position:relative;
z-index:250;
margin-right:8px;
margin-bottom:1px;
cursor: pointer;
}

.ptrcPgltcontrolsdropdownclickedTopBorder  {
background-color:white;
border-left:1px solid #D4D4D4;
border-right:1px solid #D4D4D4;
border-top:1px solid #D4D4D4;
margin-bottom:1px;
position:relative;
z-index:250;
margin-right:8px;
margin-bottom:2px;
cursor: pointer;
}

.ptrcPgltcontrolsdropdownclickedBottomBorder  {
background-color:white;
border-left:1px solid #D4D4D4;
border-right:1px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
margin-top:1px;
position:relative;
z-index:600;
margin-right:8px;
margin-bottom:1px;
cursor: pointer;
border-top:none;
}

.ptrcPgltControls
{	margin: 0;
	padding: 0;
    cursor:pointer;
}

.ptrcPgltControls li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

.ptrcPgltControls li a
{	display: block;
	margin: 0 1px 0 0;
	
	}

.ptrcPgltControls li a:hover
{}

.ptrcPgltcontrolshadowbottom div  {
box-shadow: -2px -1px 2px #BDBDBD;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=-45, Color='#BDBDBD');
}

.ptrcPgltcontrolshadowabove div  {
box-shadow: 2px 3px 2px #BDBDBD;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#BDBDBD')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#BDBDBD');
}

.ptrcPgltControls div
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 10px 0;
	background: white;
	border: 1px solid #D4D4D4;
    
}

	.ptrcPgltControls div a
	{	position: relative;
		display: block;
		margin: 1px;
		padding-top:6px;
        padding-bottom:6px;
        padding-left:25px;
        padding-right:40px;
	    color:#555555;
        font-size:9pt;
        font-weight:normal;
        font-style:normal;
        font-family:Arial,sans-serif;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
        background: white;
		
		}

	.ptrcPgltControls div a:hover
	{	
          background : #EAEAEA;
		color: black;
        text-decoration: none;
}

#ptrctitleline {
 
background:#C9CED5;
height:2px;
width:100%;
z-index:50;
position:relative;
border-top:1px solid #C9CED5;
margin-top: -3px;
}

.ptrcScrollv {
    background-color: #BDBDBD;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    display: block;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px;
}

.ptrcScrollh {
    background-color: #BDBDBD;
    border-radius: 10px 10px 10px 10px;
    bottom: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 8px;
    position: absolute;
}
.PSRALEFTWIDGET a:hover
{
	color:#ab5b1a;
	text-decoration:underline;
}
.PSRARIGHTWIDGET a:hover
{
	color:#ab5b1a;
	text-decoration:underline;
}
.PSRALEFTWIDGET a
{
 
 padding-left: 15px;
}
.PSRALEFTWIDGET a:before
{
 content:url(/cs/NBCCPRD/cache/PT_BTN_ARROW_1.gif);
}

*html .PSRALEFTWIDGET a
{
 padding-left: 15px;
}

.PSRARIGHTWIDGET a
{
 
 padding-right: 15px;
}
.PSRARIGHTWIDGET a:after
{
 content:url(/cs/NBCCPRD/cache/PT_BTN_ARROW_1.gif);
}

*html .PSRALEFTWIDGET a
{
 padding-right: 15px;
}

.ptpnlpglthdr {
background-color:#F2F5F6;
vertical-align:middle;
padding-left:2px;
height:24px;
border-top : solid 1px #EAEAEA;
border-bottom : solid 1px #EAEAEA;
}

.ptpglthdr {

color:#AB5B1A;
font-family:Arial;
font-size:12px;
font-style:normal;
display:inline;
float:left;
padding-left:5px;
position:absolute;
}

h2.ptpglthdr{

color:#AB5B1A;
font-family:Arial;
font-size:12px;
font-style:normal;
font-weight:normal;
display:inline;
margin: 0px;
padding: 0px;
padding-left: 5px;
}

.ptrcpageletbody {
border : none;
font-family: Arial,Helvetica;
font-size: 10pt;
}
.ptrcpgltrefresh {
margin-right:6px;
}
.ptifrmhandle:before {
    content: url(/cs/NBCCPRD/cache/PTAL_PAGELET_RESIZE_1.gif);
    position: absolute;
    top: -13px;
}
.ptifrmhandle {
    background: none;
}
.ptrc_modal_window iframe  {
    min-height:90vh;
    min-width:95vw;
}

.ptrc_modal_window {
    top:34px!important;
    left:35px!important;
}
:root.ios .ptrc_modal_window iframe
{
    width:95vw !important;
    height:90vh !important;
}
:root.ios .ptrc_modal_window {
    top:34px!important;
    left:25px!important;
}

@media (max-width: 800px) {
   
    .ptrc_modal_window  iframe{
        min-height:100vh;
        min-width:100vw;
    }

    .ptrc_modal_window {
        top:0 !important;
        left:0 !important;
    }
    :root.ios .ptrc_modal_window {
        top:0px!important;
        left:0px!important;
    }
}




.ptwcTab a {
  background-image:url(/cs/NBCCPRD/cache/PSTAB_LEFT_SWAN_1.gif);
  border-bottom:4px solid #809EBA;
}

.ptwcTab a span {
  background-image:url(/cs/NBCCPRD/cache/PSTAB_RIGHT_SWAN_1.gif);
  color:#333333;
}

.ptwcTab .selected a span {
  color:#FFFFFF;
}.ic  
{
Z-INDEX:1000;
position:absolute;
background-color:transparent
}

.PSACEMYSC1
{   
background-color:#638ebd;
VERTICAL-ALIGN:top;
} 

.PSACEMYSC_F
{ 
overflow: auto;
} 
.PSACESHDV_F    
{
overflow: hidden;
}  
.PSACESHDV1       
{
border-right:1 solid ;
border-right-color:#D5DCEE;
}        

.PSACESFR
{
 width:1px;
 border-top-width:0px;
 border-left-width:0px;
 border-bottom-width:0px;
 border-right-width:0px;
 visibility:hidden;
}

.PSACEWARN1
{
background-color:#FDEEAA;
font-family:Arial,sans-serif;font-size:11pt;
font-weight:normal;
font-style:normal;
border:1 solid #926C24;
}

.PSACEWARN_F
{
Z-INDEX:1000;
position:absolute;
display:none;
}

.PSACECOMBO1
{
font-family:Arial,sans-serif;font-size:8pt;
font-weight:normal;
font-style:normal;
color:rgb(0,0,0);
background:#FFFFFF;
border:1px solid #7E9EB7;
}

.PSACECOMBO1_CHART
{
font-family:Arial,sans-serif;font-size:9pt;
font-weight:normal;
font-style:normal;
color:rgb(0,0,0);
background:#FFFFFF;
border:1px solid #7E9EB7;
}

   
.PSACECOMBO_F
{
ALIGN:middle;
cursor:hand;
display:inline-block;
height:17px;
width:147px;
overflow: hidden;
}  

.PSACECOMBO_FNARO
{
ALIGN:middle;
cursor:hand;
display:inline-block;
height:17px;
width:90px;
overflow: hidden;
} 


.ptpg_modal_window iframe {
  min-height:90vh;
  min-width:95vw;
}

.ptpg_modal_window {
top:34px!important;
left:35px!important;
}

.PSPGFIXEDFILTERVALUE
{
font-family:Arial,sans-serif;font-size:9pt; 
font-weight: normal;
font-style:normal;
color:rgb(0,0,0);
background:#FFFFFF;
display:inline-block;
height:17px;
width:147px;
vertical-align:top;
margin-top:2px;
overflow:hidden;
cursor:default;
}

.PSPGFIXEDFILTERVALUE_NARO
{
font-family:Arial,sans-serif;font-size:9pt; 
font-weight: normal;
font-style:normal;
color:rgb(0,0,0);
background:#FFFFFF;
display:inline-block;
height:17px;
width:90px;
vertical-align:top;
margin-top:2px;
overflow:hidden;
cursor:default;
}

.PSPGFILTERNAME, .PSPGFILTERVALUE, .PSPGCHARTFILTERNAME, .PSPGCHARTFILTERVALUE, .PSPGFIXEDFILTERVALUE, .PSPGFILTERLABEL
{
 text-overflow:ellipsis; 
 white-space:nowrap;
}

.PSPGDOWNTOEXCEL:before
{
content: url(/cs/NBCCPRD/cache/PT_PG_DOWNLOAD_TANGENT_1.png) ;
}
.PSPGDOWNTOEXCEL
{
background: none;
}

.PSPGHELPFORDD
{
background: url(/cs/NBCCPRD/cache/PT_PG_HELP_TANGENT_1.GIF) no-repeat scroll 0 0 transparent;
}

.PSPGSHOWFILTER:before
{
content: url(/cs/NBCCPRD/cache/PT_PG_SHOWFILTER_TANGENT_1.png) ;
}
.PSPGSHOWFILTER
{
background: none;
}

.PSPGHIDEFILTER:before
{
content: url(/cs/NBCCPRD/cache/PT_PG_HIDEFILTER_TANGENT_1.png) ;
}
.PSPGHIDEFILTER
{
background: none;
}

.PSPGSHOWSCROLL:before
{
content: url(/cs/NBCCPRD/cache/PT_PG_SHOWSCROLL_TANGENT_1.png) ;
}
.PSPGSHOWSCROLL
{
background: none;
}

.PSPGNOSCROLL:before
{
content: url(/cs/NBCCPRD/cache/PT_PG_NOSCROLL_TANGENT_1.png) ;
}
.PSPGNOSCROLL
{
background: none;
}

.PSPGDOWNTOEXCEL, .PSPGHELPFORDD, .PSPGSHOWFILTER, .PSPGHIDEFILTER, .PSPGSHOWSCROLL, .PSPGNOSCROLL  
{
background-position: 0pt 0pt;
display: inline-block;
cursor: pointer;
height: 16px;
width: 16px;
}

.PSPGFILTERDDIMG:before{
content: url(/cs/NBCCPRD/cache/PT_PGFILDROPDOWN_D_1.BMP);
}
.PSPGFILTERDDIMG
{
background: none;
background-position: 0pt 100%;
cursor: pointer;
display: inline-block;
float: right;
height: 17px;
width: 18px;
vertical-align:top;
}

.PSPGFILTERDDIMG:HOVER:before
{
content: url(/cs/NBCCPRD/cache/PT_PGFILDROPDOWN_A_1.BMP);
}

.PSPGCOLLAPSE:before{
content: url(/cs/NBCCPRD/cache/PT_PGCOLLAPSE_TANGENT_D_1.gif);
}

.PSPGCOLLAPSE
{
background: none;
background-position: 0pt 100%;
cursor: pointer;
display: inline-block;
height: 15px;
width: 17px;
}

.PSPGCOLLAPSE:HOVER:before
{
content: url(/cs/NBCCPRD/cache/PT_PGCOLLAPSE_TANGENT_A_1.gif);
}

.PSPGEXPAND:before{
content: url(/cs/NBCCPRD/cache/PT_PGEXPAND_TANGENT_D_1.gif);
}
.PSPGEXPAND
{
background: none;
background-position: 0pt 100%;
cursor: pointer;
display: inline-block;
height: 15px;
width: 17px;
}

.PSPGEXPAND:HOVER:before
{
content: url(/cs/NBCCPRD/cache/PT_PGEXPAND_TANGENT_A_1.gif);
}

.PSPGHIDDENDIV
{
visibility:hidden; 
position:absolute;
display:none;
}
.PSPGPSEUDOHIDE:before
{
display:none;
}
.PSPGPSEUDOHOVERHIDE:HOVER:before
{
display:none;
}
.PSPGACCESSDD
{
cursor:pointer; 
}

.PT_ACETREE  
{
color:rgb(0,0,0);
background:#FFFFFF;
border:1px solid #7E9EB7;
position:absolute;
overflow-Y: auto;
Z-INDEX:2000;
box-shadow: 0px 2px 4px #7E9EB7;
-webkit-box-shadow: 0px 2px 4px #7E9EB7;
-moz-box-shadow: 0px 2px 4px #7E9EB7;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#C0C0C0, offX=2, offY=2, positive=true, Direction=135);
}

.PT_ACETREE_WSRP  
{
color:rgb(0,0,0);
background:#FFFFFF;
border:1px solid #7E9EB7;
position:fixed;
overflow-Y: auto;
Z-INDEX:1;
box-shadow: 0px 2px 4px #7E9EB7;
-webkit-box-shadow: 0px 2px 4px #7E9EB7;
-moz-box-shadow: 0px 2px 4px #7E9EB7;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#C0C0C0, offX=2, offY=2, positive=true, Direction=135);
}
.PT_PGTREE  
{
width:147px;
height:150px;
overflow-X:auto;
overflow-Y:auto;
border-bottom: 1px solid #7E9EB7;
white-space:nowrap;
}


.PT_ACELINK
{
 color: #000000;
 text-decoration: none;
 font-family:Arial,sans-serif;font-size:9pt;
 font-weight:normal;
 font-style:normal;
 padding: 0px 2px 0px 2px;
 vertical-align:middle;
}

.PT_ACELINK:HOVER
{
 color: #336699;
 text-decoration: none;
 font-family:Arial,sans-serif;font-size:9pt;
 font-weight:normal;
 font-style:normal;
 padding: 0px 2px 0px 2px;
 vertical-align:middle;
}

.PT_PGVAL
{
 color: black;
 text-decoration: none;
 font-family: Arial,sans-serif;font-size:9pt;
 text-align:right;
 padding: 0px 1px 0px 1px;	
 cursor:default;
}

.PT_PGVALLINK
{
 color: #004B91;
 text-decoration: none;
 font-family: Arial,sans-serif;font-size:9pt;
 text-align:right;
 padding: 0px 1px 0px 1px;
}

.PT_PGVALLINK:HOVER
{
 text-decoration: underline;
}

.PT_PGLINK
{
 color: #000000;
 text-decoration: none;
 font-family:Arial,sans-serif;font-size:9pt;
 font-weight:normal;
 font-style:normal;
 padding: 0px 2px 0px 0px;
 vertical-align:middle;
}

.PT_PGLINKDIV
{
 background-color: #ffffff !important;
}

.PT_PGLINKDIV:HOVER
{
 background-color: #f7ffbd !important;
}

.PT_PGLINKLDIVFOCUS
{
  background-color: #f7ffbd !important;
}

.PT_PGOKCANCELBUTTONDIV
{
 padding:8px;
 white-space:normal;
}

.PT_PGBUTTON
{
 color: #000000;
 text-decoration: none;
 font-family:Arial,sans-serif;font-size:9pt;
 font-weight:bold;
 font-style:normal;
}


.PT_PGDRAGDROPHOVER, .PT_PGDRAGDROPHOVER tr td, .PT_PGDRAGDROPHOVER tr td span.PSPGFILTERNAME
{
background-color: #dadada !important;
}

.PT_PGACCESSTABLE
{
border-collapse:collapse;
padding:2px;
border: 1px solid #e6e6e6; 
}

.PT_PGACCESSTABLE tr td, .PT_PGACCESSTABLE tr th, .PT_PGACCESSTABLE tbody, .PT_PGACCESSTABLE tr
{
padding:2px;
font-family:Arial,sans-serif;font-size:9pt;
font-weight:bold;
font-style:normal;
border: 1px solid #e6e6e6; 
}

.PT_PGTABLE
{
border-collapse:collapse;
padding:0px;
width:auto;
}


.PT_PGROWTABLE
{
border-collapse:collapse;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding:0px;
}


.PT_PGROWTABLE tr td,.PT_PGROWTABLE tr th, .PT_PGROWTABLE tbody, .PT_PGTABLE tr td,.PT_PGTABLE tr th, .PT_PGTABLE tbody
{
padding:0px;
}


.PT_PGROWHEADER, .PT_PGEMPTYROWHEADER, .PT_PGLABELROWHEADER, .PT_PGCOLUMNHEADER, .PT_PGEMPTYCOLUMNHEADER
{
font-family:Arial,sans-serif;
font-size:9pt;
font-weight:bold;
font-style:normal;
color:black;
background-color:#F2F5F6;
border-top: 1px solid #e6e6e6; 
border-bottom: 1px solid #e6e6e6;
}


.PT_PGCOLUMNHEADER, .PT_PGEMPTYCOLUMNHEADER, .PT_PGNODRAGDROPHEADER
{
border-right: 1px solid #e6e6e6; 
}


.PT_PGEMPTYROWHEADER, .PT_PGEMPTYCOLUMNHEADER, .PT_PGNODRAGDROPHEADER
{
min-width:70px; 
}

.PT_PGNODRAGDROPHEADER
{
background-color:#F2F5F6;
}

// min-width doesn't work in IE. This is a hack to ensure that when Row labels have a minimum width of 70px.
.PT_PGLABELROWHEADER
{
width:70px;
}


.PT_PGROWHEADER, .PT_PGCOLUMNHEADER
{
cursor:move;
}


.PT_PGROW
{
font-family:Arial,sans-serif;
font-size:9pt;
font-weight:normal;
font-style:normal;
color:black;
text-align:right;
background-color:white;
border-right: 1px solid #e6e6e6; 
border-top: 1px solid #e6e6e6; 
border-bottom: 1px solid #e6e6e6; 
}


.PT_PGROWBLANK
{
background-color:#F2F5F6;
border-top: 1px solid #e6e6e6;    
border-bottom: 1px solid #e6e6e6; 
border-right: 1px solid #e6e6e6; 
}


.PT_PGDRAGELEMENT
{
height:20px !important;
cursor:move;
vertical-align:middle;
border: 1px solid #E18522; 
padding: 4px 2px 0px 2px;
font-family:Arial,sans-serif;
font-size:9pt;
font-weight:bold;
font-style:normal;
color:black;
background-color:white;
box-shadow: 2px 2px #B5B1B1;
-webkit-box-shadow: 2px 2px #B5B1B1;
-moz-box-shadow: 2px 2px #B5B1B1;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#B5B1B1, offX=2, offY=2, positive=true, Direction=135);
}

.PSACEHELP1
{
background-color:#FDEEAA;
color:black;
border:1 solid #926C24;
font-family:Arial,sans-serif;font-size:11pt;
font-weight:normal;
font-style:normal;
border:2 hover #926C24;
}
.PSACEDISPN
{
display:none;
}

.PS_ACEPROGRBAR
{
  cursor:wait; 
  color:rgb(176,13,66);
  width:330px;
  height:15px
}

.PT_ACEACCESSTABLE
{
border-collapse:collapse;
padding:2px;
border: 1px solid #e6e6e6; 
}

.PT_ACEACCESSTABLE tr td, .PT_ACEACCESSTABLE tr th, .PT_ACEACCESSTABLE tbody, .PT_ACEACCESSTABLE tr
{
padding:2px;
font-family:Arial,sans-serif;font-size:9pt;
font-weight:bold;
font-style:normal;
border: 1px solid #e6e6e6; 
}

.PSACENOBORDER1{
    background-color:rgb(109,132,178);
   }
.PSACECOL1
{
  
  vertical-align:top;text-align:right;
}

.PSACEPRF1{background-color:rgb(192,192,192);border-width:1px;border-color:rgb(51,102,153);border-style:outset;}

.PSACEROWBLANKNB1{background-color:rgb(218,218,218);}
.PSACEROWBLANK1{background-color:rgb(218,218,218);border-top-width:1px;border-top-color:rgb(51,102,153);border-top-style:solid;}
.PSACECOMBOBUTTON1{background-color:rgb(234,242,255);cursor:pointer;}

.PSACEROWLEFTBOTTOM{border-bottom-width:1px;border-left-width:1px;border-bottom-color:rgb(198,206,210);border-left-color:rgb(198,206,210);border-bottom-style:solid;border-left-style:solid;}
.PSACEROWLEFT{border-left-width:1px;border-left-color:rgb(198,206,210);border-left-style:solid;}
.PSACETOPSOL{border-top-width:1px;border-top-color:rgb(198,206,210);border-top-style:solid;}

.PSACEPRFDIVHID,.PSACEPRFIN{border-width:1px;border-color:rgb(51,102,153);border-style:outset;}
.PSACEPRFDIV1{border-width:1px;border-color:rgb(51,102,153);border-style:outset;display:none;}
.PSACEROWLEFTTEXT{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(51,102,153);border-left-width:1px;border-left-color:rgb(198,206,210);border-left-style:solid;}
.PSACEODDROW1{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(244,244,232);border-top-width:1px;border-left-width:1px;border-top-color:rgb(128,128,128);border-left-color:rgb(128,128,128);border-top-style:solid;border-left-style:solid;}
.PSACEBOTTOM{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(51,102,153);border-bottom-width:1px;border-bottom-color:rgb(198,206,210);border-bottom-style:solid;}
.PSACECOLLEFTBOTTOMTEXT{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(51,102,153);border-bottom-width:1px;border-left-width:1px;border-bottom-color:rgb(198,206,210);border-left-color:rgb(198,206,210);border-bottom-style:solid;border-left-style:solid;}
.PSACECOLRIGHTBOTTOMTEXT{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(51,102,153);border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(198,206,210);border-right-color:rgb(198,206,210);border-bottom-style:solid;border-right-style:solid;}
.PSACELEFTSOL{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(51,102,153);border-left-width:1px;border-left-color:rgb(198,206,210);border-left-style:solid;}
.PSACEROWLAST,.PSACEROWTOPSOLIDTEXT{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(51,102,153);border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-color:rgb(198,206,210);border-bottom-color:rgb(198,206,210);border-left-color:rgb(198,206,210);border-top-style:solid;border-bottom-style:solid;border-left-style:solid;}
.PSACETOPLEFTTEXT{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(51,102,153);border-top-width:1px;border-left-width:1px;border-top-color:rgb(198,206,210);border-left-color:rgb(198,206,210);border-top-style:solid;border-left-style:solid;}
.PSACEROWTREETEXT{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(51,102,153);border-top-width:1px;border-left-width:1px;border-top-color:rgb(198,206,210);border-left-color:rgb(198,206,210);border-top-style:solid;border-left-style:solid;}
.PSACEROWLEFTBOTTOMTOPTEXT{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(51,102,153);border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-color:rgb(198,206,210);border-bottom-color:rgb(198,206,210);border-left-color:rgb(198,206,210);border-top-style:solid;border-bottom-style:solid;border-left-style:solid;}
.PSACEROWLEFTTOPTEXT{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(51,102,153);border-top-width:1px;border-left-width:1px;border-top-color:rgb(198,206,210);border-left-color:rgb(198,206,210);border-top-style:solid;border-left-style:solid;}
.PSACECOLLEFTTEXT{font-family:Arial,sans-serif;font-size:8pt;font-weight:bold;color:rgb(51,102,153);vertical-align:top;border-left-width:1px;border-left-color:rgb(198,206,210);border-left-style:solid;}
.PSACESLICE_CHART{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;color:rgb(0,0,0);background-color:rgb(255,255,255);white-space:nowrap;}
.ACEFCOLUMNHDR1{font-family:Arial,sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(51,102,153);background-color:rgb(130,145,198);vertical-align:top;border-width:1px;border-top-color:rgb(198,206,210);border-bottom-color:rgb(96,107,177);border-left-color:rgb(198,206,210);border-right-color:rgb(96,107,177);border-style:solid;}
.PSACEEDITSELECT1{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(255,255,153);border-width:1px;border-color:rgb(204,204,204);border-style:solid;width:100%;}
.PSACEEDIT1{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);border-width:1px;border-color:rgb(204,204,204);border-style:solid;width:100%;}



.ACEFODDROW1{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,102,153);background-color:rgb(211,220,232);border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(51,102,153);border-right-color:rgb(51,102,153);border-bottom-style:solid;border-right-style:solid;}.ACEFEVNROW1{font-family:Arial,sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(51,102,153);background-color:rgb(233,237,244);border-bottom-width:1px;border-right-width:1px;border-bottom-color:rgb(51,102,153);border-right-color:rgb(51,102,153);border-bottom-style:solid;border-right-style:solid;}

.PSPGFILTERLABEL
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  font-style:normal;
  color:rgb(0,0,0);
  background-color:rgb(255,255,255);
  vertical-align:top;
  text-align:center;
  margin-top:2px;
  min-width:100px;
  max-width:125px;
  height:17px;display:inline-block;cursor:move;overflow:hidden;
  display:inline-block; 
  padding:2px;
  background-color:white;
  background-color:white;
  border:1px solid gray;
  -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#ccc));
  background-image: -webkit-linear-gradient(top, white, #ccc);
  background-image:    -moz-linear-gradient(top, white, #ccc);
  background-image:      -o-linear-gradient(top, white, #ccc);
  background-image:         linear-gradient(to bottom, white, #ccc);
  box-shadow: 1px 1px 2px rgba(051,051,051,0.4), inset 1px 1px 2px rgba(255,255,255,0.7);
  text-decoration:none;
  color: #3a3a3a;
}

.PSPGGRID_NF
{
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:16px !important;
}

.PSPGGRID_NFC
{
  color: rgb(48, 52, 53);
}
.STRONGWRAP
{
WORD-BREAK:BREAK-ALL;
}

html[lang='ko'] .PSLONGEDITBOX
{
WORD-BREAK: KEEP-ALL;
}
#PTAIAccordion {list-style: none;padding: 0px 0px 10px 0px;}
.PTAIsummaryRootDiv{
    background-color: #FDFDFE;
    color:#065C7D;
	font-weight:normal;
	font-size: 90%;
	font: 12px Arial;
    margin-bottom: 2px;
    cursor: pointer;
    padding:5px 5px 5px 0px;  
}
.PTAIsummaryRootDiv a{display:block;text-decoration:none;color:#065C7D;}
.PTAIRootDiv{
    color:#065C7D;
	font-weight:normal;
	font-size: 90%;
	font: 12px Arial;
    margin: 1px;
    cursor: pointer; 
}
.PTAI_ContextData{
	color:#065C7D;
	font-weight:normal;font-size: 90%;font: 12px Arial;
	padding: 2px 5px 2px 5px;
	min-width:320px;
	border-bottom:1px solid #D2D2D2;
	background-color:  #F8F9FF;;

   
}
.PTAI_ContextToggleDisplayStyle{Display:none;}
.PTAI_ContextChildList{list-style:none;margin-left:-39px;}
.PTAIContextDataChild{width:300px;border:0px solid green;}
.PTAIContextToggle{width:10px;float:right;cursor: hand; cursor: pointer; }
.PTAIA_RootList{list-style:none;display:list-item;}
.PTAIA_RootList ul {display:none;list-style-type: none;}
.PTAIA_ChildList {
    color:#065C7D;font-weight:normal;font-size: 90%;font: 12px Arial;
    margin-left:-39px;
	padding-left:0px;
	list-style:none; 
	display:list-item;
	list-style-type: none; 
}
.PTAIA_ChildList a {padding-left:45px;}
.PTAIChildItem{}

.PTAIA_ChildList:hover {background-color: #FDFFC8;}
.PTAIActionItem{Text-decoration:none;padding:5px 5px 5px 25px;width:100%;display:block;color:#336797;}
.PTAIActionItem:hover{color:black;background-color:#FDFFC8;}
.PTAIActionItemSelected{color:black;background-color:#E3F0FC;cursor:text;}
.PTAIActionItemSelected:hover{color:black;background-color:#E3F0FC;cursor:text;}
.PTAIActionItemRequired{padding-right:2px;border:0;}
.PTAIActionItemNotRequired{display:none;}

.PTAI_StatusImage{padding-right:10px;border:0px;}
.PTAI_TwistieImage{padding-right:10px;border:0px;}
.PTAIDisableItem{text-decoration: none;color:#515151;cursor:text;padding:5px 5px 5px 25px;width:100%;display:block;}
.PTAIProgressBarInComplete{
	height:8px;width:50%;float:left;background-color:#00FFFF;
	border:1px solid gray;
	border-left:0px;

	background-color:#ffffff;
	-webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; -ms-border-top-left-radius: 0px; border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -ms-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
}
.PTAIProgressBarComplete{
	height:8px;width:50%;float:left;background-color:#99CC00;
	border:1px solid gray;
	border-right:0px;
	background: -moz-linear-gradient(top, #99CC00, #1a3366);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99CC00', endColorstr='#1a3366');	
 	background: -webkit-linear-gradient( #99CC00, #1a3366);
	-webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; -ms-border-top-right-radius: 0px; border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;

}
.PTAIPBAllorNone{

}
.PTAIPBAll{
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-right:0px;
}
.PTAIPBNone{
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-left:0px;
}
.PTAIPBTitle{
color:#336797;width:70px;
position:relative;left:0;
font-weight:normal;font-size: 90%;font: 11px Arial;padding-left:2px;
text-decoration:none;
padding-top:15px;
float:left;
border :0px solid black;}

.PTAIProgressBar{height:10px;float:left;min-width:120px;width:70%;border :0px solid black;position:absolute;left:75px;padding:0px 0px 0px 4px;}

.PTAIPBDIV{
	background-color:#33CCFF;position:relative;	
	border :0px solid black;
	border-bottom: 1px solid #D2D2D2;
	height:40px;
	min-width:320px;
	width:100%;
	padding:5px 5px 5px 5px;

    background-color:#ffffff;
}
.PTAI_PBBottomText{border:0px solid black;text-align:left;float:left;color:#336797;font-weight:normal;font-size: 90%;font: 10px Arial;}
.PTAI_PBPointer{
background:url("") bottom no-repeat;
padding-right:5px;
margin-left:-5px;
border:0px solid black;
}

.PTAIDependentText {color:#426A92;}

.PTAIDependentStatusImage{cursor:pointer;}
.PTAIDependentDiv{
position:relative;
border:1px solid #D2D2D2;
width:300px;
left:-10000px;
background-color:#FFFFFF;
box-shadow: 10px 10px 5px  #B8B8B8;
display:none;
margin-right:30px;
}
a.PTAIBlockAnchor img.PTAIDependentClose { border : 0; }
a.PTAIActionItem img.PTAIActionItemRequired { border : 0; }
.PTAIDependentHeader{
color:#336797;font-weight:bold;font-size: 90%;font: 15px Arial;
padding: 5px;
background-color:#FBFBFB;
border-bottom:1px solid #E9E9E9;
}
.PTAIDependentHeader span {padding-left:10px;color:#336797;font-weight:normal;font-size: 90%;font: 15px Arial;}
.PTAIDependentBody{padding:5px 2px 5px 10px;	
}
.PTAIDependentBodyRow{padding-left:10px;color:#426A92;font-weight:normal;font-size: 90%;font: 12px Arial;}




.PTAI_LEGENDDIV{height:17px;}
.PTAI_LegendText{
text-decoration:none;
font-weight:bold;font-size: 90%;font: 12px Arial;
float:right;
text-align:right;
width:100%;
color:#426A92;	
background-color:#F8F9FF;
border-bottom:1px solid #D2D2D2;
padding-top: 3px;
padding-right:35px;
padding-bottom: 3px;
padding-left:0px;
}
.PTAIHideCompletedScore{display:none;}

.PTAIFloatLeft{float:left;}
.PTAIFloatRight{float:right;}
.PTAIBlockAnchor{display:block;}

.PTAIImage {border:0px;}



.PTAILEGENDDIV{	
	position:absolute;z-index:200;
	top:60px;
	left:0px;
	border:1px solid #D2D2D2;
	width:320px;
	background-color:#FFFFFF;
	box-shadow: 10px 10px 5px  #B8B8B8;
}

.PTAILEGENDDIV_HEADER{
	padding: 10px 10px 10px 15px;
	background-color:#FBFBFB;
	border-bottom:1px solid #E9E9E9;
}

.PTAILEGENDDIV_HEADER h4 {
	color:#336797;
	font-weight:bold;
	font-size: 90%;
	font: 15px Arial;
	margin:0px;
}

.PTAI_LEGENDROW{
	padding: 5px 5px 5px 15px;
}

.PTAI_LEGENDROW span {
	padding-left:10px;
	color:#336797;
	font-weight:normal;
	font-size: 90%;
	font: 12px Arial;
}



.PTAIAriaImageStatusText{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}


:root.psc_mode-hc .PTAIActionItem.PTAIActionItemSelected {
 border-width:2px;  
 border:solid;
}


:root.psc_mode-access .PTAI_LEGENDDIV {
 display: none;
}
@charset "UTF-8";
:root {
  --oj-palette-danger-rgb-10:    255, 248, 247;
  --oj-palette-danger-rgb-20:    255, 241, 239;
  --oj-palette-danger-rgb-30:    255, 235, 232;
  --oj-palette-danger-rgb-40:    255, 217, 211;
  --oj-palette-danger-rgb-50:    255, 193, 184;
  --oj-palette-danger-rgb-60:    255, 157, 144;
  --oj-palette-danger-rgb-70:    255, 134, 117;
  --oj-palette-danger-rgb-80:    254, 104, 84;
  --oj-palette-danger-rgb-90:    236, 79, 58;
  --oj-palette-danger-rgb-100:   214, 59, 37;
  --oj-palette-danger-rgb-110:   195, 53, 34;
  --oj-palette-danger-rgb-120:   179, 49, 31;
  --oj-palette-danger-rgb-130:   170, 34, 34;
  --oj-palette-danger-rgb-140:   143, 39, 25;
  --oj-palette-danger-rgb-150:   124, 34, 22;
  --oj-palette-danger-rgb-160:   102, 28, 18;
  --oj-palette-danger-rgb-170:   86, 24, 15;
  --oj-palette-warning-rgb-10:   254, 249, 242;
  --oj-palette-warning-rgb-20:   253, 242, 229;
  --oj-palette-warning-rgb-30:   252, 237, 220;
  --oj-palette-warning-rgb-40:   249, 221, 188;
  --oj-palette-warning-rgb-50:   246, 199, 146;
  --oj-palette-warning-rgb-60:   240, 169, 87;
  --oj-palette-warning-rgb-70:   235, 150, 50;
  --oj-palette-warning-rgb-80:   225, 128, 18;
  --oj-palette-warning-rgb-90:   198, 113, 14;
  --oj-palette-warning-rgb-100:  172, 99, 12;
  --oj-palette-warning-rgb-110:  156, 89, 11;
  --oj-palette-warning-rgb-120:  143, 82, 10;
  --oj-palette-warning-rgb-130:  129, 73, 9;
  --oj-palette-warning-rgb-140:  114, 65, 8;
  --oj-palette-warning-rgb-150:  99, 56, 7;
  --oj-palette-warning-rgb-160:  81, 47, 6;
  --oj-palette-warning-rgb-170:  69, 39, 5;
  --oj-palette-success-rgb-10:   244, 252, 235;
  --oj-palette-success-rgb-20:   235, 248, 222;
  --oj-palette-success-rgb-30:   228, 245, 211;
  --oj-palette-success-rgb-40:   207, 235, 179;
  --oj-palette-success-rgb-50:   177, 221, 136;
  --oj-palette-success-rgb-60:   138, 201, 79;
  --oj-palette-success-rgb-70:   125, 186, 69;
  --oj-palette-success-rgb-80:   111, 169, 57;
  --oj-palette-success-rgb-90:   94, 148, 43;
  --oj-palette-success-rgb-100:  80, 130, 35;
  --oj-palette-success-rgb-110:  73, 118, 32;
  --oj-palette-success-rgb-120:  67, 107, 29;
  --oj-palette-success-rgb-130:  60, 96, 26;
  --oj-palette-success-rgb-140:  53, 86, 23;
  --oj-palette-success-rgb-150:  46, 73, 20;
  --oj-palette-success-rgb-160:  38, 61, 16;
  --oj-palette-success-rgb-170:  31, 51, 14;
  --oj-palette-info-rgb-10:      246, 250, 252;
  --oj-palette-info-rgb-20:      237, 246, 249;
  --oj-palette-info-rgb-30:      228, 241, 247;
  --oj-palette-info-rgb-40:      208, 229, 238;
  --oj-palette-info-rgb-50:      180, 213, 225;
  --oj-palette-info-rgb-60:      143, 191, 208;
  --oj-palette-info-rgb-70:      121, 177, 198;
  --oj-palette-info-rgb-80:      95, 162, 186;
  --oj-palette-info-rgb-90:      65, 144, 172;
  --oj-palette-info-rgb-100:     34, 126, 158;
  --oj-palette-info-rgb-110:     14, 114, 151;
  --oj-palette-info-rgb-120:     0, 104, 140;
  --oj-palette-info-rgb-130:     2, 94, 126;
  --oj-palette-info-rgb-140:     4, 83, 111;
  --oj-palette-info-rgb-150:     6, 72, 95;
  --oj-palette-info-rgb-160:     6, 60, 78;
  --oj-palette-info-rgb-170:     5, 50, 66;
  --oj-palette-brand-rgb-10:     246, 250, 252;
  --oj-palette-brand-rgb-20:     237, 246, 249;
  --oj-palette-brand-rgb-30:     228, 241, 247;
  --oj-palette-brand-rgb-40:     208, 229, 238;
  --oj-palette-brand-rgb-50:     180, 213, 225;
  --oj-palette-brand-rgb-60:     143, 191, 208;
  --oj-palette-brand-rgb-70:     121, 177, 198;
  --oj-palette-brand-rgb-80:     95, 162, 186;
  --oj-palette-brand-rgb-90:     65, 144, 172;
  --oj-palette-brand-rgb-100:    34, 126, 158;
  --oj-palette-brand-rgb-110:    14, 114, 151;
  --oj-palette-brand-rgb-120:    0, 104, 140;
  --oj-palette-brand-rgb-130:    2, 94, 126;
  --oj-palette-brand-rgb-140:    4, 83, 111;
  --oj-palette-brand-rgb-150:    6, 72, 95;
  --oj-palette-brand-rgb-160:    6, 60, 78;
  --oj-palette-brand-rgb-170:    5, 50, 66;
  --oj-palette-neutral-rgb-0:    255, 255, 255;
  --oj-palette-neutral-rgb-10:   251, 249, 248;
  --oj-palette-neutral-rgb-20:   245, 244, 242;
  --oj-palette-neutral-rgb-30:   241, 239, 237;
  --oj-palette-neutral-rgb-40:   228, 225, 221;
  --oj-palette-neutral-rgb-50:   212, 207, 202;
  --oj-palette-neutral-rgb-60:   188, 182, 177;
  --oj-palette-neutral-rgb-70:   174, 168, 162;
  --oj-palette-neutral-rgb-80:   158, 152, 146;
  --oj-palette-neutral-rgb-90:   139, 133, 128;
  --oj-palette-neutral-rgb-100:  123, 117, 112;
  --oj-palette-neutral-rgb-110:  111, 105, 100;
  --oj-palette-neutral-rgb-120:  101, 95, 91;
  --oj-palette-neutral-rgb-130:  92, 86, 81;
  --oj-palette-neutral-rgb-140:  81, 76, 71;
  --oj-palette-neutral-rgb-150:  71, 66, 62;
  --oj-palette-neutral-rgb-160:  58, 54, 50;
  --oj-palette-neutral-rgb-170:  49, 45, 42;
  --oj-palette-neutral-rgb-180:  32, 30, 28;
  --oj-palette-neutral-rgb-190:  22, 21, 19;
  --oj-palette-neutral-rgb-200:  00, 00, 00;
  --oj-palette-dvt-rgb-1:      34, 126, 158;
  --oj-palette-dvt-rgb-2:      216, 63, 38;
  --oj-palette-dvt-rgb-3:      255, 168, 80;
  --oj-palette-dvt-rgb-4:      70, 164, 147;
  --oj-palette-dvt-rgb-5:      158, 127, 204;
  --oj-palette-dvt-rgb-6:      160, 37, 145;
  --oj-palette-dvt-rgb-7:      114, 158, 76;
  --oj-palette-dvt-rgb-8:      192, 79, 79;
  --oj-palette-dvt-rgb-9:      91, 166, 26;
  --oj-palette-dvt-rgb-10:     235, 109, 52;
  --oj-palette-dvt-rgb-11:     240, 204, 113;
  --oj-palette-dvt-rgb-12:     139, 133, 128;
}



.oj-contrast-marker,
.oj-color-invert {
  --oj-palette-brand-rgb-10:     254, 249, 233;
  --oj-palette-brand-rgb-20:     253, 244, 223;
  --oj-palette-brand-rgb-30:     252, 239, 203;
  --oj-palette-brand-rgb-40:     247, 224, 161;
  --oj-palette-brand-rgb-50:     240, 204, 113;
  --oj-palette-brand-rgb-60:     213, 179, 100;
  --oj-palette-brand-rgb-70:     199, 165, 93;
  --oj-palette-brand-rgb-80:     179, 149, 84;
  --oj-palette-brand-rgb-90:     157, 130, 73;
  --oj-palette-brand-rgb-100:    137, 114, 63;
  --oj-palette-brand-rgb-110:    113, 94, 52;
  --oj-palette-brand-rgb-120:    113, 94, 52;
  --oj-palette-brand-rgb-130:    102, 85, 47;
  --oj-palette-brand-rgb-140:    91, 74, 41;
  --oj-palette-brand-rgb-150:    79, 66, 36;
  --oj-palette-brand-rgb-160:    64, 54, 29;
  --oj-palette-brand-rgb-170:    55, 44, 24;
}

:root {
  --oj-core-text-color-primary:      rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-text-color-secondary:    rgba(var(--oj-palette-neutral-rgb-190), .70);
  --oj-core-text-color-disabled:     rgba(var(--oj-palette-neutral-rgb-190), .4);
  --oj-core-text-color-brand:        rgb(var(--oj-palette-brand-rgb-110));
  --oj-core-text-color-danger:       rgb(var(--oj-palette-danger-rgb-120));
  --oj-core-text-color-warning:      rgb(var(--oj-palette-warning-rgb-120));
  --oj-core-text-color-success:      rgb(var(--oj-palette-success-rgb-120));
  --oj-core-bg-color-content:       rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-bg-color-hover:         rgba(var(--oj-palette-neutral-rgb-190), .08);
  --oj-core-bg-color-active:        rgba(var(--oj-palette-neutral-rgb-190), .16);
  --oj-core-bg-color-selected:      rgb(var(--oj-palette-brand-rgb-30));
  --oj-core-border-color-selected:  rgb(var(--oj-palette-brand-rgb-100));
  --oj-core-border-color-enabled:  rgba(var(--oj-palette-neutral-rgb-190), 0.5);
  --oj-core-color-disabled-1:      rgba(var(--oj-palette-neutral-rgb-190), 0.04);
  --oj-core-color-disabled-2:  rgba(var(--oj-palette-neutral-rgb-190),.20);
  --oj-core-icon-size-lg:              1.5rem;
  --oj-core-icon-size-sm:              1rem;
  --oj-core-divider-color:             rgba(var(--oj-palette-neutral-rgb-190),.12);
  --oj-core-divider-margin:            0.5rem;
  --oj-core-neutral-1:                      rgb(var(--oj-palette-neutral-rgb-100));
  --oj-core-neutral-2:                      rgb(var(--oj-palette-neutral-rgb-110));
  --oj-core-neutral-3:                      rgb(var(--oj-palette-neutral-rgb-120));
  --oj-core-neutral-contrast:               rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-neutral-secondary-1: rgba(var(--oj-palette-neutral-rgb-190), 0.08);
  --oj-core-neutral-secondary-2:            rgb(var(--oj-palette-neutral-rgb-20));
  --oj-core-neutral-secondary-3:            rgb(var(--oj-palette-neutral-rgb-10));
  --oj-core-neutral-secondary-contrast:     rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-brand-1:                      rgb(var(--oj-palette-brand-rgb-100));
  --oj-core-brand-2:                      rgb(var(--oj-palette-brand-rgb-110));
  --oj-core-brand-3:                      rgb(var(--oj-palette-brand-rgb-120));
  --oj-core-brand-contrast:               rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-danger-1:                      rgb(var(--oj-palette-danger-rgb-120));
  --oj-core-danger-2:                      rgb(var(--oj-palette-danger-rgb-110));
  --oj-core-danger-3:                      rgb(var(--oj-palette-danger-rgb-120));
  --oj-core-danger-contrast:               rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-danger-secondary-1: rgba(var(--oj-palette-danger-rgb-60), 0.4);
  --oj-core-danger-secondary-2:            rgb(var(--oj-palette-danger-rgb-20));
  --oj-core-danger-secondary-3:            rgb(var(--oj-palette-danger-rgb-10));
  --oj-core-danger-secondary-contrast:     rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-warning-1:                    rgb(var(--oj-palette-warning-rgb-120));
  --oj-core-warning-2:                    rgb(var(--oj-palette-warning-rgb-110));
  --oj-core-warning-3:                    rgb(var(--oj-palette-warning-rgb-120));
  --oj-core-warning-contrast:             rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-warning-secondary-1: rgba(var(--oj-palette-warning-rgb-60), 0.4);
  --oj-core-warning-secondary-2:          rgb(var(--oj-palette-warning-rgb-20));
  --oj-core-warning-secondary-3:          rgb(var(--oj-palette-warning-rgb-10));
  --oj-core-warning-secondary-contrast:   rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-success-1:                    rgb(var(--oj-palette-success-rgb-120));
  --oj-core-success-2:                    rgb(var(--oj-palette-success-rgb-110));
  --oj-core-success-3:                    rgb(var(--oj-palette-success-rgb-120));
  --oj-core-success-contrast:             rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-success-secondary-1: rgba(var(--oj-palette-success-rgb-60), 0.4);
  --oj-core-success-secondary-2:          rgb(var(--oj-palette-success-rgb-20));
  --oj-core-success-secondary-3:          rgb(var(--oj-palette-success-rgb-10));
  --oj-core-success-secondary-contrast:   rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-info-1:                    rgb(var(--oj-palette-info-rgb-120));
  --oj-core-info-2:                    rgb(var(--oj-palette-info-rgb-110));
  --oj-core-info-3:                    rgb(var(--oj-palette-info-rgb-120));
  --oj-core-info-contrast:             rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-info-secondary-1: rgba(var(--oj-palette-info-rgb-60), 0.4);
  --oj-core-info-secondary-2:          rgb(var(--oj-palette-info-rgb-20));
  --oj-core-info-secondary-3:          rgb(var(--oj-palette-info-rgb-10));
  --oj-core-info-secondary-contrast:   rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-focus-border-color:     rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-cursor-clickable:      pointer;
  --oj-core-drag-drop-color-1:       rgb(var(--oj-palette-brand-rgb-40));
  --oj-core-drag-drop-color-2:       rgb(var(--oj-palette-brand-rgb-100));
  --oj-core-drag-drop-line-color:    rgb(var(--oj-palette-brand-rgb-100));
  --oj-core-touch-target-min-size:    2.25rem;
  --oj-core-box-shadow-rgb:     var(--oj-palette-neutral-rgb-200);
  --oj-core-box-shadow-xs:      0px 1px 4px 0px    rgba(var(--oj-core-box-shadow-rgb),.12);
  --oj-core-box-shadow-sm:      0px 4px 8px 0px    rgba(var(--oj-core-box-shadow-rgb),.16);
  --oj-core-box-shadow-md:      0px 6px 12px 0px   rgba(var(--oj-core-box-shadow-rgb),.2);
  --oj-core-box-shadow-lg:      0px 8px 16px 0px   rgba(var(--oj-core-box-shadow-rgb),0.24);
  --oj-core-box-shadow-xl:      0px 12px 20px 0px  rgba(var(--oj-core-box-shadow-rgb),0.28);
  --oj-core-dropdown-box-shadow:  var(--oj-core-box-shadow-sm);
  --oj-private-core-global-dropdown-offset: 4;
  --oj-core-scrim-color:   rgba(var(--oj-palette-neutral-rgb-190), .4);
  --oj-core-spacing-1x:                  .25rem;
  --oj-core-spacing-2x:                  .5rem;
  --oj-core-spacing-3x:                  .75rem;
  --oj-core-spacing-4x:                  1rem;
  --oj-core-spacing-5x:                  1.25rem;
  --oj-core-spacing-6x:                  1.5rem;
  --oj-core-spacing-7x:                  1.75rem;
  --oj-core-spacing-8x:                  2rem;
  --oj-core-spacing-9x:                  2.25rem;
  --oj-core-spacing-10x:                 2.5rem;
  --oj-core-spacing-11x:                 2.75rem;
  --oj-core-spacing-12x:                 3rem;
  --oj-private-core-wrappable-margin-bottom:       0px;
  --oj-core-border-radius-sm:                2px;
  --oj-core-border-radius-md:               .25rem;
  --oj-core-border-radius-lg:               .375rem;
  --oj-core-border-radius-xl:               .5rem;
  --oj-private-core-z-index-fixed:           100;
  --oj-private-core-z-index-off-canvas:      200;
  --oj-private-core-z-index-resizable:       900;
  --oj-core-z-index-popup:                   1000;
  --oj-core-z-index-dialog:                  1050;
  --oj-core-z-index-messages:                2000;
  --oj-private-core-global-loading-indicator-delay-duration: 0.05s;
}

:root {
  --oj-animation-duration-xshort:      0.1s;
  --oj-animation-duration-short:       0.15s;
  --oj-animation-duration-medium:      0.2s;
  --oj-animation-duration-long:        0.3s;
  --oj-animation-duration-xlong:       0.5s;
  --oj-animation-ease-in-out:          cubic-bezier(0.4, 0, 0.2, 1);
  --oj-animation-ease-out:             cubic-bezier(0, 0, 0.2, 1);
  --oj-animation-ease-in:              cubic-bezier(0.4, 0, 1, 1);
  --oj-animation-effect-ripple-bg-color: rgb(var(--oj-palette-neutral-rgb-160));
  --oj-animation-skeleton-bg-start-color:  rgba(var(--oj-palette-neutral-rgb-170), 0.05);
  --oj-animation-skeleton-bg-end-color: rgba(var(--oj-palette-neutral-rgb-170), 0.15);
  --oj-private-animation-global-card-entrance-delay-increment: 50;
}



.oj-contrast-marker,
.oj-color-invert {
  --oj-core-text-color-primary: rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-text-color-secondary: rgba(var(--oj-palette-neutral-rgb-0), 0.7);
  --oj-core-text-color-disabled: rgba(var(--oj-palette-neutral-rgb-0), 0.3);
  --oj-core-bg-color-content: rgb(var(--oj-palette-neutral-rgb-170));
  --oj-core-bg-color-hover: rgba(var(--oj-palette-neutral-rgb-0), 0.08);
  --oj-core-bg-color-active: rgba(var(--oj-palette-neutral-rgb-0), 0.12);
  --oj-core-border-color-enabled: rgba(var(--oj-palette-neutral-rgb-0), 0.5);
  --oj-core-divider-color: rgba(var(--oj-palette-neutral-rgb-0), 0.3);
  --oj-core-text-color-danger: rgb(var(--oj-palette-danger-rgb-70));
  --oj-core-text-color-warning: rgb(var(--oj-palette-warning-rgb-70));
  --oj-core-text-color-success: rgb(var(--oj-palette-success-rgb-70));
  --oj-core-brand-1: rgb(var(--oj-palette-brand-rgb-50));
  --oj-core-brand-2: rgb(var(--oj-palette-brand-rgb-60));
  --oj-core-brand-3: rgb(var(--oj-palette-brand-rgb-70));
  --oj-core-brand-contrast: rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-neutral-1: rgb(var(--oj-palette-neutral-rgb-80));
  --oj-core-neutral-2: rgb(var(--oj-palette-neutral-rgb-90));
  --oj-core-neutral-3: rgb(var(--oj-palette-neutral-rgb-70));
  --oj-core-neutral-contrast: rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-neutral-secondary-1: rgba(var(--oj-palette-neutral-rgb-0), 0.16);
  --oj-core-neutral-secondary-2: rgb(var(--oj-palette-neutral-rgb-150));
  --oj-core-neutral-secondary-3: rgb(var(--oj-palette-neutral-rgb-160));
  --oj-core-neutral-secondary-contrast: rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-success-1: rgb(var(--oj-palette-success-rgb-80));
  --oj-core-success-2: rgb(var(--oj-palette-success-rgb-90));
  --oj-core-success-3: rgb(var(--oj-palette-success-rgb-70));
  --oj-core-success-contrast: rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-success-secondary-1: rgba(var(--oj-palette-success-rgb-130), 0.6);
  --oj-core-success-secondary-2: rgb(var(--oj-palette-success-rgb-150));
  --oj-core-success-secondary-3: rgb(var(--oj-palette-success-rgb-170));
  --oj-core-success-secondary-contrast: rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-warning-1: rgb(var(--oj-palette-warning-rgb-60));
  --oj-core-warning-2: rgb(var(--oj-palette-warning-rgb-90));
  --oj-core-warning-3: rgb(var(--oj-palette-warning-rgb-70));
  --oj-core-warning-contrast: rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-warning-secondary-1: rgba(var(--oj-palette-warning-rgb-130), 0.6);
  --oj-core-warning-secondary-2: rgb(var(--oj-palette-warning-rgb-150));
  --oj-core-warning-secondary-3: rgb(var(--oj-palette-warning-rgb-170));
  --oj-core-warning-secondary-contrast: rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-danger-1: rgb(var(--oj-palette-danger-rgb-70));
  --oj-core-danger-2: rgb(var(--oj-palette-danger-rgb-90));
  --oj-core-danger-3: rgb(var(--oj-palette-danger-rgb-70));
  --oj-core-danger-contrast: rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-danger-secondary-1: rgba(var(--oj-palette-danger-rgb-130), 0.6);
  --oj-core-danger-secondary-2: rgb(var(--oj-palette-danger-rgb-150));
  --oj-core-danger-secondary-3: rgb(var(--oj-palette-danger-rgb-170));
  --oj-core-danger-secondary-contrast: rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-info-1: rgb(var(--oj-palette-info-rgb-80));
  --oj-core-info-2: rgb(var(--oj-palette-info-rgb-90));
  --oj-core-info-3: rgb(var(--oj-palette-info-rgb-70));
  --oj-core-info-contrast: rgb(var(--oj-palette-neutral-rgb-190));
  --oj-core-info-secondary-1: rgba(var(--oj-palette-info-rgb-130), 0.6);
  --oj-core-info-secondary-2: rgb(var(--oj-palette-info-rgb-150));
  --oj-core-info-secondary-3: rgb(var(--oj-palette-info-rgb-170));
  --oj-core-info-secondary-contrast: rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-box-shadow-rgb: var(--oj-palette-neutral-rgb-200);
  --oj-core-box-shadow-xs: 0px 1px 4px 0px rgba(var(--oj-core-box-shadow-rgb), 0.12);
  --oj-core-box-shadow-sm: 0px 4px 8px 0px rgba(var(--oj-core-box-shadow-rgb), 0.16);
  --oj-core-box-shadow-md: 0px 6px 12px 0px rgba(var(--oj-core-box-shadow-rgb), 0.2);
  --oj-core-box-shadow-lg: 0px 8px 16px 0px rgba(var(--oj-core-box-shadow-rgb), 0.24);
  --oj-core-box-shadow-xl: 0px 12px 20px 0px rgba(var(--oj-core-box-shadow-rgb), 0.28);
  --oj-core-focus-border-color: rgb(var(--oj-palette-neutral-rgb-0));
  --oj-core-color-disabled-2: rgba(var(--oj-palette-neutral-rgb-0), 0.2);
}

:root.oj-scale-sm {
  --oj-core-icon-size-lg: 1.3333rem;
}

:root.oj-scale-md {
  --oj-core-icon-size-lg: 1.4286rem;
}

:root {
  --oj-html-font-family:  Arial, Helvetica, sans-serif;
  --oj-html-font-size:   1em;
  --oj-body-bg-color:                   rgb(var(--oj-palette-neutral-rgb-10));
  --oj-current-bg-color: ;
  --oj-heading-text-color:                       var(--oj-core-text-color-primary);
  --oj-heading-margin-bottom:                   1rem;
  --oj-heading-margin-top:                      1rem;
  --oj-subheading-margin-top:                   0;
  --oj-subheading-margin-bottom:                0.75rem;
  --oj-paragraph-margin-bottom:                1rem;
  --oj-list-margin-top:                   0.5rem;
  --oj-list-nested-padding-start:         2.5rem;
  --oj-list-item-line-height:             1.5;
  --oj-list-unordered-style-type:         square;
  --oj-link-text-decoration:              none;
  --oj-link-text-decoration-hover:        underline;
  --oj-link-text-color:                 rgb(var(--oj-palette-info-rgb-120));
  --oj-link-text-color-active:          var(--oj-link-text-color);
  --oj-link-text-color-visited:         var(--oj-link-text-color);
  --oj-link-embedded-text-decoration:              none;
  --oj-link-embedded-text-decoration-hover:        none;
  --oj-link-embedded-border-bottom-width:          1px;
  --oj-link-embedded-border-bottom-width-hover:    0px;
}


[data-bind*="ojComponent"]:not(.oj-component-initnode) {
  visibility: hidden;
}

.oj-theme-json {
  font-family: '{"name":"redwood","targetPlatform":"all","behavior":"redwood","jetReleaseVersion":"v17.0.1"}' !important;
}

.oj-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.oj-helper-clearfix:before,
.oj-helper-clearfix:after {
  content: " ";
  display: table;
}

.oj-helper-clearfix:after {
  clear: both;
}


.oj-helper-detect-expansion,
.oj-helper-detect-contraction {
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  direction: ltr;
}

.oj-helper-hidden {
  display: none !important;
}

.oj-helper-inline-block {
  display: inline-block !important;
}

.oj-helper-tabular-nums {
  font-variant-numeric: tabular-nums !important;
}

.oj-helper-proportional-nums {
  font-variant-numeric: proportional-nums !important;
}

.oj-helper-overflow-wrap-anywhere {
  overflow-wrap: break-word !important;
  overflow-wrap: anywhere !important;
}

.oj-helper-hyphens-auto {
  -webkit-hyphens: auto !important;
          hyphens: auto !important;
}


.oj-helper-text-align-start {
  text-align: left !important;
}

html[dir="rtl"] .oj-helper-text-align-start {
  text-align: right !important;
}

.oj-helper-text-align-center {
  text-align: center !important;
}


.oj-helper-text-align-end {
  text-align: right !important;
}

html[dir="rtl"] .oj-helper-text-align-end {
  text-align: left !important;
}


html:not([dir="rtl"]) .oj-helper-margin-start-auto {
  margin-left: auto !important;
}

html[dir="rtl"] .oj-helper-margin-start-auto {
  margin-right: auto !important;
}


.oj-helper-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}


html:not([dir="rtl"]) .oj-helper-margin-end-auto {
  margin-right: auto !important;
}

html[dir="rtl"] .oj-helper-margin-end-auto {
  margin-left: auto !important;
}


.oj-helper-text-align-right {
  text-align: right !important;
}


.oj-helper-text-align-left {
  text-align: left !important;
}


.oj-helper-module-cache {
  position: absolute;
  display: none;
}

.oj-focus-config {
  font-family: '{"focusHighlightPolicy":"nonPointer"}' !important;
}


.oj-helper-justify-content-flex-start {
  justify-content: flex-start !important;
}


.oj-helper-justify-content-flex-end {
  justify-content: flex-end !important;
}


.oj-helper-justify-content-center {
  justify-content: center !important;
}


.oj-helper-justify-content-space-between {
  justify-content: space-between !important;
}


.oj-helper-justify-content-space-around {
  justify-content: space-around !important;
}


html:not([dir="rtl"]) .oj-helper-justify-content-right {
  justify-content: flex-end !important;
}

html[dir="rtl"] .oj-helper-justify-content-right {
  justify-content: flex-start !important;
}


html:not([dir="rtl"]) .oj-helper-justify-content-left {
  justify-content: flex-start !important;
}

html[dir="rtl"] .oj-helper-justify-content-left {
  justify-content: flex-end !important;
}

.oj-helper-border-box {
  box-sizing: border-box !important;
}

.oj-helper-content-box {
  box-sizing: border-content !important;
}

.oj-helper-white-space-normal {
  white-space: normal !important;
}

.oj-helper-white-space-nowrap {
  white-space: nowrap !important;
}

.oj-helper-white-space-pre {
  white-space: pre !important;
}

.oj-helper-white-space-pre-wrap {
  white-space: pre-wrap !important;
}

.oj-helper-white-space-pre-line {
  white-space: pre-line !important;
}

.oj-text-color-primary,
.oj-text-primary-color,
.oj-icon-color-primary {
  color: var(--oj-core-text-color-primary) !important;
}

.oj-text-tertiary-color,
.oj-text-color-secondary,
.oj-text-secondary-color,
.oj-icon-color-secondary {
  color: var(--oj-core-text-color-secondary) !important;
}

.oj-text-color-disabled,
.oj-text-disabled-color,
.oj-icon-color-disabled {
  color: var(--oj-core-text-color-disabled) !important;
}

.oj-text-color-danger,
.oj-icon-color-danger {
  color: var(--oj-core-danger-3) !important;
}

.oj-text-color-warning,
.oj-icon-color-warning {
  color: var(--oj-core-warning-3) !important;
}

.oj-text-color-success,
.oj-icon-color-success {
  color: var(--oj-core-success-3) !important;
}

.oj-icon-color-info {
  color: var(--oj-core-info-3) !important;
}

.oj-border {
  border: 1px solid var(--oj-core-divider-color) !important;
}

.oj-divider-top,
.oj-border-top {
  border-top: 1px solid var(--oj-core-divider-color) !important;
}

.oj-divider-top.oj-divider-padding {
  padding-top: var(--oj-core-divider-margin) !important;
}

.oj-divider-top.oj-divider-margin {
  margin-top: var(--oj-core-divider-margin) !important;
}

.oj-divider-bottom,
.oj-border-bottom {
  border-bottom: 1px solid var(--oj-core-divider-color) !important;
}

.oj-divider-bottom.oj-divider-padding {
  padding-bottom: var(--oj-core-divider-margin) !important;
}

.oj-divider-bottom.oj-divider-margin {
  margin-bottom: var(--oj-core-divider-margin) !important;
}

html:not([dir="rtl"]) .oj-divider-start, html:not([dir="rtl"])
.oj-border-start {
  border-left: 1px solid var(--oj-core-divider-color) !important;
}

html[dir="rtl"] .oj-divider-start, html[dir="rtl"]
.oj-border-start {
  border-right: 1px solid var(--oj-core-divider-color) !important;
}

html:not([dir="rtl"]) .oj-divider-start.oj-divider-padding {
  padding-left: var(--oj-core-divider-margin) !important;
}

html[dir="rtl"] .oj-divider-start.oj-divider-padding {
  padding-right: var(--oj-core-divider-margin) !important;
}

html:not([dir="rtl"]) .oj-divider-start.oj-divider-margin {
  margin-left: var(--oj-core-divider-margin) !important;
  margin-right: 0 !important;
}

html[dir="rtl"] .oj-divider-start.oj-divider-margin {
  margin-right: var(--oj-core-divider-margin) !important;
  margin-left: 0 !important;
}

html:not([dir="rtl"]) .oj-divider-end, html:not([dir="rtl"])
.oj-border-end {
  border-right: 1px solid var(--oj-core-divider-color) !important;
}

html[dir="rtl"] .oj-divider-end, html[dir="rtl"]
.oj-border-end {
  border-left: 1px solid var(--oj-core-divider-color) !important;
}

html:not([dir="rtl"]) .oj-divider-end.oj-divider-padding {
  padding-right: var(--oj-core-divider-margin) !important;
}

html[dir="rtl"] .oj-divider-end.oj-divider-padding {
  padding-left: var(--oj-core-divider-margin) !important;
}

html:not([dir="rtl"]) .oj-divider-end.oj-divider-margin {
  margin-right: var(--oj-core-divider-margin) !important;
}

html[dir="rtl"] .oj-divider-end.oj-divider-margin {
  margin-left: var(--oj-core-divider-margin) !important;
}

.oj-bg-body {
  background-color: var(--oj-body-bg-color) !important;
}

.oj-bg-neutral-0 {
  background-color: RGB(var(--oj-palette-neutral-rgb-0)) !important;
}

.oj-bg-neutral-10 {
  background-color: RGB(var(--oj-palette-neutral-rgb-10)) !important;
}

.oj-bg-neutral-20 {
  background-color: RGB(var(--oj-palette-neutral-rgb-20)) !important;
}

.oj-bg-neutral-30 {
  background-color: RGB(var(--oj-palette-neutral-rgb-30)) !important;
}

.oj-bg-neutral-170 {
  background-color: RGB(var(--oj-palette-neutral-rgb-170)) !important;
}

.oj-bg-neutral-180 {
  background-color: RGB(var(--oj-palette-neutral-rgb-180)) !important;
}

.oj-bg-neutral-190 {
  background-color: RGB(var(--oj-palette-neutral-rgb-190)) !important;
}

.oj-bg-neutral-200 {
  background-color: RGB(var(--oj-palette-neutral-rgb-200)) !important;
}

.oj-bg-danger-10 {
  background-color: RGB(var(--oj-palette-danger-rgb-10)) !important;
}

.oj-bg-danger-30 {
  background-color: RGB(var(--oj-palette-danger-rgb-30)) !important;
}

.oj-bg-danger-20 {
  background-color: RGB(var(--oj-palette-danger-rgb-20)) !important;
}

.oj-bg-warning-10 {
  background-color: RGB(var(--oj-palette-warning-rgb-10)) !important;
}

.oj-bg-warning-30 {
  background-color: RGB(var(--oj-palette-warning-rgb-30)) !important;
}

.oj-bg-warning-20 {
  background-color: RGB(var(--oj-palette-warning-rgb-20)) !important;
}

.oj-bg-success-10 {
  background-color: RGB(var(--oj-palette-success-rgb-10)) !important;
}

.oj-bg-success-30 {
  background-color: RGB(var(--oj-palette-success-rgb-30)) !important;
}

.oj-bg-success-20 {
  background-color: RGB(var(--oj-palette-success-rgb-20)) !important;
}

.oj-bg-info-10 {
  background-color: RGB(var(--oj-palette-info-rgb-10)) !important;
}

.oj-bg-info-20 {
  background-color: RGB(var(--oj-palette-info-rgb-20)) !important;
}

.oj-bg-info-30 {
  background-color: RGB(var(--oj-palette-info-rgb-30)) !important;
}

.oj-bg-brand-10 {
  background-color: RGB(var(--oj-palette-brand-rgb-10)) !important;
}

.oj-bg-brand-20 {
  background-color: RGB(var(--oj-palette-brand-rgb-20)) !important;
}

.oj-bg-brand-30 {
  background-color: RGB(var(--oj-palette-brand-rgb-30)) !important;
}

.oj-line-clamp-1,
.oj-line-clamp-2,
.oj-line-clamp-3,
.oj-line-clamp-4 {
  display: -webkit-box !important;
  
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.oj-line-clamp-1 {
  -webkit-line-clamp: 1 !important;
}

.oj-line-clamp-2 {
  -webkit-line-clamp: 2 !important;
}

.oj-line-clamp-3 {
  -webkit-line-clamp: 3 !important;
}

.oj-line-clamp-4 {
  -webkit-line-clamp: 4 !important;
}

.oj-bg-body {
  --oj-current-bg-color:              var(--oj-body-bg-color);
}

.oj-bg-neutral-0 {
  --oj-current-bg-color:              RGB(var(--oj-palette-neutral-rgb-0));
}

.oj-bg-neutral-10 {
  --oj-current-bg-color:              RGB(var(--oj-palette-neutral-rgb-10));
}

.oj-bg-neutral-20 {
  --oj-current-bg-color:              RGB(var(--oj-palette-neutral-rgb-20));
}

.oj-bg-neutral-30 {
  --oj-current-bg-color:              RGB(var(--oj-palette-neutral-rgb-30));
}

.oj-bg-neutral-170 {
  --oj-current-bg-color:              RGB(var(--oj-palette-neutral-rgb-170));
}

.oj-bg-neutral-180 {
  --oj-current-bg-color:              RGB(var(--oj-palette-neutral-rgb-180));
}

.oj-bg-neutral-190 {
  --oj-current-bg-color:              RGB(var(--oj-palette-neutral-rgb-190));
}

.oj-bg-neutral-200 {
  --oj-current-bg-color:              RGB(var(--oj-palette-neutral-rgb-200));
}

.oj-bg-danger-10 {
  --oj-current-bg-color:              RGB(var(--oj-palette-danger-rgb-10));
}

.oj-bg-danger-30 {
  --oj-current-bg-color:              RGB(var(--oj-palette-danger-rgb-30));
}

.oj-bg-danger-20 {
  --oj-current-bg-color:              RGB(var(--oj-palette-danger-rgb-20));
}

.oj-bg-warning-10 {
  --oj-current-bg-color:              RGB(var(--oj-palette-warning-rgb-10));
}

.oj-bg-warning-30 {
  --oj-current-bg-color:              RGB(var(--oj-palette-warning-rgb-30));
}

.oj-bg-warning-20 {
  --oj-current-bg-color:              RGB(var(--oj-palette-warning-rgb-20));
}

.oj-bg-success-10 {
  --oj-current-bg-color:              RGB(var(--oj-palette-success-rgb-10));
}

.oj-bg-success-30 {
  --oj-current-bg-color:              RGB(var(--oj-palette-success-rgb-30));
}

.oj-bg-success-20 {
  --oj-current-bg-color:              RGB(var(--oj-palette-success-rgb-20));
}

.oj-bg-info-10 {
  --oj-current-bg-color:              RGB(var(--oj-palette-info-rgb-10));
}

.oj-bg-info-20 {
  --oj-current-bg-color:              RGB(var(--oj-palette-info-rgb-20));
}

.oj-bg-info-30 {
  --oj-current-bg-color:              RGB(var(--oj-palette-info-rgb-30));
}

.oj-bg-brand-10 {
  --oj-current-bg-color:              RGB(var(--oj-palette-brand-rgb-10));
}

.oj-bg-brand-20 {
  --oj-current-bg-color:              RGB(var(--oj-palette-brand-rgb-20));
}

.oj-bg-brand-30 {
  --oj-current-bg-color:              RGB(var(--oj-palette-brand-rgb-30));
}

:root {
  --oj-typography-heading-2xl-font-size:                     2.5rem;
  --oj-typography-heading-2xl-font-weight:                   800;
  --oj-typography-heading-2xl-line-height:                   1.3;
  --oj-typography-heading-xl-font-size:                      2.25rem;
  --oj-typography-heading-xl-font-weight:                    800;
  --oj-typography-heading-xl-line-height:                    1.222;
  --oj-typography-heading-lg-font-size:                      2rem;
  --oj-typography-heading-lg-font-weight:                    800;
  --oj-typography-heading-lg-line-height:                    1.25;
  --oj-typography-heading-md-font-size:                      1.75rem;
  --oj-typography-heading-md-font-weight:                    800;
  --oj-typography-heading-md-line-height:                    1.2857;
  --oj-typography-heading-sm-font-size:                      1.5rem;
  --oj-typography-heading-sm-font-weight:                    800;
  --oj-typography-heading-sm-line-height:                    1.3333;
  --oj-typography-heading-xs-font-size:                      1.25rem;
  --oj-typography-heading-xs-font-weight:                    800;
  --oj-typography-heading-xs-line-height:                    1.4;
  --oj-typography-subheading-2xl-font-size:                  2.25rem;
  --oj-typography-subheading-2xl-font-weight:                bold;
  --oj-typography-subheading-2xl-line-height:                1.2222;
  --oj-typography-subheading-xl-font-size:                   2rem;
  --oj-typography-subheading-xl-font-weight:                 bold;
  --oj-typography-subheading-xl-line-height:                 1.25;
  --oj-typography-subheading-lg-font-size:                   1.75rem;
  --oj-typography-subheading-lg-font-weight:                 bold;
  --oj-typography-subheading-lg-line-height:                 1.2857;
  --oj-typography-subheading-md-font-size:                   1.5rem;
  --oj-typography-subheading-md-font-weight:                 bold;
  --oj-typography-subheading-md-line-height:                 1.3333;
  --oj-typography-subheading-sm-font-size:                   1.25rem;
  --oj-typography-subheading-sm-font-weight:                 bold;
  --oj-typography-subheading-sm-line-height:                 1.4;
  --oj-typography-subheading-xs-font-size:                   1rem;
  --oj-typography-subheading-xs-font-weight:                 bold;
  --oj-typography-subheading-xs-line-height:                 1.5;
  --oj-typography-body-xl-font-size:                         1.25rem;
  --oj-typography-body-xl-line-height:                       1.4;
  --oj-typography-body-lg-font-size:                         1.125rem;
  --oj-typography-body-lg-line-height:                       1.3333;
  --oj-typography-body-md-font-size:                         1rem;
  --oj-typography-body-md-line-height:                       1.25;
  --oj-typography-body-sm-font-size:                         0.859rem;
  --oj-typography-body-sm-line-height:                       1.2;
  --oj-typography-body-xs-font-size:                         0.75rem;
  --oj-typography-body-xs-line-height:                       1.3333;
  --oj-typography-body-2xs-font-size:                        0.625rem;
  --oj-typography-body-2xs-line-height:                      1.2;
}

.oj-body {
  --oj-current-bg-color: var(--oj-body-bg-color);
}



.oj-html {
  -webkit-text-size-adjust: 100%;
  font-family: var(--oj-html-font-family);
  font-size: var(--oj-html-font-size);
}



.oj-body {
  margin: 0;
  background-repeat: repeat;
  background-position: top left;
  color: var(--oj-core-text-color-primary);
  background-color: var(--oj-body-bg-color);
  touch-action: manipulation;
  line-height: var(--oj-typography-body-md-line-height);
}

a.oj-link {
  color: var(--oj-link-text-color);
  line-height: inherit;
  -webkit-text-decoration: var(--oj-link-text-decoration);
          text-decoration: var(--oj-link-text-decoration);
}

a.oj-link:not(.oj-disabled) {
  cursor: var(--oj-core-cursor-clickable);
}

a.oj-link:visited {
  color: var(--oj-link-text-color-visited);
}

a.oj-link:active {
  color: var(--oj-link-text-color-active);
}

a.oj-link:hover {
  -webkit-text-decoration: var(--oj-link-text-decoration-hover);
          text-decoration: var(--oj-link-text-decoration-hover);
  transition: -webkit-text-decoration var(--oj-animation-duration-long);
  transition: text-decoration var(--oj-animation-duration-long);
  transition: text-decoration var(--oj-animation-duration-long), -webkit-text-decoration var(--oj-animation-duration-long);
}

a.oj-link-embedded:not(.oj-disabled),
a.oj-link-embedded:visited:not(.oj-disabled) {
  -webkit-text-decoration: var(--oj-link-embedded-text-decoration);
          text-decoration: var(--oj-link-embedded-text-decoration);
  box-shadow: 0px calc(0px - var(--oj-link-embedded-border-bottom-width)) 0px 0px inset;
  transition: box-shadow var(--oj-animation-duration-long), -webkit-text-decoration var(--oj-animation-duration-long);
  transition: text-decoration var(--oj-animation-duration-long), box-shadow var(--oj-animation-duration-long);
  transition: text-decoration var(--oj-animation-duration-long), box-shadow var(--oj-animation-duration-long), -webkit-text-decoration var(--oj-animation-duration-long);
}

a.oj-link-embedded:hover:not(.oj-disabled),
a.oj-link-embedded:active:not(.oj-disabled) {
  -webkit-text-decoration: var(--oj-link-embedded-text-decoration-hover);
          text-decoration: var(--oj-link-embedded-text-decoration-hover);
  box-shadow: 0px calc(0px - var(--oj-link-embedded-border-bottom-width-hover)) 0px 0px inset;
  transition: box-shadow var(--oj-animation-duration-long), -webkit-text-decoration var(--oj-animation-duration-long);
  transition: text-decoration var(--oj-animation-duration-long), box-shadow var(--oj-animation-duration-long);
  transition: text-decoration var(--oj-animation-duration-long), box-shadow var(--oj-animation-duration-long), -webkit-text-decoration var(--oj-animation-duration-long);
}

a.oj-link-standalone:not(.oj-disabled),
a.oj-link-standalone:visited:not(.oj-disabled) {
  text-decoration: none;
}

a.oj-link-standalone:hover:not(.oj-disabled),
a.oj-link-standalone:active:not(.oj-disabled) {
  box-shadow: 0px 1px 0px 0px;
  transition: box-shadow var(--oj-animation-duration-long);
}

a.oj-link-subtle-primary,
a.oj-link-subtle-primary:visited {
  color: var(--oj-core-text-color-primary);
}

a.oj-link-subtle-secondary,
a.oj-link-subtle-secondary:visited {
  color: var(--oj-core-text-color-secondary);
}

a.oj-disabled,
a.oj-disabled:visited {
  color: var(--oj-core-text-color-disabled);
  text-decoration: none;
  cursor: default;
}



.oj-header {
  color: var(--oj-heading-text-color);
  font-family: inherit;
  font-style: normal;
  margin: 8px 0;
  padding: 0 0 2px;
}

h1.oj-header {
  font-size: var(--oj-typography-heading-2xl-font-size);
  font-weight: var(--oj-typography-heading-2xl-font-weight);
  line-height: var(--oj-typography-heading-2xl-line-height);
}

h2.oj-header {
  font-size: var(--oj-typography-heading-xl-font-size);
  font-weight: var(--oj-typography-heading-xl-font-weight);
  line-height: var(--oj-typography-heading-xl-line-height);
}

h3.oj-header {
  font-size: var(--oj-typography-heading-lg-font-size);
  font-weight: var(--oj-typography-heading-lg-font-weight);
  line-height: var(--oj-typography-heading-lg-line-height);
}

h4.oj-header {
  font-size: var(--oj-typography-heading-md-font-size);
  font-weight: var(--oj-typography-heading-md-font-weight);
  line-height: var(--oj-typography-heading-md-line-height);
}

h5.oj-header {
  font-size: var(--oj-typography-heading-sm-font-size);
  font-weight: var(--oj-typography-heading-sm-font-weight);
  line-height: var(--oj-typography-heading-sm-line-height);
}

h6.oj-header {
  font-size: var(--oj-typography-heading-xs-font-size);
  font-weight: var(--oj-typography-heading-xs-font-weight);
  line-height: var(--oj-typography-heading-xs-line-height);
}



.oj-hr {
  border: solid var(--oj-core-divider-color);
  border-width: 1px 0 0;
  margin: var(--oj-core-divider-margin) 0;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}



.oj-p {
  margin: 0 0 var(--oj-paragraph-margin-bottom) 0;
}

.oj-header-border {
  border: solid var(--oj-core-divider-color);
  border-width: 0 0 1px;
  padding: 0 0 7px;
}



.oj-ul,
.oj-ol {
  margin: var(--oj-list-margin-top) 0;
  padding: 0 40px;
}

.oj-ul {
  list-style: var(--oj-list-unordered-style-type);
}

.oj-ul .oj-ul,
.oj-ul .oj-ol,
.oj-ol .oj-ul,
.oj-ol .oj-ol {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0 var(--oj-list-nested-padding-start);
}

.oj-ul li,
.oj-ol li {
  line-height: var(--oj-list-item-line-height);
}


.oj-animation-host-viewport {
  overflow: hidden;
}


.oj-animation-host {
  position: relative;
  width: 100%;
  height: 100%;
}

.oj-animation-module-effects {
  font-family: '{"coverLeft":{"oldViewEffect":{"effect":"slideOut","offsetX":"-30%","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","direction":"left","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":true},"coverRight":{"oldViewEffect":{"effect":"slideOut","offsetX":"30%","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","direction":"right","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":true},"coverUp":{"newViewEffect":{"effect":"slideIn","direction":"top","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":true},"fade":{"oldViewEffect":{"effect":"fadeOut","duration":"0.4s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"fadeIn","duration":"0.4s","timingFunction":"ease-in-out"},"newViewOnTop":false},"pushStart":{"oldViewEffect":{"effect":"slideOut","direction":"start","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","direction":"start","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":false},"pushEnd":{"oldViewEffect":{"effect":"slideOut","direction":"end","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","direction":"end","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":false},"revealDown":{"oldViewEffect":{"effect":"slideOut","direction":"bottom","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewOnTop":false},"revealLeft":{"oldViewEffect":{"effect":"slideOut","direction":"left","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","offsetX":"30%","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":false},"revealRight":{"oldViewEffect":{"effect":"slideOut","direction":"right","duration":"0.25s","timingFunction":"ease-in-out","persist":"all"},"newViewEffect":{"effect":"slideIn","offsetX":"-30%","duration":"0.25s","timingFunction":"ease-in-out"},"newViewOnTop":false},"zoomIn":{"newViewEffect":{"effect":"zoomIn","duration":"0.4s","timingFunction":"ease-in-out"},"newViewOnTop":true},"zoomOut":{"oldViewEffect":{"effect":"zoomOut","duration":"0.4s","timingFunction":"ease-in-out","persist":"all"},"newViewOnTop":false}}' !important;
}

.oj-animation-navigate-methods {
  font-family: '{"navChild":"coverUp","navParent":"revealDown","navSiblingEarlier":"pushEnd","navSiblingLater":"pushStart"}' !important;
}

.oj-animation-effect-default-options {
  font-family: '{"fadeIn":{"duration":"0.4s"},"fadeOut":{"duration":"0.4s"},"expand":{"duration":"0.4s"},"collapse":{"duration":"0.4s"},"zoomIn":{"duration":"0.4s"},"zoomOut":{"duration":"0.4s"},"slideIn":{"duration":"0.4s"},"slideOut":{"duration":"0.4s"},"flipIn":{"duration":"0.4s"},"flipOut":{"duration":"0.4s"},"ripple":{"duration":"0.4s"}}' !important;
}

.oj-animation-effect-ripple {
  background-color: var(--oj-animation-effect-ripple-bg-color);
  opacity: 0.6;
  border-radius: 50%;
  position: absolute;
  width: 140px;
  height: 140px;
  left: 0;
  top: 0;
}

@keyframes LoadingGradientAnimation {
  0% {
    background-position: 50%;
  }
  100% {
    background-position: -120%;
  }
}

@keyframes SkeletonFadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.oj-animation-skeleton-fade-in {
  animation-name: SkeletonFadeInAnimation;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-duration: 0.75s;
}

@keyframes SkeletonFadeOutAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.oj-animation-skeleton-fade-out {
  animation-name: SkeletonFadeOutAnimation;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-duration: 0.1s;
}

@keyframes SkeletonAnimation {
  0% {
    background-color: var(--oj-animation-skeleton-bg-end-color);
  }
  100% {
    background-color: var(--oj-animation-skeleton-bg-start-color);
  }
}


.oj-animation-skeleton {
  animation-name: SkeletonAnimation;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}

@media print, screen {
  .oj-sm-hide {
    display: none !important;
  }
  .oj-sm-margin-0 {
    margin: 0 !important;
  }
  .oj-sm-margin-0-horizontal {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .oj-sm-margin-0-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .oj-sm-margin-0-top {
    margin-top: 0 !important;
  }
  .oj-sm-margin-0-bottom {
    margin-bottom: 0 !important;
  }
  .oj-sm-margin-0-start {
    margin-inline-start: 0 !important;
  }
  .oj-sm-margin-0-end {
    margin-inline-end: 0 !important;
  }
  .oj-sm-padding-0 {
    padding: 0 !important;
  }
  .oj-sm-padding-0-horizontal {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .oj-sm-padding-0-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .oj-sm-padding-0-top {
    padding-top: 0 !important;
  }
  .oj-sm-padding-0-bottom {
    padding-bottom: 0 !important;
  }
  .oj-sm-padding-0-start {
    padding-inline-start: 0 !important;
  }
  .oj-sm-padding-0-end {
    padding-inline-end: 0 !important;
  }
  .oj-sm-margin-1x {
    margin: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-margin-1x-horizontal {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-margin-1x-vertical {
    margin-top: var(--oj-core-spacing-1x) !important;
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-margin-1x-top {
    margin-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-margin-1x-bottom {
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-margin-1x-start {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-margin-1x-end {
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-padding-1x {
    padding: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-padding-1x-horizontal {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-padding-1x-vertical {
    padding-top: var(--oj-core-spacing-1x) !important;
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-padding-1x-top {
    padding-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-padding-1x-bottom {
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-padding-1x-start {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-padding-1x-end {
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-margin-2x {
    margin: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-margin-2x-horizontal {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-margin-2x-vertical {
    margin-top: var(--oj-core-spacing-2x) !important;
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-margin-2x-top {
    margin-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-margin-2x-bottom {
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-margin-2x-start {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-margin-2x-end {
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-padding-2x {
    padding: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-padding-2x-horizontal {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-padding-2x-vertical {
    padding-top: var(--oj-core-spacing-2x) !important;
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-padding-2x-top {
    padding-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-padding-2x-bottom {
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-padding-2x-start {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-padding-2x-end {
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-margin-3x {
    margin: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-margin-3x-horizontal {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-margin-3x-vertical {
    margin-top: var(--oj-core-spacing-3x) !important;
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-margin-3x-top {
    margin-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-margin-3x-bottom {
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-margin-3x-start {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-margin-3x-end {
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-padding-3x {
    padding: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-padding-3x-horizontal {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-padding-3x-vertical {
    padding-top: var(--oj-core-spacing-3x) !important;
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-padding-3x-top {
    padding-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-padding-3x-bottom {
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-padding-3x-start {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-padding-3x-end {
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-margin-4x {
    margin: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-margin-4x-horizontal {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-margin-4x-vertical {
    margin-top: var(--oj-core-spacing-4x) !important;
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-margin-4x-top {
    margin-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-margin-4x-bottom {
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-margin-4x-start {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-margin-4x-end {
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-padding-4x {
    padding: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-padding-4x-horizontal {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-padding-4x-vertical {
    padding-top: var(--oj-core-spacing-4x) !important;
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-padding-4x-top {
    padding-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-padding-4x-bottom {
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-padding-4x-start {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-padding-4x-end {
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-margin-5x {
    margin: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-margin-5x-horizontal {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-margin-5x-vertical {
    margin-top: var(--oj-core-spacing-5x) !important;
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-margin-5x-top {
    margin-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-margin-5x-bottom {
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-margin-5x-start {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-margin-5x-end {
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-padding-5x {
    padding: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-padding-5x-horizontal {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-padding-5x-vertical {
    padding-top: var(--oj-core-spacing-5x) !important;
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-padding-5x-top {
    padding-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-padding-5x-bottom {
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-padding-5x-start {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-padding-5x-end {
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-margin-6x {
    margin: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-margin-6x-horizontal {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-margin-6x-vertical {
    margin-top: var(--oj-core-spacing-6x) !important;
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-margin-6x-top {
    margin-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-margin-6x-bottom {
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-margin-6x-start {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-margin-6x-end {
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-padding-6x {
    padding: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-padding-6x-horizontal {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-padding-6x-vertical {
    padding-top: var(--oj-core-spacing-6x) !important;
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-padding-6x-top {
    padding-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-padding-6x-bottom {
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-padding-6x-start {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-padding-6x-end {
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-margin-7x {
    margin: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-margin-7x-horizontal {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-margin-7x-vertical {
    margin-top: var(--oj-core-spacing-7x) !important;
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-margin-7x-top {
    margin-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-margin-7x-bottom {
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-margin-7x-start {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-margin-7x-end {
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-padding-7x {
    padding: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-padding-7x-horizontal {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-padding-7x-vertical {
    padding-top: var(--oj-core-spacing-7x) !important;
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-padding-7x-top {
    padding-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-padding-7x-bottom {
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-padding-7x-start {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-padding-7x-end {
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-margin-8x {
    margin: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-margin-8x-horizontal {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-margin-8x-vertical {
    margin-top: var(--oj-core-spacing-8x) !important;
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-margin-8x-top {
    margin-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-margin-8x-bottom {
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-margin-8x-start {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-margin-8x-end {
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-padding-8x {
    padding: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-padding-8x-horizontal {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-padding-8x-vertical {
    padding-top: var(--oj-core-spacing-8x) !important;
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-padding-8x-top {
    padding-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-padding-8x-bottom {
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-padding-8x-start {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-padding-8x-end {
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-margin-9x {
    margin: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-margin-9x-horizontal {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-margin-9x-vertical {
    margin-top: var(--oj-core-spacing-9x) !important;
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-margin-9x-top {
    margin-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-margin-9x-bottom {
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-margin-9x-start {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-margin-9x-end {
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-padding-9x {
    padding: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-padding-9x-horizontal {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-padding-9x-vertical {
    padding-top: var(--oj-core-spacing-9x) !important;
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-padding-9x-top {
    padding-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-padding-9x-bottom {
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-padding-9x-start {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-padding-9x-end {
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-margin-10x {
    margin: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-margin-10x-horizontal {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-margin-10x-vertical {
    margin-top: var(--oj-core-spacing-10x) !important;
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-margin-10x-top {
    margin-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-margin-10x-bottom {
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-margin-10x-start {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-margin-10x-end {
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-padding-10x {
    padding: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-padding-10x-horizontal {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-padding-10x-vertical {
    padding-top: var(--oj-core-spacing-10x) !important;
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-padding-10x-top {
    padding-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-padding-10x-bottom {
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-padding-10x-start {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-padding-10x-end {
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-margin-11x {
    margin: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-margin-11x-horizontal {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-margin-11x-vertical {
    margin-top: var(--oj-core-spacing-11x) !important;
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-margin-11x-top {
    margin-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-margin-11x-bottom {
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-margin-11x-start {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-margin-11x-end {
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-padding-11x {
    padding: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-padding-11x-horizontal {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-padding-11x-vertical {
    padding-top: var(--oj-core-spacing-11x) !important;
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-padding-11x-top {
    padding-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-padding-11x-bottom {
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-padding-11x-start {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-padding-11x-end {
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-margin-12x {
    margin: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-margin-12x-horizontal {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-margin-12x-vertical {
    margin-top: var(--oj-core-spacing-12x) !important;
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-margin-12x-top {
    margin-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-margin-12x-bottom {
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-margin-12x-start {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-margin-12x-end {
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-padding-12x {
    padding: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-padding-12x-horizontal {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-padding-12x-vertical {
    padding-top: var(--oj-core-spacing-12x) !important;
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-padding-12x-top {
    padding-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-padding-12x-bottom {
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-padding-12x-start {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-padding-12x-end {
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-width-1\/2 {
    width: 50% !important;
  }
  .oj-sm-width-1\/3 {
    width: 33.333333% !important;
  }
  .oj-sm-width-2\/3 {
    width: 66.666667% !important;
  }
  .oj-sm-width-1\/4 {
    width: 25% !important;
  }
  .oj-sm-width-3\/4 {
    width: 75% !important;
  }
  .oj-sm-width-1\/5 {
    width: 20% !important;
  }
  .oj-sm-width-2\/5 {
    width: 40% !important;
  }
  .oj-sm-width-3\/5 {
    width: 60% !important;
  }
  .oj-sm-width-4\/5 {
    width: 80% !important;
  }
  .oj-sm-width-full {
    width: 100% !important;
  }
  .oj-sm-text-align-end {
    text-align: right !important;
  }
  html[dir="rtl"] .oj-sm-text-align-end {
    text-align: left !important;
  }
  .oj-sm-float-end {
    float: right !important;
  }
  html[dir="rtl"] .oj-sm-float-end {
    float: left !important;
  }
  .oj-sm-float-start {
    float: left !important;
  }
  html[dir="rtl"] .oj-sm-float-start {
    float: right !important;
  }
}

@media print, screen and (min-width: 600px) {
  .oj-md-hide {
    display: none !important;
  }
  .oj-md-margin-0 {
    margin: 0 !important;
  }
  .oj-md-margin-0-horizontal {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .oj-md-margin-0-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .oj-md-margin-0-top {
    margin-top: 0 !important;
  }
  .oj-md-margin-0-bottom {
    margin-bottom: 0 !important;
  }
  .oj-md-margin-0-start {
    margin-inline-start: 0 !important;
  }
  .oj-md-margin-0-end {
    margin-inline-end: 0 !important;
  }
  .oj-md-padding-0 {
    padding: 0 !important;
  }
  .oj-md-padding-0-horizontal {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .oj-md-padding-0-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .oj-md-padding-0-top {
    padding-top: 0 !important;
  }
  .oj-md-padding-0-bottom {
    padding-bottom: 0 !important;
  }
  .oj-md-padding-0-start {
    padding-inline-start: 0 !important;
  }
  .oj-md-padding-0-end {
    padding-inline-end: 0 !important;
  }
  .oj-md-margin-1x {
    margin: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-margin-1x-horizontal {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-margin-1x-vertical {
    margin-top: var(--oj-core-spacing-1x) !important;
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-margin-1x-top {
    margin-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-margin-1x-bottom {
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-margin-1x-start {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-margin-1x-end {
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-padding-1x {
    padding: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-padding-1x-horizontal {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-padding-1x-vertical {
    padding-top: var(--oj-core-spacing-1x) !important;
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-padding-1x-top {
    padding-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-padding-1x-bottom {
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-padding-1x-start {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-padding-1x-end {
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-margin-2x {
    margin: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-margin-2x-horizontal {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-margin-2x-vertical {
    margin-top: var(--oj-core-spacing-2x) !important;
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-margin-2x-top {
    margin-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-margin-2x-bottom {
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-margin-2x-start {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-margin-2x-end {
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-padding-2x {
    padding: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-padding-2x-horizontal {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-padding-2x-vertical {
    padding-top: var(--oj-core-spacing-2x) !important;
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-padding-2x-top {
    padding-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-padding-2x-bottom {
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-padding-2x-start {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-padding-2x-end {
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-margin-3x {
    margin: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-margin-3x-horizontal {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-margin-3x-vertical {
    margin-top: var(--oj-core-spacing-3x) !important;
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-margin-3x-top {
    margin-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-margin-3x-bottom {
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-margin-3x-start {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-margin-3x-end {
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-padding-3x {
    padding: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-padding-3x-horizontal {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-padding-3x-vertical {
    padding-top: var(--oj-core-spacing-3x) !important;
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-padding-3x-top {
    padding-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-padding-3x-bottom {
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-padding-3x-start {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-padding-3x-end {
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-margin-4x {
    margin: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-margin-4x-horizontal {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-margin-4x-vertical {
    margin-top: var(--oj-core-spacing-4x) !important;
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-margin-4x-top {
    margin-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-margin-4x-bottom {
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-margin-4x-start {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-margin-4x-end {
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-padding-4x {
    padding: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-padding-4x-horizontal {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-padding-4x-vertical {
    padding-top: var(--oj-core-spacing-4x) !important;
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-padding-4x-top {
    padding-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-padding-4x-bottom {
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-padding-4x-start {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-padding-4x-end {
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-margin-5x {
    margin: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-margin-5x-horizontal {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-margin-5x-vertical {
    margin-top: var(--oj-core-spacing-5x) !important;
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-margin-5x-top {
    margin-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-margin-5x-bottom {
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-margin-5x-start {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-margin-5x-end {
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-padding-5x {
    padding: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-padding-5x-horizontal {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-padding-5x-vertical {
    padding-top: var(--oj-core-spacing-5x) !important;
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-padding-5x-top {
    padding-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-padding-5x-bottom {
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-padding-5x-start {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-padding-5x-end {
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-margin-6x {
    margin: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-margin-6x-horizontal {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-margin-6x-vertical {
    margin-top: var(--oj-core-spacing-6x) !important;
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-margin-6x-top {
    margin-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-margin-6x-bottom {
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-margin-6x-start {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-margin-6x-end {
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-padding-6x {
    padding: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-padding-6x-horizontal {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-padding-6x-vertical {
    padding-top: var(--oj-core-spacing-6x) !important;
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-padding-6x-top {
    padding-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-padding-6x-bottom {
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-padding-6x-start {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-padding-6x-end {
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-margin-7x {
    margin: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-margin-7x-horizontal {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-margin-7x-vertical {
    margin-top: var(--oj-core-spacing-7x) !important;
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-margin-7x-top {
    margin-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-margin-7x-bottom {
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-margin-7x-start {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-margin-7x-end {
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-padding-7x {
    padding: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-padding-7x-horizontal {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-padding-7x-vertical {
    padding-top: var(--oj-core-spacing-7x) !important;
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-padding-7x-top {
    padding-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-padding-7x-bottom {
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-padding-7x-start {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-padding-7x-end {
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-margin-8x {
    margin: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-margin-8x-horizontal {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-margin-8x-vertical {
    margin-top: var(--oj-core-spacing-8x) !important;
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-margin-8x-top {
    margin-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-margin-8x-bottom {
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-margin-8x-start {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-margin-8x-end {
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-padding-8x {
    padding: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-padding-8x-horizontal {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-padding-8x-vertical {
    padding-top: var(--oj-core-spacing-8x) !important;
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-padding-8x-top {
    padding-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-padding-8x-bottom {
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-padding-8x-start {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-padding-8x-end {
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-margin-9x {
    margin: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-margin-9x-horizontal {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-margin-9x-vertical {
    margin-top: var(--oj-core-spacing-9x) !important;
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-margin-9x-top {
    margin-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-margin-9x-bottom {
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-margin-9x-start {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-margin-9x-end {
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-padding-9x {
    padding: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-padding-9x-horizontal {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-padding-9x-vertical {
    padding-top: var(--oj-core-spacing-9x) !important;
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-padding-9x-top {
    padding-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-padding-9x-bottom {
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-padding-9x-start {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-padding-9x-end {
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-margin-10x {
    margin: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-margin-10x-horizontal {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-margin-10x-vertical {
    margin-top: var(--oj-core-spacing-10x) !important;
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-margin-10x-top {
    margin-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-margin-10x-bottom {
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-margin-10x-start {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-margin-10x-end {
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-padding-10x {
    padding: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-padding-10x-horizontal {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-padding-10x-vertical {
    padding-top: var(--oj-core-spacing-10x) !important;
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-padding-10x-top {
    padding-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-padding-10x-bottom {
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-padding-10x-start {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-padding-10x-end {
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-margin-11x {
    margin: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-margin-11x-horizontal {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-margin-11x-vertical {
    margin-top: var(--oj-core-spacing-11x) !important;
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-margin-11x-top {
    margin-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-margin-11x-bottom {
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-margin-11x-start {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-margin-11x-end {
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-padding-11x {
    padding: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-padding-11x-horizontal {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-padding-11x-vertical {
    padding-top: var(--oj-core-spacing-11x) !important;
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-padding-11x-top {
    padding-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-padding-11x-bottom {
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-padding-11x-start {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-padding-11x-end {
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-margin-12x {
    margin: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-margin-12x-horizontal {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-margin-12x-vertical {
    margin-top: var(--oj-core-spacing-12x) !important;
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-margin-12x-top {
    margin-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-margin-12x-bottom {
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-margin-12x-start {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-margin-12x-end {
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-padding-12x {
    padding: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-padding-12x-horizontal {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-padding-12x-vertical {
    padding-top: var(--oj-core-spacing-12x) !important;
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-padding-12x-top {
    padding-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-padding-12x-bottom {
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-padding-12x-start {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-padding-12x-end {
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-width-1\/2 {
    width: 50% !important;
  }
  .oj-md-width-1\/3 {
    width: 33.333333% !important;
  }
  .oj-md-width-2\/3 {
    width: 66.666667% !important;
  }
  .oj-md-width-1\/4 {
    width: 25% !important;
  }
  .oj-md-width-3\/4 {
    width: 75% !important;
  }
  .oj-md-width-1\/5 {
    width: 20% !important;
  }
  .oj-md-width-2\/5 {
    width: 40% !important;
  }
  .oj-md-width-3\/5 {
    width: 60% !important;
  }
  .oj-md-width-4\/5 {
    width: 80% !important;
  }
  .oj-md-width-full {
    width: 100% !important;
  }
  .oj-md-text-align-end {
    text-align: right !important;
  }
  html[dir="rtl"] .oj-md-text-align-end {
    text-align: left !important;
  }
  .oj-md-float-end {
    float: right !important;
  }
  html[dir="rtl"] .oj-md-float-end {
    float: left !important;
  }
  .oj-md-float-start {
    float: left !important;
  }
  html[dir="rtl"] .oj-md-float-start {
    float: right !important;
  }
}

@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-lg-hide {
    display: none !important;
  }
  .oj-lg-margin-0 {
    margin: 0 !important;
  }
  .oj-lg-margin-0-horizontal {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .oj-lg-margin-0-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .oj-lg-margin-0-top {
    margin-top: 0 !important;
  }
  .oj-lg-margin-0-bottom {
    margin-bottom: 0 !important;
  }
  .oj-lg-margin-0-start {
    margin-inline-start: 0 !important;
  }
  .oj-lg-margin-0-end {
    margin-inline-end: 0 !important;
  }
  .oj-lg-padding-0 {
    padding: 0 !important;
  }
  .oj-lg-padding-0-horizontal {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .oj-lg-padding-0-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .oj-lg-padding-0-top {
    padding-top: 0 !important;
  }
  .oj-lg-padding-0-bottom {
    padding-bottom: 0 !important;
  }
  .oj-lg-padding-0-start {
    padding-inline-start: 0 !important;
  }
  .oj-lg-padding-0-end {
    padding-inline-end: 0 !important;
  }
  .oj-lg-margin-1x {
    margin: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-margin-1x-horizontal {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-margin-1x-vertical {
    margin-top: var(--oj-core-spacing-1x) !important;
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-margin-1x-top {
    margin-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-margin-1x-bottom {
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-margin-1x-start {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-margin-1x-end {
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-padding-1x {
    padding: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-padding-1x-horizontal {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-padding-1x-vertical {
    padding-top: var(--oj-core-spacing-1x) !important;
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-padding-1x-top {
    padding-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-padding-1x-bottom {
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-padding-1x-start {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-padding-1x-end {
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-margin-2x {
    margin: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-margin-2x-horizontal {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-margin-2x-vertical {
    margin-top: var(--oj-core-spacing-2x) !important;
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-margin-2x-top {
    margin-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-margin-2x-bottom {
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-margin-2x-start {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-margin-2x-end {
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-padding-2x {
    padding: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-padding-2x-horizontal {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-padding-2x-vertical {
    padding-top: var(--oj-core-spacing-2x) !important;
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-padding-2x-top {
    padding-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-padding-2x-bottom {
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-padding-2x-start {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-padding-2x-end {
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-margin-3x {
    margin: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-margin-3x-horizontal {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-margin-3x-vertical {
    margin-top: var(--oj-core-spacing-3x) !important;
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-margin-3x-top {
    margin-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-margin-3x-bottom {
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-margin-3x-start {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-margin-3x-end {
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-padding-3x {
    padding: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-padding-3x-horizontal {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-padding-3x-vertical {
    padding-top: var(--oj-core-spacing-3x) !important;
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-padding-3x-top {
    padding-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-padding-3x-bottom {
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-padding-3x-start {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-padding-3x-end {
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-margin-4x {
    margin: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-margin-4x-horizontal {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-margin-4x-vertical {
    margin-top: var(--oj-core-spacing-4x) !important;
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-margin-4x-top {
    margin-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-margin-4x-bottom {
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-margin-4x-start {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-margin-4x-end {
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-padding-4x {
    padding: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-padding-4x-horizontal {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-padding-4x-vertical {
    padding-top: var(--oj-core-spacing-4x) !important;
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-padding-4x-top {
    padding-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-padding-4x-bottom {
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-padding-4x-start {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-padding-4x-end {
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-margin-5x {
    margin: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-margin-5x-horizontal {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-margin-5x-vertical {
    margin-top: var(--oj-core-spacing-5x) !important;
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-margin-5x-top {
    margin-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-margin-5x-bottom {
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-margin-5x-start {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-margin-5x-end {
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-padding-5x {
    padding: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-padding-5x-horizontal {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-padding-5x-vertical {
    padding-top: var(--oj-core-spacing-5x) !important;
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-padding-5x-top {
    padding-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-padding-5x-bottom {
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-padding-5x-start {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-padding-5x-end {
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-margin-6x {
    margin: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-margin-6x-horizontal {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-margin-6x-vertical {
    margin-top: var(--oj-core-spacing-6x) !important;
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-margin-6x-top {
    margin-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-margin-6x-bottom {
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-margin-6x-start {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-margin-6x-end {
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-padding-6x {
    padding: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-padding-6x-horizontal {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-padding-6x-vertical {
    padding-top: var(--oj-core-spacing-6x) !important;
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-padding-6x-top {
    padding-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-padding-6x-bottom {
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-padding-6x-start {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-padding-6x-end {
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-margin-7x {
    margin: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-margin-7x-horizontal {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-margin-7x-vertical {
    margin-top: var(--oj-core-spacing-7x) !important;
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-margin-7x-top {
    margin-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-margin-7x-bottom {
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-margin-7x-start {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-margin-7x-end {
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-padding-7x {
    padding: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-padding-7x-horizontal {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-padding-7x-vertical {
    padding-top: var(--oj-core-spacing-7x) !important;
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-padding-7x-top {
    padding-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-padding-7x-bottom {
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-padding-7x-start {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-padding-7x-end {
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-margin-8x {
    margin: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-margin-8x-horizontal {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-margin-8x-vertical {
    margin-top: var(--oj-core-spacing-8x) !important;
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-margin-8x-top {
    margin-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-margin-8x-bottom {
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-margin-8x-start {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-margin-8x-end {
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-padding-8x {
    padding: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-padding-8x-horizontal {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-padding-8x-vertical {
    padding-top: var(--oj-core-spacing-8x) !important;
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-padding-8x-top {
    padding-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-padding-8x-bottom {
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-padding-8x-start {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-padding-8x-end {
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-margin-9x {
    margin: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-margin-9x-horizontal {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-margin-9x-vertical {
    margin-top: var(--oj-core-spacing-9x) !important;
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-margin-9x-top {
    margin-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-margin-9x-bottom {
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-margin-9x-start {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-margin-9x-end {
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-padding-9x {
    padding: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-padding-9x-horizontal {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-padding-9x-vertical {
    padding-top: var(--oj-core-spacing-9x) !important;
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-padding-9x-top {
    padding-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-padding-9x-bottom {
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-padding-9x-start {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-padding-9x-end {
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-margin-10x {
    margin: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-margin-10x-horizontal {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-margin-10x-vertical {
    margin-top: var(--oj-core-spacing-10x) !important;
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-margin-10x-top {
    margin-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-margin-10x-bottom {
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-margin-10x-start {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-margin-10x-end {
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-padding-10x {
    padding: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-padding-10x-horizontal {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-padding-10x-vertical {
    padding-top: var(--oj-core-spacing-10x) !important;
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-padding-10x-top {
    padding-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-padding-10x-bottom {
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-padding-10x-start {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-padding-10x-end {
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-margin-11x {
    margin: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-margin-11x-horizontal {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-margin-11x-vertical {
    margin-top: var(--oj-core-spacing-11x) !important;
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-margin-11x-top {
    margin-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-margin-11x-bottom {
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-margin-11x-start {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-margin-11x-end {
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-padding-11x {
    padding: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-padding-11x-horizontal {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-padding-11x-vertical {
    padding-top: var(--oj-core-spacing-11x) !important;
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-padding-11x-top {
    padding-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-padding-11x-bottom {
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-padding-11x-start {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-padding-11x-end {
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-margin-12x {
    margin: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-margin-12x-horizontal {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-margin-12x-vertical {
    margin-top: var(--oj-core-spacing-12x) !important;
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-margin-12x-top {
    margin-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-margin-12x-bottom {
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-margin-12x-start {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-margin-12x-end {
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-padding-12x {
    padding: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-padding-12x-horizontal {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-padding-12x-vertical {
    padding-top: var(--oj-core-spacing-12x) !important;
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-padding-12x-top {
    padding-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-padding-12x-bottom {
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-padding-12x-start {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-padding-12x-end {
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-width-1\/2 {
    width: 50% !important;
  }
  .oj-lg-width-1\/3 {
    width: 33.333333% !important;
  }
  .oj-lg-width-2\/3 {
    width: 66.666667% !important;
  }
  .oj-lg-width-1\/4 {
    width: 25% !important;
  }
  .oj-lg-width-3\/4 {
    width: 75% !important;
  }
  .oj-lg-width-1\/5 {
    width: 20% !important;
  }
  .oj-lg-width-2\/5 {
    width: 40% !important;
  }
  .oj-lg-width-3\/5 {
    width: 60% !important;
  }
  .oj-lg-width-4\/5 {
    width: 80% !important;
  }
  .oj-lg-width-full {
    width: 100% !important;
  }
  .oj-lg-text-align-end {
    text-align: right !important;
  }
  html[dir="rtl"] .oj-lg-text-align-end {
    text-align: left !important;
  }
  .oj-lg-float-end {
    float: right !important;
  }
  html[dir="rtl"] .oj-lg-float-end {
    float: left !important;
  }
  .oj-lg-float-start {
    float: left !important;
  }
  html[dir="rtl"] .oj-lg-float-start {
    float: right !important;
  }
}

@media screen and (min-width: 1440px) {
  .oj-xl-hide {
    display: none !important;
  }
  .oj-xl-margin-0 {
    margin: 0 !important;
  }
  .oj-xl-margin-0-horizontal {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .oj-xl-margin-0-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .oj-xl-margin-0-top {
    margin-top: 0 !important;
  }
  .oj-xl-margin-0-bottom {
    margin-bottom: 0 !important;
  }
  .oj-xl-margin-0-start {
    margin-inline-start: 0 !important;
  }
  .oj-xl-margin-0-end {
    margin-inline-end: 0 !important;
  }
  .oj-xl-padding-0 {
    padding: 0 !important;
  }
  .oj-xl-padding-0-horizontal {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .oj-xl-padding-0-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .oj-xl-padding-0-top {
    padding-top: 0 !important;
  }
  .oj-xl-padding-0-bottom {
    padding-bottom: 0 !important;
  }
  .oj-xl-padding-0-start {
    padding-inline-start: 0 !important;
  }
  .oj-xl-padding-0-end {
    padding-inline-end: 0 !important;
  }
  .oj-xl-margin-1x {
    margin: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-margin-1x-horizontal {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-margin-1x-vertical {
    margin-top: var(--oj-core-spacing-1x) !important;
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-margin-1x-top {
    margin-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-margin-1x-bottom {
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-margin-1x-start {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-margin-1x-end {
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-padding-1x {
    padding: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-padding-1x-horizontal {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-padding-1x-vertical {
    padding-top: var(--oj-core-spacing-1x) !important;
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-padding-1x-top {
    padding-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-padding-1x-bottom {
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-padding-1x-start {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-padding-1x-end {
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-xl-margin-2x {
    margin: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-margin-2x-horizontal {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-margin-2x-vertical {
    margin-top: var(--oj-core-spacing-2x) !important;
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-margin-2x-top {
    margin-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-margin-2x-bottom {
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-margin-2x-start {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-margin-2x-end {
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-padding-2x {
    padding: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-padding-2x-horizontal {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-padding-2x-vertical {
    padding-top: var(--oj-core-spacing-2x) !important;
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-padding-2x-top {
    padding-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-padding-2x-bottom {
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-padding-2x-start {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-padding-2x-end {
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-xl-margin-3x {
    margin: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-margin-3x-horizontal {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-margin-3x-vertical {
    margin-top: var(--oj-core-spacing-3x) !important;
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-margin-3x-top {
    margin-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-margin-3x-bottom {
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-margin-3x-start {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-margin-3x-end {
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-padding-3x {
    padding: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-padding-3x-horizontal {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-padding-3x-vertical {
    padding-top: var(--oj-core-spacing-3x) !important;
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-padding-3x-top {
    padding-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-padding-3x-bottom {
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-padding-3x-start {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-padding-3x-end {
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-xl-margin-4x {
    margin: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-margin-4x-horizontal {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-margin-4x-vertical {
    margin-top: var(--oj-core-spacing-4x) !important;
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-margin-4x-top {
    margin-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-margin-4x-bottom {
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-margin-4x-start {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-margin-4x-end {
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-padding-4x {
    padding: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-padding-4x-horizontal {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-padding-4x-vertical {
    padding-top: var(--oj-core-spacing-4x) !important;
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-padding-4x-top {
    padding-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-padding-4x-bottom {
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-padding-4x-start {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-padding-4x-end {
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-xl-margin-5x {
    margin: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-margin-5x-horizontal {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-margin-5x-vertical {
    margin-top: var(--oj-core-spacing-5x) !important;
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-margin-5x-top {
    margin-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-margin-5x-bottom {
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-margin-5x-start {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-margin-5x-end {
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-padding-5x {
    padding: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-padding-5x-horizontal {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-padding-5x-vertical {
    padding-top: var(--oj-core-spacing-5x) !important;
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-padding-5x-top {
    padding-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-padding-5x-bottom {
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-padding-5x-start {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-padding-5x-end {
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-xl-margin-6x {
    margin: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-margin-6x-horizontal {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-margin-6x-vertical {
    margin-top: var(--oj-core-spacing-6x) !important;
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-margin-6x-top {
    margin-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-margin-6x-bottom {
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-margin-6x-start {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-margin-6x-end {
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-padding-6x {
    padding: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-padding-6x-horizontal {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-padding-6x-vertical {
    padding-top: var(--oj-core-spacing-6x) !important;
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-padding-6x-top {
    padding-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-padding-6x-bottom {
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-padding-6x-start {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-padding-6x-end {
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-xl-margin-7x {
    margin: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-margin-7x-horizontal {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-margin-7x-vertical {
    margin-top: var(--oj-core-spacing-7x) !important;
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-margin-7x-top {
    margin-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-margin-7x-bottom {
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-margin-7x-start {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-margin-7x-end {
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-padding-7x {
    padding: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-padding-7x-horizontal {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-padding-7x-vertical {
    padding-top: var(--oj-core-spacing-7x) !important;
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-padding-7x-top {
    padding-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-padding-7x-bottom {
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-padding-7x-start {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-padding-7x-end {
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-xl-margin-8x {
    margin: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-margin-8x-horizontal {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-margin-8x-vertical {
    margin-top: var(--oj-core-spacing-8x) !important;
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-margin-8x-top {
    margin-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-margin-8x-bottom {
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-margin-8x-start {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-margin-8x-end {
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-padding-8x {
    padding: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-padding-8x-horizontal {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-padding-8x-vertical {
    padding-top: var(--oj-core-spacing-8x) !important;
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-padding-8x-top {
    padding-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-padding-8x-bottom {
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-padding-8x-start {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-padding-8x-end {
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-xl-margin-9x {
    margin: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-margin-9x-horizontal {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-margin-9x-vertical {
    margin-top: var(--oj-core-spacing-9x) !important;
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-margin-9x-top {
    margin-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-margin-9x-bottom {
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-margin-9x-start {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-margin-9x-end {
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-padding-9x {
    padding: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-padding-9x-horizontal {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-padding-9x-vertical {
    padding-top: var(--oj-core-spacing-9x) !important;
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-padding-9x-top {
    padding-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-padding-9x-bottom {
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-padding-9x-start {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-padding-9x-end {
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-xl-margin-10x {
    margin: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-margin-10x-horizontal {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-margin-10x-vertical {
    margin-top: var(--oj-core-spacing-10x) !important;
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-margin-10x-top {
    margin-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-margin-10x-bottom {
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-margin-10x-start {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-margin-10x-end {
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-padding-10x {
    padding: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-padding-10x-horizontal {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-padding-10x-vertical {
    padding-top: var(--oj-core-spacing-10x) !important;
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-padding-10x-top {
    padding-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-padding-10x-bottom {
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-padding-10x-start {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-padding-10x-end {
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-xl-margin-11x {
    margin: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-margin-11x-horizontal {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-margin-11x-vertical {
    margin-top: var(--oj-core-spacing-11x) !important;
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-margin-11x-top {
    margin-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-margin-11x-bottom {
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-margin-11x-start {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-margin-11x-end {
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-padding-11x {
    padding: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-padding-11x-horizontal {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-padding-11x-vertical {
    padding-top: var(--oj-core-spacing-11x) !important;
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-padding-11x-top {
    padding-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-padding-11x-bottom {
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-padding-11x-start {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-padding-11x-end {
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-xl-margin-12x {
    margin: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-margin-12x-horizontal {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-margin-12x-vertical {
    margin-top: var(--oj-core-spacing-12x) !important;
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-margin-12x-top {
    margin-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-margin-12x-bottom {
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-margin-12x-start {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-margin-12x-end {
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-padding-12x {
    padding: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-padding-12x-horizontal {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-padding-12x-vertical {
    padding-top: var(--oj-core-spacing-12x) !important;
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-padding-12x-top {
    padding-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-padding-12x-bottom {
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-padding-12x-start {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-padding-12x-end {
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-xl-width-1\/2 {
    width: 50% !important;
  }
  .oj-xl-width-1\/3 {
    width: 33.333333% !important;
  }
  .oj-xl-width-2\/3 {
    width: 66.666667% !important;
  }
  .oj-xl-width-1\/4 {
    width: 25% !important;
  }
  .oj-xl-width-3\/4 {
    width: 75% !important;
  }
  .oj-xl-width-1\/5 {
    width: 20% !important;
  }
  .oj-xl-width-2\/5 {
    width: 40% !important;
  }
  .oj-xl-width-3\/5 {
    width: 60% !important;
  }
  .oj-xl-width-4\/5 {
    width: 80% !important;
  }
  .oj-xl-width-full {
    width: 100% !important;
  }
  .oj-xl-text-align-end {
    text-align: right !important;
  }
  html[dir="rtl"] .oj-xl-text-align-end {
    text-align: left !important;
  }
  .oj-xl-float-end {
    float: right !important;
  }
  html[dir="rtl"] .oj-xl-float-end {
    float: left !important;
  }
  .oj-xl-float-start {
    float: left !important;
  }
  html[dir="rtl"] .oj-xl-float-start {
    float: right !important;
  }
}

@media print and (orientation: portrait), screen and (max-width: 1023.9px) {
  .oj-md-down-hide {
    display: none !important;
  }
  .oj-md-down-width-1\/2 {
    width: 50% !important;
  }
  .oj-md-down-width-1\/3 {
    width: 33.333333% !important;
  }
  .oj-md-down-width-2\/3 {
    width: 66.666667% !important;
  }
  .oj-md-down-width-1\/4 {
    width: 25% !important;
  }
  .oj-md-down-width-3\/4 {
    width: 75% !important;
  }
  .oj-md-down-width-1\/5 {
    width: 20% !important;
  }
  .oj-md-down-width-2\/5 {
    width: 40% !important;
  }
  .oj-md-down-width-3\/5 {
    width: 60% !important;
  }
  .oj-md-down-width-4\/5 {
    width: 80% !important;
  }
  .oj-md-down-width-full {
    width: 100% !important;
  }
  .oj-md-down-text-align-end {
    text-align: right !important;
  }
  html[dir="rtl"] .oj-md-down-text-align-end {
    text-align: left !important;
  }
  .oj-md-down-float-end {
    float: right !important;
  }
  html[dir="rtl"] .oj-md-down-float-end {
    float: left !important;
  }
  .oj-md-down-float-start {
    float: left !important;
  }
  html[dir="rtl"] .oj-md-down-float-start {
    float: right !important;
  }
}

@media print and (orientation: landscape), screen and (max-width: 1439.9px) {
  .oj-lg-down-hide {
    display: none !important;
  }
  .oj-lg-down-width-1\/2 {
    width: 50% !important;
  }
  .oj-lg-down-width-1\/3 {
    width: 33.333333% !important;
  }
  .oj-lg-down-width-2\/3 {
    width: 66.666667% !important;
  }
  .oj-lg-down-width-1\/4 {
    width: 25% !important;
  }
  .oj-lg-down-width-3\/4 {
    width: 75% !important;
  }
  .oj-lg-down-width-1\/5 {
    width: 20% !important;
  }
  .oj-lg-down-width-2\/5 {
    width: 40% !important;
  }
  .oj-lg-down-width-3\/5 {
    width: 60% !important;
  }
  .oj-lg-down-width-4\/5 {
    width: 80% !important;
  }
  .oj-lg-down-width-full {
    width: 100% !important;
  }
  .oj-lg-down-text-align-end {
    text-align: right !important;
  }
  html[dir="rtl"] .oj-lg-down-text-align-end {
    text-align: left !important;
  }
  .oj-lg-down-float-end {
    float: right !important;
  }
  html[dir="rtl"] .oj-lg-down-float-end {
    float: left !important;
  }
  .oj-lg-down-float-start {
    float: left !important;
  }
  html[dir="rtl"] .oj-lg-down-float-start {
    float: right !important;
  }
}

@media screen and (max-width: 599.9px) {
  
  .oj-sm-only-hide {
    display: none !important;
  }
  .oj-sm-only-margin-0 {
    margin: 0 !important;
  }
  .oj-sm-only-margin-0-horizontal {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .oj-sm-only-margin-0-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .oj-sm-only-margin-0-top {
    margin-top: 0 !important;
  }
  .oj-sm-only-margin-0-bottom {
    margin-bottom: 0 !important;
  }
  .oj-sm-only-margin-0-start {
    margin-inline-start: 0 !important;
  }
  .oj-sm-only-margin-0-end {
    margin-inline-end: 0 !important;
  }
  .oj-sm-only-padding-0 {
    padding: 0 !important;
  }
  .oj-sm-only-padding-0-horizontal {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .oj-sm-only-padding-0-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .oj-sm-only-padding-0-top {
    padding-top: 0 !important;
  }
  .oj-sm-only-padding-0-bottom {
    padding-bottom: 0 !important;
  }
  .oj-sm-only-padding-0-start {
    padding-inline-start: 0 !important;
  }
  .oj-sm-only-padding-0-end {
    padding-inline-end: 0 !important;
  }
  .oj-sm-only-margin-1x {
    margin: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-margin-1x-horizontal {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-margin-1x-vertical {
    margin-top: var(--oj-core-spacing-1x) !important;
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-margin-1x-top {
    margin-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-margin-1x-bottom {
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-margin-1x-start {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-margin-1x-end {
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-padding-1x {
    padding: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-padding-1x-horizontal {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-padding-1x-vertical {
    padding-top: var(--oj-core-spacing-1x) !important;
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-padding-1x-top {
    padding-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-padding-1x-bottom {
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-padding-1x-start {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-padding-1x-end {
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-sm-only-margin-2x {
    margin: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-margin-2x-horizontal {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-margin-2x-vertical {
    margin-top: var(--oj-core-spacing-2x) !important;
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-margin-2x-top {
    margin-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-margin-2x-bottom {
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-margin-2x-start {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-margin-2x-end {
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-padding-2x {
    padding: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-padding-2x-horizontal {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-padding-2x-vertical {
    padding-top: var(--oj-core-spacing-2x) !important;
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-padding-2x-top {
    padding-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-padding-2x-bottom {
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-padding-2x-start {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-padding-2x-end {
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-sm-only-margin-3x {
    margin: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-margin-3x-horizontal {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-margin-3x-vertical {
    margin-top: var(--oj-core-spacing-3x) !important;
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-margin-3x-top {
    margin-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-margin-3x-bottom {
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-margin-3x-start {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-margin-3x-end {
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-padding-3x {
    padding: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-padding-3x-horizontal {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-padding-3x-vertical {
    padding-top: var(--oj-core-spacing-3x) !important;
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-padding-3x-top {
    padding-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-padding-3x-bottom {
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-padding-3x-start {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-padding-3x-end {
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-sm-only-margin-4x {
    margin: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-margin-4x-horizontal {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-margin-4x-vertical {
    margin-top: var(--oj-core-spacing-4x) !important;
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-margin-4x-top {
    margin-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-margin-4x-bottom {
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-margin-4x-start {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-margin-4x-end {
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-padding-4x {
    padding: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-padding-4x-horizontal {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-padding-4x-vertical {
    padding-top: var(--oj-core-spacing-4x) !important;
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-padding-4x-top {
    padding-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-padding-4x-bottom {
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-padding-4x-start {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-padding-4x-end {
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-sm-only-margin-5x {
    margin: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-margin-5x-horizontal {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-margin-5x-vertical {
    margin-top: var(--oj-core-spacing-5x) !important;
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-margin-5x-top {
    margin-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-margin-5x-bottom {
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-margin-5x-start {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-margin-5x-end {
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-padding-5x {
    padding: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-padding-5x-horizontal {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-padding-5x-vertical {
    padding-top: var(--oj-core-spacing-5x) !important;
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-padding-5x-top {
    padding-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-padding-5x-bottom {
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-padding-5x-start {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-padding-5x-end {
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-sm-only-margin-6x {
    margin: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-margin-6x-horizontal {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-margin-6x-vertical {
    margin-top: var(--oj-core-spacing-6x) !important;
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-margin-6x-top {
    margin-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-margin-6x-bottom {
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-margin-6x-start {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-margin-6x-end {
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-padding-6x {
    padding: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-padding-6x-horizontal {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-padding-6x-vertical {
    padding-top: var(--oj-core-spacing-6x) !important;
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-padding-6x-top {
    padding-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-padding-6x-bottom {
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-padding-6x-start {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-padding-6x-end {
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-sm-only-margin-7x {
    margin: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-margin-7x-horizontal {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-margin-7x-vertical {
    margin-top: var(--oj-core-spacing-7x) !important;
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-margin-7x-top {
    margin-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-margin-7x-bottom {
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-margin-7x-start {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-margin-7x-end {
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-padding-7x {
    padding: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-padding-7x-horizontal {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-padding-7x-vertical {
    padding-top: var(--oj-core-spacing-7x) !important;
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-padding-7x-top {
    padding-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-padding-7x-bottom {
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-padding-7x-start {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-padding-7x-end {
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-sm-only-margin-8x {
    margin: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-margin-8x-horizontal {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-margin-8x-vertical {
    margin-top: var(--oj-core-spacing-8x) !important;
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-margin-8x-top {
    margin-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-margin-8x-bottom {
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-margin-8x-start {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-margin-8x-end {
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-padding-8x {
    padding: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-padding-8x-horizontal {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-padding-8x-vertical {
    padding-top: var(--oj-core-spacing-8x) !important;
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-padding-8x-top {
    padding-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-padding-8x-bottom {
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-padding-8x-start {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-padding-8x-end {
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-sm-only-margin-9x {
    margin: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-margin-9x-horizontal {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-margin-9x-vertical {
    margin-top: var(--oj-core-spacing-9x) !important;
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-margin-9x-top {
    margin-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-margin-9x-bottom {
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-margin-9x-start {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-margin-9x-end {
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-padding-9x {
    padding: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-padding-9x-horizontal {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-padding-9x-vertical {
    padding-top: var(--oj-core-spacing-9x) !important;
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-padding-9x-top {
    padding-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-padding-9x-bottom {
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-padding-9x-start {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-padding-9x-end {
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-sm-only-margin-10x {
    margin: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-margin-10x-horizontal {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-margin-10x-vertical {
    margin-top: var(--oj-core-spacing-10x) !important;
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-margin-10x-top {
    margin-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-margin-10x-bottom {
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-margin-10x-start {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-margin-10x-end {
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-padding-10x {
    padding: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-padding-10x-horizontal {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-padding-10x-vertical {
    padding-top: var(--oj-core-spacing-10x) !important;
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-padding-10x-top {
    padding-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-padding-10x-bottom {
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-padding-10x-start {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-padding-10x-end {
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-sm-only-margin-11x {
    margin: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-margin-11x-horizontal {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-margin-11x-vertical {
    margin-top: var(--oj-core-spacing-11x) !important;
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-margin-11x-top {
    margin-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-margin-11x-bottom {
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-margin-11x-start {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-margin-11x-end {
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-padding-11x {
    padding: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-padding-11x-horizontal {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-padding-11x-vertical {
    padding-top: var(--oj-core-spacing-11x) !important;
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-padding-11x-top {
    padding-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-padding-11x-bottom {
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-padding-11x-start {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-padding-11x-end {
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-sm-only-margin-12x {
    margin: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-margin-12x-horizontal {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-margin-12x-vertical {
    margin-top: var(--oj-core-spacing-12x) !important;
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-margin-12x-top {
    margin-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-margin-12x-bottom {
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-margin-12x-start {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-margin-12x-end {
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-padding-12x {
    padding: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-padding-12x-horizontal {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-padding-12x-vertical {
    padding-top: var(--oj-core-spacing-12x) !important;
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-padding-12x-top {
    padding-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-padding-12x-bottom {
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-padding-12x-start {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-padding-12x-end {
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-sm-only-width-1\/2 {
    width: 50% !important;
  }
  .oj-sm-only-width-1\/3 {
    width: 33.333333% !important;
  }
  .oj-sm-only-width-2\/3 {
    width: 66.666667% !important;
  }
  .oj-sm-only-width-1\/4 {
    width: 25% !important;
  }
  .oj-sm-only-width-3\/4 {
    width: 75% !important;
  }
  .oj-sm-only-width-1\/5 {
    width: 20% !important;
  }
  .oj-sm-only-width-2\/5 {
    width: 40% !important;
  }
  .oj-sm-only-width-3\/5 {
    width: 60% !important;
  }
  .oj-sm-only-width-4\/5 {
    width: 80% !important;
  }
  .oj-sm-only-width-full {
    width: 100% !important;
  }
  .oj-sm-only-text-align-end {
    text-align: right !important;
  }
  html[dir="rtl"] .oj-sm-only-text-align-end {
    text-align: left !important;
  }
  .oj-sm-only-float-end {
    float: right !important;
  }
  html[dir="rtl"] .oj-sm-only-float-end {
    float: left !important;
  }
  .oj-sm-only-float-start {
    float: left !important;
  }
  html[dir="rtl"] .oj-sm-only-float-start {
    float: right !important;
  }
}

@media print and (orientation: portrait), screen and (min-width: 600px) and (max-width: 1023.9px) {
  
  .oj-md-only-hide {
    display: none !important;
  }
  .oj-md-only-margin-0 {
    margin: 0 !important;
  }
  .oj-md-only-margin-0-horizontal {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .oj-md-only-margin-0-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .oj-md-only-margin-0-top {
    margin-top: 0 !important;
  }
  .oj-md-only-margin-0-bottom {
    margin-bottom: 0 !important;
  }
  .oj-md-only-margin-0-start {
    margin-inline-start: 0 !important;
  }
  .oj-md-only-margin-0-end {
    margin-inline-end: 0 !important;
  }
  .oj-md-only-padding-0 {
    padding: 0 !important;
  }
  .oj-md-only-padding-0-horizontal {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .oj-md-only-padding-0-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .oj-md-only-padding-0-top {
    padding-top: 0 !important;
  }
  .oj-md-only-padding-0-bottom {
    padding-bottom: 0 !important;
  }
  .oj-md-only-padding-0-start {
    padding-inline-start: 0 !important;
  }
  .oj-md-only-padding-0-end {
    padding-inline-end: 0 !important;
  }
  .oj-md-only-margin-1x {
    margin: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-margin-1x-horizontal {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-margin-1x-vertical {
    margin-top: var(--oj-core-spacing-1x) !important;
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-margin-1x-top {
    margin-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-margin-1x-bottom {
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-margin-1x-start {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-margin-1x-end {
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-padding-1x {
    padding: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-padding-1x-horizontal {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-padding-1x-vertical {
    padding-top: var(--oj-core-spacing-1x) !important;
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-padding-1x-top {
    padding-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-padding-1x-bottom {
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-padding-1x-start {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-padding-1x-end {
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-md-only-margin-2x {
    margin: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-margin-2x-horizontal {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-margin-2x-vertical {
    margin-top: var(--oj-core-spacing-2x) !important;
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-margin-2x-top {
    margin-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-margin-2x-bottom {
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-margin-2x-start {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-margin-2x-end {
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-padding-2x {
    padding: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-padding-2x-horizontal {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-padding-2x-vertical {
    padding-top: var(--oj-core-spacing-2x) !important;
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-padding-2x-top {
    padding-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-padding-2x-bottom {
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-padding-2x-start {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-padding-2x-end {
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-md-only-margin-3x {
    margin: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-margin-3x-horizontal {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-margin-3x-vertical {
    margin-top: var(--oj-core-spacing-3x) !important;
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-margin-3x-top {
    margin-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-margin-3x-bottom {
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-margin-3x-start {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-margin-3x-end {
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-padding-3x {
    padding: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-padding-3x-horizontal {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-padding-3x-vertical {
    padding-top: var(--oj-core-spacing-3x) !important;
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-padding-3x-top {
    padding-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-padding-3x-bottom {
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-padding-3x-start {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-padding-3x-end {
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-md-only-margin-4x {
    margin: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-margin-4x-horizontal {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-margin-4x-vertical {
    margin-top: var(--oj-core-spacing-4x) !important;
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-margin-4x-top {
    margin-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-margin-4x-bottom {
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-margin-4x-start {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-margin-4x-end {
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-padding-4x {
    padding: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-padding-4x-horizontal {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-padding-4x-vertical {
    padding-top: var(--oj-core-spacing-4x) !important;
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-padding-4x-top {
    padding-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-padding-4x-bottom {
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-padding-4x-start {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-padding-4x-end {
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-md-only-margin-5x {
    margin: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-margin-5x-horizontal {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-margin-5x-vertical {
    margin-top: var(--oj-core-spacing-5x) !important;
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-margin-5x-top {
    margin-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-margin-5x-bottom {
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-margin-5x-start {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-margin-5x-end {
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-padding-5x {
    padding: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-padding-5x-horizontal {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-padding-5x-vertical {
    padding-top: var(--oj-core-spacing-5x) !important;
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-padding-5x-top {
    padding-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-padding-5x-bottom {
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-padding-5x-start {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-padding-5x-end {
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-md-only-margin-6x {
    margin: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-margin-6x-horizontal {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-margin-6x-vertical {
    margin-top: var(--oj-core-spacing-6x) !important;
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-margin-6x-top {
    margin-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-margin-6x-bottom {
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-margin-6x-start {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-margin-6x-end {
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-padding-6x {
    padding: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-padding-6x-horizontal {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-padding-6x-vertical {
    padding-top: var(--oj-core-spacing-6x) !important;
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-padding-6x-top {
    padding-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-padding-6x-bottom {
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-padding-6x-start {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-padding-6x-end {
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-md-only-margin-7x {
    margin: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-margin-7x-horizontal {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-margin-7x-vertical {
    margin-top: var(--oj-core-spacing-7x) !important;
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-margin-7x-top {
    margin-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-margin-7x-bottom {
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-margin-7x-start {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-margin-7x-end {
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-padding-7x {
    padding: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-padding-7x-horizontal {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-padding-7x-vertical {
    padding-top: var(--oj-core-spacing-7x) !important;
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-padding-7x-top {
    padding-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-padding-7x-bottom {
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-padding-7x-start {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-padding-7x-end {
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-md-only-margin-8x {
    margin: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-margin-8x-horizontal {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-margin-8x-vertical {
    margin-top: var(--oj-core-spacing-8x) !important;
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-margin-8x-top {
    margin-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-margin-8x-bottom {
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-margin-8x-start {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-margin-8x-end {
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-padding-8x {
    padding: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-padding-8x-horizontal {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-padding-8x-vertical {
    padding-top: var(--oj-core-spacing-8x) !important;
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-padding-8x-top {
    padding-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-padding-8x-bottom {
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-padding-8x-start {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-padding-8x-end {
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-md-only-margin-9x {
    margin: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-margin-9x-horizontal {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-margin-9x-vertical {
    margin-top: var(--oj-core-spacing-9x) !important;
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-margin-9x-top {
    margin-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-margin-9x-bottom {
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-margin-9x-start {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-margin-9x-end {
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-padding-9x {
    padding: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-padding-9x-horizontal {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-padding-9x-vertical {
    padding-top: var(--oj-core-spacing-9x) !important;
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-padding-9x-top {
    padding-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-padding-9x-bottom {
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-padding-9x-start {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-padding-9x-end {
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-md-only-margin-10x {
    margin: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-margin-10x-horizontal {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-margin-10x-vertical {
    margin-top: var(--oj-core-spacing-10x) !important;
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-margin-10x-top {
    margin-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-margin-10x-bottom {
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-margin-10x-start {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-margin-10x-end {
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-padding-10x {
    padding: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-padding-10x-horizontal {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-padding-10x-vertical {
    padding-top: var(--oj-core-spacing-10x) !important;
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-padding-10x-top {
    padding-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-padding-10x-bottom {
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-padding-10x-start {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-padding-10x-end {
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-md-only-margin-11x {
    margin: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-margin-11x-horizontal {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-margin-11x-vertical {
    margin-top: var(--oj-core-spacing-11x) !important;
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-margin-11x-top {
    margin-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-margin-11x-bottom {
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-margin-11x-start {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-margin-11x-end {
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-padding-11x {
    padding: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-padding-11x-horizontal {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-padding-11x-vertical {
    padding-top: var(--oj-core-spacing-11x) !important;
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-padding-11x-top {
    padding-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-padding-11x-bottom {
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-padding-11x-start {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-padding-11x-end {
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-md-only-margin-12x {
    margin: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-margin-12x-horizontal {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-margin-12x-vertical {
    margin-top: var(--oj-core-spacing-12x) !important;
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-margin-12x-top {
    margin-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-margin-12x-bottom {
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-margin-12x-start {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-margin-12x-end {
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-padding-12x {
    padding: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-padding-12x-horizontal {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-padding-12x-vertical {
    padding-top: var(--oj-core-spacing-12x) !important;
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-padding-12x-top {
    padding-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-padding-12x-bottom {
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-padding-12x-start {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-padding-12x-end {
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-md-only-width-1\/2 {
    width: 50% !important;
  }
  .oj-md-only-width-1\/3 {
    width: 33.333333% !important;
  }
  .oj-md-only-width-2\/3 {
    width: 66.666667% !important;
  }
  .oj-md-only-width-1\/4 {
    width: 25% !important;
  }
  .oj-md-only-width-3\/4 {
    width: 75% !important;
  }
  .oj-md-only-width-1\/5 {
    width: 20% !important;
  }
  .oj-md-only-width-2\/5 {
    width: 40% !important;
  }
  .oj-md-only-width-3\/5 {
    width: 60% !important;
  }
  .oj-md-only-width-4\/5 {
    width: 80% !important;
  }
  .oj-md-only-width-full {
    width: 100% !important;
  }
  .oj-md-only-text-align-end {
    text-align: right !important;
  }
  html[dir="rtl"] .oj-md-only-text-align-end {
    text-align: left !important;
  }
  .oj-md-only-float-end {
    float: right !important;
  }
  html[dir="rtl"] .oj-md-only-float-end {
    float: left !important;
  }
  .oj-md-only-float-start {
    float: left !important;
  }
  html[dir="rtl"] .oj-md-only-float-start {
    float: right !important;
  }
}

@media print and (orientation: landscape), screen and (min-width: 1024px) and (max-width: 1439.9px) {
  
  .oj-lg-only-hide {
    display: none !important;
  }
  .oj-lg-only-margin-0 {
    margin: 0 !important;
  }
  .oj-lg-only-margin-0-horizontal {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .oj-lg-only-margin-0-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .oj-lg-only-margin-0-top {
    margin-top: 0 !important;
  }
  .oj-lg-only-margin-0-bottom {
    margin-bottom: 0 !important;
  }
  .oj-lg-only-margin-0-start {
    margin-inline-start: 0 !important;
  }
  .oj-lg-only-margin-0-end {
    margin-inline-end: 0 !important;
  }
  .oj-lg-only-padding-0 {
    padding: 0 !important;
  }
  .oj-lg-only-padding-0-horizontal {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .oj-lg-only-padding-0-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .oj-lg-only-padding-0-top {
    padding-top: 0 !important;
  }
  .oj-lg-only-padding-0-bottom {
    padding-bottom: 0 !important;
  }
  .oj-lg-only-padding-0-start {
    padding-inline-start: 0 !important;
  }
  .oj-lg-only-padding-0-end {
    padding-inline-end: 0 !important;
  }
  .oj-lg-only-margin-1x {
    margin: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-margin-1x-horizontal {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-margin-1x-vertical {
    margin-top: var(--oj-core-spacing-1x) !important;
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-margin-1x-top {
    margin-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-margin-1x-bottom {
    margin-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-margin-1x-start {
    margin-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-margin-1x-end {
    margin-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-padding-1x {
    padding: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-padding-1x-horizontal {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-padding-1x-vertical {
    padding-top: var(--oj-core-spacing-1x) !important;
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-padding-1x-top {
    padding-top: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-padding-1x-bottom {
    padding-bottom: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-padding-1x-start {
    padding-inline-start: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-padding-1x-end {
    padding-inline-end: var(--oj-core-spacing-1x) !important;
  }
  .oj-lg-only-margin-2x {
    margin: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-margin-2x-horizontal {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-margin-2x-vertical {
    margin-top: var(--oj-core-spacing-2x) !important;
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-margin-2x-top {
    margin-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-margin-2x-bottom {
    margin-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-margin-2x-start {
    margin-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-margin-2x-end {
    margin-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-padding-2x {
    padding: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-padding-2x-horizontal {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-padding-2x-vertical {
    padding-top: var(--oj-core-spacing-2x) !important;
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-padding-2x-top {
    padding-top: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-padding-2x-bottom {
    padding-bottom: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-padding-2x-start {
    padding-inline-start: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-padding-2x-end {
    padding-inline-end: var(--oj-core-spacing-2x) !important;
  }
  .oj-lg-only-margin-3x {
    margin: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-margin-3x-horizontal {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-margin-3x-vertical {
    margin-top: var(--oj-core-spacing-3x) !important;
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-margin-3x-top {
    margin-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-margin-3x-bottom {
    margin-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-margin-3x-start {
    margin-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-margin-3x-end {
    margin-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-padding-3x {
    padding: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-padding-3x-horizontal {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-padding-3x-vertical {
    padding-top: var(--oj-core-spacing-3x) !important;
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-padding-3x-top {
    padding-top: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-padding-3x-bottom {
    padding-bottom: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-padding-3x-start {
    padding-inline-start: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-padding-3x-end {
    padding-inline-end: var(--oj-core-spacing-3x) !important;
  }
  .oj-lg-only-margin-4x {
    margin: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-margin-4x-horizontal {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-margin-4x-vertical {
    margin-top: var(--oj-core-spacing-4x) !important;
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-margin-4x-top {
    margin-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-margin-4x-bottom {
    margin-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-margin-4x-start {
    margin-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-margin-4x-end {
    margin-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-padding-4x {
    padding: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-padding-4x-horizontal {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-padding-4x-vertical {
    padding-top: var(--oj-core-spacing-4x) !important;
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-padding-4x-top {
    padding-top: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-padding-4x-bottom {
    padding-bottom: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-padding-4x-start {
    padding-inline-start: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-padding-4x-end {
    padding-inline-end: var(--oj-core-spacing-4x) !important;
  }
  .oj-lg-only-margin-5x {
    margin: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-margin-5x-horizontal {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-margin-5x-vertical {
    margin-top: var(--oj-core-spacing-5x) !important;
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-margin-5x-top {
    margin-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-margin-5x-bottom {
    margin-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-margin-5x-start {
    margin-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-margin-5x-end {
    margin-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-padding-5x {
    padding: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-padding-5x-horizontal {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-padding-5x-vertical {
    padding-top: var(--oj-core-spacing-5x) !important;
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-padding-5x-top {
    padding-top: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-padding-5x-bottom {
    padding-bottom: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-padding-5x-start {
    padding-inline-start: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-padding-5x-end {
    padding-inline-end: var(--oj-core-spacing-5x) !important;
  }
  .oj-lg-only-margin-6x {
    margin: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-margin-6x-horizontal {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-margin-6x-vertical {
    margin-top: var(--oj-core-spacing-6x) !important;
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-margin-6x-top {
    margin-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-margin-6x-bottom {
    margin-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-margin-6x-start {
    margin-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-margin-6x-end {
    margin-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-padding-6x {
    padding: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-padding-6x-horizontal {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-padding-6x-vertical {
    padding-top: var(--oj-core-spacing-6x) !important;
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-padding-6x-top {
    padding-top: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-padding-6x-bottom {
    padding-bottom: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-padding-6x-start {
    padding-inline-start: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-padding-6x-end {
    padding-inline-end: var(--oj-core-spacing-6x) !important;
  }
  .oj-lg-only-margin-7x {
    margin: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-margin-7x-horizontal {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-margin-7x-vertical {
    margin-top: var(--oj-core-spacing-7x) !important;
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-margin-7x-top {
    margin-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-margin-7x-bottom {
    margin-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-margin-7x-start {
    margin-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-margin-7x-end {
    margin-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-padding-7x {
    padding: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-padding-7x-horizontal {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-padding-7x-vertical {
    padding-top: var(--oj-core-spacing-7x) !important;
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-padding-7x-top {
    padding-top: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-padding-7x-bottom {
    padding-bottom: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-padding-7x-start {
    padding-inline-start: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-padding-7x-end {
    padding-inline-end: var(--oj-core-spacing-7x) !important;
  }
  .oj-lg-only-margin-8x {
    margin: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-margin-8x-horizontal {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-margin-8x-vertical {
    margin-top: var(--oj-core-spacing-8x) !important;
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-margin-8x-top {
    margin-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-margin-8x-bottom {
    margin-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-margin-8x-start {
    margin-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-margin-8x-end {
    margin-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-padding-8x {
    padding: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-padding-8x-horizontal {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-padding-8x-vertical {
    padding-top: var(--oj-core-spacing-8x) !important;
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-padding-8x-top {
    padding-top: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-padding-8x-bottom {
    padding-bottom: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-padding-8x-start {
    padding-inline-start: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-padding-8x-end {
    padding-inline-end: var(--oj-core-spacing-8x) !important;
  }
  .oj-lg-only-margin-9x {
    margin: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-margin-9x-horizontal {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-margin-9x-vertical {
    margin-top: var(--oj-core-spacing-9x) !important;
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-margin-9x-top {
    margin-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-margin-9x-bottom {
    margin-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-margin-9x-start {
    margin-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-margin-9x-end {
    margin-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-padding-9x {
    padding: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-padding-9x-horizontal {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-padding-9x-vertical {
    padding-top: var(--oj-core-spacing-9x) !important;
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-padding-9x-top {
    padding-top: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-padding-9x-bottom {
    padding-bottom: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-padding-9x-start {
    padding-inline-start: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-padding-9x-end {
    padding-inline-end: var(--oj-core-spacing-9x) !important;
  }
  .oj-lg-only-margin-10x {
    margin: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-margin-10x-horizontal {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-margin-10x-vertical {
    margin-top: var(--oj-core-spacing-10x) !important;
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-margin-10x-top {
    margin-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-margin-10x-bottom {
    margin-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-margin-10x-start {
    margin-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-margin-10x-end {
    margin-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-padding-10x {
    padding: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-padding-10x-horizontal {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-padding-10x-vertical {
    padding-top: var(--oj-core-spacing-10x) !important;
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-padding-10x-top {
    padding-top: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-padding-10x-bottom {
    padding-bottom: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-padding-10x-start {
    padding-inline-start: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-padding-10x-end {
    padding-inline-end: var(--oj-core-spacing-10x) !important;
  }
  .oj-lg-only-margin-11x {
    margin: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-margin-11x-horizontal {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-margin-11x-vertical {
    margin-top: var(--oj-core-spacing-11x) !important;
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-margin-11x-top {
    margin-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-margin-11x-bottom {
    margin-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-margin-11x-start {
    margin-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-margin-11x-end {
    margin-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-padding-11x {
    padding: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-padding-11x-horizontal {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-padding-11x-vertical {
    padding-top: var(--oj-core-spacing-11x) !important;
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-padding-11x-top {
    padding-top: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-padding-11x-bottom {
    padding-bottom: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-padding-11x-start {
    padding-inline-start: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-padding-11x-end {
    padding-inline-end: var(--oj-core-spacing-11x) !important;
  }
  .oj-lg-only-margin-12x {
    margin: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-margin-12x-horizontal {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-margin-12x-vertical {
    margin-top: var(--oj-core-spacing-12x) !important;
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-margin-12x-top {
    margin-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-margin-12x-bottom {
    margin-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-margin-12x-start {
    margin-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-margin-12x-end {
    margin-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-padding-12x {
    padding: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-padding-12x-horizontal {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-padding-12x-vertical {
    padding-top: var(--oj-core-spacing-12x) !important;
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-padding-12x-top {
    padding-top: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-padding-12x-bottom {
    padding-bottom: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-padding-12x-start {
    padding-inline-start: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-padding-12x-end {
    padding-inline-end: var(--oj-core-spacing-12x) !important;
  }
  .oj-lg-only-width-1\/2 {
    width: 50% !important;
  }
  .oj-lg-only-width-1\/3 {
    width: 33.333333% !important;
  }
  .oj-lg-only-width-2\/3 {
    width: 66.666667% !important;
  }
  .oj-lg-only-width-1\/4 {
    width: 25% !important;
  }
  .oj-lg-only-width-3\/4 {
    width: 75% !important;
  }
  .oj-lg-only-width-1\/5 {
    width: 20% !important;
  }
  .oj-lg-only-width-2\/5 {
    width: 40% !important;
  }
  .oj-lg-only-width-3\/5 {
    width: 60% !important;
  }
  .oj-lg-only-width-4\/5 {
    width: 80% !important;
  }
  .oj-lg-only-width-full {
    width: 100% !important;
  }
  .oj-lg-only-text-align-end {
    text-align: right !important;
  }
  html[dir="rtl"] .oj-lg-only-text-align-end {
    text-align: left !important;
  }
  .oj-lg-only-float-end {
    float: right !important;
  }
  html[dir="rtl"] .oj-lg-only-float-end {
    float: left !important;
  }
  .oj-lg-only-float-start {
    float: left !important;
  }
  html[dir="rtl"] .oj-lg-only-float-start {
    float: right !important;
  }
}


.oj-mq-sm-up {
  font-family: "/print, screen/";
}

.oj-mq-md-up {
  font-family: "/print, screen and (min-width: 600px)/";
}

.oj-mq-lg-up {
  font-family: "/print and (orientation: landscape), screen and (min-width: 1024px)/";
}

.oj-mq-xl-up {
  font-family: "/screen and (min-width: 1440px)/";
}

.oj-mq-xxl-up {
  font-family: "/null/";
}

.oj-mq-sm-only {
  font-family: "/screen and (max-width: 599.9px)/";
}

.oj-mq-md-only {
  font-family: "/print and (orientation: portrait), screen and (min-width: 600px) and (max-width: 1023.9px)/";
}

.oj-mq-lg-only {
  font-family: "/print and (orientation: landscape), screen and (min-width: 1024px) and (max-width: 1439.9px)/";
}

.oj-mq-xl-only {
  font-family: "/null/";
}

.oj-mq-md-down {
  font-family: "/print and (orientation: portrait), screen and (max-width: 1023.9px)/";
}

.oj-mq-lg-down {
  font-family: "/print and (orientation: landscape), screen and (max-width: 1439.9px)/";
}

.oj-mq-xl-down {
  font-family: "/null/";
}

.oj-mq-high-resolution {
  font-family: "/(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx)/";
}

:root {
  --oj-button-border-radius:        var(--oj-core-border-radius-md);
  --oj-button-font-weight:          600;
  --oj-button-height:                2.75rem;
  --oj-button-sm-height:             2.25rem;
  --oj-button-lg-height:             3.25rem;
  --oj-button-font-size:              var(--oj-typography-body-sm-font-size);
  --oj-button-sm-font-size:           var(--oj-typography-body-sm-font-size);
  --oj-button-lg-font-size:           var(--oj-typography-body-sm-font-size);
  --oj-button-text-to-edge-padding:      1rem;
  --oj-button-sm-text-to-edge-padding:   1rem;
  --oj-button-lg-text-to-edge-padding:   1.5rem;
  --oj-button-icon-to-text-padding:       .625rem;
  --oj-button-sm-icon-to-text-padding:    .5rem;
  --oj-button-lg-icon-to-text-padding:    1rem;
  --oj-button-icon-to-edge-padding:       .625rem;
  --oj-button-sm-icon-to-edge-padding:    .5rem;
  --oj-button-lg-icon-to-edge-padding:    1rem;
  --oj-button-solid-chrome-bg-color:                      rgba(var(--oj-palette-neutral-rgb-190),.08);
  --oj-button-solid-chrome-border-color:                  transparent;
  --oj-button-solid-chrome-text-color:                    var(--oj-core-text-color-primary);
  --oj-button-solid-chrome-bg-color-hover:                rgba(var(--oj-palette-neutral-rgb-190),.12);
  --oj-button-solid-chrome-border-color-hover:            transparent;
  --oj-button-solid-chrome-text-color-hover:              var(--oj-core-text-color-primary);
  --oj-button-solid-chrome-bg-color-active:               rgba(var(--oj-palette-neutral-rgb-190),.16);
  --oj-button-solid-chrome-border-color-active:           transparent;
  --oj-button-solid-chrome-text-color-active:             var(--oj-core-text-color-primary);
  --oj-button-solid-chrome-bg-color-disabled:             var(--oj-core-color-disabled-1);
  --oj-button-solid-chrome-border-color-disabled:         transparent;
  --oj-button-solid-chrome-text-color-disabled:           var(--oj-core-text-color-disabled);
  --oj-button-solid-chrome-bg-color-selected:     var(--oj-core-bg-color-selected);
  --oj-button-solid-chrome-border-color-selected: var(--oj-core-border-color-selected);
  --oj-button-solid-chrome-text-color-selected:   var(--oj-core-text-color-primary);
  --oj-button-solid-chrome-bg-color-selected-hover:       var(--oj-button-solid-chrome-bg-color-hover);
  --oj-button-solid-chrome-border-color-selected-hover:   var(--oj-button-solid-chrome-border-color-selected);
  --oj-button-solid-chrome-text-color-selected-hover:     var(--oj-button-solid-chrome-text-color-selected);
  --oj-button-solid-chrome-bg-color-selected-disabled:     var(--oj-button-solid-chrome-bg-color-disabled);
  --oj-button-solid-chrome-border-color-selected-disabled: var(--oj-button-outlined-chrome-border-color-disabled);
  --oj-button-solid-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled);
  --oj-private-button-ghost-chrome-text-color:             var(--oj-core-text-color-primary);
  --oj-private-button-ghost-chrome-text-color-hover:       var(--oj-core-text-color-secondary);
  --oj-private-button-ghost-chrome-text-color-active:      var(--oj-core-text-color-secondary);
  --oj-button-borderless-chrome-text-color:        var(--oj-core-text-color-primary);
  --oj-button-borderless-chrome-bg-color-hover:        var(--oj-core-bg-color-hover);
  --oj-button-borderless-chrome-border-color-hover:    transparent;
  --oj-button-borderless-chrome-text-color-hover:      var(--oj-core-text-color-primary);
  --oj-button-borderless-chrome-bg-color-active:       var(--oj-core-bg-color-active);
  --oj-button-borderless-chrome-border-color-active:   transparent;
  --oj-button-borderless-chrome-text-color-active:     var(--oj-core-text-color-primary);
  --oj-button-borderless-chrome-text-color-disabled:   var(--oj-core-text-color-disabled);
  --oj-button-borderless-chrome-bg-color-selected:     var(--oj-core-bg-color-selected);
  --oj-button-borderless-chrome-border-color-selected: var(--oj-core-border-color-selected);
  --oj-button-borderless-chrome-text-color-selected:   var(--oj-core-text-color-primary);
  --oj-button-borderless-chrome-bg-color-selected-hover:     var(--oj-core-bg-color-hover);
  --oj-button-borderless-chrome-border-color-selected-hover: var(--oj-button-borderless-chrome-border-color-selected);
  --oj-button-borderless-chrome-text-color-selected-hover:   var(--oj-button-borderless-chrome-text-color-selected);
  --oj-button-borderless-chrome-bg-color-selected-disabled:     var(--oj-core-color-disabled-1);
  --oj-button-borderless-chrome-border-color-selected-disabled: var(--oj-core-color-disabled-2);
  --oj-button-borderless-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled);
  --oj-button-outlined-chrome-border-color:          var(--oj-core-border-color-enabled);
  --oj-button-outlined-chrome-text-color:            var(--oj-core-text-color-primary);
  --oj-button-outlined-chrome-bg-color:              transparent;
  --oj-button-outlined-chrome-bg-color-hover:        var(--oj-core-bg-color-hover);
  --oj-button-outlined-chrome-border-color-hover:    var(--oj-core-border-color-enabled);
  --oj-button-outlined-chrome-text-color-hover:      var(--oj-core-text-color-primary);
  --oj-button-outlined-chrome-bg-color-active:       var(--oj-core-bg-color-active);
  --oj-button-outlined-chrome-border-color-active:   var(--oj-core-border-color-enabled);
  --oj-button-outlined-chrome-text-color-active:     var(--oj-core-text-color-primary);
  --oj-button-outlined-chrome-border-color-disabled: var(--oj-core-text-color-disabled);
  --oj-button-outlined-chrome-text-color-disabled:   var(--oj-core-text-color-disabled);
  --oj-button-outlined-chrome-bg-color-disabled:     transparent;
  --oj-button-outlined-chrome-bg-color-selected:     var(--oj-core-bg-color-selected);
  --oj-button-outlined-chrome-border-color-selected: var(--oj-core-border-color-selected);
  --oj-button-outlined-chrome-text-color-selected:   var(--oj-core-text-color-primary);
  --oj-button-outlined-chrome-bg-color-selected-hover:    var(--oj-button-outlined-chrome-bg-color-hover);
  --oj-button-outlined-chrome-border-color-selected-hover: var(--oj-button-outlined-chrome-border-color-selected);
  --oj-button-outlined-chrome-text-color-selected-hover:   var(--oj-button-outlined-chrome-text-color-selected);
  --oj-button-outlined-chrome-bg-color-selected-disabled:     var(--oj-core-color-disabled-1);
  --oj-button-outlined-chrome-border-color-selected-disabled: var(--oj-button-outlined-chrome-border-color-disabled);
  --oj-button-outlined-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled);
  --oj-button-call-to-action-chrome-bg-color:                      rgb(var(--oj-palette-neutral-rgb-170));
  --oj-button-call-to-action-chrome-border-color:                  transparent;
  --oj-button-call-to-action-chrome-text-color:                    var(--oj-core-neutral-contrast);
  --oj-button-call-to-action-chrome-bg-color-hover:                rgb(var(--oj-palette-neutral-rgb-160));
  --oj-button-call-to-action-chrome-border-color-hover:            transparent;
  --oj-button-call-to-action-chrome-text-color-hover:              var(--oj-core-neutral-contrast);
  --oj-button-call-to-action-chrome-bg-color-active:               rgb(var(--oj-palette-neutral-rgb-150));
  --oj-button-call-to-action-chrome-border-color-active:           transparent;
  --oj-button-call-to-action-chrome-text-color-active:             var(--oj-core-neutral-contrast);
  --oj-button-icon-size:         var(--oj-core-icon-size-lg);
  --oj-button-sm-icon-size:      1.25rem;
  --oj-button-lg-icon-size:      var(--oj-core-icon-size-lg);
  --oj-private-button-global-chroming-default:   outlined;
}

:root {
  --oj-private-icon-color:              var(--oj-core-text-color-primary);
  --oj-private-icon-color-default:      var(--oj-button-borderless-chrome-text-color);
  --oj-private-icon-color-hover:        var(--oj-button-borderless-chrome-text-color-hover);
  --oj-private-icon-bg-color-hover:     var(--oj-button-borderless-chrome-bg-color-hover);
  --oj-private-icon-border-color-hover: var(--oj-button-borderless-chrome-border-color-hover);
  --oj-private-icon-color-active:       var(--oj-button-borderless-chrome-text-color-active);
  --oj-private-icon-bg-color-active:    var(--oj-button-borderless-chrome-bg-color-active);
  --oj-private-icon-border-color-active:var(--oj-button-borderless-chrome-border-color-active);
  --oj-private-icon-color-disabled:     var(--oj-button-borderless-chrome-text-color-disabled);
}

.oj-fwk-icon-arrow-e:before, html[dir="rtl"] .oj-fwk-icon-arrow-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-end:before {
  content: "\f101";
}

.oj-fwk-icon-arrow-n:before {
  content: "\f102";
}

.oj-fwk-icon-arrow-ne:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-end:before {
  content: "\f103";
}

.oj-fwk-icon-arrow-nw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-n-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-n-end:before {
  content: "\f104";
}

.oj-fwk-icon-arrow-s:before, .oj-button-menu-dropdown-icon:before {
  content: "\f105";
}

.oj-fwk-icon-arrow-se:before, html[dir="rtl"] .oj-fwk-icon-arrow-s-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-s-end:before {
  content: "\f106";
}

.oj-fwk-icon-arrow-sw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-s-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-s-end:before {
  content: "\f107";
}

.oj-fwk-icon-arrow-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow-start:before, html[dir="rtl"] .oj-fwk-icon-arrow-end:before {
  content: "\f108";
}

.oj-fwk-icon-arrow02-e:before, html[dir="rtl"] .oj-fwk-icon-arrow02-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow02-end:before {
  content: "\f109";
}

.oj-fwk-icon-arrow02-n:before {
  content: "\f10a";
}

.oj-fwk-icon-arrow02-s:before, .oj-combobox-open-icon:before, .oj-searchselect-open-icon:before, .oj-select-open-icon:before {
  content: "\f10b";
}

.oj-fwk-icon-arrow02-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow02-start:before, html[dir="rtl"] .oj-fwk-icon-arrow02-end:before {
  content: "\f10c";
}

.oj-fwk-icon-arrow03-e:before, html[dir="rtl"] .oj-fwk-icon-arrow03-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-end:before, html:not([dir="rtl"]) .oj-datagrid-collapsed-icon:before, html:not([dir="rtl"]) .oj-menu-submenu-icon:before, html:not([dir="rtl"]) .oj-rowexpander-expand-icon:before, html:not([dir="rtl"]) .oj-collapsed > .oj-treeview-item-content > .oj-treeview-disclosure-icon:before {
  content: "\f10d";
}

.oj-fwk-icon-arrow03-n:before {
  content: "\f10e";
}

.oj-fwk-icon-arrow03-ne:before, html[dir="rtl"] .oj-fwk-icon-arrow03-n-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-n-end:before {
  content: "\f10f";
}

.oj-fwk-icon-arrow03-nw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-n-start:before, html[dir="rtl"] .oj-fwk-icon-arrow03-n-end:before {
  content: "\f110";
}

.oj-fwk-icon-arrow03-s:before, .oj-rowexpander-collapse-icon:before {
  content: "\f111";
}

.oj-fwk-icon-arrow03-se:before, html[dir="rtl"] .oj-fwk-icon-arrow03-s-start:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-s-end:before, html:not([dir="rtl"]) .oj-datagrid-expanded-icon:before, html:not([dir="rtl"]) .oj-expanded > .oj-treeview-item-content > .oj-treeview-disclosure-icon:before {
  content: "\f112";
}

.oj-fwk-icon-arrow03-sw:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-s-start:before, html[dir="rtl"] .oj-fwk-icon-arrow03-s-end:before, html[dir="rtl"] .oj-datagrid-expanded-icon:before, html[dir="rtl"] .oj-expanded > .oj-treeview-item-content > .oj-treeview-disclosure-icon:before {
  content: "\f113";
}

.oj-fwk-icon-arrow03-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrow03-start:before, html[dir="rtl"] .oj-fwk-icon-arrow03-end:before, html[dir="rtl"] .oj-datagrid-collapsed-icon:before, html[dir="rtl"] .oj-menu-submenu-icon:before, html[dir="rtl"] .oj-rowexpander-expand-icon:before, html[dir="rtl"] .oj-collapsed > .oj-treeview-item-content > .oj-treeview-disclosure-icon:before {
  content: "\f114";
}

.oj-fwk-icon-arrowbox-n:before {
  content: "\f115";
}

.oj-fwk-icon-arrowtail-e:before, html[dir="rtl"] .oj-fwk-icon-arrowtail-start:before, html[dir="rtl"] .oj-fwk-icon-back:before, html[dir="rtl"] .oj-hybrid-applayout-header-icon-back:before, html:not([dir="rtl"]) .oj-fwk-icon-arrowtail-end:before, html:not([dir="rtl"]) .oj-fwk-icon-next:before {
  content: "\f116";
}

.oj-fwk-icon-arrowtail-n:before {
  content: "\f117";
}

.oj-fwk-icon-arrowtail-s:before {
  content: "\f118";
}

.oj-fwk-icon-arrowtail-w:before, html:not([dir="rtl"]) .oj-fwk-icon-arrowtail-start:before, html:not([dir="rtl"]) .oj-fwk-icon-back:before, html:not([dir="rtl"]) .oj-hybrid-applayout-header-icon-back:before, html[dir="rtl"] .oj-fwk-icon-arrowtail-end:before, html[dir="rtl"] .oj-fwk-icon-next:before {
  content: "\f119";
}

.oj-fwk-icon-arrowtail02-n:before, .oj-datagrid-sort-default-icon:before, .oj-datagrid-sort-ascending-icon:before {
  content: "\f11a";
}

.oj-fwk-icon-arrowtail02-s:before, .oj-datagrid-sort-descending-icon:before {
  content: "\f11b";
}

.oj-fwk-icon-back:before, .oj-hybrid-applayout-header-icon-back:before {
  content: "\f11c";
}

.oj-fwk-icon-calendar-clock:before, .oj-inputdatetime-calendar-clock-icon:before {
  content: "\f11d";
}

.oj-fwk-icon-calendar:before, .oj-inputdatetime-calendar-icon:before {
  content: "\f11e";
}

.oj-fwk-icon-caret-e:before, html[dir="rtl"] .oj-fwk-icon-caret-start:before, html[dir="rtl"] .oj-conveyorbelt-overflow-icon.oj-start:before, html[dir="rtl"] .oj-filmstrip-arrow-icon.oj-start:before, html[dir="rtl"] .oj-inputsearch-back-icon:before, html[dir="rtl"] .oj-navigationlist-previous-icon:before, html[dir="rtl"] .oj-searchselect-back-icon:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-end:before, html:not([dir="rtl"]) .oj-collapsible-close-icon:before, html:not([dir="rtl"]) .oj-listview-collapse-icon:before, html:not([dir="rtl"]) .oj-listview-drill-icon:before, html:not([dir="rtl"]) .oj-conveyorbelt-overflow-icon.oj-end:before, html:not([dir="rtl"]) .oj-filmstrip-arrow-icon.oj-end:before, html:not([dir="rtl"]) .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before, .oj-navigationlist-collapsible html:not([dir="rtl"]) .oj-navigationlist-collapse-icon:before, html:not([dir="rtl"]) .oj-navigationlist-slider .oj-navigationlist-collapse-icon:before, .oj-navigationlist-slider html:not([dir="rtl"]) .oj-navigationlist-collapse-icon:before, html[dir="rtl"] .oj-datepicker-prev-icon:before, html:not([dir="rtl"]) .oj-datepicker-next-icon:before {
  content: "\f11f";
}

.oj-fwk-icon-caret-n:before, .oj-conveyorbelt-overflow-icon.oj-top:before, .oj-filmstrip-arrow-icon.oj-top:before, .oj-inputnumber-up-icon:before, .oj-table-column-header-asc-icon:before {
  content: "\f120";
}

.oj-fwk-icon-caret-s:before, .oj-collapsible-open-icon:before, .oj-listview-expand-icon:before, .oj-conveyorbelt-overflow-icon.oj-bottom:before, .oj-filmstrip-arrow-icon.oj-bottom:before, .oj-inputnumber-down-icon:before, .oj-navigationlist-collapsible .oj-navigationlist-expand-icon:before, .oj-table-column-header-dsc-icon:before {
  content: "\f121";
}

.oj-fwk-icon-caret-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret-start:before, html:not([dir="rtl"]) .oj-conveyorbelt-overflow-icon.oj-start:before, html:not([dir="rtl"]) .oj-filmstrip-arrow-icon.oj-start:before, html:not([dir="rtl"]) .oj-inputsearch-back-icon:before, html:not([dir="rtl"]) .oj-navigationlist-previous-icon:before, html:not([dir="rtl"]) .oj-searchselect-back-icon:before, html[dir="rtl"] .oj-fwk-icon-caret-end:before, html[dir="rtl"] .oj-collapsible-close-icon:before, html[dir="rtl"] .oj-listview-collapse-icon:before, html[dir="rtl"] .oj-listview-drill-icon:before, html[dir="rtl"] .oj-conveyorbelt-overflow-icon.oj-end:before, html[dir="rtl"] .oj-filmstrip-arrow-icon.oj-end:before, html[dir="rtl"] .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before, .oj-navigationlist-collapsible html[dir="rtl"] .oj-navigationlist-collapse-icon:before, html[dir="rtl"] .oj-navigationlist-slider .oj-navigationlist-collapse-icon:before, .oj-navigationlist-slider html[dir="rtl"] .oj-navigationlist-collapse-icon:before, html:not([dir="rtl"]) .oj-datepicker-prev-icon:before, html[dir="rtl"] .oj-datepicker-next-icon:before {
  content: "\f122";
}

.oj-fwk-icon-caret02-e:before, html[dir="rtl"] .oj-fwk-icon-caret02-start:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02-end:before, html[dir="rtl"] .oj-pagingcontrol-nav-previous-icon:before, html:not([dir="rtl"]) .oj-pagingcontrol-nav-next-icon:before {
  content: "\f123";
}

.oj-fwk-icon-caret02-n:before, .oj-pagingcontrol-nav-previous-vertical-icon:before {
  content: "\f124";
}

.oj-fwk-icon-caret02-s:before, .oj-pagingcontrol-nav-next-vertical-icon:before {
  content: "\f125";
}

.oj-fwk-icon-caret02-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02-start:before, html[dir="rtl"] .oj-fwk-icon-caret02-end:before, html:not([dir="rtl"]) .oj-pagingcontrol-nav-previous-icon:before, html[dir="rtl"] .oj-pagingcontrol-nav-next-icon:before {
  content: "\f126";
}

.oj-fwk-icon-caret02end-e:before, html[dir="rtl"] .oj-fwk-icon-caret02end-start:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02end-end:before, html[dir="rtl"] .oj-pagingcontrol-nav-first-icon:before, html:not([dir="rtl"]) .oj-pagingcontrol-nav-last-icon:before {
  content: "\f127";
}

.oj-fwk-icon-caret02end-n:before, .oj-pagingcontrol-nav-first-vertical-icon:before {
  content: "\f128";
}

.oj-fwk-icon-caret02end-s:before, .oj-pagingcontrol-nav-last-vertical-icon:before {
  content: "\f129";
}

.oj-fwk-icon-caret02end-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret02end-start:before, html[dir="rtl"] .oj-fwk-icon-caret02end-end:before, html:not([dir="rtl"]) .oj-pagingcontrol-nav-first-icon:before, html[dir="rtl"] .oj-pagingcontrol-nav-last-icon:before {
  content: "\f12a";
}

.oj-fwk-icon-caret03-e:before, html[dir="rtl"] .oj-fwk-icon-caret03-start:before, html:not([dir="rtl"]) .oj-fwk-icon-caret03-end:before, html:not([dir="rtl"]) .oj-menu-submenu-icon:before {
  content: "\f12b";
}

.oj-fwk-icon-caret03-n:before {
  content: "\f12c";
}

.oj-fwk-icon-caret03-s:before {
  content: "\f12d";
}

.oj-fwk-icon-caret03-w:before, html:not([dir="rtl"]) .oj-fwk-icon-caret03-start:before, html[dir="rtl"] .oj-fwk-icon-caret03-end:before, html[dir="rtl"] .oj-menu-submenu-icon:before {
  content: "\f12e";
}

.oj-fwk-icon-checkbox-mixed:before, .oj-selector:hover .oj-selector-wrapper.oj-indeterminate:before,
.oj-selector .oj-selector-wrapper.oj-indeterminate:before,
.oj-selector:active .oj-selector-wrapper.oj-indeterminate:before {
  content: "\f12f";
}

.oj-fwk-icon-checkbox-off:before, .oj-checkboxset .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-hover .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-disabled .oj-radiocheckbox-icon:before, .oj-selector:active .oj-selector-wrapper:not(.oj-indeterminate):not(.oj-selected):before,
.oj-selector .oj-selector-wrapper:not(.oj-indeterminate):not(.oj-selected):before,
.oj-selector:hover .oj-selector-wrapper:not(.oj-indeterminate):not(.oj-selected):before {
  content: "\f130";
}

.oj-fwk-icon-checkbox-on:before, .oj-checkboxset .oj-selected.oj-hover .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-selected .oj-radiocheckbox-icon:before, .oj-checkboxset .oj-disabled.oj-selected .oj-radiocheckbox-icon:before, .oj-selector .oj-selector-wrapper.oj-selected:before,
.oj-selector:active .oj-selector-wrapper.oj-selected:before,
.oj-selector:hover .oj-selector-wrapper.oj-selected:before {
  content: "\f131";
}

.oj-fwk-icon-checkmark:before, .oj-menucheckbox-icon.oj-selected:before {
  content: "\f132";
}

.oj-fwk-icon-clock:before, .oj-inputdatetime-time-icon:before {
  content: "\f133";
}

.oj-fwk-icon-corner-drag:before {
  content: "\f134";
}

.oj-fwk-icon-cross:before, .oj-combobox-clear-entry-icon:before, .oj-panel-remove-icon:before, .oj-select-clear-entry-icon:before, .oj-tabbar-remove-icon:before {
  content: "\f135";
}

.oj-fwk-icon-cross02:before, .oj-inputdatetime-clear-icon:before, .oj-inputtext-clear-icon:before, .oj-inputsearch-clear-icon:before, .oj-menu-option-start-icon .oj-menu-cancel-icon:before, .oj-searchselect-clear-value-icon:before {
  content: "\f136";
}

.oj-fwk-icon-cross03:before {
  content: "\f137";
}

.oj-fwk-icon-dots-horizontal:before, .oj-button-menu-icon-only-dropdown-icon:before, .oj-navigationlist-overflow-item-icon:before, .oj-tabbar-overflow-item-icon:before {
  content: "\f138";
}

.oj-fwk-icon-dots-vertical:before {
  content: "\f139";
}

.oj-fwk-icon-drag-horizontal:before {
  content: "\f13a";
}

.oj-fwk-icon-drag-vertical:before {
  content: "\f13b";
}

.oj-fwk-icon-drag:before, .oj-listview-card .oj-listview-drag-handle:before,
.oj-listview-card-layout .oj-listview-drag-handle:before, .oj-listview-drag-handle:before, .oj-panel-drag-icon:before {
  content: "\f13c";
}

.oj-fwk-icon-filter:before, .oj-datagrid-filterable-icon:before,
.oj-datagrid-filtered-icon:before {
  content: "\f13d";
}

.oj-fwk-icon-folderhierarchy:before, .oj-hier-icon:before {
  content: "\f13e";
}

.oj-fwk-icon-grid:before {
  content: "\f13f";
}

.oj-fwk-icon-hamburger:before, .oj-web-applayout-offcanvas-icon:before {
  content: "\f140";
}

.oj-fwk-icon-help:before, .oj-label-help-icon:before {
  content: "\f141";
}

.oj-fwk-icon-info:before {
  content: "\f142";
}

.oj-fwk-icon-list:before {
  content: "\f143";
}

.oj-fwk-icon-magnifier:before, .oj-inputsearch-search-icon:before {
  content: "\f144";
}

.oj-fwk-icon-marquee:before {
  content: "\f145";
}

.oj-fwk-icon-maximize:before, .oj-panel-expand-icon:before {
  content: "\f146";
}

.oj-fwk-icon-message-confirmation:before, .oj-message-status-icon.oj-message-confirmation-icon:before, .oj-train-icon.oj-confirmation:before {
  content: "\f147";
}

.oj-fwk-icon-message-error:before, .oj-message-status-icon.oj-message-error-icon:before, .oj-train-icon.oj-error:before {
  content: "\f148";
}

.oj-fwk-icon-message-info:before, .oj-message-status-icon.oj-message-info-icon:before, .oj-train-icon.oj-info:before {
  content: "\f149";
}

.oj-fwk-icon-message-warning:before, .oj-message-status-icon.oj-message-warning-icon:before, .oj-train-icon.oj-warning:before {
  content: "\f14a";
}

.oj-fwk-icon-minimize:before, .oj-panel-collapse-icon:before {
  content: "\f14b";
}

.oj-fwk-icon-minus:before {
  content: "\f14c";
}

.oj-fwk-icon-next:before {
  content: "\f14d";
}

.oj-fwk-icon-node-collapse:before {
  content: "\f14e";
}

.oj-fwk-icon-node-expand:before {
  content: "\f14f";
}

.oj-fwk-icon-pan:before {
  content: "\f150";
}

.oj-fwk-icon-plus:before {
  content: "\f151";
}

.oj-fwk-icon-radiobutton-off:before, .oj-radioset .oj-radiocheckbox-icon:before, .oj-radioset .oj-hover .oj-radiocheckbox-icon:before, .oj-radioset .oj-disabled .oj-radiocheckbox-icon:before {
  content: "\f152";
}

.oj-fwk-icon-radiobutton-on:before, .oj-radioset .oj-selected .oj-radiocheckbox-icon:before, .oj-radioset .oj-selected.oj-hover .oj-radiocheckbox-icon:before, .oj-radioset .oj-disabled.oj-selected .oj-radiocheckbox-icon:before {
  content: "\f153";
}

.oj-fwk-icon-sort:before, .oj-table-column-header-default-sort-icon:before {
  content: "\f154";
}

.oj-fwk-icon-sortrelevancehigh:before {
  content: "\f155";
}

.oj-fwk-icon-tree-document:before, .oj-treeview-leaf > .oj-treeview-item-content > .oj-treeview-item-icon:before {
  content: "\f156";
}

.oj-fwk-icon-tree-folder-collapsed:before, .oj-collapsed > .oj-treeview-item-content > .oj-treeview-item-icon:before {
  content: "\f157";
}

.oj-fwk-icon-tree-folder-open:before, .oj-expanded > .oj-treeview-item-content > .oj-treeview-item-icon:before {
  content: "\f158";
}

.oj-fwk-icon-tristate-partial:before {
  content: "\f159";
}

.oj-fwk-icon-users:before, .oj-avatar-group-image .oj-avatar-placeholder-icon:before {
  content: "\f15a";
}

.oj-fwk-icon-view-hide:before, .oj-inputpassword-hide-password-icon:before {
  content: "\f15b";
}

.oj-fwk-icon-view:before, .oj-inputpassword-show-password-icon:before {
  content: "\f15c";
}

.oj-fwk-icon-warning:before {
  content: "\f15d";
}

.oj-fwk-icon-zoom-in:before {
  content: "\f15e";
}

.oj-fwk-icon-zoom-out:before {
  content: "\f15f";
}


@font-face {
  font-family: "JetInternal IconFont";
  src: url("../oraclejet/css/libs/oj/17.0.1/redwood/fonts/internal_iconfont.woff2") format("woff");
}


.oj-fwk-icon, .oj-web-applayout-offcanvas-icon, .oj-avatar-placeholder-icon, .oj-listview-drill-icon, .oj-listview-drag-handle, .oj-panel-drag-icon, .oj-panel-expand-icon, .oj-panel-collapse-icon, .oj-panel-remove-icon,
.oj-component-icon,
.oj-menucheckbox-icon {
  font-family: "JetInternal IconFont";
  font-size: var(--oj-core-icon-size-lg);
  line-height: 1;
  display: inline-block;
  font-weight: normal;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: var(--oj-private-icon-color);
  text-align: center;
  box-sizing: content-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.oj-fwk-icon:before, .oj-web-applayout-offcanvas-icon:before, .oj-avatar-placeholder-icon:before, .oj-listview-drill-icon:before, .oj-listview-drag-handle:before, .oj-panel-drag-icon:before, .oj-panel-expand-icon:before, .oj-panel-collapse-icon:before, .oj-panel-remove-icon:before,
.oj-component-icon:before,
.oj-menucheckbox-icon:before {
  display: inline-block;
}


.oj-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  overflow: hidden;
  direction: ltr;
  text-align: center;
  box-sizing: content-box;
}

.oj-icon:before {
  display: inline-block;
  box-sizing: content-box;
}

a .oj-clickable-icon,
a.oj-clickable-icon,
a.oj-clickable-icon-nocontext {
  font-weight: normal;
}

a .oj-clickable-icon,
a.oj-clickable-icon,
a.oj-clickable-icon-nocontext,
a:visited .oj-clickable-icon,
a:visited.oj-clickable-icon,
a:visited.oj-clickable-icon-nocontext,
.oj-default .oj-clickable-icon,
.oj-default.oj-clickable-icon,
.oj-default.oj-clickable-icon-nocontext {
  color: var(--oj-private-icon-color-default);
}

a:hover .oj-clickable-icon,
a:hover.oj-clickable-icon,
a:hover.oj-clickable-icon-nocontext,
.oj-hover .oj-clickable-icon,
.oj-hover.oj-clickable-icon,
.oj-hover.oj-clickable-icon-nocontext {
  color: var(--oj-private-icon-color-hover);
  text-decoration: none;
}

a:active .oj-clickable-icon,
a:active.oj-clickable-icon,
a:active.oj-clickable-icon-nocontext,
.oj-active .oj-clickable-icon,
.oj-active.oj-clickable-icon,
.oj-active.oj-clickable-icon-nocontext {
  color: var(--oj-private-icon-color-active);
}

a.oj-disabled .oj-clickable-icon,
a.oj-disabled.oj-clickable-icon,
a.oj-disabled.oj-clickable-icon-nocontext,
.oj-disabled .oj-clickable-icon,
.oj-disabled a .oj-clickable-icon,
.oj-disabled.oj-clickable-icon,
.oj-disabled.oj-clickable-icon-nocontext {
  color: var(--oj-private-icon-color-disabled);
  cursor: default;
}

.oj-fwk-icon-load:before, .oj-rowexpander-lazyload-icon:before {
  content: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/node_anim.gif");
}

.oj-contrast-marker,
.oj-color-invert {
  --oj-private-icon-color:              var(--oj-core-text-color-primary);
  --oj-private-icon-color-default:      var(--oj-button-borderless-chrome-text-color);
  --oj-private-icon-color-hover:        var(--oj-button-borderless-chrome-text-color-hover);
  --oj-private-icon-bg-color-hover:     var(--oj-button-borderless-chrome-bg-color-hover);
  --oj-private-icon-border-color-hover: var(--oj-button-borderless-chrome-border-color-hover);
  --oj-private-icon-color-active:       var(--oj-button-borderless-chrome-text-color-active);
  --oj-private-icon-bg-color-active:    var(--oj-button-borderless-chrome-bg-color-active);
  --oj-private-icon-border-color-active:var(--oj-button-borderless-chrome-border-color-active);
  --oj-private-icon-color-disabled:     var(--oj-button-borderless-chrome-text-color-disabled);
}


.oj-flex {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.oj-flex-item {
  flex: auto;
  box-sizing: border-box;
}

.oj-flex-bar, .oj-hybrid-applayout-header, .oj-hybrid-applayout-header-no-border, .oj-hybrid-applayout-toolbar-stretch {
  position: relative;
}

.oj-flex-bar, .oj-hybrid-applayout-header, .oj-hybrid-applayout-header-no-border, .oj-hybrid-applayout-toolbar-stretch,
.oj-flex-bar-start,
.oj-flex-bar-middle,
.oj-hybrid-applayout-bar-title,
.oj-flex-bar-end,
.oj-flex-bar-center-absolute {
  box-sizing: border-box;
  display: flex;
}


.oj-flex-bar-middle,
.oj-hybrid-applayout-bar-title {
  flex: auto;
}

.oj-flex-bar-end {
  margin-inline-start: auto;
}

.oj-flex-bar-center-absolute {
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  top: 0;
}

@media print, screen {
  .oj-sm-flex-items-0 > .oj-flex-item {
    flex: 0;
  }
  .oj-sm-flex-items-1 > .oj-flex-item {
    flex: 1;
  }
  .oj-sm-flex-items-initial > .oj-flex-item {
    flex: 0 1 auto;
  }
  .oj-sm-flex-0 {
    flex: 0 !important;
  }
  .oj-sm-flex-1 {
    flex: 1 !important;
  }
  .oj-sm-flex-initial {
    flex: 0 1 auto !important;
  }
  .oj-sm-justify-content-flex-start {
    justify-content: flex-start !important;
  }
  .oj-sm-justify-content-flex-end {
    justify-content: flex-end !important;
  }
  .oj-sm-justify-content-center {
    justify-content: center !important;
  }
  .oj-sm-justify-content-space-between {
    justify-content: space-between !important;
  }
  .oj-sm-justify-content-space-around {
    justify-content: space-around !important;
  }
  .oj-sm-align-items-center, .oj-hybrid-applayout-header, .oj-hybrid-applayout-header-no-border {
    align-items: center !important;
  }
  .oj-sm-align-items-baseline {
    align-items: baseline !important;
  }
  .oj-sm-align-items-flex-start {
    align-items: flex-start !important;
  }
  .oj-sm-align-items-flex-end {
    align-items: flex-end !important;
  }
  .oj-sm-align-self-center {
    align-self: center !important;
  }
  .oj-sm-align-self-flex-start {
    align-self: flex-start !important;
  }
  .oj-sm-align-self-flex-end {
    align-self: flex-end !important;
  }
  .oj-sm-flex-direction-column {
    flex-direction: column !important;
  }
  .oj-sm-flex-wrap-nowrap {
    flex-wrap: nowrap !important;
  }
}

@media print, screen and (min-width: 600px) {
  .oj-md-flex-items-0 > .oj-flex-item {
    flex: 0;
  }
  .oj-md-flex-items-1 > .oj-flex-item {
    flex: 1;
  }
  .oj-md-flex-items-initial > .oj-flex-item {
    flex: 0 1 auto;
  }
  .oj-md-flex-0 {
    flex: 0 !important;
  }
  .oj-md-flex-1 {
    flex: 1 !important;
  }
  .oj-md-flex-initial {
    flex: 0 1 auto !important;
  }
  .oj-md-order-0 {
    order: 0 !important;
  }
  .oj-md-order-1 {
    order: 1 !important;
  }
  .oj-md-order-2 {
    order: 2 !important;
  }
  .oj-md-order-3 {
    order: 3 !important;
  }
  .oj-md-order-4 {
    order: 4 !important;
  }
  .oj-md-order-5 {
    order: 5 !important;
  }
  .oj-md-justify-content-flex-start {
    justify-content: flex-start !important;
  }
  .oj-md-justify-content-flex-end {
    justify-content: flex-end !important;
  }
  .oj-md-justify-content-center {
    justify-content: center !important;
  }
  .oj-md-justify-content-space-between {
    justify-content: space-between !important;
  }
  .oj-md-justify-content-space-around {
    justify-content: space-around !important;
  }
  .oj-md-align-items-center {
    align-items: center !important;
  }
  .oj-md-align-items-baseline {
    align-items: baseline !important;
  }
  .oj-md-align-items-flex-start {
    align-items: flex-start !important;
  }
  .oj-md-align-items-flex-end {
    align-items: flex-end !important;
  }
  .oj-md-align-self-center {
    align-self: center !important;
  }
  .oj-md-align-self-flex-start {
    align-self: flex-start !important;
  }
  .oj-md-align-self-flex-end {
    align-self: flex-end !important;
  }
  .oj-md-flex-direction-column {
    flex-direction: column !important;
  }
  .oj-md-flex-wrap-nowrap {
    flex-wrap: nowrap !important;
  }
}

@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-lg-flex-items-0 > .oj-flex-item {
    flex: 0;
  }
  .oj-lg-flex-items-1 > .oj-flex-item {
    flex: 1;
  }
  .oj-lg-flex-items-initial > .oj-flex-item {
    flex: 0 1 auto;
  }
  .oj-lg-flex-0 {
    flex: 0 !important;
  }
  .oj-lg-flex-1 {
    flex: 1 !important;
  }
  .oj-lg-flex-initial {
    flex: 0 1 auto !important;
  }
  .oj-lg-order-0 {
    order: 0 !important;
  }
  .oj-lg-order-1 {
    order: 1 !important;
  }
  .oj-lg-order-2 {
    order: 2 !important;
  }
  .oj-lg-order-3 {
    order: 3 !important;
  }
  .oj-lg-order-4 {
    order: 4 !important;
  }
  .oj-lg-order-5 {
    order: 5 !important;
  }
  .oj-lg-justify-content-flex-start {
    justify-content: flex-start !important;
  }
  .oj-lg-justify-content-flex-end {
    justify-content: flex-end !important;
  }
  .oj-lg-justify-content-center {
    justify-content: center !important;
  }
  .oj-lg-justify-content-space-between {
    justify-content: space-between !important;
  }
  .oj-lg-justify-content-space-around {
    justify-content: space-around !important;
  }
  .oj-lg-align-items-center {
    align-items: center !important;
  }
  .oj-lg-align-items-baseline {
    align-items: baseline !important;
  }
  .oj-lg-align-items-flex-start {
    align-items: flex-start !important;
  }
  .oj-lg-align-items-flex-end {
    align-items: flex-end !important;
  }
  .oj-lg-align-self-center {
    align-self: center !important;
  }
  .oj-lg-align-self-flex-start {
    align-self: flex-start !important;
  }
  .oj-lg-align-self-flex-end {
    align-self: flex-end !important;
  }
  .oj-lg-flex-direction-column {
    flex-direction: column !important;
  }
  .oj-lg-flex-wrap-nowrap {
    flex-wrap: nowrap !important;
  }
}

@media screen and (min-width: 1440px) {
  .oj-xl-flex-items-0 > .oj-flex-item {
    flex: 0;
  }
  .oj-xl-flex-items-1 > .oj-flex-item {
    flex: 1;
  }
  .oj-xl-flex-items-initial > .oj-flex-item {
    flex: 0 1 auto;
  }
  .oj-xl-flex-0 {
    flex: 0 !important;
  }
  .oj-xl-flex-1 {
    flex: 1 !important;
  }
  .oj-xl-flex-initial {
    flex: 0 1 auto !important;
  }
  .oj-xl-order-0 {
    order: 0 !important;
  }
  .oj-xl-order-1 {
    order: 1 !important;
  }
  .oj-xl-order-2 {
    order: 2 !important;
  }
  .oj-xl-order-3 {
    order: 3 !important;
  }
  .oj-xl-order-4 {
    order: 4 !important;
  }
  .oj-xl-order-5 {
    order: 5 !important;
  }
  .oj-xl-justify-content-flex-start {
    justify-content: flex-start !important;
  }
  .oj-xl-justify-content-flex-end {
    justify-content: flex-end !important;
  }
  .oj-xl-justify-content-center {
    justify-content: center !important;
  }
  .oj-xl-justify-content-space-between {
    justify-content: space-between !important;
  }
  .oj-xl-justify-content-space-around {
    justify-content: space-around !important;
  }
  .oj-xl-align-items-center {
    align-items: center !important;
  }
  .oj-xl-align-items-baseline {
    align-items: baseline !important;
  }
  .oj-xl-align-items-flex-start {
    align-items: flex-start !important;
  }
  .oj-xl-align-items-flex-end {
    align-items: flex-end !important;
  }
  .oj-xl-align-self-center {
    align-self: center !important;
  }
  .oj-xl-align-self-flex-start {
    align-self: flex-start !important;
  }
  .oj-xl-align-self-flex-end {
    align-self: flex-end !important;
  }
  .oj-xl-flex-direction-column {
    flex-direction: column !important;
  }
  .oj-xl-flex-wrap-nowrap {
    flex-wrap: nowrap !important;
  }
}

@media screen and (max-width: 599.9px) {
  .oj-sm-only-flex-items-0 > .oj-flex-item {
    flex: 0;
  }
  .oj-sm-only-flex-items-1 > .oj-flex-item {
    flex: 1;
  }
  .oj-sm-only-flex-items-initial > .oj-flex-item {
    flex: 0 1 auto;
  }
  .oj-sm-only-flex-0 {
    flex: 0 !important;
  }
  .oj-sm-only-flex-1 {
    flex: 1 !important;
  }
  .oj-sm-only-flex-initial {
    flex: 0 1 auto !important;
  }
  .oj-sm-only-justify-content-flex-start {
    justify-content: flex-start !important;
  }
  .oj-sm-only-justify-content-flex-end {
    justify-content: flex-end !important;
  }
  .oj-sm-only-justify-content-center {
    justify-content: center !important;
  }
  .oj-sm-only-justify-content-space-between {
    justify-content: space-between !important;
  }
  .oj-sm-only-justify-content-space-around {
    justify-content: space-around !important;
  }
  .oj-sm-only-align-items-center {
    align-items: center !important;
  }
  .oj-sm-only-align-items-baseline {
    align-items: baseline !important;
  }
  .oj-sm-only-align-items-flex-start {
    align-items: flex-start !important;
  }
  .oj-sm-only-align-items-flex-end {
    align-items: flex-end !important;
  }
  .oj-sm-only-align-self-center {
    align-self: center !important;
  }
  .oj-sm-only-align-self-flex-start {
    align-self: flex-start !important;
  }
  .oj-sm-only-align-self-flex-end {
    align-self: flex-end !important;
  }
  .oj-sm-only-flex-direction-column {
    flex-direction: column !important;
  }
  .oj-sm-only-flex-wrap-nowrap {
    flex-wrap: nowrap !important;
  }
}

@media print and (orientation: portrait), screen and (min-width: 600px) and (max-width: 1023.9px) {
  .oj-md-only-flex-items-0 > .oj-flex-item {
    flex: 0;
  }
  .oj-md-only-flex-items-1 > .oj-flex-item {
    flex: 1;
  }
  .oj-md-only-flex-items-initial > .oj-flex-item {
    flex: 0 1 auto;
  }
  .oj-md-only-flex-0 {
    flex: 0 !important;
  }
  .oj-md-only-flex-1 {
    flex: 1 !important;
  }
  .oj-md-only-flex-initial {
    flex: 0 1 auto !important;
  }
  .oj-md-only-justify-content-flex-start {
    justify-content: flex-start !important;
  }
  .oj-md-only-justify-content-flex-end {
    justify-content: flex-end !important;
  }
  .oj-md-only-justify-content-center {
    justify-content: center !important;
  }
  .oj-md-only-justify-content-space-between {
    justify-content: space-between !important;
  }
  .oj-md-only-justify-content-space-around {
    justify-content: space-around !important;
  }
  .oj-md-only-align-items-center {
    align-items: center !important;
  }
  .oj-md-only-align-items-baseline {
    align-items: baseline !important;
  }
  .oj-md-only-align-items-flex-start {
    align-items: flex-start !important;
  }
  .oj-md-only-align-items-flex-end {
    align-items: flex-end !important;
  }
  .oj-md-only-align-self-center {
    align-self: center !important;
  }
  .oj-md-only-align-self-flex-start {
    align-self: flex-start !important;
  }
  .oj-md-only-align-self-flex-end {
    align-self: flex-end !important;
  }
  .oj-md-only-flex-direction-column {
    flex-direction: column !important;
  }
  .oj-md-only-flex-wrap-nowrap {
    flex-wrap: nowrap !important;
  }
}

@media print and (orientation: landscape), screen and (min-width: 1024px) and (max-width: 1439.9px) {
  .oj-lg-only-flex-items-0 > .oj-flex-item {
    flex: 0;
  }
  .oj-lg-only-flex-items-1 > .oj-flex-item {
    flex: 1;
  }
  .oj-lg-only-flex-items-initial > .oj-flex-item {
    flex: 0 1 auto;
  }
  .oj-lg-only-flex-0 {
    flex: 0 !important;
  }
  .oj-lg-only-flex-1 {
    flex: 1 !important;
  }
  .oj-lg-only-flex-initial {
    flex: 0 1 auto !important;
  }
  .oj-lg-only-justify-content-flex-start {
    justify-content: flex-start !important;
  }
  .oj-lg-only-justify-content-flex-end {
    justify-content: flex-end !important;
  }
  .oj-lg-only-justify-content-center {
    justify-content: center !important;
  }
  .oj-lg-only-justify-content-space-between {
    justify-content: space-between !important;
  }
  .oj-lg-only-justify-content-space-around {
    justify-content: space-around !important;
  }
  .oj-lg-only-align-items-center {
    align-items: center !important;
  }
  .oj-lg-only-align-items-baseline {
    align-items: baseline !important;
  }
  .oj-lg-only-align-items-flex-start {
    align-items: flex-start !important;
  }
  .oj-lg-only-align-items-flex-end {
    align-items: flex-end !important;
  }
  .oj-lg-only-align-self-center {
    align-self: center !important;
  }
  .oj-lg-only-align-self-flex-start {
    align-self: flex-start !important;
  }
  .oj-lg-only-align-self-flex-end {
    align-self: flex-end !important;
  }
  .oj-lg-only-flex-direction-column {
    flex-direction: column !important;
  }
  .oj-lg-only-flex-wrap-nowrap {
    flex-wrap: nowrap !important;
  }
}

:root {
  --oj-private-app-layout-max-width:                         1440px;
  --oj-private-app-layout-offcanvas-width:                   90%;
  --oj-private-app-layout-offcanvas-max-width:               320px;
}

.oj-applayout-fixed-top, .oj-hybrid-applayout-navbar-fixed-top,
.oj-applayout-fixed-bottom,
.oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid-applayout-navbar {
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  z-index: var(--oj-private-core-z-index-fixed);
}

.oj-applayout-fixed-top, .oj-hybrid-applayout-navbar-fixed-top {
  top: 0;
}


.oj-applayout-fixed-bottom,
.oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid-applayout-navbar {
  bottom: 0;
}

.oj-hybrid-applayout-page {
  --oj-current-bg-color: var(--oj-body-bg-color);
}

:root {
  --oj-private-app-layout-hybrid-offcanvas-bg-color:         rgb(var(--oj-palette-neutral-rgb-160));
  --oj-private-app-layout-hybrid-padding:                    1rem;
  --oj-private-app-layout-hybrid-header-min-height:          56px;
  --oj-private-app-layout-hybrid-header-bg-color:            rgb(var(--oj-palette-neutral-rgb-0));
  --oj-private-app-layout-hybrid-header-border-color:        var(--oj-core-divider-color);
  --oj-private-app-layout-hybrid-header-border-bottom-width: 1px;
  --oj-private-app-layout-hybrid-header-title-text-color:    var(--oj-core-text-color-primary);
  --oj-private-app-layout-hybrid-header-title-font-weight:   500;
  --oj-private-app-layout-hybrid-header-title-font-size:     var(--oj-typography-body-xl-font-size);
  --oj-private-app-layout-hybrid-header-box-shadow:          none;
  --oj-private-app-layout-hybrid-footer-min-height:          48px;
  --oj-private-app-layout-hybrid-footer-bg-color:            var(--oj-private-app-layout-hybrid-header-bg-color);
  --oj-private-app-layout-hybrid-footer-border-color:        var(--oj-private-app-layout-hybrid-header-border-color);
  --oj-private-app-layout-hybrid-footer-border-top-width:    1px;
  --oj-private-app-layout-hybrid-nav-bar-box-shadow:         none;
}


.oj-hybrid:not(.oj-hybrid-show-context-menu) {
  -webkit-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.oj-hybrid input,
.oj-hybrid textarea {
  -webkit-user-select: text;
          user-select: text;
}

.oj-hybrid-padding {
  padding: var(--oj-private-app-layout-hybrid-padding);
}

.oj-hybrid-padding-vertical {
  padding-top: var(--oj-private-app-layout-hybrid-padding);
  padding-bottom: var(--oj-private-app-layout-hybrid-padding);
}

.oj-hybrid-padding-horizontal {
  padding-left: var(--oj-private-app-layout-hybrid-padding);
  padding-right: var(--oj-private-app-layout-hybrid-padding);
}

.oj-hybrid-padding-top {
  padding-top: var(--oj-private-app-layout-hybrid-padding);
}

.oj-hybrid-padding-bottom {
  padding-bottom: var(--oj-private-app-layout-hybrid-padding);
}

html:not([dir="rtl"]) .oj-hybrid-padding-start {
  padding-left: var(--oj-private-app-layout-hybrid-padding);
}

html[dir="rtl"] .oj-hybrid-padding-start {
  padding-right: var(--oj-private-app-layout-hybrid-padding);
}

html:not([dir="rtl"]) .oj-hybrid-padding-end, html:not([dir="rtl"]) .oj-hybrid-applayout-header > .oj-flex-bar-start, html:not([dir="rtl"]) .oj-hybrid-applayout-header-no-border > .oj-flex-bar-start {
  padding-right: var(--oj-private-app-layout-hybrid-padding);
}

html[dir="rtl"] .oj-hybrid-padding-end, html[dir="rtl"] .oj-hybrid-applayout-header > .oj-flex-bar-start, html[dir="rtl"] .oj-hybrid-applayout-header-no-border > .oj-flex-bar-start {
  padding-left: var(--oj-private-app-layout-hybrid-padding);
}

.oj-hybrid-applayout-offcanvas {
  width: var(--oj-private-app-layout-offcanvas-width);
  max-width: var(--oj-private-app-layout-offcanvas-max-width);
  background-color: var(--oj-private-app-layout-hybrid-offcanvas-bg-color);
  color: var(--oj-core-neutral-contrast);
  box-shadow: 3px 2px 7px rgba(var(--oj-core-box-shadow-rgb),0.5);
  box-sizing: border-box;
}

.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-offcanvas {
  padding-top: 0px;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

html:not([dir="rtl"]) .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-offcanvas .oj-navigationlist-item-element {
  margin-left: 0px;
  margin-left: constant(safe-area-inset-left);
  margin-left: env(safe-area-inset-left);
}

html[dir="rtl"] .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-offcanvas .oj-navigationlist-item-element {
  margin-right: 0px;
  margin-right: constant(safe-area-inset-right);
  margin-right: env(safe-area-inset-right);
}

.oj-hybrid-applayout-page {
  min-height: 100vh;
  background-color: var(--oj-body-bg-color);
}

.oj-hybrid-applayout-header, .oj-hybrid-applayout-header-no-border {
  box-shadow: var(--oj-private-app-layout-hybrid-header-box-shadow);
  border-bottom: var(--oj-private-app-layout-hybrid-header-border-bottom-width) solid var(--oj-private-app-layout-hybrid-header-border-color);
  background-color: var(--oj-private-app-layout-hybrid-header-bg-color);
  padding: 0 var(--oj-private-app-layout-hybrid-padding) 0 var(--oj-private-app-layout-hybrid-padding);
}

.oj-hybrid-applayout-header::before, .oj-hybrid-applayout-header-no-border::before {
  content: "";
  display: inline-block;
  min-height: var(--oj-private-app-layout-hybrid-header-min-height);
  visibility: hidden;
}

.oj-hybrid-applayout-header-title {
  font-weight: var(--oj-private-app-layout-hybrid-header-title-font-weight);
  font-size: var(--oj-private-app-layout-hybrid-header-title-font-size);
  color: var(--oj-private-app-layout-hybrid-header-title-text-color);
  padding: 0;
  margin: 0;
}


.oj-hybrid-applayout-header-no-border {
  border-style: none;
  box-shadow: none;
}

.oj-hybrid-applayout-header .oj-button, .oj-hybrid-applayout-header-no-border .oj-button,
.oj-hybrid-applayout-header .oj-button-button,
.oj-hybrid-applayout-header-no-border .oj-button-button {
  margin-bottom: 0;
}

html:not([dir="rtl"]) .oj-hybrid-applayout-header .oj-flex-bar-start > .oj-button:first-child, html:not([dir="rtl"]) .oj-hybrid-applayout-header-no-border .oj-flex-bar-start > .oj-button:first-child {
  margin-left: calc((var(--oj-button-height) - var(--oj-button-icon-size)) / -2);
}

html[dir="rtl"] .oj-hybrid-applayout-header .oj-flex-bar-start > .oj-button:first-child, html[dir="rtl"] .oj-hybrid-applayout-header-no-border .oj-flex-bar-start > .oj-button:first-child {
  margin-right: calc((var(--oj-button-height) - var(--oj-button-icon-size)) / -2);
}

html:not([dir="rtl"]) .oj-hybrid-applayout-header .oj-flex-bar-end > .oj-button:last-child, html:not([dir="rtl"]) .oj-hybrid-applayout-header-no-border .oj-flex-bar-end > .oj-button:last-child {
  margin-right: calc((var(--oj-button-height) - var(--oj-button-icon-size)) / -2);
}

html[dir="rtl"] .oj-hybrid-applayout-header .oj-flex-bar-end > .oj-button:last-child, html[dir="rtl"] .oj-hybrid-applayout-header-no-border .oj-flex-bar-end > .oj-button:last-child {
  margin-left: calc((var(--oj-button-height) - var(--oj-button-icon-size)) / -2);
}


.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-header, .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-header-no-border {
  padding-top: 20px;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  min-height: calc(var(--oj-private-app-layout-hybrid-header-min-height) + 20px);
}

.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-header .oj-hybrid-applayout-header-title, .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-header-no-border .oj-hybrid-applayout-header-title {
  margin-top: 20px;
  margin-top: constant(safe-area-inset-top);
  margin-top: env(safe-area-inset-top);
}

.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-page .oj-hybrid-applayout-content {
  padding-left: 0px;
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
  padding-right: 0px;
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
}

.oj-hybrid-applayout-footer {
  min-height: var(--oj-private-app-layout-hybrid-footer-min-height);
  border-top: var(--oj-private-app-layout-hybrid-footer-border-top-width) solid var(--oj-private-app-layout-hybrid-footer-border-color);
  background-color: var(--oj-private-app-layout-hybrid-footer-bg-color);
}

.oj-hybrid-applayout-toolbar-stretch oj-button {
  display: flex;
}

.oj-hybrid-applayout-toolbar-stretch .oj-button,
.oj-hybrid-applayout-toolbar-stretch .oj-button-button {
  flex: 1 1 auto;
  min-height: var(--oj-private-app-layout-hybrid-footer-min-height);
  box-sizing: border-box;
  margin: 0;
}

.oj-hybrid-applayout-navbar-page, .oj-hybrid-applayout-navbar-fixed-top,
.oj-hybrid-applayout-navbar-app,
.oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid-applayout-navbar {
  background-color: var(--oj-private-app-layout-hybrid-header-bg-color);
}

.oj-applayout-fixed-top .oj-hybrid-applayout-navbar-page, .oj-hybrid-applayout-navbar-fixed-top .oj-hybrid-applayout-navbar-page, .oj-applayout-fixed-top .oj-hybrid-applayout-navbar-fixed-top, .oj-hybrid-applayout-navbar-fixed-top .oj-hybrid-applayout-navbar-fixed-top,
.oj-applayout-fixed-top .oj-hybrid-applayout-navbar-app,
.oj-hybrid-applayout-navbar-fixed-top .oj-hybrid-applayout-navbar-app,
.oj-applayout-fixed-top .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid-applayout-navbar-fixed-top .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-applayout-fixed-top .oj-hybrid-applayout-navbar,
.oj-hybrid-applayout-navbar-fixed-top .oj-hybrid-applayout-navbar {
  box-shadow: var(--oj-private-app-layout-hybrid-header-box-shadow);
  border-bottom: var(--oj-private-app-layout-hybrid-header-border-bottom-width) solid var(--oj-private-app-layout-hybrid-header-border-color);
}

.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-page, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-page, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-page, .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-fixed-top, .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-fixed-top, .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-fixed-top,
.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-app,
.oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-app,
.oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-app,
.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar,
.oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar,
.oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar {
  box-shadow: var(--oj-private-app-layout-hybrid-nav-bar-box-shadow);
  border-top: var(--oj-private-app-layout-hybrid-footer-border-top-width) solid var(--oj-private-app-layout-hybrid-footer-border-color);
}

.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-footer, .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-footer, .oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-footer,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-page,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-page,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-page,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-fixed-top,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-fixed-top,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-fixed-top,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-app,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-app,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-app,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar-fixed-bottom,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-applayout-fixed-bottom .oj-hybrid-applayout-navbar,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar-fixed-bottom .oj-hybrid-applayout-navbar,
.oj-hybrid.oj-platform-ios.oj-platform-cordova.oj-hybrid-statusbar-spacer .oj-hybrid-applayout-navbar .oj-hybrid-applayout-navbar {
  padding-bottom: 0px;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}



:root {
  --oj-private-app-layout-web-offcanvas-bg-color:            rgb(var(--oj-palette-neutral-rgb-160));
  --oj-private-app-layout-web-padding:                       20px;
  --oj-private-app-layout-web-header-bg-color:               rgb(var(--oj-palette-neutral-rgb-0));
  --oj-private-app-layout-web-header-border-color:           var(--oj-core-divider-color);
  --oj-private-app-layout-web-header-box-shadow:             none;
  --oj-private-app-layout-web-header-min-height:             3.143rem;
  --oj-private-app-layout-web-header-title-text-color:       var(--oj-core-text-color-secondary);
  --oj-private-app-layout-web-header-title-font-size:        var(--oj-typography-body-xl-font-size);
  --oj-private-app-layout-web-header-title-font-weight:      600;
  --oj-private-app-layout-web-footer-min-height:             3.571rem;
  --oj-private-app-layout-web-footer-bg-color:               var(--oj-private-app-layout-web-header-bg-color);
  --oj-private-app-layout-web-footer-border-color:           var(--oj-private-app-layout-web-header-border-color);
}

.oj-web-applayout-body {
  overflow-y: scroll;
}

.oj-web-applayout-offcanvas {
  width: var(--oj-private-app-layout-offcanvas-width);
  max-width: var(--oj-private-app-layout-offcanvas-max-width);
  background-color: var(--oj-private-app-layout-web-offcanvas-bg-color);
  color: var(--oj-core-neutral-contrast);
}

.oj-web-applayout-offcanvas-icon {
  font-size: 24px;
}

.oj-web-applayout-page {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 100vh;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .oj-web-applayout-page {
    height: 100vh;
    min-height: 0;
  }
}

_:-ms-lang(x),
_:-webkit-full-screen .oj-web-applayout-page {
  height: auto;
  min-height: 100vh;
}

.oj-web-applayout-max-width {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: var(--oj-private-app-layout-max-width);
  box-sizing: border-box;
}

.oj-web-applayout-header,
.oj-web-applayout-footer,
.oj-web-applayout-navbar,
.oj-web-applayout-header + .oj-progress-bar-embedded {
  flex: 0 0 auto;
}

.oj-web-applayout-header {
  z-index: 1;
  background-color: var(--oj-private-app-layout-web-header-bg-color);
  box-shadow: var(--oj-private-app-layout-web-header-box-shadow);
}

html:not([dir="rtl"]) .oj-web-applayout-header .oj-flex-bar-start {
  padding-right: 10px;
}

html[dir="rtl"] .oj-web-applayout-header .oj-flex-bar-start {
  padding-left: -10px;
}

.oj-web-applayout-header {
  border-bottom: 1px solid var(--oj-private-app-layout-web-header-border-color);
}

.oj-web-applayout-header .oj-button,
.oj-web-applayout-header .oj-button-button {
  margin-bottom: 0;
}

.oj-web-applayout-header > div:first-child {
  box-sizing: border-box;
}

.oj-web-applayout-header > div:first-child::before {
  content: "";
  display: inline-block;
  min-height: var(--oj-private-app-layout-web-header-min-height);
  visibility: hidden;
}

.oj-web-applayout-header > div,
.oj-web-applayout-footer > div {
  padding-left: var(--oj-private-app-layout-web-padding);
  padding-right: var(--oj-private-app-layout-web-padding);
}

html:not([dir="rtl"]) .oj-web-applayout-header .oj-flex-bar-start > .oj-button:first-child {
  margin-left: calc((var(--oj-button-height) - var(--oj-button-icon-size)) / -2);
}

html[dir="rtl"] .oj-web-applayout-header .oj-flex-bar-start > .oj-button:first-child {
  margin-right: calc((var(--oj-button-height) - var(--oj-button-icon-size)) / -2);
}

html:not([dir="rtl"]) .oj-web-applayout-header .oj-flex-bar-start > .oj-button.oj-button-lg:first-child {
  margin-left: calc((var(--oj-button-lg-height) - var(--oj-button-lg-icon-size)) / -2);
}

html[dir="rtl"] .oj-web-applayout-header .oj-flex-bar-start > .oj-button.oj-button-lg:first-child {
  margin-right: calc((var(--oj-button-lg-height) - var(--oj-button-lg-icon-size)) / -2);
}

html:not([dir="rtl"]) .oj-web-applayout-header .oj-flex-bar-end > .oj-button:last-child, html:not([dir="rtl"])
.oj-web-applayout-header .oj-flex-bar-end > .oj-toolbar:last-child {
  margin-right: calc((var(--oj-button-height) - var(--oj-button-icon-size)) / -2);
}

html[dir="rtl"] .oj-web-applayout-header .oj-flex-bar-end > .oj-button:last-child, html[dir="rtl"]
.oj-web-applayout-header .oj-flex-bar-end > .oj-toolbar:last-child {
  margin-left: calc((var(--oj-button-height) - var(--oj-button-icon-size)) / -2);
}

.oj-web-applayout-header-title {
  font-size: var(--oj-private-app-layout-web-header-title-font-size);
  font-weight: var(--oj-private-app-layout-web-header-title-font-weight);
  color: var(--oj-private-app-layout-web-header-title-text-color);
  font-weight: normal;
  line-height: 0;
  padding: 0;
  margin: 0;
}

.oj-web-applayout-navbar .oj-navigationlist-icon-only {
  padding-bottom: 3px;
}

.oj-sm-web-padding-horizontal, .oj-web-padding {
  padding-left: var(--oj-private-app-layout-web-padding);
  padding-right: var(--oj-private-app-layout-web-padding);
}

html:not([dir="rtl"]) .oj-sm-web-padding-start {
  padding-left: var(--oj-private-app-layout-web-padding);
}

html[dir="rtl"] .oj-sm-web-padding-start {
  padding-right: var(--oj-private-app-layout-web-padding);
}

html:not([dir="rtl"]) .oj-sm-web-padding-end {
  padding-right: var(--oj-private-app-layout-web-padding);
}

html[dir="rtl"] .oj-sm-web-padding-end {
  padding-left: var(--oj-private-app-layout-web-padding);
}

.oj-sm-web-padding-top,
.oj-sm-web-padding-vertical,
.oj-web-padding,
.oj-web-applayout-content {
  padding-top: calc(var(--oj-private-app-layout-web-padding) / 2);
}

.oj-sm-web-padding-bottom,
.oj-sm-web-padding-vertical,
.oj-web-padding,
.oj-web-applayout-content {
  padding-bottom: calc(var(--oj-private-app-layout-web-padding) / 2);
}

@media screen and (max-width: 599.9px) {
  .oj-sm-only-web-padding-horizontal {
    padding-left: var(--oj-private-app-layout-web-padding);
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-sm-only-web-padding-start {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-sm-only-web-padding-start {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-sm-only-web-padding-end {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-sm-only-web-padding-end {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  .oj-sm-only-web-padding-top,
  .oj-sm-only-web-padding-vertical {
    padding-top: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
  .oj-sm-only-web-padding-bottom,
  .oj-sm-only-web-padding-vertical {
    padding-bottom: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
}

@media print, screen and (min-width: 600px) {
  .oj-md-web-padding-horizontal {
    padding-left: var(--oj-private-app-layout-web-padding);
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-md-web-padding-start {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-md-web-padding-start {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-md-web-padding-end {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-md-web-padding-end {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  .oj-md-web-padding-top,
  .oj-md-web-padding-vertical {
    padding-top: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
  .oj-md-web-padding-bottom,
  .oj-md-web-padding-vertical {
    padding-bottom: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
}

@media print and (orientation: portrait), screen and (min-width: 600px) and (max-width: 1023.9px) {
  .oj-md-only-web-padding-horizontal {
    padding-left: var(--oj-private-app-layout-web-padding);
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-md-only-web-padding-start {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-md-only-web-padding-start {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-md-only-web-padding-end {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-md-only-web-padding-end {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  .oj-md-only-web-padding-top,
  .oj-md-only-web-padding-vertical {
    padding-top: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
  .oj-md-only-web-padding-bottom,
  .oj-md-only-web-padding-vertical {
    padding-bottom: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
}

@media print and (orientation: portrait), screen and (max-width: 1023.9px) {
  .oj-md-down-web-padding-horizontal {
    padding-left: var(--oj-private-app-layout-web-padding);
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-md-down-web-padding-start {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-md-down-web-padding-start {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-md-down-web-padding-end {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-md-down-web-padding-end {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  .oj-md-down-web-padding-top,
  .oj-md-down-web-padding-vertical {
    padding-top: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
  .oj-md-down-web-padding-bottom,
  .oj-md-down-web-padding-vertical {
    padding-bottom: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
}

@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-lg-web-padding-horizontal {
    padding-left: var(--oj-private-app-layout-web-padding);
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-lg-web-padding-start {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-lg-web-padding-start {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-lg-web-padding-end {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-lg-web-padding-end {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  .oj-lg-web-padding-top,
  .oj-lg-web-padding-vertical {
    padding-top: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
  .oj-lg-web-padding-bottom,
  .oj-lg-web-padding-vertical {
    padding-bottom: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
}

@media print and (orientation: landscape), screen and (min-width: 1024px) and (max-width: 1439.9px) {
  .oj-lg-only-web-padding-horizontal {
    padding-left: var(--oj-private-app-layout-web-padding);
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-lg-only-web-padding-start {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-lg-only-web-padding-start {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-lg-only-web-padding-end {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-lg-only-web-padding-end {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  .oj-lg-only-web-padding-top,
  .oj-lg-only-web-padding-vertical {
    padding-top: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
  .oj-lg-only-web-padding-bottom,
  .oj-lg-only-web-padding-vertical {
    padding-bottom: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
}

@media print and (orientation: landscape), screen and (max-width: 1439.9px) {
  .oj-lg-down-web-padding-horizontal {
    padding-left: var(--oj-private-app-layout-web-padding);
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-lg-down-web-padding-start {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-lg-down-web-padding-start {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-lg-down-web-padding-end {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-lg-down-web-padding-end {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  .oj-lg-down-web-padding-top,
  .oj-lg-down-web-padding-vertical {
    padding-top: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
  .oj-lg-down-web-padding-bottom,
  .oj-lg-down-web-padding-vertical {
    padding-bottom: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
}

@media screen and (min-width: 1440px) {
  .oj-xl-web-padding-horizontal {
    padding-left: var(--oj-private-app-layout-web-padding);
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-xl-web-padding-start {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-xl-web-padding-start {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html:not([dir="rtl"]) .oj-xl-web-padding-end {
    padding-right: var(--oj-private-app-layout-web-padding);
  }
  html[dir="rtl"] .oj-xl-web-padding-end {
    padding-left: var(--oj-private-app-layout-web-padding);
  }
  .oj-xl-web-padding-top,
  .oj-xl-web-padding-vertical {
    padding-top: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
  .oj-xl-web-padding-bottom,
  .oj-xl-web-padding-vertical {
    padding-bottom: calc(var(--oj-private-app-layout-web-padding) / 2);
  }
}

.oj-web-applayout-content-nopad, .oj-web-applayout-content {
  flex: 1 0 auto;
}

.oj-web-applayout-content {
  padding-left: calc(var(--oj-private-app-layout-web-padding) - 2 * var(--oj-core-spacing-1x));
  padding-right: calc(var(--oj-private-app-layout-web-padding) - 2 * var(--oj-core-spacing-1x));
}

.oj-web-applayout-footer {
  min-height: var(--oj-private-app-layout-web-footer-min-height);
  border-top: 1px solid var(--oj-private-app-layout-web-footer-border-color);
  background-color: var(--oj-private-app-layout-web-footer-bg-color);
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
}

.oj-web-applayout-footer-item {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 auto;
}

@media screen and (max-width: 599.9px) {
  .oj-web-applayout-footer-item {
    justify-content: center;
    text-align: center;
  }
}

.oj-web-applayout-footer ul {
  margin: 0;
}

html:not([dir="rtl"]) .oj-web-applayout-footer ul {
  padding-left: 0;
}

html[dir="rtl"] .oj-web-applayout-footer ul {
  padding-right: 0;
}

.oj-web-applayout-footer li {
  list-style: none;
  display: inline-block;
}

html:not([dir="rtl"]) .oj-web-applayout-footer li {
  margin-right: 10px;
  margin-left: 0;
  padding-right: 10px;
  border-right: 1px solid var(--oj-private-app-layout-web-footer-border-color);
}

html[dir="rtl"] .oj-web-applayout-footer li {
  margin-left: 5px;
  margin-right: 0;
  padding-left: 5px;
  border-left: 1px solid var(--oj-private-app-layout-web-footer-border-color);
}

html:not([dir="rtl"]) .oj-web-applayout-footer li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

html[dir="rtl"] .oj-web-applayout-footer li:last-child {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

oj-collapsible:not(.oj-complete) {
  visibility: hidden;
}

oj-collapsible {
  display: block;
}

.oj-collapsible {
  -webkit-tap-highlight-color: transparent;
}




.oj-collapsible-header {
  color: var(--oj-heading-text-color);
  display: flex;
  align-items: center;
  flex-grow: 1;
  position: relative;
  margin: 0;
}

.oj-collapsible-header-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  padding: var(--oj-core-spacing-1x) 0;
  margin: 0;
}


.oj-collapsible-content {
  background-color: transparent;
  padding: var(--oj-core-spacing-2x) 0;
  margin: 0;
}


.oj-header-border + .oj-collapsible-wrapper > .oj-collapsible-content {
  padding-top: var(--oj-core-spacing-2x);
  padding-bottom: var(--oj-core-spacing-2x);
}


.oj-collapsible-header-wrapper.oj-header-border {
  padding-top: var(--oj-core-spacing-2x);
  padding-bottom: var(--oj-core-spacing-2x);
}


.oj-collapsible-header.oj-header-border {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}


.oj-collapsible.oj-disabled .oj-collapsible-header {
  color: var(--oj-core-text-color-disabled);
}


.oj-collapsible-content > .oj-collapsible:first-child > .oj-collapsible-header-wrapper {
  padding-top: 0;
}




.oj-collapsible-transition {
  transition: max-height var(--oj-animation-duration-long);
}


.oj-collapsible-wrapper {
  border: 0;
  padding: 0;
  margin: 0;
}



.oj-collapsible-header-wrapper a,
.oj-collapsible-header-wrapper a:active,
.oj-collapsible-header-wrapper a:visited,
.oj-collapsible-header-wrapper a:hover,
.oj-collapsible-header-wrapper a:focus {
  text-decoration: none;
}



.oj-collapsible-header-icon {
  padding: 5px;
  outline-offset: -5px;
}

.oj-collapsible-header-icon:not(.oj-focus-highlight):focus {
  outline: none;
}

.oj-collapsible-header-icon:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
}


.oj-collapsible-header-wrapper.oj-hover * {
  cursor: var(--oj-core-cursor-clickable);
}


.oj-collapsible-header-wrapper .oj-collapsible-header-icon,
.oj-collapsible-header-wrapper .oj-collapsible-header-icon:hover {
  color: var(--oj-private-icon-color-default);
}


.oj-collapsible-header-wrapper.oj-hover .oj-collapsible-header-icon,
.oj-collapsible-header-wrapper .oj-collapsible-header-icon.oj-hover {
  color: var(--oj-private-icon-color-hover);
}


.oj-collapsible-header-wrapper.oj-active .oj-collapsible-header-icon,
.oj-collapsible-header-wrapper .oj-collapsible-header-icon.oj-active {
  color: var(--oj-private-icon-color-active);
}


.oj-collapsible.oj-disabled > .oj-collapsible-header-wrapper > .oj-collapsible-header-icon {
  color: var(--oj-private-icon-color-disabled);
}

.oj-collapsible-header-wrapper .oj-collapsible-header-icon {
  
}

html:not([dir="rtl"]) .oj-collapsible-header-wrapper .oj-collapsible-header-icon {
  margin: 0 0 0 -8px;
}

html[dir="rtl"] .oj-collapsible-header-wrapper .oj-collapsible-header-icon {
  margin: 0 -8px 0 0;
}

:root {
  --oj-collection-bg-color:                                rgb(var(--oj-palette-neutral-rgb-0));
  --oj-collection-border-color:                            rgba(var(--oj-palette-neutral-rgb-190), .1);
  --oj-collection-free-space-bg-color:                     rgb(var(--oj-palette-neutral-rgb-0));
  --oj-collection-list-row-height:                         3rem;
  --oj-collection-list-cell-padding-vertical:              0.75rem;
  --oj-collection-grid-row-height:                         2.375rem;
  --oj-collection-header-font-size:                        var(--oj-typography-body-md-font-size);
  --oj-collection-header-font-weight:                      600;
  --oj-collection-header-bg-color:                         rgb(var(--oj-palette-neutral-rgb-0));
  --oj-collection-header-text-color:                       var(--oj-core-text-color-primary);
  --oj-collection-grid-header-height:                      2.25rem;
  --oj-collection-header-bg-color-hover:                   var(--oj-core-bg-color-hover);
  --oj-collection-header-bg-color-selected:                rgba(var(--oj-palette-neutral-rgb-190), 0.08);
  --oj-collection-header-bg-color-partial-selected:        rgba(var(--oj-palette-neutral-rgb-190), 0.03);
  --oj-collection-cell-banded-bg-color:                    rgb(var(--oj-palette-neutral-rgb-190), 0.03);
  --oj-collection-grid-cell-padding:                       .5rem;
  --oj-collection-grid-cell-padding-vertical:              var(--oj-collection-grid-cell-padding);
  --oj-collection-grid-cell-padding-horizontal:            var(--oj-collection-grid-cell-padding);
  --oj-collection-editable-cell-border-color-focus:        var(--oj-core-border-color-selected);
  --oj-collection-editable-cell-bg-color-read-only:        var(--oj-core-bg-color-hover);
  --oj-collection-default-sort-icon-display:               block;
}

:root {
  --oj-list-view-group-header-bg-color:          transparent;
  --oj-list-view-group-header-bg-color-sticky:   rgb(var(--oj-palette-neutral-rgb-30));
  --oj-list-view-group-header-font-weight:  var(--oj-typography-subheading-xs-font-weight);
  --oj-list-view-group-header-font-size:    var(--oj-typography-subheading-xs-font-size);
  --oj-list-view-group-header-line-height:  var(--oj-typography-subheading-xs-line-height);
  --oj-list-view-item-padding-horizontal: 1rem;
  --oj-private-list-view-global-load-indicator-default: skeleton;
  --oj-private-list-view-global-add-animation-default: '[{"effect":"expand"},"fadeIn"]';
  --oj-private-list-view-global-remove-animation-default: '[{"effect":"collapse"},"fadeOut"]';
  --oj-private-list-view-global-update-animation-default:'{"effect": "fadeIn"}';
  --oj-private-list-view-global-expand-animation-default:'{"effect": "expand"}';
  --oj-private-list-view-global-collapse-animation-default:'{"effect": "collapse"}';
  --oj-private-list-view-global-pointerUp-animation-default:'{"effect": "ripple"}';
  --oj-private-list-view-global-card-entrance-animation-default:'[{"effect":"slideIn","offsetY":"300px","duration":"300ms"}, {"effect":"fadeIn","duration":"300ms"}] ';
  --oj-private-list-view-global-card-exit-animation-default:'[{"effect":"slideOut","offsetY":"300px","duration":"300ms","persist":"all"},{"effect":"fadeOut","duration":"300ms","persist":"all"}]';
  --oj-private-list-view-global-gridlines-item-default: hidden;
  --oj-private-list-view-global-gridlines-top-default: hidden;
  --oj-private-list-view-global-gridlines-bottom-default: hidden;
}



oj-accordion:not(.oj-complete) {
  visibility: hidden;
}

oj-accordion {
  display: block;
}


.oj-accordion-collapsible.oj-disabled > .oj-collapsible-header {
  color: var(--oj-core-text-color-disabled);
  background-image: none;
}


.oj-collapsible.oj-accordion-collapsible {
  margin: 0;
}


.oj-accordion-collapsible > .oj-collapsible-header-wrapper {
  padding-top: 3px;
  padding-bottom: 3px;
  border: 0 solid var(--oj-core-divider-color);
  border-width: 0;
  font-size: var(--oj-list-view-group-header-font-size);
  font-weight: var(--oj-list-view-group-header-font-weight);
  background-color: var(--oj-list-view-group-header-bg-color);
}


.oj-accordion-collapsible > .oj-collapsible-header-wrapper > .oj-collapsible-header {
  font-size: var(--oj-list-view-group-header-font-size);
  font-weight: var(--oj-list-view-group-header-font-weight);
  background-color: var(--oj-list-view-group-header-bg-color);
}


.oj-collapsible-content > .oj-accordion-collapsible.oj-collapsible:first-child > .oj-collapsible-header-wrapper {
  padding-top: 3px;
}


.oj-accordion-collapsible > .oj-collapsible-header-wrapper > .oj-collapsible-header-icon {
  padding: 9px;
  outline-offset: -9px;
}

html:not([dir="rtl"]) .oj-accordion-collapsible > .oj-collapsible-header-wrapper > .oj-collapsible-header-icon {
  margin: 0;
}

html[dir="rtl"] .oj-accordion-collapsible > .oj-collapsible-header-wrapper > .oj-collapsible-header-icon {
  margin: 0;
}


.oj-accordion-collapsible > .oj-collapsible-wrapper > .oj-collapsible-content {
  padding: var(--oj-core-spacing-2x);
}


.oj-accordion-collapsible.oj-collapsed > .oj-collapsible-header-wrapper {
  border-width: 0 0 1px;
}


.oj-accordion-collapsible.oj-collapsed:last-child > .oj-collapsible-header-wrapper {
  border-bottom-width: 1px;
}

:root {
  --oj-panel-padding:                   var(--oj-core-spacing-2x);
  --oj-panel-border-radius:             var(--oj-core-border-radius-lg);
  --oj-panel-gutter:                    var(--oj-core-spacing-4x);
  --oj-panel-bg-color:                  var(--oj-core-bg-color-content);
  --oj-panel-border-color:              var(--oj-core-divider-color);
}

:root {
  
  
  --oj-action-card-scale-hover: 1;
}

oj-action-card:not(.oj-complete) {
  visibility: hidden;
}

.oj-actioncard {
  display: inline-flex;
  cursor: pointer;
  transform: scale(1);
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow var(--oj-animation-duration-xshort) var(--oj-animation-ease-in-out);
  box-shadow: none;
  background-color: var(--oj-panel-bg-color);
  border: 1px solid var(--oj-panel-border-color);
  border-radius: var(--oj-panel-border-radius);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.oj-actioncard:hover,
.oj-actioncard.oj-active {
  transform: scale(var(--oj-action-card-scale-hover));
}

.oj-actioncard.oj-active {
  box-shadow: var(--oj-core-box-shadow-xs);
}

.oj-actioncard:hover:not(.oj-active) {
  box-shadow: var(--oj-core-box-shadow-sm);
}

.oj-actioncard:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-actioncard:not(.oj-focus-highlight):focus {
  outline: none;
}

:root {
  --oj-avatar-bg-color:                       rgb(var(--oj-palette-neutral-rgb-130));
  --oj-avatar-text-color:                     var(--oj-core-neutral-contrast);
  --oj-avatar-pattern-display:                block;
  --oj-avatar-size:                        4.5rem;
  --oj-avatar-border-radius:               var(--oj-core-border-radius-xl);
  --oj-avatar-initials-font-size:          var(--oj-typography-heading-lg-font-size);
  --oj-avatar-initials-font-weight:        lighter;
  --oj-avatar-icon-font-size:              2rem;
  --oj-private-avatar-global-shape-default:         square;
}

oj-avatar:not(.oj-complete) {
  visibility: hidden;
}

oj-avatar {
  display: inline-block;
}

.oj-avatar .oj-avatar-icon,
.oj-avatar-background-image {
  background-size: cover;
  background-position: center center;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  display: flex;
  height: var(--oj-avatar-size);
  width: var(--oj-avatar-size);
  grid-area: 1/1/2/2;
}

.oj-avatar-background {
  display: var(--oj-avatar-pattern-display);
}

.oj-avatar {
  color: var(--oj-avatar-text-color);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  background-color: var(--oj-avatar-bg-color);
  overflow: hidden;
  height: var(--oj-avatar-size);
  width: var(--oj-avatar-size);
  font-size: var(--oj-avatar-initials-font-size);
  font-weight: var(--oj-avatar-initials-font-weight);
  display: grid;
  grid-template-columns: var(--oj-avatar-size) 1fr;
  grid-template-rows: var(--oj-avatar-size) 1fr;
}

.oj-avatar .oj-avatar-icon {
  font-size: var(--oj-avatar-icon-font-size);
}

.oj-avatar-square,
.oj-avatar-square .oj-avatar-background-image {
  border-radius: var(--oj-avatar-border-radius);
}

.oj-avatar-circle,
.oj-avatar-circle .oj-avatar-background-image {
  border-radius: 50%;
}

div.oj-avatar.oj-avatar-image {
  background-color: rgba(0, 0, 0, 0);
}

.oj-avatar-initials {
  text-overflow: ellipsis;
  overflow: hidden;
}

.oj-avatar-placeholder-icon {
  color: var(--oj-avatar-text-color);
}

.oj-avatar-placeholder-icon {
  font-size: var(--oj-avatar-icon-font-size);
}


.oj-avatar-bg-red.oj-avatar {
  background-color: #9b5734;
}

.oj-avatar-bg-forest.oj-avatar {
  background-color: #4c825c;
}

.oj-avatar-bg-mauve.oj-avatar {
  background-color: #925865;
}

.oj-avatar-bg-purple, .oj-icon-circle-purple .oj-icon-circle-inner {
  --oj-avatar-bg-color:                       #846a92;
}

.oj-avatar-bg-orange, .oj-icon-circle-red .oj-icon-circle-inner,
.oj-icon-circle-orange .oj-icon-circle-inner {
  --oj-avatar-bg-color:                       #9b5734;
}

.oj-avatar-bg-teal, .oj-icon-circle-teal .oj-icon-circle-inner {
  --oj-avatar-bg-color:                       #4f7d7b;
}

.oj-avatar-bg-green, .oj-icon-circle-forest .oj-icon-circle-inner,
.oj-icon-circle-green .oj-icon-circle-inner {
  --oj-avatar-bg-color:                       #4c825c;
}

.oj-avatar-bg-pink, .oj-icon-circle-mauve .oj-icon-circle-inner,
.oj-icon-circle-pink .oj-icon-circle-inner {
  --oj-avatar-bg-color:                       #925865;
}

.oj-avatar-bg-slate, .oj-icon-circle-slate .oj-icon-circle-inner {
  --oj-avatar-bg-color:                       #798b8a;
}

.oj-avatar-bg-blue, .oj-icon-circle-blue .oj-icon-circle-inner {
  --oj-avatar-bg-color:                       #437c94;
}

.oj-avatar-bg-lilac, .oj-icon-circle-lilac .oj-icon-circle-inner {
  --oj-avatar-bg-color:                       #6b7494;
}

.oj-avatar-bg-gray, .oj-icon-circle-gray .oj-icon-circle-inner {
  --oj-avatar-bg-color:                       #6f757e;
}

.oj-avatar-xxs, .oj-icon-circle-xxs .oj-icon-circle-inner,
.oj-icon-xxs .oj-icon-circle-inner,
.oj-avatar-2xs {
  --oj-avatar-size:                       1.75rem;
  --oj-avatar-border-radius:             var(--oj-core-border-radius-md);
  --oj-avatar-initials-font-size:         var(--oj-typography-body-xs-font-size);
  --oj-avatar-initials-font-weight:       600;
  --oj-avatar-icon-font-size:             0.75rem;
}

.oj-avatar-xs, .oj-icon-circle-xs .oj-icon-circle-inner,
.oj-icon-xs .oj-icon-circle-inner {
  --oj-avatar-size:                        2.75rem;
  --oj-avatar-border-radius:               var(--oj-core-border-radius-lg);
  --oj-avatar-initials-font-size:          var(--oj-typography-body-md-font-size);
  --oj-avatar-initials-font-weight:        400;
  --oj-avatar-icon-font-size:              1rem;
}

.oj-avatar-sm, .oj-icon-circle-sm .oj-icon-circle-inner,
.oj-icon-sm .oj-icon-circle-inner {
  --oj-avatar-size:                        3.5rem;
  --oj-avatar-border-radius:               var(--oj-core-border-radius-lg);
  --oj-avatar-initials-font-size:          var(--oj-typography-heading-xs-font-size);
  --oj-avatar-initials-font-weight:        normal;
  --oj-avatar-icon-font-size:              1.5rem;
}

.oj-avatar-lg, .oj-icon-circle-lg .oj-icon-circle-inner,
.oj-icon-lg .oj-icon-circle-inner {
  --oj-avatar-size:                        6rem;
  --oj-avatar-border-radius:               var(--oj-core-border-radius-xl);
  --oj-avatar-initials-font-size:          2.5rem;
  --oj-avatar-icon-font-size:              2.25rem;
}

.oj-avatar-xl, .oj-icon-circle-xl .oj-icon-circle-inner,
.oj-icon-xl .oj-icon-circle-inner {
  --oj-avatar-size:                        9rem;
  --oj-avatar-border-radius:               var(--oj-core-border-radius-xl);
  --oj-avatar-initials-font-size:          3rem;
  --oj-avatar-icon-font-size:              3.5rem;
}

.oj-avatar-xxl, .oj-icon-circle-xxl .oj-icon-circle-inner,
.oj-icon-xxl .oj-icon-circle-inner,
.oj-avatar-2xl {
  --oj-avatar-size:                       12.25rem;
  --oj-avatar-border-radius:              var(--oj-core-border-radius-xl);
  --oj-avatar-initials-font-size:         4.5rem;
  --oj-avatar-icon-font-size:             4.5rem;
}



.oj-private-scale-lg .oj-avatar-xs, .oj-private-scale-lg .oj-icon-circle-xs .oj-icon-circle-inner, .oj-icon-circle-xs .oj-private-scale-lg .oj-icon-circle-inner,
.oj-private-scale-lg .oj-icon-xs .oj-icon-circle-inner, .oj-icon-xs .oj-private-scale-lg .oj-icon-circle-inner {
  --oj-avatar-size: 44px;
  --oj-avatar-border-radius: 4px;
  --oj-avatar-initials-font-size: var(--oj-typography-body-md-font-size);
  --oj-avatar-icon-font-size: 16px;
}

.oj-private-scale-lg .oj-avatar-lg, .oj-private-scale-lg .oj-icon-circle-lg .oj-icon-circle-inner, .oj-icon-circle-lg .oj-private-scale-lg .oj-icon-circle-inner,
.oj-private-scale-lg .oj-icon-lg .oj-icon-circle-inner, .oj-icon-lg .oj-private-scale-lg .oj-icon-circle-inner {
  --oj-avatar-size:                        96px;
  --oj-avatar-border-radius:               6px;
  --oj-avatar-initials-font-size:          40px;
  --oj-avatar-icon-font-size:              36px;
}

.oj-avatar-background {
  content: '';
  background-size: 12.25rem 12.25rem;
  width: 100%;
  height: 100%;
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern1.png");
}

.oj-avatar-bg-orange .oj-avatar-background, .oj-icon-circle-red .oj-icon-circle-inner .oj-avatar-background, .oj-icon-circle-orange .oj-icon-circle-inner .oj-avatar-background,
.oj-avatar-bg-red .oj-avatar-background {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern2.png");
}

.oj-avatar-bg-green .oj-avatar-background, .oj-icon-circle-forest .oj-icon-circle-inner .oj-avatar-background, .oj-icon-circle-green .oj-icon-circle-inner .oj-avatar-background,
.oj-avatar-bg-forest .oj-avatar-background {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern3.png");
}

.oj-avatar-bg-teal .oj-avatar-background, .oj-icon-circle-teal .oj-icon-circle-inner .oj-avatar-background {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern4.png");
}

.oj-avatar-bg-blue .oj-avatar-background, .oj-icon-circle-blue .oj-icon-circle-inner .oj-avatar-background {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern5.png");
}

.oj-avatar-bg-slate .oj-avatar-background, .oj-icon-circle-slate .oj-icon-circle-inner .oj-avatar-background {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern6.png");
}

.oj-avatar-bg-pink .oj-avatar-background, .oj-icon-circle-mauve .oj-icon-circle-inner .oj-avatar-background, .oj-icon-circle-pink .oj-icon-circle-inner .oj-avatar-background,
.oj-avatar-bg-mauve .oj-avatar-background {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern7.png");
}

.oj-avatar-bg-purple .oj-avatar-background, .oj-icon-circle-purple .oj-icon-circle-inner .oj-avatar-background {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern8.png");
}

.oj-avatar-bg-lilac .oj-avatar-background, .oj-icon-circle-lilac .oj-icon-circle-inner .oj-avatar-background {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern9.png");
}

.oj-avatar-bg-gray .oj-avatar-background, .oj-icon-circle-gray .oj-icon-circle-inner .oj-avatar-background {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern10.png");
}

:root {
  --oj-badge-bg-color: var(--oj-core-neutral-1);
  --oj-badge-text-color: var(--oj-core-neutral-contrast);
  --oj-badge-font-size: var(--oj-typography-body-sm-font-size);
  --oj-badge-font-weight: normal;
  --oj-badge-font-stretch: normal;
  --oj-badge-height: 1.5rem;
  --oj-badge-border-radius: 0.75rem;
  --oj-badge-padding: 0 var(--oj-core-spacing-3x);
}

.oj-badge {
  background-color: var(--oj-badge-bg-color);
  color: var(--oj-badge-text-color);
  padding: var(--oj-badge-padding);
  display: inline-flex;
  box-sizing: border-box;
  border-radius: var(--oj-badge-border-radius);
  height: var(--oj-badge-height);
  line-height: var(--oj-badge-height);
  min-width: var(--oj-badge-height);
  font-size: var(--oj-badge-font-size);
  font-weight: var(--oj-badge-font-weight);
  font-stretch: var(--oj-badge-font-stretch);
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

html[dir="rtl"] .oj-badge-end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html:not([dir="rtl"]) .oj-badge-end {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.oj-badge-subtle {
  background-color: var(--oj-core-neutral-secondary-1);
  color: var(--oj-core-neutral-secondary-contrast);
}

.oj-badge-danger {
  background-color: var(--oj-core-danger-1);
  color: var(--oj-core-danger-contrast);
}

.oj-badge-danger.oj-badge-subtle {
  background-color: var(--oj-core-danger-secondary-1);
  color: var(--oj-core-danger-secondary-contrast);
}

.oj-badge-warning {
  background-color: var(--oj-core-warning-1);
  color: var(--oj-core-warning-contrast);
}

.oj-badge-warning.oj-badge-subtle {
  background-color: var(--oj-core-warning-secondary-1);
  color: var(--oj-core-warning-secondary-contrast);
}

.oj-badge-success {
  background-color: var(--oj-core-success-1);
  color: var(--oj-core-success-contrast);
}

.oj-badge-success.oj-badge-subtle {
  background-color: var(--oj-core-success-secondary-1);
  color: var(--oj-core-success-secondary-contrast);
}

.oj-badge-info {
  background-color: var(--oj-core-info-1);
  color: var(--oj-core-info-contrast);
}

.oj-badge-info.oj-badge-subtle {
  background-color: var(--oj-core-info-secondary-1);
  color: var(--oj-core-info-secondary-contrast);
}

.oj-badge-status::before {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  background-color: var(--oj-core-neutral-1);
  border-radius: 50%;
  display: inline-block;
}

.oj-badge-status.oj-badge-sm::before {
  width: 0.375rem;
  height: 0.375rem;
}

.oj-badge-status {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

.oj-badge-status.oj-badge-danger::before {
  background-color: var(--oj-core-danger-1);
}

.oj-badge-status.oj-badge-warning::before {
  background-color: var(--oj-core-warning-1);
}

.oj-badge-status.oj-badge-success::before {
  background-color: var(--oj-core-success-1);
}

.oj-badge-status.oj-badge-info::before {
  background-color: var(--oj-core-info-1);
}



.oj-color-invert {
  --oj-badge-bg-color: var(--oj-core-neutral-1);
  --oj-badge-text-color: var(--oj-core-neutral-contrast);
}

.oj-badge-sm {
  --oj-badge-padding: 0 var(--oj-core-spacing-2x);
  --oj-badge-height: 1.25rem;
  --oj-badge-font-size: var(--oj-typography-body-2xs-font-size);
  --oj-badge-border-radius: 0.625rem;
}

.oj-tabbar .oj-badge-sm {
  --oj-badge-font-size: 0.625rem;
  --oj-badge-height: 1rem;
  --oj-badge-padding: 0 var(--oj-core-spacing-1x);
}

.oj-navigationlist .oj-badge-sm {
  --oj-badge-font-size: 0.565rem;
  --oj-badge-padding: 0 var(--oj-core-spacing-1x);
}



.oj-private-scale-lg {
  --oj-badge-font-size: 11px;
  --oj-badge-height: 24px;
  --oj-badge-border-radius: 6px;
}



oj-button:not(.oj-complete) {
  visibility: hidden;
}

[hidden].oj-button {
  display: none;
}

.oj-button {
  height: var(--oj-button-height);
  margin-bottom: var(--oj-private-core-wrappable-margin-bottom);
  font-size: var(--oj-button-font-size);
  display: inline-flex;
  vertical-align: top;
}

.oj-button-button {
  width: 100%;
  height: 100%;
}

.oj-button-toggle,
.oj-button-button {
  justify-content: center;
  min-width: 0;
  align-items: center;
  padding: 0;
  border: 1px solid;
  border-radius: var(--oj-button-border-radius);
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  -webkit-tap-highlight-color: transparent;
}

.oj-button-icon-only,
.oj-buttonset .oj-button-icon-only {
  min-width: var(--oj-button-height);
}

.oj-button-icon {
  font-size: var(--oj-button-icon-size);
}

.oj-button-sm .oj-button-icon {
  font-size: var(--oj-button-sm-icon-size);
}

.oj-button-lg .oj-button-icon {
  font-size: var(--oj-button-lg-icon-size);
}

.oj-button-toggle,
.oj-button-button {
  cursor: var(--oj-core-cursor-clickable);
}

input.oj-button[type="button"],
input.oj-button[type="submit"],
input.oj-button[type="reset"] {
  display: inline-block;
}


.oj-button-toggle {
  position: relative;
}


.oj-button-label,
.oj-button-label oj-option {
  cursor: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}


.oj-button-input {
  left: 0;
  top: 0;
}


.oj-button .oj-button-icon {
  font-weight: normal;
}

.oj-button .oj-button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oj-button.oj-button-sm,
.oj-buttonset.oj-button-sm .oj-button-toggle {
  height: var(--oj-button-sm-height);
  font-size: var(--oj-button-sm-font-size);
}

.oj-button-icon-only.oj-button-sm,
.oj-buttonset.oj-button-sm .oj-button-icon-only {
  min-width: var(--oj-button-sm-height);
}

.oj-button.oj-button-lg,
.oj-buttonset.oj-button-lg .oj-button-toggle {
  height: var(--oj-button-lg-height);
  font-size: var(--oj-button-lg-font-size);
}

.oj-button-icon-only.oj-button-lg,
.oj-buttonset.oj-button-lg .oj-button-icon-only {
  min-width: var(--oj-button-lg-height);
}

.oj-button.oj-button-full-width {
  width: 100%;
}

.oj-button.oj-button-full-width .oj-button-button {
  border-radius: 0;
}

.oj-button-toggle,
.oj-button-button,
.oj-button-toggle:link,
.oj-button-button:link,
.oj-button-toggle:visited,
.oj-button-button:visited,
.oj-button-toggle:hover,
.oj-button-button:hover,
.oj-button-toggle:active,
.oj-button-button:active {
  text-decoration: none;
}

.oj-button-toggle:not(.oj-focus-highlight):focus,
.oj-button:not(.oj-focus-highlight) .oj-button-button:focus {
  outline: none;
}

.oj-button-toggle.oj-focus-highlight,
.oj-button.oj-focus-highlight .oj-button-button {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-button-toggle.oj-disabled,
.oj-button.oj-disabled .oj-button-button {
  cursor: default;
}


.oj-button-toggle.oj-button-full-chrome,
.oj-button-toggle.oj-button-full-chrome:link,
.oj-button-toggle.oj-button-full-chrome:visited,
.oj-button-toggle.oj-button-full-chrome:hover,
.oj-button-toggle.oj-button-full-chrome:active,
.oj-button.oj-button-full-chrome .oj-button-button,
.oj-button.oj-button-full-chrome .oj-button-button:link,
.oj-button.oj-button-full-chrome .oj-button-button:visited,
.oj-button.oj-button-full-chrome .oj-button-button:hover,
.oj-button.oj-button-full-chrome .oj-button-button:active {
  font-weight: var(--oj-button-font-weight);
}

.oj-button.oj-button-full-chrome.oj-button-sm .oj-button-button,
.oj-button.oj-button-full-chrome.oj-button-sm .oj-button-button:active,
.oj-button.oj-button-full-chrome.oj-button-sm .oj-button-button:hover,
.oj-button.oj-button-full-chrome.oj-button-sm .oj-button-button:link,
.oj-button.oj-button-full-chrome.oj-button-sm .oj-button-button:visited,
.oj-buttonset.oj-button-full-chrome.oj-button-sm .oj-button,
.oj-buttonset.oj-button-full-chrome.oj-button-sm .oj-button:active,
.oj-buttonset.oj-button-full-chrome.oj-button-sm .oj-button:hover,
.oj-buttonset.oj-button-full-chrome.oj-button-sm .oj-button:link,
.oj-buttonset.oj-button-full-chrome.oj-button-sm .oj-button:visited {
  font-weight: var(--oj-button-font-weight);
}


.oj-button-toggle.oj-default.oj-button-full-chrome,
.oj-button-toggle.oj-focus-only.oj-button-full-chrome,
.oj-button.oj-default.oj-button-full-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-button {
  background-color: var(--oj-button-solid-chrome-bg-color);
  border-color: var(--oj-button-solid-chrome-border-color);
  color: var(--oj-button-solid-chrome-text-color);
}

.oj-button.oj-default.oj-button-full-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon {
  color: var(--oj-button-solid-chrome-text-color);
}

.oj-button-toggle.oj-hover.oj-button-full-chrome:not(.oj-active),
.oj-button.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-button {
  background-color: var(--oj-button-solid-chrome-bg-color);
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
  border-color: var(--oj-button-solid-chrome-border-color-hover);
  color: var(--oj-button-solid-chrome-text-color-hover);
}

.oj-button.oj-hover.oj-button-full-chrome .oj-button-icon {
  color: var(--oj-button-solid-chrome-text-color-hover);
}


.oj-button-toggle.oj-active.oj-button-full-chrome,
.oj-button.oj-active.oj-button-full-chrome .oj-button-button {
  background-color: var(--oj-button-solid-chrome-bg-color);
  background-image: linear-gradient(var(--oj-core-bg-color-active), var(--oj-core-bg-color-active));
  border-color: var(--oj-button-solid-chrome-border-color-active);
  color: var(--oj-button-solid-chrome-text-color-active);
}

.oj-button.oj-active.oj-button-full-chrome .oj-button-icon {
  color: var(--oj-button-solid-chrome-text-color-active);
}

.oj-button-toggle.oj-selected.oj-button-full-chrome,
.oj-button.oj-selected.oj-button-full-chrome .oj-button-button {
  background-color: var(--oj-button-solid-chrome-bg-color-selected);
  border-color: var(--oj-button-solid-chrome-border-color-selected);
  color: var(--oj-button-solid-chrome-text-color-selected);
}

.oj-button-toggle.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-active),
.oj-button.oj-selected.oj-hover.oj-button-full-chrome:not(.oj-active) .oj-button-button {
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
}

.oj-button.oj-selected.oj-button-full-chrome .oj-button-icon {
  color: var(--oj-button-solid-chrome-text-color-selected);
}

.oj-button.oj-selected.oj-hover.oj-button-full-chrome .oj-button-icon {
  color: var(--oj-button-solid-chrome-text-color-selected-hover);
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
}

.oj-button-toggle.oj-disabled.oj-button-full-chrome,
.oj-button.oj-disabled.oj-button-full-chrome .oj-button-button,
.oj-button-toggle.oj-disabled.oj-button-cta-chrome,
.oj-button.oj-disabled.oj-button-cta-chrome .oj-button-button {
  background-color: var(--oj-button-solid-chrome-bg-color-disabled);
  border-color: var(--oj-button-solid-chrome-border-color-disabled);
  color: var(--oj-button-solid-chrome-text-color-disabled);
  background-image: none;
}

.oj-button.oj-disabled.oj-button-full-chrome .oj-button-icon,
.oj-button.oj-disabled.oj-button-cta-chrome .oj-button-icon {
  color: var(--oj-button-solid-chrome-text-color-disabled);
}

.oj-button-toggle.oj-disabled.oj-selected.oj-button-full-chrome,
.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-button {
  color: var(--oj-button-solid-chrome-text-color-selected-disabled);
  background-color: var(--oj-button-solid-chrome-bg-color-selected-disabled);
  border-color: var(--oj-button-solid-chrome-border-color-selected-disabled);
}

.oj-button.oj-disabled.oj-selected.oj-button-full-chrome .oj-button-icon {
  color: var(--oj-button-solid-chrome-text-color-selected-disabled);
}


.oj-button-toggle.oj-default.oj-button-half-chrome,
.oj-button-toggle.oj-focus-only.oj-button-half-chrome,
.oj-button-toggle.oj-disabled.oj-button-half-chrome,
.oj-button.oj-default.oj-button-half-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-half-chrome .oj-button-button,
.oj-button.oj-disabled.oj-button-half-chrome .oj-button-button {
  border-color: transparent;
  background-color: transparent;
  background-image: none;
}

.oj-button-toggle.oj-default.oj-button-half-chrome,
.oj-button-toggle.oj-focus-only.oj-button-half-chrome,
.oj-button.oj-default.oj-button-half-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-half-chrome .oj-button-button {
  color: var(--oj-button-borderless-chrome-text-color);
}

.oj-button-toggle.oj-hover.oj-button-half-chrome:not(.oj-active),
.oj-button.oj-hover.oj-button-half-chrome:not(.oj-active) .oj-button-button {
  color: var(--oj-button-borderless-chrome-text-color-hover);
  background-color: transparent;
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
  border-color: var(--oj-button-borderless-chrome-border-color-hover);
}

.oj-button-toggle.oj-active.oj-button-half-chrome,
.oj-button.oj-active.oj-button-half-chrome .oj-button-button {
  color: var(--oj-button-borderless-chrome-text-color-active);
  background-color: transparent;
  background-image: linear-gradient(var(--oj-core-bg-color-active), var(--oj-core-bg-color-active));
  border-color: var(--oj-button-borderless-chrome-border-color-active);
}

.oj-button-toggle.oj-selected.oj-button-half-chrome,
.oj-button.oj-selected.oj-button-half-chrome .oj-button-button {
  color: var(--oj-button-borderless-chrome-text-color-selected);
  background-color: var(--oj-button-borderless-chrome-bg-color-selected);
  border-color: var(--oj-button-borderless-chrome-border-color-selected);
}

.oj-button-toggle.oj-selected.oj-hover.oj-button-half-chrome:not(.oj-active),
.oj-button.oj-selected.oj-hover.oj-button-half-chrome:not(.oj-active) .oj-button-button {
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
  border-color: var(--oj-button-borderless-chrome-border-color-selected);
}

.oj-button-toggle.oj-disabled.oj-button-half-chrome,
.oj-button.oj-disabled.oj-button-half-chrome .oj-button-button {
  color: var(--oj-button-borderless-chrome-text-color-disabled);
}

.oj-button-toggle.oj-disabled.oj-selected.oj-button-half-chrome,
.oj-button.oj-disabled.oj-selected.oj-button-half-chrome .oj-button-button {
  color: var(--oj-button-borderless-chrome-text-color-selected-disabled);
  background-color: var(--oj-button-borderless-chrome-bg-color-selected-disabled);
  border-color: transparent;
}

.oj-button-toggle.oj-button-half-chrome,
.oj-button-toggle.oj-button-half-chrome:link,
.oj-button-toggle.oj-button-half-chrome:visited,
.oj-button-toggle.oj-button-half-chrome:hover,
.oj-button-toggle.oj-button-half-chrome:active,
.oj-button.oj-button-half-chrome .oj-button-button,
.oj-button.oj-button-half-chrome .oj-button-button:link,
.oj-button.oj-button-half-chrome .oj-button-button:visited,
.oj-button.oj-button-half-chrome .oj-button-button:hover,
.oj-button.oj-button-half-chrome .oj-button-button:active {
  font-weight: var(--oj-button-font-weight);
}

.oj-button.oj-button-half-chrome.oj-button-sm .oj-button-button,
.oj-button.oj-button-half-chrome.oj-button-sm .oj-button-button:active,
.oj-button.oj-button-half-chrome.oj-button-sm .oj-button-button:hover,
.oj-button.oj-button-half-chrome.oj-button-sm .oj-button-button:link,
.oj-button.oj-button-half-chrome.oj-button-sm .oj-button-button:visited,
.oj-buttonset.oj-button-half-chrome.oj-button-sm .oj-button,
.oj-buttonset.oj-button-half-chrome.oj-button-sm .oj-button:active,
.oj-buttonset.oj-button-half-chrome.oj-button-sm .oj-button:hover,
.oj-buttonset.oj-button-half-chrome.oj-button-sm .oj-button:link,
.oj-buttonset.oj-button-half-chrome.oj-button-sm .oj-button:visited {
  font-weight: var(--oj-button-font-weight);
}

.oj-button.oj-default.oj-button-half-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-half-chrome .oj-button-icon {
  color: var(--oj-button-borderless-chrome-text-color);
}

.oj-button.oj-hover.oj-button-half-chrome .oj-button-icon {
  color: var(--oj-button-borderless-chrome-text-color-hover);
}

.oj-button.oj-active.oj-button-half-chrome .oj-button-icon {
  color: var(--oj-button-borderless-chrome-text-color-active);
}

.oj-button.oj-selected.oj-button-half-chrome .oj-button-icon {
  color: var(--oj-button-borderless-chrome-text-color-selected);
}

.oj-button.oj-selected.oj-hover.oj-button-half-chrome .oj-button-icon {
  color: var(--oj-button-borderless-chrome-text-color-selected-hover);
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
}

.oj-button.oj-disabled.oj-button-half-chrome .oj-button-icon {
  color: var(--oj-button-borderless-chrome-text-color-disabled);
}

.oj-button.oj-disabled.oj-selected.oj-button-half-chrome .oj-button-icon {
  color: var(--oj-button-borderless-chrome-text-color-selected-disabled);
}


.oj-button-toggle.oj-default.oj-button-outlined-chrome,
.oj-button-toggle.oj-focus-only.oj-button-outlined-chrome,
.oj-button-toggle.oj-disabled.oj-button-outlined-chrome,
.oj-button.oj-default.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-disabled.oj-button-outlined-chrome .oj-button-button {
  border-color: var(--oj-button-outlined-chrome-border-color);
  background-image: none;
  background-color: var(--oj-button-outlined-chrome-bg-color);
}

.oj-button-toggle.oj-default.oj-button-outlined-chrome,
.oj-button-toggle.oj-focus-only.oj-button-outlined-chrome,
.oj-button.oj-default.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-outlined-chrome .oj-button-button {
  color: var(--oj-button-outlined-chrome-text-color);
}

.oj-button-toggle.oj-hover.oj-button-outlined-chrome:not(.oj-active),
.oj-button.oj-hover.oj-button-outlined-chrome:not(.oj-active) .oj-button-button {
  color: var(--oj-button-outlined-chrome-text-color-hover);
  background-color: var(--oj-button-outlined-chrome-bg-color);
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
  border-color: var(--oj-button-outlined-chrome-border-color-hover);
}

.oj-button-toggle.oj-active.oj-button-outlined-chrome,
.oj-button.oj-active.oj-button-outlined-chrome .oj-button-button {
  background-color: var(--oj-button-outlined-chrome-bg-color);
  color: var(--oj-button-outlined-chrome-text-color-active);
  background-image: linear-gradient(var(--oj-core-bg-color-active), var(--oj-core-bg-color-active));
  border-color: var(--oj-button-outlined-chrome-border-color-active);
}

.oj-button-toggle.oj-selected.oj-button-outlined-chrome,
.oj-button.oj-selected.oj-button-outlined-chrome .oj-button-button {
  color: var(--oj-button-outlined-chrome-text-color-selected);
  background-color: var(--oj-button-outlined-chrome-bg-color-selected);
  border-color: var(--oj-button-outlined-chrome-border-color-selected);
}

.oj-button-toggle.oj-selected.oj-hover.oj-button-outlined-chrome:not(.oj-active),
.oj-button.oj-selected.oj-hover.oj-button-outlined-chrome:not(.oj-active) .oj-button-button {
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
  border-color: var(--oj-button-outlined-chrome-border-color-selected);
}

.oj-button-toggle.oj-disabled.oj-button-outlined-chrome,
.oj-button.oj-disabled.oj-button-outlined-chrome .oj-button-button {
  color: var(--oj-button-outlined-chrome-text-color-disabled);
  border-color: var(--oj-button-outlined-chrome-border-color-disabled);
  background-color: var(--oj-button-outlined-chrome-bg-color-disabled);
}

.oj-button-toggle.oj-disabled.oj-selected.oj-button-outlined-chrome,
.oj-button.oj-disabled.oj-selected.oj-button-outlined-chrome .oj-button-button {
  color: var(--oj-button-outlined-chrome-text-color-selected-disabled);
  background-color: var(--oj-button-outlined-chrome-bg-color-selected-disabled);
  border-color: var(--oj-button-outlined-chrome-border-color-selected-disabled);
}

.oj-button-toggle.oj-button-outlined-chrome,
.oj-button-toggle.oj-button-outlined-chrome:link,
.oj-button-toggle.oj-button-outlined-chrome:visited,
.oj-button-toggle.oj-button-outlined-chrome:hover,
.oj-button-toggle.oj-button-outlined-chrome:active,
.oj-button.oj-button-outlined-chrome .oj-button-button,
.oj-button.oj-button-outlined-chrome .oj-button-button:link,
.oj-button.oj-button-outlined-chrome .oj-button-button:visited,
.oj-button.oj-button-outlined-chrome .oj-button-button:hover,
.oj-button.oj-button-outlined-chrome .oj-button-button:active {
  font-weight: var(--oj-button-font-weight);
}

.oj-button.oj-button-outlined-chrome.oj-button-sm .oj-button-button,
.oj-button.oj-button-outlined-chrome.oj-button-sm .oj-button-button:active,
.oj-button.oj-button-outlined-chrome.oj-button-sm .oj-button-button:hover,
.oj-button.oj-button-outlined-chrome.oj-button-sm .oj-button-button:link,
.oj-button.oj-button-outlined-chrome.oj-button-sm .oj-button-button:visited,
.oj-buttonset.oj-button-outlined-chrome.oj-button-sm .oj-button,
.oj-buttonset.oj-button-outlined-chrome.oj-button-sm .oj-button:active,
.oj-buttonset.oj-button-outlined-chrome.oj-button-sm .oj-button:hover,
.oj-buttonset.oj-button-outlined-chrome.oj-button-sm .oj-button:link,
.oj-buttonset.oj-button-outlined-chrome.oj-button-sm .oj-button:visited {
  font-weight: var(--oj-button-font-weight);
}

.oj-button.oj-default.oj-button-outlined-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-outlined-chrome .oj-button-icon {
  color: var(--oj-button-outlined-chrome-text-color);
}

.oj-button.oj-hover.oj-button-outlined-chrome .oj-button-icon {
  color: var(--oj-button-outlined-chrome-text-color-hover);
}

.oj-button.oj-active.oj-button-outlined-chrome .oj-button-icon {
  color: var(--oj-button-outlined-chrome-text-color-active);
}

.oj-button.oj-selected.oj-button-outlined-chrome .oj-button-icon {
  color: var(--oj-button-outlined-chrome-text-color-selected);
}

.oj-button.oj-selected.oj-hover.oj-button-outlined-chrome .oj-button-icon {
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
}

.oj-button.oj-disabled.oj-button-outlined-chrome .oj-button-icon {
  color: var(--oj-button-outlined-chrome-text-color-disabled);
}

.oj-button.oj-disabled.oj-selected.oj-button-outlined-chrome .oj-button-icon {
  color: var(--oj-button-outlined-chrome-text-color-selected-disabled);
}


.oj-button-toggle.oj-button-cta-chrome,
.oj-button-toggle.oj-button-cta-chrome:link,
.oj-button-toggle.oj-button-cta-chrome:visited,
.oj-button-toggle.oj-button-cta-chrome:hover,
.oj-button-toggle.oj-button-cta-chrome:active,
.oj-button.oj-button-cta-chrome .oj-button-button,
.oj-button.oj-button-cta-chrome .oj-button-button:link,
.oj-button.oj-button-cta-chrome .oj-button-button:visited,
.oj-button.oj-button-cta-chrome .oj-button-button:hover,
.oj-button.oj-button-cta-chrome .oj-button-button:active {
  font-weight: var(--oj-button-font-weight);
}


.oj-button-toggle.oj-default.oj-button-cta-chrome,
.oj-button-toggle.oj-focus-only.oj-button-cta-chrome,
.oj-button.oj-default.oj-button-cta-chrome .oj-button-button,
.oj-button.oj-focus-only.oj-button-cta-chrome .oj-button-button {
  background-color: var(--oj-button-call-to-action-chrome-bg-color);
  border-color: var(--oj-button-call-to-action-chrome-border-color);
  color: var(--oj-button-call-to-action-chrome-text-color);
}

.oj-button.oj-default.oj-button-cta-chrome .oj-button-icon,
.oj-button.oj-focus-only.oj-button-cta-chrome .oj-button-icon {
  color: var(--oj-button-call-to-action-chrome-text-color);
}

.oj-button-toggle.oj-hover.oj-button-cta-chrome,
.oj-button.oj-hover.oj-button-cta-chrome .oj-button-button {
  background-color: var(--oj-button-call-to-action-chrome-bg-color);
  background-image: linear-gradient(rgba(var(--oj-palette-neutral-rgb-0), 0.08), rgba(var(--oj-palette-neutral-rgb-0), 0.08));
  border-color: var(--oj-button-call-to-action-chrome-border-color-hover);
  color: var(--oj-button-call-to-action-chrome-text-color-hover);
}

.oj-button.oj-hover.oj-button-cta-chrome .oj-button-icon {
  color: var(--oj-button-call-to-action-chrome-text-color-hover);
}


.oj-button-toggle.oj-active.oj-button-cta-chrome,
.oj-button.oj-active.oj-button-cta-chrome .oj-button-button {
  background-color: var(--oj-button-call-to-action-chrome-bg-color);
  background-image: linear-gradient(rgba(var(--oj-palette-neutral-rgb-0), 0.12), rgba(var(--oj-palette-neutral-rgb-0), 0.08));
  border-color: var(--oj-button-call-to-action-chrome-border-color-active);
  color: var(--oj-button-call-to-action-chrome-text-color-active);
}

.oj-button.oj-active.oj-button-cta-chrome .oj-button-icon {
  color: var(--oj-button-call-to-action-chrome-text-color-active);
}


input.oj-button[type="button"],
input.oj-button[type="submit"],
input.oj-button[type="reset"],
.oj-buttonset .oj-button-text-only .oj-button-text,
.oj-button-text-only .oj-button-text {
  padding: 0 var(--oj-button-text-to-edge-padding);
}


html:not([dir="rtl"]) .oj-buttonset .oj-button-text-icon-start .oj-button-text, html:not([dir="rtl"])
.oj-button-text-icon-start .oj-button-text {
  padding: 0 var(--oj-button-text-to-edge-padding) 0 0;
}

html[dir="rtl"] .oj-buttonset .oj-button-text-icon-end .oj-button-text, html[dir="rtl"]
.oj-button-text-icon-end .oj-button-text {
  padding: 0 var(--oj-button-text-to-edge-padding) 0 0;
}


html:not([dir="rtl"]) .oj-buttonset .oj-button-text-icon-end .oj-button-text, html:not([dir="rtl"])
.oj-button-text-icon-end .oj-button-text {
  padding: 0 0 0 var(--oj-button-text-to-edge-padding);
}

html[dir="rtl"] .oj-buttonset .oj-button-text-icon-start .oj-button-text, html[dir="rtl"]
.oj-button-text-icon-start .oj-button-text {
  padding: 0 0 0 var(--oj-button-text-to-edge-padding);
}


.oj-buttonset .oj-button-text-icons .oj-button-text,
.oj-button-text-icons .oj-button-text {
  padding: 0;
}


html:not([dir="rtl"]) .oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-text-icons .oj-button-icon.oj-start {
  display: inline-flex;
  margin-right: var(--oj-button-icon-to-text-padding);
  margin-left: var(--oj-button-icon-to-edge-padding);
}

html[dir="rtl"] .oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-text-icons .oj-button-icon.oj-end {
  display: inline-flex;
  margin-right: var(--oj-button-icon-to-text-padding);
  margin-left: var(--oj-button-icon-to-edge-padding);
}


html:not([dir="rtl"]) .oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-icons-only .oj-button-icon.oj-start {
  display: inline-flex;
  margin-left: var(--oj-button-icon-to-edge-padding);
}

html[dir="rtl"] .oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-icons-only .oj-button-icon.oj-end {
  display: inline-flex;
  margin: 0 0.375rem;
}


html:not([dir="rtl"]) .oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-text-icons .oj-button-icon.oj-end {
  display: inline-flex;
  margin-right: var(--oj-button-icon-to-edge-padding);
  margin-left: var(--oj-button-icon-to-text-padding);
}

html[dir="rtl"] .oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-text-icons .oj-button-icon.oj-start {
  display: inline-flex;
  margin-right: var(--oj-button-icon-to-edge-padding);
  margin-left: var(--oj-button-icon-to-text-padding);
}


html:not([dir="rtl"]) .oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-icons-only .oj-button-icon.oj-end {
  display: inline-flex;
  margin: 0 0.375rem;
}

html[dir="rtl"] .oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-icons-only .oj-button-icon.oj-start {
  display: inline-flex;
  margin-right: var(--oj-button-icon-to-edge-padding);
}

.oj-button-icon-only .oj-button-icon {
  display: inline-flex;
}


input.oj-button-sm.oj-button[type="button"],
input.oj-button-sm.oj-button[type="submit"],
input.oj-button-sm.oj-button[type="reset"],
.oj-button-sm.oj-buttonset .oj-button-text-only .oj-button-text,
.oj-button-sm.oj-button-text-only .oj-button-text {
  padding: 0 var(--oj-button-sm-text-to-edge-padding);
}


html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-text-icon-start .oj-button-text, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icon-start .oj-button-text {
  padding: 0 var(--oj-button-sm-text-to-edge-padding) 0 0;
}

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-end .oj-button-text, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-end .oj-button-text {
  padding: 0 var(--oj-button-sm-text-to-edge-padding) 0 0;
}


html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-text-icon-end .oj-button-text, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icon-end .oj-button-text {
  padding: 0 0 0 var(--oj-button-sm-text-to-edge-padding);
}

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-start .oj-button-text, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-start .oj-button-text {
  padding: 0 0 0 var(--oj-button-sm-text-to-edge-padding);
}


.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-text,
.oj-button-sm.oj-button-text-icons .oj-button-text {
  padding: 0;
}


html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icons .oj-button-icon.oj-start {
  display: inline-flex;
  margin-right: var(--oj-button-sm-icon-to-text-padding);
  margin-left: var(--oj-button-sm-icon-to-edge-padding);
}

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-button-text-icons .oj-button-icon.oj-end {
  display: inline-flex;
  margin-right: var(--oj-button-sm-icon-to-text-padding);
  margin-left: var(--oj-button-sm-icon-to-edge-padding);
}


html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-sm.oj-button-icons-only .oj-button-icon.oj-start {
  display: inline-flex;
  margin-left: var(--oj-button-sm-icon-to-edge-padding);
}

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-sm.oj-button-icons-only .oj-button-icon.oj-end {
  display: inline-flex;
  margin: 0 0.375rem;
}


html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-sm.oj-button-text-icons .oj-button-icon.oj-end {
  display: inline-flex;
  margin-right: var(--oj-button-sm-icon-to-edge-padding);
  margin-left: var(--oj-button-sm-icon-to-text-padding);
}

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-button-text-icons .oj-button-icon.oj-start {
  display: inline-flex;
  margin-right: var(--oj-button-sm-icon-to-edge-padding);
  margin-left: var(--oj-button-sm-icon-to-text-padding);
}


html:not([dir="rtl"]) .oj-button-sm.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-sm.oj-button-icons-only .oj-button-icon.oj-end {
  display: inline-flex;
  margin: 0 0.375rem;
}

html[dir="rtl"] .oj-button-sm.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-sm.oj-button-icons-only .oj-button-icon.oj-start {
  display: inline-flex;
  margin-right: var(--oj-button-sm-icon-to-edge-padding);
}

.oj-button-sm.oj-button-icon-only .oj-button-icon {
  display: inline-flex;
}


input.oj-button-lg.oj-button[type="button"],
input.oj-button-lg.oj-button[type="submit"],
input.oj-button-lg.oj-button[type="reset"],
.oj-button-lg.oj-buttonset .oj-button-text-only .oj-button-text,
.oj-button-lg.oj-button-text-only .oj-button-text {
  padding: 0 var(--oj-button-lg-text-to-edge-padding);
}


html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-text-icon-start .oj-button-text, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icon-start .oj-button-text {
  padding: 0 var(--oj-button-lg-text-to-edge-padding) 0 0;
}

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-end .oj-button-text, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-end .oj-button-text {
  padding: 0 var(--oj-button-lg-text-to-edge-padding) 0 0;
}


html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-text-icon-end .oj-button-text, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icon-end .oj-button-text {
  padding: 0 0 0 var(--oj-button-lg-text-to-edge-padding);
}

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-start .oj-button-text, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-start .oj-button-text {
  padding: 0 0 0 var(--oj-button-lg-text-to-edge-padding);
}


.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-text,
.oj-button-lg.oj-button-text-icons .oj-button-text {
  padding: 0;
}


html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icon-start .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icons .oj-button-icon.oj-start {
  display: inline-flex;
  margin-right: var(--oj-button-lg-icon-to-text-padding);
  margin-left: var(--oj-button-lg-icon-to-edge-padding);
}

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-end .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-button-text-icons .oj-button-icon.oj-end {
  display: inline-flex;
  margin-right: var(--oj-button-lg-icon-to-text-padding);
  margin-left: var(--oj-button-lg-icon-to-edge-padding);
}


html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html:not([dir="rtl"])
.oj-button-lg.oj-button-icons-only .oj-button-icon.oj-start {
  display: inline-flex;
  margin-left: var(--oj-button-lg-icon-to-edge-padding);
}

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html[dir="rtl"]
.oj-button-lg.oj-button-icons-only .oj-button-icon.oj-end {
  display: inline-flex;
  margin: 0 0.375rem;
}


html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icon-end .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-lg.oj-button-text-icons .oj-button-icon.oj-end {
  display: inline-flex;
  margin-right: var(--oj-button-lg-icon-to-edge-padding);
  margin-left: var(--oj-button-lg-icon-to-text-padding);
}

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-buttonset .oj-button-text-icons .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-button-text-icon-start .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-button-text-icons .oj-button-icon.oj-start {
  display: inline-flex;
  margin-right: var(--oj-button-lg-icon-to-edge-padding);
  margin-left: var(--oj-button-lg-icon-to-text-padding);
}


html:not([dir="rtl"]) .oj-button-lg.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-end, html:not([dir="rtl"])
.oj-button-lg.oj-button-icons-only .oj-button-icon.oj-end {
  display: inline-flex;
  margin: 0 0.375rem;
}

html[dir="rtl"] .oj-button-lg.oj-buttonset .oj-button-icons-only .oj-button-icon.oj-start, html[dir="rtl"]
.oj-button-lg.oj-button-icons-only .oj-button-icon.oj-start {
  display: inline-flex;
  margin-right: var(--oj-button-lg-icon-to-edge-padding);
}

.oj-button-lg.oj-button-icon-only .oj-button-icon {
  display: inline-flex;
}


input.oj-button::-moz-focus-inner,
button.oj-button::-moz-focus-inner,
.oj-button button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.oj-hicontrast .oj-button-toggle.oj-focus,
.oj-hicontrast .oj-button.oj-focus .oj-button-button {
  outline-width: 3px;
}

.oj-hicontrast .oj-button-toggle.oj-selected,
.oj-hicontrast .oj-button.oj-selected .oj-button-button {
  border-style: double;
  border-width: 3px;
}

.oj-hicontrast .oj-button-toggle.oj-disabled,
.oj-hicontrast .oj-button.oj-disabled .oj-button-button {
  border-style: dotted;
}

.oj-hicontrast .oj-button-toggle.oj-disabled.oj-selected,
.oj-hicontrast .oj-button.oj-disabled.oj-selected .oj-button-button {
  border-width: 2px;
}




.oj-contrast-marker,
.oj-color-invert {
  --oj-button-solid-chrome-bg-color:                      rgba(var(--oj-palette-neutral-rgb-10), 0.08);
  --oj-button-solid-chrome-border-color:                  transparent;
  --oj-button-solid-chrome-text-color:                    var(--oj-core-text-color-primary);
  --oj-button-solid-chrome-bg-color-hover:                rgba(var(--oj-palette-neutral-rgb-10), 0.12);
  --oj-button-solid-chrome-border-color-hover:            transparent;
  --oj-button-solid-chrome-text-color-hover:              var(--oj-core-text-color-primary);
  --oj-button-solid-chrome-bg-color-active:               rgba(var(--oj-palette-neutral-rgb-10), 0.16);
  --oj-button-solid-chrome-border-color-active:           transparent;
  --oj-button-solid-chrome-text-color-active:             var(--oj-core-text-color-primary);
  --oj-button-solid-chrome-bg-color-disabled:             rgba(var(--oj-palette-neutral-rgb-0), 0.16);
  --oj-button-solid-chrome-border-color-disabled:         transparent;
  --oj-button-solid-chrome-text-color-disabled:           var(--oj-core-text-color-disabled);
  --oj-button-solid-chrome-bg-color-selected:             rgba(var(--oj-palette-neutral-rgb-10), 0.08);
  --oj-button-solid-chrome-border-color-selected:         transparent;
  --oj-button-solid-chrome-text-color-selected:           var(--oj-core-text-color-primary);
  --oj-button-solid-chrome-bg-color-selected-hover:       rgba(var(--oj-palette-neutral-rgb-10), 0.12);
  --oj-button-solid-chrome-border-color-selected-hover:   transparent;
  --oj-button-solid-chrome-text-color-selected-hover:     var(--oj-core-text-color-primary);
  --oj-button-solid-chrome-bg-color-selected-disabled:     rgba(var(--oj-palette-neutral-rgb-0), 0.16);
  --oj-button-solid-chrome-border-color-selected-disabled: transparent;
  --oj-button-solid-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled);
  --oj-button-borderless-chrome-text-color:        var(--oj-core-text-color-primary);
  --oj-button-borderless-chrome-bg-color-hover:        var(--oj-core-bg-color-hover);
  --oj-button-borderless-chrome-border-color-hover:    transparent;
  --oj-button-borderless-chrome-text-color-hover:      var(--oj-core-text-color-primary);
  --oj-button-borderless-chrome-bg-color-active:       var(--oj-core-bg-color-active);
  --oj-button-borderless-chrome-border-color-active:   transparent;
  --oj-button-borderless-chrome-text-color-active:     var(--oj-core-text-color-primary);
  --oj-button-borderless-chrome-text-color-disabled:   var(--oj-core-text-color-disabled);
  --oj-button-borderless-chrome-bg-color-selected:     var(--oj-palette-brand-rgb-70);
  --oj-button-borderless-chrome-border-color-selected: rgba(var(--oj-palette-neutral-rgb-0), .3);
  --oj-button-borderless-chrome-text-color-selected:   var(--oj-core-text-color-primary);
  --oj-button-borderless-chrome-bg-color-selected-hover:     var(--oj-core-bg-color-hover);
  --oj-button-borderless-chrome-border-color-selected-hover: rgba(var(--oj-palette-neutral-rgb-0), .3);
  --oj-button-borderless-chrome-text-color-selected-hover:   var(--oj-core-text-color-primary);
  --oj-button-borderless-chrome-bg-color-selected-disabled:     transparent;
  --oj-button-borderless-chrome-border-color-selected-disabled: rgba(rgb(var(--oj-palette-neutral-rgb-0)), .6);
  --oj-button-borderless-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled);
  --oj-button-outlined-chrome-border-color:          rgba(var(--oj-palette-neutral-rgb-0), .3);
  --oj-button-outlined-chrome-text-color:            var(--oj-core-text-color-primary);
  --oj-button-outlined-chrome-bg-color-hover:        var(--oj-core-bg-color-hover);
  --oj-button-outlined-chrome-border-color-hover:    rgba(var(--oj-palette-neutral-rgb-0), .3);
  --oj-button-outlined-chrome-text-color-hover:      var(--oj-core-text-color-primary);
  --oj-button-outlined-chrome-bg-color-active:       var(--oj-core-bg-color-active);
  --oj-button-outlined-chrome-border-color-active:   rgba(var(--oj-palette-neutral-rgb-0), .3);
  --oj-button-outlined-chrome-text-color-active:     var(--oj-core-text-color-primary);
  --oj-button-outlined-chrome-border-color-disabled: rgba(var(--oj-palette-neutral-rgb-0), .1);
  --oj-button-outlined-chrome-text-color-disabled:   var(--oj-core-text-color-disabled);
  --oj-button-outlined-chrome-bg-color-selected:     transparent;
  --oj-button-outlined-chrome-border-color-selected: rgba(var(--oj-palette-neutral-rgb-0), .3);
  --oj-button-outlined-chrome-text-color-selected:   var(--oj-core-text-color-primary);
  --oj-button-outlined-chrome-bg-color-selected-hover:    var(--oj-core-bg-color-hover);
  --oj-button-outlined-chrome-border-color-selected-hover: rgba(var(--oj-palette-neutral-rgb-0), .3);
  --oj-button-outlined-chrome-text-color-selected-hover:   var(--oj-core-text-color-primary);
  --oj-button-outlined-chrome-bg-color-selected-disabled:     transparent;
  --oj-button-outlined-chrome-border-color-selected-disabled: var(--oj-button-outlined-chrome-border-color-disabled);
  --oj-button-outlined-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled);
  --oj-button-call-to-action-chrome-bg-color:                      rgb(var(--oj-palette-neutral-rgb-0));
  --oj-button-call-to-action-chrome-border-color:                  transparent;
  --oj-button-call-to-action-chrome-text-color:                    rgb(var(--oj-palette-neutral-rgb-190));
  --oj-button-call-to-action-chrome-bg-color-hover:                rgb(var(--oj-palette-neutral-rgb-10));
  --oj-button-call-to-action-chrome-border-color-hover:            transparent;
  --oj-button-call-to-action-chrome-text-color-hover:              rgb(var(--oj-palette-neutral-rgb-190));
  --oj-button-call-to-action-chrome-bg-color-active:               rgb(var(--oj-palette-neutral-rgb-20));
  --oj-button-call-to-action-chrome-border-color-active:           transparent;
  --oj-button-call-to-action-chrome-text-color-active:             rgb(var(--oj-palette-neutral-rgb-190));
}

.oj-density-compact {
  --oj-button-height:                max(2.25rem,24px);
  --oj-button-sm-height:             max(1.5rem,24px);
  --oj-button-lg-height:             2.75rem;
}

:root.oj-scale-sm {
  --oj-button-height:                   var(--oj-text-field-height);
  --oj-button-font-size: var(--oj-typography-body-md-font-size);
  --oj-button-sm-font-size: var(--oj-typography-body-md-font-size);
  --oj-button-lg-font-size: var(--oj-typography-body-md-font-size);
}

:root.oj-scale-md {
  --oj-button-font-size: var(--oj-typography-body-md-font-size);
  --oj-button-sm-font-size: var(--oj-typography-body-md-font-size);
  --oj-button-lg-font-size: var(--oj-typography-body-md-font-size);
}



.oj-button-danger-chrome {
  --oj-button-solid-chrome-bg-color:                      var(--oj-core-danger-1);
  --oj-button-solid-chrome-border-color:                  transparent;
  --oj-button-solid-chrome-text-color:                    var(--oj-core-danger-contrast);
  --oj-button-solid-chrome-bg-color-hover:                var(--oj-core-danger-2);
  --oj-button-solid-chrome-border-color-hover:            transparent;
  --oj-button-solid-chrome-text-color-hover:              var(--oj-core-danger-contrast);
  --oj-button-solid-chrome-bg-color-active:               var(--oj-core-danger-3);
  --oj-button-solid-chrome-border-color-active:           transparent;
  --oj-button-solid-chrome-text-color-active:             var(--oj-core-danger-contrast);
}

.oj-private-scale-lg {
  --oj-button-lg-height: 52px;
  --oj-button-lg-icon-size: 24px;
  --oj-button-lg-icon-to-text-padding: 16px;
  --oj-button-lg-icon-to-edge-padding: 16px;
  --oj-button-lg-font-size: var(--oj-typography-body-sm-font-size);
  --oj-button-lg-text-to-edge-padding: 24px;
  --oj-button-height: 44px;
  --oj-button-icon-size: 24px;
  --oj-button-icon-to-text-padding: 10px;
  --oj-button-icon-to-edge-padding: 10px;
  --oj-button-font-size: var(--oj-typography-body-sm-font-size);
  --oj-button-text-to-edge-padding: 16px;
  --oj-button-sm-height: 36px;
  --oj-button-sm-icon-size: 20px;
  --oj-button-sm-icon-to-text-padding: 8px;
  --oj-button-sm-icon-to-edge-padding: 8px;
  --oj-button-sm-font-size: var(--oj-typography-body-sm-font-size);
  --oj-button-sm-text-to-edge-padding: 16px;
}

.oj-buttonset.oj-button-full-chrome {
  visibility: hidden;
}

:root {
  --oj-private-buttonset-solid-chrome-internal-border-color:                     rgb(var(--oj-palette-neutral-rgb-100));
  --oj-private-buttonset-solid-chrome-internal-border-color-active:              rgb(var(--oj-palette-neutral-rgb-100));
  --oj-private-buttonset-solid-chrome-internal-border-color-selected:            rgb(var(--oj-palette-neutral-rgb-100));
  --oj-private-buttonset-solid-chrome-internal-border-color-selected-disabled:   var(--oj-button-solid-chrome-bg-color-disabled);
  --oj-buttonset-outlined-chrome-internal-border-color:                   var(--oj-button-outlined-chrome-border-color);
  --oj-buttonset-outlined-chrome-internal-border-color-active:            var(--oj-button-outlined-chrome-border-color);
  --oj-buttonset-outlined-chrome-internal-border-color-selected:          var(--oj-button-outlined-chrome-border-color);
  --oj-buttonset-outlined-chrome-internal-border-color-selected-disabled: var(--oj-core-color-disabled-1);
  --oj-private-buttonset-global-chroming-default: outlined;
}



oj-buttonset-one:not(.oj-complete),
oj-buttonset-many:not(.oj-complete) {
  visibility: hidden;
}

.oj-buttonset {
  font-size: var(--oj-button-font-size);
}


.oj-buttonset-multi {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.oj-buttonset-width-equal .oj-buttonset-multi .oj-button,
.oj-buttonset-width-equal.oj-buttonset-multi .oj-button {
  flex: 1;
  overflow: hidden;
}

.oj-buttonset-width-equal .oj-buttonset-multi,
.oj-buttonset-width-equal.oj-buttonset-multi {
  width: 100%;
}

.oj-buttonset-width-auto .oj-buttonset-multi .oj-button,
.oj-buttonset-width-auto.oj-buttonset-multi .oj-button {
  flex: auto;
}

.oj-buttonset-multi .oj-button {
  justify-content: center;
  overflow: hidden;
  flex: auto;
}

.oj-buttonset-multi.oj-button-full-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) {
  width: initial;
}

.oj-buttonset-multi.oj-button-full-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) .oj-button {
  flex: auto;
}

.oj-buttonset-multi.oj-button-half-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) {
  width: initial;
}

.oj-buttonset-multi.oj-button-half-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) .oj-button {
  flex: auto;
}

.oj-buttonset-multi.oj-button-outlined-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) {
  width: initial;
}

.oj-buttonset-multi.oj-button-outlined-chrome:not(.oj-buttonset-width-auto):not(.oj-buttonset-width-equal) .oj-button {
  flex: auto;
}


.oj-buttonset-multi.oj-button-full-chrome .oj-button,
.oj-buttonset-multi.oj-button-outlined-chrome .oj-button {
  border-radius: 0;
  position: relative;
  z-index: 0;
  margin-left: 0;
  margin-right: -1px;
}

.oj-buttonset-multi.oj-button-full-chrome .oj-button.oj-selected,
.oj-buttonset-multi.oj-button-outlined-chrome .oj-button.oj-selected {
  z-index: 1;
}

.oj-buttonset-multi.oj-button-half-chrome .oj-button {
  margin-left: 0;
  margin-right: 0.25em;
}

.oj-buttonset-multi.oj-button-half-chrome .oj-buttonset-last {
  margin-right: 0;
}


html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-first, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-first {
  border-top-left-radius: var(--oj-button-border-radius);
  border-bottom-left-radius: var(--oj-button-border-radius);
}

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-first, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-first {
  border-right-width: 1px;
  border-top-right-radius: var(--oj-button-border-radius);
  border-bottom-right-radius: var(--oj-button-border-radius);
}


html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-last, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-last {
  margin-right: 0;
  border-top-right-radius: var(--oj-button-border-radius);
  border-bottom-right-radius: var(--oj-button-border-radius);
}

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-buttonset-last, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-buttonset-last {
  border-top-left-radius: var(--oj-button-border-radius);
  border-bottom-left-radius: var(--oj-button-border-radius);
}

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-default, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-focus-only, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-hover, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-disabled {
  border-left-color: var(--oj-private-buttonset-solid-chrome-internal-border-color);
}

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-default, html[dir="rtl"]
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-focus-only, html[dir="rtl"]
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-hover, html[dir="rtl"]
.oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-disabled {
  border-left-color: var(--oj-private-buttonset-solid-chrome-internal-border-color);
}

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-active {
  border-left-color: var(--oj-private-buttonset-solid-chrome-internal-border-color-active);
}

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-active {
  border-left-color: var(--oj-private-buttonset-solid-chrome-internal-border-color-active);
}

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-selected {
  border-color: var(--oj-private-buttonset-solid-chrome-internal-border-color-selected);
  z-index: 1;
}

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-selected {
  border-color: var(--oj-private-buttonset-solid-chrome-internal-border-color-selected);
  z-index: 1;
}

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-first).oj-selected.oj-disabled {
  border-left-color: var(--oj-private-buttonset-solid-chrome-internal-border-color-selected-disabled);
}

html[dir="rtl"] .oj-buttonset-multi.oj-button-full-chrome .oj-button:not(.oj-buttonset-last).oj-selected.oj-disabled {
  border-left-color: var(--oj-private-buttonset-solid-chrome-internal-border-color-selected-disabled);
}

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-default, html:not([dir="rtl"])
.oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-focus-only {
  border-left-color: transparent;
}

html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-default, html[dir="rtl"]
.oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-focus-only {
  border-left-color: transparent;
}

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-disabled {
  border-left-color: var(--oj-button-solid-chrome-border-color-disabled);
}

html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-disabled {
  border-left-color: var(--oj-button-solid-chrome-border-color-disabled);
}

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button.oj-selected:not(.oj-disabled) {
  z-index: 1;
}

html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button.oj-selected:not(.oj-disabled) {
  z-index: 1;
}

html:not([dir="rtl"]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-first).oj-selected.oj-disabled {
  border-left-color: var(--oj-buttonset-outlined-chrome-internal-border-color-selected-disabled);
}

html[dir="rtl"] .oj-buttonset-multi.oj-button-outlined-chrome .oj-button:not(.oj-buttonset-last).oj-selected.oj-disabled {
  border-left-color: var(--oj-buttonset-outlined-chrome-internal-border-color-selected-disabled);
}

.oj-buttonset .oj-button-toggle.oj-disabled.oj-button-outlined-chrome:not(.oj-selected),
.oj-buttonset .oj-button.oj-disabled.oj-button-outlined-chrome:not(.oj-selected) .oj-button-button {
  border-color: var(--oj-button-outlined-chrome-border-color-disabled);
}



oj-buttonset-one.oj-color-invert,
oj-buttonset-many.oj-color-invert,
.oj-color-invert oj-buttonset-one,
.oj-color-invert oj-buttonset-many {
  --oj-button-outlined-chrome-bg-color:                          transparent;
  --oj-button-outlined-chrome-text-color:                        var(--oj-core-text-color-secondary);
  --oj-button-outlined-chrome-bg-color-disabled:                 transparent;
  --oj-buttonset-outlined-chrome-internal-border-color:          var(--oj-button-outlined-chrome-border-color);
  --oj-buttonset-outlined-chrome-internal-border-color-selected: rgb(var(--oj-palette-brand-rgb-50));
  --oj-button-outlined-chrome-bg-color-selected:                 rgb(var(--oj-palette-brand-rgb-140));
  --oj-button-outlined-chrome-border-color-selected:             rgb(var(--oj-palette-brand-rgb-50));
  --oj-button-borderless-chrome-bg-color-selected:                 rgb(var(--oj-palette-brand-rgb-140));
  --oj-button-borderless-chrome-border-color-selected:             rgb(var(--oj-palette-brand-rgb-50));
  --oj-buttonset-borderless-chrome-internal-border-color-selected: rgb(var(--oj-palette-brand-rgb-50));
  --oj-button-borderless-chrome-bg-color:                          transparent;
  --oj-button-outlined-chrome-bg-color-selected-disabled:         rgba(var(--oj-palette-neutral-rgb-0), 0.04);
  --oj-button-borderless-chrome-bg-color-selected-disabled:        rgba(var(--oj-palette-neutral-rgb-0), 0.04);
  --oj-button-borderless-chrome-bg-color-disabled:                 transparent;
}

:root {
  --oj-popup-border-color:             var(--oj-core-divider-color);
  --oj-popup-bg-color:                 rgb(var(--oj-palette-neutral-rgb-0));
  --oj-popup-border-radius:            var(--oj-core-border-radius-sm);
  --oj-popup-box-shadow:               var(--oj-core-box-shadow-xs);
  --oj-popup-padding:          0.5rem;
  --oj-popup-tail-height:             5px;
  --oj-popup-tail-width:              10px;
  --oj-private-popup-global-modality-default: "modeless";
  --oj-private-popup-global-open-animation-default: '[{"effect":"zoomIn","transformOrigin":"#myPosition"},"fadeIn"]';
  --oj-private-popup-global-close-animation-default: '[{"effect":"zoomOut","transformOrigin":"#myPosition"},"fadeOut"]';
}

:root {
  --oj-tooltip-text-color:    rgb(var(--oj-palette-neutral-rgb-0));
  --oj-tooltip-bg-color:      rgb(var(--oj-palette-neutral-rgb-170));
  --oj-tooltip-font-size:     var(--oj-typography-body-xs-font-size);
  --oj-tooltip-line-height:   var(--oj-typography-body-xs-line-height);
  --oj-tooltip-padding:       var(--oj-core-spacing-2x);
  --oj-tooltip-border-radius: var(--oj-core-border-radius-md);
  --oj-tooltip-border-color:  rgb(var(--oj-palette-neutral-rgb-170));
}

:root {
  --oj-dvt-danger-color:              rgb(214, 59, 37);
  --oj-dvt-warning-color:             rgb(207, 124, 0);
  --oj-dvt-success-color:             rgb(80, 130, 35);
  --oj-dvt-item-border-color-selected:   rgb(var(--oj-palette-neutral-rgb-190));
  --oj-dvt-item-contrast-color:           rgb(var(--oj-palette-neutral-rgb-20));
  --oj-dvt-marquee-color:                    rgba(var(--oj-palette-neutral-rgb-20),.1);
  --oj-dvt-marquee-border-color:             rgba(var(--oj-palette-neutral-rgb-190), 0.8);
  --oj-dvt-contrast-line-color:              rgba(var(--oj-palette-neutral-rgb-20), 0.7);
  --oj-dvt-reference-object-area-color:      rgba(var(--oj-palette-neutral-rgb-170), 0.08);
  --oj-dvt-reference-object-line-color:      rgba(var(--oj-palette-neutral-rgb-190), 0.8);
  --oj-dvt-overview-bg-color:                rgb(var(--oj-palette-neutral-rgb-50));
  --oj-dvt-overview-window-bg-color:         rgb(var(--oj-palette-neutral-rgb-0));
  --oj-dvt-overview-window-border-color:     rgb(var(--oj-palette-neutral-rgb-170));
  --oj-dvt-label-font-size-sm:              var(--oj-typography-body-xs-font-size);
  --oj-dvt-label-font-size-md:              var(--oj-typography-body-sm-font-size);
  --oj-dvt-label-font-size-lg:              var(--oj-typography-body-md-font-size);
  --oj-dvt-node-border-color-hover:         rgb(var(--oj-palette-neutral-rgb-20));
  --oj-private-dvt-gridline-color:        rgba(var(--oj-palette-neutral-rgb-190), 0.3);
}

.oj-dvtbase {
  display: block;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  animation-duration: var(--oj-animation-duration-xlong);
}

.oj-dvtbase svg {
  overflow: hidden;
}

.oj-dvtbase:focus {
  outline: none;
}

.oj-dvt-default-border-width {
  stroke-width: 1px;
}

.oj-dvt-default-border-color:not(.oj-hover) {
  stroke: var(--oj-dvt-item-contrast-color);
}

.oj-dvt-bubble-marker {
  fill-opacity: 0.6;
}

.oj-dvt-selectable.oj-hover {
  stroke-width: 3px;
}

.oj-dvt-selectable.oj-selected {
  stroke-width: 3px;
  stroke: var(--oj-dvt-item-border-color-selected);
}

.oj-dvt-selectable-marker.oj-hover {
  stroke-width: 3px;
  stroke: var(--oj-dvt-item-contrast-color);
}

.oj-dvt-selectable-marker.oj-selected {
  stroke-width: 3px;
  stroke: var(--oj-dvt-item-border-color-selected);
}

.oj-dvt-selectable-inner-shape,
.oj-dvt-selectable-marker-inner-shape {
  stroke-width: 1px;
  fill-opacity: 1;
}

.oj-dvt-selectable-inner-shape {
  stroke: var(--oj-dvt-item-contrast-color);
}

.oj-dvt-selectable-marker-inner-shape.oj-hover:not(.oj-selected) {
  fill: var(--oj-dvt-item-contrast-color);
}

.oj-dvt-selectable-marker-inner-shape.oj-selected {
  stroke: var(--oj-dvt-item-contrast-color);
}

.oj-dvt-category1 {
  color: RGB(var(--oj-palette-dvt-rgb-1));
}

.oj-dvt-category2 {
  color: RGB(var(--oj-palette-dvt-rgb-2));
}

.oj-dvt-category3 {
  color: RGB(var(--oj-palette-dvt-rgb-3));
}

.oj-dvt-category4 {
  color: RGB(var(--oj-palette-dvt-rgb-4));
}

.oj-dvt-category5 {
  color: RGB(var(--oj-palette-dvt-rgb-5));
}

.oj-dvt-category6 {
  color: RGB(var(--oj-palette-dvt-rgb-6));
}

.oj-dvt-category7 {
  color: RGB(var(--oj-palette-dvt-rgb-7));
}

.oj-dvt-category8 {
  color: RGB(var(--oj-palette-dvt-rgb-8));
}

.oj-dvt-category9 {
  color: RGB(var(--oj-palette-dvt-rgb-9));
}

.oj-dvt-category10 {
  color: RGB(var(--oj-palette-dvt-rgb-10));
}

.oj-dvt-category11 {
  color: RGB(var(--oj-palette-dvt-rgb-11));
}

.oj-dvt-category12 {
  color: RGB(var(--oj-palette-dvt-rgb-12));
}

.oj-dvt-tooltip {
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  padding: var(--oj-tooltip-padding);
  background-color: var(--oj-tooltip-bg-color);
  color: var(--oj-tooltip-text-color);
  border-color: var(--oj-tooltip-border-color);
  font-size: var(--oj-tooltip-font-size);
  line-height: var(--oj-tooltip-line-height);
  border-radius: var(--oj-tooltip-border-radius);
}

.oj-dvt-datatip {
  color: var(--oj-core-text-color-primary);
  box-sizing: border-box;
  border-style: solid;
  border-width: 1px;
  padding: 0.5rem;
  border-radius: var(--oj-core-border-radius-sm);
  background-color: var(--oj-popup-bg-color);
  border-color: var(--oj-popup-border-color);
  font-size: var(--oj-tooltip-font-size);
  line-height: var(--oj-tooltip-line-height);
}

.oj-dvt-datatip-table {
  border-collapse: separate;
  border-spacing: 0px;
  overflow: hidden;
  display: block;
}

.oj-dvt-datatip-label {
  color: var(--oj-core-text-color-secondary);
  padding: 0px 2px;
  white-space: nowrap;
}

html:not([dir="rtl"]) .oj-dvt-datatip-label {
  text-align: right;
}

html[dir="rtl"] .oj-dvt-datatip-label {
  text-align: left;
}

.oj-dvt-datatip-value {
  color: var(--oj-core-text-color-primary);
  padding: 0px 2px;
}

html:not([dir="rtl"]) .oj-dvt-datatip-value {
  text-align: left;
}

html[dir="rtl"] .oj-dvt-datatip-value {
  text-align: right;
}

.oj-dvt-no-data-message {
  color: var(--oj-core-text-color-secondary);
  font-size: var(--oj-dvt-label-font-size-md);
}

.oj-dvt-marquee {
  fill: var(--oj-dvt-marquee-color);
  stroke: var(--oj-dvt-marquee-border-color);
}

.oj-dvt-marquee-inner-area {
  fill: var(--oj-dvt-marquee-color);
  stroke: var(--oj-dvt-contrast-line-color);
}

.oj-dvt-icon {
  stroke: none;
}

.oj-dvt-button-borderless .oj-dvt-button-background {
  stroke: none;
  fill: transparent;
}

.oj-dvt-button-borderless {
  stroke: none;
  fill: none;
}

.oj-dvt-button-borderless.oj-hover {
  stroke: var(--oj-button-borderless-chrome-border-color-hover);
  fill: var(--oj-button-borderless-chrome-bg-color-hover);
}

.oj-dvt-button-borderless.oj-active {
  stroke: var(--oj-button-borderless-chrome-border-color-active);
  fill: var(--oj-button-borderless-chrome-bg-color-active);
}

.oj-dvt-button-borderless .oj-dvt-icon {
  fill: var(--oj-button-borderless-chrome-text-color);
}

.oj-dvt-button-borderless.oj-hover .oj-dvt-icon {
  fill: var(--oj-button-borderless-chrome-text-color-hover);
}

.oj-dvt-button-borderless.oj-active .oj-dvt-icon {
  fill: var(--oj-button-borderless-chrome-text-color-active);
}

.oj-dvt-button-borderless.oj-disabled .oj-dvt-icon {
  fill: var(--oj-button-borderless-chrome-text-color-disabled);
}

.oj-dvt-button-outlined .oj-dvt-button-background {
  stroke: none;
  fill: var(--oj-core-bg-color-content);
}

.oj-dvt-button-outlined {
  stroke: var(--oj-button-outlined-chrome-border-color);
  fill: none;
}

.oj-dvt-button-outlined.oj-hover {
  stroke: var(--oj-button-outlined-chrome-border-color-hover);
  fill: var(--oj-button-outlined-chrome-bg-color-hover);
}

.oj-dvt-button-outlined.oj-active {
  stroke: var(--oj-button-outlined-chrome-border-color-active);
  fill: var(--oj-button-outlined-chrome-bg-color-active);
}

.oj-dvt-button-outlined.oj-disabled {
  stroke: var(--oj-button-outlined-chrome-border-color-disabled);
}

.oj-dvt-button-outlined.oj-unselected {
  stroke: var(--oj-button-outlined-chrome-border-color-selected);
  fill: var(--oj-button-outlined-chrome-bg-color-hover);
}

.oj-dvt-button-outlined.oj-unselected.oj-hover {
  stroke: var(--oj-button-outlined-chrome-border-color-hover);
  fill: var(--oj-button-outlined-chrome-bg-color-hover);
}

.oj-dvt-button-outlined.oj-selected {
  stroke: var(--oj-button-outlined-chrome-border-color-selected);
  fill: var(--oj-button-outlined-chrome-bg-color-selected);
}

.oj-dvt-button-outlined.oj-selected.oj-hover {
  stroke: var(--oj-button-outlined-chrome-border-color-selected-hover);
  fill: var(--oj-button-outlined-chrome-bg-color-selected-hover);
}

.oj-dvt-button-outlined .oj-dvt-icon {
  fill: var(--oj-button-outlined-chrome-text-color);
}

.oj-dvt-button-outlined.oj-hover .oj-dvt-icon {
  fill: var(--oj-button-outlined-chrome-text-color-hover);
}

.oj-dvt-button-outlined.oj-active .oj-dvt-icon {
  fill: var(--oj-button-outlined-chrome-text-color-active);
}

.oj-dvt-button-outlined.oj-disabled .oj-dvt-icon {
  fill: var(--oj-button-outlined-chrome-text-color-disabled);
}

.oj-dvt-button-outlined.oj-unselected .oj-dvt-icon {
  fill: var(--oj-button-outlined-chrome-text-color);
}

.oj-dvt-button-outlined.oj-unselected.oj-hover .oj-dvt-icon {
  fill: var(--oj-button-outlined-chrome-text-color-hover);
}

.oj-dvt-button-outlined.oj-selected .oj-dvt-icon {
  fill: var(--oj-button-outlined-chrome-text-color-selected);
}

.oj-dvt-button-outlined.oj-selected.oj-hover .oj-dvt-icon {
  fill: var(--oj-button-outlined-chrome-text-color-selected-hover);
}

.oj-dvt-loading-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  container-type: size;
}

.oj-dvt-skeleton-container {
  width: 100%;
  height: 100%;
  -webkit-mask-image: none;
          mask-image: none;
  -webkit-mask-position: bottom;
          mask-position: bottom;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.oj-dvt-skeleton {
  width: 100%;
  height: 100%;
}

oj-legend:not(.oj-complete) {
  visibility: hidden;
}

oj-legend {
  display: block;
}

.oj-legend {
  font-size: var(--oj-dvt-label-font-size-sm);
  color: var(--oj-core-text-color-primary);
  -webkit-user-select: none;
          user-select: none;
}

.oj-legend-section-title {
  font-size: var(--oj-dvt-label-font-size-sm);
  font-weight: 600;
  color: var(--oj-core-text-color-primary);
}

.oj-legend-hover {
  fill: var(--oj-button-borderless-chrome-bg-color-hover);
  border-radius: 4px;
}

.oj-legend-focus {
  stroke: var(--oj-core-focus-border-color);
  stroke-width: 0.5;
  stroke-dasharray: 1;
}

:root {
  --oj-chart-axis-title-text-color:         var(--oj-core-text-color-secondary);
  --oj-chart-axis-tick-label-text-color:    var(--oj-core-text-color-secondary);
  --oj-chart-stock-falling-bg-color:        var(--oj-dvt-danger-color);
  --oj-chart-stock-range-bg-color:          rgb(var(--oj-palette-neutral-rgb-100));
  --oj-chart-stock-rising-bg-color:         var(--oj-dvt-success-color);
  --oj-chart-animation-rising-icon-color:   rgb(var(--oj-palette-info-rgb-90));
  --oj-chart-animation-falling-icon-color:  rgb(var(--oj-palette-danger-rgb-90));
  --oj-chart-animation-marker-color:        rgb(var(--oj-palette-neutral-rgb-20));
  --oj-chart-polar-axis-tick-label-outside-bg-color:    rgb(var(--oj-palette-neutral-rgb-0));
  --oj-chart-polar-axis-tick-label-inside-bg-color: rgba(var(--oj-palette-neutral-rgb-0), .6);
  --oj-chart-data-cursor-line-color: rgba(var(--oj-palette-neutral-rgb-190), 0.8);
}

oj-chart:not(.oj-complete) {
  visibility: hidden;
}

oj-chart {
  display: block;
}

.oj-chart {
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  height: 448px;
}

.oj-chart-data-label {
  font-size: var(--oj-dvt-label-font-size-sm);
  color: var(--oj-core-text-color-primary);
}

.oj-chart-data-cursor-line {
  color: var(--oj-chart-data-cursor-line-color);
  width: 1px;
}

.oj-chart-data-cursor-outer-line {
  stroke: var(--oj-dvt-contrast-line-color);
  stroke-width: 1px;
}

.oj-chart-polar-axis-tick-label-outside {
  fill: var(--oj-chart-polar-axis-tick-label-outside-bg-color);
}

.oj-chart-polar-axis-tick-label-inside {
  fill: var(--oj-chart-polar-axis-tick-label-inside-bg-color);
}

.oj-chart-stock-falling {
  background-color: var(--oj-chart-stock-falling-bg-color);
}

.oj-chart-stock-range {
  background-color: var(--oj-chart-stock-range-bg-color);
}

.oj-chart-stock-rising {
  background-color: var(--oj-chart-stock-rising-bg-color);
}

.oj-chart-stack-label {
  font-size: var(--oj-dvt-label-font-size-sm);
  font-weight: bold;
}

.oj-chart-pie-center-label,
.oj-chart-xaxis-title,
.oj-chart-yaxis-title,
.oj-chart-y2axis-title {
  font-size: var(--oj-dvt-label-font-size-sm);
  color: var(--oj-chart-axis-title-text-color);
}

.oj-chart-xaxis-tick-label,
.oj-chart-yaxis-tick-label,
.oj-chart-y2axis-tick-label {
  font-size: var(--oj-dvt-label-font-size-sm);
  color: var(--oj-chart-axis-tick-label-text-color);
}

.oj-chart-animation-down {
  fill: var(--oj-chart-animation-falling-icon-color);
}

.oj-chart-animation-up {
  fill: var(--oj-chart-animation-rising-icon-color);
}

.oj-chart-animation-marker {
  fill: var(--oj-chart-animation-marker-color);
}

.oj-chart .oj-active-drop {
  fill: var(--oj-core-drag-drop-color-1);
}

.oj-chart-reference-object-area {
  color: var(--oj-dvt-reference-object-area-color);
}

.oj-chart-reference-object-line {
  width: 1px;
  color: var(--oj-dvt-reference-object-line-color);
}

.oj-chart-reference-object-inner-line {
  stroke: var(--oj-dvt-contrast-line-color);
  stroke-width: 1px;
}

.oj-chart-data-label-contrast {
  stroke: var(--oj-core-neutral-secondary-3);
  stroke-opacity: 0.8;
  stroke-width: 0.25em;
  stroke-linejoin: round;
  paint-order: stroke;
}

.oj-hicontrast .oj-chart-data-label-contrast {
  fill: CanvasText;
  stroke: Canvas;
}

.oj-chart-pie-skeleton-container {
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 311 311"><path d="M10.51 199.288c-2.16.601-3.407 2.865-2.704 4.993C28.267 266.265 86.66 310.999 155.5 310.999c85.88 0 155.5-69.62 155.5-155.5C311 72.339 245.72 4.425 163.609.206c-2.246-.115-4.11 1.697-4.11 3.945V154.76a4.006 4.006 0 0 1-2.929 3.857L10.51 199.288Z"/><path d="M8.445 191.559c-2.175.605-4.425-.707-4.904-2.913A156.095 156.095 0 0 1 0 155.499C0 72.339 65.28 4.425 147.391.206c2.246-.115 4.11 1.697 4.11 3.945v144.535a3.999 3.999 0 0 1-2.927 3.853l-140.13 39.02Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 311 311"><path d="M10.51 199.288c-2.16.601-3.407 2.865-2.704 4.993C28.267 266.265 86.66 310.999 155.5 310.999c85.88 0 155.5-69.62 155.5-155.5C311 72.339 245.72 4.425 163.609.206c-2.246-.115-4.11 1.697-4.11 3.945V154.76a4.006 4.006 0 0 1-2.929 3.857L10.51 199.288Z"/><path d="M8.445 191.559c-2.175.605-4.425-.707-4.904-2.913A156.095 156.095 0 0 1 0 155.499C0 72.339 65.28 4.425 147.391.206c2.246-.115 4.11 1.697 4.11 3.945v144.535a3.999 3.999 0 0 1-2.927 3.853l-140.13 39.02Z"/></svg>');
}

.oj-chart-funnel-skeleton-container {
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 357 357"><path d="M129.776 354.283a2.69 2.69 0 0 0 2.685 2.717h93.243a2.689 2.689 0 0 0 2.685-2.717c-.16-17.182.604-34.966 2.335-53.182a2.695 2.695 0 0 0-2.843-2.946c-17.293 1.053-34.257 1.725-49.382 1.725-14.782 0-31.323-.642-48.211-1.654a2.695 2.695 0 0 0-2.84 2.946c1.726 18.19 2.488 35.951 2.328 53.111Zm-4.556-72.827a2.684 2.684 0 0 0 2.49 2.333c17.78 1.102 35.255 1.811 50.789 1.811 15.878 0 33.783-.741 51.968-1.885a2.683 2.683 0 0 0 2.488-2.332c3.035-23.13 7.602-46.838 13.782-70.788.25-.972.503-1.941.758-2.91.47-1.786-.955-3.509-2.797-3.375-22.282 1.622-44.821 2.75-64.414 2.75-20.096 0-43.589-1.187-66.85-2.876-1.842-.134-3.268 1.59-2.797 3.376.266 1.01.53 2.021.792 3.035 6.186 23.975 10.756 47.708 13.791 70.861Zm-20.194-93.803a2.682 2.682 0 0 0 2.363 1.905c24.532 1.871 49.67 3.222 71.11 3.222 21.789 0 47.397-1.395 72.307-3.313a2.683 2.683 0 0 0 2.361-1.905c7.592-25.251 16.609-49.188 26.756-71.49.856-1.882-.634-3.998-2.694-3.81-32.399 2.967-69.096 5.548-98.73 5.548-29.263 0-65.415-2.517-97.514-5.437-2.058-.187-3.548 1.928-2.692 3.81 10.138 22.297 19.148 46.227 26.733 71.47ZM68.412 95.66a2.68 2.68 0 0 0 2.13 1.456c34.496 3.313 75.471 6.414 107.957 6.414 32.874 0 74.438-3.176 109.187-6.532a2.681 2.681 0 0 0 2.128-1.456c16.899-33.157 36.321-62.084 57.139-85.559 1.481-1.67.432-4.335-1.795-4.5C298.962 2.046 240.799 0 177.607 0 115.675 0 58.573 1.967 12.833 5.279c-2.231.161-3.284 2.831-1.798 4.503C31.945 33.322 51.45 62.36 68.412 95.66Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 357 357"><path d="M129.776 354.283a2.69 2.69 0 0 0 2.685 2.717h93.243a2.689 2.689 0 0 0 2.685-2.717c-.16-17.182.604-34.966 2.335-53.182a2.695 2.695 0 0 0-2.843-2.946c-17.293 1.053-34.257 1.725-49.382 1.725-14.782 0-31.323-.642-48.211-1.654a2.695 2.695 0 0 0-2.84 2.946c1.726 18.19 2.488 35.951 2.328 53.111Zm-4.556-72.827a2.684 2.684 0 0 0 2.49 2.333c17.78 1.102 35.255 1.811 50.789 1.811 15.878 0 33.783-.741 51.968-1.885a2.683 2.683 0 0 0 2.488-2.332c3.035-23.13 7.602-46.838 13.782-70.788.25-.972.503-1.941.758-2.91.47-1.786-.955-3.509-2.797-3.375-22.282 1.622-44.821 2.75-64.414 2.75-20.096 0-43.589-1.187-66.85-2.876-1.842-.134-3.268 1.59-2.797 3.376.266 1.01.53 2.021.792 3.035 6.186 23.975 10.756 47.708 13.791 70.861Zm-20.194-93.803a2.682 2.682 0 0 0 2.363 1.905c24.532 1.871 49.67 3.222 71.11 3.222 21.789 0 47.397-1.395 72.307-3.313a2.683 2.683 0 0 0 2.361-1.905c7.592-25.251 16.609-49.188 26.756-71.49.856-1.882-.634-3.998-2.694-3.81-32.399 2.967-69.096 5.548-98.73 5.548-29.263 0-65.415-2.517-97.514-5.437-2.058-.187-3.548 1.928-2.692 3.81 10.138 22.297 19.148 46.227 26.733 71.47ZM68.412 95.66a2.68 2.68 0 0 0 2.13 1.456c34.496 3.313 75.471 6.414 107.957 6.414 32.874 0 74.438-3.176 109.187-6.532a2.681 2.681 0 0 0 2.128-1.456c16.899-33.157 36.321-62.084 57.139-85.559 1.481-1.67.432-4.335-1.795-4.5C298.962 2.046 240.799 0 177.607 0 115.675 0 58.573 1.967 12.833 5.279c-2.231.161-3.284 2.831-1.798 4.503C31.945 33.322 51.45 62.36 68.412 95.66Z"/></svg>');
}

.oj-chart-pyramid-skeleton-container {
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 357 357"><path d="M215.029 89.25c5.277 0 8.731-5.526 6.418-10.27L184.918 4.06c-2.608-5.348-10.228-5.348-12.836 0l-36.529 74.92c-2.313 4.743 1.141 10.269 6.417 10.269h73.059Zm-113.093 82.11c-5.276 0-8.73-5.526-6.418-10.269l26.11-53.55a7.139 7.139 0 0 1 6.417-4.011h100.909a7.14 7.14 0 0 1 6.418 4.011l26.109 53.55c2.313 4.743-1.141 10.269-6.418 10.269H101.936Zm-41.774 85.68c-5.277 0-8.73-5.526-6.418-10.269l27.85-57.12a7.14 7.14 0 0 1 6.417-4.011h180.977a7.139 7.139 0 0 1 6.418 4.011l27.85 57.12c2.312 4.743-1.141 10.269-6.418 10.269H60.162ZM11.404 357c-5.265-.014-8.707-5.532-6.397-10.269l34.812-71.4a7.14 7.14 0 0 1 6.418-4.011h264.526a7.141 7.141 0 0 1 6.418 4.011l34.812 71.4c2.31 4.737-1.132 10.255-6.397 10.269H11.405Z"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 357 357"><path d="M215.029 89.25c5.277 0 8.731-5.526 6.418-10.27L184.918 4.06c-2.608-5.348-10.228-5.348-12.836 0l-36.529 74.92c-2.313 4.743 1.141 10.269 6.417 10.269h73.059Zm-113.093 82.11c-5.276 0-8.73-5.526-6.418-10.269l26.11-53.55a7.139 7.139 0 0 1 6.417-4.011h100.909a7.14 7.14 0 0 1 6.418 4.011l26.109 53.55c2.313 4.743-1.141 10.269-6.418 10.269H101.936Zm-41.774 85.68c-5.277 0-8.73-5.526-6.418-10.269l27.85-57.12a7.14 7.14 0 0 1 6.417-4.011h180.977a7.139 7.139 0 0 1 6.418 4.011l27.85 57.12c2.312 4.743-1.141 10.269-6.418 10.269H60.162ZM11.404 357c-5.265-.014-8.707-5.532-6.397-10.269l34.812-71.4a7.14 7.14 0 0 1 6.418-4.011h264.526a7.141 7.141 0 0 1 6.418 4.011l34.812 71.4c2.31 4.737-1.132 10.255-6.397 10.269H11.405Z"/></svg>');
}

@container (max-aspect-ratio: 2/1) {
  .oj-chart-bar-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 196"><path d="M4 72h17.33s4 0 4 4v116s0 4-4 4H4s-4 0-4-4V76s0-4 4-4m33.33-32h17.33s4 0 4 4v148s0 4-4 4H37.33s-4 0-4-4V44s0-4 4-4m33.33 60h17.33s4 0 4 4v88s0 4-4 4H70.66s-4 0-4-4v-88s0-4 4-4m33.33-26h17.33s4 0 4 4v114s0 4-4 4h-17.33s-4 0-4-4V78s0-4 4-4m33.33-22h17.33s4 0 4 4v136s0 4-4 4h-17.33s-4 0-4-4V56s0-4 4-4m33.33-52h17.33s4 0 4 4v188s0 4-4 4h-17.33s-4 0-4-4V4s0-4 4-4"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 196"><path d="M4 72h17.33s4 0 4 4v116s0 4-4 4H4s-4 0-4-4V76s0-4 4-4m33.33-32h17.33s4 0 4 4v148s0 4-4 4H37.33s-4 0-4-4V44s0-4 4-4m33.33 60h17.33s4 0 4 4v88s0 4-4 4H70.66s-4 0-4-4v-88s0-4 4-4m33.33-26h17.33s4 0 4 4v114s0 4-4 4h-17.33s-4 0-4-4V78s0-4 4-4m33.33-22h17.33s4 0 4 4v136s0 4-4 4h-17.33s-4 0-4-4V56s0-4 4-4m33.33-52h17.33s4 0 4 4v188s0 4-4 4h-17.33s-4 0-4-4V4s0-4 4-4"/></svg>');
  }
  .oj-chart-boxplot-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M18.51 51a3 3 0 0 0-3 3v21.14H6a6 6 0 0 0-6 6v131.999a6 6 0 0 0 6 6h9.51V252a3 3 0 1 0 6 0v-32.861h10.485a6 6 0 0 0 6-6v-132a6 6 0 0 0-6-6H21.51V54a3 3 0 0 0-3-3ZM69.015 6a3 3 0 0 0-3 3v33h-10.02a6 6 0 0 0-6 6v228a6 6 0 0 0 6 6h10.02v15a3 3 0 1 0 6 0v-15h9.975a6 6 0 0 0 6-6V48a6 6 0 0 0-6-6h-9.975V9a3 3 0 0 0-3-3Zm50.49 21a3 3 0 0 0-3 3v9H105.99a6 6 0 0 0-6 6v204a6 6 0 0 0 6 6h10.515v21a3 3 0 1 0 6 0v-21h9.48a6 6 0 0 0 6-6V45a6 6 0 0 0-6-6h-9.48v-9a3 3 0 0 0-3-3Zm48.99 24a3 3 0 0 0-3 3v21.14h-9.51a6 6 0 0 0-6 6v131.999a6 6 0 0 0 6 6h9.51V252a3 3 0 1 0 6 0v-32.861h10.485a6 6 0 0 0 6-6v-132a6 6 0 0 0-6-6h-10.485V54a3 3 0 0 0-3-3Zm51-24a3 3 0 0 0-3 3v9H205.98a6 6 0 0 0-6 6v204a6 6 0 0 0 6 6h10.515v21a3 3 0 1 0 6 0v-21h9.48a6 6 0 0 0 6-6V45a6 6 0 0 0-6-6h-9.48v-9a3 3 0 0 0-3-3Zm49.499-21a3 3 0 0 0-3 3v33h-10.019a6 6 0 0 0-6 6v228a6 6 0 0 0 6 6h10.019v15a3 3 0 1 0 6 0v-15h9.976a6 6 0 0 0 6-6V48a6 6 0 0 0-6-6h-9.976V9a3 3 0 0 0-3-3Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M18.51 51a3 3 0 0 0-3 3v21.14H6a6 6 0 0 0-6 6v131.999a6 6 0 0 0 6 6h9.51V252a3 3 0 1 0 6 0v-32.861h10.485a6 6 0 0 0 6-6v-132a6 6 0 0 0-6-6H21.51V54a3 3 0 0 0-3-3ZM69.015 6a3 3 0 0 0-3 3v33h-10.02a6 6 0 0 0-6 6v228a6 6 0 0 0 6 6h10.02v15a3 3 0 1 0 6 0v-15h9.975a6 6 0 0 0 6-6V48a6 6 0 0 0-6-6h-9.975V9a3 3 0 0 0-3-3Zm50.49 21a3 3 0 0 0-3 3v9H105.99a6 6 0 0 0-6 6v204a6 6 0 0 0 6 6h10.515v21a3 3 0 1 0 6 0v-21h9.48a6 6 0 0 0 6-6V45a6 6 0 0 0-6-6h-9.48v-9a3 3 0 0 0-3-3Zm48.99 24a3 3 0 0 0-3 3v21.14h-9.51a6 6 0 0 0-6 6v131.999a6 6 0 0 0 6 6h9.51V252a3 3 0 1 0 6 0v-32.861h10.485a6 6 0 0 0 6-6v-132a6 6 0 0 0-6-6h-10.485V54a3 3 0 0 0-3-3Zm51-24a3 3 0 0 0-3 3v9H205.98a6 6 0 0 0-6 6v204a6 6 0 0 0 6 6h10.515v21a3 3 0 1 0 6 0v-21h9.48a6 6 0 0 0 6-6V45a6 6 0 0 0-6-6h-9.48v-9a3 3 0 0 0-3-3Zm49.499-21a3 3 0 0 0-3 3v33h-10.019a6 6 0 0 0-6 6v228a6 6 0 0 0 6 6h10.019v15a3 3 0 1 0 6 0v-15h9.976a6 6 0 0 0 6-6V48a6 6 0 0 0-6-6h-9.976V9a3 3 0 0 0-3-3Z"/></svg>');
  }
  .oj-chart-bubble-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><circle cx="237" cy="49.5" r="10.5"/><circle cx="247.5" cy="91.5" r="10.5"/><circle cx="281.25" cy="18.75" r="18.75"/><circle cx="47.25" cy="249.75" r="18.75"/><circle cx="195.75" cy="168.75" r="18.75"/><circle cx="90" cy="213" r="10.5"/><circle cx="10.5" cy="289.5" r="10.5"/><circle cx="132" cy="223.5" r="10.5"/><circle cx="142.5" cy="177" r="13.5"/><circle cx="156" cy="129" r="13.5"/><circle cx="205.5" cy="115.5" r="13.5"/><circle cx="172.5" cy="60" r="13.5"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><circle cx="237" cy="49.5" r="10.5"/><circle cx="247.5" cy="91.5" r="10.5"/><circle cx="281.25" cy="18.75" r="18.75"/><circle cx="47.25" cy="249.75" r="18.75"/><circle cx="195.75" cy="168.75" r="18.75"/><circle cx="90" cy="213" r="10.5"/><circle cx="10.5" cy="289.5" r="10.5"/><circle cx="132" cy="223.5" r="10.5"/><circle cx="142.5" cy="177" r="13.5"/><circle cx="156" cy="129" r="13.5"/><circle cx="205.5" cy="115.5" r="13.5"/><circle cx="172.5" cy="60" r="13.5"/></svg>');
  }
  .oj-chart-area-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M0 244a4 4 0 0 1 4-4h69.57c.925 0 1.82-.32 2.536-.907l71.784-58.863a4.002 4.002 0 0 1 4.491-.397l70.494 39.477a4 4 0 0 0 4.158-.152l66.764-44.064c2.659-1.755 6.203.152 6.203 3.339V296a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-52Z"/><path d="M0 145.844a3.998 3.998 0 0 1 3.291-3.936l70.75-12.735a4.005 4.005 0 0 0 1.731-.768l71.663-55.18a4 4 0 0 1 5.031.121l68.816 58.494a4 4 0 0 0 6.088-1.105l65.133-117.241c2.005-3.608 7.497-2.185 7.497 1.943v141.41a4.001 4.001 0 0 1-1.797 3.339l-71.17 46.972a4 4 0 0 1-4.158.152l-70.494-39.477a4.002 4.002 0 0 0-4.491.397l-71.784 58.863a3.997 3.997 0 0 1-2.536.907H4a4 4 0 0 1-4-4v-78.156Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M0 244a4 4 0 0 1 4-4h69.57c.925 0 1.82-.32 2.536-.907l71.784-58.863a4.002 4.002 0 0 1 4.491-.397l70.494 39.477a4 4 0 0 0 4.158-.152l66.764-44.064c2.659-1.755 6.203.152 6.203 3.339V296a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-52Z"/><path d="M0 145.844a3.998 3.998 0 0 1 3.291-3.936l70.75-12.735a4.005 4.005 0 0 0 1.731-.768l71.663-55.18a4 4 0 0 1 5.031.121l68.816 58.494a4 4 0 0 0 6.088-1.105l65.133-117.241c2.005-3.608 7.497-2.185 7.497 1.943v141.41a4.001 4.001 0 0 1-1.797 3.339l-71.17 46.972a4 4 0 0 1-4.158.152l-70.494-39.477a4.002 4.002 0 0 0-4.491.397l-71.784 58.863a3.997 3.997 0 0 1-2.536.907H4a4 4 0 0 1-4-4v-78.156Z"/></svg>');
  }
  .oj-chart-line-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path fill-rule="evenodd" d="M298.883 170.513a6 6 0 0 1-1.395 8.369l-65.472 46.766a12 12 0 0 1-11.808 1.219l-68.571-30.172-70.532 55.721A11.997 11.997 0 0 1 73.666 255H6.002a6 6 0 1 1 0-12h67.664l70.533-55.721a11.999 11.999 0 0 1 12.271-1.567l68.571 30.171 65.472-46.765a6 6 0 0 1 8.37 1.395Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M143.676 126.191a12.001 12.001 0 0 1 13.908-.691l68.544 43.869 65.212-32.247a6 6 0 1 1 5.319 10.756l-65.211 32.248a12 12 0 0 1-11.788-.65l-68.545-43.868-70.552 55.736a12.009 12.009 0 0 1-4.916 2.315L7.261 208.366a6 6 0 1 1-2.523-11.732l68.386-14.707 70.552-55.736Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M296.952.777a6.001 6.001 0 0 1 2.271 8.175l-65.087 115.154c-3.421 6.053-11.254 7.94-17.057 4.111l-66.014-43.57-70.502 55.696a11.998 11.998 0 0 1-4.916 2.316L7.261 157.366a6 6 0 1 1-2.523-11.732l68.386-14.707 70.502-55.696a12 12 0 0 1 14.049-.6l66.014 43.57L288.776 3.048a6 6 0 0 1 8.176-2.271Z" clip-rule="evenodd"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path fill-rule="evenodd" d="M298.883 170.513a6 6 0 0 1-1.395 8.369l-65.472 46.766a12 12 0 0 1-11.808 1.219l-68.571-30.172-70.532 55.721A11.997 11.997 0 0 1 73.666 255H6.002a6 6 0 1 1 0-12h67.664l70.533-55.721a11.999 11.999 0 0 1 12.271-1.567l68.571 30.171 65.472-46.765a6 6 0 0 1 8.37 1.395Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M143.676 126.191a12.001 12.001 0 0 1 13.908-.691l68.544 43.869 65.212-32.247a6 6 0 1 1 5.319 10.756l-65.211 32.248a12 12 0 0 1-11.788-.65l-68.545-43.868-70.552 55.736a12.009 12.009 0 0 1-4.916 2.315L7.261 208.366a6 6 0 1 1-2.523-11.732l68.386-14.707 70.552-55.736Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M296.952.777a6.001 6.001 0 0 1 2.271 8.175l-65.087 115.154c-3.421 6.053-11.254 7.94-17.057 4.111l-66.014-43.57-70.502 55.696a11.998 11.998 0 0 1-4.916 2.316L7.261 157.366a6 6 0 1 1-2.523-11.732l68.386-14.707 70.502-55.696a12 12 0 0 1 14.049-.6l66.014 43.57L288.776 3.048a6 6 0 0 1 8.176-2.271Z" clip-rule="evenodd"/></svg>');
  }
  .oj-chart-combo-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M0 250.186a6 6 0 0 1 6-6h66.953a6 6 0 0 0 3.667-1.251l70.319-54.293a6 6 0 0 1 6.478-.551l68.554 36.35a6.001 6.001 0 0 0 5.95-.188l62.94-38.642c3.998-2.454 9.139.422 9.139 5.113V294a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6v-43.814Z"/><path d="M261.975 6a6 6 0 0 0-6 6v180.948l37.763-23.184.232-.142V12a6 6 0 0 0-6-6h-25.995ZM43.995 232.186H6V120a6 6 0 0 1 6-6h25.995a6 6 0 0 1 6 6v112.186Zm49.995-17.822-23.084 17.822H55.995V72a6 6 0 0 1 6-6H87.99a6 6 0 0 1 6 6v142.364Zm49.995-37.711a17.987 17.987 0 0 0-4.38 2.491l-33.615 25.955V162a6 6 0 0 1 6-6h25.995a6 6 0 0 1 6 6v14.653Zm49.995 19.364-34.942-18.528a17.933 17.933 0 0 0-3.053-1.275V123a6 6 0 0 1 6-6h25.995a6 6 0 0 1 6 6v73.017Zm49.995 4.299-19.411 11.917-18.584-9.854V90a6 6 0 0 1 6-6h25.995a6 6 0 0 1 6 6v110.316Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M0 250.186a6 6 0 0 1 6-6h66.953a6 6 0 0 0 3.667-1.251l70.319-54.293a6 6 0 0 1 6.478-.551l68.554 36.35a6.001 6.001 0 0 0 5.95-.188l62.94-38.642c3.998-2.454 9.139.422 9.139 5.113V294a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6v-43.814Z"/><path d="M261.975 6a6 6 0 0 0-6 6v180.948l37.763-23.184.232-.142V12a6 6 0 0 0-6-6h-25.995ZM43.995 232.186H6V120a6 6 0 0 1 6-6h25.995a6 6 0 0 1 6 6v112.186Zm49.995-17.822-23.084 17.822H55.995V72a6 6 0 0 1 6-6H87.99a6 6 0 0 1 6 6v142.364Zm49.995-37.711a17.987 17.987 0 0 0-4.38 2.491l-33.615 25.955V162a6 6 0 0 1 6-6h25.995a6 6 0 0 1 6 6v14.653Zm49.995 19.364-34.942-18.528a17.933 17.933 0 0 0-3.053-1.275V123a6 6 0 0 1 6-6h25.995a6 6 0 0 1 6 6v73.017Zm49.995 4.299-19.411 11.917-18.584-9.854V90a6 6 0 0 1 6-6h25.995a6 6 0 0 1 6 6v110.316Z"/></svg>');
  }
}

@container (min-aspect-ratio: 2/1) and (max-aspect-ratio: 3/1) {
  .oj-chart-bar-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 648 324"><path d="M328 123.12h33.035s4 0 4 4V320s0 4-4 4H328s-4 0-4-4V127.12s0-4 4-4m53.995-51.84h33.035s4 0 4 4V320s0 4-4 4h-33.035s-4 0-4-4V75.28s0-4 4-4m53.994 97.199h33.035s4 0 4 4v147.52s0 4-4 4h-33.035s-4 0-4-4v-147.52s0-4 4-4m53.994-42.12h33.035s4 0 4 4v189.64s0 4-4 4h-33.035s-4 0-4-4v-189.64s0-4 4-4m53.996-35.639h33.035s4 0 4 4V320s0 4-4 4h-33.035s-4 0-4-4V94.72s0-4 4-4m53.994-84.24h33.035s4 0 4 4V320s0 4-4 4h-33.035s-4 0-4-4V10.48s0-4 4-4M4 123.12h33.035s4 0 4 4V320s0 4-4 4H4s-4 0-4-4V127.12s0-4 4-4m53.995-51.84H91.03s4 0 4 4V320s0 4-4 4H57.995s-4 0-4-4V75.28s0-4 4-4m53.994 97.199h33.035s4 0 4 4v147.52s0 4-4 4h-33.035s-4 0-4-4v-147.52s0-4 4-4m53.994-42.12h33.035s4 0 4 4v189.64s0 4-4 4h-33.035s-4 0-4-4v-189.64s0-4 4-4m53.996-35.639h33.035s4 0 4 4V320s0 4-4 4h-33.035s-4 0-4-4V94.72s0-4 4-4m53.994-84.24h33.035s4 0 4 4V320s0 4-4 4h-33.035s-4 0-4-4V10.48s0-4 4-4"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 648 324"><path d="M328 123.12h33.035s4 0 4 4V320s0 4-4 4H328s-4 0-4-4V127.12s0-4 4-4m53.995-51.84h33.035s4 0 4 4V320s0 4-4 4h-33.035s-4 0-4-4V75.28s0-4 4-4m53.994 97.199h33.035s4 0 4 4v147.52s0 4-4 4h-33.035s-4 0-4-4v-147.52s0-4 4-4m53.994-42.12h33.035s4 0 4 4v189.64s0 4-4 4h-33.035s-4 0-4-4v-189.64s0-4 4-4m53.996-35.639h33.035s4 0 4 4V320s0 4-4 4h-33.035s-4 0-4-4V94.72s0-4 4-4m53.994-84.24h33.035s4 0 4 4V320s0 4-4 4h-33.035s-4 0-4-4V10.48s0-4 4-4M4 123.12h33.035s4 0 4 4V320s0 4-4 4H4s-4 0-4-4V127.12s0-4 4-4m53.995-51.84H91.03s4 0 4 4V320s0 4-4 4H57.995s-4 0-4-4V75.28s0-4 4-4m53.994 97.199h33.035s4 0 4 4v147.52s0 4-4 4h-33.035s-4 0-4-4v-147.52s0-4 4-4m53.994-42.12h33.035s4 0 4 4v189.64s0 4-4 4h-33.035s-4 0-4-4v-189.64s0-4 4-4m53.996-35.639h33.035s4 0 4 4V320s0 4-4 4h-33.035s-4 0-4-4V94.72s0-4 4-4m53.994-84.24h33.035s4 0 4 4V320s0 4-4 4h-33.035s-4 0-4-4V10.48s0-4 4-4"/></svg>');
  }
  .oj-chart-boxplot-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><path d="M20.114 55.42a3.26 3.26 0 0 0-3.26 3.26v22.97H6.52A6.52 6.52 0 0 0 0 88.171v143.44a6.52 6.52 0 0 0 6.52 6.52h10.334v35.709a3.26 3.26 0 0 0 6.52 0v-35.709h11.394a6.52 6.52 0 0 0 6.52-6.52V88.171c0-3.6-2.92-6.52-6.52-6.52H23.374V58.68c0-1.8-1.46-3.26-3.26-3.26Zm54.882-48.9a3.26 3.26 0 0 0-3.26 3.26v35.86H60.848a6.52 6.52 0 0 0-6.52 6.52v247.76a6.52 6.52 0 0 0 6.52 6.52h10.888v16.3a3.26 3.26 0 0 0 6.52 0v-16.3h10.84a6.52 6.52 0 0 0 6.52-6.52V52.16c0-3.6-2.92-6.52-6.52-6.52h-10.84V9.78c0-1.8-1.46-3.26-3.26-3.26Zm54.866 22.82a3.26 3.26 0 0 0-3.26 3.26v9.78h-11.426a6.52 6.52 0 0 0-6.52 6.52v221.68a6.52 6.52 0 0 0 6.52 6.52h11.426v22.82a3.26 3.26 0 1 0 6.52 0V277.1h10.302a6.52 6.52 0 0 0 6.52-6.52V48.9a6.52 6.52 0 0 0-6.52-6.52h-10.302V32.6a3.26 3.26 0 0 0-3.26-3.26Zm53.235 26.08a3.26 3.26 0 0 0-3.26 3.26v22.97h-10.334a6.52 6.52 0 0 0-6.52 6.52v143.44a6.52 6.52 0 0 0 6.52 6.52h10.334v35.709a3.26 3.26 0 0 0 6.52 0V238.13h11.394a6.52 6.52 0 0 0 6.52-6.52V88.171a6.52 6.52 0 0 0-6.52-6.52h-11.394V58.68a3.26 3.26 0 0 0-3.26-3.26Zm55.42-26.08a3.26 3.26 0 0 0-3.26 3.26v9.78h-11.425a6.52 6.52 0 0 0-6.52 6.52v221.68a6.52 6.52 0 0 0 6.52 6.52h11.425v22.82a3.26 3.26 0 1 0 6.52 0V277.1h10.302a6.52 6.52 0 0 0 6.52-6.52V48.9a6.52 6.52 0 0 0-6.52-6.52h-10.302V32.6a3.26 3.26 0 0 0-3.26-3.26Zm53.791-22.82a3.26 3.26 0 0 0-3.26 3.26v35.86H278.16a6.52 6.52 0 0 0-6.52 6.52v247.76a6.52 6.52 0 0 0 6.52 6.52h10.888v16.3a3.26 3.26 0 1 0 6.52 0v-16.3h10.84a6.52 6.52 0 0 0 6.52-6.52V52.16c0-3.6-2.92-6.52-6.52-6.52h-10.84V9.78c0-1.8-1.46-3.26-3.26-3.26Zm53.806 48.9a3.26 3.26 0 0 0-3.26 3.26v22.97H332.52a6.52 6.52 0 0 0-6.52 6.52v143.44a6.52 6.52 0 0 0 6.52 6.52h10.334v35.709a3.26 3.26 0 1 0 6.52 0V238.13h11.394a6.52 6.52 0 0 0 6.52-6.52V88.171a6.52 6.52 0 0 0-6.52-6.52h-11.394V58.68c0-1.8-1.46-3.26-3.26-3.26Zm54.882-48.9a3.26 3.26 0 0 0-3.26 3.26v35.86h-10.888a6.52 6.52 0 0 0-6.52 6.52v247.76a6.52 6.52 0 0 0 6.52 6.52h10.888v16.3a3.26 3.26 0 0 0 6.52 0v-16.3h10.84a6.52 6.52 0 0 0 6.52-6.52V52.16a6.52 6.52 0 0 0-6.52-6.52h-10.84V9.78c0-1.8-1.46-3.26-3.26-3.26Zm54.866 22.82a3.26 3.26 0 0 0-3.26 3.26v9.78h-11.426a6.52 6.52 0 0 0-6.52 6.52v221.68a6.52 6.52 0 0 0 6.52 6.52h11.426v22.82a3.26 3.26 0 1 0 6.52 0V277.1h10.302a6.52 6.52 0 0 0 6.52-6.52V48.9a6.52 6.52 0 0 0-6.52-6.52h-10.302V32.6a3.26 3.26 0 0 0-3.26-3.26Zm53.235 26.08a3.26 3.26 0 0 0-3.26 3.26v22.97h-10.334a6.52 6.52 0 0 0-6.52 6.52v143.44a6.52 6.52 0 0 0 6.52 6.52h10.334v35.709a3.26 3.26 0 0 0 6.52 0V238.13h11.394a6.52 6.52 0 0 0 6.52-6.52V88.171a6.52 6.52 0 0 0-6.52-6.52h-11.394V58.68a3.26 3.26 0 0 0-3.26-3.26Zm55.42-26.08a3.26 3.26 0 0 0-3.26 3.26v9.78h-11.425a6.52 6.52 0 0 0-6.52 6.52v221.68a6.52 6.52 0 0 0 6.52 6.52h11.425v22.82a3.26 3.26 0 1 0 6.52 0V277.1h10.302a6.52 6.52 0 0 0 6.52-6.52V48.9a6.52 6.52 0 0 0-6.52-6.52h-10.302V32.6a3.26 3.26 0 0 0-3.26-3.26Zm53.791-22.82a3.26 3.26 0 0 0-3.26 3.26v35.86H604.16a6.52 6.52 0 0 0-6.52 6.52v247.76a6.52 6.52 0 0 0 6.52 6.52h10.888v16.3a3.26 3.26 0 1 0 6.52 0v-16.3h10.84a6.52 6.52 0 0 0 6.52-6.52V52.16c0-3.6-2.92-6.52-6.52-6.52h-10.84V9.78c0-1.8-1.46-3.26-3.26-3.26Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><path d="M20.114 55.42a3.26 3.26 0 0 0-3.26 3.26v22.97H6.52A6.52 6.52 0 0 0 0 88.171v143.44a6.52 6.52 0 0 0 6.52 6.52h10.334v35.709a3.26 3.26 0 0 0 6.52 0v-35.709h11.394a6.52 6.52 0 0 0 6.52-6.52V88.171c0-3.6-2.92-6.52-6.52-6.52H23.374V58.68c0-1.8-1.46-3.26-3.26-3.26Zm54.882-48.9a3.26 3.26 0 0 0-3.26 3.26v35.86H60.848a6.52 6.52 0 0 0-6.52 6.52v247.76a6.52 6.52 0 0 0 6.52 6.52h10.888v16.3a3.26 3.26 0 0 0 6.52 0v-16.3h10.84a6.52 6.52 0 0 0 6.52-6.52V52.16c0-3.6-2.92-6.52-6.52-6.52h-10.84V9.78c0-1.8-1.46-3.26-3.26-3.26Zm54.866 22.82a3.26 3.26 0 0 0-3.26 3.26v9.78h-11.426a6.52 6.52 0 0 0-6.52 6.52v221.68a6.52 6.52 0 0 0 6.52 6.52h11.426v22.82a3.26 3.26 0 1 0 6.52 0V277.1h10.302a6.52 6.52 0 0 0 6.52-6.52V48.9a6.52 6.52 0 0 0-6.52-6.52h-10.302V32.6a3.26 3.26 0 0 0-3.26-3.26Zm53.235 26.08a3.26 3.26 0 0 0-3.26 3.26v22.97h-10.334a6.52 6.52 0 0 0-6.52 6.52v143.44a6.52 6.52 0 0 0 6.52 6.52h10.334v35.709a3.26 3.26 0 0 0 6.52 0V238.13h11.394a6.52 6.52 0 0 0 6.52-6.52V88.171a6.52 6.52 0 0 0-6.52-6.52h-11.394V58.68a3.26 3.26 0 0 0-3.26-3.26Zm55.42-26.08a3.26 3.26 0 0 0-3.26 3.26v9.78h-11.425a6.52 6.52 0 0 0-6.52 6.52v221.68a6.52 6.52 0 0 0 6.52 6.52h11.425v22.82a3.26 3.26 0 1 0 6.52 0V277.1h10.302a6.52 6.52 0 0 0 6.52-6.52V48.9a6.52 6.52 0 0 0-6.52-6.52h-10.302V32.6a3.26 3.26 0 0 0-3.26-3.26Zm53.791-22.82a3.26 3.26 0 0 0-3.26 3.26v35.86H278.16a6.52 6.52 0 0 0-6.52 6.52v247.76a6.52 6.52 0 0 0 6.52 6.52h10.888v16.3a3.26 3.26 0 1 0 6.52 0v-16.3h10.84a6.52 6.52 0 0 0 6.52-6.52V52.16c0-3.6-2.92-6.52-6.52-6.52h-10.84V9.78c0-1.8-1.46-3.26-3.26-3.26Zm53.806 48.9a3.26 3.26 0 0 0-3.26 3.26v22.97H332.52a6.52 6.52 0 0 0-6.52 6.52v143.44a6.52 6.52 0 0 0 6.52 6.52h10.334v35.709a3.26 3.26 0 1 0 6.52 0V238.13h11.394a6.52 6.52 0 0 0 6.52-6.52V88.171a6.52 6.52 0 0 0-6.52-6.52h-11.394V58.68c0-1.8-1.46-3.26-3.26-3.26Zm54.882-48.9a3.26 3.26 0 0 0-3.26 3.26v35.86h-10.888a6.52 6.52 0 0 0-6.52 6.52v247.76a6.52 6.52 0 0 0 6.52 6.52h10.888v16.3a3.26 3.26 0 0 0 6.52 0v-16.3h10.84a6.52 6.52 0 0 0 6.52-6.52V52.16a6.52 6.52 0 0 0-6.52-6.52h-10.84V9.78c0-1.8-1.46-3.26-3.26-3.26Zm54.866 22.82a3.26 3.26 0 0 0-3.26 3.26v9.78h-11.426a6.52 6.52 0 0 0-6.52 6.52v221.68a6.52 6.52 0 0 0 6.52 6.52h11.426v22.82a3.26 3.26 0 1 0 6.52 0V277.1h10.302a6.52 6.52 0 0 0 6.52-6.52V48.9a6.52 6.52 0 0 0-6.52-6.52h-10.302V32.6a3.26 3.26 0 0 0-3.26-3.26Zm53.235 26.08a3.26 3.26 0 0 0-3.26 3.26v22.97h-10.334a6.52 6.52 0 0 0-6.52 6.52v143.44a6.52 6.52 0 0 0 6.52 6.52h10.334v35.709a3.26 3.26 0 0 0 6.52 0V238.13h11.394a6.52 6.52 0 0 0 6.52-6.52V88.171a6.52 6.52 0 0 0-6.52-6.52h-11.394V58.68a3.26 3.26 0 0 0-3.26-3.26Zm55.42-26.08a3.26 3.26 0 0 0-3.26 3.26v9.78h-11.425a6.52 6.52 0 0 0-6.52 6.52v221.68a6.52 6.52 0 0 0 6.52 6.52h11.425v22.82a3.26 3.26 0 1 0 6.52 0V277.1h10.302a6.52 6.52 0 0 0 6.52-6.52V48.9a6.52 6.52 0 0 0-6.52-6.52h-10.302V32.6a3.26 3.26 0 0 0-3.26-3.26Zm53.791-22.82a3.26 3.26 0 0 0-3.26 3.26v35.86H604.16a6.52 6.52 0 0 0-6.52 6.52v247.76a6.52 6.52 0 0 0 6.52 6.52h10.888v16.3a3.26 3.26 0 1 0 6.52 0v-16.3h10.84a6.52 6.52 0 0 0 6.52-6.52V52.16c0-3.6-2.92-6.52-6.52-6.52h-10.84V9.78c0-1.8-1.46-3.26-3.26-3.26Z"/></svg>');
  }
  .oj-chart-bubble-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><circle cx="568.871" cy="70.09" r="11.41"/><circle cx="524.859" cy="122.25" r="11.41"/><circle cx="631.625" cy="20.375" r="20.375"/><circle cx="77.426" cy="274.655" r="20.375"/><circle cx="346.375" cy="199.675" r="20.375"/><circle cx="172.779" cy="242.87" r="11.41"/><circle cx="11.41" cy="314.59" r="11.41"/><circle cx="233.09" cy="265.69" r="11.41"/><circle cx="290.141" cy="179.3" r="14.67"/><circle cx="340.67" cy="140.18" r="14.67"/><circle cx="422.17" cy="148.33" r="14.67"/><circle cx="480.85" cy="44.01" r="14.67"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><circle cx="568.871" cy="70.09" r="11.41"/><circle cx="524.859" cy="122.25" r="11.41"/><circle cx="631.625" cy="20.375" r="20.375"/><circle cx="77.426" cy="274.655" r="20.375"/><circle cx="346.375" cy="199.675" r="20.375"/><circle cx="172.779" cy="242.87" r="11.41"/><circle cx="11.41" cy="314.59" r="11.41"/><circle cx="233.09" cy="265.69" r="11.41"/><circle cx="290.141" cy="179.3" r="14.67"/><circle cx="340.67" cy="140.18" r="14.67"/><circle cx="422.17" cy="148.33" r="14.67"/><circle cx="480.85" cy="44.01" r="14.67"/></svg>');
  }
  .oj-chart-area-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><path d="M0 281.1a4 4 0 0 1 4-4h158.039a4 4 0 0 0 1.817-.437l160.752-81.983a3.997 3.997 0 0 1 2.896-.289l160.322 44.89a3.995 3.995 0 0 0 2.332-.053l156.589-51.674c2.587-.854 5.253 1.073 5.253 3.798V322a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-40.9Z"/><path d="M0 191.45a4 4 0 0 1 4-4h157.776c.798 0 1.577-.238 2.238-.685L324.198 78.641a4 4 0 0 1 3.803-.366l158.653 67.428a4.002 4.002 0 0 0 4.241-.708L645.324 6.008c2.574-2.316 6.676-.49 6.676 2.973v160.907a3.999 3.999 0 0 1-2.747 3.798l-159.095 52.502a3.995 3.995 0 0 1-2.332.053l-160.322-44.89a3.997 3.997 0 0 0-2.896.289l-160.752 81.983a4 4 0 0 1-1.817.437H4a4 4 0 0 1-4-4v-68.61Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><path d="M0 281.1a4 4 0 0 1 4-4h158.039a4 4 0 0 0 1.817-.437l160.752-81.983a3.997 3.997 0 0 1 2.896-.289l160.322 44.89a3.995 3.995 0 0 0 2.332-.053l156.589-51.674c2.587-.854 5.253 1.073 5.253 3.798V322a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-40.9Z"/><path d="M0 191.45a4 4 0 0 1 4-4h157.776c.798 0 1.577-.238 2.238-.685L324.198 78.641a4 4 0 0 1 3.803-.366l158.653 67.428a4.002 4.002 0 0 0 4.241-.708L645.324 6.008c2.574-2.316 6.676-.49 6.676 2.973v160.907a3.999 3.999 0 0 1-2.747 3.798l-159.095 52.502a3.995 3.995 0 0 1-2.332.053l-160.322-44.89a3.997 3.997 0 0 0-2.896.289l-160.752 81.983a4 4 0 0 1-1.817.437H4a4 4 0 0 1-4-4v-68.61Z"/></svg>');
  }
  .oj-chart-line-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><path fill-rule="evenodd" d="M649.171 186.943a6.519 6.519 0 0 1-1.554 9.088l-69.522 49.213a13.042 13.042 0 0 1-12.786 1.292l-74.53-32.793-76.058 60.085a13.04 13.04 0 0 1-10.64 2.554l-158.144-31.628-76.698 30.679a13.04 13.04 0 0 1-11.552-.926l-75.209-45.125-70.74 46.641a6.52 6.52 0 1 1-7.177-10.887l70.74-46.641a13.042 13.042 0 0 1 13.886-.295l75.209 45.125 76.698-30.679a13.043 13.043 0 0 1 7.4-.679l158.144 31.629 76.057-60.086a13.041 13.041 0 0 1 13.336-1.703l74.53 32.793 69.522-49.212a6.52 6.52 0 0 1 9.088 1.555Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M482.129 137.128a13.04 13.04 0 0 1 15.113-.751l74.453 47.65 69.215-34.995a6.52 6.52 0 1 1 5.884 11.637l-69.215 34.995a13.038 13.038 0 0 1-12.913-.654l-74.453-47.65-76.628 60.536a13.022 13.022 0 0 1-5.526 2.554l-77.493 15.499a13.043 13.043 0 0 1-9.267-1.605l-77.485-46.491-159.886 15.988a13.041 13.041 0 0 1-3.828-.183L6.887 179.176a6.52 6.52 0 0 1 2.53-12.792l73.213 14.482 159.886-15.989a13.04 13.04 0 0 1 8.007 1.794l77.485 46.491 77.494-15.498 76.627-60.536Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M647.036 2.46a6.52 6.52 0 0 1 2.505 8.874L580.431 134.8c-3.701 6.611-12.238 8.687-18.562 4.514l-71.711-47.33-76.573 60.493a13.034 13.034 0 0 1-5.526 2.554l-77.493 15.499a13.043 13.043 0 0 1-9.267-1.605l-77.177-46.306-78.395 15.679c-.842.168-1.698.253-2.557.253H84.104c-2.342 0-4.64-.631-6.654-1.826L4.825 93.627a6.52 6.52 0 1 1 6.654-11.214l72.625 43.097h79.066l78.395-15.679a13.04 13.04 0 0 1 9.266 1.605l77.177 46.306 77.494-15.499 76.573-60.492a13.04 13.04 0 0 1 15.266-.651l71.711 47.329L638.163 4.965a6.519 6.519 0 0 1 8.873-2.504Z" clip-rule="evenodd"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><path fill-rule="evenodd" d="M649.171 186.943a6.519 6.519 0 0 1-1.554 9.088l-69.522 49.213a13.042 13.042 0 0 1-12.786 1.292l-74.53-32.793-76.058 60.085a13.04 13.04 0 0 1-10.64 2.554l-158.144-31.628-76.698 30.679a13.04 13.04 0 0 1-11.552-.926l-75.209-45.125-70.74 46.641a6.52 6.52 0 1 1-7.177-10.887l70.74-46.641a13.042 13.042 0 0 1 13.886-.295l75.209 45.125 76.698-30.679a13.043 13.043 0 0 1 7.4-.679l158.144 31.629 76.057-60.086a13.041 13.041 0 0 1 13.336-1.703l74.53 32.793 69.522-49.212a6.52 6.52 0 0 1 9.088 1.555Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M482.129 137.128a13.04 13.04 0 0 1 15.113-.751l74.453 47.65 69.215-34.995a6.52 6.52 0 1 1 5.884 11.637l-69.215 34.995a13.038 13.038 0 0 1-12.913-.654l-74.453-47.65-76.628 60.536a13.022 13.022 0 0 1-5.526 2.554l-77.493 15.499a13.043 13.043 0 0 1-9.267-1.605l-77.485-46.491-159.886 15.988a13.041 13.041 0 0 1-3.828-.183L6.887 179.176a6.52 6.52 0 0 1 2.53-12.792l73.213 14.482 159.886-15.989a13.04 13.04 0 0 1 8.007 1.794l77.485 46.491 77.494-15.498 76.627-60.536Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M647.036 2.46a6.52 6.52 0 0 1 2.505 8.874L580.431 134.8c-3.701 6.611-12.238 8.687-18.562 4.514l-71.711-47.33-76.573 60.493a13.034 13.034 0 0 1-5.526 2.554l-77.493 15.499a13.043 13.043 0 0 1-9.267-1.605l-77.177-46.306-78.395 15.679c-.842.168-1.698.253-2.557.253H84.104c-2.342 0-4.64-.631-6.654-1.826L4.825 93.627a6.52 6.52 0 1 1 6.654-11.214l72.625 43.097h79.066l78.395-15.679a13.04 13.04 0 0 1 9.266 1.605l77.177 46.306 77.494-15.499 76.573-60.492a13.04 13.04 0 0 1 15.266-.651l71.711 47.329L638.163 4.965a6.519 6.519 0 0 1 8.873-2.504Z" clip-rule="evenodd"/></svg>');
  }
  .oj-chart-combo-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><path d="M0 287.032a6.52 6.52 0 0 1 6.52-6.52h154.999c.975 0 1.937-.219 2.817-.64l159.498-76.411a6.52 6.52 0 0 1 4.488-.422l158.876 42.121a6.517 6.517 0 0 0 3.584-.07l152.785-46.901c4.191-1.287 8.433 1.848 8.433 6.233V319.48a6.52 6.52 0 0 1-6.52 6.52H6.52A6.52 6.52 0 0 1 0 319.48v-32.448ZM284.679 6.52a6.52 6.52 0 0 0-6.52 6.52v197.842L318.2 191.7c.41-.196.826-.378 1.247-.545V13.04a6.52 6.52 0 0 0-6.52-6.52h-28.248Zm89.128 195.087-41.287-10.946V130.4a6.52 6.52 0 0 1 6.52-6.52h28.247a6.52 6.52 0 0 1 6.52 6.52v71.207Z"/><path d="m428.135 216.01-41.288-10.946V78.24c0-3.6 2.92-6.52 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v137.77Zm54.328 14.403-41.288-10.946V176.04a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v54.373Zm54.328-13.088L495.503 230v-96.34a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v83.665Zm54.328-16.677-41.288 12.674V97.8a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v102.848Zm54.328-16.678-41.288 12.675V13.04a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v170.93Zm-597.64 83.501H6.52V130.4a6.52 6.52 0 0 1 6.52-6.52h28.247a6.52 6.52 0 0 1 6.52 6.52v137.071Zm54.328 0H60.847V78.24c0-3.6 2.92-6.52 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v189.231Zm54.328 0h-41.288V176.04a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v91.431Zm54.328-24.315-41.288 19.78V133.66a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v109.496Zm54.328-26.026-41.288 19.779V97.8a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v119.33Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><path d="M0 287.032a6.52 6.52 0 0 1 6.52-6.52h154.999c.975 0 1.937-.219 2.817-.64l159.498-76.411a6.52 6.52 0 0 1 4.488-.422l158.876 42.121a6.517 6.517 0 0 0 3.584-.07l152.785-46.901c4.191-1.287 8.433 1.848 8.433 6.233V319.48a6.52 6.52 0 0 1-6.52 6.52H6.52A6.52 6.52 0 0 1 0 319.48v-32.448ZM284.679 6.52a6.52 6.52 0 0 0-6.52 6.52v197.842L318.2 191.7c.41-.196.826-.378 1.247-.545V13.04a6.52 6.52 0 0 0-6.52-6.52h-28.248Zm89.128 195.087-41.287-10.946V130.4a6.52 6.52 0 0 1 6.52-6.52h28.247a6.52 6.52 0 0 1 6.52 6.52v71.207Z"/><path d="m428.135 216.01-41.288-10.946V78.24c0-3.6 2.92-6.52 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v137.77Zm54.328 14.403-41.288-10.946V176.04a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v54.373Zm54.328-13.088L495.503 230v-96.34a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v83.665Zm54.328-16.677-41.288 12.674V97.8a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v102.848Zm54.328-16.678-41.288 12.675V13.04a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v170.93Zm-597.64 83.501H6.52V130.4a6.52 6.52 0 0 1 6.52-6.52h28.247a6.52 6.52 0 0 1 6.52 6.52v137.071Zm54.328 0H60.847V78.24c0-3.6 2.92-6.52 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v189.231Zm54.328 0h-41.288V176.04a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v91.431Zm54.328-24.315-41.288 19.78V133.66a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v109.496Zm54.328-26.026-41.288 19.779V97.8a6.52 6.52 0 0 1 6.52-6.52h28.248a6.52 6.52 0 0 1 6.52 6.52v119.33Z"/></svg>');
  }
}

@container (min-aspect-ratio: 3/1) {
  .oj-chart-bar-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><path d="M364 136.8h37.594s4 0 4 4V356s0 4-4 4H364s-4 0-4-4V140.8s0-4 4-4m59.994-57.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V83.2s0-4 4-4m59.994 108h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V191.2s0-4 4-4m59.994-46.8h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V144.4s0-4 4-4m59.995-39.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V104.8s0-4 4-4m59.994-93.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V11.2s0-4 4-4M724 136.8h37.594s4 0 4 4V356s0 4-4 4H724s-4 0-4-4V140.8s0-4 4-4m59.994-57.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V83.2s0-4 4-4m59.994 108h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V191.2s0-4 4-4m59.994-46.8h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V144.4s0-4 4-4m59.995-39.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V104.8s0-4 4-4m59.993-93.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V11.2s0-4 4-4M4 136.8h37.594s4 0 4 4V356s0 4-4 4H4s-4 0-4-4V140.8s0-4 4-4m59.994-57.6h37.594s4 0 4 4V356s0 4-4 4H63.994s-4 0-4-4V83.2s0-4 4-4m59.993 108h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V191.2s0-4 4-4m59.995-46.8h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V144.4s0-4 4-4m59.995-39.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V104.8s0-4 4-4m59.994-93.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V11.2s0-4 4-4"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><path d="M364 136.8h37.594s4 0 4 4V356s0 4-4 4H364s-4 0-4-4V140.8s0-4 4-4m59.994-57.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V83.2s0-4 4-4m59.994 108h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V191.2s0-4 4-4m59.994-46.8h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V144.4s0-4 4-4m59.995-39.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V104.8s0-4 4-4m59.994-93.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V11.2s0-4 4-4M724 136.8h37.594s4 0 4 4V356s0 4-4 4H724s-4 0-4-4V140.8s0-4 4-4m59.994-57.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V83.2s0-4 4-4m59.994 108h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V191.2s0-4 4-4m59.994-46.8h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V144.4s0-4 4-4m59.995-39.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V104.8s0-4 4-4m59.993-93.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V11.2s0-4 4-4M4 136.8h37.594s4 0 4 4V356s0 4-4 4H4s-4 0-4-4V140.8s0-4 4-4m59.994-57.6h37.594s4 0 4 4V356s0 4-4 4H63.994s-4 0-4-4V83.2s0-4 4-4m59.993 108h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V191.2s0-4 4-4m59.995-46.8h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V144.4s0-4 4-4m59.995-39.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V104.8s0-4 4-4m59.994-93.6h37.594s4 0 4 4V356s0 4-4 4h-37.594s-4 0-4-4V11.2s0-4 4-4"/></svg>');
  }
  .oj-chart-boxplot-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1079 360"><path d="M22.185 61.2a3.598 3.598 0 0 0-3.595 3.6v25.367H7.19c-3.97 0-7.19 3.223-7.19 7.2v158.4c0 3.976 3.22 7.2 7.191 7.2H18.59V302.4c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6v-39.433h12.567c3.972 0 7.192-3.224 7.192-7.2v-158.4c0-3.977-3.22-7.2-7.192-7.2H25.781V64.8c0-1.988-1.61-3.6-3.596-3.6Zm60.535-54a3.598 3.598 0 0 0-3.597 3.6v39.6H67.114c-3.971 0-7.191 3.224-7.191 7.2v273.6c0 3.976 3.22 7.2 7.191 7.2h12.01v18c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6v-18H98.27c3.972 0 7.192-3.224 7.192-7.2V57.6c0-3.977-3.22-7.2-7.192-7.2H86.315V10.8c0-1.988-1.61-3.6-3.596-3.6Zm60.514 25.2a3.598 3.598 0 0 0-3.595 3.6v10.8h-12.603c-3.972 0-7.191 3.224-7.191 7.2v244.8c0 3.976 3.219 7.2 7.191 7.2h12.603v25.2c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6V306h11.363c3.972 0 7.191-3.224 7.191-7.2V54c0-3.977-3.219-7.2-7.191-7.2H146.83V36c0-1.988-1.61-3.6-3.596-3.6Zm58.719 28.8a3.598 3.598 0 0 0-3.596 3.6v25.367h-11.398c-3.972 0-7.191 3.224-7.191 7.2v158.4c0 3.976 3.219 7.2 7.191 7.2h11.398V302.4c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6v-39.433h12.567c3.972 0 7.191-3.224 7.191-7.2v-158.4c0-3.977-3.219-7.2-7.191-7.2h-12.567V64.8c0-1.988-1.61-3.6-3.596-3.6Zm61.127-28.8a3.598 3.598 0 0 0-3.596 3.6v10.8h-12.602c-3.972 0-7.192 3.224-7.192 7.2v244.8c0 3.976 3.22 7.2 7.192 7.2h12.602v25.2c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6V306h11.363c3.971 0 7.191-3.224 7.191-7.2V54c0-3.977-3.22-7.2-7.191-7.2h-11.363V36c0-1.988-1.61-3.6-3.596-3.6Zm59.33-25.2a3.598 3.598 0 0 0-3.596 3.6v39.6h-12.009c-3.972 0-7.192 3.224-7.192 7.2v273.6c0 3.976 3.22 7.2 7.192 7.2h12.009v18c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.595-3.6v-18h11.957c3.971 0 7.191-3.224 7.191-7.2V57.6c0-3.977-3.22-7.2-7.191-7.2h-11.957V10.8c0-1.988-1.61-3.6-3.595-3.6Zm418.918 54a3.598 3.598 0 0 0-3.596 3.6v25.367h-11.398c-3.972 0-7.191 3.224-7.191 7.2v158.4c0 3.976 3.219 7.2 7.191 7.2h11.398V302.4c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6v-39.433h12.567c3.972 0 7.191-3.224 7.191-7.2v-158.4c0-3.977-3.219-7.2-7.191-7.2h-12.567V64.8c0-1.988-1.61-3.6-3.596-3.6Zm60.534-54a3.598 3.598 0 0 0-3.596 3.6v39.6h-12.009c-3.972 0-7.192 3.224-7.192 7.2v273.6c0 3.976 3.22 7.2 7.192 7.2h12.009v18c0 1.988 1.61 3.6 3.596 3.6a3.597 3.597 0 0 0 3.595-3.6v-18h11.957c3.971 0 7.191-3.224 7.191-7.2V57.6c0-3.977-3.22-7.2-7.191-7.2h-11.957V10.8c0-1.988-1.609-3.6-3.595-3.6Zm60.516 25.2a3.598 3.598 0 0 0-3.596 3.6v10.8H846.18c-3.972 0-7.192 3.224-7.192 7.2v244.8c0 3.976 3.22 7.2 7.192 7.2h12.602v25.2c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6V306h11.363c3.971 0 7.191-3.224 7.191-7.2V54c0-3.977-3.22-7.2-7.191-7.2h-11.363V36c0-1.988-1.61-3.6-3.596-3.6Zm58.717 28.8a3.598 3.598 0 0 0-3.595 3.6v25.367h-11.398c-3.972 0-7.192 3.224-7.192 7.2v158.4c0 3.976 3.22 7.2 7.192 7.2H917.5V302.4c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6v-39.433h12.567c3.972 0 7.192-3.224 7.192-7.2v-158.4c0-3.977-3.22-7.2-7.192-7.2h-12.567V64.8c0-1.988-1.61-3.6-3.596-3.6Zm61.128-28.8a3.598 3.598 0 0 0-3.596 3.6v10.8h-12.603c-3.971 0-7.191 3.224-7.191 7.2v244.8c0 3.976 3.22 7.2 7.191 7.2h12.603v25.2c0 1.988 1.61 3.6 3.596 3.6a3.597 3.597 0 0 0 3.595-3.6V306h11.363c3.969 0 7.189-3.224 7.189-7.2V54c0-3.977-3.22-7.2-7.189-7.2h-11.363V36c0-1.988-1.609-3.6-3.595-3.6Zm59.327-25.2a3.597 3.597 0 0 0-3.59 3.6v39.6h-12.01c-3.97 0-7.19 3.224-7.19 7.2v273.6c0 3.976 3.22 7.2 7.19 7.2h12.01v18c0 1.988 1.61 3.6 3.59 3.6 1.99 0 3.6-1.612 3.6-3.6v-18h11.95c3.98 0 7.2-3.224 7.2-7.2V57.6c0-3.977-3.22-7.2-7.2-7.2h-11.95V10.8c0-1.988-1.61-3.6-3.6-3.6Zm-659.793 54a3.598 3.598 0 0 0-3.596 3.6v25.367h-11.398c-3.972 0-7.192 3.224-7.192 7.2v158.4c0 3.976 3.22 7.2 7.192 7.2h11.398V302.4c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.595-3.6v-39.433h12.568c3.971 0 7.191-3.224 7.191-7.2v-158.4c0-3.977-3.22-7.2-7.191-7.2h-12.568V64.8c0-1.988-1.61-3.6-3.595-3.6Zm60.533-54a3.598 3.598 0 0 0-3.595 3.6v39.6h-12.009c-3.972 0-7.192 3.224-7.192 7.2v273.6c0 3.976 3.22 7.2 7.192 7.2h12.009v18c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6v-18h11.956c3.972 0 7.192-3.224 7.192-7.2V57.6c0-3.977-3.22-7.2-7.192-7.2h-11.956V10.8c0-1.988-1.61-3.6-3.596-3.6Zm60.517 25.2a3.598 3.598 0 0 0-3.596 3.6v10.8h-12.603c-3.971 0-7.191 3.224-7.191 7.2v244.8c0 3.976 3.22 7.2 7.191 7.2h12.603v25.2c0 1.988 1.61 3.6 3.596 3.6a3.597 3.597 0 0 0 3.595-3.6V306h11.363c3.972 0 7.192-3.224 7.192-7.2V54c0-3.977-3.22-7.2-7.192-7.2h-11.363V36c0-1.988-1.609-3.6-3.595-3.6Zm58.717 28.8a3.598 3.598 0 0 0-3.596 3.6v25.367H546.53c-3.971 0-7.191 3.224-7.191 7.2v158.4c0 3.976 3.22 7.2 7.191 7.2h11.398V302.4c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6v-39.433h12.567c3.972 0 7.192-3.224 7.192-7.2v-158.4c0-3.977-3.22-7.2-7.192-7.2H565.12V64.8c0-1.988-1.61-3.6-3.596-3.6Zm61.127-28.8a3.598 3.598 0 0 0-3.595 3.6v10.8h-12.603c-3.972 0-7.191 3.224-7.191 7.2v244.8c0 3.976 3.219 7.2 7.191 7.2h12.603v25.2c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6V306h11.363c3.972 0 7.191-3.224 7.191-7.2V54c0-3.977-3.219-7.2-7.191-7.2h-11.363V36c0-1.988-1.61-3.6-3.596-3.6Zm59.33-25.2a3.598 3.598 0 0 0-3.596 3.6v39.6h-12.009c-3.972 0-7.191 3.224-7.191 7.2v273.6c0 3.976 3.219 7.2 7.191 7.2h12.009v18c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6v-18h11.956c3.972 0 7.191-3.224 7.191-7.2V57.6c0-3.977-3.219-7.2-7.191-7.2h-11.956V10.8c0-1.988-1.61-3.6-3.596-3.6Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1079 360"><path d="M22.185 61.2a3.598 3.598 0 0 0-3.595 3.6v25.367H7.19c-3.97 0-7.19 3.223-7.19 7.2v158.4c0 3.976 3.22 7.2 7.191 7.2H18.59V302.4c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6v-39.433h12.567c3.972 0 7.192-3.224 7.192-7.2v-158.4c0-3.977-3.22-7.2-7.192-7.2H25.781V64.8c0-1.988-1.61-3.6-3.596-3.6Zm60.535-54a3.598 3.598 0 0 0-3.597 3.6v39.6H67.114c-3.971 0-7.191 3.224-7.191 7.2v273.6c0 3.976 3.22 7.2 7.191 7.2h12.01v18c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6v-18H98.27c3.972 0 7.192-3.224 7.192-7.2V57.6c0-3.977-3.22-7.2-7.192-7.2H86.315V10.8c0-1.988-1.61-3.6-3.596-3.6Zm60.514 25.2a3.598 3.598 0 0 0-3.595 3.6v10.8h-12.603c-3.972 0-7.191 3.224-7.191 7.2v244.8c0 3.976 3.219 7.2 7.191 7.2h12.603v25.2c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6V306h11.363c3.972 0 7.191-3.224 7.191-7.2V54c0-3.977-3.219-7.2-7.191-7.2H146.83V36c0-1.988-1.61-3.6-3.596-3.6Zm58.719 28.8a3.598 3.598 0 0 0-3.596 3.6v25.367h-11.398c-3.972 0-7.191 3.224-7.191 7.2v158.4c0 3.976 3.219 7.2 7.191 7.2h11.398V302.4c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6v-39.433h12.567c3.972 0 7.191-3.224 7.191-7.2v-158.4c0-3.977-3.219-7.2-7.191-7.2h-12.567V64.8c0-1.988-1.61-3.6-3.596-3.6Zm61.127-28.8a3.598 3.598 0 0 0-3.596 3.6v10.8h-12.602c-3.972 0-7.192 3.224-7.192 7.2v244.8c0 3.976 3.22 7.2 7.192 7.2h12.602v25.2c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6V306h11.363c3.971 0 7.191-3.224 7.191-7.2V54c0-3.977-3.22-7.2-7.191-7.2h-11.363V36c0-1.988-1.61-3.6-3.596-3.6Zm59.33-25.2a3.598 3.598 0 0 0-3.596 3.6v39.6h-12.009c-3.972 0-7.192 3.224-7.192 7.2v273.6c0 3.976 3.22 7.2 7.192 7.2h12.009v18c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.595-3.6v-18h11.957c3.971 0 7.191-3.224 7.191-7.2V57.6c0-3.977-3.22-7.2-7.191-7.2h-11.957V10.8c0-1.988-1.61-3.6-3.595-3.6Zm418.918 54a3.598 3.598 0 0 0-3.596 3.6v25.367h-11.398c-3.972 0-7.191 3.224-7.191 7.2v158.4c0 3.976 3.219 7.2 7.191 7.2h11.398V302.4c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6v-39.433h12.567c3.972 0 7.191-3.224 7.191-7.2v-158.4c0-3.977-3.219-7.2-7.191-7.2h-12.567V64.8c0-1.988-1.61-3.6-3.596-3.6Zm60.534-54a3.598 3.598 0 0 0-3.596 3.6v39.6h-12.009c-3.972 0-7.192 3.224-7.192 7.2v273.6c0 3.976 3.22 7.2 7.192 7.2h12.009v18c0 1.988 1.61 3.6 3.596 3.6a3.597 3.597 0 0 0 3.595-3.6v-18h11.957c3.971 0 7.191-3.224 7.191-7.2V57.6c0-3.977-3.22-7.2-7.191-7.2h-11.957V10.8c0-1.988-1.609-3.6-3.595-3.6Zm60.516 25.2a3.598 3.598 0 0 0-3.596 3.6v10.8H846.18c-3.972 0-7.192 3.224-7.192 7.2v244.8c0 3.976 3.22 7.2 7.192 7.2h12.602v25.2c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6V306h11.363c3.971 0 7.191-3.224 7.191-7.2V54c0-3.977-3.22-7.2-7.191-7.2h-11.363V36c0-1.988-1.61-3.6-3.596-3.6Zm58.717 28.8a3.598 3.598 0 0 0-3.595 3.6v25.367h-11.398c-3.972 0-7.192 3.224-7.192 7.2v158.4c0 3.976 3.22 7.2 7.192 7.2H917.5V302.4c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6v-39.433h12.567c3.972 0 7.192-3.224 7.192-7.2v-158.4c0-3.977-3.22-7.2-7.192-7.2h-12.567V64.8c0-1.988-1.61-3.6-3.596-3.6Zm61.128-28.8a3.598 3.598 0 0 0-3.596 3.6v10.8h-12.603c-3.971 0-7.191 3.224-7.191 7.2v244.8c0 3.976 3.22 7.2 7.191 7.2h12.603v25.2c0 1.988 1.61 3.6 3.596 3.6a3.597 3.597 0 0 0 3.595-3.6V306h11.363c3.969 0 7.189-3.224 7.189-7.2V54c0-3.977-3.22-7.2-7.189-7.2h-11.363V36c0-1.988-1.609-3.6-3.595-3.6Zm59.327-25.2a3.597 3.597 0 0 0-3.59 3.6v39.6h-12.01c-3.97 0-7.19 3.224-7.19 7.2v273.6c0 3.976 3.22 7.2 7.19 7.2h12.01v18c0 1.988 1.61 3.6 3.59 3.6 1.99 0 3.6-1.612 3.6-3.6v-18h11.95c3.98 0 7.2-3.224 7.2-7.2V57.6c0-3.977-3.22-7.2-7.2-7.2h-11.95V10.8c0-1.988-1.61-3.6-3.6-3.6Zm-659.793 54a3.598 3.598 0 0 0-3.596 3.6v25.367h-11.398c-3.972 0-7.192 3.224-7.192 7.2v158.4c0 3.976 3.22 7.2 7.192 7.2h11.398V302.4c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.595-3.6v-39.433h12.568c3.971 0 7.191-3.224 7.191-7.2v-158.4c0-3.977-3.22-7.2-7.191-7.2h-12.568V64.8c0-1.988-1.61-3.6-3.595-3.6Zm60.533-54a3.598 3.598 0 0 0-3.595 3.6v39.6h-12.009c-3.972 0-7.192 3.224-7.192 7.2v273.6c0 3.976 3.22 7.2 7.192 7.2h12.009v18c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6v-18h11.956c3.972 0 7.192-3.224 7.192-7.2V57.6c0-3.977-3.22-7.2-7.192-7.2h-11.956V10.8c0-1.988-1.61-3.6-3.596-3.6Zm60.517 25.2a3.598 3.598 0 0 0-3.596 3.6v10.8h-12.603c-3.971 0-7.191 3.224-7.191 7.2v244.8c0 3.976 3.22 7.2 7.191 7.2h12.603v25.2c0 1.988 1.61 3.6 3.596 3.6a3.597 3.597 0 0 0 3.595-3.6V306h11.363c3.972 0 7.192-3.224 7.192-7.2V54c0-3.977-3.22-7.2-7.192-7.2h-11.363V36c0-1.988-1.609-3.6-3.595-3.6Zm58.717 28.8a3.598 3.598 0 0 0-3.596 3.6v25.367H546.53c-3.971 0-7.191 3.224-7.191 7.2v158.4c0 3.976 3.22 7.2 7.191 7.2h11.398V302.4c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6v-39.433h12.567c3.972 0 7.192-3.224 7.192-7.2v-158.4c0-3.977-3.22-7.2-7.192-7.2H565.12V64.8c0-1.988-1.61-3.6-3.596-3.6Zm61.127-28.8a3.598 3.598 0 0 0-3.595 3.6v10.8h-12.603c-3.972 0-7.191 3.224-7.191 7.2v244.8c0 3.976 3.219 7.2 7.191 7.2h12.603v25.2c0 1.988 1.61 3.6 3.595 3.6a3.598 3.598 0 0 0 3.596-3.6V306h11.363c3.972 0 7.191-3.224 7.191-7.2V54c0-3.977-3.219-7.2-7.191-7.2h-11.363V36c0-1.988-1.61-3.6-3.596-3.6Zm59.33-25.2a3.598 3.598 0 0 0-3.596 3.6v39.6h-12.009c-3.972 0-7.191 3.224-7.191 7.2v273.6c0 3.976 3.219 7.2 7.191 7.2h12.009v18c0 1.988 1.61 3.6 3.596 3.6a3.598 3.598 0 0 0 3.596-3.6v-18h11.956c3.972 0 7.191-3.224 7.191-7.2V57.6c0-3.977-3.219-7.2-7.191-7.2h-11.956V10.8c0-1.988-1.61-3.6-3.596-3.6Z"/></svg>');
  }
  .oj-chart-bubble-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><circle cx="864" cy="77.4" r="12.6"/><circle cx="736.2" cy="192.6" r="12.6"/><circle cx="951.301" cy="63.9" r="22.5"/><circle cx="279.9" cy="245.7" r="22.5"/><circle cx="562.5" cy="254.7" r="22.5"/><circle cx="719.999" cy="135" r="28.8"/><circle cx="397.8" cy="163.8" r="28.8"/><circle cx="800.1" cy="137.7" r="22.5"/><circle cx="140.401" cy="306" r="12.6"/><circle cx="325.799" cy="280.8" r="12.6"/><circle cx="466.2" cy="239.4" r="16.2"/><circle cx="511.2" cy="180" r="16.2"/><circle cx="190.8" cy="250.2" r="16.2"/><circle cx="585.001" cy="196.2" r="16.2"/><circle cx="912.6" cy="118.8" r="16.2"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><circle cx="864" cy="77.4" r="12.6"/><circle cx="736.2" cy="192.6" r="12.6"/><circle cx="951.301" cy="63.9" r="22.5"/><circle cx="279.9" cy="245.7" r="22.5"/><circle cx="562.5" cy="254.7" r="22.5"/><circle cx="719.999" cy="135" r="28.8"/><circle cx="397.8" cy="163.8" r="28.8"/><circle cx="800.1" cy="137.7" r="22.5"/><circle cx="140.401" cy="306" r="12.6"/><circle cx="325.799" cy="280.8" r="12.6"/><circle cx="466.2" cy="239.4" r="16.2"/><circle cx="511.2" cy="180" r="16.2"/><circle cx="190.8" cy="250.2" r="16.2"/><circle cx="585.001" cy="196.2" r="16.2"/><circle cx="912.6" cy="118.8" r="16.2"/></svg>');
  }
  .oj-chart-area-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><path d="M0 310a4 4 0 0 1 4-4h130.23c.509 0 1.013-.097 1.485-.286l133.065-53.226a3.998 3.998 0 0 1 2.492-.157l132.205 34.373a3.999 3.999 0 0 0 2.907-.352l132.378-71.484a3.999 3.999 0 0 1 2.622-.414L675 238.95l134.195 25.497a4.003 4.003 0 0 0 1.606-.023L945 234.9l130.14-28.631a3.999 3.999 0 0 1 4.86 3.907V356a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-46Z"/><path d="M0 193a4 4 0 0 1 4-4h130.022c.643 0 1.276-.155 1.846-.451l132.736-69.023a4 4 0 0 1 2.912-.307l131.962 36.51c.978.27 2.022.159 2.921-.311l132.189-69.18a4 4 0 0 1 2.945-.304L675 123.75l133.335 37.778a4.001 4.001 0 0 0 3.149-.418L945 81l128.94-77.365c2.67-1.6 6.06.32 6.06 3.43v180.519a4.005 4.005 0 0 1-3.14 3.907L945 220.5l-134.206 29.525a3.994 3.994 0 0 1-1.593.026L675 225l-133.61-24.941a4.003 4.003 0 0 0-2.634.413l-132.372 71.48a3.994 3.994 0 0 1-2.907.352l-132.205-34.373a3.998 3.998 0 0 0-2.492.157l-133.065 53.226a3.995 3.995 0 0 1-1.485.286H4a4 4 0 0 1-4-4V193Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><path d="M0 310a4 4 0 0 1 4-4h130.23c.509 0 1.013-.097 1.485-.286l133.065-53.226a3.998 3.998 0 0 1 2.492-.157l132.205 34.373a3.999 3.999 0 0 0 2.907-.352l132.378-71.484a3.999 3.999 0 0 1 2.622-.414L675 238.95l134.195 25.497a4.003 4.003 0 0 0 1.606-.023L945 234.9l130.14-28.631a3.999 3.999 0 0 1 4.86 3.907V356a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-46Z"/><path d="M0 193a4 4 0 0 1 4-4h130.022c.643 0 1.276-.155 1.846-.451l132.736-69.023a4 4 0 0 1 2.912-.307l131.962 36.51c.978.27 2.022.159 2.921-.311l132.189-69.18a4 4 0 0 1 2.945-.304L675 123.75l133.335 37.778a4.001 4.001 0 0 0 3.149-.418L945 81l128.94-77.365c2.67-1.6 6.06.32 6.06 3.43v180.519a4.005 4.005 0 0 1-3.14 3.907L945 220.5l-134.206 29.525a3.994 3.994 0 0 1-1.593.026L675 225l-133.61-24.941a4.003 4.003 0 0 0-2.634.413l-132.372 71.48a3.994 3.994 0 0 1-2.907.352l-132.205-34.373a3.998 3.998 0 0 0-2.492.157l-133.065 53.226a3.995 3.995 0 0 1-1.485.286H4a4 4 0 0 1-4-4V193Z"/></svg>');
  }
  .oj-chart-line-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><path fill-rule="evenodd" d="M1076.84 204.584c2.32 3.224 1.6 7.725-1.62 10.053l-77.663 56.086a14.398 14.398 0 0 1-14.23 1.507l-83.197-36.606-83.219 39.945a14.399 14.399 0 0 1-14.489-1.185l-82.521-57.765-81.725 54.483a14.398 14.398 0 0 1-13.787 1.199l-82.425-36.267-83.989 66.352a14.398 14.398 0 0 1-11.751 2.821L271.586 270.28l-84.696 33.879a14.4 14.4 0 0 1-12.757-1.023L91.08 253.305l-78.117 51.506a7.2 7.2 0 1 1-7.927-12.022l78.118-51.506a14.4 14.4 0 0 1 15.335-.326l83.053 49.831 84.696-33.878a14.403 14.403 0 0 1 8.172-.751l174.638 34.928 83.99-66.352a14.399 14.399 0 0 1 14.726-1.881l82.424 36.267 81.725-54.483a14.399 14.399 0 0 1 16.245.184l82.522 57.765 83.219-39.945a14.399 14.399 0 0 1 12.031-.199l83.196 36.606 77.654-56.086a7.209 7.209 0 0 1 10.06 1.621Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M711.238 131.316a14.398 14.398 0 0 1 17.093-1.422l82.418 51.099 84.136-32.488a14.402 14.402 0 0 1 13.005 1.34l81.694 52.813 76.956-60.711a7.197 7.197 0 0 1 10.11 1.194c2.47 3.122 1.93 7.649-1.19 10.112l-76.957 60.71a14.4 14.4 0 0 1-16.736.788l-81.695-52.813-84.136 32.488a14.397 14.397 0 0 1-12.775-1.195l-82.418-51.099-81.02 71.2a14.4 14.4 0 0 1-17.268 1.312l-81.116-51.915-84.619 66.849a14.385 14.385 0 0 1-6.103 2.821l-85.575 17.115a14.398 14.398 0 0 1-10.233-1.772l-85.567-51.34L92.758 214.05c-1.512.151-3.04.062-4.524-.264l-80.78-17.754a7.2 7.2 0 1 1 3.091-14.064l80.78 17.754 176.484-17.649a14.405 14.405 0 0 1 8.842 1.981l85.567 51.34 85.575-17.115 84.62-66.849a14.399 14.399 0 0 1 16.688-.83l81.117 51.915 81.02-71.199Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M1074.63 2.784c3.44 2.006 4.59 6.416 2.59 9.849l-77.17 132.035c-4.166 7.133-13.468 9.303-20.362 4.753l-80.644-53.225-81.702 29.413a14.399 14.399 0 0 1-16.225-4.684L720.743 18.046l-79.809 131.402c-4.238 6.979-13.425 9.041-20.24 4.543l-79.416-52.414-84.559 66.801a14.387 14.387 0 0 1-6.102 2.821l-85.576 17.115a14.399 14.399 0 0 1-10.233-1.772l-85.226-51.136-86.571 17.314a14.4 14.4 0 0 1-2.824.28H93.06c-2.818 0-5.574-.827-7.927-2.378L5.036 97.811a7.2 7.2 0 0 1 7.927-12.022L93.06 138.6h87.127l86.571-17.314a14.398 14.398 0 0 1 10.233 1.772l85.226 51.136 85.576-17.115 84.559-66.802a14.399 14.399 0 0 1 16.858-.719l79.416 52.415 79.809-131.402c5.229-8.61 17.454-9.327 23.655-1.39l80.375 102.879 81.702-29.413a14.398 14.398 0 0 1 12.809 1.53l80.644 53.226 77.16-132.036c2.01-3.433 6.42-4.59 9.85-2.583Z" clip-rule="evenodd"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><path fill-rule="evenodd" d="M1076.84 204.584c2.32 3.224 1.6 7.725-1.62 10.053l-77.663 56.086a14.398 14.398 0 0 1-14.23 1.507l-83.197-36.606-83.219 39.945a14.399 14.399 0 0 1-14.489-1.185l-82.521-57.765-81.725 54.483a14.398 14.398 0 0 1-13.787 1.199l-82.425-36.267-83.989 66.352a14.398 14.398 0 0 1-11.751 2.821L271.586 270.28l-84.696 33.879a14.4 14.4 0 0 1-12.757-1.023L91.08 253.305l-78.117 51.506a7.2 7.2 0 1 1-7.927-12.022l78.118-51.506a14.4 14.4 0 0 1 15.335-.326l83.053 49.831 84.696-33.878a14.403 14.403 0 0 1 8.172-.751l174.638 34.928 83.99-66.352a14.399 14.399 0 0 1 14.726-1.881l82.424 36.267 81.725-54.483a14.399 14.399 0 0 1 16.245.184l82.522 57.765 83.219-39.945a14.399 14.399 0 0 1 12.031-.199l83.196 36.606 77.654-56.086a7.209 7.209 0 0 1 10.06 1.621Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M711.238 131.316a14.398 14.398 0 0 1 17.093-1.422l82.418 51.099 84.136-32.488a14.402 14.402 0 0 1 13.005 1.34l81.694 52.813 76.956-60.711a7.197 7.197 0 0 1 10.11 1.194c2.47 3.122 1.93 7.649-1.19 10.112l-76.957 60.71a14.4 14.4 0 0 1-16.736.788l-81.695-52.813-84.136 32.488a14.397 14.397 0 0 1-12.775-1.195l-82.418-51.099-81.02 71.2a14.4 14.4 0 0 1-17.268 1.312l-81.116-51.915-84.619 66.849a14.385 14.385 0 0 1-6.103 2.821l-85.575 17.115a14.398 14.398 0 0 1-10.233-1.772l-85.567-51.34L92.758 214.05c-1.512.151-3.04.062-4.524-.264l-80.78-17.754a7.2 7.2 0 1 1 3.091-14.064l80.78 17.754 176.484-17.649a14.405 14.405 0 0 1 8.842 1.981l85.567 51.34 85.575-17.115 84.62-66.849a14.399 14.399 0 0 1 16.688-.83l81.117 51.915 81.02-71.199Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M1074.63 2.784c3.44 2.006 4.59 6.416 2.59 9.849l-77.17 132.035c-4.166 7.133-13.468 9.303-20.362 4.753l-80.644-53.225-81.702 29.413a14.399 14.399 0 0 1-16.225-4.684L720.743 18.046l-79.809 131.402c-4.238 6.979-13.425 9.041-20.24 4.543l-79.416-52.414-84.559 66.801a14.387 14.387 0 0 1-6.102 2.821l-85.576 17.115a14.399 14.399 0 0 1-10.233-1.772l-85.226-51.136-86.571 17.314a14.4 14.4 0 0 1-2.824.28H93.06c-2.818 0-5.574-.827-7.927-2.378L5.036 97.811a7.2 7.2 0 0 1 7.927-12.022L93.06 138.6h87.127l86.571-17.314a14.398 14.398 0 0 1 10.233 1.772l85.226 51.136 85.576-17.115 84.559-66.802a14.399 14.399 0 0 1 16.858-.719l79.416 52.415 79.809-131.402c5.229-8.61 17.454-9.327 23.655-1.39l80.375 102.879 81.702-29.413a14.398 14.398 0 0 1 12.809 1.53l80.644 53.226 77.16-132.036c2.01-3.433 6.42-4.59 9.85-2.583Z" clip-rule="evenodd"/></svg>');
  }
  .oj-chart-combo-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><path d="M0 313.767a4 4 0 0 1 4-4h130.28c.476 0 .949-.085 1.395-.251l133.185-49.557a4.004 4.004 0 0 1 2.323-.142l132.392 31.61c.92.22 1.888.106 2.733-.321l132.503-66.97a3.998 3.998 0 0 1 2.501-.369L675 247.395l134.249 23.728a3.994 3.994 0 0 0 1.498-.02L945 243.628l130.2-26.645a3.998 3.998 0 0 1 4.8 3.919V356a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-42.233Z"/><path d="M314.369 7.2a7.2 7.2 0 0 0-7.2 7.2v239.205l45.594 10.886V14.4a7.2 7.2 0 0 0-7.2-7.2h-31.194Zm98.424 264.491-9.585 4.844-36.009-8.597V144a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v127.691Zm59.994-30.323-45.594 23.045V86.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v154.968Zm59.994-30.259c-.48.201-.954.419-1.421.655l-44.173 22.326V194.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v16.709Zm59.994 7.131-45.594-8.059V147.6a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v70.64Zm59.994 10.603-45.594-8.058V108a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v120.843Zm59.994 10.604-45.594-8.059V14.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v225.047Zm60.03 10.61-45.594-8.059V144a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v106.057Zm59.994 1.827-22.989 4.713-22.605-3.995V86.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v165.484Zm59.994-12.299-45.594 9.347V194.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v45.185Zm59.994-12.3-45.594 9.348V147.6a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v79.685Zm59.995-12.299-45.595 9.347V108a7.2 7.2 0 0 1 7.2-7.2h31.195c3.98 0 7.2 3.223 7.2 7.2v106.986Zm59.99-12.299-45.59 9.347V14.4c0-3.976 3.22-7.2 7.2-7.2h31.19c3.98 0 7.2 3.224 7.2 7.2v188.287ZM52.793 295.367H7.2V144a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v151.367Zm59.994 0H67.193V86.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v208.967Zm59.994-15.025-40.378 15.025h-5.216V194.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v85.942Zm59.994-22.323-45.594 16.965V147.6a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v110.419Zm59.994-7.852-17.299-4.13a21.597 21.597 0 0 0-12.549.765l-15.746 5.859V108a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v142.167Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><path d="M0 313.767a4 4 0 0 1 4-4h130.28c.476 0 .949-.085 1.395-.251l133.185-49.557a4.004 4.004 0 0 1 2.323-.142l132.392 31.61c.92.22 1.888.106 2.733-.321l132.503-66.97a3.998 3.998 0 0 1 2.501-.369L675 247.395l134.249 23.728a3.994 3.994 0 0 0 1.498-.02L945 243.628l130.2-26.645a3.998 3.998 0 0 1 4.8 3.919V356a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-42.233Z"/><path d="M314.369 7.2a7.2 7.2 0 0 0-7.2 7.2v239.205l45.594 10.886V14.4a7.2 7.2 0 0 0-7.2-7.2h-31.194Zm98.424 264.491-9.585 4.844-36.009-8.597V144a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v127.691Zm59.994-30.323-45.594 23.045V86.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v154.968Zm59.994-30.259c-.48.201-.954.419-1.421.655l-44.173 22.326V194.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v16.709Zm59.994 7.131-45.594-8.059V147.6a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v70.64Zm59.994 10.603-45.594-8.058V108a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v120.843Zm59.994 10.604-45.594-8.059V14.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v225.047Zm60.03 10.61-45.594-8.059V144a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v106.057Zm59.994 1.827-22.989 4.713-22.605-3.995V86.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v165.484Zm59.994-12.299-45.594 9.347V194.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v45.185Zm59.994-12.3-45.594 9.348V147.6a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v79.685Zm59.995-12.299-45.595 9.347V108a7.2 7.2 0 0 1 7.2-7.2h31.195c3.98 0 7.2 3.223 7.2 7.2v106.986Zm59.99-12.299-45.59 9.347V14.4c0-3.976 3.22-7.2 7.2-7.2h31.19c3.98 0 7.2 3.224 7.2 7.2v188.287ZM52.793 295.367H7.2V144a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v151.367Zm59.994 0H67.193V86.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v208.967Zm59.994-15.025-40.378 15.025h-5.216V194.4a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v85.942Zm59.994-22.323-45.594 16.965V147.6a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v110.419Zm59.994-7.852-17.299-4.13a21.597 21.597 0 0 0-12.549.765l-15.746 5.859V108a7.2 7.2 0 0 1 7.2-7.2h31.194a7.2 7.2 0 0 1 7.2 7.2v142.167Z"/></svg>');
  }
}

:root {
  --oj-label-font-size:     var(--oj-typography-body-sm-font-size);
  --oj-label-font-weight:   600;
  --oj-label-line-height:   var(--oj-typography-body-sm-line-height);
  --oj-label-color:         var(--oj-core-text-color-primary);
  --oj-label-color-disabled:              var(--oj-core-text-color-disabled);
  --oj-label-inside-edge-font-size:       var(--oj-typography-body-xs-font-size);
  --oj-label-inside-edge-font-weight:     600;
  --oj-label-inside-edge-line-height:     var(--oj-typography-body-xs-line-height);
  --oj-label-inside-edge-position-top:    0.5rem;
  --oj-label-inside-edge-color: var(--oj-core-text-color-secondary);
  --oj-label-required-icon-color: rgb(var(--oj-palette-brand-rgb-110));
  --oj-label-required-char-font-size:  0.9rem;
}

:root {
  --oj-form-layout-divider-width:                         0;
  --oj-form-layout-divider-margin:                        0;
  --oj-form-layout-start-edge-column-min-width:          22rem;
  --oj-form-layout-start-edge-column-max-width:          37.5rem;
  --oj-form-layout-column-min-width:                      18rem;
  --oj-form-layout-column-max-width:                      28rem;
  --oj-form-layout-horizontal-margin:                     0px;
  --oj-form-layout-column-gutter:                         1.5rem;
  --oj-form-layout-margin-bottom:                         .875rem;
  --oj-form-layout-start-edge-label-text-align: end;
  --oj-form-layout-start-edge-value-text-align: start;
  --oj-form-layout-start-edge-label-to-value-padding: 1.5rem;
  --oj-form-layout-top-edge-label-to-value-padding: 0.5rem;
}

:root {
  --oj-form-control-font-weight-read-only:  normal;
}

:root {
  --oj-private-text-field-button-height: var(--oj-button-sm-height);
  --oj-private-text-field-button-icon-color: var(--oj-private-button-ghost-chrome-text-color);
  --oj-private-text-field-button-icon-color-hover: var(--oj-private-button-ghost-chrome-text-color-hover);
  --oj-private-text-field-button-icon-color-active: var(--oj-private-button-ghost-chrome-text-color-active);
  --oj-private-text-field-button-icon-color-disabled: var(--oj-button-borderless-chrome-text-color-disabled);
  --oj-private-text-field-button-border-color-hover: transparent;
  --oj-private-text-field-button-border-color-active: transparent;
  --oj-private-text-field-button-bg-color-hover: transparent;
  --oj-private-text-field-button-bg-color-active: transparent;
  --oj-private-text-field-button-to-edge-padding: var(--oj-core-spacing-2x);
  --oj-private-text-field-inside-button-to-edge-padding: var(--oj-core-spacing-2x);
  --oj-private-text-field-text-to-end-slot-padding: var(--oj-core-spacing-1x);
  --oj-private-text-field-icon-size: var(--oj-button-sm-icon-size);
}

.oj-private-scale-lg {
  --oj-core-icon-size-lg: 24px;
  --oj-core-icon-size-sm: 16px;
  --oj-core-spacing-1x: 4px;
  --oj-core-spacing-2x: 8px;
  --oj-core-spacing-3x: 12px;
  --oj-core-spacing-4x: 16px;
  --oj-core-spacing-5x: 20px;
  --oj-core-spacing-6x: 24px;
  --oj-core-spacing-7x: 28px;
  --oj-core-spacing-8x: 32px;
  --oj-core-spacing-9x: 36px;
  --oj-core-spacing-10x: 40px;
  --oj-core-spacing-11x: 44px;
  --oj-core-spacing-12x: 48px;
  --oj-private-core-wrappable-margin-bottom: 0px;
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
}

.oj-color-invert {
  color: var(--oj-core-text-color-primary);
}

.oj-contrast-marker .oj-contrast-background,
.oj-contrast-marker.oj-contrast-background {
  background-color: RGB(var(--oj-palette-neutral-rgb-160));
  color: var(--oj-core-text-color-primary);
}

.oj-private-scale-lg {
  --oj-text-field-font-size: var(--oj-typography-body-md-font-size);
  --oj-text-field-text-to-edge-padding: 12px;
  --oj-text-field-height:              44px;
}

:root {
  --oj-text-field-sm-width: calc(var(--oj-form-layout-column-max-width) / 2);
  --oj-text-field-md-width: var(--oj-form-layout-column-max-width);
  --oj-text-field-border-radius:       var(--oj-core-border-radius-md);
  --oj-text-field-border-width:    1px;
  --oj-text-field-icon-to-text-padding: var(--oj-core-spacing-4x);
  --oj-text-field-icon-to-edge-padding: var(--oj-core-spacing-4x);
  --oj-text-field-text-to-edge-padding: var(--oj-core-spacing-4x);
  --oj-text-field-text-align: start;
  --oj-text-field-height:              2.75rem;
  --oj-text-field-font-size:        var(--oj-typography-body-md-font-size);
  --oj-private-text-field-font-size-adjust: 100%;
  --oj-text-field-bg-color:               rgb(var(--oj-palette-neutral-rgb-0));
  --oj-text-field-border-color:           var(--oj-core-border-color-enabled);
  --oj-text-field-placeholder-color:      var(--oj-core-text-color-secondary);
  --oj-text-field-placeholder-font-style: normal;
  --oj-text-field-text-color:      var(--oj-core-text-color-primary);
  --oj-text-field-bg-color-disabled:      rgba(var(--oj-palette-neutral-rgb-190), 0.04);
  --oj-text-field-border-color-disabled:  var(--oj-core-color-disabled-2);
  --oj-text-field-text-color-disabled:   var(--oj-core-text-color-disabled);
  --oj-text-field-border-color-focus:        rgb(var(--oj-palette-brand-rgb-110));
  --oj-text-field-box-shadow-focus:        0 0 0 1px rgb(var(--oj-palette-brand-rgb-110)) inset;
  --oj-text-field-inside-edge-height:                  3.25rem;
  --oj-text-field-inside-edge-padding-top:             0.8125rem;
  --oj-text-field-inside-edge-label-color-error:       var(--oj-label-inside-edge-color);
  --oj-text-field-inside-edge-label-color-focus:       var(--oj-label-inside-edge-color);
  --oj-text-field-inside-edge-label-color-warning:     var(--oj-label-inside-edge-color);
  --oj-user-assistance-inline-text-color: var(--oj-core-text-color-secondary);
  --oj-user-assistance-inline-font-size: var(--oj-typography-body-xs-font-size);
}

:root {
  --oj-private-message-header-height:                   1.5rem;
  --oj-private-message-header-margin-end:               1rem;
  --oj-private-message-category-text-color:             var(--oj-core-text-color-primary);
  --oj-private-message-summary-font-weight:             var(--oj-typography-subheading-xl-font-weight);
  --oj-private-message-summary-text-color:              var(--oj-core-text-color-primary);
  --oj-private-message-summary-font-size:               var(--oj-typography-body-lg-font-size);
  --oj-private-message-summary-line-height:             var(--oj-typography-body-lg-line-height);
  --oj-private-message-detail-text-color:               var(--oj-core-text-color-primary);
  --oj-private-message-detail-font-size:                var(--oj-typography-body-sm-font-size);
  --oj-private-message-detail-line-height:              var(--oj-typography-body-sm-line-height);
  --oj-private-message-time-text-color:                 var(--oj-core-text-color-secondary);
  --oj-private-message-time-font-size:                  var(--oj-typography-body-xs-font-size);
  --oj-private-message-time-margin-end:                 0.25rem;
  --oj-private-message-close-icon-display:              block;
  --oj-private-message-auto-timeout-close-icon-display: block;
  --oj-private-message-general-inline-border-width: 0 0 1px 0;
  --oj-private-message-general-inline-border-color: var(--oj-core-divider-color);
  --oj-private-message-component-inline-font-size:                 var(--oj-typography-subheading-xs-font-size);
  --oj-private-message-component-inline-font-weight:               600;
  --oj-private-message-component-inline-bg-color-error:            transparent;
  --oj-private-message-component-inline-border-color-error:        transparent;
  --oj-private-message-component-inline-bg-color-warning:          transparent;
  --oj-private-message-component-inline-border-color-warning:      transparent;
  --oj-private-message-component-inline-bg-color-info:             transparent;
  --oj-private-message-component-inline-border-color-info:         transparent;
  --oj-private-message-component-inline-bg-color-confirmation:     transparent;
  --oj-private-message-component-inline-border-color-confirmation: transparent;
  --oj-private-message-component-inline-margin-top:                0;
  --oj-private-message-component-inline-border-width:              0;
  --oj-private-message-component-inline-border-radius:             0;
  --oj-private-message-component-inline-padding:                   0;
  --oj-private-message-radiocheckbox-inline-margin-top:            0;
  --oj-private-message-radiocheckbox-inline-border-top-width:      0;
  --oj-private-message-general-overlay-border-width:        1px;
  --oj-private-message-general-overlay-border-color:        var(--oj-core-divider-color);
  --oj-private-message-general-overlay-border-radius:       var(--oj-core-border-radius-lg);
  --oj-private-message-general-overlay-box-shadow:          var(--oj-core-box-shadow-md);
  --oj-private-message-general-overlay-separator-margin:    0.5rem;
  --oj-private-message-notification-overlay-font-size:        var(--oj-typography-body-md-font-size);
  --oj-private-message-notification-overlay-font-weight:      400;
  --oj-private-message-notification-overlay-header-bg-color:  var(--oj-core-info-secondary-3);
  --oj-private-message-notification-overlay-body-bg-color:    var(--oj-core-info-secondary-3);
  --oj-private-message-notification-overlay-border-width:     0;
  --oj-private-message-notification-overlay-border-color:     initial;
  --oj-private-message-notification-overlay-border-radius:    var(--oj-core-border-radius-lg);
  --oj-private-message-notification-overlay-box-shadow:       var(--oj-core-box-shadow-md);
  --oj-private-message-notification-overlay-separator-margin: 0.25rem;
  --oj-private-message-notification-detail-text-color:  var(--oj-core-text-color-primary);
  --oj-private-message-component-icon-to-text-padding:  0.25rem;
}

:root {
  --oj-private-messages-general-overlay-width:             60vw;
  --oj-private-messages-general-overlay-max-width:         1536px;
  --oj-private-messages-general-overlay-min-width:         614px;
  --oj-private-messages-general-overlay-border-width:      0;
  --oj-private-messages-general-overlay-border-color:      initial;
  --oj-private-messages-general-overlay-border-radius:     var(--oj-core-border-radius-sm);
  --oj-private-messages-general-overlay-box-shadow:        none;
  --oj-private-messages-notification-overlay-width:          auto;
  --oj-private-messages-notification-overlay-min-width:      307px;
  --oj-private-messages-notification-overlay-max-width:      600px;
  --oj-private-messages-notification-overlay-border-width:   0;
  --oj-private-messages-notification-overlay-border-color:   initial;
  --oj-private-messages-notification-overlay-border-radius:  initial;
  --oj-private-messages-notification-overlay-box-shadow:     initial;
}

:root {
  --oj-radio-checkbox-width:                     auto;
  --oj-radio-checkbox-row-height:                2.25rem;
  --oj-radio-checkbox-input-size:                1rem;
  --oj-radio-checkbox-input-color-unselected:    rgb(var(--oj-palette-neutral-rgb-190));
  --oj-radio-checkbox-input-color-selected:      rgb(var(--oj-palette-neutral-rgb-190));
  --oj-radio-checkbox-input-transform-active:    scale(0.75);
  --oj-radio-checkbox-label-to-edge-padding:     0;
  --oj-radio-checkbox-input-to-label-padding:    0.5rem;
  --oj-radio-checkbox-input-to-edge-padding:     0;
  --oj-radio-checkbox-item-divider-color:        transparent;
  --oj-radio-checkbox-item-bg-color-active:      transparent;
}



.oj-color-invert {
  --oj-text-field-text-highlight-color: rgb(var(--oj-palette-brand-rgb-50));
  --oj-text-field-bg-color:               rgb(var(--oj-palette-neutral-rgb-190));
  --oj-text-field-border-color:           var(--oj-core-border-color-enabled);
  --oj-text-field-placeholder-color:      var(--oj-core-text-color-secondary);
  --oj-text-field-text-color:      var(--oj-core-text-color-primary);
  --oj-text-field-bg-color-disabled:      rgba(var(--oj-palette-neutral-rgb-0), 0.16);
  --oj-text-field-border-color-disabled:  var(--oj-core-color-disabled-2);
  --oj-text-field-text-color-disabled:   var(--oj-core-text-color-disabled);
  --oj-text-field-border-color-focus: rgb(var(--oj-palette-brand-rgb-50));
  --oj-text-field-inside-edge-label-color-error:       var(--oj-label-inside-edge-color);
  --oj-text-field-inside-edge-label-color-focus:       var(--oj-label-inside-edge-color);
  --oj-text-field-inside-edge-label-color-warning:     var(--oj-label-inside-edge-color);
  --oj-user-assistance-inline-text-color: var(--oj-core-text-color-secondary);
}

.oj-density-compact {
  --oj-text-field-height:             2.25rem;
  --oj-text-field-inside-edge-height: 2.75rem;
}

:root.oj-scale-sm {
  --oj-text-field-height:               2.3333rem;
  --oj-text-field-icon-to-text-padding: var(--oj-text-field-text-to-edge-padding);
  --oj-text-field-icon-to-edge-padding: var(--oj-text-field-text-to-edge-padding);
  --oj-user-assistance-inline-font-size: var(--oj-typography-body-sm-font-size);
}

:root.oj-scale-sm.oj-density-compact,
:root.oj-scale-sm .oj-density-compact {
  --oj-text-field-height:             2rem;
  --oj-text-field-inside-edge-height: 3rem;
}



.oj-color-invert {
  --oj-radio-checkbox-input-color-unselected:    rgb(var(--oj-palette-neutral-rgb-0));
  --oj-radio-checkbox-input-color-selected:      rgb(var(--oj-palette-neutral-rgb-0));
}

.oj-density-compact {
  --oj-radio-checkbox-row-height:                1.75rem;
}





.oj-messaging-popup-container {
  max-width: 320px;
}


.oj-messaging-popup-container hr {
  margin-top: 20px;
  margin-bottom: 10px;
}


.oj-messaging-inline-container {
  overflow: hidden;
}


.oj-messaging-inline-container .oj-message {
  padding: var(--oj-private-message-component-inline-padding);
  border-style: solid;
  border-width: var(--oj-private-message-component-inline-border-width);
  margin-top: var(--oj-private-message-component-inline-margin-top);
  border-radius: var(--oj-private-message-component-inline-border-radius);
}

.oj-checkboxset .oj-messaging-inline-container .oj-message:first-child,
.oj-radioset .oj-messaging-inline-container .oj-message:first-child {
  margin-top: var(--oj-private-message-radiocheckbox-inline-margin-top);
  border-top-width: var(--oj-private-message-radiocheckbox-inline-border-top-width);
}

.oj-switch .oj-messaging-inline-container .oj-message:first-child,
.oj-slider .oj-messaging-inline-container .oj-message:first-child {
  border-top-width: 1px;
}

.oj-switch .oj-messaging-inline-container .oj-message:first-child,
.oj-slider .oj-messaging-inline-container .oj-message:first-child {
  margin-top: 5px;
}

.oj-slider-vertical .oj-messaging-inline-container .oj-message:first-child {
  margin-top: 18px;
}

.oj-messaging-inline-container .oj-message.oj-message-error {
  background-color: var(--oj-private-message-component-inline-bg-color-error);
  border-color: var(--oj-private-message-component-inline-border-color-error);
}

.oj-messaging-inline-container .oj-message.oj-message-warning {
  background-color: var(--oj-private-message-component-inline-bg-color-warning);
  border-color: var(--oj-private-message-component-inline-border-color-warning);
}

.oj-messaging-inline-container .oj-message.oj-message-info {
  background-color: var(--oj-private-message-component-inline-bg-color-info);
  border-color: var(--oj-private-message-component-inline-border-color-info);
}

.oj-messaging-inline-container .oj-message.oj-message-confirmation {
  background-color: var(--oj-private-message-component-inline-bg-color-confirmation);
  border-color: var(--oj-private-message-component-inline-border-color-confirmation);
}


.oj-message {
  display: flex;
  text-align: left;
  white-space: nowrap;
  
}

html[dir="rtl"] .oj-message {
  text-align: right;
}


.oj-messaging-popup-container .oj-message:nth-of-type(n + 2) {
  padding-top: 20px;
}


.oj-message-content {
  display: inline-block;
}


.oj-message-content .oj-message-summary {
  white-space: normal;
  vertical-align: top;
}

html:not([dir="rtl"]) .oj-message-content .oj-message-summary {
  padding: 0 0 0 var(--oj-private-message-component-icon-to-text-padding);
}

html[dir="rtl"] .oj-message-content .oj-message-summary {
  padding: 0 var(--oj-private-message-component-icon-to-text-padding) 0 0;
}



.oj-message-content .oj-message-detail:first-child {
  white-space: normal;
}

html:not([dir="rtl"]) .oj-message-content .oj-message-detail {
  padding: 0 0 0 var(--oj-private-message-component-icon-to-text-padding);
}

html[dir="rtl"] .oj-message-content .oj-message-detail {
  padding: 0 var(--oj-private-message-component-icon-to-text-padding) 0 0;
}


.oj-message-content .oj-message-detail:not(:first-child) {
  white-space: normal;
}

html:not([dir="rtl"]) .oj-message-content .oj-message-detail:not(:first-child) {
  padding: 7px 0 0 var(--oj-private-message-component-icon-to-text-padding);
}

html[dir="rtl"] .oj-message-content .oj-message-detail:not(:first-child) {
  padding: 7px var(--oj-private-message-component-icon-to-text-padding) 0 0;
}




.oj-form-control-hint-title:not(:first-child) {
  padding-top: 20px;
  
}

.oj-message-status-icon {
  flex: 0 0 auto;
  position: relative;
  font-size: 1rem;
  line-height: calc(var(--oj-user-assistance-inline-font-size) * 1.333);
}

.oj-message-status-icon.oj-message-error-icon {
  color: var(--oj-core-danger-3);
}

.oj-message-status-icon.oj-message-warning-icon {
  color: var(--oj-core-warning-3);
}

.oj-message-status-icon.oj-message-info-icon {
  color: var(--oj-core-info-3);
}

.oj-message-status-icon.oj-message-confirmation-icon {
  color: var(--oj-core-success-3);
}

.oj-messaging-popup-option-defaults {
  font-family: '{"animation":{"open":{"effect":"zoomIn","transformOrigin":"#myPosition"},"close":{"effect":"none"}},"messageSummaryOptionDefault":"none"}' !important;
}

.oj-messaging-inline-option-defaults {
  font-family: '{"animation":{"open":{"effect":"fadeIn","duration":"100ms","timingFunction":"linear"},"close":{"effect":"fadeOut","duration":"100ms","timingFunction":"linear"}}}' !important;
}

.oj-text-field .oj-messaging-inline-container .oj-message-detail {
  font-size: var(--oj-user-assistance-inline-font-size);
}



.oj-component-popup, .oj-popup, .oj-listbox-drop, .oj-dialog, .oj-menu, .oj-messages-layer oj-messages {
  z-index: 1;
  position: absolute;
}

.oj-component-layer, .oj-popup-layer, .oj-listbox-drop-layer, .oj-dialog-layer, .oj-menu-layer, .oj-messages-layer {
  position: relative;
}


.oj-component-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--oj-core-scrim-color);
  -webkit-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}


.oj-component-modal-open {
  overflow: hidden !important;
}

.oj-root-layer-host {
  position: relative;
  z-index: 999;
}

.oj-top-layer-host {
  position: relative;
  z-index: 2000;
}

.oj-private-scale-lg {
  --oj-popup-padding: 8px;
}

.oj-popup {
  --oj-current-bg-color:            var(--oj-popup-bg-color);
}



oj-popup {
  display: none;
}


.oj-popup-layer {
  z-index: var(--oj-core-z-index-popup);
}

.oj-popup-layer.oj-focus-within {
  z-index: calc(var(--oj-core-z-index-popup) + 1);
}


.oj-popup-layer.oj-popup-tail-simple {
  z-index: calc(var(--oj-core-z-index-popup) + 30);
}

.oj-popup-layer.oj-popup-tail-simple .oj-popup .oj-popup-tail-simple {
  z-index: calc(var(--oj-core-z-index-popup) + 31);
}

.oj-popup-layer.oj-popup-tail-simple.oj-focus-within {
  z-index: calc(var(--oj-core-z-index-popup) + 32);
}

.oj-popup-layer.oj-popup-tail-simple.oj-focus-within .oj-popup .oj-popup-tail-simple {
  z-index: calc(var(--oj-core-z-index-popup) + 33);
}

.oj-popup {
  max-width: calc(100vw - 3rem);
  max-height: calc(100vh - 3rem);
  border: 1px solid var(--oj-popup-border-color);
  border-radius: var(--oj-popup-border-radius);
  background-color: var(--oj-popup-bg-color);
  box-shadow: var(--oj-popup-box-shadow);
  will-change: top, left;
}

.oj-popup.oj-popup-tail-simple {
  border-width: 1px;
  border-color: var(--oj-popup-border-color);
  background-color: var(--oj-popup-bg-color);
  will-change: top, left, bottom, right;
}

.oj-popup.oj-popup-tail-simple.oj-right.oj-bottom {
  border-radius: var(--oj-popup-border-radius) var(--oj-popup-border-radius) 0;
}

.oj-popup.oj-popup-tail-simple.oj-left.oj-bottom {
  border-radius: var(--oj-popup-border-radius) var(--oj-popup-border-radius) var(--oj-popup-border-radius) 0;
}

.oj-popup.oj-popup-tail-simple.oj-right.oj-top {
  border-radius: var(--oj-popup-border-radius) 0 var(--oj-popup-border-radius) var(--oj-popup-border-radius);
}

.oj-popup.oj-popup-tail-simple.oj-left.oj-top {
  border-radius: 0 var(--oj-popup-border-radius) var(--oj-popup-border-radius) var(--oj-popup-border-radius);
}

.oj-popup.oj-popup-no-chrome {
  border-width: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}

.oj-popup-content {
  padding: var(--oj-popup-padding);
  position: relative;
}

.oj-popup-no-chrome > .oj-popup-content {
  padding: 0;
}

.oj-popup:not(.oj-focus-highlight):focus {
  outline: none;
}

.oj-popup.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
}

.oj-popup-tail {
  position: absolute;
  pointer-events: none;
}

.oj-popup-tail.oj-popup-tail-simple {
  height: var(--oj-popup-tail-height);
  width: var(--oj-popup-tail-width);
  font-size: 0;
  box-sizing: border-box;
}

.oj-popup-tail.oj-popup-tail-simple:before,
.oj-popup-tail.oj-popup-tail-simple:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom {
  left: calc(var(--oj-popup-tail-width) / -2 - var(--oj-popup-tail-height) / 2 + 1px);
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle {
  height: var(--oj-popup-tail-width);
  width: var(--oj-popup-tail-height);
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle {
  left: calc(0px - var(--oj-popup-tail-height));
}

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle {
  right: calc(0px - var(--oj-popup-tail-height));
}

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top {
  right: calc(var(--oj-popup-tail-width) / -2 - var(--oj-popup-tail-height) / 2 + 1px);
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top {
  top: -1px;
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom {
  bottom: -1px;
}

.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top {
  top: calc(0px - var(--oj-popup-tail-height));
}

.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom {
  bottom: calc(0px - var(--oj-popup-tail-height));
}

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom:after,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom:after {
  border-top: calc(var(--oj-popup-tail-height) - 1px) solid var(--oj-popup-bg-color);
  border-right: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-left: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-bottom-width: 0;
  left: 0;
  top: 0;
}

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom:before,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom:before {
  border-top: var(--oj-popup-tail-height) solid var(--oj-popup-border-color);
  border-right: var(--oj-popup-tail-height) solid transparent;
  border-left: var(--oj-popup-tail-height) solid transparent;
  top: 0;
  left: 0;
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom:after {
  border-top: calc(var(--oj-popup-tail-height) - 1px) solid var(--oj-popup-bg-color);
  border-right: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-left: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-bottom-width: 0;
  right: 0;
  top: 0;
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom:before {
  border-top: var(--oj-popup-tail-height) solid var(--oj-popup-border-color);
  border-right: var(--oj-popup-tail-height) solid transparent;
  border-left: var(--oj-popup-tail-height) solid transparent;
  border-bottom-width: 0;
  right: 1px;
  top: 0;
}

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle:after {
  border-top: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-bottom: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-left: calc(var(--oj-popup-tail-height) - 1px) solid var(--oj-popup-bg-color);
  border-right-width: 0;
  left: -1px;
}

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle:before {
  border-top: var(--oj-popup-tail-height) solid transparent;
  border-bottom: var(--oj-popup-tail-height) solid transparent;
  border-left: var(--oj-popup-tail-height) solid var(--oj-popup-border-color);
  border-right-width: 0;
  top: -1px;
  left: 0;
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle:after {
  border-top: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-bottom: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-right: calc(var(--oj-popup-tail-height) - 1px) solid var(--oj-popup-bg-color);
  border-left-width: 0;
  right: -1px;
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle:before {
  border-top: var(--oj-popup-tail-height) solid transparent;
  border-bottom: var(--oj-popup-tail-height) solid transparent;
  border-right: var(--oj-popup-tail-height) solid var(--oj-popup-border-color);
  top: -1px;
  right: 0;
}

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top:after,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top:after {
  border-bottom: calc(var(--oj-popup-tail-height) - 1px) solid var(--oj-popup-bg-color);
  border-right: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-left: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-top-width: 0;
  bottom: 0;
  left: 0;
}

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top:before {
  border-bottom: var(--oj-popup-tail-height) solid var(--oj-popup-border-color);
  border-right: var(--oj-popup-tail-height) solid transparent;
  border-left: var(--oj-popup-tail-height) solid transparent;
  border-top-width: 0;
  bottom: 0;
  left: 1px;
}

.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom:before {
  left: -1px;
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top:after {
  border-bottom: calc(var(--oj-popup-tail-height) - 1px) solid var(--oj-popup-bg-color);
  border-right: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-left: calc(var(--oj-popup-tail-height) - 1px) solid transparent;
  border-top-width: 0;
  bottom: 0;
  right: 0;
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top:before {
  border-bottom: var(--oj-popup-tail-height) solid var(--oj-popup-border-color);
  border-right: var(--oj-popup-tail-height) solid transparent;
  border-left: var(--oj-popup-tail-height) solid transparent;
  border-top-width: 0;
  bottom: 0;
  right: 1px;
}

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom:after,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom:before,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top:after,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top::before {
  transform: rotate(45deg);
}

.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top:after,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom:after,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom:before {
  transform: rotate(-45deg);
}

.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-middle:before,
.oj-popup-tail.oj-popup-tail-simple.oj-left.oj-bottom:before,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-middle:before,
.oj-popup-tail.oj-popup-tail-simple.oj-right.oj-bottom:before,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-top:before,
.oj-popup-tail.oj-popup-tail-simple.oj-center.oj-bottom:before {
  display: block;
}

oj-label:not(.oj-complete) {
  visibility: hidden;
}


.oj-label-help-popup-container {
  max-width: 320px;
}

.oj-label {
  display: block;
  color: var(--oj-label-color);
  font-size: var(--oj-label-font-size);
  font-weight: var(--oj-label-font-weight);
  line-height: var(--oj-label-line-height);
  word-break: break-word;
}

.oj-text-field-label-inside.oj-read-only .oj-label {
  white-space: normal;
}

.oj-text-field-label-inside:not(.oj-read-only) .oj-label,
.oj-form-control-label-inside:not(.oj-read-only) .oj-label,
.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside .oj-label,
.oj-form-layout .oj-form.oj-enabled .oj-form-control-label-inside .oj-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.oj-label-group {
  display: inline-block;
  vertical-align: bottom;
  overflow: inherit;
  text-overflow: inherit;
}

.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item > .oj-label > .oj-label-group,
.oj-text-field-label-inside > .oj-text-field-container .oj-label > .oj-label-group,
.oj-form-control-label-inside > .oj-flex > .oj-flex-item > .oj-label > .oj-label-group,
.oj-form-control-label-inside > .oj-label > .oj-label-group {
  display: flex;
  flex-direction: row-reverse;
  width: fit-content;
  max-width: 100%;
}

.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item > .oj-label > .oj-label-group > .oj-component-initnode,
.oj-text-field-label-inside > .oj-text-field-container .oj-label > .oj-label-group > .oj-component-initnode,
.oj-form-control-label-inside > .oj-flex > .oj-flex-item > .oj-label > .oj-label-group > .oj-component-initnode,
.oj-form-control-label-inside > .oj-label > .oj-label-group > .oj-component-initnode {
  display: block;
  overflow: inherit;
  text-overflow: inherit;
}

.oj-label-help-icon {
  vertical-align: middle;
}

.oj-label-required-icon,
.oj-label-help-icon {
  float: right;
  margin-top: calc((var(--oj-label-font-size) * var(--oj-label-line-height) - var(--oj-core-icon-size-sm)) / 2);
  margin-bottom: calc((var(--oj-label-font-size) * var(--oj-label-line-height) - var(--oj-core-icon-size-sm)) / -2);
}

html[dir="rtl"] .oj-label-required-icon, html[dir="rtl"]
.oj-label-help-icon {
  float: left;
}

html:not([dir="rtl"]) .oj-label-required-icon, html:not([dir="rtl"])
.oj-label-help-icon {
  margin-left: 6px;
  margin-right: 0;
}

html[dir="rtl"] .oj-label-required-icon, html[dir="rtl"]
.oj-label-help-icon {
  margin-right: 6px;
  margin-left: 0;
}

.oj-label-help-icon-anchor {
  text-decoration: none;
  float: right;
}

html[dir="rtl"] .oj-label-help-icon-anchor {
  float: left;
}

html:not([dir="rtl"]) .oj-label-help-icon-anchor {
  padding-right: 2px;
}

html[dir="rtl"] .oj-label-help-icon-anchor {
  padding-left: 2px;
}

.oj-label-help-icon-anchor:hover,
.oj-label-help-icon-anchor:focus {
  text-decoration: none;
}

.oj-label-help-icon-anchor:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: -1px;
}

.oj-label-help-icon-anchor:not(.oj-focus-highlight).oj-focus {
  outline: none;
}

.oj-label.oj-label-nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oj-label.oj-label-nowrap .oj-label-group {
  overflow: inherit;
  text-overflow: inherit;
}

.oj-label-inline {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

html:not([dir="rtl"]) .oj-label-inline {
  padding-right: 1rem;
}

html[dir="rtl"] .oj-label-inline {
  padding-left: 1rem;
}

.oj-form-non-control-inline {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

.oj-label-inline .oj-label-required-icon,
.oj-label-inline .oj-label-help-icon {
  float: left;
}

html[dir="rtl"] .oj-label-inline .oj-label-required-icon, html[dir="rtl"]
.oj-label-inline .oj-label-help-icon {
  float: right;
}

html:not([dir="rtl"]) .oj-label-inline .oj-label-required-icon, html:not([dir="rtl"])
.oj-label-inline .oj-label-help-icon {
  margin-right: 6px;
  margin-left: 0;
}

html[dir="rtl"] .oj-label-inline .oj-label-required-icon, html[dir="rtl"]
.oj-label-inline .oj-label-help-icon {
  margin-left: 6px;
  margin-right: 0;
}

.oj-label-inline .oj-label-help-icon-anchor {
  float: left;
}

html[dir="rtl"] .oj-label-inline .oj-label-help-icon-anchor {
  float: right;
}

.oj-label-inline.oj-label-inline-top {
  margin-top: 0;
}


.oj-label-accesskey {
  text-decoration: underline;
}

.oj-label-help-icon {
  font-size: var(--oj-core-icon-size-sm);
}

.oj-label-required-icon:before {
  content: "*";
}

.oj-label-required-icon {
  color: var(--oj-label-required-icon-color);
  font-size: var(--oj-label-required-char-font-size);
  font-weight: normal;
  line-height: 0.5rem;
  font-family: inherit;
}



.oj-color-invert {
  --oj-label-color:         var(--oj-core-text-color-primary);
  --oj-label-color-disabled:var(--oj-core-text-color-disabled);
  --oj-label-inside-edge-color: var(--oj-core-text-color-secondary);
}

.oj-density-compact {
  --oj-label-inside-edge-position-top: 0.25rem;
}

:root.oj-scale-sm {
  --oj-label-font-size: var(--oj-typography-body-md-font-size);
  --oj-label-inside-edge-position-top: 3px;
}

:root.oj-scale-md {
  --oj-label-font-size: var(--oj-typography-body-md-font-size);
  --oj-label-inside-edge-position-top: 4px;
}

:root.oj-scale-sm.oj-density-compact,
:root.oj-scale-sm .oj-density-compact {
  --oj-label-inside-edge-position-top: 3px;
}

:root.oj-scale-md.oj-density-compact :root.oj-scale-md .oj-density-compact {
  --oj-label-inside-edge-position-top: 3.5px;
}




.oj-form-control-option-defaults {
  font-family: '{"showIndicatorDelay":"50","labelEdge":"inside","readonlyElem":"div","useUserAssistanceOptionDefault":"use"}' !important;
}

html .oj-form-control {
  margin-bottom: var(--oj-private-core-wrappable-margin-bottom);
  vertical-align: top;
}

.oj-text-field.oj-read-only:not(.oj-textarea):not(.oj-inputpassword) .oj-text-field-input,
.oj-text-field.oj-combobox.oj-read-only .oj-combobox-input,
.oj-text-field.oj-textarea.oj-read-only.oj-maxrows-neg1 .oj-text-field-input,
.oj-text-field.oj-textarea.oj-read-only:not(.oj-maxrows-neg1) .oj-text-field-readonly-div,
.oj-text-field:not(.oj-read-only) .oj-text-field-readonly-div {
  display: none;
}

.oj-text-field-readonly-div {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  white-space: pre-wrap;
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: var(--oj-core-text-color-primary);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.oj-text-field-readonly-div::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-text-field.oj-read-only {
  font-weight: var(--oj-form-control-font-weight-read-only);
  font-size: var(--oj-typography-body-md-font-size);
}

.oj-text-field-readonly {
  min-height: calc(var(--oj-typography-body-md-line-height) * var(--oj-typography-body-md-font-size));
  word-break: break-word;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside .oj-text-field-readonly-div {
  min-height: var(--oj-text-field-inside-edge-height);
  padding-top: var(--oj-text-field-inside-edge-padding-top);
}

.oj-form-layout .oj-form.oj-enabled .oj-textarea.oj-text-field-label-inside .oj-text-field-readonly-div {
  padding-top: 0;
  margin-top: calc(var(--oj-label-inside-edge-font-size) * var(--oj-label-inside-edge-line-height) + var(--oj-label-inside-edge-position-top));
  min-height: 0;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field:not(.oj-form-control-label-inside) .oj-text-field-readonly-div,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field:not(.oj-form-control-label-inside) .oj-text-field-readonly-div {
  justify-content: center;
}

.oj-text-field-readonly:focus::after {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: -1px;
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.oj-text-field-readonly:focus {
  outline: none;
  position: relative;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-text-field-readonly-div {
  padding-left: var(--oj-text-field-text-to-edge-padding);
  padding-right: var(--oj-text-field-text-to-edge-padding);
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-container.oj-text-field-has-start-slot .oj-text-field-readonly-div {
  padding-left: var(--oj-text-field-icon-to-text-padding);
  padding-right: var(--oj-text-field-icon-to-text-padding);
}


.oj-form-layout .oj-form.oj-enabled .oj-text-field:not(.oj-textarea) .oj-text-field-readonly {
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field:not(.oj-textarea) .oj-text-field-readonly::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.oj-text-field.oj-read-only .oj-text-field-container {
  border-width: 0;
  background-color: transparent;
  height: auto;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field .oj-text-field-container,
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only) .oj-text-field-container {
  min-height: var(--oj-text-field-inside-edge-height);
}

.oj-text-field-label-inside:not(.oj-read-only):not(.oj-textarea) .oj-text-field-container.oj-text-field-has-start-slot .oj-text-field-input,
.oj-text-field-label-inside:not(.oj-read-only):not(.oj-textarea) .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-text-field-input {
  min-height: var(--oj-text-field-inside-edge-height);
  padding-top: var(--oj-text-field-inside-edge-padding-top);
}

.oj-form-layout .oj-form.oj-enabled:not(.oj-form-cols-labels-inline) .oj-label,
.oj-label-value:not(.oj-formlayout-labels-inline) .oj-label {
  margin-bottom: var(--oj-form-layout-top-edge-label-to-value-padding);
}

.oj-form-layout .oj-form:not(.oj-enabled) .oj-label-value .oj-label {
  margin-bottom: 0;
}


.oj-form-control-hint {
  color: var(--oj-core-text-color-primary);
  padding: 0;
  word-wrap: break-word;
  font-size: var(--oj-user-assistance-inline-font-size);
}

.oj-form-control-title {
  color: var(--oj-core-text-color-primary);
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-form-control,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field {
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  max-width: 100%;
  min-width: 100%;
}

.oj-form-control input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-middle,
.oj-text-field:not(.oj-read-only) .oj-text-field-middle {
  position: relative;
  display: inline-flex;
  flex: 1;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only .oj-text-field-middle {
  min-width: 1em;
}


.oj-text-field-label-inside.oj-form-control,
.oj-text-field-label-inside.oj-text-field,
.oj-form-control-label-inside.oj-form-control {
  max-width: 100%;
}


.oj-text-field-label-inside .oj-label {
  max-width: 100%;
  box-sizing: border-box;
}

html:not([dir="rtl"]) .oj-text-field-label-inside .oj-label {
  padding-right: calc(2 * var(--oj-text-field-text-to-edge-padding));
}

html[dir="rtl"] .oj-text-field-label-inside .oj-label {
  padding-left: calc(2 * var(--oj-text-field-text-to-edge-padding));
}

.oj-text-field-label-inside.oj-read-only .oj-label,
.oj-form-control-label-inside.oj-read-only .oj-label {
  margin-bottom: 0;
}


.oj-text-field {
  display: inline-block;
  line-height: var(--oj-typography-body-md-line-height);
  font-weight: normal;
  font-size: var(--oj-text-field-font-size);
  
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 599.9px) {
  .oj-text-field {
    -webkit-text-size-adjust: var(--oj-private-text-field-font-size-adjust);
  }
}

.oj-form-control-full-width.oj-text-field,
.oj-form-control-full-width .oj-text-field {
  max-width: 100%;
}

.oj-text-field-input {
  outline: 0;
  box-sizing: border-box;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-size: 100%;
  border: 0;
  background-color: transparent;
  color: var(--oj-text-field-text-color);
  width: 100%;
  padding: 0 var(--oj-text-field-text-to-edge-padding);
}

.oj-text-field-container.oj-text-field-has-start-slot .oj-text-field-input {
  padding-inline-start: var(--oj-text-field-icon-to-text-padding);
}

.oj-text-field-container.oj-text-field-has-end-slot .oj-text-field-input {
  padding-inline-end: var(--oj-text-field-icon-to-text-padding);
}

html:not([dir="rtl"]) .oj-inputdatetime-input-container:has(.oj-inputdatetime-input-trigger) .oj-text-field-input {
  padding-right: var(--oj-private-text-field-text-to-end-slot-padding);
}

html[dir="rtl"] .oj-inputdatetime-input-container:has(.oj-inputdatetime-input-trigger) .oj-text-field-input {
  padding-left: var(--oj-private-text-field-text-to-end-slot-padding);
}


.oj-form-control-text-align-right.oj-text-field .oj-text-field-input,
.oj-form-control-text-align-right .oj-text-field .oj-text-field-input,
.oj-form-control-text-align-right.oj-text-field .oj-text-field-readonly-div {
  text-align: right;
}

.oj-form-control-text-align-start.oj-text-field .oj-text-field-input,
.oj-form-control-text-align-start .oj-text-field .oj-text-field-input,
.oj-form-control-text-align-start.oj-text-field .oj-text-field-readonly-div,
.oj-form-control-text-align-start .oj-text-field .oj-text-field-readonly-div {
  text-align: left;
}

html[dir="rtl"] .oj-form-control-text-align-start.oj-text-field .oj-text-field-input, html[dir="rtl"]
.oj-form-control-text-align-start .oj-text-field .oj-text-field-input, html[dir="rtl"]
.oj-form-control-text-align-start.oj-text-field .oj-text-field-readonly-div, html[dir="rtl"]
.oj-form-control-text-align-start .oj-text-field .oj-text-field-readonly-div {
  text-align: right;
}

.oj-form-control-text-align-end.oj-text-field .oj-text-field-input,
.oj-form-control-text-align-end .oj-text-field .oj-text-field-input,
.oj-form-control-text-align-end.oj-text-field .oj-text-field-readonly-div,
.oj-form-control-text-align-end .oj-text-field .oj-text-field-readonly-div {
  text-align: right;
}

html[dir="rtl"] .oj-form-control-text-align-end.oj-text-field .oj-text-field-input, html[dir="rtl"]
.oj-form-control-text-align-end .oj-text-field .oj-text-field-input, html[dir="rtl"]
.oj-form-control-text-align-end.oj-text-field .oj-text-field-readonly-div, html[dir="rtl"]
.oj-form-control-text-align-end .oj-text-field .oj-text-field-readonly-div {
  text-align: left;
}

.oj-text-field.oj-read-only .oj-text-field-input {
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: var(--oj-core-text-color-primary);
}

.oj-text-field.oj-disabled .oj-text-field-input {
  color: var(--oj-text-field-text-color-disabled);
}


.oj-text-field-input::-webkit-search-decoration,
.oj-text-field-input::-webkit-search-cancel-button,
.oj-text-field-input::-webkit-search-results-button,
.oj-text-field-input::-webkit-search-results-decoration {
  display: none;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field .oj-text-field-input,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field .oj-text-field-readonly-div,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field .oj-text-field-container {
  color: inherit;
  height: 100%;
  width: 100%;
}

html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field .oj-text-field-input, html:not([dir="rtl"])
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field .oj-text-field-readonly-div, html:not([dir="rtl"])
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field .oj-text-field-container {
  text-align: inherit;
}

html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field .oj-text-field-input, html[dir="rtl"]
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field .oj-text-field-readonly-div, html[dir="rtl"]
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field .oj-text-field-container {
  text-align: inherit;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field-readonly-div {
  white-space: inherit;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field:not(.oj-disabled) .oj-text-field-input,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field:not(.oj-disabled) .oj-text-field-readonly-div,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field:not(.oj-disabled) .oj-text-field-container {
  background-color: transparent;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field:not(.oj-invalid):not(.oj-warning) .oj-text-field-input,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field:not(.oj-invalid):not(.oj-warning) .oj-text-field-readonly-div,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field:not(.oj-invalid):not(.oj-warning) .oj-text-field-container {
  border-width: 0;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-text-field.oj-focus:not(.oj-read-only):not(.oj-invalid):not(.oj-warning) .oj-text-field-container {
  box-shadow: inherit;
}

.oj-text-field-label-inside .oj-text-field-input.oj-hover {
  background-color: transparent;
}

.oj-text-field .oj-text-field-container {
  position: relative;
  box-sizing: border-box;
  border-style: solid;
  transition: border-color 0.1s linear;
  border-color: var(--oj-text-field-border-color);
  border-width: var(--oj-text-field-border-width);
  border-radius: var(--oj-text-field-border-radius);
  background-color: var(--oj-text-field-bg-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  height: var(--oj-text-field-height);
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only .oj-text-field .oj-text-field-container {
  overflow: hidden;
}

.oj-text-field .oj-text-field-input::selection,
.oj-text-field .oj-combobox-input::selection,
.oj-text-field .oj-select-chosen::selection {
  background-color: var(--oj-core-bg-color-selected);
}

.oj-inputpassword.oj-read-only .oj-text-field-input::selection {
  background-color: transparent;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only .oj-text-field-container {
  border-width: var(--oj-text-field-border-width);
  border-color: var(--oj-text-field-border-color-disabled);
  background-color: transparent;
  height: var(--oj-text-field-height);
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only.oj-textarea .oj-text-field-container,
.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only.oj-select-multi .oj-text-field-container,
.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only.oj-combobox-multi .oj-text-field-container {
  height: auto;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-select-multi.oj-has-no-value:not(.oj-text-field-label-inside) .oj-text-field-container,
.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-combobox-multi.oj-has-no-value:not(.oj-text-field-label-inside) .oj-text-field-container,
.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-textarea.oj-has-no-value:not(.oj-text-field-label-inside) .oj-text-field-container,
.oj-form-layout .oj-form.oj-enabled .oj-textarea.oj-read-only:not(.oj-text-field-label-inside) .oj-text-field-container {
  min-height: var(--oj-text-field-height);
}

.oj-text-field.oj-focus:not(.oj-read-only):not(.oj-invalid):not(.oj-warning) .oj-text-field-container {
  border-color: var(--oj-text-field-border-color-focus);
  box-shadow: var(--oj-text-field-box-shadow-focus);
}

.oj-text-field.oj-invalid .oj-text-field-container,
.oj-text-field.oj-warning .oj-text-field-container {
  border-style: solid;
}

.oj-text-field.oj-invalid .oj-text-field-container {
  border-color: var(--oj-core-danger-3);
}

.oj-text-field.oj-warning .oj-text-field-container {
  border-color: var(--oj-core-warning-3);
}

.oj-text-field.oj-disabled .oj-text-field-container {
  background-color: var(--oj-text-field-bg-color-disabled);
  border-color: var(--oj-text-field-border-color-disabled);
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field .oj-text-field-container .oj-label,
.oj-form-layout .oj-form.oj-enabled oj-text-field-label-inside.oj-text-field.oj-disabled .oj-text-field-container .oj-label,
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only) .oj-text-field-container .oj-label,
.oj-text-field-label-inside.oj-text-field.oj-disabled .oj-text-field-container .oj-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease 0.1s;
}

html:not([dir="rtl"]) .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html:not([dir="rtl"])
.oj-form-layout .oj-form.oj-enabled oj-text-field-label-inside.oj-text-field.oj-disabled .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html:not([dir="rtl"])
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only) .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html:not([dir="rtl"])
.oj-text-field-label-inside.oj-text-field.oj-disabled .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label {
  left: var(--oj-text-field-text-to-edge-padding);
}

html[dir="rtl"] .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html[dir="rtl"]
.oj-form-layout .oj-form.oj-enabled oj-text-field-label-inside.oj-text-field.oj-disabled .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html[dir="rtl"]
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only) .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html[dir="rtl"]
.oj-text-field-label-inside.oj-text-field.oj-disabled .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label {
  right: var(--oj-text-field-text-to-edge-padding);
}

html:not([dir="rtl"]) .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html:not([dir="rtl"])
.oj-form-layout .oj-form.oj-enabled oj-text-field-label-inside.oj-text-field.oj-disabled .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html:not([dir="rtl"])
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only) .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html:not([dir="rtl"])
.oj-text-field-label-inside.oj-text-field.oj-disabled .oj-text-field-container.oj-text-field-has-start-slot .oj-label {
  left: var(--oj-text-field-icon-to-text-padding);
}

html[dir="rtl"] .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html[dir="rtl"]
.oj-form-layout .oj-form.oj-enabled oj-text-field-label-inside.oj-text-field.oj-disabled .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html[dir="rtl"]
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only) .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html[dir="rtl"]
.oj-text-field-label-inside.oj-text-field.oj-disabled .oj-text-field-container.oj-text-field-has-start-slot .oj-label {
  right: var(--oj-text-field-icon-to-text-padding);
}

.oj-form-control-label-inside.oj-form-control .oj-label,
.oj-text-field-label-inside.oj-text-field.oj-read-only .oj-label,
.oj-form-control-label-inside.oj-label-value .oj-label[slot="label"] {
  font-size: var(--oj-label-inside-edge-font-size);
  font-weight: var(--oj-label-inside-edge-font-weight);
  line-height: var(--oj-label-inside-edge-line-height);
  color: var(--oj-label-inside-edge-color);
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-focus .oj-text-field-container .oj-label,
.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field:not(.oj-has-no-value) .oj-text-field-container .oj-label,
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only).oj-focus .oj-text-field-container .oj-label,
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only):not(.oj-has-no-value) .oj-text-field-container .oj-label {
  transition: top 0.25s ease 0.1s, font-weight 0.25s ease 0.1s, font-size 0.25s ease 0.1s, transform 0.25s ease 0.1s;
  font-size: var(--oj-label-inside-edge-font-size);
  font-weight: var(--oj-label-inside-edge-font-weight);
  line-height: var(--oj-label-inside-edge-line-height);
  transform: none;
  top: var(--oj-label-inside-edge-position-top);
}

html:not([dir="rtl"]) .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-focus .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html:not([dir="rtl"])
.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field:not(.oj-has-no-value) .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html:not([dir="rtl"])
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only).oj-focus .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html:not([dir="rtl"])
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only):not(.oj-has-no-value) .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label {
  left: var(--oj-text-field-text-to-edge-padding);
}

html[dir="rtl"] .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-focus .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html[dir="rtl"]
.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field:not(.oj-has-no-value) .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html[dir="rtl"]
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only).oj-focus .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label, html[dir="rtl"]
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only):not(.oj-has-no-value) .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label {
  right: var(--oj-text-field-text-to-edge-padding);
}

html:not([dir="rtl"]) .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-focus .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html:not([dir="rtl"])
.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field:not(.oj-has-no-value) .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html:not([dir="rtl"])
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only).oj-focus .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html:not([dir="rtl"])
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only):not(.oj-has-no-value) .oj-text-field-container.oj-text-field-has-start-slot .oj-label {
  left: var(--oj-text-field-icon-to-text-padding);
}

html[dir="rtl"] .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-focus .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html[dir="rtl"]
.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field:not(.oj-has-no-value) .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html[dir="rtl"]
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only).oj-focus .oj-text-field-container.oj-text-field-has-start-slot .oj-label, html[dir="rtl"]
.oj-text-field-label-inside.oj-text-field:not(.oj-read-only):not(.oj-has-no-value) .oj-text-field-container.oj-text-field-has-start-slot .oj-label {
  right: var(--oj-text-field-icon-to-text-padding);
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container .oj-label {
  transition: none;
  transform: none;
  background-color: transparent;
  font-size: var(--oj-label-inside-edge-font-size);
  font-weight: var(--oj-label-inside-edge-font-weight);
  line-height: var(--oj-label-inside-edge-line-height);
  top: var(--oj-label-inside-edge-position-top);
}

html:not([dir="rtl"]) .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container.oj-text-field-has-start-slot .oj-label {
  left: var(--oj-text-field-icon-to-text-padding);
}

html[dir="rtl"] .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container.oj-text-field-has-start-slot .oj-label {
  right: var(--oj-text-field-icon-to-text-padding);
}

html:not([dir="rtl"]) .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label {
  left: var(--oj-text-field-text-to-edge-padding);
}

html[dir="rtl"] .oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-read-only .oj-text-field-container:not(.oj-text-field-has-start-slot) .oj-label {
  right: var(--oj-text-field-text-to-edge-padding);
}

.oj-text-field-label-inside.oj-focus:not(.oj-read-only):not(.oj-warning):not(.oj-invalid) .oj-text-field-container .oj-label {
  color: var(--oj-text-field-inside-edge-label-color-focus);
}

.oj-text-field-label-inside.oj-disabled:not(.oj-has-no-value) .oj-text-field-container .oj-label {
  transition: none;
  color: var(--oj-label-color-disabled);
}

.oj-text-field-label-inside.oj-invalid .oj-text-field-container .oj-label {
  color: var(--oj-text-field-inside-edge-label-color-error);
}

.oj-text-field-label-inside .oj-text-field-container .oj-label {
  color: var(--oj-label-inside-edge-color);
}

.oj-text-field-label-inside.oj-warning .oj-text-field-container .oj-label {
  color: var(--oj-text-field-inside-edge-label-color-warning);
}

.oj-text-field-label-inside.oj-textarea.oj-text-field:not(.oj-read-only) .oj-label,
.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-textarea.oj-has-no-value:not(.oj-focus) .oj-text-field-container .oj-label,
.oj-text-field-label-inside.oj-textarea.oj-disabled.oj-has-no-value.oj-text-field .oj-label {
  top: calc(var(--oj-text-field-inside-edge-height) / 2);
}

.oj-text-field-label-inside.oj-textarea.oj-text-field.oj-read-only .oj-label,
.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field.oj-textarea.oj-has-no-value.oj-read-only .oj-text-field-container .oj-label {
  top: var(--oj-label-inside-edge-position-top);
}

.oj-text-field-middle {
  width: 100%;
  height: 100%;
}

html:not([dir="rtl"]) .oj-form-control:has(.oj-buttonset) .oj-text-field-input, html:not([dir="rtl"])
.oj-form-control:has(.oj-text-field-end) .oj-text-field-input, html:not([dir="rtl"])
.oj-form-control:has(.oj-inputtext-clear-icon-btn) .oj-text-field-input, html:not([dir="rtl"])
.oj-form-control:has(.oj-inputdatetime-input-trigger) .oj-text-field-input {
  padding-right: var(--oj-private-text-field-text-to-end-slot-padding);
}

html[dir="rtl"] .oj-form-control:has(.oj-buttonset) .oj-text-field-input, html[dir="rtl"]
.oj-form-control:has(.oj-text-field-end) .oj-text-field-input, html[dir="rtl"]
.oj-form-control:has(.oj-inputtext-clear-icon-btn) .oj-text-field-input, html[dir="rtl"]
.oj-form-control:has(.oj-inputdatetime-input-trigger) .oj-text-field-input {
  padding-left: var(--oj-private-text-field-text-to-end-slot-padding);
}

.oj-text-field.oj-text-field-label-inside .oj-text-field-start,
.oj-text-field.oj-text-field-label-inside .oj-text-field-end {
  display: flex;
  justify-content: center;
  align-items: center;
}

.oj-text-field .oj-text-field-start .oj-text-field-start-end-icon {
  margin-inline-start: var(--oj-text-field-icon-to-edge-padding);
}

.oj-text-field .oj-text-field-end .oj-text-field-start-end-icon {
  margin-inline-end: var(--oj-text-field-icon-to-edge-padding);
}

.oj-text-field.oj-text-field-label-inside .oj-text-field-start .oj-button {
  margin-bottom: 0;
  margin-inline-start: calc((var(--oj-text-field-inside-edge-height) - var(--oj-private-text-field-button-height)) / 2);
}

.oj-text-field.oj-text-field-label-inside .oj-text-field-end .oj-button {
  margin-bottom: 0;
  margin-inline-end: calc((var(--oj-text-field-inside-edge-height) - var(--oj-private-text-field-button-height)) / 2);
}

.oj-text-field .oj-text-field-start .oj-button {
  margin-bottom: 0;
  margin-inline-start: calc((var(--oj-text-field-height) - var(--oj-button-sm-height)) / 2);
}

.oj-text-field .oj-text-field-end .oj-button {
  margin-bottom: 0;
  margin-inline-end: calc((var(--oj-text-field-height) - var(--oj-button-sm-height)) / 2);
}

.oj-text-field.oj-read-only .oj-text-field-start .oj-text-field-start-end-icon {
  margin-inline-start: 0;
  margin-inline-end: var(--oj-text-field-icon-to-edge-padding);
}

.oj-text-field.oj-read-only .oj-text-field-end .oj-text-field-start-end-icon {
  margin-inline-end: 0;
  margin-inline-start: var(--oj-text-field-icon-to-edge-padding);
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only .oj-text-field-start .oj-text-field-start-end-icon {
  margin-inline-start: var(--oj-text-field-icon-to-edge-padding);
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-read-only .oj-text-field-end .oj-text-field-start-end-icon {
  margin-inline-end: var(--oj-text-field-icon-to-edge-padding);
}

.oj-text-field.oj-text-field-label-inside.oj-read-only .oj-text-field-start .oj-button {
  margin-inline-start: 0;
  margin-inline-end: calc((var(--oj-text-field-inside-edge-height) - var(--oj-private-text-field-button-height)) / 2);
}

.oj-text-field.oj-text-field-label-inside.oj-read-only .oj-text-field-end .oj-button {
  margin-inline-end: 0;
  margin-inline-start: calc((var(--oj-text-field-inside-edge-height) - var(--oj-private-text-field-button-height)) / 2);
}

.oj-text-field.oj-read-only .oj-text-field-start .oj-button {
  margin-inline-start: 0;
  margin-inline-end: calc((var(--oj-text-field-height) - var(--oj-button-sm-height)) / 2);
}

.oj-text-field.oj-read-only .oj-text-field-end .oj-button {
  margin-inline-end: 0;
  margin-inline-start: calc((var(--oj-text-field-height) - var(--oj-button-sm-height)) / 2);
}

.oj-text-field.oj-disabled .oj-text-field-start-end-icon {
  color: var(--oj-private-icon-color-disabled);
}

.oj-text-field-container .oj-button-icon,
.oj-text-field-container .oj-component-icon,
.oj-text-field-container .oj-menucheckbox-icon,
.oj-text-field-container .oj-text-field-start-end-icon {
  font-size: var(--oj-private-text-field-icon-size);
}

.oj-text-field-counter {
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: default;
  font-size: var(--oj-typography-body-xs-font-size);
  font-weight: 600;
  line-height: var(--oj-typography-body-xs-line-height);
  color: var(--oj-core-text-color-secondary);
}

.oj-text-field.oj-loading .oj-text-field-container {
  background-color: var(--oj-animation-skeleton-bg-end-color);
  background-size: 200% 200%;
  border-width: 0;
  animation-name: SkeletonAnimation;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
  opacity: 1;
}

.oj-form-control-width-sm {
  width: var(--oj-text-field-sm-width) !important;
}

.oj-form-control-max-width-sm {
  max-width: var(--oj-text-field-sm-width) !important;
}

.oj-form-control-width-md {
  width: var(--oj-text-field-md-width) !important;
}

.oj-form-control-max-width-md {
  max-width: var(--oj-text-field-md-width) !important;
}

.oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor), .oj-text-field-container .oj-clickable-icon-nocontext.oj-menucheckbox-icon:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor) {
  padding: 0;
  border-radius: var(--oj-button-border-radius);
  color: var(--oj-private-text-field-button-icon-color);
}

.oj-text-field:not(.oj-text-field-label-inside) .oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor), .oj-text-field:not(.oj-text-field-label-inside) .oj-text-field-container .oj-clickable-icon-nocontext.oj-menucheckbox-icon:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor) {
  width: var(--oj-button-sm-height);
  height: var(--oj-button-sm-height);
  line-height: var(--oj-button-sm-height);
  margin: calc((var(--oj-text-field-height) - var(--oj-button-sm-height) - 2px) / 2);
}

html:not([dir="rtl"]) .oj-text-field:not(.oj-text-field-label-inside) .oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor), html:not([dir="rtl"]) .oj-text-field:not(.oj-text-field-label-inside) .oj-text-field-container .oj-clickable-icon-nocontext.oj-menucheckbox-icon:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor) {
  margin-right: var(--oj-private-text-field-button-to-edge-padding);
}

html[dir="rtl"] .oj-text-field:not(.oj-text-field-label-inside) .oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor), html[dir="rtl"] .oj-text-field:not(.oj-text-field-label-inside) .oj-text-field-container .oj-clickable-icon-nocontext.oj-menucheckbox-icon:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor) {
  margin-left: var(--oj-private-text-field-button-to-edge-padding);
}

.oj-text-field.oj-text-field-label-inside .oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor), .oj-text-field.oj-text-field-label-inside .oj-text-field-container .oj-clickable-icon-nocontext.oj-menucheckbox-icon:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor) {
  width: var(--oj-private-text-field-button-height);
  height: var(--oj-private-text-field-button-height);
  line-height: var(--oj-private-text-field-button-height);
  margin: calc((var(--oj-text-field-inside-edge-height) - var(--oj-private-text-field-button-height) - 2px) / 2);
}

html:not([dir="rtl"]) .oj-text-field.oj-text-field-label-inside .oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor), html:not([dir="rtl"]) .oj-text-field.oj-text-field-label-inside .oj-text-field-container .oj-clickable-icon-nocontext.oj-menucheckbox-icon:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor) {
  margin-right: var(--oj-private-text-field-inside-button-to-edge-padding);
}

html[dir="rtl"] .oj-text-field.oj-text-field-label-inside .oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor), html[dir="rtl"] .oj-text-field.oj-text-field-label-inside .oj-text-field-container .oj-clickable-icon-nocontext.oj-menucheckbox-icon:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor) {
  margin-left: var(--oj-private-text-field-inside-button-to-edge-padding);
}

.oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-disabled):hover, .oj-text-field-container .oj-clickable-icon-nocontext.oj-menucheckbox-icon:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-disabled):hover {
  color: var(--oj-private-text-field-button-icon-color-hover);
  background-color: var(--oj-private-text-field-button-bg-color-hover);
  border-color: var(--oj-private-text-field-button-border-color-hover);
}

.oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext.oj-active:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon), .oj-text-field-container .oj-clickable-icon-nocontext.oj-active.oj-menucheckbox-icon:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon) {
  color: var(--oj-private-text-field-button-icon-color-active);
  background-color: var(--oj-private-text-field-button-bg-color-active);
  border-color: var(--oj-private-text-field-button-border-color-active);
}

.oj-text-field-container .oj-component-icon.oj-clickable-icon-nocontext.oj-disabled:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor), .oj-text-field-container .oj-clickable-icon-nocontext.oj-disabled.oj-menucheckbox-icon:not(.oj-select-clear-entry-icon):not(.oj-combobox-clear-entry-icon):not(.oj-label-help-icon-anchor) {
  background-color: transparent;
  color: var(--oj-private-icon-color-disabled);
}

.oj-text-field-end .oj-component-icon.oj-clickable-icon-nocontext, .oj-text-field-end .oj-clickable-icon-nocontext.oj-menucheckbox-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: var(--oj-core-cursor-clickable);
}

.oj-text-field .oj-text-field-end .oj-component-icon.oj-clickable-icon-nocontext:focus, .oj-text-field .oj-text-field-end .oj-clickable-icon-nocontext.oj-menucheckbox-icon:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-text-field:not(.oj-focus-highlight) .oj-text-field-end .oj-component-icon.oj-clickable-icon-nocontext:focus, .oj-text-field:not(.oj-focus-highlight) .oj-text-field-end .oj-clickable-icon-nocontext.oj-menucheckbox-icon:focus {
  outline: none;
}

.oj-form-control input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px var(--oj-text-field-bg-color) inset;
  -webkit-text-fill-color: var(--oj-text-field-text-color);
}

.oj-user-assistance-inline-container.oj-has-messages > .oj-required-inline-container,
.oj-user-assistance-inline-container.oj-has-helphints > .oj-required-inline-container,
.oj-form-control .oj-user-assistance-inline-container.oj-has-messages .oj-helphints-inline-container {
  display: none;
}

.oj-user-assistance-inline-container {
  margin-top: 2px;
}

.oj-user-assistance-inline-container.oj-reflow:empty {
  margin-top: 0px;
}

.oj-form.oj-enabled .oj-user-assistance-inline-container.oj-efficient,
.oj-form-control:not(.oj-read-only):not(.oj-disabled) .oj-user-assistance-inline-container.oj-efficient {
  min-height: 1.333rem;
}

.oj-user-assistance-inline-container,
.oj-user-assistance-inline-container .oj-message-detail,
.oj-helphints-inline-container {
  color: var(--oj-user-assistance-inline-text-color);
  font-size: var(--oj-user-assistance-inline-font-size);
  font-weight: normal;
  line-height: 1.333;
}

.oj-user-assistance-inline-container {
  word-break: break-word;
}

html:not([dir="rtl"]) .oj-required-inline-container, html:not([dir="rtl"])
.oj-helphints-inline-container {
  padding-left: 2px;
}

html[dir="rtl"] .oj-required-inline-container, html[dir="rtl"]
.oj-helphints-inline-container {
  padding-right: 2px;
}

.oj-helphints-inline-container div {
  display: inline-block;
}

html:not([dir="rtl"]) .oj-helphints-inline-container div:nth-child(2) {
  margin-left: 0.25rem;
}

html[dir="rtl"] .oj-helphints-inline-container div:nth-child(2) {
  margin-right: 0.25rem;
}

.oj-helphints-anchor:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: -1px;
}

.oj-helphints-anchor:not(.oj-focus-highlight):focus {
  outline: none;
}

.oj-required-inline-container {
  text-align: right;
}

html[dir="rtl"] .oj-required-inline-container {
  text-align: left;
}

.oj-checkboxset:not(.oj-choice-direction-row) .oj-required-inline-container,
.oj-radioset:not(.oj-choice-direction-row) .oj-required-inline-container {
  text-align: left;
}

html[dir="rtl"] .oj-checkboxset:not(.oj-choice-direction-row) .oj-required-inline-container, html[dir="rtl"]
.oj-radioset:not(.oj-choice-direction-row) .oj-required-inline-container {
  text-align: right;
}

@keyframes animatePlaceholder {
  from {
    opacity: .001;
  }
  to {
    opacity: 1;
  }
}

.oj-text-field-label-inside.oj-has-no-value.oj-focus:not(.oj-read-only) .oj-text-field-input,
.oj-searchselect.oj-text-field-label-inside .oj-searchselect-filter.oj-has-no-value.oj-focus:not(.oj-read-only) .oj-text-field-input,
.oj-text-field-label-inside.oj-has-no-value.oj-focus:not(.oj-read-only) .oj-combobox-input,
.oj-text-field-label-inside.oj-has-no-value.oj-focus:not(.oj-read-only) .oj-select-default {
  animation-name: animatePlaceholder;
  animation-duration: var(--oj-animation-duration-xlong);
  animation-timing-function: var(--oj-animation-ease-in);
}

.oj-radiocheckbox-icon {
  padding-inline-end: var(--oj-radio-checkbox-input-to-label-padding);
  padding-inline-start: var(--oj-radio-checkbox-input-to-edge-padding);
}

.oj-radioset-input-start .oj-radiocheckbox-icon,
.oj-checkboxset-input-start .oj-radiocheckbox-icon {
  padding-inline-end: var(--oj-radio-checkbox-input-to-label-padding);
  padding-inline-start: var(--oj-radio-checkbox-input-to-edge-padding);
}

.oj-radioset-input-end .oj-radiocheckbox-icon,
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  padding-inline-end: var(--oj-radio-checkbox-input-to-edge-padding);
  padding-inline-start: var(--oj-radio-checkbox-input-to-label-padding);
}




oj-radioset:not(.oj-complete) {
  visibility: hidden;
}

oj-checkboxset:not(.oj-complete) {
  visibility: hidden;
}


.oj-choice-item {
  display: flex;
  align-items: flex-start;
  margin: 0;
  border-bottom: 1px solid var(--oj-radio-checkbox-item-divider-color);
}

.oj-choice-direction-row .oj-choice-item {
  display: inline-flex;
  align-items: flex-start;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid transparent;
}

.oj-choice-direction-column .oj-radio-label,
.oj-choice-direction-column .oj-checkbox-label {
  flex: 1 1 auto;
}

.oj-form .oj-checkboxset-single.oj-choice-direction-column .oj-checkbox-label {
  flex: 0 1 auto;
}

.oj-radioset,
.oj-checkboxset {
  display: inline-block;
  box-sizing: border-box;
  max-width: var(--oj-radio-checkbox-width);
  width: var(--oj-radio-checkbox-width);
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
  font-weight: normal;
}

.oj-radioset.oj-read-only,
.oj-checkboxset.oj-read-only {
  font-weight: var(--oj-form-control-font-weight-read-only);
}

.oj-radio-label,
.oj-checkbox-label {
  color: var(--oj-core-text-color-primary);
  display: inline-block;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.oj-radio-label.oj-disabled .oj-radiocheckbox-label-text,
.oj-checkbox-label.oj-disabled .oj-radiocheckbox-label-text {
  color: var(--oj-text-field-text-color-disabled);
}

.oj-radio,
.oj-checkbox {
  display: inline-block;
}

.oj-radioset-wrapper,
.oj-checkboxset-wrapper {
  box-sizing: border-box;
}

.oj-checkboxset-no-chrome .oj-checkboxset-wrapper,
.oj-radioset-no-chrome .oj-radioset-wrapper {
  background-color: inherit;
}

.oj-checkboxset-no-chrome .oj-checkboxset-wrapper,
.oj-radioset-no-chrome .oj-radioset-wrapper {
  border-width: 0;
}

.oj-choice-direction-row .oj-checkboxset-wrapper,
.oj-choice-direction-row .oj-radioset-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.oj-radioset .oj-choice-item.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-item.oj-active {
  background-color: var(--oj-radio-checkbox-item-bg-color-active);
}

.oj-radioset:not(.oj-read-only).oj-choice-direction-column .oj-choice-item,
.oj-checkboxset:not(.oj-read-only).oj-choice-direction-column .oj-choice-item {
  padding-left: 0;
  padding-right: 0;
}

.oj-checkboxset.oj-read-only.oj-choice-direction-row .oj-choice-item,
.oj-radioset.oj-read-only.oj-choice-direction-row .oj-choice-item {
  padding: 0;
}

.oj-checkboxset.oj-read-only .oj-choice-item,
.oj-radioset.oj-read-only .oj-choice-item {
  color: var(--oj-core-text-color-primary);
  border-bottom: 1px solid transparent;
}

.oj-checkboxset.oj-read-only .oj-checkboxset-wrapper:focus,
.oj-radioset.oj-read-only .oj-radioset-wrapper:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-choice-item {
  position: relative;
}

.oj-checkboxset:not(.oj-read-only) .oj-choice-item,
.oj-radioset:not(.oj-read-only) .oj-choice-item {
  min-height: var(--oj-radio-checkbox-row-height);
  box-sizing: border-box;
}

.oj-checkboxset:not(.oj-read-only) .oj-checkbox-label,
.oj-radioset:not(.oj-read-only) .oj-radio-label {
  padding-top: calc((var(--oj-radio-checkbox-row-height) - var(--oj-typography-body-md-line-height) * var(--oj-typography-body-md-font-size) - 1px) / 2);
  padding-bottom: calc((var(--oj-radio-checkbox-row-height) - var(--oj-typography-body-md-line-height) * var(--oj-typography-body-md-font-size) - 1px) / 2);
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-checkboxset-single.oj-choice-direction-column .oj-choice-item,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-checkboxset-single .oj-checkboxset-wrapper {
  margin-bottom: 0;
  height: 100%;
  min-height: 100%;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-checkboxset:not(.oj-read-only) .oj-choice-item,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-radioset:not(.oj-read-only) .oj-choice-item {
  min-height: 100%;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-radiocheckbox-icon {
  height: 100%;
}

.oj-radiocheckbox-label-text {
  display: inline-block;
  padding-inline-end: var(--oj-radio-checkbox-label-to-edge-padding);
}

.oj-checkboxset-input-end .oj-radiocheckbox-label-text,
.oj-radioset-input-end .oj-radiocheckbox-label-text {
  padding-inline-start: var(--oj-radio-checkbox-label-to-edge-padding);
}

.oj-checkboxset-input-start .oj-radiocheckbox-label-text {
  padding-inline-end: var(--oj-radio-checkbox-label-to-edge-padding);
}

.oj-radioset-input-end .oj-radiocheckbox-icon,
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  order: 1;
}

.oj-radioset-input-start .oj-radio-label,
.oj-checkboxset-input-start .oj-checkbox-label {
  order: 1;
}

.oj-radio,
.oj-checkbox {
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 0;
  height: 90%;
  z-index: 1;
  margin: 0;
}

html:not([dir="rtl"]) .oj-radio, html:not([dir="rtl"])
.oj-checkbox {
  left: 0;
}

html[dir="rtl"] .oj-radio, html[dir="rtl"]
.oj-checkbox {
  right: 0;
  left: auto;
}

html:not([dir="rtl"]) .oj-radioset-input-start .oj-radio, html:not([dir="rtl"])
.oj-checkboxset-input-start .oj-checkbox {
  left: 0;
}

html[dir="rtl"] .oj-radioset-input-start .oj-radio, html[dir="rtl"]
.oj-checkboxset-input-start .oj-checkbox {
  right: 0;
  left: auto;
}

html:not([dir="rtl"]) .oj-checkboxset-input-end .oj-checkbox {
  right: 0;
  left: auto;
}

html[dir="rtl"] .oj-checkboxset-input-end .oj-checkbox {
  left: 0;
}

.oj-choice-item.oj-focus-highlight .oj-radiocheckbox-icon::before {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-radio-label,
.oj-checkbox-label {
  text-align: start;
}

.oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-radio-label,
.oj-choice-direction-row .oj-choice-item:not(:last-child) > .oj-checkbox-label {
  margin-inline-end: 2rem;
}

.oj-choice-direction-row.oj-radioset-input-start .oj-choice-item:not(:last-child) > .oj-radio-label,
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:last-child) > .oj-checkbox-label {
  margin-inline-end: 2rem;
}

.oj-choice-direction-row.oj-radioset-input-end .oj-choice-item:not(:first-child) > .oj-radio-label,
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:first-child) > .oj-checkbox-label {
  margin-inline-start: 2rem;
}

.oj-choice-direction-column.oj-radioset-input-start .oj-choice-item .oj-radio-label,
.oj-choice-direction-column.oj-checkboxset-input-start .oj-choice-item .oj-checkbox-label {
  margin-inline-end: var(--oj-radio-checkbox-input-to-label-padding);
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-checkbox-label {
  text-align: inherit;
}

.oj-radio-label,
.oj-checkbox-label {
  height: 100%;
  order: 1;
}

.oj-form .oj-checkboxset-single .oj-radiocheckbox-label-text {
  flex: 0 1 auto;
}

.oj-radiocheckbox-icon {
  height: calc(var(--oj-radio-checkbox-row-height) - 1px);
  font-size: var(--oj-radio-checkbox-input-size);
  line-height: var(--oj-radio-checkbox-input-size);
  color: var(--oj-radio-checkbox-input-color-selected);
  box-sizing: border-box;
  background-repeat: no-repeat;
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-items: center;
  order: 0;
}

.oj-radioset .oj-radiocheckbox-icon {
  color: var(--oj-radio-checkbox-input-color-unselected);
}

.oj-radioset .oj-radiocheckbox-icon::before {
  transition: transform 0.3s var(--oj-animation-ease-in-out);
}

.oj-radioset .oj-selected .oj-radiocheckbox-icon {
  color: var(--oj-radio-checkbox-input-color-selected);
}

.oj-radioset-wrapper > .oj-active .oj-radiocheckbox-icon::before,
.oj-radioset-wrapper > .oj-selected.oj-active .oj-radiocheckbox-icon::before {
  transform: var(--oj-radio-checkbox-input-transform-active);
  transition: transform 0.1s var(--oj-animation-ease-in-out);
}

.oj-radioset .oj-disabled .oj-radiocheckbox-icon {
  color: var(--oj-core-text-color-disabled);
}

.oj-radioset .oj-disabled.oj-selected .oj-radiocheckbox-icon {
  color: var(--oj-core-text-color-disabled);
}

.oj-checkboxset .oj-radiocheckbox-icon {
  color: var(--oj-radio-checkbox-input-color-unselected);
}

.oj-checkboxset .oj-radiocheckbox-icon::before {
  transition: transform 0.1s var(--oj-animation-ease-in-out);
}

.oj-checkboxset .oj-selected .oj-radiocheckbox-icon {
  color: var(--oj-radio-checkbox-input-color-selected);
}

.oj-checkboxset .oj-selected .oj-radiocheckbox-icon::before {
  transition: transform 0.1s var(--oj-animation-ease-in-out);
}

.oj-checkboxset-wrapper > .oj-active .oj-radiocheckbox-icon::before {
  transform: var(--oj-radio-checkbox-input-transform-active);
  transition: transform 0.3s var(--oj-animation-ease-in-out);
}

.oj-checkboxset-wrapper > .oj-active.oj-selected .oj-radiocheckbox-icon::before {
  transform: var(--oj-radio-checkbox-input-transform-active);
  transition: transform 0.15s var(--oj-animation-ease-in-out);
}

.oj-checkboxset .oj-disabled .oj-radiocheckbox-icon {
  color: var(--oj-core-text-color-disabled);
}

.oj-checkboxset .oj-disabled.oj-selected .oj-radiocheckbox-icon {
  color: var(--oj-core-text-color-disabled);
}

.oj-radioset-input-start .oj-radio-label,
.oj-checkboxset-input-start .oj-checkbox-label,
.oj-radioset-input-end .oj-radiocheckbox-icon,
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  order: 1;
}

.oj-radioset-input-start .oj-radiocheckbox-icon,
.oj-checkboxset-input-start .oj-radiocheckbox-icon,
.oj-radioset-input-end .oj-radio-label,
.oj-checkboxset-input-end .oj-checkbox-label {
  order: 0;
}

.oj-choice-direction-row.oj-radioset-input-start .oj-choice-item:not(:first-child) > .oj-radio-label,
.oj-choice-direction-row.oj-checkboxset-input-start .oj-choice-item:not(:first-child) > .oj-checkbox-label {
  margin-inline-start: 0;
}

.oj-choice-direction-row.oj-radioset-input-end .oj-choice-item:not(:last-child) > .oj-radio-label,
.oj-choice-direction-row.oj-checkboxset-input-end .oj-choice-item:not(:last-child) > .oj-checkbox-label {
  margin-inline-end: 0;
}

.oj-radioset-option-defaults {
  font-family: '{"renderInputAs":"backgroundImage"}' !important;
}

.oj-checkboxset-option-defaults {
  font-family: '{"renderInputAs":"backgroundImage"}' !important;
}

.oj-private-scale-lg {
  --oj-collection-list-row-height:48px;
}

.oj-private-scale-lg {
  --oj-list-view-item-padding-horizontal:16px;
}

oj-list-view:not(.oj-complete) {
  visibility: hidden;
}


.oj-listview {
  display: block;
  position: relative;
  border-width: 1px 0;
  border-style: solid;
  box-sizing: border-box;
  border-color: var(--oj-collection-border-color);
  min-height: var(--oj-collection-list-row-height);
}


.oj-listview-no-text-selection {
  -webkit-user-select: none;
          user-select: none;
}


.oj-listview-element,
.oj-listview-group {
  padding: 0;
  margin: 0;
  list-style-type: none;
}


.oj-listview:focus,
.oj-listview-element:focus,
.oj-listview-expand-icon:focus,
.oj-listview-expanding-icon:focus,
.oj-listview-collapse-icon:focus,
.oj-listview-group-item:focus,
.oj-listview-item-element:focus,
.oj-listview-cell-element:focus,
.oj-listview-no-data-cell-element:focus {
  outline: none;
}


.oj-listview.gridline-top-hidden {
  border-top-width: 0;
}


.oj-listview.gridline-bottom-hidden {
  border-bottom-width: 0;
}


.oj-listview-container {
  overflow: auto;
}


.oj-listview-container-touch {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.oj-listview-element > .oj-listview-item-element:first-child .oj-listview-group-item {
  border-top: 0;
}


.oj-listview-element > .oj-listview-item:first-child,
.oj-listview:not(.oj-listview-card-layout) .oj-listview-group > .oj-listview-item:first-child,
.oj-listview-group > .oj-listview-item-element:first-child .oj-listview-group-item {
  background-size: 0;
}



.oj-listview-item {
  background-image: linear-gradient(var(--oj-core-divider-color), var(--oj-core-divider-color));
  background-position: 0 0;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  border-top: 1px solid transparent;
}


.oj-listview-gridlines-hidden .oj-listview-item {
  background-size: 0;
}


.oj-listview-item-add-remove-transition {
  overflow: hidden;
}


.oj-listview-item-element {
  line-height: normal;
}


.oj-listview-item.oj-hover,
.oj-listview-card.oj-hover,
.oj-listview-group-item.oj-hover,
.oj-listview-item-element.oj-expanded .oj-listview-group-item.oj-hover,
.oj-listview-item-element.oj-collapsed .oj-listview-group-item.oj-hover {
  background-color: var(--oj-core-bg-color-hover);
}

.oj-listview:not(.oj-listview-card-layout) .oj-listview-item.oj-hover,
.oj-listview:not(.oj-listview-card-layout) .oj-listview-item.oj-hover + li.oj-listview-item {
  background-size: 0;
}


.oj-listview.oj-focus-ancestor .oj-listview-item.oj-selected,
.oj-listview.oj-focus-ancestor .oj-listview-card.oj-selected,
.oj-listview.oj-focus-ancestor .oj-listview-group-item.oj-selected {
  background-color: var(--oj-core-bg-color-selected);
}


.oj-listview-item.oj-selected,
.oj-listview-card.oj-selected,
.oj-listview-group-item.oj-selected {
  background-color: var(--oj-core-bg-color-selected);
}

.oj-listview:not(.oj-listview-card-layout) .oj-listview-item.oj-selected,
.oj-listview:not(.oj-listview-card-layout) .oj-listview-item.oj-selected + li.oj-listview-item {
  border-top: 1px solid var(--oj-core-border-color-selected);
  background-size: 0;
}


ul[aria-multiselectable=false] .oj-listview-item.oj-selected:last-child {
  box-shadow: inset 0 -1px 0 0 var(--oj-core-border-color-selected);
}


ul[aria-multiselectable=false] .oj-listview-item.oj-selected + li.oj-listview-skeleton-container {
  box-shadow: 0 -1px 0 0 var(--oj-core-border-color-selected);
}


ul[aria-multiselectable=false] .oj-listview-item.oj-selected + .oj-listview-gridline-placeholder {
  background-image: linear-gradient(var(--oj-core-border-color-selected), var(--oj-core-border-color-selected));
}


.oj-listview-card.oj-focus-highlight,
.oj-listview-item.oj-focus-highlight,
.oj-listview-group-item.oj-focus-highlight,
.oj-listview-no-data-item.oj-focus-highlight {
  position: relative;
}

.oj-listview-card.oj-focus-highlight::after,
.oj-listview-item.oj-focus-highlight::after,
.oj-listview-group-item.oj-focus-highlight::after,
.oj-listview-no-data-item.oj-focus-highlight::after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  outline: dotted 1px var(--oj-core-focus-border-color);
}

html:not([dir="rtl"]) .oj-listview-card.oj-focus-highlight::after, html:not([dir="rtl"])
.oj-listview-item.oj-focus-highlight::after, html:not([dir="rtl"])
.oj-listview-group-item.oj-focus-highlight::after, html:not([dir="rtl"])
.oj-listview-no-data-item.oj-focus-highlight::after {
  left: 1px;
}

html[dir="rtl"] .oj-listview-card.oj-focus-highlight::after, html[dir="rtl"]
.oj-listview-item.oj-focus-highlight::after, html[dir="rtl"]
.oj-listview-group-item.oj-focus-highlight::after, html[dir="rtl"]
.oj-listview-no-data-item.oj-focus-highlight::after {
  right: 1px;
}


.oj-listview-expanding-icon.oj-focus-highlight::before,
.oj-listview-expand-icon.oj-focus-highlight::before,
.oj-listview-collapse-icon.oj-focus-highlight::before {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}


.oj-listview.oj-listview-gridlines-hidden oj-focus-ancestor:not(.oj-listview-card-layout) .oj-listview-item.oj-focus,
.oj-listview.oj-listview-gridlines-hidden oj-focus-ancestor:not(.oj-listview-card-layout) .oj-listview-item.oj-focus + li.oj-listview-item {
  background-size: 0;
}


.oj-listview.oj-focus-ancestor:not(.oj-listview-card-layout) .oj-listview-item.oj-selected,
.oj-listview.oj-focus-ancestor:not(.oj-listview-card-layout) .oj-listview-item.oj-selected + li.oj-listview-item {
  border-top: 1px solid var(--oj-core-border-color-selected);
  background-size: 0;
}


.oj-listview.oj-focus-ancestor:not(.oj-listview-card-layout) ul[aria-multiselectable="true"] .oj-listview-item.oj-selected,
.oj-listview.oj-focus-ancestor:not(.oj-listview-card-layout) ul[aria-multiselectable="true"] .oj-listview-item.oj-selected + li.oj-listview-item {
  border-top: 1px solid transparent;
}


.oj-listview:not(.oj-listview-card-layout) ul[aria-multiselectable="true"] .oj-listview-item.oj-selected,
.oj-listview:not(.oj-listview-card-layout) ul[aria-multiselectable="true"] .oj-listview-item.oj-selected + li.oj-listview-item {
  border-top: 1px solid transparent;
}


.oj-hicontrast .oj-listview-card.oj-selected,
.oj-hicontrast .oj-listview-item.oj-selected,
.oj-hicontrast .oj-listview-group-item.oj-selected {
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-color: initial;
}


.oj-hicontrast .oj-listview-card.oj-focus-highlight,
.oj-hicontrast .oj-listview-item.oj-focus-highlight,
.oj-hicontrast .oj-listview-group-item.oj-focus-highlight {
  outline-width: 2px;
  outline-style: dotted;
  border-width: 0 1px 1px 0;
  border-style: dotted;
}


.oj-listview-group-item {
  display: flex;
  align-items: center;
  min-height: var(--oj-collection-list-row-height);
  font-size: var(--oj-list-view-group-header-font-size);
  font-weight: var(--oj-list-view-group-header-font-weight);
  line-height: var(--oj-list-view-group-header-line-height);
  color: var(--oj-heading-text-color);
  padding: var(--oj-collection-list-cell-padding-vertical) var(--oj-list-view-item-padding-horizontal);
  background-color: var(--oj-list-view-group-header-bg-color);
  box-sizing: border-box;
  background-image: linear-gradient(var(--oj-core-divider-color), var(--oj-core-divider-color));
  background-position: 0 0;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  border: 0 solid var(--oj-core-divider-color);
}


.oj-group-header-sm .oj-listview-group-item {
  font-size: var(--oj-typography-body-sm-font-size);
  color: var(--oj-core-text-color-primary);
}


.oj-group-header-lg .oj-listview-group-item {
  font-size: var(--oj-typography-heading-xs-font-size);
}

.oj-listview-item-element.oj-expanded .oj-listview-group-item,
.oj-listview-item-element.oj-collapsed .oj-listview-group-item {
  padding: 0;
}


.oj-listview-group-item.oj-empty {
  border-width: 0 0 1px;
}


.oj-listview:not(.oj-listview-gridlines-hidden) .oj-listview-item-element.oj-expanded .oj-listview-group-item,
.oj-listview:not(.oj-listview-gridlines-hidden) .oj-listview-item-element.oj-collapsed .oj-listview-group-item {
  border-width: 1px 0 1px;
}


.oj-listview:not(.oj-listview-gridlines-hidden) .oj-listview-item-element.oj-collapsed + .oj-listview-item-element .oj-listview-group-item {
  border-top-color: transparent;
}


.oj-listview-group-item .oj-focus,
.oj-listview-group-item .oj-selected {
  background-color: transparent;
  background-image: none;
}


.oj-listview-group-item.oj-sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}


.oj-listview-group-item.oj-pinned {
  position: absolute;
  z-index: 1;
}


.oj-listview-group-item.oj-stuck {
  background-color: var(--oj-list-view-group-header-bg-color-sticky);
  box-shadow: var(--oj-core-box-shadow-xs);
  background-size: 0;
}


.oj-listview:not(.oj-listview-gridlines-hidden) .oj-listview-group-item.oj-stuck {
  border-width: 0;
}


.oj-listview-collapsible-transition {
  overflow: hidden;
}


.oj-listview-status-message {
  position: absolute;
  padding: var(--oj-collection-list-cell-padding-vertical) var(--oj-list-view-item-padding-horizontal);
  display: none;
}


.oj-listview-no-data-container {
  width: 100%;
  height: 100%;
}


.oj-listview-no-data-message {
  padding: var(--oj-collection-list-cell-padding-vertical) var(--oj-list-view-item-padding-horizontal);
  background-color: var(--oj-collection-bg-color);
  min-height: var(--oj-typography-body-md-font-size);
}


.oj-listview-expand-icon,
.oj-listview-collapse-icon {
  width: var(--oj-button-height);
  height: var(--oj-button-height);
  border-radius: var(--oj-button-border-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.375rem;
  text-decoration: none;
}


.oj-listview-card {
  margin-top: var(--oj-panel-gutter);
  margin-inline-end: var(--oj-panel-gutter);
}


.oj-listview-card-group {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}


.oj-listview.oj-listview-full-width > .oj-listview-element > li > .oj-listview-card-group,
.oj-listview.oj-full-width > .oj-listview-element > li > .oj-listview-card-group {
  padding-inline-start: var(--oj-panel-gutter);
  padding-inline-end: 0;
}


.oj-listview-card-layout .oj-listview-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: var(--oj-panel-gutter);
}


.oj-listview-card-layout li.oj-listview-item {
  width: 240px;
  height: auto;
  border: 1px solid var(--oj-panel-border-color);
  border-radius: var(--oj-panel-border-radius);
  margin-top: var(--oj-panel-gutter);
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: var(--oj-panel-gutter);
  background-size: 0;
  box-sizing: border-box;
  padding: var(--oj-collection-list-cell-padding-vertical) var(--oj-list-view-item-padding-horizontal);
}



.oj-listview.oj-listview-full-width.oj-listview-card-layout > .oj-listview-element > li > .oj-listview-group,
.oj-listview.oj-full-width.oj-listview-card-layout > .oj-listview-element > li > .oj-listview-group,
.oj-listview.oj-listview-full-width > .oj-listview-card-layout > li > .oj-listview-group,
.oj-listview.oj-full-width > .oj-listview-card-layout > li > .oj-listview-group {
  margin-inline-start: var(--oj-panel-gutter);
  margin-inline-end: 0;
}



.oj-listview.oj-listview-full-width > .oj-listview-element > li > .oj-listview-group-item,
.oj-listview.oj-full-width > .oj-listview-element > li > .oj-listview-group-item {
  border-left-style: none;
  border-right-style: none;
}


.oj-listview-drill-icon {
  display: flex;
  align-items: center;
  width: var(--oj-core-icon-size-lg);
  height: var(--oj-core-icon-size-lg);
  color: var(--oj-private-icon-color-default);
}


.oj-listview.oj-focus-ancestor .oj-listview-item.oj-focus .oj-listview-drill-icon {
  color: var(--oj-private-icon-color-active);
}


.oj-listview-item.oj-hover .oj-listview-drill-icon {
  color: var(--oj-private-icon-color-hover);
}


.oj-listview-card-layout li.oj-listview-loading-icon-container {
  width: 100%;
  border-style: none;
}


.oj-listview-drag-handle {
  cursor: grab;
  min-width: var(--oj-core-touch-target-min-size);
  min-height: var(--oj-core-touch-target-min-size);
}


.oj-listview-drag-handle:active {
  cursor: grabbing;
  outline: none;
}


.oj-listview-card .oj-listview-drag-handle,
.oj-listview-card-layout .oj-listview-drag-handle {
  background-image: none;
  width: auto;
  height: auto;
  font-size: var(--oj-typography-body-md-font-size);
}


.oj-listview-drag-handle:before {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--oj-core-touch-target-min-size);
}


.oj-listview-drag-image {
  background-color: transparent;
  position: absolute;
  top: -10000px;
  border: 1px solid transparent;
}


.oj-listview-item-drag-image {
  background-color: var(--oj-collection-bg-color);
  opacity: 0.95;
}


.oj-listview-drag-item {
  display: none;
}


.oj-listview-item.oj-draggable {
  cursor: grab;
}


.oj-listview-item.oj-drag {
  box-shadow: var(--oj-core-box-shadow-lg);
  border-top: 1px solid var(--oj-core-divider-color);
  border-bottom: 1px solid var(--oj-core-divider-color);
  border-radius: var(--oj-core-border-radius-lg);
}


.oj-listview-item.oj-drop {
  background-color: transparent;
}


.oj-listview-group-item.oj-drop,
.oj-listview-empty-text.oj-drop {
  background-color: var(--oj-core-drag-drop-color-1);
}


.oj-listview-drag-source {
  opacity: 0.3;
}


.oj-listview-drop-target {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: var(--oj-core-drag-drop-line-color);
}


.oj-listview-first-drop-target {
  position: absolute;
  width: 100%;
  height: 10px;
  background-color: transparent;
}


.oj-listview-cut {
  opacity: 0.8;
}


.oj-listview-gridline-placeholder {
  background-image: linear-gradient(var(--oj-core-divider-color), var(--oj-core-divider-color));
  background-position: 0;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  height: 1px;
}


.oj-listview-item-layout {
  display: flex;
  align-items: center;
  min-height: var(--oj-collection-list-row-height);
  box-sizing: border-box;
  padding: var(--oj-collection-list-cell-padding-vertical) var(--oj-list-view-item-padding-horizontal);
}


.oj-listview-item-layout > .oj-listview-cell-element {
  flex-grow: 1;
}


.oj-listview-item-padding-off .oj-listview-item-element.oj-listview-item-layout {
  padding: 0;
}


.oj-listview-group-item .oj-listview-cell-element {
  display: flex;
  align-items: center;
  flex-grow: 1;
}


.oj-listview-skeleton-line-height {
  height: var(--oj-typography-body-md-font-size);
}


.oj-listview-child-skeleton {
  padding-inline-start: var(--oj-core-spacing-5x);
  padding-inline-end: 0;
}


.oj-listview-skeleton-card-group {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}


.oj-listview-skeleton-card {
  width: 330px;
  height: 396px;
  border: 1px solid var(--oj-panel-border-color);
  border-radius: var(--oj-panel-border-radius);
  margin-top: var(--oj-panel-gutter);
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: var(--oj-panel-gutter);
  box-sizing: border-box;
  padding: var(--oj-core-spacing-4x);
  background-color: var(--oj-core-bg-color-content);
}


.oj-listview-skeleton-card-content {
  width: 100%;
  height: 100%;
  margin: 0;
}


.oj-listview-sparkles {
  position: absolute;
  top: 0px;
  width: 4px;
  z-index: 1;
}


.oj-listview-gridlines-hidden .oj-listview-last-suggestion {
  border-bottom: 1px solid var(--oj-core-divider-color);
}

.oj-listview-card-group,
.oj-listview-card-layout .oj-listview-group {
  padding-top: 0;
  padding-bottom: var(--oj-panel-gutter);
  padding-inline-start: var(--oj-core-gutter-start, 0);
  padding-inline-end: var(--oj-core-gutter-end, 0);
}

.oj-listview-no-data-card {
  padding-inline-start: var(--oj-core-gutter-start, 0);
  padding-inline-end: var(--oj-core-gutter-end, 0);
}




.oj-listview-drag-handle {
  background-image: none;
}



.oj-listview-sparkles {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/AI-Sparkle.gif");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

:root {
  --oj-color-palette-swatch-inner-border-color:          rgb(var(--oj-palette-neutral-rgb-170));
  --oj-color-palette-swatch-outer-border-color-selected: rgb(var(--oj-palette-neutral-rgb-190));
  --oj-color-palette-border-radius:                      50%;
  --oj-color-palette-swatch-margin:                      1px;
  --oj-color-palette-grid-font-size:                     var(--oj-typography-body-xs-font-size);
}



oj-color-palette:not(.oj-complete) {
  visibility: hidden;
}

.oj-colorpalette {
  display: inline-block;
}

.oj-colorpalette-container {
  height: inherit;
  
}

.oj-colorpalette-swatch-entry {
  display: inline-block;
  line-height: 0;
}

.oj-colorpalette-list .oj-colorpalette-swatch-entry {
  display: flex;
  align-items: center;
  padding: 2px .5rem;
}

.oj-colorpalette-list .oj-colorpalette-swatch,
.oj-colorpalette-list .oj-colorpalette-swatch-text {
  flex-shrink: 0;
}


.oj-colorpalette-swatch-container,
.oj-colorpalette-swatch {
  vertical-align: middle;
  display: inline-block;
  border-style: solid;
  box-sizing: content-box;
}

.oj-colorpalette-swatch-container {
  border-width: 3px;
  border-color: transparent;
  
  line-height: 0;
  border-radius: var(--oj-color-palette-border-radius);
}

.oj-colorpalette-swatch {
  border-width: 1px;
  border-color: var(--oj-color-palette-swatch-inner-border-color);
  background-clip: padding-box;
  -webkit-print-color-adjust: exact;
  border-radius: var(--oj-color-palette-border-radius);
}

.oj-colorpalette-listview-full {
  width: 100%;
  height: 100%;
}

.oj-colorpalette-swatch-none-icon {
  
  background-color: #ffffff;
  display: inline-block;
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/none.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  -webkit-print-color-adjust: exact;
  border-radius: var(--oj-color-palette-border-radius);
}

.oj-colorpalette-grid .oj-colorpalette-swatchsize-lg .oj-colorpalette-swatch,
.oj-colorpalette-grid .oj-colorpalette-swatchsize-lg.oj-colorpalette-swatch-showlabel .oj-colorpalette-swatch {
  width: 4.75rem;
  height: 4.75rem;
}

.oj-colorpalette-grid .oj-colorpalette-swatchsize-sm .oj-colorpalette-swatch {
  width: 2.125rem;
  height: 2.125rem;
}

.oj-colorpalette-grid .oj-colorpalette-swatchsize-xs .oj-colorpalette-swatch {
  width: 1.25rem;
  height: 1.25rem;
}

.oj-colorpalette-list .oj-colorpalette-swatchsize-sm .oj-colorpalette-swatch-container {
  border-radius: var(--oj-color-palette-border-radius);
}

.oj-colorpalette-list .oj-colorpalette-swatchsize-sm .oj-colorpalette-swatch {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--oj-color-palette-border-radius);
  border-color: var(--oj-color-palette-swatch-inner-border-color);
}

.oj-colorpalette-list .oj-colorpalette-swatchsize-lg .oj-colorpalette-swatch {
  width: 17.125rem;
  height: 1.375rem;
}


.oj-listview-item.oj-hover .oj-colorpalette-swatch-container {
  border-color: transparent;
}


.oj-colorpalette-grid .oj-selected .oj-colorpalette-swatch-container,
.oj-colorpalette-grid .oj-listview-item.oj-hover.oj-selected .oj-colorpalette-swatch-container {
  border-color: var(--oj-color-palette-swatch-outer-border-color-selected);
  border-width: 2px;
}

.oj-colorpalette-grid .oj-selected .oj-colorpalette-swatch,
.oj-colorpalette-grid .oj-listview-item.oj-hover.oj-selected .oj-colorpalette-swatch {
  border-color: white;
  border-width: 2px;
}


.oj-listview.oj-disabled .oj-colorpalette-swatch-container,
.oj-listview.oj-disabled .oj-colorpalette-swatch,
.oj-listview.oj-disabled .oj-selected .oj-colorpalette-swatch-container,
.oj-listview.oj-disabled .oj-selected .oj-colorpalette-swatch,
.oj-listview.oj-disabled .oj-listview-item.oj-hover .oj-colorpalette-swatch-container,
.oj-listview.oj-disabled .oj-listview-item.oj-hover .oj-colorpalette-swatch,
.oj-listview.oj-disabled .oj-colorpalette-swatch-none .oj-colorpalette-swatch-none-icon {
  border-color: transparent;
}

.oj-listview.oj-disabled .oj-colorpalette-swatch-none .oj-colorpalette-swatch-none-icon {
  background-color: transparent;
  background-image: none;
}

.oj-colorpalette-swatch-text {
  display: block;
  text-align: center;
  color: var(--oj-core-text-color-primary);
  width: inherit;
  max-width: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oj-colorpalette-grid .oj-colorpalette-swatch-text {
  font-size: var(--oj-color-palette-grid-font-size);
  line-height: var(--oj-typography-body-xs-line-height);
}

.oj-colorpalette-list .oj-colorpalette-swatch-text {
  display: inline-block;
  line-height: var(--oj-typography-body-xs-line-height);
  font-size: var(--oj-color-palette-grid-font-size);
  margin-inline-start: 15px;
  max-width: 155px;
  vertical-align: middle;
}


.oj-colorpalette-grid .oj-colorpalette-swatchsize-lg .oj-colorpalette-swatch-text {
  width: 4.75rem;
  
  padding-left: 3px;
  padding-right: 3px;
}


.oj-listview.oj-disabled .oj-colorpalette-swatch,
.oj-listview.oj-disabled .oj-colorpalette-swatch-text {
  color: var(--oj-core-text-color-disabled);
  cursor: default;
}

.oj-colorpalette-container .oj-listview-item {
  background-size: 0;
  
  background-image: none;
  padding: 0;
  border-width: 1px;
  cursor: pointer;
  min-height: auto;
}

.oj-colorpalette-grid li.oj-listview-item {
  width: auto;
  height: auto;
  padding: 0;
  border-width: 0;
  border-color: transparent;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0;
}

html:not([dir="rtl"]) .oj-colorpalette-grid li.oj-listview-item {
  margin: var(--oj-color-palette-swatch-margin);
}

html[dir="rtl"] .oj-colorpalette-grid li.oj-listview-item {
  margin: var(--oj-color-palette-swatch-margin);
}

.oj-colorpalette-container .oj-listview:not(.oj-listview-card-layout) .oj-colorpalette-grid .oj-listview-item.oj-selected,
.oj-colorpalette-container .oj-listview:not(.oj-listview-card-layout) .oj-colorpalette-grid .oj-listview-item.oj-selected + li.oj-listview-item {
  border-width: 0;
}

.oj-colorpalette-container .oj-listview-card-layout .oj-listview-group {
  margin-bottom: 0;
}

.oj-colorpalette-container .oj-listview-item.oj-focus-highlight::after {
  height: calc(100% - 2px);
}


.oj-colorpalette-container .oj-colorpalette-grid .oj-listview.oj-focus-ancestor .oj-listview-item.oj-selected,
.oj-colorpalette-container .oj-colorpalette-grid .oj-listview-item.oj-selected {
  background-color: transparent;
  border-width: 0;
  outline-style: none;
}


.oj-colorpalette-container .oj-listview {
  border-style: none;
}


.oj-colorpalette-container .oj-listview-item.oj-selected {
  border-color: transparent;
}

.oj-colorpalette-list .oj-colorpalette-swatchsize-lg .oj-colorpalette-swatch-none-icon,
.oj-listview-cell-element .oj-colorpalette-swatch-container,
.oj-listview-cell-element .oj-colorpalette-swatch {
  border-radius: 0;
}

:root {
  --oj-slider-thumb-width:                 1.25rem;
  --oj-slider-thumb-height:                1.25rem;
  --oj-slider-thumb-border-radius:         var(--oj-core-border-radius-lg);
  --oj-slider-thumb-border-width:          2px;
  --oj-slider-thumb-bg-color:              rgb(var(--oj-palette-neutral-rgb-10));
  --oj-slider-thumb-border-color:          rgb(var(--oj-palette-neutral-rgb-190));
  --oj-slider-thumb-box-shadow:            none;
  --oj-slider-thumb-bg-color-hover:        var(--oj-core-bg-color-hover);
  --oj-slider-thumb-box-shadow-hover:      none;
  --oj-slider-thumb-bg-color-active:       var(--oj-core-bg-color-active);
  --oj-slider-thumb-border-color-active:   rgb(var(--oj-palette-neutral-rgb-190));
  --oj-slider-thumb-box-shadow-active:     none;
  --oj-slider-thumb-scale-active:          1;
  --oj-slider-thumb-bg-color-disabled:     rgb(var(--oj-palette-neutral-rgb-0));
  --oj-slider-thumb-border-color-disabled: var(--oj-core-text-color-disabled);
  --oj-slider-track-thickness:             2px;
  --oj-slider-track-bg-color:              rgba(var(--oj-palette-neutral-rgb-170), 0.15);
  --oj-slider-value-bg-color:              rgb(var(--oj-palette-neutral-rgb-180));
  --oj-slider-track-bg-color-disabled:     var(--oj-core-color-disabled-2);
  --oj-slider-value-bg-color-disabled:     var(--oj-core-text-color-disabled);
}

oj-slider:not(.oj-complete) {
  visibility: hidden;
}

.oj-slider {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}

html:not([dir="rtl"]) .oj-slider {
  text-align: left;
}

html[dir="rtl"] .oj-slider {
  text-align: right;
}

.oj-slider.oj-slider-horizontal {
  
  max-width: 100%;
  width: 100%;
}

.oj-form-control-full-width.oj-slider.oj-slider-horizontal,
.oj-form-control-full-width .oj-slider.oj-slider-horizontal {
  max-width: 100%;
}

.oj-slider.oj-slider-horizontal .oj-slider-container {
  
  margin: 0 calc(var(--oj-slider-thumb-width) / 2);
}

.oj-slider-vertical > .oj-slider-container {
  margin: calc(var(--oj-slider-thumb-width) / 2) 0;
}

.oj-slider-horizontal.oj-form-control .oj-slider-container {
  height: var(--oj-core-touch-target-min-size);
}

.oj-slider-vertical.oj-form-control .oj-slider-container {
  height: 150px;
  min-height: calc(var(--oj-slider-thumb-width) * 2);
  width: var(--oj-core-touch-target-min-size);
}

.oj-slider-container {
  position: relative;
}

.oj-slider-thumb {
  position: absolute;
  box-sizing: border-box;
  touch-action: none;
  background-color: var(--oj-slider-thumb-bg-color);
  border-radius: var(--oj-slider-thumb-border-radius);
  border: var(--oj-slider-thumb-border-width) solid var(--oj-slider-thumb-border-color);
  box-shadow: var(--oj-slider-thumb-box-shadow);
}

.oj-disabled .oj-slider-thumb {
  background-color: var(--oj-slider-thumb-bg-color-disabled);
  border-color: var(--oj-slider-thumb-border-color-disabled);
}

.oj-slider-range {
  position: absolute;
  border: 0;
  background-position: 0 0;
}

.oj-slider-bar {
  border-radius: var(--oj-slider-track-thickness);
  background-color: var(--oj-slider-track-bg-color);
  box-sizing: border-box;
  position: absolute;
}

.oj-slider-vertical .oj-slider-bar,
.oj-slider-vertical .oj-slider-bar-value {
  width: var(--oj-slider-track-thickness);
}

.oj-slider-vertical .oj-slider-bar {
  height: 100%;
}

.oj-slider-horizontal .oj-slider-bar {
  width: 100%;
}

.oj-slider-horizontal .oj-slider-bar,
.oj-slider-horizontal .oj-slider-bar-value {
  height: var(--oj-slider-track-thickness);
  margin-top: calc(var(--oj-slider-track-thickness) / -2);
  top: 50%;
}

.oj-slider-vertical .oj-slider-bar,
.oj-slider-vertical .oj-slider-bar-value {
  width: var(--oj-slider-track-thickness);
  margin-left: calc(var(--oj-slider-track-thickness) / -2);
  left: 50%;
}

.oj-slider-bar:after {
  content: "";
  position: absolute;
  top: calc(-18px + var(--oj-slider-track-thickness) / 2);
  bottom: calc(-18px + var(--oj-slider-track-thickness) / 2);
  left: calc(-18px + var(--oj-slider-track-thickness) / 2);
  right: calc(-18px + var(--oj-slider-track-thickness) / 2);
}

.oj-slider-bar-value {
  border-radius: var(--oj-slider-track-thickness);
  background: var(--oj-slider-value-bg-color);
}

.oj-hicontrast .oj-slider-bar,
.oj-hicontrast .oj-slider-bar-value {
  border: 1px solid;
}

.oj-hicontrast .oj-slider-horizontal .oj-slider-bar-value {
  margin-top: calc(var(--oj-slider-track-thickness) / -2 + -1px);
}

.oj-hicontrast .oj-slider-vertical .oj-slider-bar-value {
  margin-left: calc(var(--oj-slider-track-thickness) / -2 + -1px);
}

.oj-disabled .oj-slider-bar {
  background: var(--oj-slider-track-bg-color-disabled);
}

.oj-disabled .oj-slider-bar-value {
  background: var(--oj-slider-value-bg-color-disabled);
}

.oj-hicontrast .oj-disabled .oj-slider-bar,
.oj-hicontrast .oj-disabled .oj-slider-bar-value {
  border-style: dotted;
}

.oj-slider-horizontal .oj-slider-thumb {
  top: 50%;
  width: var(--oj-slider-thumb-width);
  height: var(--oj-slider-thumb-height);
  margin-top: calc(var(--oj-slider-thumb-height) / -2);
  margin-left: calc(var(--oj-slider-thumb-width) / -2);
  transition: transform 0.1s linear, box-shadow linear 0.1s;
}

html:not([dir="rtl"]) .oj-slider-horizontal .oj-slider-range-min {
  left: 0;
}

html[dir="rtl"] .oj-slider-horizontal .oj-slider-range-min {
  right: 0;
}

html:not([dir="rtl"]) .oj-slider-horizontal .oj-slider-range-max {
  right: 0;
}

html[dir="rtl"] .oj-slider-horizontal .oj-slider-range-max {
  left: 0;
}

.oj-slider-vertical .oj-slider-thumb {
  width: var(--oj-slider-thumb-height);
  height: var(--oj-slider-thumb-width);
  transition: box-shadow linear 0.1s;
  margin-bottom: calc(var(--oj-slider-thumb-width) / -2);
  margin-top: calc(var(--oj-slider-thumb-width) / -2);
}

html:not([dir="rtl"]) .oj-slider-vertical .oj-slider-thumb {
  margin-left: calc(var(--oj-slider-thumb-height) / -2);
  left: 50%;
}

html[dir="rtl"] .oj-slider-vertical .oj-slider-thumb {
  margin-right: calc(var(--oj-slider-thumb-height) / -2);
  right: 50%;
}

.oj-slider-vertical .oj-slider-range-min {
  bottom: 0;
}

.oj-slider-vertical .oj-slider-range-max {
  top: 0;
}

.oj-hicontrast .oj-slider-thumb.oj-focus {
  border: 3px solid;
}

.oj-hicontrast .oj-slider-thumb.oj-selected {
  border: 3px double;
}

.oj-hicontrast .oj-disabled .oj-slider-thumb {
  border: 1px dotted;
}

.oj-slider:not(.oj-disabled):not(.oj-slider-color-picker) .oj-slider-thumb:hover {
  background-image: linear-gradient(var(--oj-slider-thumb-bg-color-hover), var(--oj-slider-thumb-bg-color-hover));
  box-shadow: var(--oj-slider-thumb-box-shadow-hover);
  cursor: var(--oj-core-cursor-clickable);
}

.oj-slider:not(.oj-disabled):not(.oj-slider-color-picker) .oj-slider-thumb.oj-active {
  background-image: linear-gradient(var(--oj-slider-thumb-bg-color-active), var(--oj-slider-thumb-bg-color-active));
  border-color: var(--oj-slider-thumb-border-color-active);
  box-shadow: var(--oj-slider-thumb-box-shadow-active);
  cursor: var(--oj-core-cursor-clickable);
  transform: scale(var(--oj-slider-thumb-scale-active));
}

.oj-slider-horizontal .oj-slider-thumb:after {
  content: "";
  position: absolute;
  top: calc((-28px - var(--oj-slider-thumb-height)) / -2);
  bottom: calc((-28px - var(--oj-slider-thumb-height)) / -2);
  left: calc((-28px - var(--oj-slider-thumb-width)) / -2);
  right: calc((-28px - var(--oj-slider-thumb-width)) / -2);
}

.oj-slider-vertical .oj-slider-thumb:after {
  content: "";
  position: absolute;
  top: calc((-28px - var(--oj-slider-thumb-width)) / -2);
  bottom: calc((-28px - var(--oj-slider-thumb-width)) / -2);
  left: calc((-28px - var(--oj-slider-thumb-height)) / -2);
  right: calc((-28px - var(--oj-slider-thumb-height)) / -2);
}

.oj-slider-thumb:not(.oj-focus-highlight):focus {
  outline: none;
}

.oj-slider-thumb:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-slider-color-picker.oj-slider-vertical > .oj-slider-container {
  margin: 0.75rem 0;
}

.oj-slider.oj-slider-horizontal .oj-slider-container {
  margin: 0 0.75rem;
}

.oj-slider-color-picker.oj-slider-vertical.oj-form-control .oj-slider-container {
  min-height: 2rem;
}

.oj-slider-color-picker .oj-slider-thumb,
.oj-warning .oj-slider-color-picker .oj-slider-thumb,
.oj-invalid .oj-slider-color-picker .oj-slider-thumb {
  background-color: transparent;
  border-radius: 1.0625rem;
  border: 2px solid #ffffff;
  box-shadow: 1px 1px 5px 0 rgba(var(--oj-core-box-shadow-rgb), 0.4);
}

.oj-disabled .oj-slider-color-picker .oj-slider-thumb {
  border: 2px solid var(--oj-slider-thumb-border-color-disabled);
}

.oj-slider-color-picker .oj-slider-bar {
  border-radius: 1rem;
}

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-bar,
.oj-slider-color-picker.oj-slider-horizontal .oj-slider-bar-value {
  height: 1rem;
  margin-top: -0.5rem;
}

.oj-slider-color-picker.oj-slider-vertical .oj-slider-bar,
.oj-slider-color-picker.oj-slider-vertical .oj-slider-bar-value {
  width: 1rem;
  margin-left: -0.5rem;
}

.oj-slider-color-picker .oj-slider-bar:after {
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
}

.oj-slider-color-picker .oj-slider-bar-value {
  border-radius: 1rem;
}

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
}

.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-bottom: -0.5rem;
  margin-top: -0.5rem;
}

html:not([dir="rtl"]) .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
  margin-left: -0.5rem;
}

html[dir="rtl"] .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
  margin-right: -0.5rem;
}

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb:after {
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
}

.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb:after {
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
}

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb,
.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
  transition: transform 0.1s linear;
}

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb.oj-active,
.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb.oj-active {
  transform: scale(1.5);
}

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb.oj-active {
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}

html:not([dir="rtl"]) .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-left: -0.5rem;
}

html[dir="rtl"] .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-right: -0.5rem;
}

.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb.oj-active {
  margin-bottom: -0.5rem;
  margin-top: -0.5rem;
}

.oj-slider-color-picker .oj-slider-bar-value {
  display: none;
}

:root {
  --oj-color-spectrum-border-color:                rgb(var(--oj-palette-neutral-rgb-50));
}



oj-color-spectrum:not(.oj-complete) {
  visibility: hidden;
}

.oj-colorspectrum {
  display: inline-block;
  position: relative;
}


.oj-colorspectrum-spectrum {
  width: 13.75rem;
  height: 13.75rem;
  border-color: var(--oj-color-spectrum-border-color);
  margin: 0.75rem 0.75rem 0;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}

.oj-colorspectrum-container {
  white-space: nowrap;
}

.oj-colorspectrum-container > .oj-slider-vertical {
  display: inline-block;
  vertical-align: top;
}


.oj-colorspectrum-container > .oj-slider-horizontal {
  display: block;
}


.oj-colorspectrum-container > .oj-slider-horizontal > .oj-slider-container {
  width: 13.75rem;
}


.oj-colorspectrum-container > .oj-slider-vertical > .oj-slider-container {
  height: 13.75rem;
}


html .oj-colorspectrum-container .oj-form-control {
  margin-bottom: 0;
}


.oj-colorspectrum-thumb {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border-width: 2px;
  border-color: #ffffff;
  box-shadow: 1px 1px 5px 0 rgba(var(--oj-core-box-shadow-rgb), 0.4);
  border-style: solid;
  background-color: transparent;
  cursor: pointer;
  box-sizing: border-box;
  position: absolute;
}

.oj-colorspectrum-thumb:not(.oj-focus-highlight):focus {
  outline: none;
}

.oj-colorspectrum.oj-disabled .oj-colorspectrum-thumb {
  border-color: var(--oj-slider-thumb-border-color-disabled);
}

.oj-colorspectrum-alpha-bg {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/spectrum-opacity-slider-bg.png");
  position: absolute;
  height: 0;
  width: 0;
  display: none;
}




oj-highlight-text:not(.oj-complete) {
  visibility: hidden;
}

.oj-highlighttext {
  display: inline;
}


.oj-highlighttext-highlighter, .oj-listbox-highlighter {
  font-weight: bold;
}





.oj-listbox-drop-layer {
  z-index: var(--oj-core-z-index-popup);
}

.oj-listbox-drop {
  box-sizing: border-box;
  top: 100%;
  background: var(--oj-popup-bg-color);
  border: 1px solid var(--oj-popup-border-color);
  border-radius: var(--oj-core-border-radius-md);
  box-shadow: var(--oj-core-dropdown-box-shadow);
}

.oj-listbox-drop.oj-listbox-searchselect,
.oj-listbox-drop.oj-listbox-inputsearch {
  display: flex;
  flex-direction: column;
}

.oj-listbox-drop.oj-listbox-fullscreen {
  position: fixed;
}

.oj-listbox-searchselect-no-results:not(.oj-listbox-fullscreen) {
  border: none;
}


.oj-listbox-drop-above {
  margin-top: -1px;
}


.oj-listbox-placeholder {
  color: var(--oj-text-field-placeholder-color);
}


.oj-listbox-results-base, .oj-listbox-results, .oj-select-results {
  padding: 0;
  margin: 1px 0 2px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  max-height: 400px;
}


.oj-listbox-results {
  padding-top: .5rem;
  padding-bottom: .5rem;
  box-sizing: border-box;
}

.oj-listbox-results.oj-loading {
  display: none;
}


.oj-listbox-result-sub {
  margin: 0;
  padding: 0;
}


.oj-listbox-result-label {
  margin: 0;
  word-break: break-word;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}

.oj-listbox-results .oj-listbox-result-label {
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-grow: 1;
  line-height: calc(var(--oj-collection-list-row-height) - 2 * var(--oj-collection-list-cell-padding-vertical));
}


.oj-listbox-skeleton-line-height {
  height: var(--oj-typography-body-md-font-size);
}


html:not([dir="rtl"]) .oj-listbox-results-depth-1 > .oj-listbox-result-label {
  padding-left: calc(1rem + var(--oj-listbox-item-padding-horizontal));
}

html[dir="rtl"] .oj-listbox-results-depth-1 > .oj-listbox-result-label {
  padding-right: calc(1rem + var(--oj-listbox-item-padding-horizontal));
}

html:not([dir="rtl"]) .oj-listbox-results-depth-2 > .oj-listbox-result-label {
  padding-left: calc(2rem + var(--oj-listbox-item-padding-horizontal));
}

html[dir="rtl"] .oj-listbox-results-depth-2 > .oj-listbox-result-label {
  padding-right: calc(2rem + var(--oj-listbox-item-padding-horizontal));
}

html:not([dir="rtl"]) .oj-listbox-results-depth-3 > .oj-listbox-result-label {
  padding-left: calc(3rem + var(--oj-listbox-item-padding-horizontal));
}

html[dir="rtl"] .oj-listbox-results-depth-3 > .oj-listbox-result-label {
  padding-right: calc(3rem + var(--oj-listbox-item-padding-horizontal));
}

html:not([dir="rtl"]) .oj-listbox-results-depth-4 > .oj-listbox-result-label {
  padding-left: calc(4rem + var(--oj-listbox-item-padding-horizontal));
}

html[dir="rtl"] .oj-listbox-results-depth-4 > .oj-listbox-result-label {
  padding-right: calc(4rem + var(--oj-listbox-item-padding-horizontal));
}

html:not([dir="rtl"]) .oj-listbox-results-depth-5 > .oj-listbox-result-label {
  padding-left: calc(5rem + var(--oj-listbox-item-padding-horizontal));
}

html[dir="rtl"] .oj-listbox-results-depth-5 > .oj-listbox-result-label {
  padding-right: calc(5rem + var(--oj-listbox-item-padding-horizontal));
}

html:not([dir="rtl"]) .oj-listbox-results-depth-6 > .oj-listbox-result-label {
  padding-left: calc(6rem + var(--oj-listbox-item-padding-horizontal));
}

html[dir="rtl"] .oj-listbox-results-depth-6 > .oj-listbox-result-label {
  padding-right: calc(6rem + var(--oj-listbox-item-padding-horizontal));
}

html:not([dir="rtl"]) .oj-listbox-results-depth-7 > .oj-listbox-result-label {
  padding-left: calc(7rem + var(--oj-listbox-item-padding-horizontal));
}

html[dir="rtl"] .oj-listbox-results-depth-7 > .oj-listbox-result-label {
  padding-right: calc(7rem + var(--oj-listbox-item-padding-horizontal));
}


.oj-listbox-result-with-children > .oj-listbox-result-label {
  font-weight: bold;
}


.oj-listbox-results li {
  list-style: none;
  display: list-item;
  background-image: none;
  box-sizing: border-box;
  min-height: var(--oj-collection-list-row-height);
  padding: var(--oj-collection-list-cell-padding-vertical) var(--oj-listbox-item-padding-horizontal);
}


.oj-listbox-drop:not(.oj-listbox-hide-hover) .oj-listbox-results .oj-hover {
  background: var(--oj-core-bg-color-hover);
}


.oj-listbox-drop:not(.oj-listbox-hide-focus) .oj-listbox-results .oj-listbox-result.oj-focus {
  background: var(--oj-core-bg-color-hover);
}


.oj-listbox-result.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
}


.oj-listbox-results .oj-disabled {
  color: var(--oj-core-text-color-disabled);
  display: list-item;
  cursor: default;
}


.oj-listbox-results .oj-selected {
  display: none;
}


.oj-listbox-measure-scrollbar {
  position: absolute;
  top: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

html:not([dir="rtl"]) .oj-listbox-measure-scrollbar {
  left: -10000px;
}

html[dir="rtl"] .oj-listbox-measure-scrollbar {
  right: -10000px;
}


.oj-listbox-search-wrapper {
  border: 0;
  padding: var(--oj-collection-list-cell-padding-vertical) var(--oj-listbox-item-padding-horizontal);
  background-color: var(--oj-text-field-bg-color);
}


.oj-listbox-loader-wrapper {
  display: flex;
  justify-content: center;
}

.oj-listbox-loading-progress-circle {
  margin: 0.5rem 0;
}


html:not([dir="rtl"]) .oj-listbox-no-results {
  padding-left: var(--oj-text-field-text-to-edge-padding);
}

html[dir="rtl"] .oj-listbox-no-results {
  padding-right: var(--oj-text-field-text-to-edge-padding);
}


.oj-listbox-filter-message-box {
  padding-left: var(--oj-text-field-text-to-edge-padding);
  padding-right: var(--oj-text-field-text-to-edge-padding);
}


.oj-listbox-filter-message-text {
  color: var(--oj-core-text-color-secondary);
  font-size: var(--oj-typography-body-sm-font-size);
  line-height: var(--oj-typography-body-sm-line-height);
  padding-top: var(--oj-collection-list-cell-padding-vertical);
  padding-bottom: var(--oj-collection-list-cell-padding-vertical);
}


.oj-listbox-filter-message-separator {
  border-bottom: 1px solid var(--oj-popup-border-color);
}


.oj-listbox-loading-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  border-style: none;
}

.oj-hicontrast .oj-listbox-results .oj-hover {
  border: 1px solid var(--oj-text-field-border-color);
}

.oj-hicontrast .oj-listbox-results .oj-disabled {
  border: 1px dotted var(--oj-text-field-border-color);
}


.oj-listbox-results-with-header {
  padding: 0;
  margin: 0;
}


.oj-listbox-results-with-header li {
  background-image: none;
  list-style: outside none none;
}


.oj-listbox-result-header {
  padding: var(--oj-collection-list-cell-padding-vertical) var(--oj-listbox-item-padding-horizontal) 0 var(--oj-listbox-item-padding-horizontal);
}

.oj-listbox-result-header ul {
  padding: 0;
}

.oj-listbox-result-header a.oj-focus {
  text-decoration: underline;
  outline: dotted 1px var(--oj-button-solid-chrome-text-color);
  outline-offset: 1px;
}


.oj-form-control-inherit:not(.oj-form-control-default) .oj-listbox-input {
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-width: 0;
}

html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-listbox-input {
  text-align: inherit;
}

html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-listbox-input {
  text-align: inherit;
}

:root {
  --oj-listbox-item-padding-horizontal:  var(--oj-text-field-text-to-edge-padding);
}



oj-combobox:not(.oj-complete) {
  visibility: hidden;
}

.oj-combobox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  font-size: var(--oj-text-field-font-size);
  width: 100%;
}

@media screen and (max-width: 599.9px) {
  .oj-combobox {
    -webkit-text-size-adjust: var(--oj-private-text-field-font-size-adjust);
  }
}

.oj-form-control-full-width.oj-combobox,
.oj-form-control-full-width .oj-combobox {
  max-width: 100%;
}


.oj-combobox.oj-loading .oj-combobox-arrow,
.oj-combobox.oj-loading .oj-combobox-divider {
  display: none;
}



.oj-combobox-choice {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  padding-inline-start: var(--oj-text-field-text-to-edge-padding);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  outline: 0;
  white-space: nowrap;
  background-clip: padding-box;
  height: 100%;
}

.oj-combobox-choice::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-text-field.oj-combobox-multi .oj-text-field-container {
  height: auto;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-combobox-multi .oj-text-field-container {
  display: flex;
}

.oj-text-field.oj-read-only.oj-combobox-multi .oj-text-field-container {
  display: block;
}


.oj-combobox-input {
  flex: 1;
  width: 1em;
  min-width: 1em;
  border: 0;
  outline: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  color: var(--oj-text-field-text-color);
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit;
  box-shadow: none;
}

@media screen and (max-width: 599.9px) {
  .oj-combobox-input {
    -webkit-text-size-adjust: var(--oj-private-text-field-font-size-adjust);
  }
}

.oj-combobox-input:-ms-input-placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-combobox-input::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}


.oj-combobox.oj-read-only .oj-combobox-choice,
.oj-combobox.oj-read-only .oj-combobox-choices {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  min-height: calc(var(--oj-typography-body-md-line-height) * var(--oj-typography-body-md-font-size));
}

.oj-form-layout .oj-form.oj-enabled .oj-combobox.oj-read-only .oj-combobox-choices {
  padding-left: var(--oj-text-field-text-to-edge-padding);
  padding-right: var(--oj-text-field-text-to-edge-padding);
}


.oj-combobox.oj-read-only .oj-combobox-input,
.oj-combobox.oj-read-only .oj-combobox-selected-choice {
  outline: none;
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: var(--oj-core-text-color-primary);
  padding-left: 0;
  padding-right: 0;
  line-height: var(--oj-typography-body-md-line-height);
}

.oj-combobox.oj-read-only .oj-combobox-selected-choice {
  display: inherit;
  margin-top: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}

.oj-combobox.oj-read-only .oj-combobox-choices:focus::after {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: -1px;
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.oj-combobox.oj-read-only .oj-combobox-choices:focus {
  outline: none;
}


.oj-combobox.oj-read-only li.oj-combobox-selected-choice:first-child {
  padding-inline-start: 0;
}


.oj-combobox.oj-read-only .oj-combobox-arrow,
.oj-combobox.oj-read-only .oj-combobox-divider {
  display: none;
}


.oj-combobox.oj-read-only .oj-combobox-clear-entry,
.oj-combobox.oj-read-only .oj-combobox-search-field {
  display: none;
}


.oj-combobox-option-defaults {
  font-family: '{"loadingIndicatorDelay":"50"}' !important;
}


.oj-form-control-text-align-right.oj-combobox .oj-combobox-input {
  text-align: right;
}

.oj-form-control-text-align-start.oj-combobox .oj-combobox-input {
  text-align: start;
}

.oj-form-control-text-align-end.oj-combobox .oj-combobox-input {
  text-align: end;
}

.oj-form-control-text-align-right.oj-combobox .oj-combobox-choices li {
  float: right;
}

.oj-form-control-text-align-start.oj-combobox .oj-combobox-choices li {
  float: left;
}

html[dir="rtl"] .oj-form-control-text-align-start.oj-combobox .oj-combobox-choices li {
  float: right;
}

.oj-form-control-text-align-end.oj-combobox .oj-combobox-choices li {
  float: right;
}

html[dir="rtl"] .oj-form-control-text-align-end.oj-combobox .oj-combobox-choices li {
  float: left;
}

.oj-form-control-text-align-right .oj-combobox-selected-choice,
.oj-form-control-text-align-end .oj-combobox-selected-choice {
  margin-top: 5px;
  margin-inline-end: 0;
  margin-bottom: 0;
  margin-inline-start: 6px;
}


.oj-combobox-arrow:hover,
.oj-combobox-arrow:focus {
  text-decoration: none;
}


.oj-combobox-divider {
  box-sizing: border-box;
  display: inline-flex;
  border-left: solid 1px var(--oj-text-field-border-color);
  margin-inline-start: var(--oj-text-field-text-to-edge-padding);
  height: 80%;
  vertical-align: middle;
}



.oj-combobox-choices {
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  min-height: var(--oj-text-field-height);
  padding-left: var(--oj-text-field-text-to-edge-padding);
  padding-right: var(--oj-text-field-text-to-edge-padding);
  padding-bottom: 5px;
  height: auto;
  margin: 0;
  cursor: text;
  overflow: hidden;
  width: 100%;
}

.oj-combobox-choices::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}


.oj-combobox-choices li {
  list-style: none;
}

html:not([dir="rtl"]) .oj-combobox-choices li {
  float: left;
}

html[dir="rtl"] .oj-combobox-choices li {
  float: right;
}


.oj-combobox-search-field {
  margin-top: 5px;
  padding: 0;
  white-space: nowrap;
  line-height: calc(var(--oj-text-field-height) * 0.8);
}


.oj-combobox-selected-choice {
  line-height: 1.9rem;
  display: flex;
  align-items: center;
  cursor: default;
  border-radius: var(--oj-button-border-radius);
  border: 1px solid var(--oj-button-outlined-chrome-border-color);
  color: var(--oj-button-outlined-chrome-text-color);
  background-clip: padding-box;
  padding-top: 0;
  padding-inline-end: 4px;
  padding-bottom: 0;
  padding-inline-start: 6px;
  margin-top: 5px;
  margin-inline-end: 6px;
  margin-bottom: 0;
  margin-inline-start: 0;
}


.oj-combobox-selected-choice.oj-focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}


.oj-combobox.oj-disabled .oj-combobox-selected-choice {
  padding: 0 .375rem 0 .375rem;
}


.oj-combobox-selected-choice-label,
.oj-combobox-selected-choice-separator {
  display: inline-block;
  vertical-align: middle;
  word-break: break-word;
}


.oj-combobox-clear-entry {
  display: inline-block;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: 100%;
  margin-inline-start: 3px;
}



.oj-combobox.oj-invalid .oj-combobox-choice,
.oj-combobox-multi.oj-invalid .oj-combobox-choices,
.oj-combobox.oj-warning .oj-combobox-choice,
.oj-combobox-multi.oj-warning .oj-combobox-choices {
  border: 0;
  border-width: 0;
  border-style: none;
}


.oj-combobox.oj-disabled .oj-combobox-choice,
.oj-combobox.oj-disabled input {
  color: var(--oj-text-field-text-color-disabled);
  border-color: var(--oj-text-field-border-color-disabled);
}

.oj-combobox.oj-disabled input {
  border: 0;
}

.oj-combobox.oj-disabled .oj-combobox-arrow {
  cursor: default;
}

.oj-combobox.oj-disabled .oj-combobox-divider {
  border-color: var(--oj-text-field-border-color-disabled);
}


.oj-combobox-multi.oj-disabled .oj-combobox-choices,
.oj-combobox-multi.oj-disabled .oj-combobox-selected-choice,
.oj-combobox-multi.oj-disabled .oj-combobox-selected-choice.oj-focus,
.oj-combobox-multi.oj-disabled input {
  color: var(--oj-text-field-text-color-disabled);
  border-color: var(--oj-text-field-border-color-disabled);
  outline: 0;
}

.oj-combobox-multi.oj-disabled input {
  border: 0;
}

.oj-combobox-multi.oj-disabled .oj-combobox-clear-entry {
  display: none;
  background: none;
}


.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choice,
.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choices {
  border-color: var(--oj-text-field-border-color-focus);
}

.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choice {
  padding-bottom: 0;
}

.oj-combobox:not(.oj-disabled):not(.oj-read-only):not(.oj-invalid):not(.oj-warning).oj-focus .oj-combobox-choices {
  padding-bottom: 5px;
}




.oj-combobox-clear-entry-icon {
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}





.oj-combobox .oj-button {
  margin-bottom: 0;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox-input {
  color: inherit;
  height: 100%;
  width: 100%;
  border-width: 0;
}

html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice, html:not([dir="rtl"])
.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices, html:not([dir="rtl"])
.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox-input {
  text-align: inherit;
}

html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice, html[dir="rtl"]
.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices, html[dir="rtl"]
.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox-input {
  text-align: inherit;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox:not(.oj-disabled) .oj-combobox-choice,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox:not(.oj-disabled) .oj-combobox-choices,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox-input {
  background-color: transparent;
}

.oj-text-field-label-inside .oj-combobox-choice {
  background-color: transparent;
  width: 100%;
  border-width: 0;
  min-height: var(--oj-text-field-inside-edge-height);
  padding: 0;
}

.oj-text-field-label-inside .oj-combobox-input {
  padding: var(--oj-text-field-inside-edge-padding-top) var(--oj-text-field-text-to-edge-padding) 0;
}

html:not([dir="rtl"]) .oj-text-field-label-inside .oj-combobox-input {
  padding-right: var(--oj-private-text-field-text-to-end-slot-padding);
}

html[dir="rtl"] .oj-text-field-label-inside .oj-combobox-input {
  padding-left: var(--oj-private-text-field-text-to-end-slot-padding);
}

.oj-text-field-label-inside:not(.oj-read-only) .oj-combobox-choices {
  border-width: 0;
  padding: var(--oj-text-field-inside-edge-padding-top) var(--oj-text-field-text-to-edge-padding) 5px;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-combobox-choices {
  padding: var(--oj-text-field-inside-edge-padding-top) var(--oj-text-field-text-to-edge-padding) 5px;
}

.oj-text-field-label-inside.oj-read-only .oj-combobox-choices {
  padding: 0;
}

.oj-text-field-label-inside .oj-combobox-choices .oj-combobox-input {
  padding: 0 5px;
}

.oj-text-field-label-inside .oj-combobox-choice.oj-hover,
.oj-text-field-label-inside .oj-combobox-choices.oj-hover {
  background-color: transparent;
}

.oj-text-field-label-inside.oj-combobox.oj-disabled .oj-form-control-container {
  background-color: var(--oj-text-field-bg-color-disabled);
}

.oj-text-field-label-inside .oj-combobox-selected-choice {
  margin-top: 10px;
  margin-inline-end: 6px;
  margin-bottom: 0;
  margin-inline-start: 0;
}

.oj-text-field-label-inside.oj-read-only .oj-combobox-selected-choice {
  margin-top: 0;
  margin-inline-end: 6px;
  margin-bottom: 0;
  margin-inline-start: 0;
}

.oj-text-field-label-inside.oj-combobox.oj-invalid .oj-form-control-container .oj-label,
.oj-text-field-label-inside.oj-combobox-many.oj-invalid .oj-form-control-container .oj-label {
  color: var(--oj-text-field-inside-edge-label-color-error);
}

.oj-text-field-label-inside .oj-combobox-label {
  align-self: flex-start;
}

.oj-combobox-selected-choice > .oj-component-icon, .oj-combobox-selected-choice > .oj-menucheckbox-icon {
  font-size: 1rem;
}

:root {
  --oj-conveyor-belt-box-shadow-width: 0.25rem;
  --oj-private-conveyor-belt-global-arrow-visibility-default: auto;
}



oj-conveyor-belt:not(.oj-complete) {
  visibility: hidden;
}

oj-conveyor-belt {
  display: block;
}

.oj-conveyorbelt {
  position: relative;
}

.oj-conveyorbelt,
.oj-conveyorbelt-overflow-container,
.oj-conveyorbelt-content-container {
  display: flex;
  align-items: center;
}

.oj-conveyorbelt-content-container,
.oj-conveyorbelt-overflow-container {
  height: 100%;
}

.oj-conveyorbelt.oj-conveyorbelt-vertical .oj-conveyorbelt-content-container {
  height: auto;
}

.oj-conveyorbelt.oj-conveyorbelt-vertical {
  display: inline-flex;
}

.oj-conveyorbelt.oj-conveyorbelt-vertical,
.oj-conveyorbelt.oj-conveyorbelt-vertical > .oj-conveyorbelt-overflow-container,
.oj-conveyorbelt.oj-conveyorbelt-vertical > .oj-conveyorbelt-overflow-container > .oj-conveyorbelt-content-container {
  flex-direction: column;
}

.oj-conveyorbelt-overflow-container {
  overflow: hidden;
  flex: 1 1 auto;
}

.oj-conveyorbelt-content-container {
  position: relative;
  flex: 1 0 auto;
}

.oj-conveyorbelt-item {
  flex: 0 0 auto;
}

.oj-conveyorbelt-item.oj-navigationlist,
.oj-conveyorbelt-item.oj-tabbar {
  flex: 1 0 auto;
}


.oj-conveyorbelt-overflow-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: var(--oj-button-height);
  min-height: var(--oj-button-height);
  line-height: var(--oj-button-height);
  text-align: center;
  border: 1px solid;
  flex: 0 0 auto;
  position: relative;
}

html:not([dir="rtl"]) .oj-conveyorbelt-overflow-indicator.oj-start {
  box-shadow: var(--oj-conveyor-belt-box-shadow-width) 0 var(--oj-conveyor-belt-box-shadow-width) calc(var(--oj-conveyor-belt-box-shadow-width) * -1) rgba(var(--oj-core-box-shadow-rgb),0.2);
  margin: 0 var(--oj-conveyor-belt-box-shadow-width) 0 0;
}

html[dir="rtl"] .oj-conveyorbelt-overflow-indicator.oj-start {
  box-shadow: calc(var(--oj-conveyor-belt-box-shadow-width) * -1) 0 var(--oj-conveyor-belt-box-shadow-width) calc(var(--oj-conveyor-belt-box-shadow-width) * -1) rgba(var(--oj-core-box-shadow-rgb),0.2);
  margin: 0 0 0 var(--oj-conveyor-belt-box-shadow-width);
}

html:not([dir="rtl"]) .oj-conveyorbelt-overflow-indicator.oj-end {
  box-shadow: calc(var(--oj-conveyor-belt-box-shadow-width) * -1) 0 var(--oj-conveyor-belt-box-shadow-width) calc(var(--oj-conveyor-belt-box-shadow-width) * -1) rgba(var(--oj-core-box-shadow-rgb),0.2);
  margin: 0 0 0 var(--oj-conveyor-belt-box-shadow-width);
}

html[dir="rtl"] .oj-conveyorbelt-overflow-indicator.oj-end {
  box-shadow: var(--oj-conveyor-belt-box-shadow-width) 0 var(--oj-conveyor-belt-box-shadow-width) calc(var(--oj-conveyor-belt-box-shadow-width) * -1) rgba(var(--oj-core-box-shadow-rgb),0.2);
  margin: 0 var(--oj-conveyor-belt-box-shadow-width) 0 0;
}

.oj-conveyorbelt-overflow-indicator.oj-top {
  margin: 0 0 var(--oj-conveyor-belt-box-shadow-width) 0;
  box-shadow: 0 var(--oj-conveyor-belt-box-shadow-width) var(--oj-conveyor-belt-box-shadow-width) calc(var(--oj-conveyor-belt-box-shadow-width) * -1) rgba(var(--oj-core-box-shadow-rgb),0.2);
}

.oj-conveyorbelt-overflow-indicator.oj-bottom {
  margin: var(--oj-conveyor-belt-box-shadow-width) 0 0 0;
  box-shadow: 0 calc(var(--oj-conveyor-belt-box-shadow-width) * -1) var(--oj-conveyor-belt-box-shadow-width) calc(var(--oj-conveyor-belt-box-shadow-width) * -1) rgba(var(--oj-core-box-shadow-rgb),0.2);
}

.oj-conveyorbelt-overflow-indicator.oj-default {
  border-color: transparent;
}

.oj-conveyorbelt-overflow-indicator.oj-hover {
  border-color: transparent;
}

.oj-conveyorbelt-overflow-indicator.oj-active,
.oj-conveyorbelt-overflow-indicator.oj-active.oj-hover {
  border-color: transparent;
}

.oj-conveyorbelt-overflow-button {
  height: var(--oj-button-height);
  width: var(--oj-button-height);
  cursor: var(--oj-core-cursor-clickable);
  border-radius: var(--oj-button-border-radius);
  border-color: var(--oj-button-borderless-chrome-border-color-hover);
}

.oj-conveyorbelt-overflow-indicator.oj-hover .oj-conveyorbelt-overflow-button,
.oj-conveyorbelt-overflow-button:hover {
  background-color: var(--oj-button-borderless-chrome-bg-color-hover);
  border-color: var(--oj-button-borderless-chrome-border-color-hover);
}

.oj-conveyorbelt-overflow-indicator.oj-active .oj-conveyorbelt-overflow-button,
.oj-conveyorbelt-overflow-indicator.oj-active.oj-hover .oj-conveyorbelt-overflow-button {
  background-color: var(--oj-button-borderless-chrome-bg-color-active);
  border-color: var(--oj-button-borderless-chrome-border-color-active);
}


.oj-conveyorbelt-overflow-indicator .oj-conveyorbelt-overflow-icon {
  cursor: inherit;
  vertical-align: middle;
  margin-bottom: 3px;
}

.oj-conveyorbelt-overflow-indicator.oj-default .oj-conveyorbelt-overflow-icon {
  color: var(--oj-button-borderless-chrome-text-color);
}

.oj-conveyorbelt-overflow-indicator.oj-hover .oj-conveyorbelt-overflow-icon {
  color: var(--oj-button-borderless-chrome-text-color-hover);
}

.oj-conveyorbelt-overflow-indicator.oj-active .oj-conveyorbelt-overflow-icon,
.oj-conveyorbelt-overflow-indicator.oj-active.oj-hover .oj-conveyorbelt-overflow-icon {
  color: var(--oj-button-borderless-chrome-text-color-active);
}

:root {
  --oj-data-grid-column-width:                             6.25rem;
  --oj-private-data-grid-global-load-indicator-default:    skeleton;
}

oj-data-grid:not(.oj-complete) {
  visibility: hidden;
}

[hidden].oj-datagrid {
  display: none;
}


.oj-datagrid {
  display: block;
  position: relative;
  border: 1px solid var(--oj-collection-border-color);
  background-color: var(--oj-collection-free-space-bg-color);
  -webkit-user-select: none;
          user-select: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  cursor: default;
}


.oj-datagrid:focus,
.oj-datagrid-cell:focus,
.oj-datagrid-header-cell:focus,
.oj-datagrid-header-label:focus,
.oj-datagrid-end-header-cell:focus,
.oj-datagrid-scrollers:focus,
.oj-datagrid-databody:focus,
.oj-datagrid-no-data-container:focus,
.oj-datagrid-empty-text:focus {
  outline: none;
}


.oj-datagrid-cell,
.oj-datagrid-column-header-cell,
.oj-datagrid-column-end-header-cell,
.oj-datagrid-skeleton-cell {
  width: var(--oj-data-grid-column-width);
}


.oj-datagrid-cell,
.oj-datagrid-row-header-cell,
.oj-datagrid-row-end-header-cell,
.oj-datagrid-skeleton-cell {
  height: var(--oj-collection-grid-row-height);
}


.oj-datagrid-row-header,
.oj-datagrid-row-end-header {
  box-sizing: border-box;
}


.oj-datagrid-column-header,
.oj-datagrid-column-end-header {
  box-sizing: border-box;
}


.oj-datagrid-no-data-container,
.oj-datagrid-empty-text {
  box-sizing: border-box;
  position: absolute;
  display: inline-block;
  margin: 1px;
}


.oj-datagrid-cell.oj-datagrid-border-horizontal-none,
.oj-datagrid-header-cell.oj-datagrid-border-horizontal-none,
.oj-datagrid-end-header-cell.oj-datagrid-border-horizontal-none {
  border-bottom-color: transparent;
}


.oj-datagrid-row-header-spacer.oj-datagrid-border-horizontal-none,
.oj-datagrid-bottom-corner.oj-datagrid-border-horizontal-none {
  border-top-color: transparent;
}


.oj-datagrid-cell.oj-datagrid-border-vertical-none,
.oj-datagrid-header-cell.oj-datagrid-border-vertical-none,
.oj-datagrid-end-header-cell.oj-datagrid-border-vertical-none {
  border-inline-end-color: transparent;
}


.oj-datagrid-column-header-spacer.oj-datagrid-border-vertical-none,
.oj-datagrid-bottom-corner.oj-datagrid-border-vertical-none {
  border-inline-start-color: transparent;
}


.oj-datagrid .oj-datagrid-row-header-spacer.oj-datagrid-small-content-border-horizontal,
.oj-datagrid .oj-datagrid-bottom-corner.oj-datagrid-small-content-border-horizontal,
.oj-datagrid .oj-datagrid-end-header-cell.oj-datagrid-small-content-border-horizontal {
  border-bottom-width: 1px;
}


.oj-datagrid .oj-datagrid-column-header-spacer.oj-datagrid-small-content-border-vertical,
.oj-datagrid .oj-datagrid-bottom-corner.oj-datagrid-small-content-border-vertical,
.oj-datagrid .oj-datagrid-end-header-cell.oj-datagrid-small-content-border-vertical {
  border-inline-end-width: 1px;
}


.oj-datagrid-header-label,
.oj-datagrid-header-cell,
.oj-datagrid-end-header-cell {
  position: absolute;
  font-size: var(--oj-collection-header-font-size);
  font-weight: var(--oj-collection-header-font-weight);
  color: var(--oj-collection-header-text-color);
  background-color: var(--oj-collection-header-bg-color);
  border-color: var(--oj-collection-border-color);
  border-style: solid;
  overflow: hidden;
  display: flex;
}


.oj-datagrid-column-header-label,
.oj-datagrid-column-end-header-label,
.oj-datagrid-column-header-cell,
.oj-datagrid-column-end-header-cell {
  height: var(--oj-collection-grid-header-height);
  padding: var(--oj-collection-grid-cell-padding-vertical) var(--oj-collection-grid-cell-padding-horizontal);
  justify-content: flex-end;
  text-align: end;
  align-items: center;
  box-sizing: border-box;
}

.oj-datagrid-column-header-label.oj-datagrid-depth-2,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-2,
.oj-datagrid-column-header-cell.oj-datagrid-depth-2,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-2 {
  height: calc(2 * var(--oj-collection-grid-header-height));
}

.oj-datagrid-column-header-label.oj-datagrid-depth-3,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-3,
.oj-datagrid-column-header-cell.oj-datagrid-depth-3,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-3 {
  height: calc(3 * var(--oj-collection-grid-header-height));
}

.oj-datagrid-column-header-label.oj-datagrid-depth-4,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-4,
.oj-datagrid-column-header-cell.oj-datagrid-depth-4,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-4 {
  height: calc(4 * var(--oj-collection-grid-header-height));
}

.oj-datagrid-column-header-label.oj-datagrid-depth-5,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-5,
.oj-datagrid-column-header-cell.oj-datagrid-depth-5,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-5 {
  height: calc(5 * var(--oj-collection-grid-header-height));
}

.oj-datagrid-column-header-label.oj-datagrid-depth-6,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-6,
.oj-datagrid-column-header-cell.oj-datagrid-depth-6,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-6 {
  height: calc(6 * var(--oj-collection-grid-header-height));
}

.oj-datagrid-column-header-label.oj-datagrid-depth-7,
.oj-datagrid-column-end-header-label.oj-datagrid-depth-7,
.oj-datagrid-column-header-cell.oj-datagrid-depth-7,
.oj-datagrid-column-end-header-cell.oj-datagrid-depth-7 {
  height: calc(7 * var(--oj-collection-grid-header-height));
}

.oj-datagrid-column-header-label,
.oj-datagrid-column-end-header-label {
  justify-content: flex-end;
  text-align: end;
}


html:not([dir="rtl"]) .oj-datagrid-column-header-cell {
  border-width: 0 1px 1px 0;
}

html[dir="rtl"] .oj-datagrid-column-header-cell {
  border-width: 0 0 1px 1px;
}


html:not([dir="rtl"]) .oj-datagrid-column-end-header-cell, html:not([dir="rtl"])
.oj-datagrid-row-header-label {
  border-width: 1px 1px 0 0;
}

html[dir="rtl"] .oj-datagrid-column-end-header-cell, html[dir="rtl"]
.oj-datagrid-row-header-label {
  border-width: 1px 0 0 1px;
}


.oj-datagrid-row-header-label,
.oj-datagrid-row-end-header-label,
.oj-datagrid-row-header-cell,
.oj-datagrid-row-end-header-cell {
  justify-content: flex-start;
  text-align: start;
  align-items: center;
  width: var(--oj-data-grid-column-width);
  border-color: var(--oj-collection-border-color);
  padding: var(--oj-collection-grid-cell-padding-vertical) var(--oj-collection-grid-cell-padding-horizontal);
  box-sizing: border-box;
  border-style: solid;
}

.oj-datagrid-row-header-label.oj-datagrid-depth-2,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-2,
.oj-datagrid-row-header-cell.oj-datagrid-depth-2,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-2 {
  width: calc(2 * var(--oj-data-grid-column-width));
}

.oj-datagrid-row-header-label.oj-datagrid-depth-3,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-3,
.oj-datagrid-row-header-cell.oj-datagrid-depth-3,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-3 {
  width: calc(3 * var(--oj-data-grid-column-width));
}

.oj-datagrid-row-header-label.oj-datagrid-depth-4,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-4,
.oj-datagrid-row-header-cell.oj-datagrid-depth-4,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-4 {
  width: calc(4 * var(--oj-data-grid-column-width));
}

.oj-datagrid-row-header-label.oj-datagrid-depth-5,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-5,
.oj-datagrid-row-header-cell.oj-datagrid-depth-5,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-5 {
  width: calc(5 * var(--oj-data-grid-column-width));
}

.oj-datagrid-row-header-label.oj-datagrid-depth-6,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-6,
.oj-datagrid-row-header-cell.oj-datagrid-depth-6,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-6 {
  width: calc(6 * var(--oj-data-grid-column-width));
}

.oj-datagrid-row-header-label.oj-datagrid-depth-7,
.oj-datagrid-row-end-header-label.oj-datagrid-depth-7,
.oj-datagrid-row-header-cell.oj-datagrid-depth-7,
.oj-datagrid-row-end-header-cell.oj-datagrid-depth-7 {
  width: calc(7 * var(--oj-data-grid-column-width));
}

html:not([dir="rtl"]) .oj-datagrid-row-end-header-label {
  border-width: 0 0 0 1px;
}

html[dir="rtl"] .oj-datagrid-row-end-header-label {
  border-width: 0 1px 0 0;
}

.oj-datagrid-column-end-header-label {
  border-width: 1px 0 0 0;
}


html:not([dir="rtl"]) .oj-datagrid-row-header-cell {
  border-width: 0 1px 1px 0;
}

html[dir="rtl"] .oj-datagrid-row-header-cell {
  border-width: 0 0 1px 1px;
}


html:not([dir="rtl"]) .oj-datagrid-row-end-header-cell, html:not([dir="rtl"])
.oj-datagrid-column-header-label {
  border-width: 0 0 1px 1px;
}

html[dir="rtl"] .oj-datagrid-row-end-header-cell, html[dir="rtl"]
.oj-datagrid-column-header-label {
  border-width: 0 1px 1px 0;
}


.oj-datagrid-cell,
.oj-datagrid-skeleton-cell {
  position: absolute;
  box-sizing: border-box;
  border-style: solid;
  overflow: hidden;
  align-items: center;
  justify-content: flex-end;
  text-align: end;
  font-size: inherit;
  background-color: var(--oj-collection-bg-color);
  border-color: var(--oj-core-divider-color);
  padding: var(--oj-collection-grid-cell-padding-vertical) var(--oj-collection-grid-cell-padding-horizontal);
  display: flex;
}

html:not([dir="rtl"]) .oj-datagrid-cell, html:not([dir="rtl"])
.oj-datagrid-skeleton-cell {
  border-width: 0 1px 1px 0;
}

html[dir="rtl"] .oj-datagrid-cell, html[dir="rtl"]
.oj-datagrid-skeleton-cell {
  border-width: 0 0 1px 1px;
}


.oj-datagrid-cell.oj-focus::before,
.oj-datagrid-header-cell.oj-focus::before,
.oj-datagrid-header-label.oj-focus::before,
.oj-datagrid-end-header-cell.oj-focus::before,
.oj-datagrid-cell.oj-datagrid-selected-top::before,
.oj-datagrid-cell.oj-datagrid-selected-start::before,
.oj-datagrid-cell.oj-datagrid-cell-edit-top::before,
.oj-datagrid-cell.oj-datagrid-cell-edit-start::before,
.oj-datagrid-cell.oj-datagrid-floodfill-top::before,
.oj-datagrid-cell.oj-datagrid-floodfill-start::before,
.oj-datagrid-header-cell.oj-datagrid-floodfill-top::before,
.oj-datagrid-header-cell.oj-datagrid-floodfill-start::before,
.oj-datagrid-header-label.oj-datagrid-floodfill-top::before,
.oj-datagrid-header-label.oj-datagrid-floodfill-start::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
}

html:not([dir="rtl"]) .oj-datagrid-cell.oj-focus::before, html:not([dir="rtl"])
.oj-datagrid-header-cell.oj-focus::before, html:not([dir="rtl"])
.oj-datagrid-header-label.oj-focus::before, html:not([dir="rtl"])
.oj-datagrid-end-header-cell.oj-focus::before, html:not([dir="rtl"])
.oj-datagrid-cell.oj-datagrid-selected-top::before, html:not([dir="rtl"])
.oj-datagrid-cell.oj-datagrid-selected-start::before, html:not([dir="rtl"])
.oj-datagrid-cell.oj-datagrid-cell-edit-top::before, html:not([dir="rtl"])
.oj-datagrid-cell.oj-datagrid-cell-edit-start::before, html:not([dir="rtl"])
.oj-datagrid-cell.oj-datagrid-floodfill-top::before, html:not([dir="rtl"])
.oj-datagrid-cell.oj-datagrid-floodfill-start::before, html:not([dir="rtl"])
.oj-datagrid-header-cell.oj-datagrid-floodfill-top::before, html:not([dir="rtl"])
.oj-datagrid-header-cell.oj-datagrid-floodfill-start::before, html:not([dir="rtl"])
.oj-datagrid-header-label.oj-datagrid-floodfill-top::before, html:not([dir="rtl"])
.oj-datagrid-header-label.oj-datagrid-floodfill-start::before {
  left: 0;
}

html[dir="rtl"] .oj-datagrid-cell.oj-focus::before, html[dir="rtl"]
.oj-datagrid-header-cell.oj-focus::before, html[dir="rtl"]
.oj-datagrid-header-label.oj-focus::before, html[dir="rtl"]
.oj-datagrid-end-header-cell.oj-focus::before, html[dir="rtl"]
.oj-datagrid-cell.oj-datagrid-selected-top::before, html[dir="rtl"]
.oj-datagrid-cell.oj-datagrid-selected-start::before, html[dir="rtl"]
.oj-datagrid-cell.oj-datagrid-cell-edit-top::before, html[dir="rtl"]
.oj-datagrid-cell.oj-datagrid-cell-edit-start::before, html[dir="rtl"]
.oj-datagrid-cell.oj-datagrid-floodfill-top::before, html[dir="rtl"]
.oj-datagrid-cell.oj-datagrid-floodfill-start::before, html[dir="rtl"]
.oj-datagrid-header-cell.oj-datagrid-floodfill-top::before, html[dir="rtl"]
.oj-datagrid-header-cell.oj-datagrid-floodfill-start::before, html[dir="rtl"]
.oj-datagrid-header-label.oj-datagrid-floodfill-top::before, html[dir="rtl"]
.oj-datagrid-header-label.oj-datagrid-floodfill-start::before {
  right: 0;
}

.oj-datagrid-cell.oj-datagrid-selected-end,
.oj-datagrid-cell.oj-datagrid-cell-edit-end,
.oj-datagrid-cell.oj-datagrid-floodfill-end,
.oj-datagrid-header-cell.oj-datagrid-floodfill-end,
.oj-datagrid-header-label.oj-datagrid-floodfill-end {
  border-inline-end-color: var(--oj-core-border-color-selected);
}

.oj-datagrid-cell.oj-datagrid-selected-bottom,
.oj-datagrid-cell.oj-datagrid-cell-edit-bottom,
.oj-datagrid-cell.oj-datagrid-floodfill-bottom,
.oj-datagrid-header-cell.oj-datagrid-floodfill-bottom,
.oj-datagrid-header-label.oj-datagrid-floodfill-bottom {
  border-bottom-color: var(--oj-core-border-color-selected);
}

.oj-datagrid-cell.oj-datagrid-selected-top::before,
.oj-datagrid-cell.oj-datagrid-cell-edit-top::before,
.oj-datagrid-cell.oj-datagrid-floodfill-top::before,
.oj-datagrid-header-cell.oj-datagrid-floodfill-top::before,
.oj-datagrid-header-label.oj-datagrid-floodfill-top::before {
  border-top: 1px solid var(--oj-core-border-color-selected);
}

.oj-datagrid-cell.oj-datagrid-selected-start::before,
.oj-datagrid-cell.oj-datagrid-cell-edit-start::before,
.oj-datagrid-cell.oj-datagrid-floodfill-start::before,
.oj-datagrid-header-cell.oj-datagrid-floodfill-start::before,
.oj-datagrid-header-label.oj-datagrid-floodfill-start::before {
  border-inline-start: 1px solid var(--oj-core-border-color-selected);
}

.oj-datagrid-cell.oj-datagrid-cell-edit-end-invalid {
  border-inline-end-color: var(--oj-core-danger-3);
}

.oj-datagrid-cell.oj-datagrid-cell-edit-bottom-invalid {
  border-bottom-color: var(--oj-core-danger-3);
}

.oj-datagrid-cell.oj-datagrid-cell-edit-top-invalid::before {
  border-top: 1px solid var(--oj-core-danger-3);
}

.oj-datagrid-cell.oj-datagrid-cell-edit-start-invalid::before {
  border-inline-start: 1px solid var(--oj-core-danger-3);
}

.oj-datagrid-cell.oj-datagrid-floodfill-end:not(.oj-datagrid-selected-end):not(.oj-datagrid-cell-edit-end),
.oj-datagrid-header-cell.oj-datagrid-floodfill-end:not(.oj-datagrid-selected-end),
.oj-datagrid-header-label.oj-datagrid-floodfill-end:not(.oj-datagrid-selected-end) {
  border-inline-end-style: dashed;
}

.oj-datagrid-cell.oj-datagrid-floodfill-bottom:not(.oj-datagrid-selected-bottom):not(.oj-datagrid-cell-edit-bottom),
.oj-datagrid-header-cell.oj-datagrid-floodfill-bottom:not(.oj-datagrid-selected-bottom),
.oj-datagrid-header-label.oj-datagrid-floodfill-bottom:not(.oj-datagrid-selected-bottom) {
  border-bottom-style: dashed;
}

.oj-datagrid-cell.oj-datagrid-floodfill-top:not(.oj-datagrid-selected-top):not(.oj-datagrid-cell-edit-top)::before,
.oj-datagrid-header-cell.oj-datagrid-floodfill-top:not(.oj-datagrid-selected-top)::before,
.oj-datagrid-header-label.oj-datagrid-floodfill-top:not(.oj-datagrid-selected-top)::before {
  border-top-style: dashed;
}

.oj-datagrid-cell.oj-datagrid-floodfill-start:not(.oj-datagrid-selected-start):not(.oj-datagrid-cell-edit-start)::before,
.oj-datagrid-header-cell.oj-datagrid-floodfill-start:not(.oj-datagrid-selected-start)::before,
.oj-datagrid-header-label.oj-datagrid-floodfill-start:not(.oj-datagrid-selected-start)::before {
  border-inline-start-style: dashed;
}


.oj-datagrid-editable .oj-datagrid-cell.oj-focus:not(.oj-datagrid-cell-edit)::before,
.oj-hicontrast .oj-datagrid.oj-datagrid-editable.oj-focus .oj-datagrid-cell.oj-focus:not(.oj-datagrid-cell-edit)::before {
  border: 1px solid var(--oj-collection-editable-cell-border-color-focus);
}

.oj-datagrid-editable .oj-datagrid-cell.oj-focus.oj-datagrid-selected-top:not(.oj-datagrid-cell-edit)::before {
  border-top-width: 2px;
}

.oj-datagrid-editable .oj-datagrid-cell.oj-focus.oj-datagrid-selected-start:not(.oj-datagrid-cell-edit)::before {
  border-inline-start-width: 2px;
}


.oj-datagrid-editable .oj-datagrid-cell.oj-datagrid-cell-edit,
.oj-hicontrast .oj-datagrid.oj-datagrid-editable.oj-focus .oj-datagrid-cell.oj-datagrid-cell-edit {
  padding: 0;
}

.oj-datagrid-resized-top {
  border-top-color: var(--oj-core-drag-drop-line-color);
}

.oj-datagrid-resized-bottom,
.oj-datagrid-top-corner.oj-datagrid-resized-bottom,
.oj-datagrid-column-header-spacer.oj-datagrid-resized-bottom,
.oj-datagrid-row-header-label.oj-datagrid-resized-bottom {
  border-bottom-color: var(--oj-core-drag-drop-line-color);
}

.oj-datagrid-resized-end,
.oj-datagrid-top-corner.oj-datagrid-resized-end,
.oj-datagrid-row-header-spacer.oj-datagrid-resized-end,
.oj-datagrid-column-header-label.oj-datagrid-resized-end {
  border-right-color: var(--oj-core-drag-drop-line-color);
}

.oj-datagrid-resized-start,
.oj-datagrid-top-corner.oj-datagrid-resized-start,
.oj-datagrid-row-header-spacer.oj-datagrid-resized-start,
.oj-datagrid-column-header-label.oj-datagrid-resized-start {
  border-left-color: var(--oj-core-drag-drop-line-color);
}


html:not([dir="rtl"]) .oj-datagrid .oj-datagrid-cell.oj-datagrid-cell-no-padding {
  padding: 1px 0 0 1px;
}

html[dir="rtl"] .oj-datagrid .oj-datagrid-cell.oj-datagrid-cell-no-padding {
  padding: 1px 1px 0 0;
}


.oj-datagrid-editable .oj-datagrid-cell.oj-datagrid-cell-no-padding {
  padding: 0;
}


.oj-datagrid-editable .oj-datagrid-cell.oj-datagrid-cell-edit.oj-datagrid-cell-padding {
  padding: var(--oj-collection-grid-cell-padding-vertical) var(--oj-collection-grid-cell-padding-horizontal);
}


.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
  padding: 0 var(--oj-collection-grid-cell-padding-horizontal);
}

.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-input,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
.oj-datagrid-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
  font-size: inherit;
}

.oj-datagrid-cell .oj-checkboxset .oj-checkbox-label {
  justify-content: flex-end;
  text-align: end;
}


.oj-datagrid-cell-text,
.oj-datagrid-header-cell-text {
  flex: 0 1 auto;
  box-sizing: border-box;
}


.oj-datagrid-header-grouping > :first-child.oj-datagrid-row-header-cell,
.oj-datagrid-header-grouping > :first-child.oj-datagrid-row-end-header-cell {
  align-items: flex-start;
}


.oj-datagrid-header-grouping > :first-child.oj-datagrid-column-header-cell:not(.oj-datagrid-hierarchical-group),
.oj-datagrid-header-grouping > :first-child.oj-datagrid-column-end-header-cell {
  justify-content: center;
  text-align: center;
}


.oj-datagrid-cell.oj-datagrid-banded {
  background-color: var(--oj-collection-cell-banded-bg-color);
}


.oj-datagrid-cell.oj-read-only {
  background-color: var(--oj-collection-editable-cell-bg-color-read-only);
  color: var(--oj-core-text-color-secondary);
}


.oj-datagrid-cell.oj-hover {
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
}


.oj-datagrid.oj-focus .oj-datagrid-cell.oj-selected:not(.oj-datagrid-cell-edit),
.oj-datagrid-cell.oj-selected:not(.oj-datagrid-cell-edit) {
  background-color: var(--oj-core-bg-color-selected) !important;
}


.oj-datagrid.oj-focus.oj-read-only .oj-datagrid-cell.oj-focus-highlight::before,
.oj-datagrid.oj-focus .oj-datagrid-header-label.oj-focus-highlight::before,
.oj-datagrid.oj-focus .oj-datagrid-header-cell.oj-focus-highlight::before,
.oj-datagrid.oj-focus .oj-datagrid-end-header-cell.oj-focus-highlight::before {
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  outline: dotted 1px var(--oj-core-focus-border-color);
}

html:not([dir="rtl"]) .oj-datagrid.oj-focus.oj-read-only .oj-datagrid-cell.oj-focus-highlight::before, html:not([dir="rtl"])
.oj-datagrid.oj-focus .oj-datagrid-header-label.oj-focus-highlight::before, html:not([dir="rtl"])
.oj-datagrid.oj-focus .oj-datagrid-header-cell.oj-focus-highlight::before, html:not([dir="rtl"])
.oj-datagrid.oj-focus .oj-datagrid-end-header-cell.oj-focus-highlight::before {
  left: 1px;
}

html[dir="rtl"] .oj-datagrid.oj-focus.oj-read-only .oj-datagrid-cell.oj-focus-highlight::before, html[dir="rtl"]
.oj-datagrid.oj-focus .oj-datagrid-header-label.oj-focus-highlight::before, html[dir="rtl"]
.oj-datagrid.oj-focus .oj-datagrid-header-cell.oj-focus-highlight::before, html[dir="rtl"]
.oj-datagrid.oj-focus .oj-datagrid-end-header-cell.oj-focus-highlight::before {
  right: 1px;
}

.oj-datagrid-no-data-container:focus,
.oj-datagrid-empty-text:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
}

.oj-datagrid.oj-focus .oj-datagrid-column-end-header-cell.oj-focus-highlight::before {
  height: calc(100% - 2px);
}

.oj-datagrid.oj-focus .oj-datagrid-row-end-header-cell.oj-focus-highlight::before {
  width: calc(100% - 2px);
}


.oj-hicontrast .oj-datagrid.oj-focus .oj-datagrid-cell.oj-selected {
  border-width: 3px;
  border-style: double;
}


.oj-datagrid-header,
.oj-datagrid-end-header {
  position: absolute;
  overflow: hidden;
}


.oj-datagrid-scrollers,
.oj-datagrid-databody {
  position: absolute;
  overflow: auto;
}

.oj-datagrid-databody-frozen-column,
.oj-datagrid-databody-frozen-row,
.oj-datagrid-databody-frozen-corner {
  position: absolute;
  overflow: hidden;
}


.oj-datagrid-scroller {
  position: absolute;
  width: 100%;
  height: 100%;
}


.oj-datagrid-scroller-touch {
  transition: 0.5s;
  transition-timing-function: var(--oj-animation-ease-out);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000;
}


.oj-datagrid-header-label.oj-hover,
.oj-datagrid-header-cell.oj-hover,
.oj-datagrid-end-header-cell.oj-hover,
.oj-datagrid-top-corner.oj-hover {
  background-image: linear-gradient(var(--oj-collection-header-bg-color-hover), var(--oj-collection-header-bg-color-hover));
}


.oj-datagrid-header-label.oj-partial-selected,
.oj-datagrid-header-cell.oj-partial-selected,
.oj-datagrid-end-header-cell.oj-partial-selected {
  background-color: var(--oj-collection-header-bg-color-partial-selected) !important;
}


.oj-datagrid-header-label.oj-selected,
.oj-datagrid-header-cell.oj-selected,
.oj-datagrid-end-header-cell.oj-selected {
  background-color: var(--oj-collection-header-bg-color-selected) !important;
}


.oj-datagrid-status {
  position: absolute;
  display: none;
}


.oj-datagrid-row-header-spacer,
.oj-datagrid-column-header-spacer,
.oj-datagrid-bottom-corner,
.oj-datagrid-top-corner {
  position: absolute;
  box-sizing: border-box;
  border-color: var(--oj-collection-border-color);
  border-style: solid;
}


html:not([dir="rtl"]) .oj-datagrid-top-corner {
  border-width: 0 1px 1px 0;
}

html[dir="rtl"] .oj-datagrid-top-corner {
  border-width: 0 0 1px 1px;
}


.oj-datagrid-bottom-corner {
  background-color: var(--oj-collection-free-space-bg-color);
}

html:not([dir="rtl"]) .oj-datagrid-bottom-corner {
  border-width: 1px 0 0 1px;
}

html[dir="rtl"] .oj-datagrid-bottom-corner {
  border-width: 1px 1px 0 0;
}


html:not([dir="rtl"]) .oj-datagrid-row-header-spacer {
  border-width: 1px 1px 0 0;
}

html[dir="rtl"] .oj-datagrid-row-header-spacer {
  border-width: 1px 0 0 1px;
}


html:not([dir="rtl"]) .oj-datagrid-column-header-spacer {
  border-width: 0 0 1px 1px;
}

html[dir="rtl"] .oj-datagrid-column-header-spacer {
  border-width: 0 1px 1px 0;
}


.oj-datagrid-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: var(--oj-core-cursor-clickable);
  height: var(--oj-button-sm-height);
  border-radius: var(--oj-button-border-radius);
}

.oj-datagrid-sort-icon,
.oj-datagrid-filter-icon {
  width: var(--oj-button-sm-height);
  min-width: var(--oj-button-sm-height);
  visibility: visible;
}

.oj-datagrid-disclosure-icon {
  width: 1.5rem;
  min-width: 1.5rem;
  margin-inline-end: 0.5rem;
}

.oj-datagrid-required-icon {
  padding: 0.25rem;
  cursor: default;
}

.oj-datagrid-required-icon:before {
  content: "*";
}


.oj-datagrid-sort-ascending-icon,
.oj-datagrid-sort-descending-icon,
.oj-datagrid-sort-default-icon,
.oj-datagrid-filterable-icon,
.oj-datagrid-filtered-icon {
  flex: 0 1 auto;
  font-size: inherit;
}

.oj-datagrid-icon-container .oj-component-icon, .oj-datagrid-icon-container .oj-menucheckbox-icon {
  color: var(--oj-private-button-ghost-chrome-text-color);
}

.oj-datagrid-icon-container.oj-hover .oj-component-icon, .oj-datagrid-icon-container.oj-hover .oj-menucheckbox-icon {
  color: var(--oj-core-text-color-secondary);
}

.oj-datagrid-icon-container.oj-active .oj-component-icon, .oj-datagrid-icon-container.oj-active .oj-menucheckbox-icon {
  color: var(--oj-core-text-color-secondary);
}


.oj-datagrid-cell.oj-datagrid-cut {
  opacity: 0.8;
}


.oj-datagrid .oj-draggable {
  cursor: move;
}


.oj-datagrid .oj-drag {
  opacity: 0.8;
  z-index: 1;
}


.oj-datagrid .oj-drop {
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  opacity: 0.8;
}


.oj-datagrid-databody .oj-drop {
  border: 1px solid var(--oj-core-drag-drop-color-2);
  background-color: var(--oj-core-drag-drop-color-1);
}


.oj-datagrid-header .oj-drop,
.oj-datagrid-end-header .oj-drop {
  border: 1px solid var(--oj-core-drag-drop-color-1);
  background-color: var(--oj-core-drag-drop-color-2);
}


.oj-datagrid-touch-selection-affordance,
.oj-datagrid-floodfill-affordance {
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  z-index: 1;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 2px solid var(--oj-core-border-color-selected);
  background-color: var(--oj-core-border-color-selected);
}

.oj-datagrid-touch-selection-affordance-top-corner-bounded {
  border-end-end-radius: 1.5px;
}

.oj-datagrid-touch-selection-affordance-bottom-corner-bounded,
.oj-datagrid-floodfill-affordance {
  border-start-start-radius: 1.5px;
}

.oj-datagrid-touch-selection-affordance-top-column {
  border-start-end-radius: 1.5px;
  border-end-end-radius: 1.5px;
}

.oj-datagrid-touch-selection-affordance-bottom-column {
  border-start-start-radius: 1.5px;
  border-end-start-radius: 1.5px;
}

.oj-datagrid-touch-selection-affordance-top-row {
  border-end-start-radius: 1.5px;
  border-end-end-radius: 1.5px;
}

.oj-datagrid-touch-selection-affordance-bottom-row {
  border-start-start-radius: 1.5px;
  border-start-end-radius: 1.5px;
}


.oj-datagrid-touch-area {
  width: 24px;
  height: 24px;
  position: absolute;
}

.oj-datagrid-popup-header,
.oj-datagrid-popup-content {
  align-self: flex-start;
  padding: 5px;
}

.oj-datagrid-popup-footer {
  align-self: flex-end;
  padding: 5px;
  text-align: end;
}

.oj-datagrid-tree-spacer {
  height: var(--oj-collection-grid-row-height);
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

.oj-datagrid-column-header-cell.oj-datagrid-hierarchical-group,
.oj-datagrid-column-header-cell.oj-datagrid-hierarchical-tree {
  justify-content: flex-start;
  text-align: start;
}

.oj-datagrid-row-header-cell.oj-datagrid-hierarchical-group .oj-datagrid-icon-container.oj-datagrid-disclosure-icon {
  margin-top: calc(-1 * var(--oj-collection-grid-cell-padding-vertical));
}

.oj-datagrid-draggable {
  cursor: grab;
}

.oj-datagrid-drag-active {
  cursor: grabbing;
}

.drag-source-opaque, .oj-datagrid-disabled-element {
  opacity: 0.3;
}

.oj-datagrid-row-drop-target-line {
  border-bottom: 2px solid var(--oj-core-drag-drop-line-color);
  position: absolute;
}

html:not([dir="rtl"]) .oj-datagrid-col-drop-target-line {
  border-right: 2px solid var(--oj-core-drag-drop-line-color);
  position: absolute;
}

html[dir="rtl"] .oj-datagrid-col-drop-target-line {
  border-left: 2px solid var(--oj-core-drag-drop-line-color);
  position: absolute;
}

.oj-datagrid-row-frozen-indicator {
  border-bottom: 4px solid var(--oj-collection-border-color);
  position: absolute;
}

html:not([dir="rtl"]) .oj-datagrid-col-frozen-indicator {
  border-right: 4px solid var(--oj-collection-border-color);
  position: absolute;
}

html[dir="rtl"] .oj-datagrid-col-frozen-indicator {
  border-left: 4px solid var(--oj-collection-border-color);
  position: absolute;
}

.dndContainer {
  position: absolute;
  overflow: auto;
  top: -10000px;
  opacity: 0.92;
}

.dndContainer::-webkit-scrollbar {
  display: none;
}

.oj-datagrid-drop-target {
  background-color: var(--oj-core-drag-drop-color-1);
}

.oj-datagrid-skeleton {
  width: 100%;
  height: 19px;
  background-color: var(--oj-animation-skeleton-bg-end-color);
}

html:not([dir="rtl"]) .oj-datagrid-row-end-header .oj-datagrid-skeleton-cell {
  border-width: 0 0 1px 1px;
}

html[dir="rtl"] .oj-datagrid-row-end-header .oj-datagrid-skeleton-cell {
  border-width: 0 1px 1px 0;
}

html:not([dir="rtl"]) .oj-datagrid-column-end-header .oj-datagrid-skeleton-cell {
  border-width: 1px 1px 0 0;
}

html[dir="rtl"] .oj-datagrid-column-end-header .oj-datagrid-skeleton-cell {
  border-width: 1px 0 0 1px;
}

html:not([dir="rtl"]) .oj-datagrid-col-hidden-indicator {
  border-right: 1px solid var(--oj-core-drag-drop-line-color);
  position: absolute;
}

html[dir="rtl"] .oj-datagrid-col-hidden-indicator {
  border-left: 1px solid var(--oj-core-drag-drop-line-color);
  position: absolute;
}

.oj-datagrid-row-hidden-indicator {
  border-bottom: 1px solid var(--oj-core-drag-drop-line-color);
  position: absolute;
}

.oj-datagrid-row-header-hidden-indicator {
  border-bottom: 3px solid var(--oj-core-drag-drop-line-color);
  position: absolute;
  cursor: pointer;
}

.oj-datagrid-col-header-hidden-indicator {
  cursor: pointer;
}

html:not([dir="rtl"]) .oj-datagrid-col-header-hidden-indicator {
  border-right: 3px solid var(--oj-core-drag-drop-line-color);
  position: absolute;
}

html[dir="rtl"] .oj-datagrid-col-header-hidden-indicator {
  border-left: 3px solid var(--oj-core-drag-drop-line-color);
  position: absolute;
}

.oj-datagrid-icon-hidden {
  display: flex;
  visibility: hidden;
  width: 0px;
  min-width: 0px;
}

.oj-datagrid-header-cell-content, .oj-datagrid-header-label-cell-content {
  display: -webkit-box;
  min-width: 1rem;
  white-space: normal;
  overflow: hidden;
}

.oj-datagrid-cell-validation-error {
  width: 0;
  height: 0;
  position: absolute;
  top: 1px;
  right: 1px;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid var(--oj-core-danger-3);
  border-top: 5px solid var(--oj-core-danger-3);
}






.oj-datagrid {
  --oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding:    var(--oj-collection-grid-cell-padding);
}

:root {
  --oj-date-picker-cell-font-size:               var(--oj-typography-body-md-font-size);
  --oj-date-picker-cell-border-color-today:      var(--oj-core-border-color-enabled);
}

oj-input-time:not(.oj-complete) {
  visibility: hidden;
}

oj-input-date:not(.oj-complete) {
  visibility: hidden;
}

oj-input-date-time:not(.oj-complete) {
  visibility: hidden;
}

oj-date-picker:not(.oj-complete) {
  visibility: hidden;
}

oj-calendar:not(.oj-complete) {
  visibility: hidden;
}

.oj-inputdatetime-inline,
.oj-inputdatetime-inline .oj-inputdatetime-time-only.oj-text-field.oj-read-only .oj-text-field-input.oj-inputdatetime-input {
  display: inline-block;
}

.oj-inputdatetime-inline .oj-inputdatetime-time-only .oj-messaging-inline-container {
  display: none;
}

.oj-datepicker-inline {
  
  max-width: 21rem;
  width: 100%;
}

.oj-inputdatetime-input-trigger {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  border-style: solid;
  border-color: var(--oj-text-field-border-color);
  background-color: transparent;
  height: var(--oj-text-field-height);
  line-height: var(--oj-text-field-height);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  outline: 0;
}

.oj-inputdatetime-date-only.oj-loading .oj-datepicker-popup {
  background-color: var(--oj-animation-skeleton-bg-end-color);
  background-size: 200% 200%;
  animation-name: SkeletonAnimation;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}

.oj-inputdatetime.oj-read-only .oj-inputdatetime-input-trigger {
  display: none;
}

.oj-inputdatetime-calendar-clock-icon,
.oj-inputdatetime-calendar-icon,
.oj-inputdatetime-time-icon {
  cursor: pointer;
  padding: 0 0.3125rem;
  vertical-align: middle;
  line-height: inherit;
}

.oj-inputdatetime-calendar-clock-icon.oj-disabled,
.oj-inputdatetime-calendar-icon.oj-disabled,
.oj-inputdatetime-time-icon.oj-disabled {
  cursor: default;
}

.oj-inputdatetime-clear-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--oj-text-field-height);
  width: 1.5625rem;
  text-decoration: none;
  cursor: var(--oj-core-cursor-clickable);
}

a.oj-inputdatetime-clear-icon-btn:active {
  background-color: transparent;
}

.oj-inputdatetime-clear-icon {
  color: inherit;
}

.oj-text-field-container.oj-form-control-empty-clearicon .oj-inputdatetime-clear-icon-btn {
  display: none;
}

.oj-datepicker-popup {
  min-width: 17.5rem;
  min-height: 21.5rem;
}

.oj-datepicker-popup.oj-popup {
  box-shadow: var(--oj-core-dropdown-box-shadow);
}

.oj-datepicker-popup .oj-popup-content {
  padding: 0;
}


.oj-datepicker-content {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

html[dir="rtl"] .oj-datepicker-content {
  direction: rtl;
}

.oj-datepicker-header {
  margin: 0.75rem;
  color: var(--oj-heading-text-color);
  position: relative;
  background: none;
  border: 0;
  display: flex;
  align-content: center;
  justify-content: space-between;
  min-height: var(--oj-private-text-field-button-height);
}

.oj-datepicker-inline .oj-datepicker-header {
  margin: 5px 5px 0.75rem;
}

.oj-datepicker-group-first .oj-datepicker-header {
  justify-content: flex-start;
}

.oj-datepicker-group-last .oj-datepicker-header {
  justify-content: flex-end;
}

.oj-datepicker-group-middle .oj-datepicker-header {
  justify-content: center;
}

.oj-datepicker-prev-icon,
.oj-datepicker-next-icon {
  line-height: var(--oj-private-text-field-button-height);
  width: var(--oj-private-text-field-button-height);
  border-radius: var(--oj-button-border-radius);
  color: var(--oj-button-borderless-chrome-text-color);
}

.oj-datepicker-prev-icon:not(.oj-disabled).oj-hover,
.oj-datepicker-next-icon:not(.oj-disabled).oj-hover {
  color: var(--oj-button-borderless-chrome-text-color-hover);
  background-color: var(--oj-button-borderless-chrome-bg-color-hover);
  border-color: var(--oj-button-borderless-chrome-border-color-hover);
}

.oj-datepicker-header a.oj-datepicker-prev-icon.oj-active,
.oj-datepicker-header a.oj-datepicker-next-icon.oj-active {
  color: var(--oj-button-borderless-chrome-text-color-active);
  background-color: var(--oj-button-borderless-chrome-bg-color-active);
  border-color: var(--oj-button-borderless-chrome-border-color-active);
}

html:not([dir="rtl"]) .oj-datepicker-prev-icon {
  left: 2px;
}

html[dir="rtl"] .oj-datepicker-prev-icon {
  right: 2px;
}

.oj-datepicker-next-icon {
  order: 3;
}

html:not([dir="rtl"]) .oj-datepicker-next-icon {
  right: 2px;
}

html[dir="rtl"] .oj-datepicker-next-icon {
  left: 2px;
}

.oj-datepicker-title {
  margin: auto 2.2em;
  text-align: center;
}

.oj-datepicker-title select {
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
  margin: 1px 0;
  background-color: inherit;
  color: inherit;
}

.oj-datepicker-header a.oj-enabled {
  text-decoration: none;
  color: var(--oj-core-text-color-primary);
}

.oj-datepicker-buttonpane a.oj-enabled {
  text-decoration: none;
  color: var(--oj-link-text-color);
}

.oj-datepicker-buttonpane a.oj-enabled.oj-hover {
  color: var(--oj-link-text-color);
}

.oj-datepicker-buttonpane a.oj-enabled.oj-active {
  color: var(--oj-link-text-color);
}

.oj-datepicker-month-year {
  width: 100%;
}

.oj-datepicker-month {
  margin-right: 0.3125rem;
}

.oj-datepicker-header a.oj-enabled:not(.oj-disabled) {
  cursor: pointer;
}

.oj-datepicker-month,
.oj-datepicker-year {
  font-size: var(--oj-typography-body-lg-font-size);
  width: 48%;
  min-width: 0;
}

.oj-datepicker-calendar {
  border-collapse: collapse;
  margin: 0 0.75rem 0.75rem;
  outline: 0 none;
}

.oj-datepicker-inline .oj-datepicker-calendar {
  margin: 0;
}

.oj-datepicker-calendar th,
.oj-datepicker-calendar td {
  border: 0;
  text-align: center;
}

.oj-datepicker-calendar th {
  padding: 0 0 0.25rem;
  color: var(--oj-core-text-color-secondary);
  text-transform: uppercase;
  font-size: var(--oj-typography-body-2xs-font-size);
  line-height: var(--oj-typography-body-2xs-line-height);
}

.oj-datepicker-calendar td {
  padding: 0;
  font-size: var(--oj-date-picker-cell-font-size);
  width: 3rem;
  height: 3rem;
}

.oj-datepicker-inline .oj-datepicker-calendar td {
  width: 3rem;
}

.oj-datepicker-calendar td span,
.oj-datepicker-calendar td a {
  display: flex;
  padding: 0;
  border-radius: .25rem;
  box-sizing: border-box;
  width: 2.25rem;
  height: 2.25rem;
  max-width: 2.25rem;
  max-height: 2.25rem;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.oj-datepicker-calendar.oj-datepicker-weekdisplay td {
  width: 2.625rem;
}

.oj-datepicker-calendar.oj-datepicker-weekdisplay td a {
  height: 2.625rem;
}

.oj-datepicker-inline .oj-datepicker-calendar.oj-datepicker-weekdisplay td {
  width: 2.625rem;
}

.oj-datepicker-inline .oj-datepicker-calendar.oj-datepicker-weekdisplay td a {
  height: 2.625rem;
}

.oj-datepicker-calendar.oj-datepicker-monthview,
.oj-datepicker-calendar.oj-datepicker-yearview {
  height: calc(15.25rem + var(--oj-typography-body-xs-line-height) * var(--oj-typography-body-xs-font-size));
}

.oj-datepicker-calendar.oj-datepicker-monthview td,
.oj-datepicker-calendar.oj-datepicker-yearview td {
  width: 5.25rem;
}

.oj-datepicker-inline .oj-datepicker-calendar.oj-datepicker-monthview td,
.oj-datepicker-inline .oj-datepicker-calendar.oj-datepicker-yearview td {
  width: 5.25rem;
}

.oj-datepicker-calendar.oj-datepicker-monthview td span,
.oj-datepicker-calendar.oj-datepicker-monthview td a,
.oj-datepicker-calendar.oj-datepicker-yearview td span,
.oj-datepicker-calendar.oj-datepicker-yearview td a {
  width: 3.25rem;
  height: 1.75rem;
  max-width: 3.25rem;
  max-height: 1.75rem;
  line-height: 1.5rem;
  white-space: nowrap;
}

.oj-datepicker-calendar td a:focus {
  outline: none;
}

.oj-datepicker-calendar td a.oj-enabled {
  border: 1px solid transparent;
  color: var(--oj-core-text-color-primary);
  text-decoration: none;
}

.oj-datepicker-calendar td.oj-datepicker-today a.oj-hover,
.oj-datepicker-calendar td a.oj-hover {
  background-color: var(--oj-core-bg-color-hover);
}

.oj-datepicker-calendar td.oj-datepicker-today a.oj-selected,
.oj-datepicker-calendar td a.oj-selected {
  font-weight: 600;
  background-color: var(--oj-button-call-to-action-chrome-bg-color);
  color: var(--oj-core-brand-contrast);
  border-color: transparent;
}

.oj-datepicker-calendar td.oj-datepicker-today a.oj-selected {
  outline-style: solid;
  outline-offset: 1px;
  outline-width: 1px;
  outline-color: var(--oj-date-picker-cell-border-color-today);
}

.oj-datepicker-calendar td.oj-disabled span {
  color: var(--oj-core-text-color-disabled);
}

.oj-datepicker-calendar td.oj-datepicker-other-month a.oj-enabled {
  color: var(--oj-core-text-color-secondary);
  opacity: .7;
}

.oj-datepicker-calendar td.oj-datepicker-today a {
  background-color: transparent;
  border: 1px solid var(--oj-date-picker-cell-border-color-today);
}

.oj-datepicker-buttonpane {
  box-sizing: border-box;
  height: var(--oj-private-text-field-button-height);
  line-height: var(--oj-private-text-field-button-height);
  font-size: var(--oj-button-font-size);
  font-weight: var(--oj-button-font-weight);
  text-align: center;
  display: inline-block;
  width: 100%;
}

html[dir="rtl"] .oj-datepicker-buttonpane {
  clear: right;
}

.oj-datepicker-buttonpane a {
  width: auto;
  overflow: visible;
}

.oj-datepicker-buttonpane .oj-datepicker-single-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.oj-datepicker-content.oj-datepicker-multi {
  width: auto;
}

.oj-datepicker-group {
  box-sizing: border-box;
}

.oj-datepicker-multi .oj-datepicker-group {
  float: left;
}

html[dir="rtl"] .oj-datepicker-multi .oj-datepicker-group {
  float: right;
}

.oj-datepicker-multi-2 .oj-datepicker-group {
  width: 50%;
}

.oj-datepicker-multi-3 .oj-datepicker-group {
  width: 33.3%;
}

.oj-datepicker-multi-4 .oj-datepicker-group {
  width: 25%;
}

.oj-datepicker-multi .oj-datepicker-group-last .oj-datepicker-header,
.oj-datepicker-multi .oj-datepicker-group-middle .oj-datepicker-header {
  border-inline-start-width: 0;
}

.oj-datepicker-multi .oj-datepicker-buttonpane {
  clear: left;
}

.oj-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.oj-datepicker-unselectable {
  opacity: 0.35;
}

.oj-datepicker-calendar.oj-focus-highlight td.oj-datepicker-days-cell-over a,
.oj-datepicker-calendar.oj-focus-highlight td.oj-datepicker-days-cell-over span {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-datepicker-week-col {
  color: var(--oj-label-color);
  width: 2.625rem;
}

.oj-datepicker-inline .oj-datepicker-week-col {
  width: 2.625rem;
}

th.oj-datepicker-week-col,
td.oj-datepicker-week-col {
  border-inline-end-width: 1px;
  border-inline-end-style: solid;
  border-inline-end-color: var(--oj-core-divider-color);
}

.oj-datepicker-inline {
  margin-bottom: 0.375rem;
}

html .oj-inputdatetime-inline .oj-inputdatetime-time-only {
  margin-bottom: 0;
}

.oj-datetimepicker-switcher {
  border-radius: 0 0 var(--oj-popup-border-radius) var(--oj-popup-border-radius);
  padding: 0.9375rem 0.75rem 0.3125rem 0.75rem;
  display: flex;
  justify-content: space-between;
}

.oj-datetimepicker-switcher a.oj-enabled {
  display: inline-block;
  color: var(--oj-core-text-color-primary);
  text-decoration: none;
  vertical-align: middle;
}

.oj-datetimepicker-switcher .oj-inputdatetime-calendar-icon,
.oj-datetimepicker-switcher .oj-inputdatetime-time-icon {
  padding-inline-start: 0;
}

.oj-datetimepicker-switcher-buttons a:first-child {
  padding-inline-end: 1.25rem;
}

.oj-timepicker-popup .oj-popup-content {
  padding: 0;
}

.oj-timepicker-content {
  height: 25.25rem;
  padding: 0 0.75rem;
  min-width: 22.5rem;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-content: center;
  justify-content: space-around;
}

.oj-timepicker-mobile-content {
  height: 100vh;
  min-width: 17.25rem;
  width: 18.75rem;
}

.oj-timepicker-datetime-mobile-content {
  min-width: 17.25rem;
  width: 18.75rem;
}

.oj-timepicker-header,
.oj-timepicker-footer {
  color: var(--oj-core-text-color-primary);
  font-size: 1.125rem;
  height: 2.1875rem;
  line-height: 2.1875rem;
  background: none;
  border: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

html:not([dir="rtl"]) .oj-timepicker-cancel-button {
  left: 0;
}

html[dir="rtl"] .oj-timepicker-cancel-button {
  right: 0;
}

html:not([dir="rtl"]) .oj-timepicker-ok-button {
  right: 0;
}

html[dir="rtl"] .oj-timepicker-ok-button {
  left: 0;
}

.oj-timepicker-footer {
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.oj-timepicker-header a.oj-enabled,
.oj-timepicker-footer a.oj-enabled {
  text-decoration: none;
  color: var(--oj-core-text-color-primary);
}

.oj-timepicker-wheel-group {
  display: flex;
  justify-content: center;
  width: 100%;
  position: absolute;
  align-self: center;
  margin-top: 1rem;
}

.oj-timepicker-wheel {
  position: relative;
  height: 18.5rem;
  width: 5.75rem;
  overflow: hidden;
  box-sizing: border-box;
  outline: 0;
}

.oj-timepicker-wheel.oj-timepicker-minute,
.oj-timepicker-wheel.oj-timepicker-meridian {
  border-image: linear-gradient(180deg, rgba(241, 239, 237, 0), rgba(86, 80, 75, 0.2), rgba(241, 239, 237, 0)) 1;
  border-inline-start-width: 1px;
  border-inline-start-style: solid;
}

.oj-timepicker-wheel-item {
  transition: all 0.15s;
  top: -6.25rem;
  position: absolute;
  width: 5.75rem;
  text-align: center;
  color: var(--oj-core-text-color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.oj-timepicker-wheel-item.oj-disabled {
  color: var(--oj-core-text-color-disabled);
}

.oj-timepicker-wheel-item-content {
  text-align: center;
  white-space: nowrap;
}

.oj-timepicker-wheel.oj-focus .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0 {
  border-radius: var(--oj-text-field-border-radius);
  background-color: var(--oj-core-bg-color-hover);
  color: var(--oj-core-text-color-primary);
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0 {
  font-size: 2.25rem;
  font-weight: 600;
  height: 2.5rem;
  top: 7.25rem;
  opacity: 1;
  padding: 0.75rem 0 1rem;
}

.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0,
.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1,
.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1 {
  font-size: var(--oj-typography-subheading-sm-font-size);
  font-weight: normal;
  padding: 1.125rem 0 0.625rem;
  margin-top: 0;
}

.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0 {
  font-weight: bold;
}

.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1,
.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1 {
  font-weight: 300;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1 {
  font-size: 2.25rem;
  font-weight: 300;
  height: 2.5rem;
  opacity: 0.3;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2 {
  font-size: 2.25rem;
  font-weight: 300;
  height: 1.875rem;
  opacity: 0.1;
}

.oj-timepicker-wheel-item {
  height: 1.25rem;
}

.oj-timepicker-meridian .oj-timepicker-wheel-item-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1 {
  top: 11.5rem;
  margin-top: 0.75rem;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2 {
  top: 14.75rem;
  margin-top: 1.25rem;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position3,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position4,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position5,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position6,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position7 {
  top: 18.5rem;
  visibility: hidden;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1 {
  top: 3.75rem;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2 {
  top: 0;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-3,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-4,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-5,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-6,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-7 {
  top: -1.5rem;
  visibility: hidden;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input-trigger {
  height: 100%;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime:not(.oj-disabled) .oj-inputdatetime-input-trigger {
  background-color: transparent;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime:not(.oj-invalid):not(.oj-warning) .oj-inputdatetime-input-trigger {
  border-width: 0;
}


.oj-inputdatetime-option-defaults {
  font-family: '{"keyboardEdit":"enabled","converterYear":"numeric","showPickerOnDesktop":"disabled"}' !important;
}

.oj-datetimepicker-config {
  font-family: "{}" !important;
}

.oj-text-field .oj-inputdatetime-input-trigger {
  border: 0;
}

.oj-text-field-label-inside .oj-inputdatetime-input {
  background-color: transparent;
  padding: var(--oj-text-field-inside-edge-padding-top) var(--oj-text-field-text-to-edge-padding) 0;
}

.oj-text-field-label-inside .oj-inputdatetime-input-trigger {
  min-height: var(--oj-text-field-inside-edge-height);
}

:root {
  --oj-drawer-overlay-bg-color: rgb(var(--oj-palette-neutral-rgb-10));
}

:root {
  --oj-drawer-reflow-bg-color: rgb(var(--oj-palette-neutral-rgb-10));
  --oj-drawer-reflow-divider-color: rgb(var(--oj-palette-neutral-rgb-40));
  --oj-drawer-overlay-bg-color: rgb(var(--oj-palette-neutral-rgb-10));
}

.oj-drawer-reflow-wrapper {
  --oj-current-bg-color:              var(--oj-drawer-overlay-bg-color);
}

.oj-drawer-layout-surrogate .oj-drawer-overlay {
  --oj-current-bg-color:              var(--oj-drawer-overlay-bg-color);
}

oj-drawer-layout:not(.oj-complete) {
  visibility: hidden;
}

.oj-drawer-hidden {
  display: none !important;
}

.oj-drawer-disable-body-overflow {
  overflow: hidden !important;
}

oj-drawer-layout {
  display: flex;
}

.oj-drawer-layout-middle-section {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.oj-drawer-layout-main-content {
  flex-grow: 1;
  overflow-y: auto;
}

.oj-drawer-reflow-wrapper {
  display: block;
  flex: 0 0 auto;
  background: var(--oj-drawer-overlay-bg-color);
}

.oj-drawer-reflow-wrapper .oj-drawer-reflow {
  height: 100%;
}

html:not([dir="rtl"]) .oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-start {
  border-right: 1px solid var(--oj-drawer-reflow-divider-color);
}

html[dir="rtl"] .oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-start {
  border-left: 1px solid var(--oj-drawer-reflow-divider-color);
}

html:not([dir="rtl"]) .oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-end {
  border-left: 1px solid var(--oj-drawer-reflow-divider-color);
}

html[dir="rtl"] .oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-end {
  border-right: 1px solid var(--oj-drawer-reflow-divider-color);
}

.oj-drawer-reflow-wrapper.oj-drawer-reflow.oj-drawer-bottom {
  border-top: 1px solid var(--oj-drawer-reflow-divider-color);
}

.oj-drawer-reflow-wrapper.oj-drawer-reflow,
.oj-drawer-overlay {
  overflow-y: auto;
}

.oj-drawer-layout-surrogate {
  position: relative;
  z-index: var(--oj-core-z-index-popup);
}

.oj-drawer-layout-surrogate .oj-drawer-overlay {
  position: absolute;
  background: var(--oj-drawer-overlay-bg-color);
}

.oj-drawer-layout-surrogate .oj-drawer-start,
.oj-drawer-layout-surrogate .oj-drawer-end {
  min-width: 320px;
  max-width: 90vw;
}

.oj-drawer-layout-surrogate .oj-drawer-bottom {
  max-height: 100vh;
}

@supports (-webkit-touch-callout: none) {
  .oj-drawer-layout-surrogate .oj-drawer-bottom {
    max-height: -webkit-fill-available;
  }
}

.oj-drawer-layout-surrogate .oj-drawer-full-overlay.oj-drawer-start,
.oj-drawer-layout-surrogate .oj-drawer-full-overlay.oj-drawer-end {
  width: 100%;
  max-width: 100%;
  min-width: initial;
}

.oj-drawer-layout-surrogate .oj-drawer-full-overlay.oj-drawer-bottom {
  max-height: 100vh;
}

html:not([dir="rtl"]) .oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-start {
  box-shadow: 8px 0 15px rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

html[dir="rtl"] .oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-start {
  box-shadow: -8px 0 15px rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

html:not([dir="rtl"]) .oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-end {
  box-shadow: -8px 0 15px rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

html[dir="rtl"] .oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-end {
  box-shadow: 8px 0 15px rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

.oj-drawer-layout-surrogate .oj-drawer-overlay.oj-drawer-bottom {
  box-shadow: 0 -8px 15px rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

.oj-drawer-popup-surrogate oj-drawer-popup {
  --oj-current-bg-color:              var(--oj-drawer-overlay-bg-color);
}

oj-drawer-popup:not(.oj-complete) {
  visibility: hidden;
}

oj-drawer-popup {
  display: none;
}

.oj-drawer-full-height {
  height: 100%;
}

.oj-drawer-disable-body-overflow {
  overflow: hidden !important;
}

.oj-drawer-focus-guard {
  height: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 1px;
}

.oj-drawer-popup-surrogate:not(.oj-component-overlay) {
  position: relative;
}

.oj-drawer-popup-surrogate {
  z-index: var(--oj-core-z-index-popup);
}

.oj-drawer-popup-surrogate.oj-drawer-modal {
  z-index: var(--oj-core-z-index-dialog);
}

.oj-drawer-popup-surrogate.oj-drawer-modal.oj-focus-within {
  z-index: calc(var(--oj-core-z-index-dialog) + 1);
}

.oj-drawer-popup-surrogate oj-drawer-popup {
  position: fixed;
  background: var(--oj-drawer-overlay-bg-color);
  overflow-y: auto;
}

.oj-drawer-popup-surrogate:not(.oj-drawer-modal) oj-drawer-popup {
  overscroll-behavior: contain;
}

.oj-drawer-popup-surrogate .oj-drawer-start,
.oj-drawer-popup-surrogate .oj-drawer-end {
  max-width: 90vw;
  min-width: 320px;
  top: 0;
  bottom: 0;
}

html:not([dir="rtl"]) .oj-drawer-popup-surrogate .oj-drawer-start {
  left: 0;
}

html[dir="rtl"] .oj-drawer-popup-surrogate .oj-drawer-start {
  right: 0;
}

html:not([dir="rtl"]) .oj-drawer-popup-surrogate .oj-drawer-end {
  right: 0;
}

html[dir="rtl"] .oj-drawer-popup-surrogate .oj-drawer-end {
  left: 0;
}

.oj-drawer-popup-surrogate .oj-drawer-full-overlay {
  width: 100%;
  max-width: 100%;
}

.oj-drawer-popup-surrogate .oj-drawer-bottom {
  left: 0;
  right: 0;
  bottom: 0;
}

html:not([dir="rtl"]) .oj-drawer-popup-surrogate .oj-drawer-start {
  box-shadow: 0.3rem 0 1.5rem rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

html[dir="rtl"] .oj-drawer-popup-surrogate .oj-drawer-start {
  box-shadow: -0.3rem 0 1.5rem rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

html:not([dir="rtl"]) .oj-drawer-popup-surrogate .oj-drawer-end {
  box-shadow: -0.3rem 0 1.5rem rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

html[dir="rtl"] .oj-drawer-popup-surrogate .oj-drawer-end {
  box-shadow: 0.3rem 0 1.5rem rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

.oj-drawer-popup-surrogate .oj-drawer-bottom {
  box-shadow: 0 -0.3rem 0.3rem 0 rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

:root {
  --oj-diagram-node-border-color-hover:              rgb(var(--oj-palette-neutral-rgb-120));
  --oj-diagram-link-color:                           rgb(var(--oj-palette-neutral-rgb-120));
  --oj-diagram-node-bg-color:               rgb(var(--oj-palette-neutral-rgb-170));
}

oj-diagram:not(.oj-complete) {
  visibility: hidden;
}

oj-diagram {
  display: block;
}

.oj-diagram {
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  height: 560px;
}

.oj-diagram-node {
  fill: var(--oj-diagram-node-bg-color);
}

.oj-diagram-node.oj-hover {
  border-top-color: var(--oj-diagram-node-border-color-hover);
  border-bottom-color: var(--oj-dvt-item-contrast-color);
}

.oj-diagram-node.oj-selected {
  border-color: var(--oj-dvt-item-border-color-selected);
}

.oj-diagram-node-label {
  font-size: var(--oj-dvt-label-font-size-sm);
  color: var(--oj-core-text-color-primary);
}

.oj-diagram-link {
  color: var(--oj-diagram-link-color);
  padding: 10px;
}

.oj-diagram-link.oj-hover {
  border-top-color: var(--oj-diagram-link-color);
  border-bottom-color: var(--oj-dvt-item-contrast-color);
}

.oj-diagram-link.oj-selected {
  border-color: var(--oj-dvt-item-border-color-selected);
}

.oj-diagram-link-label {
  font-size: var(--oj-dvt-label-font-size-sm);
  color: var(--oj-core-text-color-primary);
}

.oj-diagram .oj-active-drop {
  fill: var(--oj-core-drag-drop-color-1);
  fill-opacity: 0.75;
}

.oj-diagram .oj-invalid-drop {
  cursor: no-drop;
}

.oj-diagram-node.oj-active-drop {
  fill: var(--oj-core-drag-drop-color-1);
  fill-opacity: 0.75;
}

.oj-diagram-node.oj-invalid-drop {
  cursor: no-drop;
}

.oj-diagram-link.oj-active-drop {
  stroke: var(--oj-core-drag-drop-color-1);
  stroke-opacity: 0.75;
}

.oj-diagram-link.oj-invalid-drop {
  cursor: no-drop;
}

.oj-diagram-overview {
  background-color: var(--oj-dvt-overview-bg-color);
  padding: 0px;
}

.oj-diagram-overview-content {
  padding: 10px;
}

.oj-diagram-overview-viewport {
  background-color: var(--oj-dvt-overview-window-bg-color);
  border-color: var(--oj-dvt-overview-window-border-color);
}

.oj-diagram-overview-container-node {
  fill-opacity: 0.25;
}



.oj-resizable {
  position: relative;
}

.oj-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  z-index: var(--oj-private-core-z-index-resizable);
  -webkit-user-select: none;
          user-select: none;
}

.oj-resizable-disabled .oj-resizable-handle,
.oj-resizable-autohide .oj-resizable-handle {
  display: none;
}

.oj-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.oj-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.oj-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.oj-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.oj-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.oj-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.oj-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.oj-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

:root {
  --oj-toolbar-button-margin:.5rem;
  --oj-toolbar-borderless-button-margin:.125rem;
  --oj-toolbar-separator-margin:.5rem;
  --oj-private-toolbar-global-chroming-default:borderless;
}

:root {
  --oj-dialog-bg-color:                 rgb(var(--oj-palette-neutral-rgb-10));
  --oj-dialog-border-color:             rgba(var(--oj-palette-neutral-rgb-190),.1);
  --oj-dialog-border-radius:            var(--oj-core-border-radius-lg);
  --oj-dialog-box-shadow:               var(--oj-core-box-shadow-xl);
  --oj-dialog-cancel-icon-margin-top: -1.5rem;
  --oj-dialog-cancel-icon-margin-end: -1.5rem;
  --oj-dialog-header-padding:           2.75rem 2rem 0.75rem;
  --oj-dialog-body-padding:             0 2rem 1rem 2rem;
  --oj-dialog-footer-padding:           1rem 2rem 2rem 2rem;
  --oj-dialog-header-bg-color:          transparent;
  --oj-dialog-header-border-color:      transparent;
  --oj-dialog-title-font-size:         var(--oj-typography-heading-xs-font-size);
  --oj-dialog-title-line-height:       var(--oj-typography-heading-xs-line-height);
  --oj-dialog-title-font-weight:       var(--oj-typography-heading-xs-font-weight);
  --oj-dialog-title-text-color:        var(--oj-core-text-color-primary);
}



@media screen and (max-width: 599.9px) {
  :root {
    --oj-dialog-header-padding:        2.5rem 1rem 0.75rem;
    --oj-dialog-body-padding:          0 1rem 1rem 1rem;
    --oj-dialog-footer-padding:        1rem 1rem 2rem 1rem;
  }
}

.oj-dialog {
  --oj-current-bg-color:                   var(--oj-dialog-bg-color);
}



oj-dialog {
  display: none;
}

.oj-dialog-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-height: inherit;
}


.oj-dialog-layer {
  z-index: var(--oj-core-z-index-dialog);
}

.oj-dialog-layer.oj-focus-within {
  z-index: calc(var(--oj-core-z-index-dialog) + 1);
}

.oj-dialog {
  width: 600px;
  min-width: 200px;
  max-width: calc(100vw - 3rem);
  max-height: calc(100vh - 3rem);
  height: auto;
  box-sizing: border-box;
  box-shadow: var(--oj-dialog-box-shadow);
  background: var(--oj-dialog-bg-color);
  border: 1px solid var(--oj-dialog-border-color);
  border-radius: var(--oj-dialog-border-radius);
}

.oj-dialog-sheet {
  width: 100vw;
  max-width: 100vw;
  min-width: initial;
  max-height: 100vh;
  border-radius: var(--oj-dialog-border-radius) var(--oj-dialog-border-radius) 0px 0px;
}

.oj-dialog-full {
  min-width: 100vw;
  max-width: 100vw;
  min-height: 100vh;
  max-height: 100vh;
  width: 100vw;
  height: 100vh;
  border-radius: 0px;
}


@supports (-webkit-touch-callout: none) {
  
  .oj-dialog-sheet {
    max-height: -webkit-fill-available;
  }
  .oj-dialog-full {
    min-height: -webkit-fill-available;
    max-height: -webkit-fill-available;
    height: -webkit-fill-available;
  }
}


.oj-dialog-sheet-animating {
  overflow: hidden !important;
}


.oj-dialog.oj-dialog-small-screen {
  max-height: initial;
  max-width: initial;
}

.oj-dialog.oj-resizable {
  position: absolute;
}

.oj-dialog-header {
  flex: 0 0 auto;
  border-width: 0 0 1px 0;
  border-style: solid;
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: var(--oj-dialog-header-padding);
  background-color: var(--oj-dialog-header-bg-color);
  border-bottom-color: var(--oj-dialog-header-border-color);
}

.oj-draggable .oj-dialog-header,
.oj-draggable .oj-dialog-title {
  cursor: move;
}

.oj-dialog-header-close-wrapper {
  margin-block-start: var(--oj-dialog-cancel-icon-margin-top);
  margin-inline-end: var(--oj-dialog-cancel-icon-margin-end);
}

.oj-dialog-title {
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
          user-select: none;
  align-self: center;
  font-size: var(--oj-dialog-title-font-size);
  line-height: var(--oj-dialog-title-line-height);
  color: var(--oj-dialog-title-text-color);
  font-weight: var(--oj-dialog-title-font-weight);
  margin: 0;
  padding: 0;
}

.oj-dialog-header-close .oj-dialog-title {
  padding-inline-end: 0.2rem;
}

.oj-dialog-content > p:last-child {
  margin-bottom: 0;
}

.oj-dialog-content {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto;
}

.oj-dialog-body-wrapper {
  height: 100%;
}

.oj-dialog-body {
  position: relative;
  overflow: auto;
  box-sizing: border-box;
  padding: var(--oj-dialog-body-padding);
}

.oj-dialog-footer-separator {
  border-top: 1px solid var(--oj-core-divider-color);
}

.oj-dialog-footer {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  padding: var(--oj-dialog-footer-padding);
  text-align: end;
}

.oj-dialog-footer > .oj-button,
.oj-dialog-footer > .oj-button > .oj-button-button,
.oj-dialog-footer > oj-c-button {
  margin-left: var(--oj-toolbar-button-margin);
}

.oj-dialog:focus,
.oj-dialog-header-close-wrapper:focus {
  outline: none;
}

.oj-dialog.oj-focus-highlight,
.oj-dialog-header-close-wrapper.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
}

.oj-dialog-layer.oj-focus-within,
.oj-dialog-layer.oj-animate-open {
  z-index: calc(var(--oj-core-z-index-dialog) + 1);
}

.oj-dialog-option-defaults {
  font-family: '{"animation":{"normal":{"open":[{"effect":"zoomIn"},"fadeIn"],"close":[{"effect":"zoomOut"},"fadeOut"]},"sheet":{"open":[{"effect":"slideIn","direction":"top"},"fadeIn"],"close":[{"effect":"slideOut","direction":"bottom"},"fadeOut"]}},"resizeBehavior":"none","cancelBehavior":"none","dragAffordance":"none"}' !important;
}

.oj-private-scale-lg {
  --oj-dialog-border-radius:          6px;
  --oj-dialog-cancel-icon-margin-top: -24px;
  --oj-dialog-cancel-icon-margin-end: -24px;
  --oj-dialog-header-padding:         32px 32px 12px;
  --oj-dialog-body-padding:           0 32px 16px 32px;
  --oj-dialog-footer-padding:         16px 32px 32px 32px;
  --oj-dialog-title-font-size:        20px;
  --oj-dialog-title-line-height:      1.4;
}

.oj-dialog-header {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/texture-dialog-144x20-opacity-08.png");
  background-repeat: repeat-x;
  background-size: auto 1.25rem;
}

:root {
  --oj-file-picker-border-color:              var(--oj-core-border-color-enabled);
  --oj-file-picker-border-width:              1px;
  --oj-file-picker-border-radius:             var(--oj-core-border-radius-xl);
}

oj-file-picker:not(.oj-complete) {
  visibility: hidden;
}

.oj-filepicker {
  display: inline-block;
}

.oj-filepicker-no-trigger.oj-filepicker {
  max-width: 400px;
  width: 100%;
  display: block;
}

.oj-filepicker-container {
  height: 100%;
}

.oj-filepicker-disabled,
.oj-filepicker-dropzone {
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  border-radius: var(--oj-file-picker-border-radius);
  padding: 1.5rem;
  border-style: dashed;
  border-width: var(--oj-file-picker-border-width);
  height: 100%;
}

.oj-filepicker-disabled {
  background-color: var(--oj-core-color-disabled-1);
  border-color: transparent;
}

.oj-filepicker-dropzone {
  background-color: var(--oj-core-bg-color-content);
  border-color: var(--oj-file-picker-border-color);
}

.oj-filepicker-dropzone.oj-invalid-drop {
  border-color: var(--oj-core-danger-1);
}

.oj-filepicker-dropzone:active {
  background-image: linear-gradient(var(--oj-core-bg-color-active), var(--oj-core-bg-color-active));
}

.oj-filepicker-dropzone.oj-valid-drop {
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
}

.oj-filepicker-dropzone:hover:not(.oj-filepicker-disabled) {
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
  cursor: pointer;
}


.oj-filepicker-dropzone:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-filepicker-dropzone:not(.oj-focus-highlight):focus {
  outline: none;
}

.oj-filepicker-text {
  font-size: var(--oj-typography-body-xl-font-size);
  font-weight: bold;
  color: var(--oj-core-text-color-primary);
  margin-bottom: 6px;
}

.oj-filepicker-secondary-text {
  font-size: var(--oj-typography-body-sm-font-size);
  line-height: var(--oj-typography-body-sm-line-height);
  color: var(--oj-core-text-color-secondary);
}

.oj-filepicker-disabled .oj-filepicker-text,
.oj-filepicker-disabled .oj-filepicker-secondary-text {
  color: var(--oj-core-text-color-disabled);
}



oj-film-strip:not(.oj-complete) {
  visibility: hidden;
}

.oj-filmstrip {
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
}

.oj-filmstrip:not(.oj-focus-highlight):focus {
  outline: none;
}

.oj-filmstrip:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-filmstrip-container {
  position: relative;
  display: flex;
}

.oj-filmstrip-vertical.oj-filmstrip-container,
.oj-filmstrip-vertical .oj-filmstrip-container {
  flex-direction: column;
}

.oj-filmstrip-content-container {
  overflow: hidden;
}

.oj-filmstrip-pages-container,
.oj-filmstrip-page,
.oj-filmstrip-content-container {
  flex-grow: 1;
  flex-shrink: 0;
}

.oj-filmstrip-item-container {
  align-items: center;
  justify-content: space-around;
}

.oj-filmstrip-item {
  flex-grow: 0;
  flex-shrink: 0;
}

.oj-filmstrip-transition {
  transition: transform var(--oj-animation-duration-long);
  transition-timing-function: var(--oj-animation-ease-in-out);
}

.oj-filmstrip-transition-display-as-firstpage {
  order: -1;
}

.oj-filmstrip-transition-display-as-lastpage {
  order: 1;
}

html:not([dir="rtl"]) .oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-next-oldpage-to, html:not([dir="rtl"])
.oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-next-newpage-to {
  transform: translate3d(-100%, 0, 0);
}

html[dir="rtl"] .oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-next-oldpage-to, html[dir="rtl"]
.oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-next-newpage-to {
  transform: translate3d(100%, 0, 0);
}

html:not([dir="rtl"]) .oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-prev-oldpage-to, html:not([dir="rtl"])
.oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-prev-newpage-to {
  transform: translate3d(100%, 0, 0);
}

html[dir="rtl"] .oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-prev-oldpage-to, html[dir="rtl"]
.oj-filmstrip:not(.oj-filmstrip-vertical) .oj-filmstrip-transition-prev-newpage-to {
  transform: translate3d(-100%, 0, 0);
}

.oj-filmstrip.oj-filmstrip-vertical .oj-filmstrip-transition-next-oldpage-to,
.oj-filmstrip.oj-filmstrip-vertical .oj-filmstrip-transition-next-newpage-to {
  transform: translate3d(0, -100%, 0);
}

.oj-filmstrip.oj-filmstrip-vertical .oj-filmstrip-transition-prev-oldpage-to,
.oj-filmstrip.oj-filmstrip-vertical .oj-filmstrip-transition-prev-newpage-to {
  transform: translate3d(0, 100%, 0);
}


.oj-filmstrip-arrow-container {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
}

.oj-filmstrip-vertical .oj-filmstrip-arrow-container {
  flex-direction: column;
}

.oj-filmstrip-arrow-container-overlay {
  position: absolute;
}

html:not([dir="rtl"]) .oj-filmstrip-arrow-container-overlay.oj-start {
  left: 0;
}

html[dir="rtl"] .oj-filmstrip-arrow-container-overlay.oj-start {
  right: 0;
}

html:not([dir="rtl"]) .oj-filmstrip-arrow-container-overlay.oj-end {
  right: 0;
}

html[dir="rtl"] .oj-filmstrip-arrow-container-overlay.oj-end {
  left: 0;
}

.oj-filmstrip-arrow-container-overlay.oj-start,
.oj-filmstrip-arrow-container-overlay.oj-end {
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.oj-filmstrip-arrow-container-overlay.oj-top {
  top: 0;
}

.oj-filmstrip-arrow-container-overlay.oj-bottom {
  bottom: 0;
}

html:not([dir="rtl"]) .oj-filmstrip-arrow-container-overlay.oj-top, html:not([dir="rtl"])
.oj-filmstrip-arrow-container-overlay.oj-bottom {
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

html[dir="rtl"] .oj-filmstrip-arrow-container-overlay.oj-top, html[dir="rtl"]
.oj-filmstrip-arrow-container-overlay.oj-bottom {
  right: 50%;
  transform: translate3d(50%, 0, 0);
}

.oj-filmstrip-arrow {
  box-sizing: border-box;
  width: var(--oj-button-height);
  height: var(--oj-button-height);
  cursor: var(--oj-core-cursor-clickable);
  border-radius: var(--oj-button-border-radius);
  border: 1px solid;
  display: flex;
  outline: none;
  justify-content: center;
  align-items: center;
}

.oj-filmstrip-arrow.oj-default {
  border-color: transparent;
}

.oj-filmstrip-arrow.oj-hover {
  background-color: var(--oj-button-borderless-chrome-bg-color-hover);
  border-color: var(--oj-button-borderless-chrome-border-color-hover);
}

.oj-filmstrip-arrow.oj-active,
.oj-filmstrip-arrow.oj-active.oj-hover {
  background-color: var(--oj-button-borderless-chrome-bg-color-active);
  border-color: var(--oj-button-borderless-chrome-border-color-active);
}


.oj-filmstrip-arrow .oj-filmstrip-arrow-icon {
  cursor: inherit;
}

.oj-filmstrip-arrow.oj-default .oj-filmstrip-arrow-icon {
  color: var(--oj-button-borderless-chrome-text-color);
}

.oj-filmstrip-arrow.oj-hover .oj-filmstrip-arrow-icon {
  color: var(--oj-button-borderless-chrome-text-color-hover);
}

.oj-filmstrip-arrow.oj-active .oj-filmstrip-arrow-icon,
.oj-filmstrip-arrow.oj-active.oj-hover .oj-filmstrip-arrow-icon {
  color: var(--oj-button-borderless-chrome-text-color-active);
}

.oj-filmstrip-arrow-transition {
  transition: opacity var(--oj-animation-duration-medium);
  transition-timing-function: var(--oj-animation-ease-in-out);
}

.oj-filmstrip.oj-filmstrip-hover .oj-filmstrip-arrow-transition.oj-filmstrip-arrow-container {
  opacity: 1;
}

.oj-filmstrip.oj-filmstrip-hover .oj-filmstrip-arrow-transition.oj-filmstrip-arrow {
  opacity: 1;
}

.oj-filmstrip:not(.oj-filmstrip-hover) .oj-filmstrip-arrow-transition {
  opacity: 0;
}

:root.oj-scale-sm {
  --oj-form-layout-margin-bottom: 1rem;
}

.oj-density-compact {
  --oj-form-layout-top-edge-label-to-value-padding: var(--oj-core-spacing-1x);
  --oj-text-field-inside-edge-padding-top:          max(0.5625rem, 9.75px);
  --oj-form-layout-margin-bottom: .5rem;
}

:root.oj-scale-sm.oj-density-compact {
  --oj-form-layout-margin-bottom: .5rem;
}

oj-form-layout {
  display: block;
}

.oj-form-cols-labels-inline {
  column-width: var(--oj-form-layout-start-edge-column-min-width);
  column-gap: var(--oj-form-layout-column-gutter);
}

.oj-form-cols {
  column-width: var(--oj-form-layout-column-min-width);
  column-gap: var(--oj-form-layout-column-gutter);
}

.oj-form-layout-no-min-column-width .oj-form-cols,
.oj-form-layout-no-min-column-width .oj-form-cols-labels-inline {
  column-width: auto;
}

.oj-form-cols > .oj-flex,
.oj-form-cols-labels-inline > .oj-flex,
.oj-form-cols > .oj-flex > .oj-flex-item,
.oj-form-cols-labels-inline > .oj-flex > .oj-flex-item {
  -ms-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
}

.oj-agent-browser-safari .oj-formlayout-max-cols-1 > .oj-form:not(.oj-formlayout-form-across),
.oj-agent-browser-firefox .oj-formlayout-max-cols-1 > .oj-form:not(.oj-formlayout-form-across) {
  display: inline;
}

.oj-agent-browser-firefox .oj-form-layout > .oj-form:not(.oj-formlayout-form-across) > .oj-flex {
  display: inline;
}

.oj-form > hr,
.oj-form > h1,
.oj-form > h2,
.oj-form > h3,
.oj-form > h4 {
  margin: calc(15px - var(--oj-form-layout-margin-bottom)) 0 15px 0;
}

.oj-form > .oj-form-control,
.oj-form > .oj-form-non-control {
  margin-bottom: var(--oj-form-layout-margin-bottom);
}

.oj-form > .oj-flex > .oj-flex-item > .oj-form {
  text-align: left;
}

html[dir="rtl"] .oj-form > .oj-flex > .oj-flex-item > .oj-form {
  text-align: right;
}

.oj-form > .oj-flex > .oj-flex-item:not(.oj-formlayout-nested-formlayout):not(.oj-formlayout-nested-labelvalue) {
  padding: 0 0 calc(var(--oj-form-layout-margin-bottom) - var(--oj-private-core-wrappable-margin-bottom)) 0;
}

.oj-form.oj-label-value > .oj-flex > .oj-flex-item:first-child {
  padding: 0;
}

.oj-form > .oj-flex > .oj-flex-item > .oj-form-non-control {
  margin-bottom: var(--oj-private-core-wrappable-margin-bottom);
}

.oj-form > .oj-flex {
  border-style: solid;
  border-color: var(--oj-core-divider-color);
  border-width: 0 0 var(--oj-form-layout-divider-width) 0;
  padding: var(--oj-form-layout-divider-margin) 0 0;
}

.oj-form-layout > .oj-form[class*="oj-form-cols-"] > .oj-flex:last-child {
  border-width: 0 0 var(--oj-form-layout-divider-width) 0;
}

.oj-form > .oj-flex:last-child {
  border-width: 0;
}

.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item > .oj-label,
.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label,
.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item > .oj-label-value .oj-label,
.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label-value .oj-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
.oj-formlayout-inline-label > .oj-label {
  width: 100%;
  box-sizing: border-box;
  text-align: var(--oj-form-layout-start-edge-label-text-align);
}

.oj-formlayout-inline-value {
  text-align: var(--oj-form-layout-start-edge-value-text-align);
}

.oj-formlayout-inline-label .oj-label-required-icon {
  margin-top: 1px;
}

.oj-formlayout-inline-label .oj-label-required-icon,
.oj-formlayout-inline-label .oj-label-help-icon,
.oj-formlayout-inline-label label,
.oj-formlayout-inline-label .oj-label-help-icon-anchor {
  float: none;
}

html:not([dir="rtl"]) .oj-formlayout-inline-label .oj-label-required-icon, html:not([dir="rtl"])
.oj-formlayout-inline-label .oj-label-help-icon {
  margin-left: 0;
  margin-right: 6px;
}

html[dir="rtl"] .oj-formlayout-inline-label .oj-label-required-icon, html[dir="rtl"]
.oj-formlayout-inline-label .oj-label-help-icon {
  margin-right: 0;
  margin-left: 6px;
}

.oj-formlayout .oj-form.oj-enabled.oj-form-cols-labels-inline .oj-label,
.oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label,
.oj-formlayout-inline-label > .oj-label {
  display: inline-flex;
  align-items: center;
}

html:not([dir="rtl"]) .oj-formlayout .oj-form.oj-enabled.oj-form-cols-labels-inline .oj-label, html:not([dir="rtl"])
.oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html:not([dir="rtl"])
.oj-formlayout-inline-label > .oj-label {
  padding-right: var(--oj-form-layout-start-edge-label-to-value-padding);
}

html[dir="rtl"] .oj-formlayout .oj-form.oj-enabled.oj-form-cols-labels-inline .oj-label, html[dir="rtl"]
.oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label, html[dir="rtl"]
.oj-formlayout-inline-label > .oj-label {
  padding-left: var(--oj-form-layout-start-edge-label-to-value-padding);
}

.oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputtext-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputpassword-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputnumber-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputdate-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputtime-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-inputdatetime-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-select-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-combobox-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-searchselect-label, .oj-form-layout > .oj-form.oj-enabled > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label.oj-textarea-label,
oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-inputtext-label,
oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-inputpassword-label,
oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-inputnumber-label,
oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-inputdate-label,
oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-inputtime-label,
oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-inputdatetime-label,
oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-select-label,
oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-combobox-label,
oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-searchselect-label,
oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label:not(.oj-read-only).oj-textarea-label {
  min-height: var(--oj-text-field-height);
}

.oj-formlayout-inline-label > .oj-label-inline-top {
  margin-top: 0;
}

.oj-formlayout .oj-form.oj-enabled.oj-form-cols-labels-inline .oj-label.oj-switch-label,
.oj-formlayout-inline-label > .oj-switch-label:not(.oj-read-only),
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-switch-label:not(.oj-read-only) {
  min-height: var(--oj-core-touch-target-min-size);
}

.oj-formlayout .oj-form.oj-form-cols-labels-inline .oj-label.oj-slider-label,
.oj-formlayout-inline-label > .oj-slider-label:not(.oj-read-only),
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-slider-label:not(.oj-read-only) {
  min-height: var(--oj-core-touch-target-min-size);
  align-items: center;
}

.oj-formlayout .oj-form.oj-enabled.oj-form-cols-labels-inline .oj-label.oj-radioset-label,
.oj-formlayout .oj-form.oj-enabled.oj-form-cols-labels-inline .oj-label.oj-checkboxset-label,
.oj-formlayout-inline-label > .oj-radioset-label:not(.oj-read-only),
.oj-formlayout-inline-label > .oj-checkboxset-label:not(.oj-read-only),
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-radioset-label:not(.oj-read-only),
.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-checkboxset-label:not(.oj-read-only) {
  margin-top: calc((var(--oj-radio-checkbox-row-height) - var(--oj-typography-body-md-font-size) * var(--oj-typography-body-md-line-height) - 1px) / 2 + var(--oj-typography-body-md-font-size) - var(--oj-label-font-size));
}

.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item > .oj-label > .oj-label-group,
.oj-formlayout-labels-nowrap > .oj-flex > .oj-flex-item > .oj-formlayout-inline-label > .oj-label > .oj-label-group {
  width: inherit;
  overflow: inherit;
  text-overflow: inherit;
}

.oj-label-value.oj-formlayout-labels-inline > .oj-flex > .oj-flex-item > .oj-label > .oj-label-group,
.oj-formlayout-inline-label > .oj-label > .oj-label-group {
  width: inherit;
  overflow: inherit;
  text-overflow: inherit;
}

.oj-form.oj-formlayout-form-across > .oj-flex {
  padding-left: 0;
  padding-right: 0;
}

.oj-formlayout-max-cols-1:not(.oj-formlayout-full-width) {
  max-width: var(--oj-form-layout-column-max-width);
}

.oj-formlayout-max-cols-2:not(.oj-formlayout-full-width) {
  max-width: calc(2 * var(--oj-form-layout-column-max-width));
}

.oj-formlayout-max-cols-3:not(.oj-formlayout-full-width) {
  max-width: calc(3 * var(--oj-form-layout-column-max-width));
}

.oj-formlayout-max-cols-4:not(.oj-formlayout-full-width) {
  max-width: calc(4 * var(--oj-form-layout-column-max-width));
}

.oj-formlayout-max-cols-5:not(.oj-formlayout-full-width) {
  max-width: calc(5 * var(--oj-form-layout-column-max-width));
}

.oj-formlayout-max-cols-6:not(.oj-formlayout-full-width) {
  max-width: calc(6 * var(--oj-form-layout-column-max-width));
}

.oj-formlayout-max-cols-1.oj-formlayout-labels-inline:not(.oj-formlayout-full-width) {
  max-width: var(--oj-form-layout-start-edge-column-max-width);
}

.oj-formlayout-max-cols-2.oj-formlayout-labels-inline:not(.oj-formlayout-full-width) {
  max-width: calc(2 * var(--oj-form-layout-start-edge-column-max-width));
}

.oj-formlayout-max-cols-3.oj-formlayout-labels-inline:not(.oj-formlayout-full-width) {
  max-width: calc(3 * var(--oj-form-layout-start-edge-column-max-width));
}

.oj-formlayout-max-cols-4.oj-formlayout-labels-inline:not(.oj-formlayout-full-width) {
  max-width: calc(4 * var(--oj-form-layout-start-edge-column-max-width));
}

.oj-formlayout-max-cols-5.oj-formlayout-labels-inline:not(.oj-formlayout-full-width) {
  max-width: calc(5 * var(--oj-form-layout-start-edge-column-max-width));
}

.oj-formlayout-max-cols-6.oj-formlayout-labels-inline:not(.oj-formlayout-full-width) {
  max-width: calc(6 * var(--oj-form-layout-start-edge-column-max-width));
}

.oj-form-layout > .oj-form {
  padding-left: var(--oj-form-layout-horizontal-margin);
  padding-right: var(--oj-form-layout-horizontal-margin);
}

.oj-form-layout > .oj-form > .oj-flex > .oj-flex-item > .oj-form-layout > .oj-form {
  padding-left: 0px;
  padding-right: 0px;
}

.oj-form-layout.oj-formlayout-form-across > .oj-form {
  padding-left: 0px;
  padding-right: 0px;
  column-gap: 0px;
}

.oj-formlayout-labels-inline > .oj-form > .oj-flex {
  flex-wrap: nowrap;
}

.oj-formlayout-column-gutter {
  flex: 0 1 var(--oj-form-layout-column-gutter);
}

.oj-label-value.oj-form > .oj-flex {
  padding-top: 0;
}

.oj-form-layout-option-defaults {
  font-family: '{"labelEdge":"inside","colspanWrap":"wrap","direction":"row","columnGap":"var(--oj-form-layout-column-gutter)"}' !important;
}

oj-form-layout:not(.oj-complete) {
  visibility: hidden;
}

:root {
  --oj-private-gantt-dependency-rectilinear-line-color:        rgb(var(--oj-palette-neutral-rgb-100));
  --oj-private-gantt-dependency-straight-line-color:           rgb(var(--oj-palette-neutral-rgb-190));
  --oj-private-gantt-task-bg-color:                            rgb(95, 162, 186);
  --oj-private-gantt-task-border-color:                        rgba(var(--oj-palette-neutral-rgb-190), 0.5);
  --oj-private-gantt-task-progress-bg-color:                   var(--oj-private-gantt-task-bg-color);
  --oj-private-gantt-task-progress-border-color:               var(--oj-private-gantt-task-border-color);
  --oj-private-gantt-task-downtime-bg-color:                   rgb(var(--oj-palette-neutral-rgb-170));
  --oj-private-gantt-task-overtime-bg-color:                   rgba(var(--oj-palette-neutral-rgb-190), 0.16);
  --oj-private-gantt-task-attribute-bg-color:                  rgb(251, 194, 106);
  --oj-private-gantt-task-drag-image-border-color:             var(--oj-private-gantt-task-border-color);
  --oj-private-gantt-task-label-color:                         var(--oj-core-text-color-primary);
  --oj-private-gantt-task-summary-bg-color:                    rgba(var(--oj-palette-neutral-rgb-160));
  --oj-private-gantt-task-summary-border-color:                var(--oj-private-gantt-task-border-color);
  --oj-private-gantt-task-summary-progress-bg-color:           var(--oj-private-gantt-task-summary-bg-color);
  --oj-private-gantt-task-milestone-bg-color:                  rgba(var(--oj-palette-neutral-rgb-0));
  --oj-private-gantt-task-milestone-border-color:              var(--oj-private-gantt-task-border-color);
  --oj-private-gantt-baseline-bg-color:                        rgb(var(--oj-palette-neutral-rgb-100));
  --oj-private-gantt-baseline-milestone-bg-color:              rgb(var(--oj-palette-neutral-rgb-100));
}

oj-gantt:not(.oj-complete) {
  visibility: hidden;
}


.oj-gantt {
  animation-duration: var(--oj-animation-duration-xlong);
  -webkit-user-select: none;
          user-select: none;
  outline: none;
  width: 100%;
  height: 35rem;
}


.oj-gantt-container {
  fill: transparent;
  stroke-width: 2px;
  padding-inline-start: var(--oj-core-gutter-start, 0);
}


.oj-gantt-no-data-message {
  fill: var(--oj-core-text-color-secondary);
  font-size: var(--oj-dvt-label-font-size-md);
}


.oj-gantt-horizontal-gridline {
  stroke: var(--oj-private-dvt-gridline-color);
  stroke-width: 1px;
}


.oj-gantt-major-vertical-gridline {
  stroke: var(--oj-private-dvt-gridline-color);
}

.oj-gantt-minor-vertical-gridline {
  stroke: var(--oj-private-dvt-gridline-color);
  stroke-dasharray: 4,4;
}


.oj-gantt-row {
  fill: transparent;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}


.oj-gantt-row.oj-focus-highlight {
  stroke-width: 1px;
  stroke-dasharray: 1 1;
  stroke: var(--oj-core-focus-border-color);
}


.oj-gantt-row.oj-selected {
  fill: var(--oj-core-bg-color-selected);
}


.oj-gantt-row.oj-active-drop {
  fill: var(--oj-core-drag-drop-color-1);
}


.oj-gantt-row-label {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-lg);
  font-weight: normal;
  padding-inline-start: calc(var(--oj-core-gutter-start, 1rem) - var(--oj-core-gutter-start, 0px));
  padding-inline-end: 1rem;
}


.oj-gantt-task {
  fill: var(--oj-private-gantt-task-bg-color);
  filter: none;
  height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.25rem;
}


.oj-gantt-task-backdrop {
  fill: #ffffff;
}


.oj-gantt-task.oj-hover {
  fill: none;
  stroke-width: 1px;
  stroke: var(--oj-dvt-item-border-color-selected);
}


.oj-gantt-task.oj-focus {
  fill: none;
  stroke-width: 1px;
  stroke: var(--oj-dvt-item-border-color-selected);
}


.oj-gantt-task.oj-selected {
  fill: none;
  stroke-width: 2px;
  stroke: var(--oj-dvt-item-border-color-selected);
}


.oj-gantt-task-bar {
  fill: var(--oj-private-gantt-task-bg-color);
  stroke: var(--oj-private-gantt-task-border-color);
  stroke-width: 1px;
}

.oj-gantt-task-bar.oj-gantt-task-progress-container,
.oj-gantt-task-summary.oj-gantt-task-progress-container {
  fill-opacity: 0.2;
}


.oj-gantt-task-milestone {
  fill: var(--oj-private-gantt-task-milestone-bg-color);
  stroke: var(--oj-private-gantt-task-milestone-border-color);
  border-radius: 1px;
  stroke-width: 1px;
}


.oj-gantt-task-summary {
  fill: var(--oj-private-gantt-task-summary-bg-color);
  stroke: var(--oj-private-gantt-task-summary-border-color);
  filter: none;
}


.oj-gantt-task.oj-draggable,
.oj-gantt-task-label.oj-draggable,
.oj-gantt-task-progress.oj-draggable,
.oj-gantt-task-overtime.oj-draggable,
.oj-gantt-task-downtime.oj-draggable,
.oj-gantt-task-attribute.oj-draggable {
  cursor: move;
}

.oj-gantt-task-drag-image {
  fill: var(--oj-core-bg-color-hover);
  stroke: var(--oj-private-gantt-task-drag-image-border-color);
  stroke-width: 1px;
  stroke-dasharray: 3,3;
}

.oj-gantt-task-resize-handle {
  opacity: 0;
}

.oj-gantt-task-resize-handle.oj-draggable {
  cursor: col-resize;
}

.oj-gantt-dnd-move-droppable,
.oj-gantt-task.oj-gantt-dnd-move-droppable,
.oj-gantt-task-label.oj-gantt-dnd-move-droppable,
.oj-gantt-task-progress.oj-gantt-dnd-move-droppable,
.oj-gantt-task-overtime.oj-gantt-dnd-move-droppable,
.oj-gantt-task-downtime.oj-gantt-dnd-move-droppable,
.oj-gantt-task-attribute.oj-gantt-dnd-move-droppable,
.oj-gantt-task-resize-handle.oj-gantt-dnd-move-droppable {
  cursor: move;
}

.oj-gantt-dnd-resize-droppable,
.oj-gantt-task.oj-gantt-dnd-resize-droppable,
.oj-gantt-task-label.oj-gantt-dnd-resize-droppable,
.oj-gantt-task-progress.oj-gantt-dnd-resize-droppable,
.oj-gantt-task-overtime.oj-gantt-dnd-resize-droppable,
.oj-gantt-task-downtime.oj-gantt-dnd-resize-droppable,
.oj-gantt-task-attribute.oj-gantt-dnd-resize-droppable,
.oj-gantt-task-resize-handle.oj-gantt-dnd-resize-droppable {
  cursor: col-resize;
}


.oj-gantt-task-label {
  color: var(--oj-private-gantt-task-label-color);
  font-size: var(--oj-dvt-label-font-size-lg);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}


.oj-gantt-task-progress {
  fill: var(--oj-private-gantt-task-progress-bg-color);
  stroke: var(--oj-private-gantt-task-progress-border-color);
  stroke-width: 1px;
  border-radius: 0px;
}

.oj-gantt-task-summary-progress {
  fill: var(--oj-private-gantt-task-summary-progress-bg-color);
}


.oj-gantt-task-overtime {
  fill: var(--oj-private-gantt-task-overtime-bg-color);
  stroke: var(--oj-private-gantt-task-border-color);
  stroke-width: 1px;
}


.oj-gantt-task-downtime {
  fill: var(--oj-private-gantt-task-downtime-bg-color);
  border-radius: 1px;
  height: 0.25rem;
}


.oj-gantt-task-attribute {
  fill: var(--oj-private-gantt-task-attribute-bg-color);
  stroke: var(--oj-private-gantt-task-border-color);
  stroke-width: 1px;
  height: 0.313rem;
}


.oj-gantt-baseline {
  fill: var(--oj-private-gantt-baseline-bg-color);
  filter: none;
  border-radius: 1px;
}


.oj-gantt-baseline-bar {
  fill: var(--oj-private-gantt-baseline-bg-color);
  height: 0.25rem;
  margin-top: 0.25rem;
}


.oj-gantt-baseline-milestone {
  fill: var(--oj-private-gantt-baseline-milestone-bg-color);
  border-radius: 1px;
}


.oj-gantt-databody-dim .oj-gantt-task:not(.oj-gantt-task-highlight),
.oj-gantt-databody-dim .oj-gantt-task-progress:not(.oj-gantt-task-highlight),
.oj-gantt-databody-dim .oj-gantt-task-baseline:not(.oj-gantt-task-highlight),
.oj-gantt-databody-dim .oj-gantt-task-attribute:not(.oj-gantt-task-highlight),
.oj-gantt-databody-dim .oj-gantt-task-overtime:not(.oj-gantt-task-highlight),
.oj-gantt-databody-dim .oj-gantt-task-downtime:not(.oj-gantt-task-highlight),
.oj-gantt-databody-dim .oj-gantt-task-label:not(.oj-gantt-task-highlight),
.oj-gantt-databody-dim .oj-gantt-task-custom:not(.oj-gantt-task-highlight) {
  opacity: 0.4;
}


.oj-gantt-major-axis {
  fill: transparent;
  stroke: var(--oj-private-dvt-gridline-color);
  height: 1.5rem;
}


.oj-gantt-major-axis-label {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-lg);
  font-weight: 600;
}


.oj-gantt-major-axis-separator {
  stroke: var(--oj-private-dvt-gridline-color);
}


.oj-gantt-minor-axis {
  fill: transparent;
  stroke: var(--oj-private-dvt-gridline-color);
  height: 1.5rem;
}


.oj-gantt-minor-axis-label {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-md);
  font-weight: normal;
}


.oj-gantt-minor-axis-separator {
  stroke: var(--oj-private-dvt-gridline-color);
  stroke-dasharray: 4,4;
}


.oj-gantt-reference-object-area {
  fill: var(--oj-dvt-reference-object-area-color);
  shape-rendering: crispEdges;
}

.oj-gantt-reference-object-line {
  stroke: var(--oj-dvt-reference-object-line-color);
  shape-rendering: crispEdges;
}

.oj-gantt-reference-object-inner-line {
  stroke: var(--oj-dvt-contrast-line-color);
  shape-rendering: crispEdges;
}


.oj-gantt-time-cursor-line {
  stroke: var(--oj-dvt-reference-object-line-color);
  shape-rendering: crispEdges;
  stroke-dasharray: 2,2;
}

.oj-gantt-time-cursor-inner-line {
  stroke: var(--oj-dvt-contrast-line-color);
  shape-rendering: crispEdges;
  stroke-dasharray: 2,2;
}


.oj-gantt-dependency-line {
  fill: none;
}

.oj-gantt-dependency-rectilinear-line {
  stroke: var(--oj-private-gantt-dependency-rectilinear-line-color);
  stroke-width: 2px;
  marker-end: url("#ojGanttDependencyMarkerEndAngle");
}

.oj-gantt-dependency-straight-line {
  stroke: var(--oj-private-gantt-dependency-straight-line-color);
  stroke-width: 1px;
}

.oj-gantt-dependency-start-open-straight-line {
  marker-start: url("#ojGanttDependencyMarkerOpenCircle");
}

.oj-gantt-dependency-start-closed-straight-line {
  marker-start: url("#ojGanttDependencyMarkerClosedCircle");
}

.oj-gantt-dependency-end-open-straight-line {
  marker-end: url("#ojGanttDependencyMarkerOpenCircle");
}

.oj-gantt-dependency-end-closed-straight-line {
  marker-end: url("#ojGanttDependencyMarkerClosedCircle");
}


.oj-gantt-dependency-line.oj-focus {
  stroke-width: 3;
}


.oj-gantt-dependency-line-connector {
  stroke-width: 2px;
}

.oj-gantt-dependency-rectilinear-line-arrow-connector {
  fill: none;
  stroke: var(--oj-private-gantt-dependency-rectilinear-line-color);
}

.oj-gantt-dependency-straight-line-open-circle-connector {
  fill: #ffffff;
  stroke: var(--oj-private-gantt-dependency-straight-line-color);
}

.oj-gantt-dependency-straight-line-closed-circle-connector {
  fill: var(--oj-private-gantt-dependency-straight-line-color);
  stroke: none;
}


.oj-gantt-task-custom svg,
.oj-gantt-dependency-line-custom svg {
  overflow: visible;
}

@media print, screen {
  .oj-sm-1 {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-sm-2 {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-sm-3 {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-sm-4 {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-sm-5 {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-sm-6 {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-sm-7 {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-sm-8 {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-sm-9 {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-sm-10 {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-sm-11 {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-sm-12 {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-sm-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-sm-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-sm-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-sm-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-sm-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-sm-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-sm-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-sm-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-sm-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-sm-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-sm-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-sm-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-sm-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-sm-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-sm-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-sm-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-sm-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-sm-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-sm-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-sm-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-sm-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-sm-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-sm-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-sm-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-sm-even-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-sm-even-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-sm-even-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-sm-even-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-sm-even-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
}

@media print, screen and (min-width: 600px) {
  .oj-md-1 {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-md-2 {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-md-3 {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-md-4 {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-md-5 {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-md-6 {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-md-7 {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-md-8 {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-md-9 {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-md-10 {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-md-11 {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-md-12 {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-md-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-md-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-md-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-md-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-md-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-md-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-md-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-md-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-md-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-md-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-md-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-md-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-md-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-md-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-md-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-md-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-md-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-md-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-md-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-md-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-md-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-md-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-md-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-md-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-md-even-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-md-even-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-md-even-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-md-even-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-md-even-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
}

@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-lg-1 {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-lg-2 {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-lg-3 {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-lg-4 {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-lg-5 {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-lg-6 {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-lg-7 {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-lg-8 {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-lg-9 {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-lg-10 {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-lg-11 {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-lg-12 {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-lg-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-lg-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-lg-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-lg-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-lg-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-lg-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-lg-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-lg-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-lg-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-lg-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-lg-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-lg-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-lg-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-lg-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-lg-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-lg-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-lg-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-lg-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-lg-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-lg-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-lg-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-lg-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-lg-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-lg-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-lg-even-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-lg-even-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-lg-even-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-lg-even-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-lg-even-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
}

@media screen and (min-width: 1440px) {
  .oj-xl-1 {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-xl-2 {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-xl-3 {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-xl-4 {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-xl-5 {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-xl-6 {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-xl-7 {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-xl-8 {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-xl-9 {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-xl-10 {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-xl-11 {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-xl-12 {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-xl-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-xl-odd-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-xl-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-xl-odd-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-xl-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-xl-odd-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-xl-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-xl-odd-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-xl-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-xl-odd-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-xl-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-xl-odd-cols-6 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
  }
  .oj-xl-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 58.33333% !important;
    max-width: 58.33333% !important;
    width: 58.33333% !important;
  }
  .oj-xl-odd-cols-7 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
  .oj-xl-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 66.66667% !important;
    max-width: 66.66667% !important;
    width: 66.66667% !important;
  }
  .oj-xl-odd-cols-8 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-xl-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
  }
  .oj-xl-odd-cols-9 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-xl-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 83.33333% !important;
    max-width: 83.33333% !important;
    width: 83.33333% !important;
  }
  .oj-xl-odd-cols-10 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-xl-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 91.66667% !important;
    max-width: 91.66667% !important;
    width: 91.66667% !important;
  }
  .oj-xl-odd-cols-11 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-xl-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(odd) {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-xl-odd-cols-12 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .oj-xl-even-cols-1 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 8.33333% !important;
    max-width: 8.33333% !important;
    width: 8.33333% !important;
  }
  .oj-xl-even-cols-2 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 16.66667% !important;
    max-width: 16.66667% !important;
    width: 16.66667% !important;
  }
  .oj-xl-even-cols-3 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
  }
  .oj-xl-even-cols-4 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 33.33333% !important;
    max-width: 33.33333% !important;
    width: 33.33333% !important;
  }
  .oj-xl-even-cols-5 > .oj-flex > .oj-flex-item:nth-child(even) {
    flex: 0 1 41.66667% !important;
    max-width: 41.66667% !important;
    width: 41.66667% !important;
  }
}

.oj-icon-circle {
  border-radius: 50%;
  border: 0px solid transparent;
  box-sizing: border-box;
  display: inline-block;
}

.oj-icon-circle-inner {
  border-radius: 50%;
  color: var(--oj-avatar-text-color);
  background-color: var(--oj-avatar-bg-color);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  display: flex;
  background-size: 175px 175px;
  position: relative;
}


.oj-icon-circle-inner {
  height: var(--oj-avatar-size);
  width: var(--oj-avatar-size);
  font-size: 2rem;
}

.oj-icon-circle-xxs .oj-icon-circle-inner,
.oj-icon-xxs .oj-icon-circle-inner {
  font-size: 0.75rem;
}

.oj-icon-circle-xs .oj-icon-circle-inner,
.oj-icon-xs .oj-icon-circle-inner {
  font-size: 1rem;
}

.oj-icon-circle-sm .oj-icon-circle-inner,
.oj-icon-sm .oj-icon-circle-inner {
  font-size: 1.5rem;
}

.oj-icon-circle-lg .oj-icon-circle-inner,
.oj-icon-lg .oj-icon-circle-inner {
  font-size: 2.25rem;
}

.oj-icon-circle-xl .oj-icon-circle-inner,
.oj-icon-xl .oj-icon-circle-inner {
  font-size: 3.5rem;
}

.oj-icon-circle-xxl .oj-icon-circle-inner,
.oj-icon-xxl .oj-icon-circle-inner {
  font-size: 4.5rem;
}

.oj-icon-circle-inner::before {
  content: '';
  display: var(--oj-avatar-pattern-display);
  background-size: 200px 200px;
  mix-blend-mode: overlay;
  filter: opacity(0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern1.png");
}

.oj-icon-circle-xxs .oj-icon-circle-inner::before,
.oj-icon-circle-green .oj-icon-circle-inner::before,
.oj-icon-circle-forest .oj-icon-circle-inner::before,
.oj-icon-circle-sm.oj-icon-circle-orange .oj-icon-circle-inner::before,
.oj-icon-circle-sm.oj-icon-circle-red .oj-icon-circle-inner::before {
  background-size: 125px 125px;
}

.oj-icon-circle-orange .oj-icon-circle-inner::before,
.oj-icon-circle-red .oj-icon-circle-inner::before,
.oj-icon-circle-lg.oj-icon-circle-green .oj-icon-circle-inner::before,
.oj-icon-circle-sm.oj-icon-circle-green .oj-icon-circle-inner::before,
.oj-icon-circle-xs.oj-icon-circle-green .oj-icon-circle-inner::before,
.oj-icon-circle-xxs.oj-icon-circle-green .oj-icon-circle-inner::before,
.oj-icon-circle-lg.oj-icon-circle-forest .oj-icon-circle-inner::before,
.oj-icon-circle-sm.oj-icon-circle-forest .oj-icon-circle-inner::before,
.oj-icon-circle-xs.oj-icon-circle-forest .oj-icon-circle-inner::before,
.oj-icon-circle-xxs.oj-icon-circle-forest .oj-icon-circle-inner::before {
  background-size: 150px 150px;
}

.oj-icon-circle-xs .oj-icon-circle-inner::before,
.oj-icon-circle-xs.oj-icon-circle-orange .oj-icon-circle-inner::before,
.oj-icon-circle-xl.oj-icon-circle-orange .oj-icon-circle-inner::before,
.oj-icon-circle-xs.oj-icon-circle-red .oj-icon-circle-inner::before,
.oj-icon-circle-xl.oj-icon-circle-red .oj-icon-circle-inner::before {
  background-size: 175px 175px;
}

.oj-icon-circle-xxs.oj-icon-circle-blue .oj-icon-circle-inner::before,
.oj-icon-circle-xxl.oj-icon-circle-orange .oj-icon-circle-inner::before,
.oj-icon-circle-xxl.oj-icon-circle-red .oj-icon-circle-inner::before,
.oj-icon-circle-xl.oj-icon-circle-green .oj-icon-circle-inner::before,
.oj-icon-circle-xl.oj-icon-circle-forest .oj-icon-circle-inner::before {
  background-size: 200px 200px;
}

.oj-icon-circle-xxl .oj-icon-circle-inner::before,
.oj-icon-circle-xl .oj-icon-circle-inner::before,
.oj-icon-circle-sm.oj-icon-circle-purple .oj-icon-circle-inner::before,
.oj-icon-circle-xs.oj-icon-circle-purple .oj-icon-circle-inner::before,
.oj-icon-circle-xxs.oj-icon-circle-purple .oj-icon-circle-inner::before,
.oj-icon-circle-blue .oj-icon-circle-inner::before,
.oj-icon-circle-xxl.oj-icon-circle-green .oj-icon-circle-inner::before,
.oj-icon-circle-xxl.oj-icon-circle-forest .oj-icon-circle-inner::before {
  background-size: 250px 250px;
}

.oj-icon-circle-xs.oj-icon-circle-blue .oj-icon-circle-inner::before,
.oj-icon-circle-purple .oj-icon-circle-inner::before {
  background-size: 275px 275px;
}

.oj-icon-circle-gray .oj-icon-circle-inner::before,
.oj-icon-circle-mauve .oj-icon-circle-inner::before,
.oj-icon-circle-pink .oj-icon-circle-inner::before,
.oj-icon-circle-xl.oj-icon-circle-blue .oj-icon-circle-inner::before,
.oj-icon-circle-xxl.oj-icon-circle-blue .oj-icon-circle-inner::before,
.oj-icon-circle-teal .oj-icon-circle-inner::before,
.oj-icon-circle-xxl.oj-icon-circle-lilac .oj-icon-circle-inner::before,
.oj-icon-circle-xl.oj-icon-circle-lilac .oj-icon-circle-inner::before {
  background-size: 300px 300px;
}

.oj-icon-circle-xxs.oj-icon-circle-slate .oj-icon-circle-inner::before {
  background-size: 320px 320px;
}

.oj-icon-circle-lg.oj-icon-circle-purple .oj-icon-circle-inner::before,
.oj-icon-circle-xxl.oj-icon-circle-purple .oj-icon-circle-inner::before,
.oj-icon-circle-xl.oj-icon-circle-purple .oj-icon-circle-inner::before,
.oj-icon-circle-lg.oj-icon-circle-lilac .oj-icon-circle-inner::before {
  background-size: 325px 325px;
}

.oj-icon-circle-xxl.oj-icon-circle-mauve .oj-icon-circle-inner::before,
.oj-icon-circle-xxl.oj-icon-circle-pink .oj-icon-circle-inner::before,
.oj-icon-circle-lilac .oj-icon-circle-inner::before {
  background-size: 350px 350px;
}

.oj-icon-circle-xs.oj-icon-circle-lilac .oj-icon-circle-inner::before,
.oj-icon-circle-xxs.oj-icon-circle-lilac .oj-icon-circle-inner::before,
.oj-icon-circle-xs.oj-icon-circle-slate .oj-icon-circle-inner::before {
  background-size: 400px 400px;
}

.oj-icon-circle-slate .oj-icon-circle-inner::before {
  background-size: 480px 480px;
}

.oj-icon-circle-xxl.oj-icon-circle-slate .oj-icon-circle-inner::before {
  background-size: 560px 560px;
}

.oj-icon-circle-lg.oj-icon-circle-purple .oj-icon-circle-inner::before,
.oj-icon-circle-slate .oj-icon-circle-inner::before,
.oj-icon-circle-teal .oj-icon-circle-inner::before,
.oj-icon-circle-xxs.oj-icon-circle-gray .oj-icon-circle-inner::before,
.oj-icon-circle-xs.oj-icon-circle-gray .oj-icon-circle-inner::before,
.oj-icon-circle-sm.oj-icon-circle-gray .oj-icon-circle-inner::before {
  filter: opacity(0.2);
}

.oj-icon-circle-xs.oj-icon-circle-lilac .oj-icon-circle-inner::before,
.oj-icon-circle-xxs.oj-icon-circle-lilac .oj-icon-circle-inner::before {
  filter: opacity(0.25);
}

.oj-icon-circle-blue .oj-icon-circle-inner::before,
.oj-icon-circle-green .oj-icon-circle-inner::before,
.oj-icon-circle-forest .oj-icon-circle-inner::before,
.oj-icon-circle-purple .oj-icon-circle-inner::before,
.oj-icon-circle-lilac .oj-icon-circle-inner::before,
.oj-icon-circle-gray .oj-icon-circle-inner::before,
.oj-icon-circle-mauve .oj-icon-circle-inner::before,
.oj-icon-circle-pink .oj-icon-circle-inner::before,
.oj-icon-circle-xxl.oj-icon-circle-slate .oj-icon-circle-inner::before,
.oj-icon-circle-xl.oj-icon-circle-slate .oj-icon-circle-inner::before,
.oj-icon-circle-sm.oj-icon-circle-slate .oj-icon-circle-inner::before,
.oj-icon-circle-xs.oj-icon-circle-slate .oj-icon-circle-inner::before,
.oj-icon-circle-xxs.oj-icon-circle-slate .oj-icon-circle-inner::before,
.oj-icon-circle-xxs.oj-icon-circle-orange .oj-icon-circle-inner::before,
.oj-icon-circle-xxs.oj-icon-circle-red .oj-icon-circle-inner::before {
  filter: opacity(0.3);
}

.oj-icon-circle-xxl.oj-icon-circle-mauve .oj-icon-circle-inner::before,
.oj-icon-circle-xl.oj-icon-circle-mauve .oj-icon-circle-inner::before,
.oj-icon-circle-xs.oj-icon-circle-mauve .oj-icon-circle-inner::before,
.oj-icon-circle-xxs.oj-icon-circle-mauve .oj-icon-circle-inner::before,
.oj-icon-circle-xxl.oj-icon-circle-pink .oj-icon-circle-inner::before,
.oj-icon-circle-xl.oj-icon-circle-pink .oj-icon-circle-inner::before,
.oj-icon-circle-xs.oj-icon-circle-pink .oj-icon-circle-inner::before,
.oj-icon-circle-xxs.oj-icon-circle-pink .oj-icon-circle-inner::before,
.oj-icon-circle-orange .oj-icon-circle-inner::before,
.oj-icon-circle-red .oj-icon-circle-inner::before {
  filter: opacity(0.4);
}

.oj-icon-circle-red .oj-icon-circle-inner::before,
.oj-icon-circle-orange .oj-icon-circle-inner::before {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern2.png");
}

.oj-icon-circle-green .oj-icon-circle-inner::before,
.oj-icon-circle-forest .oj-icon-circle-inner::before {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern3.png");
}

.oj-icon-circle-teal .oj-icon-circle-inner::before {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern4.png");
}

.oj-icon-circle-blue .oj-icon-circle-inner::before {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern5.png");
}

.oj-icon-circle-slate .oj-icon-circle-inner::before {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern6.png");
}

.oj-icon-circle-pink .oj-icon-circle-inner::before,
.oj-icon-circle-mauve .oj-icon-circle-inner::before {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern7.png");
}

.oj-icon-circle-purple .oj-icon-circle-inner::before {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern8.png");
}

.oj-icon-circle-lilac .oj-icon-circle-inner::before {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern9.png");
}

.oj-icon-circle-gray .oj-icon-circle-inner::before {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern10.png");
}

:root {
  --oj-indexer-text-color:            var(--oj-core-text-color-primary);
  --oj-indexer-font-size:             var(--oj-typography-body-sm-font-size);
}

oj-indexer:not(.oj-complete) {
  visibility: hidden;
}


.oj-indexer {
  display: flex;
  align-items: center;
  width: 1.5rem;
}


.oj-indexer ul:focus {
  outline: none;
}


.oj-indexer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}


.oj-indexer li {
  text-align: center;
  height: 1rem;
  width: 1.5rem;
  color: var(--oj-indexer-text-color);
  text-decoration: none;
  font-weight: normal;
  font-size: var(--oj-indexer-font-size);
  line-height: 1rem;
  vertical-align: middle;
}


.oj-indexer li.oj-disabled {
  color: var(--oj-core-text-color-disabled);
}


.oj-indexer li:hover {
  text-decoration: none;
}


.oj-indexer.oj-focus-ancestor li.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: -1px;
}


.oj-indexer.oj-indexer-abbr li {
  height: 1rem;
}


.oj-indexer-ellipsis:after {
  content: "\25CF";
}

:root {
  --oj-private-input-number-button-global-chroming-default: borderless;
  --oj-private-input-number-global-step-default: 0;
}



oj-input-number:not(.oj-complete) {
  visibility: hidden;
}

.oj-inputnumber-wrapper {
  width: 100%;
  white-space: nowrap;
  display: inline-flex;
}


.oj-inputnumber-input {
  flex: 1;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.oj-inputnumber-input::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-inputnumber .oj-inputnumber-wrapper {
  height: 100%;
}


.oj-inputnumber.oj-read-only .oj-buttonset {
  display: none;
}

.oj-inputnumber-button.oj-button.oj-focus {
  outline-style: none;
}

.oj-inputnumber:not(.oj-text-field-label-inside) .oj-inputnumber-button {
  min-width: var(--oj-button-sm-height);
  width: var(--oj-button-sm-height);
  height: var(--oj-button-sm-height);
  line-height: var(--oj-button-sm-height);
}

html:not([dir="rtl"]) .oj-inputnumber .oj-buttonset {
  margin-right: var(--oj-private-text-field-button-to-edge-padding);
}

html[dir="rtl"] .oj-inputnumber .oj-buttonset {
  margin-left: var(--oj-private-text-field-button-to-edge-padding);
}

html:not([dir="rtl"]) .oj-text-field-label-inside.oj-inputnumber .oj-buttonset {
  margin-right: var(--oj-private-text-field-inside-button-to-edge-padding);
}

html[dir="rtl"] .oj-text-field-label-inside.oj-inputnumber .oj-buttonset {
  margin-left: var(--oj-private-text-field-inside-button-to-edge-padding);
}

.oj-inputnumber .oj-buttonset-multi .oj-button {
  margin-bottom: 0;
}

.oj-inputnumber-button.oj-button-toggle.oj-hover.oj-button-half-chrome {
  color: var(--oj-private-text-field-button-icon-color-hover);
  background-image: linear-gradient(var(--oj-private-text-field-button-border-color-hover), var(--oj-private-text-field-button-border-color-hover));
  background-color: var(--oj-private-text-field-button-bg-color-hover);
  border-color: var(--oj-private-text-field-button-border-color-hover);
}

oj-input-text:not(.oj-complete) {
  visibility: hidden;
}

oj-input-password:not(.oj-complete) {
  visibility: hidden;
}

.oj-inputtext .oj-inputtext-clear-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--oj-text-field-height);
  width: 1.5625rem;
  text-decoration: none;
  cursor: var(--oj-core-cursor-clickable);
}

a.oj-inputtext-clear-icon-btn:active {
  background-color: transparent;
}

.oj-inputtext-clear-icon {
  color: inherit;
}

.oj-inputtext .oj-inputtext-clear-icon-btn:focus {
  outline: none;
}

.oj-inputtext.oj-focus .oj-text-field-container.oj-inputtext-clearicon-conditional:not(.oj-form-control-empty-clearicon) .oj-inputtext-clear-icon-btn,
.oj-inputtext.oj-hover .oj-text-field-container.oj-inputtext-clearicon-conditional:not(.oj-form-control-empty-clearicon) .oj-inputtext-clear-icon-btn {
  visibility: visible;
}

.oj-inputtext .oj-text-field-container.oj-inputtext-clearicon-conditional .oj-inputtext-clear-icon-btn {
  visibility: hidden;
}

.oj-text-field-counter .oj-inputtext-counter-el {
  position: relative;
  bottom: -5px;
}

html:not([dir="rtl"]) .oj-text-field-counter .oj-inputtext-counter-el {
  right: 5px;
}

html[dir="rtl"] .oj-text-field-counter .oj-inputtext-counter-el {
  left: 5px;
}

.oj-inputtext .oj-text-field-counter {
  visibility: hidden;
}

.oj-inputtext.oj-focus .oj-text-field-counter {
  visibility: visible;
}

.oj-inputtext-input,
.oj-inputpassword-input,
.oj-textarea-input {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.oj-inputtext-input::placeholder,
.oj-inputpassword-input::placeholder,
.oj-textarea-input::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-inputtext-input[size],
.oj-inputpassword-input[size],
.oj-textarea-input[size] {
  width: auto;
}

.oj-inputtext-input,
.oj-inputpassword-input {
  margin: 0;
}

.oj-inputpassword.oj-read-only .oj-text-field-input:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: -1px;
}

.oj-inputpassword.oj-read-only .oj-text-field-input {
  padding: 0;
}

.oj-form-layout .oj-form.oj-enabled .oj-inputpassword.oj-read-only .oj-text-field-input {
  padding: 0 var(--oj-text-field-text-to-edge-padding);
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-inputpassword.oj-read-only .oj-text-field-input {
  padding: var(--oj-text-field-inside-edge-padding-top) var(--oj-text-field-text-to-edge-padding) 0;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-inputpassword.oj-read-only .oj-text-field-middle {
  min-height: var(--oj-text-field-inside-edge-height);
}

.oj-inputpassword.oj-read-only.oj-text-field-label-inside .oj-text-field-input {
  min-height: calc(var(--oj-typography-body-md-line-height) * var(--oj-typography-body-md-font-size));
}

.oj-inputpassword.oj-read-only .oj-text-field-input {
  font-weight: inherit;
  line-height: inherit;
}



oj-inputsearch:not(.oj-complete) {
  visibility: hidden;
}

.oj-inputsearch {
  position: relative;
}



.oj-inputsearch-input {
  width: 100%;
}


.oj-inputsearch-mobile .oj-text-field-middle {
  width: calc(100% - var(--oj-button-sm-icon-size) - var(--oj-text-field-icon-to-text-padding));
}

.oj-inputsearch-mobile.oj-input-search-hero .oj-text-field-middle {
  width: calc(100% - var(--oj-button-sm-icon-size) - var(--oj-text-field-icon-to-edge-padding) - var(--oj-text-field-icon-to-text-padding));
}

div.oj-inputsearch-input-displayonly {
  line-height: calc(var(--oj-text-field-height) - 2px);
}

div.oj-inputsearch-input-displayonly > div {
  white-space: nowrap;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

div.oj-inputsearch-input-readonly > div::-webkit-scrollbar {
  display: none;
}

.oj-inputsearch-placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}


.oj-inputsearch.oj-loading .oj-inputsearch-search-icon {
  display: none;
}


.oj-inputsearch-autocomplete-floating-container {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0 var(--oj-text-field-text-to-edge-padding);
  display: inline-flex;
  align-items: center;
  pointer-events: none;
}


.oj-inputsearch-autocomplete-floating-text {
  font-size: var(--oj-typography-body-xs-font-size);
  color: var(--oj-core-text-color-secondary);
  white-space: nowrap;
}

.oj-listbox-fullscreen .oj-inputsearch-results {
  max-height: none;
}






.oj-inputsearch-back-button:hover,
.oj-inputsearch-back-button:focus {
  text-decoration: none;
}


.oj-inputsearch input[type='search']::-ms-clear,
.oj-inputsearch input[type='search']::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.oj-inputsearch-option-defaults {
  font-family: '{"showIndicatorDelay":"50"}' !important;
}

.oj-hicontrast .oj-inputsearch-results .oj-hover {
  border: 1px solid var(--oj-text-field-border-color);
}

.oj-input-search-hero .oj-text-field-container .oj-text-field-input {
  padding: 0;
  padding-inline-end: var(--oj-text-field-text-to-edge-padding);
}

html:not([dir="rtl"]) .oj-input-search-hero.oj-text-field .oj-text-field-start .oj-text-field-start-end-icon {
  margin-left: var(--oj-text-field-icon-to-edge-padding);
  margin-right: var(--oj-text-field-icon-to-text-padding);
}

html[dir="rtl"] .oj-input-search-hero.oj-text-field .oj-text-field-start .oj-text-field-start-end-icon {
  margin-right: var(--oj-text-field-icon-to-edge-padding);
  margin-left: var(--oj-text-field-icon-to-text-padding);
}



.oj-input-search-hero {
  --oj-text-field-font-size: 1.5rem;
  --oj-button-sm-icon-size: 1.5rem;
  --oj-text-field-height: 4.5rem;
  --oj-text-field-text-to-edge-padding: 2.5rem;
  --oj-text-field-icon-to-text-padding: 1rem;
  --oj-text-field-icon-to-edge-padding: 1rem;
}

:root {
  --oj-gauge-metric-label-font-weight: normal;
}

.oj-gauge-metric-label {
  font-weight: var(--oj-gauge-metric-label-font-weight);
}

.oj-gauge-threshold1 {
  color: var(--oj-dvt-danger-color);
}

.oj-gauge-threshold2 {
  color: var(--oj-dvt-warning-color);
}

.oj-gauge-threshold3 {
  color: var(--oj-dvt-success-color);
}

oj-led-gauge:not(.oj-complete) {
  visibility: hidden;
}

oj-led-gauge {
  display: block;
}

.oj-ledgauge-fit {
  width: 2.5rem;
  height: 2.5rem;
}

.oj-ledgauge-sm {
  width: var(--oj-led-gauge-sm-size) !important;
  height: var(--oj-led-gauge-sm-size) !important;
}

.oj-ledgauge-md {
  width: var(--oj-led-gauge-md-size) !important;
  height: var(--oj-led-gauge-md-size) !important;
}

.oj-ledgauge-lg {
  width: var(--oj-led-gauge-lg-size) !important;
  height: var(--oj-led-gauge-lg-size) !important;
}

.oj-ledgauge.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
}

:root {
  --oj-led-gauge-sm-size:  1.5rem;
  --oj-led-gauge-md-size:  1.75rem;
  --oj-led-gauge-lg-size:  2rem;
}

oj-list-item-layout:not(.oj-complete) {
  visibility: hidden;
}

oj-list-item-layout {
  display: block;
}

.oj-listitemlayout-grid {
  display: grid;
  grid-template-areas: "selector leading textslots extra" ".... .... quaternary navigation";
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr) auto;
  box-sizing: border-box;
  min-height: var(--oj-collection-list-row-height);
}

.oj-listitemlayout-padding-off > .oj-listitemlayout-grid {
  padding: 0;
}

.oj-listitemlayout-selector {
  grid-area: selector;
  align-self: center;
  margin: -0.875rem -0.625rem;
}

.oj-listitemlayout-leading {
  grid-area: leading;
  align-self: center;
  display: flex;
}

.oj-listitemlayout-textslots {
  grid-area: textslots;
  align-self: center;
  grid-template-columns: 1fr;
}

.oj-listitemlayout-extra {
  grid-area: extra;
  display: grid;
  grid-template-areas: "metadata trailing action";
  align-items: center;
  align-self: center;
}

.oj-listitemlayout-metadata {
  grid-area: metadata;
}

.oj-listitemlayout-trailing {
  grid-area: trailing;
}

.oj-listitemlayout-action {
  grid-area: action;
  margin-top: calc(-1 * var(--oj-collection-list-cell-padding-vertical));
  margin-bottom: calc(-1 * var(--oj-collection-list-cell-padding-vertical));
}

.oj-listitemlayout-quaternary {
  grid-area: quaternary;
  min-width: 0;
  justify-self: start;
  padding-top: 0.75rem;
}

.oj-listitemlayout-navigation {
  grid-area: navigation;
  justify-self: end;
  padding-top: 0.75rem;
}

.oj-listitemlayout-start-padding {
  padding-inline-start: 1rem;
}

.oj-listitemlayout-horizontal-padding {
  padding-inline-start: var(--oj-list-view-item-padding-horizontal);
}

.oj-listitemlayout-tertiary {
  padding-top: 0.125rem;
}

.oj-listitemlayout-primary {
  outline-offset: -1.6px;
  outline-width: 1px;
}

:root.oj-scale-sm {
  --oj-collection-header-font-size: var(--oj-typography-body-md-font-size);
}

:root.oj-scale-md {
  --oj-collection-header-font-size: var(--oj-typography-body-md-font-size);
}

.oj-density-compact {
  --oj-collection-list-row-height: 2.5rem;
  --oj-collection-list-cell-padding-vertical: 0.5rem;
  --oj-collection-grid-row-height: 1.75rem;
  --oj-collection-grid-header-height: 1.75rem;
  --oj-collection-grid-cell-padding-vertical: 0.1875rem;
}

.oj-listitemlayout-grid {
  padding-top: var(--oj-collection-list-cell-padding-vertical);
  padding-bottom: var(--oj-collection-list-cell-padding-vertical);
  padding-inline-start: var(--oj-core-gutter-start, var(--oj-list-view-item-padding-horizontal));
  padding-inline-end: var(--oj-core-gutter-end, var(--oj-list-view-item-padding-horizontal));
}

:root {
  --oj-masonry-layout-tile-width:    10rem;
  --oj-masonry-layout-tile-height:   10rem;
}



oj-masonry-layout:not(.oj-complete) {
  visibility: hidden;
}

oj-masonry-layout {
  display: block;
}

.oj-masonrylayout {
  min-height: 1px;
  min-width: 1px;
  position: relative;
}


.oj-masonrylayout-tile {
  box-sizing: border-box;
  position: absolute;
}

.oj-masonrylayout .oj-masonrylayout-tile {
  position: absolute;
}

.oj-masonrylayout-tile.oj-drop {
  background-color: var(--oj-core-drag-drop-color-1);
  border: 1px solid var(--oj-core-drag-drop-color-2);
  opacity: 0.75;
}

.oj-masonrylayout-tile.oj-drag {
  opacity: 0.75;
}

.oj-masonrylayout-tile-transition-show-from {
  opacity: 0;
}

.oj-masonrylayout-tile-1x1 {
  margin: calc(var(--oj-panel-gutter) / 2);
  width: calc(1 * var(--oj-masonry-layout-tile-width) + 0 * var(--oj-panel-gutter) / 2);
  height: calc(1 * var(--oj-masonry-layout-tile-height) + 0 * var(--oj-panel-gutter) / 2);
}

.oj-masonrylayout-tile-1x2 {
  margin: calc(var(--oj-panel-gutter) / 2);
  width: calc(1 * var(--oj-masonry-layout-tile-width) + 0 * var(--oj-panel-gutter) / 2);
  height: calc(2 * var(--oj-masonry-layout-tile-height) + 2 * var(--oj-panel-gutter) / 2);
}

.oj-masonrylayout-tile-1x3 {
  margin: calc(var(--oj-panel-gutter) / 2);
  width: calc(1 * var(--oj-masonry-layout-tile-width) + 0 * var(--oj-panel-gutter) / 2);
  height: calc(3 * var(--oj-masonry-layout-tile-height) + 4 * var(--oj-panel-gutter) / 2);
}

.oj-masonrylayout-tile-2x1 {
  margin: calc(var(--oj-panel-gutter) / 2);
  width: calc(2 * var(--oj-masonry-layout-tile-width) + 2 * var(--oj-panel-gutter) / 2);
  height: calc(1 * var(--oj-masonry-layout-tile-height) + 0 * var(--oj-panel-gutter) / 2);
}

.oj-masonrylayout-tile-2x2 {
  margin: calc(var(--oj-panel-gutter) / 2);
  width: calc(2 * var(--oj-masonry-layout-tile-width) + 2 * var(--oj-panel-gutter) / 2);
  height: calc(2 * var(--oj-masonry-layout-tile-height) + 2 * var(--oj-panel-gutter) / 2);
}

.oj-masonrylayout-tile-2x3 {
  margin: calc(var(--oj-panel-gutter) / 2);
  width: calc(2 * var(--oj-masonry-layout-tile-width) + 2 * var(--oj-panel-gutter) / 2);
  height: calc(3 * var(--oj-masonry-layout-tile-height) + 4 * var(--oj-panel-gutter) / 2);
}

.oj-masonrylayout-tile-3x1 {
  margin: calc(var(--oj-panel-gutter) / 2);
  width: calc(3 * var(--oj-masonry-layout-tile-width) + 4 * var(--oj-panel-gutter) / 2);
  height: calc(1 * var(--oj-masonry-layout-tile-height) + 0 * var(--oj-panel-gutter) / 2);
}

.oj-masonrylayout-tile-3x2 {
  margin: calc(var(--oj-panel-gutter) / 2);
  width: calc(3 * var(--oj-masonry-layout-tile-width) + 4 * var(--oj-panel-gutter) / 2);
  height: calc(2 * var(--oj-masonry-layout-tile-height) + 2 * var(--oj-panel-gutter) / 2);
}

.oj-masonrylayout-option-defaults {
  font-family: '{"animation":{"insert":[{"effect":"zoomIn","duration":"0.25s","timingFunction":"ease-in-out"},"fadeIn"],"remove":[{"effect":"zoomOut","duration":"0.25s","timingFunction":"ease-in-out"},"fadeOut"],"move":{"effect":"addTransition","duration":"0.25s","timingFunction":"ease-in-out","transitionProperties":["width","height","top","left","right"]},"resize":{"effect":"addTransition","duration":"0.25s","timingFunction":"ease-in-out","transitionProperties":["width","height","top","left","right"]},"reorder":{"effect":"addTransition","duration":"0.2s","timingFunction":"ease-in-out","transitionProperties":["width","height","top","left","right"]}}}' !important;
}

:root {
  --oj-menu-icon-size:                      var(--oj-core-icon-size-lg);
  --oj-menu-icon-to-edge-padding:           1rem;
  --oj-menu-text-to-start-icon-padding:     1rem;
  --oj-menu-text-to-end-icon-padding:       2rem;
  --oj-menu-text-to-edge-padding:           1rem;
  --oj-menu-divider-margin:                 var(--oj-core-spacing-2x) 0;
  --oj-menu-item-text-color:                var(--oj-core-text-color-primary);
  --oj-menu-icon-color:                     var(--oj-core-text-color-primary);
  --oj-menu-sheet-margin-horizontal:        0px;
  --oj-private-menu-global-drop-down-open-animation: '{"effect":"zoomIn","transformOrigin":"#myPosition","duration":".25s"}';
  --oj-private-menu-global-drop-down-close-animation: '{"effect":"none"}';
  --oj-private-menu-global-sheet-open-animation: '{"effect":"slideIn","direction":"top","duration":".25s"}';
  --oj-private-menu-global-sheet-close-animation: '{"effect":"slideOut","direction":"bottom","duration":".25s"}';
  --oj-private-menu-global-submenu-open-animation: '{"effect":"zoomIn","transformOrigin":"#myPosition","duration":".25s"}';
  --oj-private-menu-global-submenu-close-animation: '{"effect":"none"}';
  --oj-private-menu-global-sheet-cancel-affordance: none;
  --oj-private-menu-global-sheet-swipe-down-behavior: dismiss;
  --oj-private-menu-global-drop-down-modality: modeless;
  --oj-private-menu-global-sheet-modality: modal;
  --oj-private-menu-global-sheet-margin-bottom: 0;
}



oj-menu {
  display: none;
}

.oj-menu-layer {
  z-index: var(--oj-core-z-index-popup);
}

.oj-menu {
  list-style: none;
  padding: var(--oj-core-spacing-2x) 0;
  min-width: 8.75rem;
  color: var(--oj-core-text-color-primary);
  background: var(--oj-popup-bg-color);
  font-size: var(--oj-typography-body-md-font-size);
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}

.oj-menu-dropdown {
  border: 1px solid var(--oj-popup-border-color);
  border-radius: var(--oj-core-border-radius-md);
  box-shadow: var(--oj-core-dropdown-box-shadow);
}

.oj-menu-sheet {
  border: 0;
  border-radius: 6px 6px 0 0;
  width: calc(100% - 2 * var(--oj-menu-sheet-margin-horizontal));
}

.oj-menu:focus {
  outline: none;
}

.oj-menu.oj-menu-submenu {
  position: fixed;
}

.oj-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  display: list-item;
}

.oj-menu-divider {
  margin: var(--oj-menu-divider-margin);
  height: 0;
  font-size: 0;
  line-height: 0;
  border-style: solid;
  display: list-item;
  border-width: 1px 0 0 0;
  border-color: var(--oj-core-divider-color);
}

.oj-menu-item > a {
  padding: 0 var(--oj-menu-text-to-edge-padding);
  position: relative;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-weight: normal;
  box-sizing: border-box;
}

.oj-menu-item > a {
  height: var(--oj-collection-list-row-height);
  color: var(--oj-menu-item-text-color);
  border-top-width: 1px;
  border-top-color: transparent;
  border-top-style: solid;
}

.oj-menu-item:last-child > a {
  border-bottom-width: 1px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
}

.oj-menu-item-cancel > a {
  font-weight: normal;
}


html:not([dir="rtl"]) a.oj-menu-option-start-icon {
  padding-left: calc(var(--oj-menu-icon-to-edge-padding) + var(--oj-menu-icon-size) + var(--oj-menu-text-to-start-icon-padding));
}

html[dir="rtl"] a.oj-menu-option-start-icon {
  padding-right: calc(var(--oj-menu-icon-to-edge-padding) + var(--oj-menu-icon-size) + var(--oj-menu-text-to-start-icon-padding));
}

html:not([dir="rtl"]) a.oj-menu-option-end-icon {
  padding-right: calc(var(--oj-menu-icon-to-edge-padding) + var(--oj-menu-icon-size) + var(--oj-menu-text-to-end-icon-padding));
}

html[dir="rtl"] a.oj-menu-option-end-icon {
  padding-left: calc(var(--oj-menu-icon-to-edge-padding) + var(--oj-menu-icon-size) + var(--oj-menu-text-to-end-icon-padding));
}

a.oj-menu-option-text-only {
  text-align: initial;
}

.oj-menu-option-text-only .oj-menu-cancel-icon {
  display: none;
}

.oj-menu-divider + .oj-menu-item > a {
  border-top-width: 0;
}

.oj-menu-item:not(.oj-focus-highlight) > a:focus {
  outline: none;
}

.oj-menu-item.oj-focus-highlight > a {
  outline: dotted 1px var(--oj-core-text-color-primary);
  outline-offset: 1px;
}

.oj-menu-item:not(.oj-disabled).oj-focus > a,
.oj-menu-item:not(.oj-disabled).oj-focus-ancestor > a {
  background: var(--oj-core-bg-color-hover);
}

.oj-menu-item.oj-focus > a,
.oj-menu-item.oj-focus-ancestor > a,
.oj-menu-item.oj-focus + .oj-menu-item > a,
.oj-menu-item.oj-focus-ancestor + .oj-menu-item > a {
  border-top-color: transparent;
}

.oj-menu-item:last-child.oj-focus > a,
.oj-menu-item:last-child.oj-focus-ancestor > a {
  border-bottom-color: transparent;
}

.oj-menu.oj-disabled .oj-menu-item > a,
.oj-menu-item.oj-disabled > a {
  cursor: default;
}

.oj-disabled .oj-menu-item > a,
.oj-menu-item.oj-disabled > a {
  color: var(--oj-core-text-color-disabled);
}


.oj-menu-item-icon,
.oj-menu-item-end-icon {
  color: var(--oj-menu-icon-color);
  display: flex;
  align-items: center;
  position: absolute;
  height: var(--oj-menu-icon-size);
}

html:not([dir="rtl"]) .oj-menu-item-icon {
  margin-left: calc(0px - var(--oj-menu-icon-size) - var(--oj-menu-text-to-start-icon-padding));
  margin-right: var(--oj-menu-text-to-start-icon-padding);
}

html[dir="rtl"] .oj-menu-item-icon {
  margin-right: calc(0px - var(--oj-menu-icon-size) - var(--oj-menu-text-to-start-icon-padding));
  margin-left: var(--oj-menu-text-to-start-icon-padding);
}

html:not([dir="rtl"]) .oj-menu-item-end-icon {
  right: 0;
  margin-right: var(--oj-menu-text-to-start-icon-padding);
  margin-left: calc(0px - var(--oj-menu-icon-size) - var(--oj-menu-text-to-start-icon-padding));
}

html[dir="rtl"] .oj-menu-item-end-icon {
  left: 0;
  margin-left: var(--oj-menu-text-to-start-icon-padding);
  margin-right: calc(0px - var(--oj-menu-icon-size) - var(--oj-menu-text-to-start-icon-padding));
}

.oj-menu-item .oj-menu-item-icon,
.oj-menu-item .oj-menu-item-end-icon {
  font-size: var(--oj-menu-icon-size);
}

.oj-menu.oj-disabled .oj-menu-item-icon,
.oj-menu.oj-disabled .oj-menu-item-end-icon,
.oj-menu-item.oj-disabled .oj-menu-item-icon,
.oj-menu-item.oj-disabled .oj-menu-submenu-icon,
.oj-menu-item.oj-disabled .oj-menu-item-end-icon {
  color: var(--oj-private-icon-color-disabled);
}

.oj-menu-submenu-icon {
  color: var(--oj-menu-icon-color);
  position: absolute;
  height: var(--oj-menu-icon-size);
  display: flex;
  align-items: center;
}

html:not([dir="rtl"]) .oj-menu-submenu-icon {
  right: var(--oj-menu-icon-to-edge-padding);
}

html[dir="rtl"] .oj-menu-submenu-icon {
  left: var(--oj-menu-icon-to-edge-padding);
}

.oj-menu-context-menu-launcher:not(.oj-menu-allow-browser-context-menu) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}

.oj-hicontrast .oj-menu-item.oj-focus > a,
.oj-hicontrast .oj-menu-item.oj-focus-ancestor > a {
  outline: dotted 3px;
}

.oj-hicontrast .oj-menu-item.oj-disabled > a {
  border: dotted 1px;
}

.oj-hicontrast .oj-menu-item > a {
  border: none;
}



oj-menu-select-many:not(.oj-complete) {
  visibility: hidden;
}

.oj-menu-dropdown oj-menu-select-many > .oj-menu-item:first-child:not(.oj-top):not(.oj-menu-item-after-divider),
.oj-menu-dropdown oj-menu-select-many > .oj-menu-item:first-child:not(.oj-top):not(.oj-menu-item-after-divider) > a,
.oj-menu-sheet oj-menu-select-many > .oj-menu-item:first-child:not(.oj-top):not(.oj-menu-item-after-divider),
.oj-menu-sheet oj-menu-select-many > .oj-menu-item:first-child:not(.oj-top):not(.oj-menu-item-after-divider) > a {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

oj-menu-select-many > .oj-menu-item:last-child:not(.oj-bottom):not(.oj-menu-item-before-divider),
oj-menu-select-many > .oj-menu-item:last-child:not(.oj-bottom):not(.oj-bottom):not(.oj-menu-item-before-divider) > a {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}

.oj-menucheckbox-icon {
  width: var(--oj-menu-icon-size);
  height: var(--oj-menu-icon-size);
}

.oj-menucheckbox-icon::after {
  content: "";
  display: inline-block;
}

.oj-menucheckbox-icon.oj-disabled {
  opacity: 0.2;
}

oj-message:not(.oj-complete) {
  visibility: hidden;
}

.oj-messages-general .oj-error .oj-message-container,
.oj-messages-inline .oj-error .oj-message-container {
  background-color: var(--oj-core-danger-secondary-3);
}

.oj-messages-general .oj-confirmation .oj-message-container,
.oj-messages-inline .oj-confirmation .oj-message-container {
  background-color: var(--oj-core-success-secondary-3);
}

.oj-messages-general .oj-warning .oj-message-container,
.oj-messages-inline .oj-warning .oj-message-container {
  background-color: var(--oj-core-warning-secondary-3);
}

.oj-messages-general .oj-info .oj-message-container,
.oj-messages-inline .oj-info .oj-message-container,
.oj-messages-general .oj-message-container,
.oj-messages-inline .oj-message-container {
  background-color: var(--oj-core-info-secondary-3);
}

.oj-messages-general .oj-error .oj-message-leading-header > .oj-message-summary,
.oj-messages-inline .oj-error .oj-message-leading-header > .oj-message-summary,
.oj-messages-general .oj-error .oj-message-status-icon.oj-message-error-icon,
.oj-messages-inline .oj-error .oj-message-status-icon.oj-message-error-icon {
  color: var(--oj-core-danger-3);
}

.oj-messages-general .oj-confirmation .oj-message-leading-header > .oj-message-summary,
.oj-messages-inline .oj-confirmation .oj-message-leading-header > .oj-message-summary,
.oj-messages-general .oj-confirmation .oj-message-status-icon.oj-message-confirmation-icon,
.oj-messages-inline .oj-confirmation .oj-message-status-icon.oj-message-confirmation-icon {
  color: var(--oj-core-success-3);
}

.oj-messages-general .oj-warning .oj-message-leading-header > .oj-message-summary,
.oj-messages-inline .oj-warning .oj-message-leading-header > .oj-message-summary,
.oj-messages-general .oj-warning .oj-message-status-icon.oj-message-warning-icon,
.oj-messages-inline .oj-warning .oj-message-status-icon.oj-message-warning-icon {
  color: var(--oj-core-warning-3);
}

.oj-messages-general .oj-info .oj-message-leading-header > .oj-message-summary,
.oj-messages-inline .oj-info .oj-message-leading-header > .oj-message-summary,
.oj-messages-general .oj-message-leading-header > .oj-message-summary,
.oj-messages-inline .oj-message-leading-header > .oj-message-summary,
.oj-messages-general .oj-info .oj-message-status-icon.oj-message-info-icon,
.oj-messages-inline .oj-info .oj-message-status-icon.oj-message-info-icon {
  color: var(--oj-core-info-3);
}

.oj-messages-notification .oj-error .oj-message-status-icon.oj-message-error-icon,
.oj-messages-notification .oj-confirmation .oj-message-status-icon.oj-message-confirmation-icon,
.oj-messages-notification .oj-warning .oj-message-status-icon.oj-message-warning-icon,
.oj-messages-notification .oj-info .oj-message-status-icon.oj-message-info-icon {
  color: var(--oj-private-message-category-text-color);
}

.oj-message-container {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
}

.oj-message-header {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-height: var(--oj-private-message-header-height);
}

.oj-message-leading-header {
  display: inline-flex;
  align-items: center;
}

html:not([dir="rtl"]) .oj-message-leading-header {
  margin-right: var(--oj-private-message-header-margin-end);
}

html[dir="rtl"] .oj-message-leading-header {
  margin-left: var(--oj-private-message-header-margin-end);
}

.oj-message-trailing-header {
  align-items: center;
  display: inline-flex;
}

.oj-message-custom-icon {
  width: 20px;
  height: 20px;
}

.oj-message-category {
  color: var(--oj-private-message-category-text-color);
  font-size: var(--oj-private-message-component-inline-font-size);
  font-weight: var(--oj-private-message-component-inline-font-weight);
  word-break: break-word;
}

.oj-messages-notification .oj-message-category {
  font-size: var(--oj-private-message-notification-overlay-font-size);
  font-weight: var(--oj-private-message-notification-overlay-font-weight);
}

.oj-message-category h1 {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0px;
  padding: 0px;
}

.oj-message-body {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  align-items: flex-start;
}

.oj-message-summary {
  font-weight: var(--oj-private-message-summary-font-weight);
  color: var(--oj-private-message-summary-text-color);
  font-size: var(--oj-private-message-summary-font-size);
  line-height: var(--oj-private-message-summary-line-height);
  word-break: break-word;
}

.oj-message-detail {
  color: var(--oj-private-message-detail-text-color);
  font-size: var(--oj-private-message-detail-font-size);
  line-height: var(--oj-private-message-detail-line-height);
  word-break: break-word;
  width: 100%;
}

.oj-messages-notification .oj-message-detail {
  color: var(--oj-private-message-notification-detail-text-color);
}

.oj-message-leading-header > .oj-message-summary {
  margin: 0px;
  padding: 0px;
  color: var(--oj-private-message-category-text-color);
  font-size: var(--oj-private-message-component-inline-font-size);
  font-weight: var(--oj-private-message-component-inline-font-weight);
  word-break: break-word;
}

.oj-messages-notification .oj-message-leading-header > .oj-message-summary {
  font-size: var(--oj-private-message-notification-overlay-font-size);
  font-weight: var(--oj-private-message-notification-overlay-font-weight);
}

.oj-message-timestamp {
  color: var(--oj-private-message-time-text-color);
  font-size: var(--oj-private-message-time-font-size);
  margin-right: var(--oj-private-message-time-margin-end);
  flex-grow: 9;
  min-width: 5em;
  word-break: break-word;
}

html[dir="rtl"] .oj-message-timestamp {
  margin-left: var(--oj-private-message-time-margin-end);
}

.oj-message-close {
  float: right;
  display: var(--oj-private-message-close-icon-display);
}

html[dir="rtl"] .oj-message-close {
  float: left;
}

.oj-message-auto-timeout-close {
  display: var(--oj-private-message-auto-timeout-close-icon-display);
}

.oj-message-close .oj-button {
  margin-bottom: 0;
}

.oj-message-option-defaults {
  font-family: '{"autoTimeout":4000}' !important;
}

.oj-color-invert {
  --oj-private-message-category-text-color:                   var(--oj-core-text-color-primary);
  --oj-private-message-summary-text-color:                    var(--oj-core-text-color-primary);
  --oj-private-message-detail-text-color:                     var(--oj-core-text-color-primary);
  --oj-private-message-notification-detail-text-color:  var(--oj-core-text-color-secondary);
  --oj-private-message-notification-overlay-header-bg-color:  rgb(var(--oj-palette-neutral-rgb-170));
  --oj-private-message-notification-overlay-body-bg-color:    rgb(var(--oj-palette-neutral-rgb-170));
  --oj-private-message-time-text-color:                       var(--oj-core-text-color-primary);
  --oj-private-message-notification-overlay-box-shadow:       var(--oj-core-box-shadow-md);
  --oj-private-message-general-inline-border-color:           var(--oj-core-divider-color);
  --oj-private-message-general-overlay-border-color:          var(--oj-core-divider-color);
}

.oj-message-body .oj-message-summary {
  padding-bottom: 4px;
}

html:not([dir="rtl"]) .oj-message-header .oj-message-status-icon {
  padding: 0 0.5rem 0 0;
}

html[dir="rtl"] .oj-message-header .oj-message-status-icon {
  padding: 0 0 0 0.5rem;
}

oj-message-banner:not(.oj-complete) {
  visibility: hidden;
}

.oj-messagebanner-container-gap {
  gap: var(--oj-core-spacing-1x);
}

.oj-messagebanner-item {
  background-color: var(--oj-private-message-banner-background-color);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--oj-core-divider-color);
}

.oj-messagebanner-item:focus-visible {
  outline-style: dotted;
  outline-width: 1px;
  outline-color: var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-messagebanner-item.oj-messagebanner-section {
  border: 1px solid var(--oj-core-divider-color);
  border-radius: var(--oj-core-border-radius-lg);
}

.oj-messagebanner-content {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  padding-top: var(--oj-core-spacing-4x);
  padding-bottom: var(--oj-core-spacing-4x);
  padding-inline-start: var(--oj-core-gutter-start, var(--oj-core-spacing-4x));
  padding-inline-end: var(--oj-core-gutter-start, var(--oj-core-spacing-4x));
}

.oj-messagebanner-content-gap {
  gap: var(--oj-core-spacing-2x);
}

.oj-messagebanner-start-icon-container {
  color: var(--oj-private-message-banner-start-icon-color);
  font-size: var(--oj-private-message-banner-start-icon-size);
  height: var(--oj-private-message-banner-summary-line-height);
  align-self: flex-start;
  display: flex;
  margin-inline-end: var(--oj-core-spacing-2x);
}

.oj-messagebanner-start-icon {
  height: calc(var(--oj-private-message-banner-summary-text-size) * var(--oj-private-message-banner-summary-line-height));
  display: flex;
  align-items: center;
}

.oj-messagebanner-header {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  line-height: var(--oj-private-message-banner-summary-line-height);
}

@media screen and (max-width: 599.9px) {
  .oj-messagebanner-header {
    flex-direction: column;
  }
}

.oj-messagebanner-summary {
  flex: 1;
  overflow-wrap: anywhere;
  font-size: var(--oj-private-message-banner-summary-text-size);
  font-weight: var(--oj-private-message-banner-summary-text-weight);
  color: var(--oj-private-message-banner-summary-text-color);
}

.oj-messagebanner-timestamp {
  flex-shrink: 0;
  font-size: var(--oj-typography-body-xs-font-size);
  color: var(--oj-core-text-color-secondary);
}

.oj-messagebanner-detail {
  overflow-wrap: anywhere;
  font-size: var(--oj-typography-body-sm-font-size);
  color: var(--oj-core-text-color-primary);
}

.oj-messagebanner-close-button {
  align-self: flex-start;
  display: flex;
  margin-inline-start: var(--oj-core-spacing-1x);
  margin-inline-end: calc(-1 * var(--oj-core-spacing-2x));
  margin-top: calc(-1 * var(--oj-core-spacing-2x));
  margin-bottom: calc(-1 * var(--oj-core-spacing-2x));
}

:root {
  --oj-private-message-banner-background-color:         var(--oj-core-info-secondary-3);
  --oj-private-message-banner-start-icon-color:         var(--oj-core-info-3);
  --oj-private-message-banner-start-icon-size:          1rem;
  --oj-private-message-banner-summary-text-color:       var(--oj-core-info-3);
  --oj-private-message-banner-summary-text-weight:      var(--oj-typography-subheading-xs-font-weight);
  --oj-private-message-banner-summary-text-size:        var(--oj-typography-subheading-xs-font-size);
  --oj-private-message-banner-summary-line-height:      var(--oj-typography-subheading-xs-line-height);
  --oj-private-message-banner-global-enter-animation:   '[{ "effect": "expand", "duration": "0.25s", "direction": "height" }]';
  --oj-private-message-banner-global-exit-animation:    '[{ "effect": "collapse", "duration": "0.25s", "direction": "height" }]';
}

.oj-messagebanner-error {
  --oj-private-message-banner-background-color:   var(--oj-core-danger-secondary-3);
  --oj-private-message-banner-start-icon-color:   var(--oj-core-danger-3);
  --oj-private-message-banner-summary-text-color: var(--oj-core-danger-3);
}

.oj-messagebanner-warning {
  --oj-private-message-banner-background-color:   var(--oj-core-warning-secondary-3);
  --oj-private-message-banner-start-icon-color:   var(--oj-core-warning-3);
  --oj-private-message-banner-summary-text-color: var(--oj-core-warning-3);
}

.oj-messagebanner-confirmation {
  --oj-private-message-banner-background-color:   var(--oj-core-success-secondary-3);
  --oj-private-message-banner-start-icon-color:   var(--oj-core-success-3);
  --oj-private-message-banner-summary-text-color: var(--oj-core-success-3);
}

.oj-messagebanner-info {
  --oj-private-message-banner-background-color:   var(--oj-core-info-secondary-3);
  --oj-private-message-banner-start-icon-color:   var(--oj-core-info-3);
  --oj-private-message-banner-summary-text-color: var(--oj-core-info-3);
}

.oj-messages-layer {
  z-index: var(--oj-core-z-index-messages);
}

.oj-messages-layer.oj-focus-within {
  z-index: calc(var(--oj-core-z-index-messages) + 1);
}

oj-messages:not(.oj-complete) {
  visibility: hidden;
}

oj-messages {
  display: none;
}

.oj-messages-inline oj-message {
  display: flex;
}

.oj-messages-general {
  width: var(--oj-private-messages-general-overlay-width);
  max-width: var(--oj-private-messages-general-overlay-max-width);
  min-width: var(--oj-private-messages-general-overlay-min-width);
}

.oj-messages-notification {
  width: var(--oj-private-messages-notification-overlay-width);
  max-width: var(--oj-private-messages-notification-overlay-max-width);
  min-width: var(--oj-private-messages-notification-overlay-min-width);
}

.oj-messages-general .oj-messages-container {
  border-width: var(--oj-private-messages-general-overlay-border-width);
  border-color: var(--oj-private-messages-general-overlay-border-color);
  border-style: solid;
  border-radius: var(--oj-private-messages-general-overlay-border-radius);
  box-shadow: var(--oj-private-messages-general-overlay-box-shadow);
}

.oj-messages-notification .oj-messages-container {
  border-width: var(--oj-private-messages-notification-overlay-border-width);
  border-color: var(--oj-private-messages-notification-overlay-border-color);
  border-style: solid;
  border-radius: var(--oj-private-messages-notification-overlay-border-radius);
  box-shadow: var(--oj-private-messages-notification-overlay-box-shadow);
}

.oj-messages-general .oj-messages-container,
.oj-messages-notification .oj-messages-container {
  margin: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.oj-messages-notification .oj-message-header {
  background-color: var(--oj-private-message-notification-overlay-header-bg-color);
}

.oj-messages-notification .oj-message-body {
  background-color: var(--oj-private-message-notification-overlay-body-bg-color);
}

.oj-messages-inline oj-message:not(:last-child) .oj-message-container,
.oj-messages-inline:not(.oj-messages-inline-remove-bottom-border) oj-message:last-child .oj-message-container {
  border-width: var(--oj-private-message-general-inline-border-width);
  border-color: var(--oj-private-message-general-inline-border-color);
  border-style: solid;
}

.oj-messages-general .oj-message-container {
  border-width: var(--oj-private-message-general-overlay-border-width);
  border-color: var(--oj-private-message-general-overlay-border-color);
  border-style: solid;
  border-radius: var(--oj-private-message-general-overlay-border-radius);
  box-shadow: var(--oj-private-message-general-overlay-box-shadow);
}

.oj-messages-notification .oj-message-container {
  border-width: var(--oj-private-message-notification-overlay-border-width);
  border-color: var(--oj-private-message-notification-overlay-border-color);
  border-style: solid;
  border-radius: var(--oj-private-message-notification-overlay-border-radius);
  box-shadow: var(--oj-private-message-notification-overlay-box-shadow);
}

.oj-messages-general .oj-message-header {
  border-top-left-radius: var(--oj-private-message-general-overlay-border-radius);
  border-top-right-radius: var(--oj-private-message-general-overlay-border-radius);
}

.oj-messages-general .oj-message-body {
  border-bottom-left-radius: var(--oj-private-message-general-overlay-border-radius);
  border-bottom-right-radius: var(--oj-private-message-general-overlay-border-radius);
}

.oj-messages-notification .oj-message-header {
  border-top-left-radius: var(--oj-private-message-notification-overlay-border-radius);
  border-top-right-radius: var(--oj-private-message-notification-overlay-border-radius);
}

.oj-messages-general .oj-message-no-detail .oj-message-header,
.oj-messages-notification .oj-message-no-detail .oj-message-header {
  border-radius: var(--oj-private-message-notification-overlay-border-radius);
}

.oj-messages-notification .oj-message-body {
  border-bottom-left-radius: var(--oj-private-message-notification-overlay-border-radius);
  border-bottom-right-radius: var(--oj-private-message-notification-overlay-border-radius);
}

.oj-messages-general oj-message:not(:last-child) .oj-message-container {
  margin-bottom: var(--oj-private-message-general-overlay-separator-margin);
}

.oj-messages-notification oj-message:not(:last-child) .oj-message-container {
  margin-bottom: var(--oj-private-message-notification-overlay-separator-margin);
}

@media screen and (max-width: 599.9px) {
  .oj-messages-general,
  .oj-messages-notification {
    width: calc(100% - 20px);
    max-width: initial;
    min-width: initial;
  }
}

.oj-messages-option-defaults {
  font-family: '{"general":{"animation":{"open":{"effect":"expand","duration":"0.25s"},"close":{"effect":"collapse","duration":"0.25s"}},"position":{"my":{"horizontal":"center","vertical":"top"},"at":{"horizontal":"center","vertical":"top"},"of":"window","collision":"none"}},"notification":{"animation":{"open":{"effect":"slideIn","duration":"0.25s","direction":"top"},"close":{"effect":"fadeOut","duration":"0.25s","timingFunction":"linear"}},"position":{"my":{"horizontal":"center","vertical":"bottom"},"at":{"horizontal":"center","vertical":"bottom"},"of":"window","collision":"none"}}}' !important;
}

.oj-messages-inline.oj-messages-outlined oj-message .oj-message-container,
.oj-messages-inline.oj-messages-outlined oj-message:last-child .oj-message-container {
  border-width: 1px;
  border-radius: var(--oj-core-border-radius-lg);
  margin: 0 0 0.25rem 0;
}

.oj-messages-inline .oj-message-header {
  padding: 1rem 0.5rem 0.5rem 1rem;
}

html[dir="rtl"] .oj-messages-inline .oj-message-header {
  padding: 1rem 1rem 0.5rem 0.5rem;
}

.oj-messages-inline .oj-message-no-detail .oj-message-header {
  padding: 1rem 0.5rem 1rem 1rem;
}

html[dir="rtl"] .oj-messages-inline .oj-message-no-detail .oj-message-header {
  padding: 1rem 1rem 1rem 0.5rem;
}

.oj-messages-inline .oj-message-container:not(.oj-message-no-detail) .oj-message-body {
  padding: 0 3rem 1rem 2.5rem;
}

html[dir="rtl"] .oj-messages-inline .oj-message-container:not(.oj-message-no-detail) .oj-message-body {
  padding: 0 2.5rem 1rem 3rem;
}

.oj-messages-inline .oj-message-container.oj-message-no-icon:not(.oj-message-no-detail) .oj-message-body {
  padding: 0 3rem 1rem 1rem;
}

html[dir="rtl"] .oj-messages-inline .oj-message-container.oj-message-no-icon:not(.oj-message-no-detail) .oj-message-body {
  padding: 0 1rem 1rem 3rem;
}


.oj-messages-general .oj-message-header,
.oj-messages-notification .oj-message-header {
  padding: 0.5rem 1rem 0 1rem;
}

.oj-messages-general .oj-message-container.oj-message-no-icon.oj-message-no-detail .oj-message-header,
.oj-messages-notification .oj-message-container.oj-message-no-icon.oj-message-no-detail .oj-message-header {
  padding: 1rem;
}

.oj-messages-general .oj-message-container.oj-message-no-detail:not(.oj-message-no-icon) .oj-message-header,
.oj-messages-notification .oj-message-container.oj-message-no-detail:not(.oj-message-no-icon) .oj-message-header {
  padding: 0.5rem 1rem;
}


.oj-messages-general .oj-message-body,
.oj-messages-notification .oj-message-body {
  padding: 0 3.75rem 1rem 2.5rem;
}

html[dir="rtl"] .oj-messages-general .oj-message-body, html[dir="rtl"]
.oj-messages-notification .oj-message-body {
  padding: 0 2.5rem 1rem 3.75rem;
}

.oj-messages-general .oj-message-container.oj-message-no-detail:not(.oj-message-no-icon) .oj-message-body,
.oj-messages-notification .oj-message-container.oj-message-no-detail:not(.oj-message-no-icon) .oj-message-body {
  padding: 0;
}

.oj-messages-general .oj-message-container.oj-message-no-icon.oj-message-no-detail .oj-message-body,
.oj-messages-notification .oj-message-container.oj-message-no-icon.oj-message-no-detail .oj-message-body {
  padding: 0;
}

oj-module:not(.oj-complete) {
  visibility: hidden;
}

oj-module {
  display: block;
}

:root {
  --oj-n-box-cell-bg-color:            rgb(var(--oj-palette-neutral-rgb-0));
  --oj-n-box-cell-bg-color-maximized:  rgb(var(--oj-palette-neutral-rgb-10));
  --oj-n-box-node-bg-color:            rgb(var(--oj-palette-neutral-rgb-30));
}

oj-n-box:not(.oj-complete) {
  visibility: hidden;
}

oj-n-box {
  display: block;
}

.oj-nbox {
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  height: 35rem;
}

.oj-nbox-container {
  grid-gap: 0.25rem;
}

.oj-nbox-columns-title,
.oj-nbox-rows-title {
  color: var(--oj-core-text-color-secondary);
  font-size: var(--oj-dvt-label-font-size-md);
}

.oj-nbox-column-label,
.oj-nbox-row-label {
  color: var(--oj-core-text-color-secondary);
  font-size: var(--oj-dvt-label-font-size-sm);
}

.oj-nbox-cell {
  background-color: var(--oj-n-box-cell-bg-color);
  border-radius: var(--oj-panel-border-radius);
  padding: 0.5rem;
  grid-gap: 0.25rem;
  height: 2rem;
}

.oj-nbox-cell-shadow {
  box-shadow: var(--oj-core-box-shadow-sm);
}

.oj-nbox-cell.oj-maximized {
  background-color: var(--oj-n-box-cell-bg-color-maximized);
}

.oj-nbox-cell.oj-minimized {
  background-color: var(--oj-n-box-cell-bg-color);
}

.oj-nbox-cell-label {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-md);
}

.oj-nbox-node-one-label-padding {
  padding: 0.375rem;
}

.oj-nbox-node-two-label-padding {
  padding: 0.125rem;
}

.oj-nbox-node-no-label {
  height: 2.75rem;
}

.oj-nbox-cell-label.oj-minimized {
  color: var(--oj-core-text-color-secondary);
}

.oj-nbox-cell-countlabel {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-md);
}

.oj-nbox-node {
  background-color: var(--oj-n-box-node-bg-color);
  border-radius: var(--oj-core-border-radius-md);
  min-width: 4.75rem;
  max-width: 9.125rem;
}

.oj-nbox-node.oj-hover {
  border-color: var(--oj-dvt-item-contrast-color);
}

.oj-nbox-node.oj-selected {
  border-color: var(--oj-dvt-item-border-color-selected);
}

.oj-nbox-node-label {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-md);
}

.oj-nbox-node-secondarylabel {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-md);
}

.oj-nbox-node-initials-background {
  width: 196px;
  height: 196px;
}

.oj-nbox-node-initials-background.oj-nbox-ios {
  width: 38px;
  height: 38px;
}

.oj-nbox-node-initials-background-pattern {
  opacity: .3;
}

.oj-nbox-node-initials {
  fill: var(--oj-core-neutral-contrast);
  font-size: var(--oj-typography-body-xs-font-size);
}

.oj-nbox-node-initials.oj-nbox-node-initials-lg {
  font-size: var(--oj-typography-body-md-font-size);
}

.oj-nbox-node-initials-bg-color {
  fill: var(--oj-avatar-bg-color);
}

.oj-nbox-dialog {
  background-color: var(--oj-n-box-cell-bg-color);
  border-color: var(--oj-dialog-border-color);
}

.oj-nbox-dialog-label {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-md);
}

.oj-nbox-dialog-countlabel {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-md);
}

.oj-nbox-node-initials-neutral {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern1.png");
}

.oj-nbox-node-initials-red,
.oj-nbox-node-initials-orange {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern2.png");
}

.oj-nbox-node-initials-forest,
.oj-nbox-node-initials-green {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern3.png");
}

.oj-nbox-node-initials-teal {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern4.png");
}

.oj-nbox-node-initials-blue {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern5.png");
}

.oj-nbox-node-initials-slate {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern6.png");
}

.oj-nbox-node-initials-mauve,
.oj-nbox-node-initials-pink {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern7.png");
}

.oj-nbox-node-initials-purple {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern8.png");
}

.oj-nbox-node-initials-lilac {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern9.png");
}

.oj-nbox-node-initials-gray {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern10.png");
}

.oj-nbox-node-initials-neutral.oj-nbox-ios {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern1_38.png");
}

.oj-nbox-node-initials-red.oj-nbox-ios {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern2_38.png");
}

.oj-nbox-node-initials-green.oj-nbox-ios {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern3_38.png");
}

.oj-nbox-node-initials-teal.oj-nbox-ios {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern4_38.png");
}

.oj-nbox-node-initials-blue.oj-nbox-ios {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern5_38.png");
}

.oj-nbox-node-initials-slate.oj-nbox-ios {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern6_38.png");
}

.oj-nbox-node-initials-mauve.oj-nbox-ios {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern7_38.png");
}

.oj-nbox-node-initials-purple.oj-nbox-ios {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern8_38.png");
}

.oj-nbox-node-initials-lilac.oj-nbox-ios {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern9_38.png");
}

.oj-nbox-node-initials-gray.oj-nbox-ios {
  background-image: url("../oraclejet/css/libs/oj/17.0.1/redwood/images/avatar-pattern10_38.png");
}

:root {
  --oj-tree-view-indent-width:                            1.5rem;
  --oj-tree-view-row-height:                              2.5rem;
  --oj-tree-view-text-color:                              var(--oj-core-text-color-primary);
  --oj-private-tree-view-global-expand-animation:                     '{"effect":"expand"}';
  --oj-private-tree-view-global-collapse-animation:                   '{"effect":"collapse"}';
  --oj-private-tree-view-global-data-fadein-duration:         .15s;
  --oj-private-tree-view-global-selection-affordance-default: selector;
  --oj-private-tree-view-global-load-indicator-default:       skeleton;
}

:root {
  --oj-navigation-list-font-size:                          var(--oj-typography-body-md-font-size);
  --oj-navigation-list-icon-size:                          var(--oj-core-icon-size-lg);
  --oj-navigation-list-font-weight:                        600;
  --oj-navigation-list-icon-margin:                        0;
  --oj-navigation-list-sliding-heading-font-size:          var(--oj-typography-subheading-xs-font-size);
  --oj-navigation-list-sliding-heading-font-weight:        var(--oj-typography-subheading-xs-font-weight);
  --oj-navigation-list-sliding-heading-line-height:        var(--oj-typography-subheading-xs-line-height);
  --oj-navigation-list-icon-to-text-padding:               0.5rem;
  --oj-navigation-list-item-min-height:                    3rem;
  --oj-navigation-list-item-margin:                        2rem;
  --oj-private-navigation-list-item-border-width:          3px;
  --oj-navigation-list-item-padding:                       0;
  --oj-navigation-list-item-label-color:               var(--oj-core-text-color-secondary);
  --oj-navigation-list-item-label-color-hover:                 var(--oj-core-text-color-primary);
  --oj-navigation-list-item-bg-color-hover:                    transparent;
  --oj-private-navigation-list-item-border-color-hover:        transparent;
  --oj-navigation-list-item-bg-color-selected:                 transparent;
  --oj-navigation-list-item-border-color-selected:             rgb(var(--oj-palette-brand-rgb-110));
  --oj-navigation-list-item-label-color-selected:              var(--oj-core-text-color-primary);
  --oj-private-navigation-list-global-horizontal-add-animation-default: '[{"effect":"expand","direction":"width"},"fadeIn"]';
  --oj-private-navigation-list-global-horizontal-remove-animation-default: '[{"effect":"collapse","direction":"width","persist":"all"},"fadeOut"]';
  --oj-private-navigation-list-global-add-animation-default: '[{"effect":"expand"},"fadeIn"]';
  --oj-private-navigation-list-global-remove-animation-default: '[{"effect":"collapse"},"fadeOut"]';
  --oj-private-navigation-list-global-update-animation-default: '{"effect":"fadeIn"}';
  --oj-private-navigation-list-global-expand-animation-default: '{"effect":"expand"}';
  --oj-private-navigation-list-global-collapse-animation-default: '{"effect":"collapse"}';
  --oj-private-navigation-list-global-slider-expand-animation-default: '{"effect":"slideIn","direction":"start","duration":"0.4s"}';
  --oj-private-navigation-list-global-slider-collapse-animation-default: '{"effect":"slideIn","direction":"end","duration":"0.4s"}';
  --oj-private-navigation-list-global-pointer-up-animation-default: '{"effect":"ripple"}';
  --oj-private-navigation-list-global-hierarchy-menu-threshold-default: -1;
}

oj-navigation-list:not(.oj-complete) {
  visibility: hidden;
}

oj-navigation-list {
  display: block;
}


.oj-navigationlist,
.oj-navigationlist-listview-container {
  overflow-x: hidden;
}

.oj-navigationlist-listview {
  position: relative;
}

.oj-navigationlist-touch {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.oj-navigationlist-category-divider {
  border-color: var(--oj-core-divider-color);
  border-style: solid;
  border-width: 1px 0 0;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0 3px;
}


.oj-navigationlist-horizontal .oj-navigationlist-divider {
  border-color: var(--oj-core-divider-color);
  border-style: solid;
  border-width: 0 1px 0 0;
  font-size: 0;
  height: 1.714rem;
  line-height: 0;
  margin: 5px 0;
  align-self: center;
  display: none;
}

.oj-navigationlist-item-dividers .oj-navigationlist-divider {
  display: list-item;
}


.oj-navigationlist-element,
.oj-navigationlist-group {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.oj-navigationlist-item-element:not(.oj-navigationlist-item) {
  display: block;
  line-height: 0;
}

.oj-navigationlist-item-element {
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}


.oj-navigationlist-element:focus {
  outline: none;
}


.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-label {
  vertical-align: middle;
}

.oj-navigationlist-vertical .oj-navigationlist-item::before {
  min-height: var(--oj-navigation-list-item-min-height);
  content: "";
  display: inline-block;
  visibility: hidden;
}


.oj-navigationlist-collapse-icon,
.oj-navigationlist-expand-icon {
  order: 1;
  align-self: center;
}

a.oj-navigationlist-collapse-icon,
a.oj-navigationlist-expand-icon,
a.oj-navigationlist-collapse-icon:hover,
a.oj-navigationlist-expand-icon:hover {
  text-decoration: none;
}


.oj-navigationlist-item-content {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}

a.oj-navigationlist-item-content {
  text-decoration: none;
  font-weight: normal;
  outline: none;
  overflow: hidden;
}

a.oj-navigationlist-item-content:active {
  background-color: transparent;
}

a.oj-navigationlist-item-content .oj-navigationlist-item-label {
  color: var(--oj-navigation-list-item-label-color);
}

.oj-selected > a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
  color: var(--oj-navigation-list-item-label-color-selected);
}

.oj-hover:not(.oj-selected) > a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
  color: var(--oj-navigation-list-item-label-color-hover);
}


.oj-navigationlist-item-label {
  order: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  display: inline-block;
  line-height: normal;
  -webkit-hyphens: auto;
          hyphens: auto;
  word-break: break-word;
}

.oj-navigationlist-item-text-wrap .oj-navigationlist-item-label {
  white-space: normal;
}


.oj-navigationlist-vertical .oj-navigationlist-item-label {
  padding: 3px 0;
  flex: 1 1 auto;
}


.oj-navigationlist-icon-only .oj-navigationlist-item-label {
  display: none;
}


.oj-navigationlist-item-icon {
  color: var(--oj-navigation-list-item-label-color);
  flex: 0 0 auto;
  font-size: var(--oj-navigation-list-icon-size);
  margin: var(--oj-navigation-list-icon-margin);
  width: var(--oj-navigation-list-icon-size);
}

.oj-navigationlist-group-item {
  display: flex;
  flex: 1 1 auto;
}

.oj-navigationlist-group {
  flex: 1 1 auto;
}


.oj-navigationlist-item.oj-disabled .oj-navigationlist-item-label {
  color: var(--oj-core-text-color-disabled);
}

.oj-navigationlist-item.oj-disabled a.oj-navigationlist-item-content {
  cursor: default;
}

.oj-navigationlist-item.oj-disabled .oj-navigationlist-item-icon {
  color: var(--oj-core-text-color-disabled);
}


.oj-navigationlist-item-end {
  color: var(--oj-core-text-color-secondary);
}

.oj-navigationlist-horizontal:not(.oj-navigationlist-stack-icon-label):not(.oj-navigationlist-icon-only) .oj-navigationlist-item-end {
  margin-left: var(--oj-navigation-list-icon-to-text-padding);
  flex: 0 0 auto;
  order: 3;
  align-self: center;
}

.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label .oj-navigationlist-item-end {
  order: 1;
}

.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label .oj-navigationlist-item-label,
.oj-navigationlist-vertical .oj-navigationlist-item-end {
  order: 3;
}

.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label .oj-navigationlist-item-icon {
  order: 2;
}

.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label .oj-navigationlist-item-content {
  overflow: visible;
}

.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label .oj-navigationlist-item-end {
  position: relative;
  top: calc(50% - 1.35rem);
  left: .5rem;
}

html[dir="rtl"] .oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label .oj-navigationlist-item-end {
  right: .5rem;
}

.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item-content {
  position: relative;
  overflow: visible;
}

.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item-end {
  position: absolute;
  top: calc(50% - 1rem);
  line-height: 0;
  left: 50%;
}

html[dir="rtl"] .oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item-end {
  right: 50%;
}

.oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item-content {
  position: relative;
}

.oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item-end {
  position: absolute;
  top: 50%;
  transform: translate(0, calc(-50% - 0.5rem));
  line-height: 0;
  left: calc(50% + 0.5rem);
}

html[dir="rtl"] .oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item-end {
  right: calc(50% + 0.5rem);
}

.oj-navigationlist-item.oj-disabled .oj-navigationlist-item-end {
  color: var(--oj-core-text-color-disabled);
}


.oj-navigationlist-item.oj-selected .oj-navigationlist-item-icon {
  color: var(--oj-navigation-list-item-label-color-selected);
}


.oj-navigationlist-item.oj-hover:not(.oj-selected) .oj-navigationlist-item-icon {
  color: var(--oj-navigation-list-item-label-color-hover);
}


.oj-hicontrast .oj-navigationlist-item.oj-selected,
.oj-hicontrast .oj-navigationlist-item.oj-selected.oj-hover,
.oj-hicontrast .oj-navigationlist-item.oj-selected.oj-focus {
  border: 1px solid;
}

.oj-hicontrast .oj-navigationlist-item.oj-hover,
.oj-hicontrast .oj-navigationlist-item.oj-focus {
  border: 1px dotted;
}


.oj-navigationlist .oj-navigationlist-item.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: -1px;
}

.oj-hicontrast .oj-navigationlist-item.oj-focus {
  outline: none;
}

.oj-navigationlist-item {
  border-color: transparent;
  display: flex;
  align-items: stretch;
}

.oj-navigationlist-item.oj-selected {
  background-color: var(--oj-navigation-list-item-bg-color-selected);
  border-color: var(--oj-navigation-list-item-border-color-selected);
}

.oj-navigationlist-item.oj-hover:not(.oj-selected) {
  background-color: var(--oj-navigation-list-item-bg-color-hover);
  border-color: var(--oj-private-navigation-list-item-border-color-hover);
}


html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-has-icons > .oj-navigationlist-item > .oj-navigationlist-item-no-icon .oj-navigationlist-item-label {
  margin-left: calc(var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-has-icons > .oj-navigationlist-item > .oj-navigationlist-item-no-icon .oj-navigationlist-item-label {
  margin-right: calc(var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
  border-style: solid;
  margin-top: 0;
  margin-bottom: var(--oj-navigation-list-item-margin);
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
  padding-right: calc(var(--oj-navigation-list-item-padding) - var(--oj-private-navigation-list-item-border-width));
  border-width: 0 var(--oj-private-navigation-list-item-border-width) 0 0;
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
  padding-left: calc(var(--oj-navigation-list-item-padding) - var(--oj-private-navigation-list-item-border-width));
  border-width: 0 0 0 var(--oj-private-navigation-list-item-border-width);
}

.oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:last-child {
  margin-bottom: 0;
}

.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item {
  border-style: none;
}

.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-focus,
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-hover,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-focus,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-hover {
  border-style: dotted;
}

html[dir="rtl"] .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-focus, html[dir="rtl"]
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-hover, html[dir="rtl"]
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-focus, html[dir="rtl"]
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-hover {
  border-width: 1px;
}

html:not([dir="rtl"]) .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-focus, html:not([dir="rtl"])
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-hover, html:not([dir="rtl"])
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-focus, html:not([dir="rtl"])
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-hover {
  border-width: 1px;
}

.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected,
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-focus,
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-hover,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-focus,
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-hover {
  border-style: solid;
}

html[dir="rtl"] .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected, html[dir="rtl"]
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-focus, html[dir="rtl"]
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-hover, html[dir="rtl"]
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected, html[dir="rtl"]
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-focus, html[dir="rtl"]
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-hover {
  border-width: 1px;
}

html:not([dir="rtl"]) .oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected, html:not([dir="rtl"])
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-focus, html:not([dir="rtl"])
.oj-hicontrast .oj-navigationlist-collapsible .oj-navigationlist-item.oj-selected.oj-hover, html:not([dir="rtl"])
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected, html:not([dir="rtl"])
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-focus, html:not([dir="rtl"])
.oj-hicontrast .oj-navigationlist-expanded:not(.oj-navigationlist-icon-only).oj-navigationlist-vertical .oj-navigationlist-item.oj-selected.oj-hover {
  border-width: 1px;
}


html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-1 .oj-navigationlist-item-content {
  padding-left: var(--oj-navigation-list-item-padding);
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-1 .oj-navigationlist-item-content {
  padding-right: var(--oj-navigation-list-item-padding);
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-2 .oj-navigationlist-item-content {
  padding-left: calc(2 * var(--oj-navigation-list-item-padding));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-2 .oj-navigationlist-item-content {
  padding-right: calc(2 * var(--oj-navigation-list-item-padding));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-3 .oj-navigationlist-item-content {
  padding-left: calc(3 * var(--oj-navigation-list-item-padding));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-3 .oj-navigationlist-item-content {
  padding-right: calc(3 * var(--oj-navigation-list-item-padding));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-4 .oj-navigationlist-item-content {
  padding-left: calc(4 * var(--oj-navigation-list-item-padding));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-4 .oj-navigationlist-item-content {
  padding-right: calc(4 * var(--oj-navigation-list-item-padding));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-5 .oj-navigationlist-item-content {
  padding-left: calc(5 * var(--oj-navigation-list-item-padding));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-5 .oj-navigationlist-item-content {
  padding-right: calc(5 * var(--oj-navigation-list-item-padding));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-6 .oj-navigationlist-item-content {
  padding-left: calc(6 * var(--oj-navigation-list-item-padding));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-6 .oj-navigationlist-item-content {
  padding-right: calc(6 * var(--oj-navigation-list-item-padding));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-7 .oj-navigationlist-item-content {
  padding-left: calc(7 * var(--oj-navigation-list-item-padding));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-7 .oj-navigationlist-item-content {
  padding-right: calc(7 * var(--oj-navigation-list-item-padding));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-8 .oj-navigationlist-item-content {
  padding-left: calc(8 * var(--oj-navigation-list-item-padding));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul:not(.oj-navigationlist-has-icons) .oj-navigationlist-depth-8 .oj-navigationlist-item-content {
  padding-right: calc(8 * var(--oj-navigation-list-item-padding));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-1 .oj-navigationlist-item-content {
  padding-left: calc(var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-1 .oj-navigationlist-item-content {
  padding-right: calc(var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-2 .oj-navigationlist-item-content {
  padding-left: calc(2 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-2 .oj-navigationlist-item-content {
  padding-right: calc(2 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-3 .oj-navigationlist-item-content {
  padding-left: calc(3 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-3 .oj-navigationlist-item-content {
  padding-right: calc(3 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-4 .oj-navigationlist-item-content {
  padding-left: calc(4 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-4 .oj-navigationlist-item-content {
  padding-right: calc(4 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-5 .oj-navigationlist-item-content {
  padding-left: calc(5 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-5 .oj-navigationlist-item-content {
  padding-right: calc(5 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-6 .oj-navigationlist-item-content {
  padding-left: calc(6 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-6 .oj-navigationlist-item-content {
  padding-right: calc(6 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-7 .oj-navigationlist-item-content {
  padding-left: calc(7 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-7 .oj-navigationlist-item-content {
  padding-right: calc(7 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-8 .oj-navigationlist-item-content {
  padding-left: calc(8 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-slider) ul.oj-navigationlist-has-icons .oj-navigationlist-depth-8 .oj-navigationlist-item-content {
  padding-right: calc(8 * var(--oj-navigation-list-item-padding) + var(--oj-navigation-list-icon-to-text-padding) + var(--oj-navigation-list-icon-size));
}

html:not([dir="rtl"]) .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-navigationlist-group-item) .oj-navigationlist-item-content {
  padding-right: var(--oj-navigation-list-item-padding);
}

html[dir="rtl"] .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-navigationlist-group-item) .oj-navigationlist-item-content {
  padding-left: var(--oj-navigation-list-item-padding);
}

html:not([dir="rtl"]) .oj-navigationlist-group-item {
  padding-right: var(--oj-navigation-list-item-padding);
}

html[dir="rtl"] .oj-navigationlist-group-item {
  padding-left: var(--oj-navigation-list-item-padding);
}



.oj-navigationlist-collapsible .oj-navigationlist-item-element.oj-collapsed .oj-navigationlist-group {
  max-height: 0;
}


.oj-navigationlist-collapsible .oj-navigationlist-collapsible-transition {
  overflow: hidden;
}


.oj-navigationlist-item a.oj-navigationlist-collapse-icon,
.oj-navigationlist-item a.oj-navigationlist-expand-icon {
  color: var(--oj-navigation-list-item-label-color);
}


.oj-navigationlist-item.oj-hover a.oj-navigationlist-collapse-icon,
.oj-navigationlist-item.oj-hover a.oj-navigationlist-expand-icon {
  color: var(--oj-navigation-list-item-label-color-hover);
}

.oj-navigationlist-collapse-icon:focus,
.oj-navigationlist-expand-icon:focus {
  outline: none;
}

.oj-navigationlist-focused-element:not(.oj-focus-highlight) {
  outline: none;
}



.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
  border-style: solid;
}

html[dir="rtl"] .oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
  border-width: 0 var(--oj-private-navigation-list-item-border-width) 0 0;
}

html:not([dir="rtl"]) .oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
  border-width: 0 0 0 var(--oj-private-navigation-list-item-border-width);
}

html[dir="rtl"] .oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item-icon {
  padding: 0 calc(var(--oj-navigation-list-item-padding) - var(--oj-private-navigation-list-item-border-width)) 0 var(--oj-navigation-list-item-padding);
}

html:not([dir="rtl"]) .oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item-icon {
  padding: 0 var(--oj-navigation-list-item-padding) 0 calc(var(--oj-navigation-list-item-padding) - var(--oj-private-navigation-list-item-border-width));
}

.oj-navigationlist-icon-only .oj-navigationlist-item-content {
  justify-content: center;
}

.oj-navigationlist-vertical.oj-navigationlist-icon-only .oj-navigationlist-item-content {
  flex: 0 1 auto;
}


.oj-navigationlist-vertical.oj-navigationlist-icon-only {
  display: inline-flex;
}

.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item {
  margin-bottom: var(--oj-navigation-list-item-margin);
}

.oj-navigationlist-icon-only.oj-navigationlist-vertical .oj-navigationlist-item:last-child {
  margin-bottom: 0;
}


.oj-navigationlist-horizontal .oj-navigationlist-element {
  display: flex;
}

.oj-navigationlist-horizontal .oj-navigationlist-item {
  flex: 1 1 auto;
}


.oj-navigationlist-horizontal:not(.oj-navigationlist-item-text-wrap) .oj-navigationlist-item {
  flex: 1 0 auto;
}

@media print, screen {
  .oj-navigationlist-horizontal.oj-sm-condense .oj-navigationlist-item {
    flex: 0 0 auto;
  }
  .oj-navigationlist-horizontal.oj-sm-justify-content-center .oj-navigationlist-element {
    justify-content: center;
  }
  .oj-navigationlist-horizontal.oj-sm-justify-content-flex-end .oj-navigationlist-element {
    justify-content: flex-end;
  }
}

@media print, screen and (min-width: 600px) {
  .oj-navigationlist-horizontal.oj-md-condense .oj-navigationlist-item {
    flex: 0 0 auto;
  }
  .oj-navigationlist-horizontal.oj-md-justify-content-center .oj-navigationlist-element {
    justify-content: center;
  }
  .oj-navigationlist-horizontal.oj-md-justify-content-flex-end .oj-navigationlist-element {
    justify-content: flex-end;
  }
}

@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-navigationlist-horizontal.oj-lg-condense .oj-navigationlist-item {
    flex: 0 1 auto;
  }
  .oj-navigationlist-horizontal.oj-lg-justify-content-center .oj-navigationlist-element {
    justify-content: center;
  }
  .oj-navigationlist-horizontal.oj-lg-justify-content-flex-end .oj-navigationlist-element {
    justify-content: flex-end;
  }
}

@media screen and (min-width: 1440px) {
  .oj-navigationlist-horizontal.oj-xl-condense .oj-navigationlist-item {
    flex: 0 0 auto;
  }
  .oj-navigationlist-horizontal.oj-xl-justify-content-center .oj-navigationlist-element {
    justify-content: center;
  }
  .oj-navigationlist-horizontal.oj-xl-justify-content-flex-end .oj-navigationlist-element {
    justify-content: flex-end;
  }
}

.oj-navigationlist-item-element {
  box-sizing: border-box;
  min-height: var(--oj-navigation-list-item-min-height);
}

.oj-navigationlist-horizontal .oj-navigationlist-item-label {
  align-self: center;
}



html .oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item {
  margin-inline-start: var(--oj-navigation-list-item-margin);
  padding: 0 var(--oj-navigation-list-item-padding);
}

html .oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item:first-child {
  margin-inline-start: 0;
}

.oj-navigationlist-horizontal.oj-navigationlist-icon-only .oj-navigationlist-item {
  border-width: 0 0 var(--oj-private-navigation-list-item-border-width) 0;
  border-style: solid;
}



.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
  border-width: 0 0 var(--oj-private-navigation-list-item-border-width) 0;
  margin-inline-end: var(--oj-navigation-list-item-margin);
  border-style: solid;
}

.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-navigationlist-item-last-child {
  margin-inline-end: 0;
}

.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
  border-style: none;
}

.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-focus,
.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-hover {
  border-width: 1px;
  border-style: dotted;
}

.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected,
.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected.oj-focus,
.oj-hicontrast .oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item.oj-selected.oj-hover {
  border-width: 1px;
  border-style: solid;
}

.oj-navigationlist-horizontal:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
  padding: 0 var(--oj-navigation-list-item-padding);
  justify-content: center;
}

.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
  padding: 0 var(--oj-navigation-list-item-padding);
  justify-content: end;
}

.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
  padding-bottom: var(--oj-navigation-list-icon-to-text-padding);
}

.oj-navigationlist:not(.oj-navigationlist-stack-icon-label):not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
  align-self: center;
}

html:not([dir="rtl"]) .oj-navigationlist:not(.oj-navigationlist-stack-icon-label):not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
  margin-right: var(--oj-navigation-list-icon-to-text-padding);
}

html[dir="rtl"] .oj-navigationlist:not(.oj-navigationlist-stack-icon-label):not(.oj-navigationlist-icon-only) .oj-navigationlist-item-icon {
  margin-left: var(--oj-navigation-list-icon-to-text-padding);
}

.oj-navigationlist:not(.oj-navigationlist-stack-icon-label):not(.oj-navigationlist-icon-only) .oj-navigationlist-overflow-item-icon {
  align-self: center;
}

html:not([dir="rtl"]) .oj-navigationlist:not(.oj-navigationlist-stack-icon-label):not(.oj-navigationlist-icon-only) .oj-navigationlist-overflow-item-icon {
  margin-right: 0;
}

html[dir="rtl"] .oj-navigationlist:not(.oj-navigationlist-stack-icon-label):not(.oj-navigationlist-icon-only) .oj-navigationlist-overflow-item-icon {
  margin-left: 0;
}

.oj-navigationlist-horizontal-bottom.oj-navigationlist-horizontal .oj-navigationlist-item {
  border-width: var(--oj-private-navigation-list-item-border-width) 0 0 0;
}



.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label .oj-navigationlist-item-element {
  min-height: var(--oj-navigation-list-item-min-height);
}

.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label:not(.oj-navigationlist-icon-only) .oj-navigationlist-divider {
  height: 2.714rem;
}

.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label:not(.oj-navigationlist-icon-only) .oj-navigationlist-item {
  padding-bottom: 2px;
}

.oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
  flex-direction: column;
}



.oj-navigationlist-item-label {
  font-size: var(--oj-navigation-list-font-size);
  font-weight: var(--oj-navigation-list-font-weight);
}

.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled):not(.oj-hover):not(.oj-selected) .oj-navigationlist-item-icon {
  color: var(--oj-navigation-list-item-label-color);
}

.oj-navigationlist-horizontal .oj-navigationlist-item.oj-hover:not(.oj-selected) {
  background-color: var(--oj-navigation-list-item-bg-color-hover);
}

.oj-navigationlist-horizontal .oj-navigationlist-item.oj-hover:not(.oj-selected) a.oj-navigationlist-item-content > .oj-navigationlist-item-label {
  color: var(--oj-navigation-list-item-label-color-hover);
}

.oj-navigationlist-horizontal .oj-navigationlist-item.oj-hover:not(.oj-selected) .oj-navigationlist-item-icon {
  color: var(--oj-navigation-list-item-label-color-hover);
}




.oj-navigationlist-slider .oj-navigationlist-element:not(.oj-navigationlist-current) > .oj-navigationlist-item-element:not(.oj-expanded),
.oj-navigationlist-slider .oj-navigationlist-item-element:not(.oj-expanded) > .oj-navigationlist-group,
.oj-navigationlist-slider .oj-navigationlist-item-element.oj-expanded:not(.oj-navigationlist-current) > .oj-navigationlist-group > .oj-navigationlist-item-element:not(.oj-expanded),
.oj-navigationlist-slider .oj-navigationlist-item-element.oj-expanded > .oj-navigationlist-group-item {
  display: none;
}


.oj-navigationlist-toolbar {
  background-color: transparent;
  display: flex;
  line-height: 3.142rem;
  padding-inline-start: 0.5rem;
}


.oj-navigationlist-previous-link {
  align-self: center;
  order: 0;
  display: flex;
  flex: 1 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oj-navigationlist-previous-button {
  align-self: center;
  margin-bottom: 0;
}

a.oj-navigationlist-previous-link:active {
  background-color: transparent;
}


a.oj-navigationlist-previous-link {
  text-decoration: none;
  outline: none;
  font-weight: normal;
}


.oj-navigationlist-current-header {
  color: var(--oj-heading-text-color);
  font-size: var(--oj-navigation-list-sliding-heading-font-size);
  font-weight: var(--oj-navigation-list-sliding-heading-font-weight);
  line-height: var(--oj-navigation-list-sliding-heading-line-height);
  flex: 1 1 auto;
  order: 1;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.oj-navigationlist-toolbar-separator {
  border-left: 1px solid var(--oj-core-divider-color);
  align-self: center;
  order: 1;
  display: inline-block;
  height: 2.642rem;
  vertical-align: middle;
  margin-top: 0.214rem;
  margin-bottom: 0.214rem;
  margin-inline-start: 0.714rem;
  margin-inline-end: 0;
}

.oj-navigationlist-hierarchical-button {
  align-self: center;
  order: 2;
  flex: 0 0 auto;
}


.oj-button.oj-navigationlist-hierarchical-button {
  margin: 0 5px;
}

.oj-navigationlist-hierarchical-button.oj-button-icons-only .oj-hier-icon.oj-button-icon.oj-start {
  margin-inline-end: 0.5rem;
}


.oj-navigationlist-hvitem-space {
  margin-left: 1.142rem;
}


html:not([dir="rtl"]) .oj-hicontrast .oj-navigationlist-slider :not(.oj-selected).oj-hover.oj-navigationlist-item,
html:not([dir="rtl"]) .oj-hicontrast .oj-navigationlist-slider :not(.oj-selected).oj-focus.oj-navigationlist-item,
.oj-hicontrast .oj-navigationlist-slider :not(.oj-selected).oj-hover.oj-navigationlist-item,
.oj-hicontrast .oj-navigationlist-slider :not(.oj-selected).oj-focus.oj-navigationlist-item {
  border: 1px dotted;
}

html:not([dir="rtl"]) .oj-hicontrast .oj-navigationlist-slider :not(.oj-selected).oj-navigationlist-item,
.oj-hicontrast .oj-navigationlist-slider :not(.oj-selected).oj-navigationlist-item {
  border-width: 0;
}


.oj-menu-item-icon.oj-navigationlist-level-indicator {
  align-self: baseline;
  padding-bottom: 10px;
  padding-left: 9px;
  margin-bottom: 2px;
  margin-top: 3px;
  width: auto;
  height: auto;
}

.oj-navigationlist-hierarchical-menu.oj-menu,
.oj-navigationlist-hierarchical-menu .oj-menu {
  padding: 6px 12px;
  font-size: 12px;
}

.oj-navigationlist-hierarchical-menu .oj-menu-item a {
  line-height: 12px;
  height: 20px;
}

.oj-navigationlist-hierarchical-menu .oj-menu-item.oj-focus > a,
.oj-navigationlist-hierarchical-menu .oj-menu-item.oj-focus-ancestor > a {
  background: none;
}

.oj-navigationlist-hierarchical-menu .oj-menu-item.oj-focus a > .oj-navigationlist-hierarchical-menu-label {
  background-color: var(--oj-core-bg-color-selected);
  border: 1px solid var(--oj-tree-view-text-color);
  padding: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.oj-navigationlist-hierarchical-menu .oj-menu-item a > .oj-navigationlist-hierarchical-menu-label {
  padding: 2px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.oj-navigationlist-hierarchical-menu .oj-menu-item a {
  color: var(--oj-tree-view-text-color);
}

html:not([dir="rtl"]) .oj-navigationlist-hierarchical-menu .oj-menu-item a,
html:not([dir="ltr"]) .oj-navigationlist-hierarchical-menu .oj-menu-item a {
  padding: 0;
}

.oj-navigationlist-hierarchical-button .oj-button-menu-dropdown-icon {
  display: none !important;
}

html:not([dir="ltr"]) .oj-navigationlist-hierarchical-menu .oj-menu-item-icon,
html:not([dir="rtl"]) .oj-navigationlist-hierarchical-menu .oj-menu-item-icon {
  margin-left: 4px;
  margin-right: 2px;
}

.oj-navigationlist-hierarchical-menu .oj-menu-item-icon {
  position: static;
  transform: none;
}


.oj-navigationlist-overflow-item-icon {
  display: block;
  font-size: 24px;
}

.oj-menu-item-icon.oj-navigationlist-level-indicator {
  border-bottom: 1px solid var(--oj-popup-border-color);
}

html:not([dir="rtl"]) .oj-menu-item-icon.oj-navigationlist-level-indicator {
  border-left: 1px solid var(--oj-popup-border-color);
}

html[dir="rtl"] .oj-menu-item-icon.oj-navigationlist-level-indicator {
  border-right: 1px solid var(--oj-popup-border-color);
}

.oj-navigationlist-no-data-message {
  padding: var(--oj-core-spacing-2x);
  background-color: var(--oj-collection-bg-color);
  min-height: var(--oj-typography-body-md-font-size);
}


.oj-navigationlist-status-message {
  position: absolute;
  padding: var(--oj-core-spacing-2x);
  display: none;
}

.oj-navigationlist-horizontal .oj-navigationlist-status-message {
  padding: 0;
}



.oj-navigationlist-vertical {
  --oj-navigation-list-item-padding:                           1.5rem;
  --oj-navigation-list-item-bg-color-hover:                    var(--oj-core-bg-color-hover);
  --oj-navigation-list-item-bg-color-selected:                 var(--oj-core-bg-color-active);
  --oj-navigation-list-icon-margin:                            0;
  --oj-navigation-list-icon-to-text-padding:                   0.5rem;
  --oj-navigation-list-item-min-height:                        3rem;
  --oj-navigation-list-item-margin:                            0;
}

.oj-navigationlist-vertical.oj-navigationlist-icon-only {
  --oj-navigation-list-item-margin:                            0;
  --oj-navigation-list-item-padding:                           1.6875rem;
  --oj-navigation-list-item-bg-color-selected:                 var(--oj-core-bg-color-active);
  --oj-navigation-list-icon-margin:                            0;
  --oj-navigation-list-item-min-height:                        3rem;
}

.oj-navigationlist-horizontal.oj-navigationlist-icon-only {
  --oj-navigation-list-item-margin:                            2rem;
  --oj-navigation-list-item-bg-color-selected:                 transparent;
  --oj-navigation-list-icon-margin:                            0;
  --oj-navigation-list-item-min-height:                        3rem;
  --oj-navigation-list-item-padding:                           0;
}

.oj-navigationlist-stack-icon-label {
  --oj-navigation-list-item-min-height:                        2.75rem;
  --oj-navigation-list-icon-margin:                            0;
  --oj-navigation-list-icon-to-text-padding:                   0;
  --oj-navigation-list-item-margin:                            2rem;
  --oj-navigation-list-item-padding:                           0;
}

.oj-contrast-marker,
.oj-color-invert {
  --oj-navigation-list-item-label-color:                       var(--oj-core-text-color-secondary);
  --oj-navigation-list-item-label-color-hover:                 var(--oj-core-text-color-primary);
  --oj-navigation-list-item-bg-color-hover:                    var(--oj-core-bg-color-hover);
  --oj-navigation-list-item-border-color-selected:             rgb(var(--oj-palette-brand-rgb-50));
  --oj-navigation-list-item-label-color-selected:              var(--oj-core-text-color-primary);
}

.oj-contrast-marker .oj-navigationlist-vertical,
.oj-contrast-marker.oj-navigationlist-vertical,
.oj-color-invert .oj-navigationlist-vertical,
.oj-color-invert.oj-navigationlist-vertical {
  --oj-navigation-list-item-bg-color-selected:                 var(--oj-core-bg-color-active);
}

.oj-contrast-marker .oj-navigationlist-icon-only,
.oj-contrast-marker.oj-navigationlist-icon-only,
.oj-color-invert .oj-navigationlist-icon-only,
.oj-color-invert.oj-navigationlist-icon-only {
  --oj-navigation-list-item-bg-color-hover:                   var(--oj-core-bg-color-hover);
}

:root {
  --oj-private-off-canvas-global-display-mode-default: overlay;
}


.oj-offcanvas-outer-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}


.oj-offcanvas-inner-wrapper,
.oj-offcanvas-inner-push-wrapper {
  position: relative;
  height: 100%;
}


.oj-offcanvas-page > .oj-offcanvas-open {
  position: fixed;
}


.oj-offcanvas-outer-wrapper.oj-offcanvas-page {
  overflow-y: visible;
}


.oj-offcanvas-transition {
  transition: transform var(--oj-animation-duration-long);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-timing-function: var(--oj-animation-ease-in-out);
}


.oj-offcanvas-outer-wrapper.oj-offcanvas-pin {
  display: flex;
  flex-wrap: nowrap;
}

.oj-offcanvas-pin .oj-offcanvas-start {
  position: relative;
}


.oj-offcanvas-pin-transition {
  min-width: 0;
  transition: min-width var(--oj-animation-duration-long);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-timing-function: var(--oj-animation-ease-in-out);
}

.oj-offcanvas-outer-wrapper .oj-offcanvas-start,
.oj-offcanvas-outer-wrapper .oj-offcanvas-end,
.oj-offcanvas-outer-wrapper .oj-offcanvas-top,
.oj-offcanvas-outer-wrapper .oj-offcanvas-bottom {
  position: absolute;
  box-sizing: border-box;
  border-radius: 0;
  display: none;
}

.oj-offcanvas-start, .oj-offcanvas-end {
  height: 100%;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.oj-offcanvas-top, .oj-offcanvas-bottom {
  width: 100%;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: hidden;
}


.oj-offcanvas-start {
  top: 0;
}

html:not([dir="rtl"]) .oj-offcanvas-start {
  transform: translate3d(-100%, 0, 0);
  left: 0;
  border-width: 0 1px 0 0;
}

html[dir="rtl"] .oj-offcanvas-start {
  transform: translate3d(100%, 0, 0);
  right: 0;
  border-width: 0 0 0 1px;
}


html:not([dir="rtl"]) .oj-offcanvas-end {
  right: 0;
  transform: translate3d(100%, 0, 0);
  border-width: 0 0 0 1px;
}

html[dir="rtl"] .oj-offcanvas-end {
  left: 0;
  transform: translate3d(-100%, 0, 0);
  border-width: 0 1px 0 0;
}


.oj-offcanvas-top {
  border-width: 0 0 1px;
  top: 0;
  transform: translate3d(0, -100%, 0);
}


.oj-offcanvas-bottom {
  border-width: 1px 0 0 0;
  bottom: 0;
  transform: translate3d(0, 100%, 0);
}


.oj-offcanvas-start.oj-offcanvas-open,
.oj-offcanvas-end.oj-offcanvas-open,
.oj-offcanvas-top.oj-offcanvas-open,
.oj-offcanvas-bottom.oj-offcanvas-open {
  display: block;
  z-index: var(--oj-private-core-z-index-off-canvas);
}


.oj-offcanvas-start:not(.oj-focus-highlight):focus,
.oj-offcanvas-end:not(.oj-focus-highlight):focus,
.oj-offcanvas-top:not(.oj-focus-highlight):focus,
.oj-offcanvas-bottom:not(.oj-focus-highlight):focus {
  outline: none;
}



.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-start > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-end > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-start > .oj-offcanvas-inner-wrapper > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-end > .oj-offcanvas-inner-wrapper > .oj-offcanvas-overlay {
  transform: translate3d(0%, 0, 0);
}


.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-down > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-up > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-down > .oj-offcanvas-inner-wrapper > .oj-offcanvas-overlay,
.oj-offcanvas-outer-wrapper.oj-offcanvas-shift-up > .oj-offcanvas-inner-wrapper > .oj-offcanvas-overlay {
  transform: translate3d(0, 0%, 0);
}


.oj-offcanvas-glasspane {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  transition: background 0.5s;
  transition-timing-function: var(--oj-animation-ease-in-out);
  z-index: var(--oj-private-core-z-index-off-canvas);
}


.oj-offcanvas-glasspane-dim {
  background: var(--oj-core-scrim-color);
}


html:not([dir="rtl"]) .oj-offcanvas-start.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: 8px 0px 15px rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

html[dir="rtl"] .oj-offcanvas-start.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: -8px 0px 15px rgba(var(--oj-core-box-shadow-rgb), 0.10);
}

html:not([dir="rtl"]) .oj-offcanvas-end.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: -8px 0px 15px rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

html[dir="rtl"] .oj-offcanvas-end.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: 8px 0px 15px rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

.oj-offcanvas-top.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: 0px 3px 3px 0 rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

.oj-offcanvas-bottom.oj-offcanvas-overlay.oj-offcanvas-open.oj-offcanvas-overlay-shadow {
  box-shadow: 0px -8px 15px rgba(var(--oj-core-box-shadow-rgb), 0.05);
}

oj-optgroup:not(.oj-complete) {
  visibility: hidden;
}

oj-option:not(.oj-complete) {
  visibility: hidden;
}



oj-paging-control:not(.oj-complete) {
  visibility: hidden;
}


.oj-pagingcontrol {
  line-height: normal;
  display: block;
}


.oj-pagingcontrol-content {
  overflow: hidden;
}


.oj-pagingcontrol-loadmore {
  padding: 0.3rem;
  text-align: end;
}


.oj-pagingcontrol-loadmore-link {
  color: var(--oj-link-text-color);
  white-space: nowrap;
  text-decoration: none;
}


.oj-pagingcontrol-loadmore-link:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-pagingcontrol-loadmore-link.oj-hover {
  text-decoration: underline;
}


.oj-pagingcontrol-loadmore-range {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  white-space: nowrap;
}

.oj-pagingcontrol-nav {
  
  padding: 0.3rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.oj-pagingcontrol-nav .oj-pagingcontrol-nav-standard {
  height: var(--oj-button-height);
}

.oj-pagingcontrol-nav .oj-pagingcontrol-nav-dots-vertical {
  height: auto;
}


.oj-pagingcontrol-nav-input-section {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding-inline-end: 0.3rem;
}

.oj-pagingcontrol-nav-input-section .oj-text-field-readonly {
  text-align: center;
}


.oj-pagingcontrol-nav-arrow-section {
  display: inline-block;
  vertical-align: middle;
  padding-inline-start: 0.3rem;
  border-inline-start-width: 1px;
  border-inline-start-color: var(--oj-core-divider-color);
  border-inline-start-style: solid;
}


.oj-pagingcontrol-nav-arrow-section:first-child {
  padding-inline-start: 0;
}

html:not([dir="rtl"]) .oj-pagingcontrol-nav-arrow-section:first-child {
  border-left: 0;
}

html[dir="rtl"] .oj-pagingcontrol-nav-arrow-section:first-child {
  border-right: 0;
}


.oj-pagingcontrol-nav-pages-section {
  display: inline-block;
  vertical-align: middle;
  line-height: var(--oj-button-height);
}


.oj-pagingcontrol-nav-dot {
  line-height: var(--oj-typography-body-md-font-size);
  padding: 8px;
  display: inline-block;
}


.oj-pagingcontrol-nav-dot-bullet {
  font-size: 0;
  border-width: 1px;
  border-style: solid;
  border-color: var(--oj-private-icon-color-default);
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border-radius: 50%;
  position: relative;
  transition: all 0.3s ease 0s;
  display: inline-block;
  vertical-align: middle;
}


.oj-hicontrast .oj-pagingcontrol-nav-dot-bullet {
  border: 3px double;
}


.oj-pagingcontrol-nav-dot-bullet.oj-selected,
.oj-pagingcontrol-nav-dot-bullet.oj-hover {
  background-color: var(--oj-private-icon-color-active);
  border-color: var(--oj-private-icon-color-active);
  content: "";
}


.oj-pagingcontrol-nav-page {
  color: var(--oj-link-text-color);
  min-width: var(--oj-typography-body-md-font-size);
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
  padding: 4px 8px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  border: 1px solid transparent;
}

.oj-pagingcontrol-nav-page.oj-hover {
  text-decoration: underline;
}

.oj-pagingcontrol-nav-page.oj-focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
}

.oj-pagingcontrol-nav-dot.oj-focus:not(.oj-focus-highlight),
.oj-pagingcontrol-nav-page.oj-focus:not(.oj-focus-highlight) {
  outline: none;
}

.oj-pagingcontrol-nav-dot:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}


.oj-pagingcontrol-nav-page.oj-selected {
  border: 1px solid var(--oj-label-color);
  color: var(--oj-core-text-color-primary);
  display: inline;
}


.oj-pagingcontrol-nav-page.oj-disabled {
  text-decoration: none;
}


.oj-pagingcontrol-nav-page-ellipsis {
  min-width: var(--oj-typography-body-md-font-size);
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
  padding: 4px;
  vertical-align: middle;
}


label.oj-pagingcontrol-nav-label {
  color: var(--oj-label-color);
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
}

.oj-pagingcontrol-nav-input-section .oj-inputtext .oj-text-field-container {
  min-width: 2.5rem;
  max-width: 2.5rem;
  min-height: 2rem;
  max-height: 2rem;
  margin-top: 0.2em;
}



input.oj-pagingcontrol-nav-input.oj-inputtext-input,
.oj-pagingcontrol-nav-input input.oj-inputtext-input {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
  padding-left: 2px;
  padding-top: 0px;
  padding-right: 2px;
}

input.oj-pagingcontrol-nav-input.oj-inputtext-input:-ms-input-placeholder,
.oj-pagingcontrol-nav-input input.oj-inputtext-input:-ms-input-placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

input.oj-pagingcontrol-nav-input.oj-inputtext-input::placeholder,
.oj-pagingcontrol-nav-input input.oj-inputtext-input::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}


input[readOnly].oj-pagingcontrol-nav-input.oj-inputtext-input,
.oj-pagingcontrol-nav-input input[readOnly].oj-inputtext-input {
  color: var(--oj-label-color);
  min-width: var(--oj-typography-body-md-font-size);
}


.oj-pagingcontrol-nav-input-max {
  color: var(--oj-label-color);
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
  padding-inline-start: 0.3rem;
}


.oj-pagingcontrol-nav-input-summary {
  color: var(--oj-label-color);
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
  padding-inline-end: 0.3rem;
}


.oj-pagingcontrol-nav-arrow {
  width: var(--oj-button-height);
  height: var(--oj-button-height);
  line-height: var(--oj-button-height);
  border-radius: var(--oj-button-border-radius);
  cursor: var(--oj-core-cursor-clickable);
  box-sizing: border-box;
  vertical-align: middle;
  background: transparent;
  border: 1px solid transparent;
  padding: 1px;
}


.oj-pagingcontrol-nav-arrow:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
}


.oj-pagingcontrol-nav-arrow.oj-hover {
  background-color: var(--oj-button-borderless-chrome-bg-color-hover);
  border-color: var(--oj-button-borderless-chrome-border-color-hover);
  color: var(--oj-button-borderless-chrome-text-color-hover);
  text-decoration: none;
}


.oj-pagingcontrol-nav-arrow.oj-active,
.oj-pagingcontrol-nav-arrow.oj-active.oj-hover {
  color: var(--oj-button-borderless-chrome-text-color-selected);
  background: var(--oj-button-borderless-chrome-bg-color-active);
  border-color: var(--oj-button-borderless-chrome-border-color-active);
}









.oj-panel {
  border: 1px solid var(--oj-panel-border-color);
  background-color: var(--oj-panel-bg-color);
  border-radius: var(--oj-panel-border-radius);
  padding: var(--oj-panel-padding);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.oj-panel.oj-panel-border-radius-0 {
  border-radius: 0;
}

html[dir="ltr"] .oj-panel.oj-panel-border-radius-0-bottom-start {
  border-bottom-left-radius: 0;
}

html:not([dir="ltr"]) .oj-panel.oj-panel-border-radius-0-bottom-start {
  border-bottom-right-radius: 0;
}

html[dir="ltr"] .oj-panel.oj-panel-border-radius-0-bottom-end {
  border-bottom-right-radius: 0;
}

html:not([dir="ltr"]) .oj-panel.oj-panel-border-radius-0-bottom-end {
  border-bottom-left-radius: 0;
}

html[dir="ltr"] .oj-panel.oj-panel-border-radius-0-top-start {
  border-top-left-radius: 0;
}

html:not([dir="ltr"]) .oj-panel.oj-panel-border-radius-0-top-start {
  border-top-right-radius: 0;
}

html[dir="ltr"] .oj-panel.oj-panel-border-radius-0-top-end {
  border-top-right-radius: 0;
}

html:not([dir="ltr"]) .oj-panel.oj-panel-border-radius-0-top-end {
  border-top-left-radius: 0;
}

.oj-panel.oj-selected {
  border-color: var(--oj-core-border-color-selected) !important;
}

.oj-hicontrast .oj-panel.oj-selected {
  border-width: 3px;
}

.oj-panel-shadow-xs {
  box-shadow: var(--oj-core-box-shadow-xs) !important;
}

.oj-panel-shadow-sm {
  box-shadow: var(--oj-core-box-shadow-sm) !important;
}

.oj-panel-shadow-md {
  box-shadow: var(--oj-core-box-shadow-md) !important;
}

.oj-panel-shadow-lg {
  box-shadow: var(--oj-core-box-shadow-lg) !important;
}

.oj-panel-shadow-xl {
  box-shadow: var(--oj-core-box-shadow-xl) !important;
}

.oj-panel-drag-handle {
  text-align: center;
  vertical-align: middle;
  cursor: move;
  height: 20px;
  line-height: 20px;
  margin-top: calc(0px - var(--oj-panel-padding));
  margin-left: calc(0px - var(--oj-panel-padding));
  margin-right: calc(0px - var(--oj-panel-padding));
}

.oj-panel-resize-button,
.oj-panel-remove-button,
.oj-panel-resize-button.oj-button,
.oj-panel-remove-button.oj-button {
  position: absolute;
  margin-bottom: 0;
  overflow: hidden;
}

html:not([dir="rtl"]) .oj-panel-resize-button, html:not([dir="rtl"])
.oj-panel-remove-button, html:not([dir="rtl"])
.oj-panel-resize-button.oj-button, html:not([dir="rtl"])
.oj-panel-remove-button.oj-button {
  right: 0;
}

html[dir="rtl"] .oj-panel-resize-button, html[dir="rtl"]
.oj-panel-remove-button, html[dir="rtl"]
.oj-panel-resize-button.oj-button, html[dir="rtl"]
.oj-panel-remove-button.oj-button {
  left: 0;
}

.oj-panel-resize-button {
  bottom: 0;
}

.oj-panel-remove-button {
  top: 0;
}

.oj-panel-padding {
  padding: var(--oj-panel-padding) !important;
}

.oj-panel-resize-button .oj-panel-expand-icon.oj-end,
.oj-panel-resize-button .oj-panel-collapse-icon.oj-end,
.oj-panel-remove-button .oj-panel-remove-icon.oj-end {
  margin-left: auto;
  margin-right: auto;
}



.oj-color-invert {
  --oj-panel-bg-color:                  var(--oj-core-bg-color-content);
  --oj-panel-border-color:              var(--oj-core-divider-color);
}

.oj-density-compact {
  --oj-panel-gutter:                    var(--oj-core-spacing-3x);
}



.oj-panel {
  --oj-current-bg-color:                var(--oj-panel-bg-color);
}

:root {
  --oj-picto-chart-item-bg-color: rgba(var(--oj-palette-neutral-rgb-170),.15);
}

oj-picto-chart:not(.oj-complete) {
  visibility: hidden;
}

oj-picto-chart {
  display: inline-block;
}

.oj-pictochart {
  -webkit-user-select: none;
          user-select: none;
  display: inline-block;
}

.oj-pictochart-item {
  background-color: var(--oj-picto-chart-item-bg-color);
}

:root {
  --oj-progress-bar-value-bg-color:                rgb(var(--oj-palette-neutral-rgb-190));
  --oj-progress-bar-height:                        6px;
  --oj-progress-bar-track-bg-color:                rgba(var(--oj-palette-neutral-rgb-170), .15);
  --oj-progress-bar-border-radius:                 3px;
}



oj-progress-bar:not(.oj-complete) {
  visibility: hidden;
}

oj-progress-bar {
  display: block;
}

.oj-progress-bar {
  height: var(--oj-progress-bar-height);
  border-radius: var(--oj-progress-bar-border-radius);
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.oj-progress-bar-track {
  margin: 0;
  box-sizing: border-box;
  height: 100%;
  background-color: var(--oj-progress-bar-track-bg-color);
  border-radius: inherit;
  box-shadow: 0px 0px 0px 1px var(--oj-core-border-color-enabled) inset;
}

.oj-progress-bar-value {
  margin: 0;
  box-sizing: border-box;
  height: 100%;
  background-color: var(--oj-progress-bar-value-bg-color);
}

.oj-progress-bar-embedded {
  width: 100%;
  border-style: none;
  background-color: transparent;
  border-radius: 0;
  box-shadow: 0px -1px 0px 0px var(--oj-core-border-color-enabled) inset;
}

.oj-progress-bar-embedded .oj-progress-bar-track {
  box-shadow: unset;
}

.oj-progress-bar-indeterminate {
  width: 25%;
  border-radius: var(--oj-progress-bar-border-radius);
  height: var(--oj-progress-bar-height);
  background-color: var(--oj-progress-bar-value-bg-color);
  position: relative;
}

html:not([dir="rtl"]) .oj-progress-bar-indeterminate {
  animation: progressBar 2s linear infinite;
}

html[dir="rtl"] .oj-progress-bar-indeterminate {
  animation: progressBarRTL 2s linear infinite;
}

@keyframes progressBar {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes progressBarRTL {
  0% {
    left: 100%;
    right: -35%;
  }
  60% {
    left: -90%;
    right: 100%;
  }
  100% {
    left: -90%;
    right: 100%;
  }
}

.oj-progress-bar-embedded,
.oj-progress-bar-embedded .oj-progress-bar-overlay {
  border-radius: 0px;
}

.oj-hicontrast .oj-progress-bar-value {
  border: 1px dashed var(--oj-core-focus-border-color);
}



.oj-color-invert {
  --oj-progress-bar-track-bg-color:   rgba(var(--oj-palette-neutral-rgb-10), .15);
  --oj-progress-bar-value-bg-color:   rgb(var(--oj-palette-neutral-rgb-0));
}

:root {
  --oj-progress-circle-value-bg-color:             rgb(var(--oj-palette-neutral-rgb-190));
  --oj-progress-circle-sm-size:                    1.5rem;
  --oj-progress-circle-md-size:                    3rem;
  --oj-progress-circle-lg-size:                    6rem;
  --oj-progress-circle-sm-track-width:             2px;
  --oj-progress-circle-md-track-width:             0.25rem;
  --oj-progress-circle-lg-track-width:             0.375rem;
  --oj-progress-circle-determinate-track-bg-color: rgba(var(--oj-palette-neutral-rgb-170), .15);
}



oj-progress-circle:not(.oj-complete) {
  visibility: hidden;
}

oj-progress-circle {
  display: block;
}

.oj-progress-circle {
  overflow: hidden;
}

.oj-progress-circle,
.oj-progress-circle-indeterminate {
  position: relative;
  display: inline-block;
  width: var(--oj-progress-circle-md-size);
  height: var(--oj-progress-circle-md-size);
  max-width: 100%;
  max-height: 100%;
}

.oj-progress-circle.oj-progress-circle-sm {
  width: var(--oj-progress-circle-sm-size);
  height: var(--oj-progress-circle-sm-size);
}

.oj-progress-circle.oj-progress-circle-lg {
  width: var(--oj-progress-circle-lg-size);
  height: var(--oj-progress-circle-lg-size);
}

.oj-progress-circle-lg .oj-progress-circle-indeterminate,
.oj-progress-circle-md .oj-progress-circle-indeterminate,
.oj-progress-circle-sm .oj-progress-circle-indeterminate {
  width: 100%;
  height: 100%;
}

.oj-progress-circle-sm .oj-progress-circle-tracker,
.oj-progress-circle-sm .oj-progress-circle-value,
.oj-progress-circle-sm .oj-progress-circle-indeterminate-inner {
  border-width: var(--oj-progress-circle-sm-track-width);
}

.oj-progress-circle-lg .oj-progress-circle-tracker,
.oj-progress-circle-lg .oj-progress-circle-value,
.oj-progress-circle-lg .oj-progress-circle-indeterminate-inner {
  border-width: var(--oj-progress-circle-lg-track-width);
}

.oj-progress-circle-tracker,
.oj-progress-circle-value,
.oj-progress-circle-indeterminate-inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
}


.oj-progress-circle-tracker,
.oj-progress-circle-value {
  position: absolute;
}

.oj-progress-circle-tracker {
  border: var(--oj-progress-circle-md-track-width) solid var(--oj-progress-circle-determinate-track-bg-color);
}

.oj-progress-circle-value {
  border: var(--oj-progress-circle-md-track-width) solid var(--oj-progress-circle-value-bg-color);
}


.oj-progress-circle-indeterminate {
  animation: circleRotation 1s linear 0s infinite;
}

.oj-progress-circle-indeterminate-inner {
  border: var(--oj-progress-circle-md-track-width) solid var(--oj-progress-circle-value-bg-color);
  animation: circleLength 1.5s linear 0s infinite alternate;
  position: absolute;
}

@keyframes circleRotation {
  0% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(390deg);
  }
}

@keyframes circleLength {
  0% {
    clip-path: polygon(21.1% 0, 21.1% 0, 21.1% 0, 50% 50%, 78.9% 0, 78.9% 0, 78.9% 0);
  }
  6.25% {
    clip-path: polygon(0 0, 0 0, 0 0, 50% 50%, 100% 0, 100% 0, 100% 0);
  }
  43.75% {
    clip-path: polygon(0 0, 0 100%, 0 100%, 50% 50%, 100% 100%, 100% 100%, 100% 0);
  }
  50% {
    clip-path: polygon(0 0, 0 100%, 21.1% 100%, 50% 50%, 78.9% 100%, 100% 100%, 100% 0);
  }
  56.25% {
    clip-path: polygon(0 0, 0 100%, 0 100%, 50% 50%, 100% 100%, 100% 100%, 100% 0);
  }
  93.75% {
    clip-path: polygon(0 0, 0 0, 0 0, 50% 50%, 100% 0, 100% 0, 100% 0);
  }
  100% {
    clip-path: polygon(21.1% 0, 21.1% 0, 21.1% 0, 50% 50%, 78.9% 0, 78.9% 0, 78.9% 0);
  }
}



.oj-color-invert {
  --oj-progress-circle-determinate-track-bg-color:   rgba(var(--oj-palette-neutral-rgb-10), .15);
  --oj-progress-circle-value-bg-color:   rgb(var(--oj-palette-neutral-rgb-0));
}

.oj-radiocheckbox-icon {
  padding-inline-end: var(--oj-radio-checkbox-input-to-label-padding);
  padding-inline-start: var(--oj-radio-checkbox-input-to-edge-padding);
}

.oj-radioset-input-start .oj-radiocheckbox-icon,
.oj-checkboxset-input-start .oj-radiocheckbox-icon {
  padding-inline-end: var(--oj-radio-checkbox-input-to-label-padding);
  padding-inline-start: var(--oj-radio-checkbox-input-to-edge-padding);
}

.oj-radioset-input-end .oj-radiocheckbox-icon,
.oj-checkboxset-input-end .oj-radiocheckbox-icon {
  padding-inline-end: var(--oj-radio-checkbox-input-to-edge-padding);
  padding-inline-start: var(--oj-radio-checkbox-input-to-label-padding);
}

oj-rating-gauge:not(.oj-complete) {
  visibility: hidden;
}

oj-rating-gauge {
  display: block;
}

.oj-rating-gauge-fit {
  width: 7.5rem;
  height: 1.5625rem;
}

.oj-rating-gauge-shape-lg {
  width: var(--oj-rating-gauge-lg-size);
  height: var(--oj-rating-gauge-lg-size);
}

.oj-rating-gauge-shape-md {
  width: var(--oj-rating-gauge-md-size);
  height: var(--oj-rating-gauge-md-size);
}

.oj-rating-gauge-shape-sm {
  width: var(--oj-rating-gauge-sm-size);
  height: var(--oj-rating-gauge-sm-size);
}

.oj-rating-gauge-selected {
  fill: var(--oj-rating-gauge-color-selected);
  stroke: var(--oj-rating-gauge-border-color-selected);
}

.oj-rating-gauge-unselected {
  fill: var(--oj-rating-gauge-color-unselected);
  stroke: var(--oj-rating-gauge-border-color-unselected);
}

.oj-rating-gauge-changed {
  fill: var(--oj-rating-gauge-color-changed);
  stroke: var(--oj-rating-gauge-border-color-changed);
}

.oj-rating-gauge-hover {
  fill: var(--oj-rating-gauge-color-hover);
  stroke: var(--oj-rating-gauge-border-color-hover);
}

.oj-rating-gauge-selected-disabled {
  fill: var(--oj-rating-gauge-color-selected-disabled);
  stroke: transparent;
}

.oj-rating-gauge-unselected-disabled {
  fill: var(--oj-rating-gauge-color-unselected-disabled);
  stroke: transparent;
}

.oj-rating-gauge-selected.oj-rating-gauge-readonly {
  fill: var(--oj-rating-gauge-color-selected-readonly);
  stroke: var(--oj-rating-gauge-border-color-selected-readonly);
}

.oj-rating-gauge-unselected.oj-rating-gauge-readonly {
  fill: var(--oj-rating-gauge-color-unselected-readonly);
  stroke: var(--oj-rating-gauge-border-color-unselected-readonly);
}

.oj-hicontrast .oj-rating-gauge-selected-disabled {
  fill: transparent;
  stroke: currentColor;
  stroke-width: 1px;
  stroke-dasharray: 3 1;
}

.oj-hicontrast .oj-rating-gauge-unselected-disabled {
  fill: transparent;
  stroke: currentColor;
  stroke-width: 1px;
  stroke-dasharray: 1 3;
}

.oj-hicontrast .oj-rating-gauge-selected {
  fill: currentColor;
  stroke: currentColor;
}

.oj-hicontrast .oj-rating-gauge-unselected {
  fill: transparent;
  stroke: currentColor;
}

.oj-ratinggauge.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
}

:root {
  --oj-rating-gauge-border-color-selected:       rgb(var(--oj-palette-neutral-rgb-190));
  --oj-rating-gauge-color-selected:              rgb(var(--oj-palette-neutral-rgb-190));
  --oj-rating-gauge-border-color-unselected:     rgb(var(--oj-palette-neutral-rgb-190));
  --oj-rating-gauge-color-unselected:            transparent;
  --oj-rating-gauge-border-color-changed:        var(--oj-rating-gauge-border-color-selected);
  --oj-rating-gauge-color-changed:               var(--oj-rating-gauge-color-selected);
  --oj-rating-gauge-border-color-hover:          var(--oj-rating-gauge-border-color-selected);
  --oj-rating-gauge-color-hover:                 var(--oj-rating-gauge-color-selected);
  --oj-rating-gauge-color-selected-disabled:              var(--oj-core-text-color-disabled);
  --oj-rating-gauge-color-unselected-disabled:            var(--oj-core-color-disabled-2);
  --oj-rating-gauge-color-selected-readonly:              rgb(var(--oj-palette-neutral-rgb-190));
  --oj-rating-gauge-border-color-selected-readonly:       rgb(var(--oj-palette-neutral-rgb-190));
  --oj-rating-gauge-color-unselected-readonly:            rgba(var(--oj-palette-neutral-rgb-170), 0.15);
  --oj-rating-gauge-border-color-unselected-readonly:      var(--oj-core-border-color-enabled);
  --oj-rating-gauge-sm-size:                           1rem;
  --oj-rating-gauge-md-size:                           1.25rem;
  --oj-rating-gauge-lg-size:                           2.25rem;
}

:root {
  --oj-refresher-bg-color:           rgb(var(--oj-palette-neutral-rgb-40));
}


.oj-pulltorefresh-panel {
  overflow: hidden;
}


.oj-pulltorefresh-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--oj-refresher-bg-color);
}

.oj-pulltorefresh-action {
  pointer-events: none;
}


.oj-pulltorefresh-transition {
  transition: height var(--oj-animation-duration-long);
  transition-timing-function: var(--oj-animation-ease-in-out);
}


.oj-pulltorefresh-primary-text {
  color: var(--oj-core-text-color-primary);
  text-align: center;
  margin: 0 0 10px 0;
}


.oj-pulltorefresh-secondary-text {
  color: var(--oj-core-text-color-secondary);
  font-size: var(--oj-typography-body-sm-font-size);
  line-height: var(--oj-typography-body-sm-line-height);
  text-align: center;
  margin: 0 0 20px 0;
}


.oj-pulltorefresh-icon-container {
  margin: 20px 0 20px 0;
}


.oj-pulltorefresh-icon {
  width: 40px;
  height: 40px;
}

.oj-refresher-option-defaults {
  font-family: '{"loadingIcon":"progresscircle"}' !important;
}

oj-row-expander:not(.oj-complete) {
  visibility: hidden;
}


.oj-table .oj-rowexpander {
  display: inline-flex;
  vertical-align: middle;
}


.oj-datagrid .oj-rowexpander {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

[hidden].oj-rowexpander {
  display: none;
}


.oj-rowexpander-icon-spacer {
  min-width: 1.25rem;
  display: inline-block;
}


.oj-rowexpander-touch-area {
  box-sizing: border-box;
  height: 1.5em;
  width: 1.5em;
  padding: 0.25em;
}


.oj-datagrid .oj-rowexpander-touch-area {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
}


.oj-table .oj-rowexpander-touch-area {
  margin-bottom: -0.25em;
  margin-top: -0.25em;
  display: flex;
  align-items: center;
}


.oj-rowexpander-leaf-icon,
.oj-rowexpander-expand-icon,
.oj-rowexpander-collapse-icon,
.oj-rowexpander-lazyload-icon {
  outline: none;
  flex: 0 1 auto;
}


.oj-rowexpander-expand-icon:hover.oj-clickable-icon-nocontext,
.oj-rowexpander-collapse-icon:hover.oj-clickable-icon-nocontext {
  color: var(--oj-core-text-color-secondary);
}


.oj-rowexpander-leaf-icon.oj-focus-highlight::before,
.oj-rowexpander-expand-icon.oj-focus-highlight::before,
.oj-rowexpander-collapse-icon.oj-focus-highlight::before,
.oj-rowexpander-lazyload-icon.oj-focus-highlight::before {
  outline: dotted 1px var(--oj-core-focus-border-color);
}


.oj-rowexpander-lazyload-icon {
  width: 100%;
}


.oj-rowexpander-cell-text {
  flex: 0 1 auto;
  box-sizing: border-box;
}

.oj-rowexpander-indent {
  display: inline-block;
}


*.oj-rowexpander-depth-1 {
  width: 16px;
}

*.oj-rowexpander-depth-2 {
  width: 32px;
}

*.oj-rowexpander-depth-3 {
  width: 48px;
}

*.oj-rowexpander-depth-4 {
  width: 64px;
}

*.oj-rowexpander-depth-5 {
  width: 80px;
}

*.oj-rowexpander-depth-6 {
  width: 96px;
}

*.oj-rowexpander-depth-7 {
  width: 112px;
}


.oj-rowexpander a:hover,
.oj-rowexpander a:focus {
  text-decoration: none;
}





oj-searchselect:not(.oj-complete) {
  visibility: hidden;
}

.oj-searchselect {
  position: relative;
  display: inline-block;
  max-width: 100%;
  font-size: var(--oj-text-field-font-size);
  width: 100%;
}

@media screen and (max-width: 599.9px) {
  .oj-searchselect {
    -webkit-text-size-adjust: var(--oj-private-text-field-font-size-adjust);
  }
}

.oj-form-control-full-width.oj-searchselect,
.oj-form-control-full-width .oj-searchselect {
  max-width: 100%;
}

.oj-searchselect .oj-text-field-middle {
  width: 100%;
  flex: auto;
}



.oj-searchselect-input {
  flex: 1;
  width: 1em;
  min-width: 1em;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  color: var(--oj-text-field-text-color);
  font-size: inherit;
  box-shadow: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  padding-inline-start: var(--oj-text-field-text-to-edge-padding);
}

@media screen and (max-width: 599.9px) {
  .oj-searchselect-input {
    -webkit-text-size-adjust: var(--oj-private-text-field-font-size-adjust);
  }
}

.oj-searchselect-input:-ms-input-placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-searchselect-input::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-searchselect-input::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}


.oj-searchselect-filter.oj-form-control {
  max-width: 100%;
}


.oj-searchselect .oj-searchselect-filter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: inherit;
}

.oj-searchselect .oj-searchselect-filter.oj-form-control {
  margin-bottom: 0;
}

.oj-searchselect .oj-searchselect-filter.oj-text-field .oj-text-field-container {
  background-color: transparent;
  border-color: transparent !important;
  box-shadow: none !important;
}

html:not([dir="rtl"]) .oj-searchselect.oj-form-control-text-align-right .oj-searchselect-filter {
  padding-right: 1px;
}

.oj-searchselect.oj-form-control-text-align-end .oj-searchselect-filter {
  padding-inline-end: 1px;
}



.oj-searchselect.oj-read-only .oj-searchselect-arrow,
.oj-searchselect.oj-read-only .oj-searchselect-clear-value {
  display: none;
}


.oj-searchselect.oj-required .oj-searchselect-clear-value {
  display: none;
}


.oj-searchselect-mobile.oj-searchselect-no-value .oj-searchselect-clear-value,
.oj-searchselect-mobile.oj-disabled .oj-searchselect-clear-value,
.oj-searchselect-mobile:not(.oj-searchselect-no-value):not(.oj-disabled):not(.oj-required) .oj-searchselect-arrow {
  display: none;
}


.oj-searchselect.oj-focus:not(.oj-searchselect-mobile) .oj-searchselect-main-field .oj-searchselect-arrow {
  visibility: hidden;
}

.oj-searchselect-arrow:hover,
.oj-searchselect-arrow:focus,
.oj-searchselect-clear-value:hover,
.oj-searchselect-clear-value:focus,
.oj-searchselect-back-button:hover,
.oj-searchselect-back-button:focus {
  text-decoration: none;
}


.oj-searchselect.oj-disabled .oj-searchselect-input {
  color: var(--oj-text-field-text-color-disabled);
  border-color: var(--oj-text-field-border-color-disabled);
}

.oj-searchselect.oj-disabled .oj-searchselect-arrow,
.oj-searchselect.oj-disabled .oj-searchselect-clear-value {
  cursor: default;
}

.oj-searchselect.oj-loading .oj-searchselect-arrow,
.oj-searchselect.oj-loading .oj-searchselect-clear-value {
  display: none;
}



.oj-listbox-initial-open .oj-select-results {
  min-height: 10rem;
}

.oj-listbox-fullscreen .oj-select-results {
  max-height: none;
}







.oj-searchselect-no-results-container {
  display: none;
  height: 0;
}


.oj-listbox-searchselect-no-results .oj-select-results {
  display: none;
}

.oj-select-results.oj-listview {
  padding-top: .5rem;
  padding-bottom: .5rem;
}


.oj-listbox-selectsingle .oj-listview-current-item:not(.oj-selected) {
  background-color: var(--oj-core-bg-color-hover);
}

.oj-listbox-selectsingle .oj-table-body-current-row:not(.oj-selected) .oj-table-data-cell {
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-arrow,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-clear-value {
  align-self: stretch;
}


.oj-searchselect input[type="search"]::-ms-clear,
.oj-searchselect input[type="search"]::-ms-reveal,
.oj-listbox-searchselect .oj-searchselect-filter input[type="search"]::-ms-clear,
.oj-listbox-searchselect .oj-searchselect-filter input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}


.oj-searchselect-option-defaults {
  font-family: '{"showIndicatorDelay":"50"}' !important;
}

.oj-searchselect .oj-text-field-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.oj-searchselect-input {
  border: 0;
  background-color: transparent;
}



oj-select:not(.oj-complete) {
  visibility: hidden;
}

.oj-select {
  position: relative;
  display: inline-block;
  max-width: 100%;
  font-size: var(--oj-text-field-font-size);
  width: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 599.9px) {
  .oj-select {
    -webkit-text-size-adjust: var(--oj-private-text-field-font-size-adjust);
  }
}

.oj-form-control-full-width.oj-select,
.oj-form-control-full-width .oj-select {
  max-width: 100%;
}


.oj-select .oj-select-accessible-container:focus {
  outline: none;
}

.oj-select.oj-read-only .oj-select-accessible-container:focus::after {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: -1px;
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.oj-select.oj-read-only .oj-select-accessible-container:focus {
  outline: none;
  position: relative;
}


.oj-select.oj-loading .oj-select-arrow {
  display: none;
}


.oj-select-choice {
  text-align: var(--oj-text-field-text-align);
  color: var(--oj-text-field-text-color);
  background-color: transparent;
  border-style: solid;
  border-color: var(--oj-text-field-border-color);
  border-width: var(--oj-text-field-border-width);
  border-radius: var(--oj-text-field-border-radius);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  border-width: 0;
  padding-inline-start: var(--oj-text-field-text-to-edge-padding);
  padding-inline-end: 0;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box;
  text-overflow: ellipsis;
  height: 100%;
}

.oj-select-choice:-ms-input-placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-select-choice::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}


.oj-select .oj-text-field-middle {
  min-width: 0;
}

.oj-select:not(.oj-text-field-label-inside) .oj-text-field-middle {
  height: auto;
}


.oj-select.oj-read-only .oj-select-choice,
.oj-select.oj-read-only .oj-select-choices {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
  min-height: calc(var(--oj-typography-body-md-line-height) * var(--oj-typography-body-md-font-size));
}

.oj-form-layout .oj-form.oj-enabled .oj-select.oj-read-only .oj-select-choices {
  padding: 0 var(--oj-text-field-text-to-edge-padding) 5px;
}


.oj-select.oj-read-only .oj-select-chosen,
.oj-select.oj-read-only .oj-select-selected-choice {
  outline: none;
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  color: var(--oj-core-text-color-primary);
}

.oj-select.oj-read-only:not(.oj-text-field-label-inside) .oj-select-chosen,
.oj-select.oj-read-only .oj-select-selected-choice {
  padding-left: 0;
  padding-right: 0;
  line-height: var(--oj-typography-body-md-line-height);
}

.oj-select.oj-read-only .oj-select-selected-choice {
  display: inherit;
  margin-top: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}


.oj-select.oj-read-only li.oj-select-selected-choice:first-child {
  padding-inline-start: 0;
}


.oj-select.oj-read-only .oj-select-arrow {
  display: none;
}


.oj-select.oj-read-only .oj-select-clear-entry {
  display: none;
}


.oj-form-control-text-align-right.oj-select .oj-select-choice {
  text-align: right;
}

.oj-form-control-text-align-start.oj-select .oj-select-choice {
  text-align: start;
}

.oj-form-control-text-align-end.oj-select .oj-select-choice {
  text-align: end;
}


.oj-form-control-text-align-right.oj-select .oj-select-select {
  text-align: right;
  direction: rtl;
  padding-inline-end: 16px;
}

.oj-form-control-text-align-start.oj-select .oj-select-select {
  text-align: start;
}

html:not([dir="rtl"]) .oj-form-control-text-align-start.oj-select .oj-select-select {
  direction: ltr;
}

html[dir="rtl"] .oj-form-control-text-align-start.oj-select .oj-select-select {
  direction: rtl;
}

.oj-form-control-text-align-end.oj-select .oj-select-select {
  text-align: end;
  padding-inline-end: 16px;
}

html:not([dir="rtl"]) .oj-form-control-text-align-end.oj-select .oj-select-select {
  direction: rtl;
}

html[dir="rtl"] .oj-form-control-text-align-end.oj-select .oj-select-select {
  direction: ltr;
}

.oj-form-control-text-align-right.oj-select .oj-select-choices li {
  float: right;
}

.oj-form-control-text-align-start.oj-select .oj-select-choices li {
  float: left;
}

html[dir="rtl"] .oj-form-control-text-align-start.oj-select .oj-select-choices li {
  float: right;
}

.oj-form-control-text-align-end.oj-select .oj-select-choices li {
  float: right;
}

html[dir="rtl"] .oj-form-control-text-align-end.oj-select .oj-select-choices li {
  float: left;
}

.oj-form-control-text-align-right .oj-select-selected-choice,
.oj-form-control-text-align-end .oj-select-selected-choice {
  margin-top: 5px;
  margin-inline-end: 0;
  margin-bottom: 0;
  margin-inline-start: 6px;
}



.oj-select-choices {
  box-sizing: border-box;
  height: auto;
  min-height: var(--oj-text-field-height);
  padding: 0 var(--oj-text-field-text-to-edge-padding) 5px;
  text-align: var(--oj-text-field-text-align);
  color: var(--oj-text-field-text-color);
  background-color: transparent;
  border-style: solid;
  border-color: var(--oj-text-field-border-color);
  border-width: var(--oj-text-field-border-width);
  border-radius: var(--oj-text-field-border-radius);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  border-width: 0;
  margin: 0;
  cursor: text;
  overflow: hidden;
  width: 100%;
}

.oj-select-choices:-ms-input-placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-select-choices::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-select-multi .oj-select-accessible-container {
  width: 100%;
}


.oj-select-choices li {
  list-style: none;
}

html:not([dir="rtl"]) .oj-select-choices li {
  float: left;
}

html[dir="rtl"] .oj-select-choices li {
  float: right;
}


.oj-select-multi .oj-select-default {
  margin-top: 5px;
  padding: 0;
  line-height: calc(var(--oj-text-field-height) * 0.8);
  color: var(--oj-text-field-placeholder-color);
  font-style: var(--oj-text-field-placeholder-font-style);
}


.oj-select-multi .oj-listbox-input {
  background-color: var(--oj-text-field-bg-color);
  color: var(--oj-text-field-text-color);
  font-size: var(--oj-text-field-font-size);
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}

@media screen and (max-width: 599.9px) {
  .oj-select-multi .oj-listbox-input {
    -webkit-text-size-adjust: var(--oj-private-text-field-font-size-adjust);
  }
}


.oj-select-selected-choice {
  line-height: 1.9rem;
  display: flex;
  align-items: center;
  cursor: default;
  border-radius: var(--oj-button-border-radius);
  border: 1px solid var(--oj-button-outlined-chrome-border-color);
  color: var(--oj-button-outlined-chrome-text-color);
  background-clip: padding-box;
  padding-top: 0;
  padding-inline-end: 4px;
  padding-bottom: 0;
  padding-inline-start: 6px;
  margin-top: 5px;
  margin-inline-end: 6px;
  margin-bottom: 0;
  margin-inline-start: 0;
}


.oj-select-selected-choice.oj-focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}


.oj-select.oj-disabled .oj-select-selected-choice {
  padding: 0 .375rem 0 .375rem;
}


.oj-select-selected-choice-label,
.oj-select-selected-choice-separator {
  display: inline-block;
  vertical-align: middle;
  word-break: break-word;
}


.oj-select-clear-entry {
  display: inline-block;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: 100%;
  margin-inline-start: 3px;
}




.oj-select.oj-invalid .oj-select-choice,
.oj-select-native.oj-invalid .oj-select-select,
.oj-select-multi.oj-invalid .oj-select-choices,
.oj-select.oj-warning .oj-select-choice,
.oj-select-native.oj-warning .oj-select-select,
.oj-select-multi.oj-warning .oj-select-choices {
  border-width: 0;
}


.oj-select.oj-disabled .oj-select-choice {
  color: var(--oj-text-field-text-color-disabled);
  border-color: var(--oj-text-field-border-color-disabled);
}


.oj-select-multi.oj-disabled .oj-select-choices,
.oj-select-multi.oj-disabled .oj-select-selected-choice,
.oj-select-multi.oj-disabled .oj-select-selected-choice.oj-focus,
.oj-select-multi.oj-disabled input {
  color: var(--oj-text-field-text-color-disabled);
  border-color: var(--oj-text-field-border-color-disabled);
  outline: 0;
}

.oj-select-multi.oj-disabled .oj-select-clear-entry {
  display: none;
  background: none;
}


.oj-select-chosen.oj-select-default {
  color: var(--oj-text-field-placeholder-color);
  font-style: var(--oj-text-field-placeholder-font-style);
}


.oj-select-chosen {
  border: 0;
  outline: 0;
  white-space: nowrap;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  padding-inline-end: var(--oj-text-field-text-to-edge-padding);
  height: 100%;
}

.oj-hicontrast .oj-select.oj-disabled {
  border-style: dotted;
}


.oj-select-open-icon,
.oj-select-open-icon:hover,
.oj-select-open-icon:focus {
  text-decoration: none;
}



.oj-select-option-defaults {
  font-family: '{"renderMode":"jet","loadingIndicatorDelay":"50"}' !important;
}

.oj-select-select {
  text-align: var(--oj-text-field-text-align);
  color: var(--oj-text-field-text-color);
  background-color: transparent;
  border-style: solid;
  border-color: var(--oj-text-field-border-color);
  border-width: var(--oj-text-field-border-width);
  border-radius: var(--oj-text-field-border-radius);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  border-width: 0;
  height: var(--oj-text-field-height);
  padding: 0 var(--oj-text-field-text-to-edge-padding);
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  background-clip: padding-box;
}

.oj-select-select:-ms-input-placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-select-select::placeholder {
  color: var(--oj-text-field-placeholder-color);
  opacity: 1;
  font-style: var(--oj-text-field-placeholder-font-style);
}

select.oj-select-select.oj-select-default:not([multiple]) {
  color: var(--oj-text-field-placeholder-color);
  font-style: var(--oj-text-field-placeholder-font-style);
}

.oj-select-select[disabled] {
  color: var(--oj-text-field-text-color-disabled);
  border-color: var(--oj-text-field-border-color-disabled);
}

.oj-select-select option {
  background-color: var(--oj-text-field-bg-color);
}


.oj-select-select:not(.oj-focus-highlight):focus {
  outline: none;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices {
  color: inherit;
  height: 100%;
  width: 100%;
  border-width: 0;
}

html:not([dir="rtl"]) .oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice, html:not([dir="rtl"])
.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices {
  text-align: inherit;
}

html[dir="rtl"] .oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice, html[dir="rtl"]
.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices {
  text-align: inherit;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-select:not(.oj-disabled) .oj-select-choice,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-select:not(.oj-disabled) .oj-select-choices {
  background-color: transparent;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-chosen {
  background-color: inherit;
  border-width: 0;
}

.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select {
  height: 100%;
}

.oj-text-field-label-inside .oj-select-choice {
  background-color: transparent;
  width: 100%;
  border-width: 0;
  min-height: var(--oj-text-field-inside-edge-height);
  padding: 0;
}

.oj-text-field-label-inside .oj-select-choices {
  background-color: transparent;
  border-width: 0;
  padding: var(--oj-text-field-inside-edge-padding-top) var(--oj-text-field-text-to-edge-padding) 5px;
}

.oj-text-field-label-inside.oj-select-multi:not(.oj-read-only) .oj-select-default {
  min-height: calc(var(--oj-text-field-height) * 0.85);
}

.oj-text-field-label-inside.oj-read-only .oj-select-choices {
  padding: 0;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-select-choices {
  padding: var(--oj-text-field-inside-edge-padding-top) var(--oj-text-field-text-to-edge-padding) 5px;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-select-chosen,
.oj-text-field-label-inside:not(.oj-read-only) .oj-select-chosen {
  padding-top: var(--oj-text-field-inside-edge-padding-top);
  line-height: calc(var(--oj-text-field-inside-edge-height) - var(--oj-text-field-inside-edge-padding-top));
}

.oj-form-layout .oj-form.oj-enabled .oj-select.oj-read-only .oj-select-chosen,
.oj-text-field-label-inside:not(.oj-read-only) .oj-select-chosen {
  padding-left: var(--oj-text-field-text-to-edge-padding);
  padding-right: var(--oj-text-field-text-to-edge-padding);
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-select.oj-read-only .oj-select-chosen {
  min-height: var(--oj-text-field-inside-edge-height);
}

.oj-text-field-label-inside .oj-select-choice.oj-hover,
.oj-text-field-label-inside .oj-select-choices.oj-hover {
  background-color: transparent;
}

.oj-text-field-label-inside.oj-select.oj-read-only .oj-select-choice {
  padding: 0;
}

.oj-text-field.oj-select.oj-disabled .oj-text-field-container {
  background-color: var(--oj-text-field-bg-color-disabled);
}

.oj-text-field.oj-select-multi .oj-text-field-container {
  height: auto;
}

.oj-text-field.oj-select-multi:not(.oj-read-only) .oj-text-field-container {
  min-height: var(--oj-text-field-height);
}

.oj-text-field-label-inside .oj-select-selected-choice {
  margin-top: 10px;
  margin-inline-end: 6px;
  margin-bottom: 0px;
  margin-inline-start: 0px;
}

.oj-text-field-label-inside.oj-select.oj-read-only .oj-select-selected-choice {
  margin-top: 0px;
  margin-inline-end: 6px;
  margin-bottom: 0px;
  margin-inline-start: 0px;
}

.oj-text-field-label-inside.oj-select.oj-invalid .oj-text-field-container .oj-label,
.oj-text-field-label-inside.oj-select-many.oj-invalid .oj-text-field-container .oj-label {
  color: var(--oj-text-field-inside-edge-label-color-error);
}

.oj-text-field-label-inside.oj-select {
  max-width: 100%;
}

.oj-text-field-label-inside .oj-select-label {
  align-self: flex-start;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field.oj-select .oj-text-field-container {
  display: flex;
}

.oj-text-field.oj-read-only.oj-select-multi .oj-text-field-container {
  display: block;
}

html:not([dir="rtl"]) .oj-select-select {
  padding-left: 0;
}

html[dir="rtl"] .oj-select-select {
  padding-right: 0;
}

.oj-select-selected-choice > .oj-component-icon, .oj-select-selected-choice > .oj-menucheckbox-icon {
  font-size: 1rem;
}

.oj-select .oj-select-multiple-open-icon {
  display: none;
}

.oj-select .oj-select-select::-ms-expand {
  display: none;
}

.oj-select-select {
  -moz-appearance: none;
}

.oj-select-select.oj-select-default[multiple] {
  color: var(--oj-text-field-placeholder-color);
  font-style: var(--oj-text-field-placeholder-font-style);
}

html:not([dir="rtl"]) .oj-form-control-text-align-right oj-select-many.oj-select .oj-select-select, html:not([dir="rtl"])
oj-select-many.oj-form-control-text-align-right.oj-select .oj-select-select {
  padding-right: 0px;
}

html:not([dir="rtl"]) .oj-form-control-text-align-end oj-select-many.oj-select .oj-select-select, html:not([dir="rtl"])
oj-select-many.oj-form-control-text-align-end.oj-select .oj-select-select {
  padding-right: 0px;
}

html[dir="rtl"] .oj-form-control-text-align-end oj-select-many.oj-select .oj-select-select, html[dir="rtl"]
oj-select-many.oj-form-control-text-align-end.oj-select .oj-select-select {
  padding-left: 0px;
}

oj-selector:not(.oj-complete) {
  visibility: hidden;
}

.oj-selector:active .oj-selector-wrapper:not(.oj-selected):not(.oj-indeterminate),
.oj-selector .oj-selector-wrapper:not(.oj-selected):not(.oj-indeterminate),
.oj-selector:hover .oj-selector-wrapper:not(.oj-selected):not(.oj-indeterminate) {
  color: var(--oj-radio-checkbox-input-color-unselected);
}

.oj-selector .oj-selector-wrapper.oj-selected,
.oj-selector:active .oj-selector-wrapper.oj-selected,
.oj-selector:hover .oj-selector-wrapper.oj-selected {
  color: var(--oj-radio-checkbox-input-color-selected);
}

.oj-selector:hover .oj-selector-wrapper.oj-indeterminate,
.oj-selector .oj-selector-wrapper.oj-indeterminate,
.oj-selector:active .oj-selector-wrapper.oj-indeterminate {
  color: var(--oj-radio-checkbox-input-color-unselected);
}

.oj-selector:active .oj-selector-wrapper:not(.oj-selected):not(.oj-indeterminate)::before,
.oj-selector:active .oj-selector-wrapper.oj-selected::before,
.oj-selector:active .oj-selector-wrapper.oj-indeterminate::before {
  transform: var(--oj-radio-checkbox-input-transform-active);
  transition: transform 0.15s var(--oj-animation-ease-in-out);
}

.oj-selector .oj-selector-wrapper:focus-within:not(.oj-focus-highlight) {
  outline: none;
}

.oj-selector .oj-selector-wrapper:focus-within {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-selector {
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.oj-selector .oj-selector-wrapper {
  display: inline-block;
  white-space: normal;
  line-height: 1;
  font-size: 1rem;
  width: 1rem;
  height: 1rem;
}

.oj-selector .oj-selector-wrapper .oj-selectorbox {
  width: 2.25rem;
  height: 2.25rem;
  opacity: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.oj-selector-wrapper:hover {
  box-shadow: 0 0 0 6px var(--oj-core-bg-color-hover);
  border-radius: 1px;
}

:root {
  --oj-spark-chart-item-color:         rgb(var(--oj-palette-dvt-rgb-1));
}

oj-spark-chart:not(.oj-complete) {
  visibility: hidden;
}

oj-spark-chart {
  display: block;
}

.oj-sparkchart {
  width: 100px;
  height: 18px;
}

.oj-sparkchart.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
}

.oj-spark-chart-item {
  color: var(--oj-spark-chart-item-color);
}

oj-status-meter-gauge:not(.oj-complete) {
  visibility: hidden;
}

oj-status-meter-gauge {
  display: block;
}

.oj-statusmetergauge-horizontal-fit {
  width: 13.75rem;
  height: 1.5625rem;
}

.oj-statusmetergauge-vertical-fit {
  width: 1.5625rem;
  height: 13.75rem;
}

.oj-statusmetergauge-circular-fit {
  width: var(--oj-statusmeter-gauge-circular-md-size);
  height: var(--oj-statusmeter-gauge-circular-md-size);
}

.oj-statusmetergauge.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
}

.oj-statusmetergauge-horizontal-sm {
  width: 100%;
  height: var(--oj-statusmeter-gauge-bar-sm-size) !important;
}

.oj-statusmetergauge-horizontal-md {
  width: 100%;
  height: var(--oj-statusmeter-gauge-bar-md-size) !important;
}

.oj-statusmetergauge-horizontal-lg {
  width: 100%;
  height: var(--oj-statusmeter-gauge-bar-lg-size) !important;
}

.oj-statusmetergauge-vertical-sm {
  height: 100%;
  width: var(--oj-statusmeter-gauge-bar-sm-size) !important;
}

.oj-statusmetergauge-vertical-md {
  height: 100%;
  width: var(--oj-statusmeter-gauge-bar-md-size) !important;
}

.oj-statusmetergauge-vertical-lg {
  height: 100%;
  width: var(--oj-statusmeter-gauge-bar-lg-size) !important;
}

.oj-statusmetergauge-circular-sm {
  width: var(--oj-statusmeter-gauge-circular-sm-size) !important;
  height: var(--oj-statusmeter-gauge-circular-sm-size) !important;
}

.oj-statusmetergauge-circular-md {
  width: var(--oj-statusmeter-gauge-circular-md-size) !important;
  height: var(--oj-statusmeter-gauge-circular-md-size) !important;
}

.oj-statusmetergauge-circular-lg {
  width: var(--oj-statusmeter-gauge-circular-lg-size) !important;
  height: var(--oj-statusmeter-gauge-circular-lg-size) !important;
}

.oj-statusmeter-gauge-plotarea {
  border-color: var(--oj-statusmeter-gauge-bar-plotarea-border-color);
  color: var(--oj-statusmeter-gauge-bar-plotarea-color);
}

:root {
  --oj-statusmeter-gauge-bar-sm-size: 0.375rem;
  --oj-statusmeter-gauge-bar-md-size: 0.625rem;
  --oj-statusmeter-gauge-bar-lg-size: 0.875rem;
  --oj-statusmeter-gauge-bar-plotarea-border-color: var(--oj-core-border-color-enabled);
  --oj-statusmeter-gauge-bar-plotarea-color: rgba(var(--oj-palette-neutral-rgb-170), .15);
  --oj-statusmeter-gauge-circular-sm-size:       3.5rem;
  --oj-statusmeter-gauge-circular-md-size:       6rem;
  --oj-statusmeter-gauge-circular-lg-size:       12.25rem;
}

oj-stream-list:not(.oj-complete) {
  visibility: hidden;
}


oj-stream-list {
  display: block;
  overflow: auto;
  -webkit-tap-highlight-color: transparent;
}

.oj-stream-list-item:focus,
.oj-stream-list-group:focus {
  outline: none;
}

.oj-stream-list-item.oj-focus-highlight,
.oj-stream-list-group.oj-focus-highlight {
  outline-offset: -1px;
  outline: dotted 1px var(--oj-core-focus-border-color);
}


.oj-stream-list-skeleton {
  height: 1.25rem;
  margin-top: var(--oj-core-spacing-4x);
}


.oj-stream-list-child-skeleton {
  margin-left: var(--oj-core-spacing-4x);
}


.oj-stream-list-skeleton-content {
  height: 100%;
}


.oj-stream-list-entrance-animation {
  animation-name: stream-list-entrance-animation;
  animation-duration: 0.15s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes stream-list-entrance-animation {
  0% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}

.oj-streamlist-option-defaults {
  font-family: '{"showIndicatorDelay":"50"}';
}

oj-sunburst:not(.oj-complete) {
  visibility: hidden;
}

oj-sunburst {
  display: block;
}

.oj-sunburst {
  font-size: var(--oj-dvt-label-font-size-md);
  color: var(--oj-core-text-color-primary);
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  height: 560px;
}

.oj-sunburst-attribute-type-text {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-sm);
}

.oj-sunburst-attribute-value-text {
  font-size: var(--oj-dvt-label-font-size-sm);
  color: var(--oj-core-text-color-primary);
}

.oj-sunburst-current-drill-text {
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
  color: var(--oj-core-text-color-primary);
}

.oj-sunburst-drill-text {
  color: var(--oj-link-text-color);
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
  -webkit-text-decoration: var(--oj-link-embedded-text-decoration);
          text-decoration: var(--oj-link-embedded-text-decoration);
}

.oj-sunburst-drill-text.oj-hover {
  -webkit-text-decoration: var(--oj-link-embedded-text-decoration-hover);
          text-decoration: var(--oj-link-embedded-text-decoration-hover);
}

.oj-sunburst-node {
  font-size: var(--oj-dvt-label-font-size-md);
}

.oj-sunburst-node.oj-hover {
  border-color: var(--oj-dvt-node-border-color-hover);
}

.oj-sunburst-node.oj-selected {
  border-top-color: var(--oj-dvt-item-border-color-selected);
  border-bottom-color: var(--oj-dvt-item-contrast-color);
}

.oj-sunburst-skeleton-container {
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path fill-rule="evenodd" d="M150 111.385c-3.838 0-7.545.56-11.045 1.602-1.965.586-4.134-.186-5.092-1.998l-19.934-37.7c-1.065-2.014-.238-4.518 1.864-5.395 10.53-4.392 22.085-6.817 34.207-6.817 21.93 0 42.005 7.938 57.51 21.098 1.738 1.475 1.766 4.114.137 5.71l-30.455 29.839c-1.463 1.434-3.762 1.511-5.454.356A38.435 38.435 0 0 0 150 111.385Zm32.798 12.047c-1.465 1.435-1.587 3.734-.464 5.45a38.406 38.406 0 0 1 4.745 10.299c.574 1.968 2.398 3.372 4.44 3.195l42.481-3.69c2.269-.197 3.925-2.249 3.523-4.491-2.713-15.121-9.248-28.915-18.569-40.348-1.44-1.766-4.077-1.846-5.704-.251l-30.452 29.836Zm-5.599 58.84c-1.168-1.685-.856-3.964.569-5.437 5.788-5.989 9.658-13.845 10.615-22.577.224-2.037 1.778-3.734 3.82-3.911l42.953-3.731c2.011-.174 3.767 1.366 3.767 3.384 0 27.356-12.353 51.828-31.786 68.14-1.746 1.466-4.353 1.049-5.652-.826l-24.286-35.042Zm-6.575 4.557c-1.167-1.684-3.411-2.192-5.291-1.378A38.481 38.481 0 0 1 150 188.615c-4.265 0-8.369-.691-12.205-1.968-1.946-.648-4.138.055-5.154 1.837l-21.111 37.05c-1.128 1.98-.381 4.508 1.692 5.451 11.209 5.098 23.662 7.938 36.778 7.938 15.886 0 30.799-4.166 43.706-11.464 1.984-1.122 2.507-3.707 1.209-5.58l-24.291-35.05Zm33.422 48.225c-1.222-1.763-3.615-2.24-5.471-1.163-14.281 8.287-30.874 13.032-48.575 13.032-14.676 0-28.591-3.262-41.058-9.101-1.944-.91-4.286-.225-5.349 1.641l-22.362 39.244c-1.113 1.955-.4 4.447 1.611 5.456C103.046 294.296 125.857 300 150 300c28.841 0 55.781-8.14 78.648-22.247 1.914-1.181 2.406-3.728 1.125-5.577l-25.727-37.122Zm32.296 32.556c1.283 1.851 3.843 2.283 5.621.901a150.832 150.832 0 0 0 26.723-26.774c1.379-1.781.942-4.341-.912-5.62l-37.179-25.644c-1.764-1.217-4.168-.821-5.525.838a97.505 97.505 0 0 1-13.626 13.651c-1.658 1.36-2.049 3.766-.828 5.528l25.726 37.12ZM246.923 150c0-.188 0-.376-.002-.563-.012-2.144 1.589-3.981 3.725-4.166l44.992-3.908c2.244-.195 4.212 1.501 4.284 3.752.052 1.622.078 3.25.078 4.885 0 28.739-8.082 55.59-22.097 78.404-1.177 1.917-3.722 2.414-5.574 1.137l-37.178-25.644c-1.767-1.219-2.249-3.611-1.175-5.47 8.235-14.248 12.947-30.787 12.947-48.427Zm10.033-99.227c1.607-1.575 4.201-1.518 5.688.171 18.88 21.454 31.728 48.344 35.893 78.021.312 2.227-1.333 4.232-3.573 4.427l-44.994 3.907c-2.139.186-4.034-1.351-4.39-3.469-2.899-17.264-10.363-32.98-21.107-45.865-1.374-1.648-1.306-4.086.226-5.588l32.257-31.604ZM107.98 154c2.05 0 3.746 1.557 4.146 3.569 1.698 8.542 6.213 16.07 12.537 21.573 1.544 1.343 2.052 3.583 1.039 5.36l-21.113 37.054c-1.13 1.983-3.692 2.627-5.561 1.317-20.85-14.611-35.142-37.942-37.58-64.7-.207-2.269 1.62-4.173 3.898-4.173h42.634Zm0-8c2.05 0 3.746-1.557 4.146-3.569 1.78-8.956 6.657-16.796 13.468-22.358 1.585-1.294 2.164-3.516 1.207-5.325l-19.935-37.703c-1.067-2.017-3.608-2.741-5.517-1.491-22.107 14.476-37.374 38.534-39.902 66.273-.206 2.269 1.62 4.173 3.9 4.173h42.633Zm-54.903 4c0 22.384 7.588 42.995 20.331 59.402 1.316 1.695 1.164 4.129-.419 5.576l-33.325 30.478c-1.66 1.519-4.251 1.372-5.679-.367C12.747 219.207 0 186.092 0 150c0-8.383.688-16.605 2.01-24.614.367-2.222 2.541-3.644 4.74-3.155l44.093 9.811c2.092.466 3.436 2.496 3.144 4.619-.6 4.361-.91 8.814-.91 13.339Zm-8.152 107.048c-1.606-1.577-1.522-4.171.14-5.69l33.324-30.477c1.583-1.447 4.02-1.382 5.59.08a97.43 97.43 0 0 0 11.365 9.093c1.768 1.209 2.369 3.57 1.308 5.432l-22.363 39.245c-1.115 1.957-3.629 2.612-5.522 1.391a150.769 150.769 0 0 1-23.842-19.074Zm7.64-132.818c2.095.466 4.176-.808 4.81-2.858 6.834-22.14 21.388-40.89 40.518-53.11 1.806-1.155 2.48-3.495 1.478-5.39L78.257 22.94c-1.053-1.991-3.546-2.725-5.476-1.564C40.364 40.88 15.924 72.292 5.515 109.56c-.605 2.166.761 4.371 2.957 4.86l44.093 9.811ZM192.81 10.49c.72-2.134-.461-4.446-2.631-5.048C177.391 1.895 163.917 0 150 0c-22.46 0-43.768 4.937-62.897 13.784-2.041.944-2.834 3.413-1.782 5.402l21.114 39.931c1.004 1.898 3.323 2.657 5.294 1.809 11.741-5.051 24.679-7.85 38.271-7.85 8.083 0 15.935.99 23.441 2.855 2.08.516 4.243-.605 4.928-2.636L192.81 10.49Zm12.731.129c-2.09-.834-4.429.29-5.149 2.423l-14.44 42.804c-.686 2.032.358 4.236 2.328 5.084a96.964 96.964 0 0 1 25.228 15.85c1.619 1.406 4.057 1.388 5.589-.114l32.257-31.605c1.608-1.575 1.604-4.17-.056-5.691a150.065 150.065 0 0 0-45.757-28.751ZM119.385 150c0-16.908 13.707-30.615 30.615-30.615 16.908 0 30.615 13.707 30.615 30.615 0 16.908-13.707 30.615-30.615 30.615-16.908 0-30.615-13.707-30.615-30.615Z" clip-rule="evenodd"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path fill-rule="evenodd" d="M150 111.385c-3.838 0-7.545.56-11.045 1.602-1.965.586-4.134-.186-5.092-1.998l-19.934-37.7c-1.065-2.014-.238-4.518 1.864-5.395 10.53-4.392 22.085-6.817 34.207-6.817 21.93 0 42.005 7.938 57.51 21.098 1.738 1.475 1.766 4.114.137 5.71l-30.455 29.839c-1.463 1.434-3.762 1.511-5.454.356A38.435 38.435 0 0 0 150 111.385Zm32.798 12.047c-1.465 1.435-1.587 3.734-.464 5.45a38.406 38.406 0 0 1 4.745 10.299c.574 1.968 2.398 3.372 4.44 3.195l42.481-3.69c2.269-.197 3.925-2.249 3.523-4.491-2.713-15.121-9.248-28.915-18.569-40.348-1.44-1.766-4.077-1.846-5.704-.251l-30.452 29.836Zm-5.599 58.84c-1.168-1.685-.856-3.964.569-5.437 5.788-5.989 9.658-13.845 10.615-22.577.224-2.037 1.778-3.734 3.82-3.911l42.953-3.731c2.011-.174 3.767 1.366 3.767 3.384 0 27.356-12.353 51.828-31.786 68.14-1.746 1.466-4.353 1.049-5.652-.826l-24.286-35.042Zm-6.575 4.557c-1.167-1.684-3.411-2.192-5.291-1.378A38.481 38.481 0 0 1 150 188.615c-4.265 0-8.369-.691-12.205-1.968-1.946-.648-4.138.055-5.154 1.837l-21.111 37.05c-1.128 1.98-.381 4.508 1.692 5.451 11.209 5.098 23.662 7.938 36.778 7.938 15.886 0 30.799-4.166 43.706-11.464 1.984-1.122 2.507-3.707 1.209-5.58l-24.291-35.05Zm33.422 48.225c-1.222-1.763-3.615-2.24-5.471-1.163-14.281 8.287-30.874 13.032-48.575 13.032-14.676 0-28.591-3.262-41.058-9.101-1.944-.91-4.286-.225-5.349 1.641l-22.362 39.244c-1.113 1.955-.4 4.447 1.611 5.456C103.046 294.296 125.857 300 150 300c28.841 0 55.781-8.14 78.648-22.247 1.914-1.181 2.406-3.728 1.125-5.577l-25.727-37.122Zm32.296 32.556c1.283 1.851 3.843 2.283 5.621.901a150.832 150.832 0 0 0 26.723-26.774c1.379-1.781.942-4.341-.912-5.62l-37.179-25.644c-1.764-1.217-4.168-.821-5.525.838a97.505 97.505 0 0 1-13.626 13.651c-1.658 1.36-2.049 3.766-.828 5.528l25.726 37.12ZM246.923 150c0-.188 0-.376-.002-.563-.012-2.144 1.589-3.981 3.725-4.166l44.992-3.908c2.244-.195 4.212 1.501 4.284 3.752.052 1.622.078 3.25.078 4.885 0 28.739-8.082 55.59-22.097 78.404-1.177 1.917-3.722 2.414-5.574 1.137l-37.178-25.644c-1.767-1.219-2.249-3.611-1.175-5.47 8.235-14.248 12.947-30.787 12.947-48.427Zm10.033-99.227c1.607-1.575 4.201-1.518 5.688.171 18.88 21.454 31.728 48.344 35.893 78.021.312 2.227-1.333 4.232-3.573 4.427l-44.994 3.907c-2.139.186-4.034-1.351-4.39-3.469-2.899-17.264-10.363-32.98-21.107-45.865-1.374-1.648-1.306-4.086.226-5.588l32.257-31.604ZM107.98 154c2.05 0 3.746 1.557 4.146 3.569 1.698 8.542 6.213 16.07 12.537 21.573 1.544 1.343 2.052 3.583 1.039 5.36l-21.113 37.054c-1.13 1.983-3.692 2.627-5.561 1.317-20.85-14.611-35.142-37.942-37.58-64.7-.207-2.269 1.62-4.173 3.898-4.173h42.634Zm0-8c2.05 0 3.746-1.557 4.146-3.569 1.78-8.956 6.657-16.796 13.468-22.358 1.585-1.294 2.164-3.516 1.207-5.325l-19.935-37.703c-1.067-2.017-3.608-2.741-5.517-1.491-22.107 14.476-37.374 38.534-39.902 66.273-.206 2.269 1.62 4.173 3.9 4.173h42.633Zm-54.903 4c0 22.384 7.588 42.995 20.331 59.402 1.316 1.695 1.164 4.129-.419 5.576l-33.325 30.478c-1.66 1.519-4.251 1.372-5.679-.367C12.747 219.207 0 186.092 0 150c0-8.383.688-16.605 2.01-24.614.367-2.222 2.541-3.644 4.74-3.155l44.093 9.811c2.092.466 3.436 2.496 3.144 4.619-.6 4.361-.91 8.814-.91 13.339Zm-8.152 107.048c-1.606-1.577-1.522-4.171.14-5.69l33.324-30.477c1.583-1.447 4.02-1.382 5.59.08a97.43 97.43 0 0 0 11.365 9.093c1.768 1.209 2.369 3.57 1.308 5.432l-22.363 39.245c-1.115 1.957-3.629 2.612-5.522 1.391a150.769 150.769 0 0 1-23.842-19.074Zm7.64-132.818c2.095.466 4.176-.808 4.81-2.858 6.834-22.14 21.388-40.89 40.518-53.11 1.806-1.155 2.48-3.495 1.478-5.39L78.257 22.94c-1.053-1.991-3.546-2.725-5.476-1.564C40.364 40.88 15.924 72.292 5.515 109.56c-.605 2.166.761 4.371 2.957 4.86l44.093 9.811ZM192.81 10.49c.72-2.134-.461-4.446-2.631-5.048C177.391 1.895 163.917 0 150 0c-22.46 0-43.768 4.937-62.897 13.784-2.041.944-2.834 3.413-1.782 5.402l21.114 39.931c1.004 1.898 3.323 2.657 5.294 1.809 11.741-5.051 24.679-7.85 38.271-7.85 8.083 0 15.935.99 23.441 2.855 2.08.516 4.243-.605 4.928-2.636L192.81 10.49Zm12.731.129c-2.09-.834-4.429.29-5.149 2.423l-14.44 42.804c-.686 2.032.358 4.236 2.328 5.084a96.964 96.964 0 0 1 25.228 15.85c1.619 1.406 4.057 1.388 5.589-.114l32.257-31.605c1.608-1.575 1.604-4.17-.056-5.691a150.065 150.065 0 0 0-45.757-28.751ZM119.385 150c0-16.908 13.707-30.615 30.615-30.615 16.908 0 30.615 13.707 30.615 30.615 0 16.908-13.707 30.615-30.615 30.615-16.908 0-30.615-13.707-30.615-30.615Z" clip-rule="evenodd"/></svg>');
}


.oj-swipetoreveal.oj-offcanvas-start.oj-offcanvas-open,
.oj-swipetoreveal.oj-offcanvas-end.oj-offcanvas-open {
  display: flex;
  overflow: hidden;
}


.oj-swipetoreveal-action {
  flex: 1;
  max-width: 100%;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  overflow: hidden;
  color: var(--oj-core-brand-contrast);
  transition: max-width var(--oj-animation-duration-long) var(--oj-animation-ease-in-out);
  background-color: var(--oj-core-brand-2);
  min-width: 4rem;
  font-size: var(--oj-core-icon-size-lg);
}


.oj-swipetoreveal .oj-swipetoreveal-hide-when-full {
  max-width: 0;
}


.oj-swipeactions {
  display: block;
}


.oj-swipeactions:focus {
  outline: none;
}


.oj-swipeactions-neutral {
  background-color: var(--oj-core-neutral-1);
  color: var(--oj-core-neutral-contrast);
}


.oj-swipeactions-attention {
  background-color: var(--oj-core-warning-1);
  color: var(--oj-core-warning-contrast);
}


.oj-swipeactions-danger {
  background-color: var(--oj-core-danger-1);
  color: var(--oj-core-danger-contrast);
}


.oj-swipeactions-action-text {
  font-size: initial;
}


[slot="startIcon"] + .oj-swipeactions-action-text {
  padding-top: 0.5rem;
}


.oj-swipeactions-action-panel {
  height: 100%;
}


.oj-swipeactions-action-panel.oj-focus-highlight {
  outline: 1px dotted var(--oj-core-neutral-contrast);
  outline-offset: -2px;
}


.oj-listview-item.oj-swipeactions-container {
  padding: 0;
}


.oj-swipeactions-accessible-link {
  position: absolute;
  top: calc(100% - 20px);
}


.oj-swipeactions-hide-actions-link {
  position: absolute;
  right: 0px;
}


.oj-swipeactions-hide-actions-link:after {
  content: "[X]";
}


.oj-swipeactions-action-panel .oj-flex-bar-start {
  padding-left: 8px;
  padding-right: 8px;
}


.oj-swipeactions-action-panel .oj-flex-bar-end {
  padding-left: 8px;
  padding-right: 8px;
}

:root {
  --oj-switch-track-height:                         1.25rem;
  --oj-switch-track-width:                          2.25rem;
  --oj-switch-track-border-radius:                  var(--oj-core-border-radius-lg);
  --oj-switch-thumb-to-track-horizontal-margin:     0.0625rem;
  --oj-switch-track-bg-color:                       rgb(var(--oj-palette-neutral-rgb-90));
  --oj-switch-track-border-color:                   transparent;
  --oj-switch-thumb-bg-color:                       rgb(var(--oj-palette-neutral-rgb-0));
  --oj-switch-thumb-border-color:                   rgb(var(--oj-palette-neutral-rgb-0));
  --oj-switch-thumb-height:                         calc(var(--oj-switch-track-height) - 0.25rem);
  --oj-switch-thumb-width:                          var(--oj-switch-thumb-height);
  --oj-switch-thumb-border-radius:                  var(--oj-core-border-radius-md);
  --oj-switch-thumb-box-shadow:                     0px 0.125rem 0.25rem 0px rgba(var(--oj-core-box-shadow-rgb),.1);
  --oj-switch-track-bg-color-selected:              rgb(var(--oj-palette-brand-rgb-100));
  --oj-switch-track-border-color-selected:          rgb(var(--oj-palette-brand-rgb-100));
  --oj-switch-thumb-bg-color-selected:              rgb(var(--oj-palette-neutral-rgb-0));
  --oj-switch-thumb-border-color-selected:          rgb(var(--oj-palette-neutral-rgb-0));
  --oj-switch-thumb-box-shadow-selected:            var(--oj-switch-thumb-box-shadow);
  --oj-switch-track-bg-color-hover:                 rgba(var(--oj-palette-neutral-rgb-170),.6);
  --oj-switch-track-border-color-hover:             transparent;
  --oj-switch-thumb-bg-color-hover:                 var(--oj-core-bg-color-hover);
  --oj-switch-thumb-border-color-hover:             rgb(var(--oj-palette-neutral-rgb-10));
  --oj-switch-thumb-box-shadow-hover:               none;
  --oj-switch-track-bg-color-selected-hover:        rgb(var(--oj-palette-brand-rgb-110));
  --oj-switch-track-border-color-selected-hover:    rgb(var(--oj-palette-brand-rgb-110));
  --oj-switch-thumb-bg-color-selected-hover:        var(--oj-core-bg-color-hover);
  --oj-switch-thumb-border-color-selected-hover:    rgb(var(--oj-palette-neutral-rgb-10));
  --oj-switch-thumb-box-shadow-selected-hover:      none;
  --oj-switch-track-bg-color-active:                rgba(var(--oj-palette-neutral-rgb-170), 0.68);
  --oj-switch-track-border-color-active:            transparent;
  --oj-switch-thumb-bg-color-active:                var(--oj-core-bg-color-active);
  --oj-switch-thumb-border-color-active:            rgb(var(--oj-palette-neutral-rgb-10));
  --oj-switch-thumb-box-shadow-active:              none;
  --oj-switch-thumb-width-active:                   var(--oj-switch-thumb-width);
  --oj-switch-track-bg-color-selected-active:       rgb(var(--oj-palette-brand-rgb-120));
  --oj-switch-track-border-color-selected-active:   rgb(var(--oj-palette-brand-rgb-120));
  --oj-switch-thumb-bg-color-selected-active:       var(--oj-core-bg-color-active);
  --oj-switch-thumb-border-color-selected-active:   rgb(var(--oj-palette-neutral-rgb-10));
  --oj-switch-thumb-box-shadow-selected-active:     none;
  --oj-switch-track-bg-color-disabled:              var(--oj-core-color-disabled-2);
  --oj-switch-track-border-color-disabled:          transparent;
  --oj-switch-thumb-bg-color-disabled:              rgba(var(--oj-palette-neutral-rgb-10), .8);
  --oj-switch-thumb-border-color-disabled:          transparent;
  --oj-switch-track-bg-color-selected-disabled:     var(--oj-core-color-disabled-2);
  --oj-switch-track-border-color-selected-disabled: transparent;
  --oj-switch-thumb-bg-color-selected-disabled:     rgba(var(--oj-palette-neutral-rgb-10), .8);
  --oj-switch-thumb-border-color-selected-disabled: transparent;
}



oj-switch:not(.oj-complete) {
  visibility: hidden;
}

.oj-switch {
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
}

.oj-switch .oj-switch-container {
  position: relative;
  min-height: var(--oj-core-touch-target-min-size);
  min-width: var(--oj-core-touch-target-min-size);
}

.oj-switch:not(.oj-read-only) .oj-switch-container {
  width: var(--oj-switch-track-width);
}

.oj-switch .oj-switch-thumb {
  box-sizing: content-box;
}

html:not([dir="rtl"]) .oj-switch .oj-switch-thumb {
  left: var(--oj-switch-thumb-to-track-horizontal-margin);
  right: auto;
}

html[dir="rtl"] .oj-switch .oj-switch-thumb {
  left: auto;
  right: var(--oj-switch-thumb-to-track-horizontal-margin);
}

html:not([dir="rtl"]) .oj-switch.oj-selected .oj-switch-thumb {
  left: auto;
  right: var(--oj-switch-thumb-to-track-horizontal-margin);
}

html[dir="rtl"] .oj-switch.oj-selected .oj-switch-thumb {
  left: var(--oj-switch-thumb-to-track-horizontal-margin);
  right: auto;
}

.oj-switch .oj-switch-track {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: var(--oj-switch-track-height);
  width: var(--oj-switch-track-width);
  box-sizing: border-box;
  transform: translate3d(0, -50%, 0);
  border-radius: var(--oj-switch-track-border-radius);
  transition: background-color 0.2s linear 0.1s, opacity 0.2s linear 0.1s, border-color 0.2s linear 0.1s;
}

.oj-switch.oj-read-only .oj-switch-container {
  min-height: var(--oj-switch-track-height);
}

.oj-switch.oj-read-only .oj-switch-track {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 0;
  height: var(--oj-switch-track-height);
  width: var(--oj-switch-track-width);
  box-sizing: border-box;
  transform: translate3d(0, -50%, 0);
  border-radius: var(--oj-switch-track-border-radius);
}

.oj-switch .oj-switch-track,
.oj-switch.oj-default .oj-switch-track {
  background-color: var(--oj-switch-track-bg-color);
  border-color: var(--oj-switch-track-border-color);
}

.oj-switch .oj-switch-thumb,
.oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: var(--oj-switch-thumb-height);
  width: var(--oj-switch-thumb-width);
  box-sizing: border-box;
  transform: translate3d(0, -50%, 0);
  border-radius: var(--oj-switch-thumb-border-radius);
  box-shadow: var(--oj-switch-thumb-box-shadow);
  background-color: var(--oj-switch-thumb-bg-color);
  border-color: var(--oj-switch-thumb-border-color);
  transition: height var(--oj-animation-duration-medium) var(--oj-animation-ease-out), width var(--oj-animation-duration-medium) var(--oj-animation-ease-out), left var(--oj-animation-duration-medium) var(--oj-animation-ease-out);
}

.oj-switch.oj-selected .oj-switch-track {
  background-color: var(--oj-switch-track-bg-color-selected);
  border-color: var(--oj-switch-track-border-color-selected);
}

.oj-switch.oj-selected .oj-switch-thumb {
  box-shadow: var(--oj-switch-thumb-box-shadow-selected);
  background-color: var(--oj-switch-thumb-bg-color-selected);
  border-color: var(--oj-switch-thumb-border-color-selected);
  transition: height var(--oj-animation-duration-long) var(--oj-animation-ease-out), width var(--oj-animation-duration-long) var(--oj-animation-ease-out), right var(--oj-animation-duration-long) var(--oj-animation-ease-out);
}

.oj-switch.oj-hover:not(.oj-disabled):not(.oj-read-only) .oj-switch-track {
  cursor: var(--oj-core-cursor-clickable);
  background-color: var(--oj-switch-track-bg-color-hover);
  border-color: var(--oj-switch-track-border-color-hover);
}

.oj-switch.oj-hover:not(.oj-disabled):not(.oj-read-only) .oj-switch-thumb {
  border-width: 1px;
  border-radius: var(--oj-switch-thumb-border-radius);
  box-shadow: var(--oj-switch-thumb-box-shadow-hover);
  background-image: linear-gradient(var(--oj-switch-thumb-bg-color-hover), var(--oj-switch-thumb-bg-color-hover));
  border-color: var(--oj-switch-thumb-border-color-hover);
}

.oj-switch.oj-selected.oj-hover:not(.oj-disabled):not(.oj-read-only) .oj-switch-track {
  background-color: var(--oj-switch-track-bg-color-selected-hover);
  border-color: var(--oj-switch-track-border-color-selected-hover);
}

.oj-switch.oj-selected.oj-hover:not(.oj-disabled):not(.oj-read-only) .oj-switch-thumb {
  border-radius: var(--oj-switch-thumb-border-radius);
  box-shadow: var(--oj-switch-thumb-box-shadow-selected-hover);
  background-image: linear-gradient(var(--oj-switch-thumb-bg-color-selected-hover), var(--oj-switch-thumb-bg-color-selected-hover));
  border-color: var(--oj-switch-thumb-border-color-selected-hover);
}

.oj-switch.oj-active .oj-switch-track,
.oj-switch.oj-hover:not(.oj-disabled):not(.oj-read-only).oj-active .oj-switch-track {
  background-color: var(--oj-switch-track-bg-color-active);
  border-color: var(--oj-switch-track-border-color-active);
}

.oj-switch.oj-active .oj-switch-thumb,
.oj-switch.oj-hover:not(.oj-disabled):not(.oj-read-only).oj-active .oj-switch-thumb {
  width: var(--oj-switch-thumb-width-active);
  box-shadow: var(--oj-switch-thumb-box-shadow-active);
  background-image: linear-gradient(var(--oj-switch-thumb-bg-color-active), var(--oj-switch-thumb-bg-color-active));
  border-color: var(--oj-switch-thumb-border-color-active);
  transform: translate3d(0, -50%, 0);
  transition: height var(--oj-animation-duration-xshort) var(--oj-animation-ease-in-out), width var(--oj-animation-duration-xshort) var(--oj-animation-ease-in-out);
}

.oj-switch.oj-selected.oj-active .oj-switch-track,
.oj-switch.oj-selected.oj-hover:not(.oj-disabled):not(.oj-read-only).oj-active .oj-switch-track {
  background-color: var(--oj-switch-track-bg-color-selected-active);
  border-color: var(--oj-switch-track-border-color-selected-active);
}

.oj-switch.oj-selected.oj-active .oj-switch-thumb,
.oj-switch.oj-selected.oj-hover:not(.oj-disabled):not(.oj-read-only).oj-active .oj-switch-thumb {
  box-shadow: var(--oj-switch-thumb-box-shadow-selected-active);
  background-image: linear-gradient(var(--oj-switch-thumb-bg-color-selected-active), var(--oj-switch-thumb-bg-color-selected-active));
  border-color: var(--oj-switch-thumb-border-color-selected-active);
  transform: translate3d(0, -50%, 0);
  transition: height var(--oj-animation-duration-xshort) var(--oj-animation-ease-in-out), width var(--oj-animation-duration-xshort) var(--oj-animation-ease-in-out);
}

.oj-switch.oj-read-only .oj-switch-track {
  background-color: transparent;
  border-color: transparent;
}

.oj-switch.oj-read-only {
  font-weight: var(--oj-form-control-font-weight-read-only);
}

.oj-switch.oj-read-only .oj-switch-thumb {
  border-width: 0;
  box-shadow: none;
  background-color: transparent;
  color: var(--oj-core-text-color-primary);
}

html:not([dir="rtl"]) .oj-switch.oj-read-only .oj-switch-thumb {
  left: 0;
  right: auto;
}

html[dir="rtl"] .oj-switch.oj-read-only .oj-switch-thumb {
  left: auto;
  right: 0;
}

html:not([dir="rtl"]) .oj-switch.oj-selected.oj-read-only .oj-switch-thumb {
  left: 0;
  right: auto;
}

html[dir="rtl"] .oj-switch.oj-selected.oj-read-only .oj-switch-thumb {
  left: auto;
  right: 0;
}

.oj-switch.oj-disabled .oj-switch-track {
  background-color: var(--oj-switch-track-bg-color-disabled);
  border-color: var(--oj-switch-track-border-color-disabled);
}

.oj-switch.oj-disabled .oj-switch-thumb {
  box-shadow: none;
  background-color: var(--oj-switch-thumb-bg-color-disabled);
  border-color: var(--oj-switch-thumb-border-color-disabled);
}

.oj-switch.oj-disabled.oj-selected .oj-switch-track {
  background-color: var(--oj-switch-track-bg-color-selected-disabled);
  border-color: var(--oj-switch-track-border-color-selected-disabled);
}

.oj-switch.oj-disabled.oj-selected .oj-switch-thumb {
  background-color: var(--oj-switch-thumb-bg-color-selected-disabled);
  border-color: var(--oj-switch-thumb-border-color-selected-disabled);
}

.oj-switch-track:not(.oj-focus-highlight) .oj-switch-thumb:focus {
  outline: none;
}

.oj-switch-thumb:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

.oj-switch-thumb:focus {
  outline: none;
}

.oj-switch-track.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: 1px;
}

oj-switcher:not(.oj-complete) {
  visibility: hidden;
}

:root {
  --oj-private-tab-bar-border-radius-top-left:      0;
  --oj-private-tab-bar-border-radius-top-right:     0;
  --oj-private-tab-bar-border-radius-bottom-left:   0;
  --oj-private-tab-bar-border-radius-bottom-right:  0;
  --oj-tab-bar-icon-to-text-padding:                0.5rem;
  --oj-tab-bar-icon-size:                           1.25rem;
  --oj-tab-bar-icon-margin:                         0;
  --oj-tab-bar-item-margin:                         0 2rem 0 0;
  --oj-private-tab-bar-item-border-width-top:       0;
  --oj-private-tab-bar-item-border-width-right:     0;
  --oj-private-tab-bar-item-border-width-bottom:    3px;
  --oj-private-tab-bar-item-border-width-left:      0;
  --oj-private-tab-bar-item-border-width-end:       3px;
  --oj-tab-bar-item-min-height:                     3rem;
  --oj-tab-bar-item-line-height:                    var(--oj-typography-body-md-line-height);
  --oj-tab-bar-item-font-size:                      var(--oj-typography-body-md-font-size);
  --oj-tab-bar-item-padding:                         0;
  --oj-tab-bar-item-font-weight:                    600;
  --oj-private-tab-bar-item-border-color:           transparent;
  --oj-tab-bar-item-label-color:                    var(--oj-core-text-color-secondary);
  --oj-tab-bar-item-label-color-hover:              var(--oj-core-text-color-primary);
  --oj-tab-bar-item-bg-color-hover:                 transparent;
  --oj-private-tab-bar-item-border-color-hover:     transparent;
  --oj-tab-bar-item-bg-color-active:                transparent;
  --oj-tab-bar-item-border-color-active:    rgb(var(--oj-palette-brand-rgb-70));
  --oj-tab-bar-item-font-weight-selected:           600;
  --oj-tab-bar-item-label-color-selected:           var(--oj-core-text-color-primary);
  --oj-tab-bar-item-bg-color-selected:              transparent;
  --oj-tab-bar-item-border-color-selected:          var(--oj-core-text-color-primary);
  --oj-private-tab-bar-global-horizontal-add-animation-default: '[{"effect":"expand","direction":"width"},"fadeIn"]';
  --oj-private-tab-bar-global-horizontal-remove-animation-default: '[{"effect":"collapse","direction":"width","persist":"all"},"fadeOut"]';
  --oj-private-tab-bar-global-add-animation-default: '[{"effect":"expand"},"fadeIn"]';
  --oj-private-tab-bar-global-remove-animation-default: '[{"effect":"collapse"},"fadeOut"]';
  --oj-private-tab-bar-global-update-animation-default: '{"effect":"fadeIn"}';
  --oj-private-tab-bar-global-pointerUp-animation-default: '{"effect":"ripple"}';
}

oj-tab-bar:not(.oj-complete) {
  visibility: hidden;
}

oj-tab-bar {
  display: block;
}


.oj-tabbar,
.oj-tabbar-listview-container {
  overflow-x: hidden;
}

.oj-tabbar-listview {
  position: relative;
}

.oj-tabbar-touch {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.oj-tabbar-category-divider {
  border-color: var(--oj-core-divider-color);
  border-style: solid;
  border-width: 1px 0 0;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0 3px;
}


.oj-tabbar-horizontal .oj-tabbar-divider {
  border-color: var(--oj-core-divider-color);
  border-style: solid;
  border-width: 0 1px 0 0;
  font-size: 0;
  height: 1.714rem;
  line-height: 0;
  margin: 5px 0;
  align-self: center;
  display: none;
}

.oj-tabbar-item-dividers .oj-tabbar-divider {
  display: list-item;
}


.oj-tabbar-element {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.oj-tabbar-item-element:not(.oj-tabbar-item) {
  display: block;
}

.oj-tabbar-item-element {
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}


.oj-tabbar-element:focus {
  outline: none;
}


.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-label {
  vertical-align: middle;
}

.oj-tabbar-vertical .oj-tabbar-item::before {
  min-height: var(--oj-tab-bar-item-min-height);
  content: "";
  display: inline-block;
  visibility: hidden;
}

.oj-tabbar-vertical .oj-tabbar-item-label {
  font-size: var(--oj-tab-bar-item-font-size);
  line-height: var(--oj-tab-bar-item-line-height);
}


.oj-tabbar-item-content {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}

a.oj-tabbar-item-content {
  text-decoration: none;
  font-weight: normal;
  outline: none;
  overflow: hidden;
}

a.oj-tabbar-item-content:active {
  background-color: transparent;
}

a.oj-tabbar-item-content .oj-tabbar-item-label {
  color: var(--oj-tab-bar-item-label-color);
  font-weight: var(--oj-tab-bar-item-font-weight);
}

.oj-selected > a.oj-tabbar-item-content .oj-tabbar-item-label {
  color: var(--oj-tab-bar-item-label-color-selected);
  font-weight: var(--oj-tab-bar-item-font-weight-selected);
}

.oj-tabbar:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover:not(.oj-selected) > a.oj-tabbar-item-content .oj-tabbar-item-label {
  color: var(--oj-tab-bar-item-label-color-hover);
}


.oj-tabbar-item-label {
  order: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 3rem;
  overflow-x: hidden;
  display: inline-block;
  line-height: normal;
  -webkit-hyphens: auto;
          hyphens: auto;
  word-break: break-word;
}

.oj-tabbar-item-text-wrap .oj-tabbar-item-label {
  white-space: normal;
}


.oj-tabbar-vertical .oj-tabbar-item-label {
  padding: 3px 0;
  flex: 1 1 auto;
}

.oj-tabbar-vertical-end.oj-tabbar-vertical .oj-tabbar-item-label {
  order: -1;
  text-align: end;
}


.oj-tabbar-icon-only .oj-tabbar-item-label {
  display: none;
}


.oj-tabbar-item-icon {
  color: var(--oj-tab-bar-item-label-color);
  flex: 0 0 auto;
  font-size: var(--oj-tab-bar-icon-size);
  width: var(--oj-tab-bar-icon-size);
}


.oj-tabbar-item.oj-disabled > .oj-tabbar-item-content,
.oj-tabbar-item.oj-disabled .oj-tabbar-item-label {
  color: var(--oj-core-text-color-disabled);
}

.oj-tabbar-item.oj-disabled a.oj-tabbar-item-content {
  cursor: default;
}

.oj-tabbar-item.oj-disabled .oj-tabbar-item-icon {
  color: var(--oj-core-text-color-disabled);
}


.oj-tabbar-item.oj-selected .oj-tabbar-item-icon {
  color: var(--oj-tab-bar-item-label-color-selected);
}


.oj-tabbar-item.oj-hover:not(.oj-selected) .oj-tabbar-item-icon {
  color: var(--oj-tab-bar-item-label-color-hover);
}


.oj-hicontrast .oj-tabbar-item.oj-selected,
.oj-hicontrast .oj-tabbar-item.oj-selected.oj-hover,
.oj-hicontrast .oj-tabbar-item.oj-selected.oj-focus {
  border: 1px solid;
}

.oj-hicontrast .oj-tabbar-item.oj-hover,
.oj-hicontrast .oj-tabbar-item.oj-focus {
  border: 1px dotted;
}


.oj-tabbar .oj-tabbar-item.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: -1px;
}

.oj-hicontrast .oj-tabbar-item.oj-focus {
  outline: none;
}

.oj-tabbar-item {
  border-color: transparent;
  display: flex;
  align-items: stretch;
}

.oj-tabbar .oj-tabbar-item.oj-selected {
  background-color: var(--oj-tab-bar-item-bg-color-selected);
}

.oj-tabbar-item.oj-selected {
  border-color: var(--oj-tab-bar-item-border-color-selected);
}

.oj-tabbar-item.oj-hover:not(.oj-selected) {
  background-color: var(--oj-tab-bar-item-bg-color-hover);
  border-color: var(--oj-private-tab-bar-item-border-color-hover);
}

:not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-hover:not(.oj-selected),
.oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item.oj-hover:not(.oj-selected) {
  border-color: var(--oj-private-tab-bar-item-border-color-hover);
}

.oj-tabbar:not(.oj-tabbar-stack-icon-label):not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
  align-self: center;
  margin: var(--oj-tab-bar-icon-margin);
  margin-inline-end: var(--oj-tab-bar-icon-to-text-padding);
}

.oj-tabbar-vertical-end.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
  margin: 0;
  margin-inline-start: var(--oj-tab-bar-icon-to-text-padding);
}

.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-has-icons > .oj-tabbar-item > .oj-tabbar-item-no-icon .oj-tabbar-item-label {
  margin-inline-start: calc(var(--oj-tab-bar-icon-to-text-padding) + 24px);
}

.oj-tabbar-vertical-end.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-has-icons > .oj-tabbar-item > .oj-tabbar-item-no-icon .oj-tabbar-item-label {
  margin: 0;
  margin-inline-end: calc(var(--oj-tab-bar-icon-to-text-padding) + 24px);
}

.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  margin: var(--oj-tab-bar-item-margin);
  border-top: var(--oj-private-tab-bar-item-border-width-top);
  border-inline-end-width: var(--oj-private-tab-bar-item-border-width-right);
  border-bottom: var(--oj-private-tab-bar-item-border-width-bottom);
  border-inline-start-width: var(--oj-private-tab-bar-item-border-width-left);
  border-color: var(--oj-private-tab-bar-item-border-color);
  border-style: solid;
  border-radius: 0;
}

.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item:first-child {
  margin-top: 0;
}

.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item {
  border-style: none;
}

.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-focus,
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-hover {
  border-style: dotted;
}

html[dir="rtl"] .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-focus, html[dir="rtl"]
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-hover {
  border-width: 1px;
}

html:not([dir="rtl"]) .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-focus, html:not([dir="rtl"])
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-hover {
  border-width: 1px;
}

.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected,
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-focus,
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-hover {
  border-style: solid;
}

html[dir="rtl"] .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected, html[dir="rtl"]
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-focus, html[dir="rtl"]
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-hover {
  border-width: 1px;
}

html:not([dir="rtl"]) .oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected, html:not([dir="rtl"])
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-focus, html:not([dir="rtl"])
.oj-hicontrast :not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-selected.oj-hover {
  border-width: 1px;
}

.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item .oj-tabbar-item-content {
  padding: var(--oj-tab-bar-item-padding);
  border-width: 0;
  border-inline-end-width: var(--oj-private-tab-bar-item-border-width-left);
  border-color: transparent;
  border-style: solid;
}

.oj-tabbar-vertical-end.oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item .oj-tabbar-item-content {
  padding: var(--oj-tab-bar-item-padding);
}

.oj-tabbar-focused-element:not(.oj-focus-highlight) {
  outline: none;
}

.oj-tabbar-vertical.oj-tabbar-vertical-end:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  padding: 0;
  border-top-width: 0;
  border-inline-end-width: var(--oj-private-tab-bar-item-border-width-left);
  border-bottom-width: var(--oj-private-tab-bar-item-border-width-bottom);
  border-inline-start-width: var(--oj-private-tab-bar-item-border-width-right);
}

:not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item:first-of-type {
  border-top-left-radius: var(--oj-private-tab-bar-border-radius-top-left);
  border-top-right-radius: var(--oj-private-tab-bar-border-radius-top-right);
  border-top-width: var(--oj-private-tab-bar-item-border-width-top);
}

:not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item:last-of-type {
  border-bottom-left-radius: var(--oj-private-tab-bar-border-radius-bottom-left);
  border-bottom-right-radius: var(--oj-private-tab-bar-border-radius-bottom-right);
}


.oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item-icon {
  padding: 0;
  margin: var(--oj-tab-bar-icon-margin);
}

.oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item {
  border-style: solid;
  border-radius: 0;
  border-top-width: 0;
  border-inline-end-width: var(--oj-private-tab-bar-item-border-width-right);
  border-bottom-width: var(--oj-private-tab-bar-item-border-width-bottom);
  border-inline-start-width: var(--oj-private-tab-bar-item-border-width-left);
}

.oj-tabbar-icon-only.oj-tabbar-vertical.oj-tabbar-vertical-end .oj-tabbar-item {
  border-top-width: 0;
  border-inline-end-width: var(--oj-private-tab-bar-item-border-width-left);
  border-bottom-width: var(--oj-private-tab-bar-item-border-width-bottom);
  border-inline-start-width: var(--oj-private-tab-bar-item-border-width-right);
}

.oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item:first-of-type {
  border-top-width: var(--oj-private-tab-bar-item-border-width-top);
  border-top-left-radius: var(--oj-private-tab-bar-border-radius-top-left);
  border-top-right-radius: var(--oj-private-tab-bar-border-radius-top-right);
}

.oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item:last-of-type {
  border-bottom-left-radius: var(--oj-private-tab-bar-border-radius-bottom-left);
  border-bottom-right-radius: var(--oj-private-tab-bar-border-radius-bottom-right);
}

.oj-tabbar-icon-only .oj-tabbar-item-content {
  justify-content: center;
  padding: var(--oj-tab-bar-item-padding);
}


.oj-tabbar-vertical.oj-tabbar-icon-only {
  display: inline-flex;
}

.oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item {
  margin: var(--oj-tab-bar-item-margin);
}

.oj-tabbar-icon-only.oj-tabbar-vertical .oj-tabbar-item:first-child {
  margin-top: 0;
}

.oj-tabbar-vertical .oj-tabbar-item.oj-selected {
  border-color: var(--oj-tab-bar-item-border-color-selected);
}

.oj-tabbar-vertical .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected),
.oj-tabbar-vertical .oj-tabbar-item.oj-active:not(.oj-selected) {
  background-color: var(--oj-tab-bar-item-bg-color-active);
  border-inline-start-color: var(--oj-tab-bar-item-border-color-active);
}


.oj-tabbar-horizontal .oj-tabbar-element {
  display: flex;
}

.oj-tabbar-horizontal.oj-tabbar-item-text-wrap .oj-tabbar-item {
  flex: 1 1 auto;
}

.oj-tabbar-horizontal.oj-condense .oj-tabbar-item {
  flex: 0 0 auto;
}


.oj-tabbar-horizontal .oj-tabbar-item {
  flex: 1 0 auto;
}

@media print, screen {
  .oj-tabbar-horizontal.oj-sm-condense .oj-tabbar-item {
    flex: 0 0 auto;
  }
  .oj-tabbar-horizontal.oj-sm-justify-content-center .oj-tabbar-element {
    justify-content: center;
  }
  .oj-tabbar-horizontal.oj-sm-justify-content-flex-end .oj-tabbar-element {
    justify-content: flex-end;
  }
}

@media print, screen and (min-width: 600px) {
  .oj-tabbar-horizontal.oj-md-condense .oj-tabbar-item {
    flex: 0 0 auto;
  }
  .oj-tabbar-horizontal.oj-md-justify-content-center .oj-tabbar-element {
    justify-content: center;
  }
  .oj-tabbar-horizontal.oj-md-justify-content-flex-end .oj-tabbar-element {
    justify-content: flex-end;
  }
}

@media print and (orientation: landscape), screen and (min-width: 1024px) {
  .oj-tabbar-horizontal.oj-lg-condense .oj-tabbar-item {
    flex: 0 0 auto;
  }
  .oj-tabbar-horizontal.oj-lg-justify-content-center .oj-tabbar-element {
    justify-content: center;
  }
  .oj-tabbar-horizontal.oj-lg-justify-content-flex-end .oj-tabbar-element {
    justify-content: flex-end;
  }
}

@media screen and (min-width: 1440px) {
  .oj-tabbar-horizontal.oj-xl-condense .oj-tabbar-item {
    flex: 0 0 auto;
  }
  .oj-tabbar-horizontal.oj-xl-justify-content-center .oj-tabbar-element {
    justify-content: center;
  }
  .oj-tabbar-horizontal.oj-xl-justify-content-flex-end .oj-tabbar-element {
    justify-content: flex-end;
  }
}

.oj-tabbar-horizontal .oj-tabbar-item-element {
  box-sizing: border-box;
  min-height: var(--oj-tab-bar-item-min-height);
  margin: var(--oj-tab-bar-item-margin);
}

.oj-tabbar-horizontal .oj-tabbar-item-label {
  align-self: center;
}

.oj-tabbar-horizontal .oj-tabbar-item-icon {
  margin: var(--oj-tab-bar-icon-margin);
}

.oj-tabbar-horizontal .oj-tabbar-item:first-child {
  margin-inline-start: 0;
}

.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item, .oj-tabbar-horizontal-bottom.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item {
  border-bottom: var(--oj-private-tab-bar-item-border-width-bottom) solid transparent;
  border-top: var(--oj-private-tab-bar-item-border-width-bottom) solid transparent;
  border-left: var(--oj-private-tab-bar-item-border-width-end) solid transparent;
  border-right: var(--oj-private-tab-bar-item-border-width-end) solid transparent;
}



.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item, .oj-tabbar-horizontal-bottom.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  border-bottom: var(--oj-private-tab-bar-item-border-width-bottom) solid transparent;
  border-top: var(--oj-private-tab-bar-item-border-width-bottom) solid transparent;
  border-left: var(--oj-private-tab-bar-item-border-width-end) solid transparent;
  border-right: var(--oj-private-tab-bar-item-border-width-end) solid transparent;
}

.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  border-style: none;
}

.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-focus,
.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover {
  border-width: 1px;
  border-style: dotted;
}

html:not([dir="rtl"]) .oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected,
html:not([dir="rtl"]) .oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected.oj-focus,
html:not([dir="rtl"]) .oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected.oj-hover,
.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected,
.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected.oj-focus,
.oj-hicontrast .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected.oj-hover {
  border-width: 1px;
  border-style: solid;
}

.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item-content {
  justify-content: center;
  padding: var(--oj-tab-bar-item-padding);
  border-bottom: 0;
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label:not(.oj-tabbar-icon-only) .oj-tabbar-item-element.oj-removable .oj-tabbar-item-content {
  flex-direction: row;
  padding: 0;
  justify-content: end;
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label:not(.oj-tabbar-icon-only) .oj-tabbar-item-content {
  flex-direction: column;
  padding: var(--oj-tab-bar-item-padding);
  justify-content: end;
}

.oj-tabbar-horizontal:not(.oj-tabbar-stack-icon-label):not(.oj-tabbar-icon-only) .oj-tabbar-item-icon {
  align-self: center;
  margin-inline-end: var(--oj-tab-bar-icon-to-text-padding);
}

.oj-tabbar-horizontal:not(.oj-tabbar-stack-icon-label):not(.oj-tabbar-icon-only) .oj-tabbar-overflow-item-icon {
  align-self: center;
  margin-inline-end: 0;
}



.oj-tabbar-horizontal.oj-tabbar-stack-icon-label .oj-tabbar-item-icon {
  margin-bottom: var(--oj-tab-bar-icon-to-text-padding);
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label:not(.oj-tabbar-icon-only) .oj-tabbar-divider {
  height: 2.714rem;
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label:not(.oj-tabbar-icon-only) .oj-tabbar-item {
  padding-bottom: 2px;
}

.oj-tabbar-horizontal .oj-tabbar-icon-label-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label:not(.oj-tabbar-icon-only) .oj-tabbar-icon-label-container {
  flex-direction: column;
  align-items: center;
  padding: var(--oj-tab-bar-item-padding);
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label .oj-tabbar-icon-label-container .oj-tabbar-item-end {
  top: 0.75rem;
}

.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-icon-label-container .oj-tabbar-item-end {
  left: calc(50% - 0.875rem);
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label:not(.oj-tabbar-icon-only) .oj-tabbar-remove-icon {
  align-self: start;
}


.oj-tabbar-horizontal .oj-tabbar-item-label {
  font-size: var(--oj-tab-bar-item-font-size);
  text-align: center;
}

html:not([dir="rtl"]) .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item:first-of-type {
  border-top-left-radius: var(--oj-private-tab-bar-border-radius-top-left);
  border-bottom-left-radius: var(--oj-private-tab-bar-border-radius-bottom-left);
}

html[dir="rtl"] .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item:first-of-type {
  border-top-right-radius: var(--oj-private-tab-bar-border-radius-top-right);
  border-bottom-right-radius: var(--oj-private-tab-bar-border-radius-bottom-right);
}

.oj-tabbar-horizontal .oj-tabbar-item {
  border-radius: 0;
  border-color: var(--oj-private-tab-bar-item-border-color);
}

html:not([dir="rtl"]) .oj-hicontrast .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item,
html[dir="rtl"] .oj-hicontrast .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item {
  border-left-width: 1px;
  border-right-width: 1px;
}

html:not([dir="rtl"]) .oj-hicontrast .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected {
  border-left-width: 1px;
}

html[dir="rtl"] .oj-hicontrast .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected {
  border-right-width: 1px;
}

html:not([dir="rtl"]) .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item:first-of-type {
  border-top-left-radius: var(--oj-private-tab-bar-border-radius-top-left);
  border-bottom-left-radius: var(--oj-private-tab-bar-border-radius-bottom-left);
}

html[dir="rtl"] .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item:first-of-type {
  border-top-right-radius: var(--oj-private-tab-bar-border-radius-top-right);
  border-bottom-right-radius: var(--oj-private-tab-bar-border-radius-bottom-right);
}

.oj-hicontrast .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item:first-of-type {
  border-inline-start-width: 1px;
}

html:not([dir="rtl"]) .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-tabbar-item-last-child, html:not([dir="rtl"])
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-tabbar-item-last-child {
  border-top-right-radius: var(--oj-private-tab-bar-border-radius-top-right);
  border-bottom-right-radius: var(--oj-private-tab-bar-border-radius-bottom-right);
  margin-right: 0;
}

html[dir="rtl"] .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-tabbar-item-last-child, html[dir="rtl"]
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-tabbar-item-last-child {
  border-top-left-radius: var(--oj-private-tab-bar-border-radius-top-left);
  border-bottom-left-radius: var(--oj-private-tab-bar-border-radius-bottom-left);
}

.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected,
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
  color: var(--oj-tab-bar-item-border-color-selected);
  border-bottom: var(--oj-private-tab-bar-item-border-width-bottom) solid;
  border-top: var(--oj-private-tab-bar-item-border-width-bottom) solid transparent;
  border-left: var(--oj-private-tab-bar-item-border-width-end) solid transparent;
  border-right: var(--oj-private-tab-bar-item-border-width-end) solid transparent;
}

.oj-tabbar-horizontal-bottom.oj-tabbar-icon-only .oj-tabbar-item.oj-selected,
.oj-tabbar-horizontal-bottom:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
  color: var(--oj-tab-bar-item-border-color-selected);
  border-bottom: var(--oj-private-tab-bar-item-border-width-bottom) solid transparent;
  border-top: var(--oj-private-tab-bar-item-border-width-bottom) solid;
  border-left: var(--oj-private-tab-bar-item-border-width-end) solid transparent;
  border-right: var(--oj-private-tab-bar-item-border-width-end) solid transparent;
}

.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-hover:not(.oj-selected),
.oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-hover:not(.oj-selected) {
  border-color: var(--oj-private-tab-bar-item-border-color-hover);
}

.oj-tabbar-horizontal .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected),
.oj-tabbar-horizontal .oj-tabbar-item.oj-active:not(.oj-selected) {
  background-color: var(--oj-tab-bar-item-bg-color-active);
}

.oj-tabbar-horizontal .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected),
.oj-tabbar-horizontal .oj-tabbar-item.oj-active:not(.oj-selected) {
  border-bottom-color: var(--oj-tab-bar-item-border-color-selected);
  border-top-color: transparent;
}

.oj-tabbar-horizontal-bottom .oj-tabbar-item.oj-active.oj-hover:not(.oj-selected),
.oj-tabbar-horizontal-bottom .oj-tabbar-item.oj-active:not(.oj-selected) {
  border-top-color: var(--oj-tab-bar-item-border-color-selected);
  border-bottom-color: transparent;
}

.oj-tabbar-horizontal .oj-tabbar-overflow-menu-item.oj-active.oj-hover:not(.oj-selected),
.oj-tabbar-horizontal .oj-tabbar-overflow-menu-item.oj-active:not(.oj-selected),
.oj-tabbar-horizontal-bottom .oj-tabbar-overflow-menu-item.oj-active.oj-hover:not(.oj-selected),
.oj-tabbar-horizontal-bottom .oj-tabbar-overflow-menu-item.oj-active:not(.oj-selected) {
  border-bottom-color: transparent;
  border-top-color: transparent;
}

.oj-tabbar-item.oj-selected .oj-tabbar-remove-icon:not(:hover) {
  color: var(--oj-tab-bar-item-label-color-selected);
}

.oj-tabbar-horizontal .oj-tabbar-item.oj-selected .oj-tabbar-remove-icon:hover,
.oj-tabbar-horizontal .oj-tabbar-item:not(.oj-selected) .oj-tabbar-remove-icon:hover {
  color: var(--oj-private-icon-color-hover);
  background-color: var(--oj-private-icon-bg-color-hover);
  border-color: var(--oj-private-icon-border-color-hover);
}

.oj-tabbar-vertical .oj-tabbar-item,
.oj-tabbar-vertical .oj-tabbar-item.oj-hover:not(.oj-selected),
.oj-tabbar-vertical .oj-tabbar-item.oj-selected,
:not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item,
:not(.oj-tabbar-icon-only).oj-tabbar-vertical .oj-tabbar-item.oj-hover:not(.oj-selected) {
  border-bottom-color: var(--oj-core-divider-color);
}

.oj-tabbar-overflow-item-icon {
  display: block;
  font-size: 24px;
  margin-inline-end: 0;
}


.oj-tabbar-drag-image {
  background-color: transparent;
  position: fixed;
  top: 10000px;
  border: 1px solid transparent;
  overflow-x: initial;
  padding: 3px;
}


.oj-tabbar-drag-item {
  display: none;
}


.oj-tabbar-item.oj-draggable {
  cursor: move;
}


.oj-tabbar-item.oj-drag {
  box-shadow: var(--oj-core-box-shadow-lg);
  border-top: 1px solid;
  border-bottom: 1px solid;
}


.oj-tabbar .oj-tabbar-item.oj-drop,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-active,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-default,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-disabled,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-selected,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-hover,
.oj-tabbar .oj-tabbar-item.oj-drop.oj-hover:not(.oj-selected) {
  box-sizing: border-box;
  border: 1px solid var(--oj-core-drag-drop-color-2);
  background-color: var(--oj-core-drag-drop-color-1);
}


.oj-tabbar-no-data-message {
  padding: var(--oj-core-spacing-2x);
  color: var(--oj-core-text-color-primary);
  min-height: var(--oj-typography-body-md-font-size);
}


.oj-tabbar-status-message {
  position: absolute;
  padding: var(--oj-core-spacing-2x);
  display: none;
}

.oj-tabbar-horizontal .oj-tabbar-status-message {
  padding: 0;
}


.oj-tabbar-cut {
  opacity: 0.8;
}

.oj-tabbar-remove-icon {
  border-radius: var(--oj-button-border-radius);
  height: var(--oj-button-lg-icon-size);
  width: var(--oj-button-lg-icon-size);
  line-height: var(--oj-button-lg-icon-size);
  align-self: center;
  margin-inline-start: 4px;
}

.oj-tabbar-remove-icon.oj-component-icon, .oj-tabbar-remove-icon.oj-menucheckbox-icon {
  font-size: 1rem;
}

.oj-tabbar-hide-remove-icon .oj-tabbar-remove-icon {
  display: none;
}


.oj-tabbar-item-end {
  color: var(--oj-core-text-color-secondary);
}

.oj-tabbar-horizontal:not(.oj-tabbar-stack-icon-label):not(.oj-tabbar-icon-only) .oj-tabbar-item-end {
  margin-left: var(--oj-tab-bar-icon-to-text-padding);
  flex: 0 0 auto;
  order: 3;
  align-self: center;
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label .oj-tabbar-item-end {
  order: 1;
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label .oj-tabbar-item-label,
.oj-tabbar-vertical .oj-tabbar-item-end {
  order: 3;
}

.oj-tabbar-vertical-end.oj-tabbar-vertical .oj-tabbar-item-end {
  order: -3;
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label .oj-tabbar-item-icon {
  order: 2;
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label .oj-tabbar-item-content {
  overflow: visible;
}

.oj-tabbar-horizontal.oj-tabbar-stack-icon-label .oj-tabbar-item-end {
  position: relative;
  top: calc(50% - 1.45rem);
  line-height: 0;
  left: 0.5rem;
}

html[dir="rtl"] .oj-tabbar-horizontal.oj-tabbar-stack-icon-label .oj-tabbar-item-end {
  right: 0.5rem;
}

.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item-content {
  position: relative;
  overflow: visible;
}

.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item-end {
  position: absolute;
  top: calc(50% - 1rem);
  line-height: 0;
  left: 50%;
}

html[dir="rtl"] .oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item-end {
  right: 50%;
}

.oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item-content {
  position: relative;
}

.oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item-end {
  position: absolute;
  top: 50%;
  transform: translate(0, calc(-50% - 0.5rem));
  line-height: 0;
  left: calc(50% + 0.5rem);
}

html[dir="rtl"] .oj-tabbar-vertical.oj-tabbar-icon-only .oj-tabbar-item-end {
  right: calc(50% + 0.5rem);
}

.oj-tabbar-item.oj-disabled .oj-tabbar-item-end {
  color: var(--oj-core-text-color-disabled);
}



.oj-tabbar-vertical {
  --oj-private-tab-bar-item-border-width-bottom:       0px;
  --oj-private-tab-bar-item-border-width-left:         0.1875rem;
  --oj-tab-bar-item-padding:                           0 1.3125rem;
  --oj-tab-bar-item-margin:                            0;
}

.oj-tabbar-vertical.oj-tabbar-icon-only {
  --oj-tab-bar-item-padding:                           0;
  --oj-private-tab-bar-item-border-width-bottom:       0;
  --oj-private-tab-bar-item-border-width-left:         0.1875rem;
  --oj-tab-bar-item-margin:                            0;
  --oj-tab-bar-icon-margin:                            0 1.5rem;
}

.oj-tabbar-stack-icon-label {
  --oj-tab-bar-icon-to-text-padding:                   0.5rem;
  --oj-tab-bar-item-min-height:                        5rem;
  --oj-tab-bar-item-padding:                           1rem 1rem 0;
}

.oj-density-compact.oj-tabbar-stack-icon-label,
.oj-density-compact .oj-tabbar-stack-icon-label {
  --oj-tab-bar-item-min-height:                        4.5rem;
  --oj-tab-bar-item-padding:                           0 1rem;
}

.oj-tabbar-horizontal.oj-tabbar-icon-only {
  --oj-tab-bar-icon-margin:                            0rem 0.375rem;
}

.oj-contrast-marker,
.oj-color-invert {
  --oj-tab-bar-item-label-color-selected:             var(--oj-core-text-color-primary);
  --oj-tab-bar-item-border-color-selected:            var(--oj-core-text-color-primary);
  --oj-tab-bar-item-label-color:                      var(--oj-core-text-color-secondary);
  --oj-tab-bar-item-label-color-hover:                var(--oj-core-text-color-primary);
  --oj-tab-bar-item-border-color-active:              rgb(var(--oj-palette-brand-rgb-50));
}

.oj-density-compact {
  --oj-tab-bar-item-min-height:                        2.5rem
  ;
}

oj-tag-cloud:not(.oj-complete) {
  visibility: hidden;
}

oj-tag-cloud {
  display: block;
}

.oj-tagcloud {
  color: var(--oj-core-text-color-primary);
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  height: 448px;
}

:root {
  --oj-table-header-row-height:                   3.3125rem;
  --oj-table-header-cell-padding-vertical:    0.375rem;
  --oj-table-cell-padding-horizontal:             1rem;
  --oj-private-table-global-display-default:           list;
  --oj-private-table-global-display-list-horizontal-grid-visible-default:    enabled;
  --oj-private-table-global-add-animation:       '[{"effect":"slideIn","direction":"bottom"},"fadeIn"]';
  --oj-private-table-global-remove-animation:    '[{"effect":"slideOut","direction":"top"},"fadeOut"]';
  --oj-private-table-global-update-animation:    '{"effect":"fadeIn"}';
  --oj-private-table-global-load-indicator-default:       skeleton;
  --oj-private-table-global-enable-selector-default:       true;
  --oj-private-table-global-sticky-default:       true;
}



oj-table:not(.oj-complete) {
  visibility: hidden;
}


.oj-table {
  position: relative;
  z-index: 0;
  line-height: normal;
  font-size: inherit;
  min-width: 240px;
  min-height: calc(2 * var(--oj-collection-grid-row-height));
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.oj-table:not(.oj-table-sticky) {
  -webkit-user-select: none;
          user-select: none;
}


.oj-table.oj-table-grid-display {
  border: 1px solid var(--oj-collection-border-color);
}


.oj-table.oj-warning {
  border: 1px solid var(--oj-core-warning-1);
}


.oj-table-container {
  background-color: var(--oj-current-bg-color, var(--oj-collection-bg-color));
  display: inline-block;
  vertical-align: top;
  clear: both;
  box-sizing: border-box;
  overflow: hidden;
}


.oj-table-element.oj-table-disable-wrapping,
.oj-table-element.oj-table-disable-wrapping .oj-helper-white-space-normal {
  white-space: nowrap !important;
}

.oj-table-scroller {
  background-color: inherit;
  box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.oj-table-external-scroll.oj-table-container,
.oj-table-external-scroll .oj-table-scroller {
  overflow: visible;
}

.oj-table-stretch .oj-table-scroller {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.oj-table-scroll-vertical.oj-table-hide-vertical-scrollbar .oj-table-scroller,
.oj-table-hide-vertical-scrollbar .oj-table-scroller {
  overflow-y: hidden;
}

.oj-table-width-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  visibility: hidden;
}


table.oj-table-element {
  background-color: inherit;
  box-sizing: border-box;
  width: 100%;
  outline: none;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
}

.oj-table-sticky table.oj-table-element {
  border-collapse: separate;
}


.oj-table-no-data-container {
  width: 100%;
  height: 100%;
}


table.oj-table-element.oj-table-column-header-resizing {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}


.oj-table-header {
  background-color: inherit;
  color: var(--oj-collection-header-text-color);
  border-bottom: 1px solid var(--oj-collection-border-color);
  font-size: inherit;
  overflow: hidden;
}


.oj-table-legacy-scroll .oj-table-header {
  display: block;
  position: relative;
}


.oj-table-grid-display .oj-table-header {
  background-color: var(--oj-collection-header-bg-color);
  border-bottom: 1px solid var(--oj-collection-border-color);
}

.oj-table-sticky .oj-table-header,
.oj-table-grid-display .oj-table-sticky .oj-table-header {
  border-bottom: none;
}


.oj-table-grid-display .oj-table-column-header-cell.oj-hover {
  box-shadow: none;
}


.oj-table-header-row {
  background-color: inherit;
  height: var(--oj-table-header-row-height);
  font-size: inherit;
  vertical-align: middle;
}


.oj-table-grid-display .oj-table-footer-row,
.oj-table-grid-display .oj-table-footer-cell,
.oj-table-grid-display .oj-table-footer-selector-cell {
  height: var(--oj-collection-grid-header-height);
}


.oj-table-legacy-scroll .oj-table-header-row {
  min-height: var(--oj-table-header-row-height);
  height: auto;
  display: block;
  position: relative;
}


.oj-table-legacy-scroll.oj-table-grid-display .oj-table-header-row,
.oj-table-legacy-scroll.oj-table-grid-display .oj-table-footer-row {
  min-height: var(--oj-collection-grid-header-height);
}


.oj-table-column-header-cell {
  background-color: inherit;
  font-size: var(--oj-collection-header-font-size);
  font-weight: var(--oj-collection-header-font-weight);
  padding-top: var(--oj-table-header-cell-padding-vertical);
  padding-bottom: var(--oj-table-header-cell-padding-vertical);
  height: var(--oj-table-header-row-height);
  line-height: 1.25;
  vertical-align: middle;
  float: none;
  white-space: nowrap;
  overflow: hidden;
  text-align: start;
  box-sizing: border-box;
}

.oj-table-fixed .oj-table-column-header-cell,
.oj-table-header-cell-wrap-text {
  white-space: normal;
  overflow-wrap: normal;
  -webkit-hyphens: none;
          hyphens: none;
}

.oj-table-column-header-cell,
.oj-table-data-cell,
.oj-table-footer-cell {
  padding-inline-start: calc(var(--oj-table-cell-padding-horizontal) + 1px);
  padding-inline-end: var(--oj-table-cell-padding-horizontal);
}

.oj-table-column-header-cell:first-child,
.oj-table-data-cell:first-child,
.oj-table-footer-cell:first-child {
  padding-inline-start: var(--oj-table-cell-padding-horizontal);
}

.oj-table-grid-display .oj-table-column-header-cell,
.oj-table-grid-display .oj-table-data-cell,
.oj-table-grid-display .oj-table-footer-cell {
  padding-inline-start: calc(var(--oj-collection-grid-cell-padding-horizontal) + 1px);
  padding-inline-end: var(--oj-collection-grid-cell-padding-horizontal);
}

.oj-table-grid-display .oj-table-column-header-cell:first-child,
.oj-table-grid-display .oj-table-data-cell:first-child,
.oj-table-grid-display .oj-table-footer-cell:first-child {
  padding-inline-start: var(--oj-collection-grid-cell-padding-horizontal);
}


.oj-table-column-header-cell.oj-table-vgrid-lines:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator):not(:first-child):not(.oj-helper-hidden-accessible),
.oj-table-column-header-cell.oj-table-vgrid-lines + .oj-table-gutter-end-header-cell:not(.oj-table-frozen-end.oj-table-frozen-edge),
.oj-table-data-cell.oj-table-vgrid-lines:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator):not(:first-child):not(.oj-helper-hidden-accessible),
.oj-table-data-cell.oj-table-vgrid-lines + .oj-table-gutter-end-body-cell:not(.oj-table-frozen-end.oj-table-frozen-edge),
.oj-table-footer-cell.oj-table-vgrid-lines:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator):not(:first-child):not(.oj-helper-hidden-accessible),
.oj-table-footer-cell.oj-table-vgrid-lines + .oj-table-gutter-end-footer-cell:not(.oj-table-frozen-end.oj-table-frozen-edge),
.oj-table-add-row-placeholder > td.oj-table-vgrid-lines:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator):not(:first-child):not(.oj-helper-hidden-accessible),
.oj-table-add-row-placeholder > td.oj-table-vgrid-lines + .oj-table-gutter-end-body-cell:not(.oj-table-frozen-end.oj-table-frozen-edge) {
  border-inline-start-style: solid;
  border-inline-start-color: var(--oj-core-divider-color);
  border-inline-start-width: 1px;
}


.oj-table-column-header-cell.oj-table-vgrid-lines.oj-selected:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator):not(:first-child):not(.oj-helper-hidden-accessible),
.oj-table-column-header-cell.oj-table-vgrid-lines.oj-selected:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-helper-hidden-accessible) + .oj-table-column-header-cell,
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-table-vgrid-lines.oj-selected:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator):not(:first-child):not(.oj-helper-hidden-accessible),
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-table-vgrid-lines.oj-selected:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-helper-hidden-accessible) + .oj-table-data-cell,
.oj-table-footer-cell.oj-table-vgrid-lines.oj-selected:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator):not(:first-child):not(.oj-helper-hidden-accessible),
.oj-table-footer-cell.oj-table-vgrid-lines.oj-selected:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-helper-hidden-accessible) + .oj-table-footer-cell,
.oj-table-add-row-placeholder > td.oj-table-vgrid-lines.oj-selected:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator):not(:first-child):not(.oj-helper-hidden-accessible),
.oj-table-add-row-placeholder > td.oj-table-vgrid-lines.oj-selected:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-helper-hidden-accessible) + td {
  border-inline-start-color: var(--oj-core-border-color-selected);
}


.oj-table-column-header-cell.oj-selected:not(:first-child):not(.oj-table-column-resize-indicator),
.oj-table-column-header-cell.oj-selected + .oj-table-column-header-cell:not(.oj-table-column-resize-indicator),
.oj-table-column-header-cell.oj-selected:not(.oj-table-vgrid-lines) + .oj-table-gutter-end-header-cell,
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child):not(.oj-table-column-resize-indicator),
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell:not(.oj-table-column-resize-indicator),
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(.oj-table-vgrid-lines) + .oj-table-gutter-end-body-cell,
.oj-table-add-row-placeholder > td.oj-selected:not(:first-child):not(.oj-table-column-resize-indicator),
.oj-table-add-row-placeholder > td.oj-selected + td:not(.oj-table-column-resize-indicator),
.oj-table-add-row-placeholder > td.oj-selected:not(.oj-table-vgrid-lines) + .oj-table-gutter-end-body-cell,
.oj-table-footer-cell.oj-selected:not(:first-child):not(.oj-table-column-resize-indicator),
.oj-table-footer-cell.oj-selected + .oj-table-footer-cell:not(.oj-table-column-resize-indicator),
.oj-table-footer-cell.oj-selected:not(.oj-table-vgrid-lines) + .oj-table-gutter-end-footer-cell {
  border-inline-start-style: solid;
  border-inline-start-color: var(--oj-core-border-color-selected);
  border-inline-start-width: 1px;
}

.oj-table-column-header-cell.oj-table-vgrid-lines:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator),
.oj-table-data-cell.oj-table-vgrid-lines:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator),
.oj-table-footer-cell.oj-table-vgrid-lines:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator),
.oj-table-column-header-cell.oj-selected:not(.oj-table-column-resize-indicator):not(:first-child),
.oj-table-column-header-cell.oj-selected + .oj-table-column-header-cell:not(.oj-table-column-resize-indicator),
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(.oj-table-column-resize-indicator):not(:first-child),
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell:not(.oj-table-column-resize-indicator),
.oj-table-footer-cell.oj-selected:not(.oj-table-column-resize-indicator):not(:first-child),
.oj-table-footer-cell.oj-selected + .oj-table-footer-cell:not(.oj-table-column-resize-indicator) {
  padding-inline-start: var(--oj-table-cell-padding-horizontal);
}

.oj-table-grid-display .oj-table-column-header-cell.oj-table-vgrid-lines:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator),
.oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator),
.oj-table-grid-display .oj-table-footer-cell.oj-table-vgrid-lines:not(.oj-table-frozen-end.oj-table-frozen-edge):not(.oj-table-column-resize-indicator),
.oj-table-grid-display .oj-table-column-header-cell.oj-selected:not(.oj-table-column-resize-indicator):not(:first-child),
.oj-table-grid-display .oj-table-column-header-cell.oj-selected + .oj-table-column-header-cell:not(.oj-table-column-resize-indicator),
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(.oj-table-column-resize-indicator):not(:first-child),
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell:not(.oj-table-column-resize-indicator),
.oj-table-grid-display .oj-table-footer-cell.oj-selected:not(.oj-table-column-resize-indicator):not(:first-child),
.oj-table-grid-display .oj-table-footer-cell.oj-selected + .oj-table-footer-cell:not(.oj-table-column-resize-indicator) {
  padding-inline-start: var(--oj-collection-grid-cell-padding-horizontal);
}



.oj-table-body-row-edit .oj-table-data-cell:not(.oj-read-only):not(.oj-table-data-cell-padding),
.oj-table-data-cell.oj-table-data-cell-no-padding {
  padding: 0 !important;
}

.oj-table-body-row-refresh {
  height: var(--oj-collection-list-row-height);
}

.oj-table-grid-display .oj-table-body-row-refresh {
  height: var(--oj-collection-grid-row-height);
}

.oj-table:not(.oj-table-add-row) .oj-table-body-row-refresh:first-child,
.oj-table.oj-table-add-row .oj-table-body-row-refresh:nth-child(2) {
  height: calc(var(--oj-collection-list-row-height) - 1px);
}

.oj-table-grid-display:not(.oj-table-add-row) .oj-table-body-row-refresh:first-child,
.oj-table-grid-display.oj-table-add-row .oj-table-body-row-refresh:nth-child(2) {
  height: calc(var(--oj-collection-grid-row-height) - 1px);
}

.oj-table-sticky .oj-table-body-row-refresh:last-child {
  height: calc(var(--oj-collection-list-row-height) + 1px);
}

.oj-table-sticky.oj-table-grid-display .oj-table-body-row-refresh:last-child {
  height: calc(var(--oj-collection-grid-row-height) + 1px);
}

.oj-table-body-row-refresh > td > * {
  display: none;
}

.oj-table-data-cell {
  padding-top: calc(var(--oj-collection-list-cell-padding-vertical) + 1px);
  padding-bottom: var(--oj-collection-list-cell-padding-vertical);
}

.oj-table-sticky:not(.oj-table-horizontal-grid) .oj-table-body-row:last-child > .oj-table-data-cell {
  padding-bottom: calc(var(--oj-collection-list-cell-padding-vertical) + 1px);
}

.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:last-child > .oj-table-data-cell.oj-selected {
  padding-bottom: var(--oj-collection-list-cell-padding-vertical);
}

.oj-table-grid-display .oj-table-data-cell {
  padding-top: calc(var(--oj-collection-grid-cell-padding-vertical) + 1px);
  padding-bottom: var(--oj-collection-grid-cell-padding-vertical);
}

.oj-table-sticky.oj-table-grid-display:not(.oj-table-horizontal-grid) .oj-table-body-row:last-child > .oj-table-data-cell {
  padding-bottom: calc(var(--oj-collection-grid-cell-padding-vertical) + 1px);
}

.oj-table-sticky.oj-table-grid-display:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:last-child > .oj-table-data-cell.oj-selected {
  padding-bottom: var(--oj-collection-grid-cell-padding-vertical);
}

.oj-table-horizontal-grid:not(.oj-table-sticky) .oj-table-body-row:not(:first-child):not(.oj-table-stuck-row),
.oj-table-sticky.oj-table-horizontal-grid:not(.oj-table-add-row) .oj-table-body-row:not(:first-child):not(.oj-table-stuck-row) > .oj-table-data-cell,
.oj-table-sticky.oj-table-horizontal-grid:not(.oj-table-add-row) .oj-table-body-row:not(:first-child):not(.oj-table-stuck-row) > .oj-table-selector-cell,
.oj-table-sticky.oj-table-horizontal-grid:not(.oj-table-add-row) .oj-table-body-row:not(:first-child):not(.oj-table-stuck-row) > .oj-table-skeleton-cell,
.oj-table-sticky.oj-table-horizontal-grid:not(.oj-table-add-row) .oj-table-body-row:not(:first-child:not(.oj-table-stuck-row)) > .oj-table-gutter-start-body-cell,
.oj-table-sticky.oj-table-horizontal-grid:not(.oj-table-add-row) .oj-table-body-row:not(:first-child):not(.oj-table-stuck-row) > .oj-table-gutter-end-body-cell,
.oj-table-sticky.oj-table-horizontal-grid.oj-table-add-row .oj-table-body-row:not(:nth-child(2)):not(.oj-table-stuck-row) > .oj-table-data-cell,
.oj-table-sticky.oj-table-horizontal-grid.oj-table-add-row .oj-table-body-row:not(:nth-child(2)):not(.oj-table-stuck-row) > .oj-table-selector-cell,
.oj-table-sticky.oj-table-horizontal-grid.oj-table-add-row .oj-table-body-row:not(:nth-child(2)):not(.oj-table-stuck-row) > .oj-table-skeleton-cell,
.oj-table-sticky.oj-table-horizontal-grid.oj-table-add-row .oj-table-body-row:not(:nth-child(2)):not(.oj-table-stuck-row) > .oj-table-gutter-start-body-cell,
.oj-table-sticky.oj-table-horizontal-grid.oj-table-add-row .oj-table-body-row:not(:nth-child(2)):not(.oj-table-stuck-row) > .oj-table-gutter-end-body-cell,
.oj-table-sticky.oj-table-horizontal-grid .oj-table-fetch-skeleton-row:not(:first-child) > .oj-table-skeleton-cell {
  border-top: 1px solid var(--oj-core-divider-color);
}

.oj-table-sticky.oj-table-horizontal-grid .oj-table-body-row:last-child > .oj-table-data-cell,
.oj-table-sticky.oj-table-horizontal-grid .oj-table-body-row:last-child > .oj-table-selector-cell,
.oj-table-sticky.oj-table-horizontal-grid .oj-table-body-row:last-child > .oj-table-gutter-start-body-cell,
.oj-table-sticky.oj-table-horizontal-grid .oj-table-body-row:last-child > .oj-table-gutter-end-body-cell {
  border-bottom: 1px solid var(--oj-core-divider-color);
}


.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:not(:first-child):not(.oj-table-stuck-row) > .oj-table-data-cell.oj-selected,
.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected + .oj-table-body-row:not(.oj-table-stuck-row) > .oj-table-data-cell,
.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:not(:first-child):not(.oj-table-stuck-row) > .oj-table-gutter-start-body-cell.oj-selected,
.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:not(:first-child):not(.oj-table-stuck-row) > .oj-table-gutter-end-body-cell.oj-selected,
.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected + .oj-table-body-row:not(.oj-table-stuck-row) > .oj-table-gutter-start-body-cell,
.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected + .oj-table-body-row:not(.oj-table-stuck-row) > .oj-table-gutter-end-body-cell {
  border-top: 1px solid var(--oj-core-border-color-selected);
}

.oj-table-sticky.oj-table-add-row:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:nth-child(2) > .oj-table-data-cell.oj-selected,
.oj-table-sticky.oj-table-add-row:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:nth-child(2) > .oj-table-gutter-start-body-cell.oj-selected,
.oj-table-sticky.oj-table-add-row:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:nth-child(2) > .oj-table-gutter-end-body-cell.oj-selected {
  border-top: none;
}

.oj-table-sticky:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:last-child > .oj-table-data-cell.oj-selected {
  border-bottom: 1px solid var(--oj-core-border-color-selected);
}

.oj-table-horizontal-grid .oj-table-data-cell,
.oj-table:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:not(:first-child) > .oj-table-data-cell.oj-selected,
.oj-table:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected + .oj-table-body-row > .oj-table-data-cell,
.oj-table-body-row:first-child > .oj-table-data-cell,
.oj-table-add-row .oj-table-body-row:nth-child(2) > .oj-table-data-cell,
.oj-table.oj-table-add-row:not(.oj-table-multiple-selection) .oj-table-body-row.oj-selected:not(:nth-child(2)) > .oj-table-data-cell.oj-selected {
  padding-top: var(--oj-collection-list-cell-padding-vertical);
}

.oj-table-grid-display.oj-table-horizontal-grid .oj-table-data-cell,
.oj-table.oj-table-grid-display:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:not(:first-child) > .oj-table-data-cell.oj-selected,
.oj-table.oj-table-grid-display:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected + .oj-table-body-row > .oj-table-data-cell,
.oj-table-grid-display .oj-table-body-row:first-child > .oj-table-data-cell,
.oj-table-grid-display.oj-table-add-row .oj-table-body-row:nth-child(2) > .oj-table-data-cell,
.oj-table.oj-table-grid-display.ojtable-add-row:not(.oj-table-multiple-row-selection) .oj-table-body-row.oj-selected:not(:nth-child(2)) > .oj-table-data-cell.oj-selected {
  padding-top: var(--oj-collection-grid-cell-padding-vertical);
}

.oj-table-sticky .oj-table-column-header-cell:not(.oj-helper-hidden-accessible),
.oj-table-sticky .oj-table-column-header-selector-cell:not(.oj-helper-hidden-accessible),
.oj-table-sticky .oj-table-gutter-start-header-cell:not(.oj-helper-hidden-accessible),
.oj-table-sticky .oj-table-gutter-end-header-cell:not(.oj-helper-hidden-accessible) {
  position: sticky;
  top: 0;
  border-bottom: 1px solid var(--oj-collection-border-color);
}


.oj-table-column-header-cell.oj-table-sort {
  padding-inline-end: 0.5rem;
}


.oj-table-column-header-selector-cell,
.oj-table-selector-cell {
  background-color: inherit;
  width: 2.25rem;
  text-align: center;
  padding: 0px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.oj-table-data-cell.oj-table-frozen-start,
.oj-table-gutter-start-body-cell.oj-table-frozen-start,
.oj-table-frozen-start {
  position: sticky;
}

html:not([dir="rtl"]) .oj-table-data-cell.oj-table-frozen-start, html:not([dir="rtl"])
.oj-table-gutter-start-body-cell.oj-table-frozen-start, html:not([dir="rtl"])
.oj-table-frozen-start {
  left: 0;
}

html[dir="rtl"] .oj-table-data-cell.oj-table-frozen-start, html[dir="rtl"]
.oj-table-gutter-start-body-cell.oj-table-frozen-start, html[dir="rtl"]
.oj-table-frozen-start {
  right: 0;
}

html:not([dir="rtl"]) .oj-table-frozen-start.oj-table-frozen-edge {
  box-shadow: 2px 0px 0px var(--oj-collection-border-color);
}

html[dir="rtl"] .oj-table-frozen-start.oj-table-frozen-edge {
  box-shadow: -2px 0px 0px var(--oj-collection-border-color);
}

.oj-table-data-cell.oj-table-frozen-end,
.oj-table-gutter-end-body-cell.oj-table-frozen-end,
.oj-table-frozen-end {
  position: sticky;
}

html:not([dir="rtl"]) .oj-table-data-cell.oj-table-frozen-end, html:not([dir="rtl"])
.oj-table-gutter-end-body-cell.oj-table-frozen-end, html:not([dir="rtl"])
.oj-table-frozen-end {
  right: 0;
}

html[dir="rtl"] .oj-table-data-cell.oj-table-frozen-end, html[dir="rtl"]
.oj-table-gutter-end-body-cell.oj-table-frozen-end, html[dir="rtl"]
.oj-table-frozen-end {
  left: 0;
}

html:not([dir="rtl"]) .oj-table-frozen-end.oj-table-frozen-edge {
  box-shadow: -2px 0px 0px var(--oj-collection-border-color);
}

html[dir="rtl"] .oj-table-frozen-end.oj-table-frozen-edge {
  box-shadow: 2px 0px 0px var(--oj-collection-border-color);
}

.oj-table-sticky .oj-table-column-header-cell.oj-table-frozen-start,
.oj-table-sticky .oj-table-column-header-selector-cell.oj-table-frozen-start,
.oj-table-sticky .oj-table-gutter-start-header-cell.oj-table-frozen-start {
  z-index: 100011;
}

.oj-table-sticky .oj-table-column-header-cell.oj-table-frozen-start.oj-table-frozen-edge,
.oj-table-sticky .oj-table-column-header-selector-cell.oj-table-frozen-start.oj-table-frozen-edge,
.oj-table-sticky .oj-table-gutter-start-header-cell.oj-table-frozen-start.oj-table-frozen-edge {
  z-index: 100012;
}

.oj-table-sticky .oj-table-column-header-cell,
.oj-table-sticky .oj-table-gutter-start-header-cell,
.oj-table-sticky .oj-table-gutter-end-header-cell {
  z-index: 100010;
}

.oj-table-sticky .oj-table-column-header-cell.oj-table-frozen-end,
.oj-table-sticky .oj-table-gutter-end-header-cell.oj-table-frozen-end {
  z-index: 100013;
}

.oj-table-sticky .oj-table-column-header-cell.oj-table-frozen-end.oj-table-frozen-edge,
.oj-table-sticky .oj-table-gutter-end-header-cell.oj-table-frozen-end.oj-table-frozen-edge {
  z-index: 100014;
}

.oj-table-sticky .oj-table-add-row-placeholder td.oj-table-frozen-start,
.oj-table-sticky .oj-table-add-row-placeholder .oj-table-gutter-start-body-cell.oj-table-frozen-start {
  z-index: 100001;
}

.oj-table-sticky .oj-table-add-row-placeholder td.oj-table-frozen-start.oj-table-frozen-edge,
.oj-table-sticky .oj-table-add-row-placeholder .oj-table-gutter-start-body-cell.oj-table-frozen-start.oj-table-frozen-edge {
  z-index: 100002;
}

.oj-table-sticky .oj-table-add-row-placeholder td,
.oj-table-sticky .oj-table-add-row-placeholder .oj-table-gutter-start-body-cell,
.oj-table-sticky .oj-table-add-row-placeholder .oj-table-gutter-end-body-cell {
  z-index: 100000;
}

.oj-table-sticky .oj-table-add-row-placeholder td.oj-table-frozen-end,
.oj-table-sticky .oj-table-add-row-placeholder .oj-table-gutter-end-body-cell.oj-table-frozen-end {
  z-index: 100003;
}

.oj-table-sticky .oj-table-add-row-placeholder td.oj-table-frozen-end.oj-table-frozen-edge,
.oj-table-sticky .oj-table-add-row-placeholder .oj-table-gutter-end-body-cell.oj-table-frozen-end.oj-table-frozen-edge {
  z-index: 100004;
}

.oj-table-sticky .oj-table-sticky-row td.oj-table-frozen-start,
.oj-table-sticky .oj-table-sticky-row .oj-table-gutter-start-body-cell.oj-table-frozen-start {
  z-index: 6;
}

.oj-table-sticky .oj-table-sticky-row td.oj-table-frozen-start.oj-table-frozen-edge,
.oj-table-sticky .oj-table-sticky-row .oj-table-gutter-start-body-cell.oj-table-frozen-start.oj-table-frozen-edge {
  z-index: 7;
}

.oj-table-sticky .oj-table-sticky-row td,
.oj-table-sticky .oj-table-sticky-row .oj-table-gutter-start-body-cell,
.oj-table-sticky .oj-table-sticky-row .oj-table-gutter-end-body-cell {
  z-index: 5;
}

.oj-table-sticky .oj-table-sticky-row td.oj-table-frozen-end,
.oj-table-sticky .oj-table-sticky-row .oj-table-gutter-end-body-cell.oj-table-frozen-end {
  z-index: 8;
}

.oj-table-sticky .oj-table-sticky-row td.oj-table-frozen-end.oj-table-frozen-edge,
.oj-table-sticky .oj-table-sticky-row .oj-table-gutter-end-body-cell.oj-table-frozen-end.oj-table-frozen-edge {
  z-index: 9;
}

.oj-table-sticky .oj-table-data-cell.oj-table-frozen-start,
.oj-table-sticky .oj-table-selector-cell.oj-table-frozen-start,
.oj-table-sticky .oj-table-gutter-start-body-cell.oj-table-frozen-start {
  z-index: 1;
}

.oj-table-sticky .oj-table-data-cell.oj-table-frozen-start.oj-table-frozen-edge,
.oj-table-sticky .oj-table-selector-cell.oj-table-frozen-start.oj-table-frozen-edge,
.oj-table-sticky .oj-table-gutter-start-body-cell.oj-table-frozen-start.oj-table-frozen-edge {
  z-index: 2;
}

.oj-table-sticky .oj-table-data-cell.oj-table-frozen-end,
.oj-table-sticky .oj-table-gutter-end-body-cell.oj-table-frozen-end {
  z-index: 3;
}

.oj-table-sticky .oj-table-data-cell.oj-table-frozen-end.oj-table-frozen-edge,
.oj-table-sticky .oj-table-gutter-end-body-cell.oj-table-frozen-end.oj-table-frozen-edge {
  z-index: 4;
}

.oj-table-sticky .oj-table-footer-cell.oj-table-frozen-start,
.oj-table-sticky .oj-table-footer-selector-cell.oj-table-frozen-start,
.oj-table-sticky .oj-table-gutter-start-footer-cell.oj-table-frozen-start {
  z-index: 100006;
}

.oj-table-sticky .oj-table-footer-cell.oj-table-frozen-start.oj-table-frozen-edge,
.oj-table-sticky .oj-table-footer-selector-cell.oj-table-frozen-start.oj-table-frozen-edge,
.oj-table-sticky .oj-table-gutter-start-footer-cell.oj-table-frozen-start.oj-table-frozen-edge {
  z-index: 100007;
}

.oj-table-sticky .oj-table-footer-cell,
.oj-table-sticky .oj-table-gutter-start-footer-cell,
.oj-table-sticky .oj-table-gutter-end-footer-cell {
  z-index: 100005;
}

.oj-table-sticky .oj-table-footer-cell.oj-table-frozen-end,
.oj-table-sticky .oj-table-gutter-end-footer-cell.oj-table-frozen-end {
  z-index: 100008;
}

.oj-table-sticky .oj-table-footer-cell.oj-table-frozen-end.oj-table-frozen-edge,
.oj-table-sticky .oj-table-gutter-end-footer-cell.oj-table-frozen-end.oj-table-frozen-edge {
  z-index: 100009;
}

.oj-table-body-row .oj-selector,
.oj-table-body-row .oj-selector .oj-selector-wrapper .oj-selectorbox {
  max-height: var(--oj-collection-list-row-height);
}

.oj-table-grid-display .oj-table-body-row .oj-selector,
.oj-table-grid-display .oj-table-body-row .oj-selector .oj-selector-wrapper .oj-selectorbox {
  max-height: calc(var(--oj-collection-grid-row-height) - 1px);
}


.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-column-header-cell.oj-selected,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-footer-cell.oj-selected,
.oj-table:not(.oj-focus) .oj-table-column-header-cell.oj-selected,
.oj-table:not(.oj-focus) .oj-table-footer-cell.oj-selected {
  background-image: linear-gradient(var(--oj-collection-header-bg-color-selected), var(--oj-collection-header-bg-color-selected));
}


.oj-table-column-header-cell.oj-hover {
  background-image: linear-gradient(var(--oj-collection-header-bg-color-hover), var(--oj-collection-header-bg-color-hover));
  box-shadow: var(--oj-collection-border-color) 1px 0px 0px inset, var(--oj-collection-border-color) -1px 0px 0px inset;
}

.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-column-header-cell.oj-selected.oj-hover,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-footer-cell.oj-selected.oj-hover,
.oj-table:not(.oj-focus) .oj-table-column-header-cell.oj-selected.oj-hover,
.oj-table:not(.oj-focus) .oj-table-footer-cell.oj-selected.oj-hover {
  background-image: linear-gradient(var(--oj-collection-header-bg-color-selected), var(--oj-collection-header-bg-color-selected)), linear-gradient(var(--oj-collection-header-bg-color-hover), var(--oj-collection-header-bg-color-hover));
}


.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-column-header-cell.oj-focus-highlight,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-column-header-selector-cell.oj-focus-highlight,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-footer-cell.oj-focus-highlight,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-footer-selector-cell.oj-focus-highlight {
  outline-offset: -1px;
  outline: dotted 1px var(--oj-core-focus-border-color);
}


.oj-table-column-header-cell.oj-draggable {
  cursor: grab;
}

.oj-table-column-header-cell.oj-draggable:active {
  cursor: grabbing;
}


.oj-table-column-header-cell-drag-image {
  opacity: 0.95;
  background-color: var(--oj-collection-header-bg-color);
  border: 1px solid var(--oj-core-divider-color);
  box-shadow: var(--oj-core-box-shadow-lg);
  border-radius: 6px;
  cursor: grabbing;
}


.oj-table-column-header-cell.oj-table-column-resize-indicator,
.oj-table-data-cell.oj-table-column-resize-indicator,
.oj-table-footer-cell.oj-table-column-resize-indicator,
.oj-table-add-row-placeholder td.oj-table-column-resize-indicator {
  border-inline-start-style: solid;
  border-inline-start-color: var(--oj-core-drag-drop-line-color);
  border-inline-start-width: 2px;
}

html:not([dir="rtl"]) .oj-table-column-header-cell.oj-table-column-resize-last-indicator, html:not([dir="rtl"])
.oj-table-data-cell.oj-table-column-resize-last-indicator, html:not([dir="rtl"])
.oj-table-footer-cell.oj-table-column-resize-last-indicator, html:not([dir="rtl"])
.oj-table-add-row-placeholder td.oj-table-column-resize-last-indicator {
  box-shadow: inset -2px 0px 0px var(--oj-core-drag-drop-line-color);
}

html[dir="rtl"] .oj-table-column-header-cell.oj-table-column-resize-last-indicator, html[dir="rtl"]
.oj-table-data-cell.oj-table-column-resize-last-indicator, html[dir="rtl"]
.oj-table-footer-cell.oj-table-column-resize-last-indicator, html[dir="rtl"]
.oj-table-add-row-placeholder td.oj-table-column-resize-last-indicator {
  box-shadow: inset 2px 0px 0px var(--oj-core-drag-drop-line-color);
}

.oj-table-column-header-cell.oj-table-column-resize-indicator,
.oj-table-data-cell.oj-table-column-resize-indicator,
.oj-table-footer-cell.oj-table-column-resize-indicator {
  padding-inline-start: calc(var(--oj-table-cell-padding-horizontal) - 1px);
}

.oj-table-grid-display .oj-table-column-header-cell.oj-table-column-resize-indicator,
.oj-table-grid-display .oj-table-data-cell.oj-table-column-resize-indicator,
.oj-table-grid-display .oj-table-footer-cell.oj-table-column-resize-indicator,
.oj-table-grid-display .oj-table-add-row-placeholder td.oj-table-column-resize-indicator {
  border-inline-start-style: solid;
  border-inline-start-color: var(--oj-core-drag-drop-line-color);
  border-inline-start-width: 2px;
}

.oj-table-grid-display .oj-table-column-header-cell.oj-table-column-resize-indicator,
.oj-table-grid-display .oj-table-data-cell.oj-table-column-resize-indicator,
.oj-table-grid-display .oj-table-footer-cell.oj-table-column-resize-indicator {
  padding-inline-start: calc(var(--oj-collection-grid-cell-padding-horizontal) - 1px);
}


.oj-table-column-header {
  position: relative;
  float: none;
  text-overflow: inherit;
  overflow: inherit;
  display: flex;
  align-items: center;
}


.oj-table-column-header-cell.oj-helper-text-align-start .oj-table-column-header {
  justify-content: start;
}


.oj-table-column-header-cell.oj-helper-text-align-center .oj-table-column-header {
  justify-content: center;
}


.oj-table-column-header-cell.oj-helper-text-align-end .oj-table-column-header {
  justify-content: end;
}


.oj-table-column-header-cell.oj-helper-text-align-left .oj-table-column-header {
  justify-content: left;
}


.oj-table-column-header-cell.oj-helper-text-align-right .oj-table-column-header {
  justify-content: right;
}


.oj-table-column-header-text {
  display: -webkit-box;
  min-width: 1rem;
  height: inherit;
  overflow: inherit;
  text-overflow: inherit;
  vertical-align: middle;
  -webkit-line-clamp: 2;
  
  -webkit-box-orient: vertical;
  
}

.oj-table-show-required .oj-table-column-header-text {
  margin-inline-end: 1.125rem;
}


.oj-table-sort-icon-container {
  cursor: var(--oj-core-cursor-clickable);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: var(--oj-button-sm-height);
  width: var(--oj-button-sm-height);
  min-width: var(--oj-button-sm-height);
  vertical-align: middle;
  border-radius: var(--oj-button-border-radius);
  position: relative;
  top: 0;
  -webkit-user-select: none;
}

html:not([dir="rtl"]) .oj-table-sort-icon-container {
  right: 0;
}

html[dir="rtl"] .oj-table-sort-icon-container {
  left: 0;
}


.oj-table-sort-icon-container .oj-table-column-header-asc-icon,
.oj-table-sort-icon-container .oj-table-column-header-dsc-icon,
.oj-table-sort-icon-container .oj-table-column-header-default-sort-icon {
  flex: 0 1 auto;
  font-size: inherit;
}


.oj-table-sort-icon-container.oj-hover .oj-component-icon, .oj-table-sort-icon-container.oj-hover .oj-menucheckbox-icon {
  color: var(--oj-core-text-color-secondary);
}


.oj-table-sort-icon-container.oj-active .oj-component-icon, .oj-table-sort-icon-container.oj-active .oj-menucheckbox-icon {
  color: var(--oj-core-text-color-secondary);
}


.oj-table-column-header-default-sort-icon.oj-disabled {
  display: var(--oj-collection-default-sort-icon-display);
}

.oj-table-sort-icon-container .oj-table-column-header-default-sort-icon.oj-disabled {
  color: inherit;
}


.oj-table-body {
  background-color: inherit;
  font-size: inherit;
  overflow: hidden;
}


.oj-table-legacy-scroll .oj-table-body {
  display: block;
  position: relative;
  -webkit-overflow-scrolling: touch;
}



.oj-table-scroll-vertical:not(.oj-table-sticky) .oj-table-body,
.oj-table-scroll-vertical .oj-table-scroller {
  overflow-y: scroll;
}



.oj-table-scroll-horizontal:not(.oj-table-sticky) .oj-table-body,
.oj-table-scroll-horizontal .oj-table-scroller {
  overflow-x: scroll;
}


.oj-table-grid-display .oj-table-body {
  background-color: var(--oj-collection-bg-color);
}


.oj-table-body-row,
.oj-table-add-row-placeholder {
  background-color: inherit;
  height: var(--oj-collection-list-row-height);
  font-size: inherit;
}

.oj-table-add-row-placeholder td {
  padding: 0px;
  background-color: inherit;
  position: sticky;
  top: 0;
  border-bottom: 1px solid var(--oj-collection-border-color);
}

.oj-table-body-row.oj-table-sticky-row td {
  position: sticky;
  top: 0;
}

.oj-table-body-row.oj-table-sticky-row.oj-table-stuck-row td {
  border-bottom: 1px solid var(--oj-collection-border-color);
}

.oj-table-body-scroll-buffer {
  background-color: inherit;
  height: 0px;
}

.oj-table-legacy-width-buffer {
  visibility: collapse;
  height: 0px;
}

.oj-table-legacy-width-buffer-cell {
  height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.oj-table-legacy-sizer {
  visibility: hidden;
  position: relative;
  top: 0px;
  left: 0px;
  height: 0px;
  width: 0px;
}

.oj-table:not(.oj-table-add-row) .oj-table-body-row:first-child,
.oj-table.oj-table-add-row .oj-table-body-row:nth-child(2) {
  height: calc(var(--oj-collection-list-row-height) - 1px);
}

.oj-table-sticky .oj-table-body-row:last-child,
.oj-table-sticky .oj-table-body-row:last-child > .oj-table-data-cell {
  height: calc(var(--oj-collection-list-row-height) + 1px);
}


.oj-table-grid-display .oj-table-body-row,
.oj-table-grid-display .oj-table-add-row-placeholder {
  height: var(--oj-collection-grid-row-height);
}

.oj-table-grid-display:not(.oj-table-add-row) .oj-table-body-row:first-child,
.oj-table-grid-display.oj-table-add-row .oj-table-body-row:nth-child(2) {
  height: calc(var(--oj-collection-grid-row-height) - 1px);
}

.oj-table-sticky.oj-table-grid-display .oj-table-body-row:last-child,
.oj-table-sticky.oj-table-grid-display .oj-table-body-row:last-child > .oj-table-data-cell {
  height: calc(var(--oj-collection-grid-row-height) + 1px);
}


.oj-table:not(.oj-table-sticky) .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit),
.oj-table:not(.oj-table-sticky) .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-message-row.oj-focus-highlight,
.oj-table:not(.oj-table-sticky) .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-no-data-row.oj-focus-highlight {
  outline-offset: -1px;
  outline: dotted 1px var(--oj-core-focus-border-color);
}


.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-data-cell::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-selector-cell::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-add-row-placeholder.oj-focus-highlight:not(.oj-table-placeholder-row-edit) td::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-message-row.oj-focus-highlight td::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-no-data-row.oj-focus-highlight td::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-gutter-start-body-cell::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-gutter-end-body-cell::after {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  pointer-events: none;
  border-top: 1px dotted var(--oj-core-focus-border-color);
  border-bottom: 1px dotted var(--oj-core-focus-border-color);
}

.oj-table-sticky.oj-table-horizontal-grid .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-data-cell::after,
.oj-table-sticky.oj-table-horizontal-grid .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-selector-cell::after,
.oj-table-sticky.oj-table-horizontal-grid .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-gutter-start-body-cell::after,
.oj-table-sticky.oj-table-horizontal-grid .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-gutter-end-body-cell::after,
.oj-table-sticky.oj-table-horizontal-grid .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-add-row-placeholder.oj-focus-highlight:not(.oj-table-placeholder-row-edit) td::after,
.oj-table-sticky.oj-table-horizontal-grid .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-message-row.oj-focus-highlight td::after,
.oj-table-sticky.oj-table-horizontal-grid .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-no-data-row.oj-focus-highlight td::after {
  bottom: 1px;
}


.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-data-cell:first-child::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-selector-cell:first-child::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-gutter-start-body-cell:first-child::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-add-row-placeholder.oj-focus-highlight:not(.oj-table-placeholder-row-edit) td:first-child::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-message-row.oj-focus-highlight td:first-child::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-no-data-row.oj-focus-highlight td:first-child::after {
  border-inline-start-style: dotted;
  border-inline-start-color: var(--oj-core-focus-border-color);
  border-inline-start-width: 1px;
}


.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-data-cell:last-child::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-selector-cell:last-child::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-row.oj-focus-highlight:not(.oj-table-body-row-edit) .oj-table-gutter-end-body-cell:last-child::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-add-row-placeholder.oj-focus-highlight:not(.oj-table-placeholder-row-edit) td:last-child::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-body-message-row.oj-focus-highlight td:last-child::after,
.oj-table-sticky .oj-table-element:not(.oj-table-column-header-resizing) .oj-table-no-data-row.oj-focus-highlight td:last-child::after {
  border-inline-end-style: dotted;
  border-inline-end-color: var(--oj-core-focus-border-color);
  border-inline-end-width: 1px;
}


.oj-table-body-row.oj-draggable {
  cursor: grab;
}

.oj-table-body-row.oj-draggable:active {
  cursor: grabbing;
}

.oj-table-container-drag-image {
  background-color: transparent !important;
  border-color: transparent !important;
  position: absolute;
  top: -10000px;
}


.oj-table-body-row-drag-image {
  opacity: 0.95;
  background-color: var(--oj-collection-bg-color);
  border: 1px solid var(--oj-core-divider-color);
  box-shadow: var(--oj-core-box-shadow-md);
  border-radius: 6px;
  cursor: grabbing;
}

html:not([dir="rtl"]) .oj-table-body-row-drag-image td:first-child {
  border-radius: 6px 0 0 6px;
}

html[dir="rtl"] .oj-table-body-row-drag-image td:first-child {
  border-radius: 0 6px 6px 0;
}

html:not([dir="rtl"]) .oj-table-body-row-drag-image td:last-child {
  border-radius: 0 6px 6px 0;
}

html[dir="rtl"] .oj-table-body-row-drag-image td:last-child {
  border-radius: 6px 0 0 6px;
}


.oj-table-drag-source-opaque {
  opacity: 0.3;
}


.oj-table-row-drag-source-hide {
  display: none;
}


.oj-table-drop-target-empty .oj-table-body-row-drag-indicator {
  background-color: var(--oj-core-drag-drop-color-1);
}


.oj-table-body-row-drag-indicator {
  height: var(--oj-collection-grid-row-height);
}


.oj-table-body-row-drop-target {
  width: 100%;
  height: 2px;
  background-color: var(--oj-core-drag-drop-line-color);
}

.oj-table-column-drop-indicator {
  position: absolute;
  top: 0;
  width: 0;
  border-inline-start-style: solid;
  border-inline-start-color: var(--oj-core-drag-drop-line-color);
  border-inline-start-width: 2px;
  z-index: 100015;
}


.oj-table-data-cell {
  background-color: inherit;
  font-size: inherit;
  font-weight: normal;
  min-width: var(--oj-typography-body-md-font-size);
  min-height: var(--oj-typography-body-md-font-size);
  height: var(--oj-collection-list-row-height);
  float: none;
  text-align: start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
}

.oj-table:not(.oj-table-add-row) .oj-table-body-row:first-child > .oj-table-data-cell,
.oj-table.oj-table-add-row .oj-table-body-row:nth-child(2) > .oj-table-data-cell {
  height: calc(var(--oj-collection-list-row-height) - 1px);
}


.oj-table-grid-display .oj-table-data-cell {
  height: var(--oj-collection-grid-row-height);
}

.oj-table-grid-display:not(.oj-table-add-row) .oj-table-body-row:first-child > .oj-table-data-cell,
.oj-table-grid-display.oj-table-add-row .oj-table-body-row:nth-child(2) > .oj-table-data-cell {
  height: calc(var(--oj-collection-grid-row-height) - 1px);
}


.oj-table-data-cell.oj-table-data-cell-edit,
.oj-table-selector-cell.oj-table-data-cell-edit {
  outline: 1px solid var(--oj-collection-editable-cell-border-color-focus);
  outline-offset: -1px;
}


.oj-table-data-cell.oj-read-only {
  background-image: linear-gradient(var(--oj-collection-editable-cell-bg-color-read-only), var(--oj-collection-editable-cell-bg-color-read-only));
}


.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-data-cell.oj-selected,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-selector-cell.oj-selected,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-gutter-start-body-cell.oj-selected,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-gutter-end-body-cell.oj-selected,
.oj-table:not(.oj-focus) .oj-table-data-cell.oj-selected,
.oj-table:not(.oj-focus) .oj-table-selector-cell.oj-selected,
.oj-table-element:not(.oj-focus) .oj-table-gutter-start-body-cell.oj-selected,
.oj-table-element:not(.oj-focus) .oj-table-gutter-end-body-cell.oj-selected {
  background-image: linear-gradient(var(--oj-core-bg-color-selected), var(--oj-core-bg-color-selected));
}


.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-data-cell.oj-selected.oj-hover,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-selector-cell.oj-selected.oj-hover,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-gutter-start-body-cell.oj-selected.oj-hover,
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-gutter-end-body-cell.oj-selected.oj-hover,
.oj-table:not(.oj-focus) .oj-table-data-cell.oj-selected.oj-hover,
.oj-table:not(.oj-focus) .oj-table-selector-cell.oj-selected.oj-hover,
.oj-table-element:not(.oj-focus) .oj-table-gutter-start-body-cell.oj-selected.oj-hover,
.oj-table-element:not(.oj-focus) .oj-table-gutter-end-body-cell.oj-selected.oj-hover {
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover)), linear-gradient(var(--oj-core-bg-color-selected), var(--oj-core-bg-color-selected));
}


.oj-hicontrast .oj-table-data-cell.oj-selected,
.oj-hicontrast .oj-table-selector-cell.oj-selected,
.oj-hicontrast .oj-table-gutter-start-body-cell.oj-selected,
.oj-hicontrast .oj-table-gutter-end-body-cell.oj-selected {
  border: 3px double;
}


.oj-table-data-cell.oj-hover,
.oj-table-selector-cell.oj-hover,
.oj-table-gutter-start-body-cell.oj-hover,
.oj-table-gutter-end-body-cell.oj-hover {
  background-image: linear-gradient(var(--oj-core-bg-color-hover), var(--oj-core-bg-color-hover));
}


html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html:not([dir="rtl"]) .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
  padding: 0 var(--oj-table-cell-padding-horizontal) 0 calc(var(--oj-table-cell-padding-horizontal) + 1px);
}

html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html[dir="rtl"] .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
  padding: 0 calc(var(--oj-table-cell-padding-horizontal) + 1px) 0 var(--oj-table-cell-padding-horizontal);
}


html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input, html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input, html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html:not([dir="rtl"])
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
  padding: 0 var(--oj-table-cell-padding-horizontal) 0 var(--oj-table-cell-padding-horizontal);
}

html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input, html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input, html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html[dir="rtl"]
.oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
  padding: 0 var(--oj-table-cell-padding-horizontal) 0 var(--oj-table-cell-padding-horizontal);
}


html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
  padding: 0 var(--oj-collection-grid-cell-padding-horizontal) 0 calc(var(--oj-collection-grid-cell-padding-horizontal) + 1px);
}

html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
  padding: 0 calc(var(--oj-collection-grid-cell-padding-horizontal) + 1px) 0 var(--oj-collection-grid-cell-padding-horizontal);
}


html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input, html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input, html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html:not([dir="rtl"])
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
  padding: 0 var(--oj-collection-grid-cell-padding-horizontal) 0 var(--oj-collection-grid-cell-padding-horizontal);
}

html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html[dir="rtl"] .oj-table-grid-display .oj-table-data-cell.oj-table-vgrid-lines.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input, html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected:not(:first-child).oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input, html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-input,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputtext-nocomp,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-input,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputpassword-nocomp,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-input,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-textarea-nocomp,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputnumber-input,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select-select,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choice,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-select .oj-select-choices,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choice,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-combobox .oj-combobox-choices,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-searchselect-input,
html[dir="rtl"]
.oj-table-grid-display .oj-table-body-row:not(.oj-selected) > .oj-table-data-cell.oj-selected + .oj-table-data-cell.oj-form-control-inherit:not(.oj-form-control-default) .oj-inputdatetime .oj-inputdatetime-input {
  padding: 0 var(--oj-collection-grid-cell-padding-horizontal) 0 var(--oj-collection-grid-cell-padding-horizontal);
}

.oj-table-data-cell .oj-checkboxset .oj-checkbox-label {
  justify-content: flex-end;
}


.oj-table-footer {
  background-color: inherit;
  font-size: inherit;
  overflow: hidden;
}


.oj-table-legacy-scroll .oj-table-footer {
  display: block;
  position: relative;
}


.oj-table-grid-display .oj-table-footer {
  background-color: var(--oj-collection-header-bg-color);
  border-top: 1px solid var(--oj-collection-border-color);
}


.oj-table-footer-row {
  background-color: inherit;
  height: var(--oj-collection-list-row-height);
  font-size: inherit;
}


.oj-table-legacy-scroll .oj-table-footer-row {
  min-height: var(--oj-collection-list-row-height);
  height: auto;
  display: block;
  position: relative;
}


.oj-table-footer-cell,
.oj-table-footer-selector-cell,
.oj-table-gutter-start-footer-cell,
.oj-table-gutter-end-footer-cell {
  background-color: inherit;
  float: none;
  height: var(--oj-collection-list-row-height);
  padding-top: var(--oj-collection-list-cell-padding-vertical);
  padding-bottom: var(--oj-collection-list-cell-padding-vertical);
  font-size: inherit;
  box-sizing: border-box;
}

.oj-table-sticky .oj-table-footer-cell,
.oj-table-sticky .oj-table-footer-selector-cell,
.oj-table-sticky .oj-table-gutter-start-footer-cell,
.oj-table-sticky .oj-table-gutter-end-footer-cell {
  position: sticky;
  bottom: 0;
  border-top: 1px solid var(--oj-collection-border-color);
}


.oj-table-inline-message {
  padding: 10px;
  position: absolute;
}


.oj-table-inline-message.oj-warning {
  background-color: var(--oj-private-message-component-inline-bg-color-warning);
  border: 1px solid var(--oj-private-message-component-inline-border-color-warning);
  border-top-width: 0;
}


.oj-table-status-message {
  position: absolute;
  background-color: inherit;
}


.oj-table-status-message-text {
  background-color: InfoBackground;
  color: InfoText;
  border: 1px var(--oj-core-divider-color) solid;
  padding: var(--oj-collection-grid-cell-padding-vertical) var(--oj-collection-grid-cell-padding-horizontal);
  display: inline-block;
}

.oj-table-skeleton-cell {
  padding: 0px;
}


.oj-table-skeleton-container {
  display: flex;
  align-items: center;
  height: var(--oj-collection-list-row-height);
  padding-top: var(--oj-collection-list-cell-padding-vertical);
  padding-bottom: var(--oj-collection-list-cell-padding-vertical);
  padding-left: var(--oj-table-cell-padding-horizontal);
  padding-right: var(--oj-table-cell-padding-horizontal);
  box-sizing: border-box;
}

.oj-table-skeleton {
  height: 1rem;
  width: 100%;
  background-color: var(--oj-animation-skeleton-bg-end-color);
}


.oj-table-grid-display .oj-table-skeleton-container {
  height: var(--oj-collection-grid-row-height);
  padding-left: var(--oj-collection-grid-cell-padding-horizontal);
  padding-right: var(--oj-collection-grid-cell-padding-horizontal);
}

.oj-table-horizontal-grid:not(.oj-table-grid-display) .oj-table-skeleton-container {
  height: calc(var(--oj-collection-list-row-height) - 1px);
}

.oj-table-horizontal-grid:not(.oj-table-grid-display) .oj-table-status-message .oj-table-skeleton-container,
.oj-table-horizontal-grid:not(.oj-table-grid-display) .oj-table-progressive-skeleton-row .oj-table-skeleton-container {
  height: var(--oj-collection-list-row-height);
}


.oj-table-body-message {
  color: var(--oj-core-text-color-primary);
  padding: var(--oj-collection-grid-cell-padding-vertical) var(--oj-collection-grid-cell-padding-horizontal);
}

.oj-table-body-message-row,
.oj-table-no-data-row {
  position: relative;
}


.oj-table-panel-bottom {
  background-color: inherit;
}


.oj-table-panel-bottom-grid-display {
  border-style: solid;
  border-color: var(--oj-collection-border-color);
  background-color: var(--oj-collection-free-space-bg-color);
  border-width: 0 1px 1px;
}


.oj-table-resize-dialog-mobile {
  width: 100vw;
  height: 100vh;
  min-width: 100vw;
  min-height: 100vh;
  border-radius: 0px;
}


.oj-table-column-header-show-required-icon {
  font-family: inherit;
  color: var(--oj-collection-header-text-color);
  font-size: var(--oj-collection-header-font-size);
  font-weight: var(--oj-collection-header-font-weight);
  padding-inline-start: 0.25rem;
  padding-inline-end: 0.25rem;
}

html:not([dir="rtl"]) .oj-table-column-header-show-required-icon {
  right: 0px;
  margin-left: -1rem;
}

html[dir="rtl"] .oj-table-column-header-show-required-icon {
  left: 0px;
  margin-right: -1rem;
}

html:not([dir="rtl"]) .oj-table-sort .oj-table-column-header-show-required-icon {
  right: var(--oj-button-sm-height);
}

html[dir="rtl"] .oj-table-sort .oj-table-column-header-show-required-icon {
  left: var(--oj-button-sm-height);
}

.oj-table-column-header-show-required-icon:before {
  content: "*";
}

.oj-table-hidden-cell {
  display: none;
}

.oj-table-gutter-start-header-cell,
.oj-table-gutter-end-header-cell,
.oj-table-gutter-start-body-cell,
.oj-table-gutter-end-body-cell,
.oj-table-gutter-start-footer-cell,
.oj-table-gutter-end-footer-cell {
  padding: 0px;
  background-color: inherit;
  position: relative;
}

.oj-table-gutter-start-header-cell,
.oj-table-gutter-start-body-cell,
.oj-table-gutter-start-footer-cell {
  width: calc(var(--oj-core-gutter-start, var(--oj-table-cell-padding-horizontal)) - var(--oj-table-cell-padding-horizontal));
  min-width: calc(var(--oj-core-gutter-start, var(--oj-table-cell-padding-horizontal)) - var(--oj-table-cell-padding-horizontal));
  max-width: calc(var(--oj-core-gutter-start, var(--oj-table-cell-padding-horizontal)) - var(--oj-table-cell-padding-horizontal));
}

.oj-table-gutter-end-header-cell,
.oj-table-gutter-end-body-cell,
.oj-table-gutter-end-footer-cell {
  width: calc(var(--oj-core-gutter-end, var(--oj-table-cell-padding-horizontal)) - var(--oj-table-cell-padding-horizontal));
  min-width: calc(var(--oj-core-gutter-end, var(--oj-table-cell-padding-horizontal)) - var(--oj-table-cell-padding-horizontal));
  max-width: calc(var(--oj-core-gutter-end, var(--oj-table-cell-padding-horizontal)) - var(--oj-table-cell-padding-horizontal));
}

.oj-table-custom-header {
  text-overflow: ellipsis;
}




.oj-table {
  --oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding:    var(--oj-table-cell-padding-horizontal);
}

.oj-table.oj-table-grid-display {
  --oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding:    var(--oj-collection-grid-cell-padding);
}

.oj-density-compact {
  --oj-table-header-row-height: 2.8125rem;
  --oj-table-header-cell-padding-vertical: 0.125rem;
}

oj-text-area:not(.oj-complete) {
  visibility: hidden;
}

.oj-textarea-input {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  overflow: auto;
  padding-top: calc((var(--oj-text-field-height) - 1rem * var(--oj-typography-body-md-line-height)) / 2 - 1px);
  padding-bottom: calc((var(--oj-text-field-height) - 1rem * var(--oj-typography-body-md-line-height)) / 2 - 1px);
  line-height: inherit;
  height: auto;
  resize: none;
}

html:not([dir="rtl"]) .oj-textarea .oj-text-field-container:not([style*='resize: none;']) .oj-text-field-middle {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
}

html[dir="rtl"] .oj-textarea .oj-text-field-container:not([style*='resize: none;']) .oj-text-field-middle {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

.oj-textarea.oj-read-only .oj-textarea-input {
  padding-top: 0px;
  padding-left: 0;
  padding-right: 0;
  font-weight: inherit;
  line-height: inherit;
}

.oj-form-layout .oj-form.oj-enabled .oj-textarea.oj-read-only .oj-textarea-input {
  padding: 0.5rem var(--oj-text-field-text-to-edge-padding);
}

.oj-text-field.oj-read-only .oj-textarea-input:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: -1px;
}

.oj-text-field-counter.oj-textarea-counter-container {
  height: 32px;
  width: 100%;
  padding: 0 8px;
}

.oj-textarea .oj-text-field-counter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.oj-textarea .oj-text-field-counter .oj-textarea-counter-el {
  visibility: hidden;
}

.oj-textarea.oj-focus .oj-text-field-counter .oj-textarea-counter-el {
  visibility: visible;
}

.oj-textarea .oj-text-field-container {
  flex-wrap: wrap;
}

.oj-textarea .oj-text-field-container {
  height: auto;
}

.oj-textarea .oj-text-field-container {
  min-height: var(--oj-text-field-height);
}

.oj-textarea.oj-read-only .oj-text-field-container {
  min-height: 0;
}

.oj-textarea.oj-text-field-label-inside .oj-text-field-container {
  align-items: stretch;
}

.oj-text-field-label-inside .oj-textarea-input {
  padding: 0 var(--oj-text-field-text-to-edge-padding);
  margin-top: calc(var(--oj-label-inside-edge-font-size) * var(--oj-label-inside-edge-line-height) + var(--oj-label-inside-edge-position-top));
  margin-bottom: 0.25rem;
  display: block;
}

.oj-density-compact .oj-text-field-label-inside .oj-textarea-input {
  margin-bottom: 0;
}

.oj-text-field-label-inside.oj-textarea.oj-read-only .oj-textarea-input {
  margin-top: 0;
}

.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-read-only .oj-textarea-input {
  padding: 0 var(--oj-text-field-text-to-edge-padding);
  margin-top: calc(var(--oj-label-inside-edge-font-size) * var(--oj-label-inside-edge-line-height) + var(--oj-label-inside-edge-position-top));
}

.oj-text-field-label-inside.oj-read-only .oj-textarea-input {
  padding-left: 0;
  padding-right: 0;
}

.oj-text-field-label-inside .oj-textarea-input.oj-text-field-input {
  min-height: 0;
}

.oj-text-field.oj-textarea.oj-disabled .oj-text-field-container {
  background-color: var(--oj-text-field-bg-color-disabled);
}

:root {
  --oj-thematic-map-bg-color:            rgb(var(--oj-palette-neutral-rgb-30));
  --oj-thematic-map-border-color:        rgb(var(--oj-palette-neutral-rgb-50));
  --oj-thematic-map-marker-bg-color:     rgb(var(--oj-palette-neutral-rgb-190));
  --oj-thematic-map-marker-border-color: rgb(var(--oj-palette-neutral-rgb-190));
  --oj-thematic-map-link-color:          rgb(var(--oj-palette-neutral-rgb-190));
}

oj-thematic-map:not(.oj-complete) {
  visibility: hidden;
}

oj-thematic-map {
  display: block;
}

.oj-thematicmap {
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  height: 560px;
}

.oj-thematicmap-arealayer {
  background-color: var(--oj-thematic-map-bg-color);
  border-color: var(--oj-thematic-map-border-color);
  font-size: var(--oj-dvt-label-font-size-sm);
}

.oj-thematicmap-area {
  border-color: var(--oj-thematic-map-border-color);
}

.oj-thematicmap-area.oj-hover {
  border-color: var(--oj-dvt-item-contrast-color);
}

.oj-thematicmap-area.oj-selected {
  border-top-color: var(--oj-dvt-item-contrast-color);
  border-bottom-color: var(--oj-dvt-item-border-color-selected);
}

.oj-thematicmap-marker {
  border-color: var(--oj-thematic-map-marker-border-color);
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-sm);
  background-color: var(--oj-thematic-map-marker-bg-color);
}

.oj-thematicmap-marker.oj-hover {
  border-color: var(--oj-dvt-item-contrast-color);
}

.oj-thematicmap-marker.oj-selected {
  border-color: var(--oj-dvt-item-border-color-selected);
}

.oj-thematicmap-link {
  color: var(--oj-thematic-map-link-color);
}

.oj-thematicmap-link.oj-hover {
  color: var(--oj-dvt-item-contrast-color);
}

.oj-thematicmap-link.oj-selected {
  border-color: var(--oj-dvt-item-border-color-selected);
}

oj-time-axis:not(.oj-complete) {
  visibility: hidden;
}


.oj-timeaxis {
  background-color: transparent;
  border: 1px solid var(--oj-collection-border-color);
  -webkit-user-select: none;
          user-select: none;
  outline: none;
}


.oj-timeaxis-label {
  font-size: var(--oj-collection-header-font-size);
  fill: var(--oj-collection-header-text-color);
}


.oj-timeaxis-separator {
  stroke: var(--oj-collection-border-color);
}

.oj-table-header-row .oj-timeaxis-separator {
  stroke: var(--oj-collection-border-color);
}

.oj-datagrid-column-header-cell .oj-timeaxis-separator {
  stroke: var(--oj-collection-border-color);
}


.oj-table-header-row .oj-timeaxis {
  border-bottom: none;
}


.oj-datagrid-column-header-cell .oj-timeaxis {
  border: none;
}

.oj-datagrid-column-header-cell .oj-timeaxis ~ .oj-timeaxis {
  border-top: 1px solid var(--oj-collection-border-color);
}

:root {
  --oj-private-timeline-reference-object-color:                rgb(var(--oj-palette-danger-rgb-100));
  --oj-private-timeline-border-color:                          rgb(var(--oj-palette-neutral-rgb-50));
  --oj-private-timeline-item-bg-color:                         rgb(var(--oj-palette-neutral-rgb-0));
  --oj-private-timeline-item-stripe-bg-color:                     rgb(var(--oj-palette-neutral-rgb-100));
  --oj-private-timeline-item-border-color:                     rgb(var(--oj-palette-neutral-rgb-160));
  --oj-private-timeline-item-border-color-hover:               var(--oj-private-timeline-item-border-color);
  --oj-private-timeline-minor-axis-bg-color:                   transparent;
  --oj-private-timeline-minor-axis-border-color:               transparent;
  --oj-private-timeline-minor-axis-separator-color:            var(--oj-private-dvt-gridline-color);
  --oj-private-timeline-series-bg-color:                       transparent;
  --oj-private-timeline-item-padding:                          1rem;
  --oj-private-timeline-item-border-radius:                    0.375rem;
  --oj-private-timeline-item-duration-event-overflow-bg-color: rgb(var(--oj-palette-neutral-rgb-30));
  --oj-private-timeline-item-content-max-width:                        37.5rem;
  --oj-private-timeline-item-duration-event-overflow-bg-color: rgb(255, 255, 255);
  --oj-private-timeline-item-duration-event-overflow-border-width: 1px;
  --oj-private-timeline-item-duration-event-overflow-border-color: rgb(var(--oj-palette-neutral-rgb-60));
  --oj-private-timeline-item-duration-event-overflow-border-radius: 0.375rem;
}

.oj-timeline-item-bubble-bg-purple {
  --oj-private-timeline-item-bg-color:                       rgb(245, 236, 251);
  --oj-private-timeline-item-stripe-bg-color:                   rgb(78, 65, 55);
}

.oj-timeline-item-bubble-bg-orange {
  --oj-private-timeline-item-bg-color:                       rgb(252, 237, 217);
  --oj-private-timeline-item-stripe-bg-color:                   rgb(222, 127, 17);
}

.oj-timeline-item-bubble-bg-teal {
  --oj-private-timeline-item-bg-color:                      rgb(232, 241, 240);
  --oj-private-timeline-item-stripe-bg-color:                  rgb(95, 162, 186);
}

.oj-timeline-item-bubble-bg-green {
  --oj-private-timeline-item-bg-color:                        rgb(224, 245, 231);
  --oj-private-timeline-item-stripe-bg-color:                    rgb(49, 122, 69);
}

.oj-timeline-item-bubble-bg-red {
  --oj-private-timeline-item-bg-color:                         rgb(251, 236, 239);
  --oj-private-timeline-item-stripe-bg-color:                     rgb(131, 64, 30);
}

.oj-timeline-item-bubble-bg-blue {
  --oj-private-timeline-item-bg-color:                      rgb(228, 241, 247);
  --oj-private-timeline-item-stripe-bg-color:                  rgb(36, 93, 99);
}

.oj-timeline-item-duration-event-overflow-bubble-purple {
  --oj-private-timeline-item-duration-event-overflow-border-color:           rgb(196, 176, 209);
}

.oj-timeline-item-duration-event-overflow-bubble-orange {
  --oj-private-timeline-item-duration-event-overflow-border-color:           rgb(222, 176, 104);
}

.oj-timeline-item-duration-event-overflow-bubble-teal {
  --oj-private-timeline-item-duration-event-overflow-border-color:           rgb(169,187,188);
}

.oj-timeline-item-duration-event-overflow-bubble-green {
  --oj-private-timeline-item-duration-event-overflow-border-color:           rgb(153, 194, 166);
}

.oj-timeline-item-duration-event-overflow-bubble-red {
  --oj-private-timeline-item-duration-event-overflow-border-color:           rgb(217, 171, 182);
}

.oj-timeline-item-duration-event-overflow-bubble-blue {
  --oj-private-timeline-item-duration-event-overflow-border-color:           rgb(143, 191, 208);
}

oj-timeline:not(.oj-complete) {
  visibility: hidden;
}

.oj-timeline {
  outline: none;
  border-top-color: var(--oj-private-timeline-border-color);
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  height: 35rem;
}

.oj-timeline-item {
  background-color: var(--oj-private-timeline-item-bg-color);
  border-top-color: var(--oj-private-timeline-item-border-color);
  padding-top: var(--oj-private-timeline-item-padding);
  border-top-left-radius: var(--oj-private-timeline-item-border-radius);
  max-width: var(--oj-private-timeline-item-content-max-width);
}

.oj-timeline-item.oj-hover {
  background-color: var(--oj-core-bg-color-hover);
  border-top-color: var(--oj-private-timeline-item-border-color-hover);
  stroke-width: 1px;
}

.oj-timeline-item.oj-selected {
  border-top-color: var(--oj-dvt-item-border-color-selected);
}

.oj-timeline-item-description {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-typography-body-sm-font-size);
  white-space: nowrap;
}

.oj-timeline-item-duration-event-overflow-bubble {
  background-color: var(--oj-private-timeline-item-duration-event-overflow-bg-color);
  stroke-width: var(--oj-private-timeline-item-duration-event-overflow-border-width);
  stroke: var(--oj-private-timeline-item-duration-event-overflow-border-color);
  border-radius: var(--oj-private-timeline-item-duration-event-overflow-border-radius);
}

.oj-timeline-item-title {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-typography-body-sm-font-size);
  white-space: nowrap;
  font-weight: 600;
}

.oj-timeline-major-axis-label {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-lg);
  white-space: nowrap;
  font-weight: 600;
}

.oj-timeline-major-axis-separator {
  color: var(--oj-private-dvt-gridline-color);
}

.oj-timeline-minor-axis {
  background-color: var(--oj-private-timeline-minor-axis-bg-color);
  border-top-color: var(--oj-private-timeline-minor-axis-border-color);
}

.oj-timeline-minor-axis-label {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-md);
  white-space: nowrap;
}

.oj-timeline-minor-axis-separator {
  color: var(--oj-private-timeline-minor-axis-separator-color);
  stroke-dasharray: 3,3;
}

.oj-timeline-overview {
  background-color: var(--oj-dvt-overview-bg-color);
}

.oj-timeline-overview-label {
  color: var(--oj-core-text-color-secondary);
  font-size: var(--oj-dvt-label-font-size-md);
  white-space: nowrap;
  font-weight: bold;
}

.oj-timeline-overview-window {
  background-color: var(--oj-dvt-overview-window-bg-color);
  border-top-color: var(--oj-dvt-overview-window-border-color);
}

.oj-timeline-reference-object {
  color: var(--oj-private-timeline-reference-object-color);
}

.oj-timeline-series {
  background-color: var(--oj-private-timeline-series-bg-color);
}

.oj-timeline-series-label {
  color: var(--oj-heading-text-color);
  font-size: var(--oj-dvt-label-font-size-lg);
  white-space: nowrap;
  font-weight: bold;
}

.oj-timeline-series-empty-text {
  color: var(--oj-core-text-color-secondary);
  font-size: var(--oj-dvt-label-font-size-md);
  white-space: nowrap;
}

.oj-timeline-item-bubble-container {
  font-size: var(--oj-typography-body-sm-font-size);
}

.oj-timeline-item-bubble {
  fill: var(--oj-private-timeline-item-bg-color);
}

.oj-timeline-item-bubble-with-stripe {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-inline-start: 0.75rem;
  padding-inline-end: 0.75rem;
}

.oj-timeline-item-bubble-stripe {
  fill: var(--oj-private-timeline-item-stripe-bg-color);
  margin-inline-start: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: 0.375rem;
  border-radius: 0.1875rem;
}

.oj-timeline-resize-handle-start.oj-draggable,
.oj-timeline-resize-handle-end.oj-draggable {
  cursor: col-resize;
}

.oj-timeline-move-outline {
  stroke-width: 1px;
}



oj-toolbar:not(.oj-complete) {
  visibility: hidden;
}

.oj-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.25em 0;
  border-style: solid;
  border-color: var(--oj-core-divider-color);
  border-width: 0;
  row-gap: var(--oj-core-spacing-2x);
}

.oj-toolbar .oj-button {
  margin-bottom: 0;
}

.oj-toolbar > .oj-button:not(:first-child),
.oj-toolbar > .oj-buttonset:not(:first-child),
.oj-toolbar > oj-c-button:not(:first-child),
.oj-toolbar > oj-c-split-menu-button:not(:first-child),
.oj-toolbar > oj-c-menu-button:not(:first-child) {
  margin-inline-start: var(--oj-toolbar-button-margin);
}

.oj-toolbar > .oj-button:not(:last-child),
.oj-toolbar > .oj-buttonset:not(:last-child),
.oj-toolbar > oj-c-button:not(:last-child),
.oj-toolbar > oj-c-split-menu-button:not(:last-child),
.oj-toolbar > oj-c-menu-button:not(:last-child) {
  margin-inline-end: var(--oj-toolbar-button-margin);
}

.oj-toolbar .oj-button:not(:first-child).oj-button-half-chrome,
.oj-toolbar .oj-buttonset:not(:first-child).oj-button-half-chrome {
  margin-inline-start: var(--oj-toolbar-borderless-button-margin);
}

.oj-toolbar .oj-button:not(:last-child).oj-button-half-chrome,
.oj-toolbar .oj-buttonset:not(:last-child).oj-button-half-chrome {
  margin-inline-end: var(--oj-toolbar-borderless-button-margin);
}


.oj-toolbar-separator {
  border-left: solid 1px var(--oj-core-divider-color);
  height: 1.833em;
  display: inline-block;
  vertical-align: middle;
  margin: 0 var(--oj-toolbar-separator-margin);
}


.oj-toolbars {
  border-style: solid;
  border-color: var(--oj-core-divider-color);
}

.oj-toolbar-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.oj-toolbar-row .oj-toolbar {
  display: flex;
  border: 0;
}

.oj-toolbar-row .oj-toolbar + .oj-toolbar {
  border-radius: 0;
  border-inline-start-color: var(--oj-core-divider-color);
  border-inline-start-width: 1px;
  border-inline-start-style: solid;
  margin-inline-start: 0.5em;
  padding-inline-start: 0.5em;
}

.oj-toolbar-row + .oj-toolbar-row {
  border-top: 1px solid var(--oj-core-divider-color);
}


.oj-toolbar-top-border {
  border-top-width: 1px;
  border-radius: 0;
}


.oj-toolbar-bottom-border {
  border-bottom-width: 1px;
  border-radius: 0;
}

:root {
  --oj-train-step-width:                       7rem;
  --oj-train-padding:                          0.75rem 0 0.75rem 0;
  --oj-train-label-font-size:                  var(--oj-typography-body-sm-font-size);
  --oj-train-label-font-weight:                bold;
  --oj-train-label-padding-top:                0.75rem;
  --oj-train-button-diameter:                  1.5rem;
  --oj-train-button-font-size:                 var(--oj-typography-body-xs-font-size);
  --oj-train-connector-height:                 2px;
  --oj-train-button-bg-color:                  rgb(var(--oj-palette-neutral-rgb-0));
  --oj-train-button-border-color:              rgba(var(--oj-palette-neutral-rgb-190),.6);
  --oj-train-button-text-color:                var(--oj-core-text-color-secondary);
  --oj-train-label-color:                      var(--oj-core-text-color-secondary);
  --oj-train-connector-color:                  rgba(var(--oj-palette-neutral-rgb-190),.3);
  --oj-train-connector-padding:                0.625rem;
  --oj-train-button-bg-color-visited:          rgb(var(--oj-palette-success-rgb-110));
  --oj-train-button-border-color-visited:      transparent;
  --oj-train-button-text-color-visited:        var(--oj-core-neutral-contrast);
  --oj-train-label-color-visited:              var(--oj-core-text-color-primary);
  --oj-train-button-bg-color-hover:            rgb(var(--oj-palette-neutral-rgb-0));
  --oj-train-button-border-color-hover:        rgba(var(--oj-palette-brand-rgb-160),.6);
  --oj-train-button-text-color-hover:          rgba(var(--oj-palette-brand-rgb-160),.6);
  --oj-train-step-bg-color-hover:              var(--oj-core-bg-color-hover);
  --oj-train-step-border-radius:               var(--oj-core-border-radius-xl);
  --oj-train-button-bg-color-active:           rgb(var(--oj-palette-neutral-rgb-190));
  --oj-train-button-border-color-active:       transparent;
  --oj-train-button-text-color-active:         rgb(var(--oj-palette-neutral-rgb-0));
  --oj-train-label-font-weight-active:         bold;
  --oj-train-step-bg-color-active:             var(--oj-core-bg-color-active);
  --oj-train-button-bg-color-selected:         rgb(var(--oj-palette-neutral-rgb-190));
  --oj-train-button-border-color-selected:     transparent;
  --oj-train-button-text-color-selected:       rgb(var(--oj-palette-neutral-rgb-0));
  --oj-train-label-font-weight-selected:       bold;
  --oj-train-label-color-selected:             var(--oj-core-text-color-primary);
  --oj-train-connector-color-selected:         rgba(var(--oj-palette-neutral-rgb-190),.3);
  --oj-train-connector-padding-selected:       0px;
  --oj-train-button-bg-color-disabled:         rgb(var(--oj-palette-neutral-rgb-0));
  --oj-train-button-border-color-disabled:     var(--oj-core-text-color-disabled);
  --oj-train-button-text-color-disabled:       var(--oj-core-text-color-disabled);
  --oj-train-button-opacity-disabled:          1;
  --oj-train-label-color-disabled:             var(--oj-core-text-color-disabled);
}



oj-train:not(.oj-complete) {
  visibility: hidden;
}

oj-train {
  display: block;
}

.oj-train {
  white-space: nowrap;
  text-align: center;
}

.oj-train-wrapper {
  font-size: 0;
  display: inline-block;
  position: relative;
  vertical-align: top;
}


.oj-train-stretch .oj-train-wrapper {
  width: 100%;
}


.oj-train-connector-wrapper {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  padding: 0 calc(var(--oj-train-step-width) / 2);
}


.oj-train-connector,
.oj-train-connector-fill {
  position: relative;
  width: 100%;
  top: calc((var(--oj-train-button-diameter) - var(--oj-train-connector-height)) / 2);
  box-sizing: border-box;
}

.oj-train-connector {
  background-color: var(--oj-train-connector-color);
}


.oj-train-connector-fill {
  margin-top: calc(0px - var(--oj-train-connector-height));
}


.oj-train-button-connector {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: var(--oj-train-button-diameter);
  height: var(--oj-train-button-diameter);
  background-color: transparent;
  border-radius: 50%;
}

.oj-train-step-list-item:last-child > .oj-train-button-connector {
  top: var(--oj-train-connector-height);
}

.oj-train-button-connector.oj-train-fill {
  background-image: none;
  top: 0;
}

.oj-train-button-connector.oj-train-fill:hover {
  background-color: transparent;
}

.oj-train-step-individual-connector {
  position: relative;
  visibility: visible;
  height: var(--oj-train-connector-height);
  width: calc(100% - var(--oj-train-button-diameter) - var(--oj-train-connector-padding) * 2);
  top: calc((var(--oj-train-button-diameter) + var(--oj-train-connector-height)) / 2);
  background-color: var(--oj-train-connector-color);
}

html:not([dir="rtl"]) .oj-train-step-individual-connector {
  left: calc(50% + var(--oj-train-button-diameter) / 2 + var(--oj-train-connector-padding));
}

html[dir="rtl"] .oj-train-step-individual-connector {
  right: calc(50% + var(--oj-train-button-diameter) / 2 + var(--oj-train-connector-padding));
}

.oj-train-step-individual-connector.oj-train-connector-before-selected-step {
  background-color: var(--oj-train-connector-color-selected);
  width: calc(100% - var(--oj-train-button-diameter) - var(--oj-train-connector-padding-selected) * 2);
}

html:not([dir="rtl"]) .oj-train-step-individual-connector.oj-train-connector-before-selected-step {
  left: calc(50% + var(--oj-train-button-diameter) / 2 + var(--oj-train-connector-padding-selected));
}

html[dir="rtl"] .oj-train-step-individual-connector.oj-train-connector-before-selected-step {
  right: calc(50% + var(--oj-train-button-diameter) / 2 + var(--oj-train-connector-padding-selected));
}


.oj-train-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-style: solid;
  width: var(--oj-train-button-diameter);
  height: var(--oj-train-button-diameter);
  line-height: var(--oj-train-button-diameter);
  border-radius: 50%;
  border-width: 2px;
}

.oj-train-button.oj-default {
  border-color: var(--oj-train-button-border-color);
  color: var(--oj-train-button-border-color);
  background-color: var(--oj-train-button-bg-color);
}

.oj-train-button.oj-visited {
  border-color: var(--oj-train-button-border-color-visited);
  background-color: var(--oj-train-button-bg-color-visited);
}

.oj-train-button.oj-hover {
  border-color: var(--oj-train-button-border-color-hover);
  background-color: var(--oj-train-button-bg-color-hover);
}

.oj-train-button.oj-selected {
  border-color: var(--oj-train-button-border-color-selected);
  background-color: var(--oj-train-button-bg-color-selected);
  cursor: default;
}

.oj-train-button.oj-disabled {
  color: var(--oj-train-button-border-color-disabled);
  background-color: var(--oj-train-button-bg-color-disabled);
  cursor: default;
}

.oj-train-button.oj-visited.oj-hover {
  border-color: var(--oj-train-button-border-color-hover);
  color: var(--oj-train-button-text-color-hover);
  background-image: none;
}

.oj-train-button.oj-active {
  background-color: var(--oj-train-button-bg-color-active);
  border-color: var(--oj-train-button-border-color-active);
  color: var(--oj-train-button-text-color-active);
  
}

.oj-train-button.oj-active .oj-train-button-text {
  color: white;
}

.oj-train-button.oj-visited.oj-active > .oj-train-button-text,
.oj-train-button.oj-visited.oj-hover > .oj-train-button-text {
  opacity: 1;
}

.oj-train-step-list-item.oj-confirmation .oj-train-button,
.oj-train-step-list-item.oj-info .oj-train-button,
.oj-train-step-list-item.oj-invalid .oj-train-button,
.oj-train-step-list-item.oj-warning .oj-train-button {
  background-color: transparent;
  border-color: transparent;
}

.oj-train-step-list-item.oj-hover {
  background-color: var(--oj-train-step-bg-color-hover);
}

.oj-train-step-list-item.oj-active {
  background-color: var(--oj-train-step-bg-color-active);
}

.oj-train-step-list-item.oj-selected {
  cursor: default;
}

.oj-train-step-list-item.oj-disabled {
  cursor: default;
}

.oj-train-step-list-item.oj-hover .oj-train-icon {
  background-color: transparent;
}

.oj-train-step-list-item.oj-info.oj-hover .oj-train-button-text,
.oj-train-step-list-item.oj-confirmation.oj-hover .oj-train-button-text,
.oj-train-step-list-item.oj-warning.oj-hover .oj-train-button-text,
.oj-train-step-list-item.oj-invalid.oj-hover .oj-train-button-text,
.oj-train-step-list-item.oj-info.oj-hover .oj-train-button-text {
  visibility: hidden;
}

.oj-train-button-text {
  font-size: var(--oj-train-button-font-size);
  font-weight: var(--oj-train-label-font-weight);
  color: var(--oj-train-button-text-color);
}

.oj-train-button.oj-active .oj-train-button-text,
.oj-train-button.oj-hover.oj-active .oj-train-button-text,
.oj-train-button.oj-hover.oj-visited.oj-active .oj-train-button-text {
  color: var(--oj-train-button-text-color-active);
}

.oj-train-button.oj-disabled .oj-train-button-text {
  color: var(--oj-train-button-text-color-disabled);
}

.oj-train-button.oj-hover .oj-train-button-text,
.oj-train-button.oj-visited.oj-hover .oj-train-button-text {
  color: var(--oj-train-button-text-color-hover);
}

.oj-train-button.oj-visited .oj-train-button-text {
  color: var(--oj-train-button-text-color-visited);
}

.oj-train-button.oj-selected .oj-train-button-text {
  color: var(--oj-train-button-text-color-selected);
}

.oj-train-step-list {
  margin: 0;
  padding: 0;
}


.oj-train-step-list-item {
  cursor: pointer;
  font-size: 1rem;
  width: var(--oj-train-step-width);
  padding: var(--oj-train-padding);
  text-align: center;
  display: inline-block;
  vertical-align: top;
  line-height: normal;
  border-radius: var(--oj-train-step-border-radius);
  white-space: normal;
}

.oj-train-label-wrapper {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: var(--oj-train-label-padding-top);
}

.oj-train-step-list-item:last-child > .oj-train-label-wrapper {
  top: var(--oj-train-connector-height);
}

.oj-train-label {
  text-decoration: none;
  color: var(--oj-train-label-color);
  text-align: center;
  font-size: var(--oj-train-label-font-size);
  font-weight: var(--oj-train-label-font-weight);
}

.oj-train-label.oj-visited {
  color: var(--oj-train-label-color-visited);
}

.oj-train-label.oj-selected {
  color: var(--oj-train-label-color-selected);
}

.oj-train-label.oj-disabled {
  text-decoration: none;
  color: var(--oj-train-label-color-disabled);
  opacity: var(--oj-train-button-opacity-disabled);
}

.oj-train-label.oj-active,
.oj-train-label.oj-hover.oj-active {
  text-decoration: none;
  font-weight: var(--oj-train-label-font-weight-active);
  cursor: pointer;
}

.oj-train-label.oj-hover {
  cursor: pointer;
}

.oj-train-label.oj-selected {
  text-decoration: none;
  cursor: default;
  font-weight: var(--oj-train-label-font-weight-selected);
}

.oj-train-label:focus {
  outline: dotted 1px var(--oj-core-focus-border-color);
}

.oj-train-label:not(.oj-focus-highlight):focus {
  outline: none;
}

.oj-train-icon {
  position: absolute;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--oj-train-button-diameter);
  height: var(--oj-train-button-diameter);
  left: 0;
  top: 0;
  color: var(--oj-core-neutral-contrast);
  border-radius: 50%;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

.oj-train-button.oj-disabled .oj-train-icon {
  background-color: var(--oj-train-button-bg-color-disabled);
  border-color: var(--oj-train-button-border-color-disabled);
  color: var(--oj-train-button-text-color-disabled);
}

.oj-train-button.oj-hover .oj-train-icon,
.oj-train-button.oj-visited.oj-hover .oj-train-icon,
.oj-train-button.oj-visited.oj-hover .oj-train-icon.oj-confirmation,
.oj-train-button.oj-visited.oj-hover .oj-train-icon.oj-error,
.oj-train-button.oj-visited.oj-hover .oj-train-icon.oj-info {
  background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
}

.oj-train-button.oj-visited.oj-hover .oj-train-icon.oj-warning {
  background-image: none;
}

.oj-train-button-visited-animation {
  animation: trainvisited var(--oj-animation-duration-medium) var(--oj-animation-ease-in-out);
}

.oj-train-button-messaging-icon-animation {
  animation: messaging var(--oj-animation-duration-medium) var(--oj-animation-ease-in-out);
}

.oj-train-button-selected-animation {
  animation: var(--oj-animation-duration-long) var(--oj-animation-ease-in-out);
}

@keyframes trainvisited {
  0% {
    transform: scale(0.8);
    opacity: 0;
    background-color: var(--oj-train-button-bg-color-selected);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    background-color: var(--oj-train-button-bg-color-visited);
  }
}

@keyframes messaging {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.oj-train-icon.oj-confirmation {
  color: var(--oj-core-success-1);
  font-size: var(--oj-train-button-diameter);
}

.oj-train-icon.oj-error {
  color: var(--oj-core-danger-1);
  font-size: var(--oj-train-button-diameter);
}

.oj-train-icon.oj-info {
  color: var(--oj-core-info-1);
  font-size: var(--oj-train-button-diameter);
}

.oj-train-icon.oj-warning {
  color: var(--oj-core-warning-1);
  font-size: var(--oj-train-button-diameter);
}

.oj-confirmation .oj-train-button.oj-visited .oj-train-button-text,
.oj-confirmation .oj-train-button.oj-hover.oj-visited.oj-active .oj-train-button-text,
.oj-invalid .oj-train-button.oj-visited .oj-train-button-text,
.oj-invalid .oj-train-button.oj-hover.oj-visited.oj-active .oj-train-button-text,
.oj-warning .oj-train-button.oj-visited .oj-train-button-text,
.oj-warning .oj-train-button.oj-hover.oj-visited.oj-active .oj-train-button-text,
.oj-info .oj-train-button.oj-visited .oj-train-button-text,
.oj-info .oj-train-button.oj-hover.oj-visited.oj-active .oj-train-button-text {
  color: transparent;
}

.oj-train-icon.oj-hover {
  cursor: pointer;
}

.oj-hicontrast .oj-train-button.oj-selected {
  border-width: calc(var(--oj-train-button-diameter) / 2);
}

.oj-hicontrast .oj-train-button.oj-disabled {
  border-style: dotted;
}

.oj-hicontrast .oj-train-connector {
  border: 1px solid;
}

.oj-hicontrast .oj-train-connector-fill {
  border: calc(var(--oj-train-connector-height) / 2) solid;
}



:root.oj-scale-sm {
  --oj-train-label-font-size:                 var(--oj-typography-body-md-font-size);
}

:root.oj-scale-md {
  --oj-train-label-font-size:                 var(--oj-typography-body-md-font-size);
}

oj-tree-view:not(.oj-complete) {
  visibility: hidden;
}

oj-tree-view {
  display: block;
  overflow: auto;
  -webkit-tap-highlight-color: transparent;
  padding-bottom: .25rem;
  position: relative;
}

oj-tree-view:focus {
  outline: none;
}

.oj-treeview-list:focus {
  outline: none;
}

.oj-treeview-list,
.oj-treeview-item {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  -webkit-user-select: none;
          user-select: none;
  min-width: fit-content;
  min-width: -moz-fit-content;
}

.oj-treeview-list[role="tree"] {
  display: block !important;
  padding: 1px; }

.oj-treeview-select-single .oj-treeview-item-content.oj-selected {
  box-shadow: 0 0 0 1px var(--oj-core-border-color-selected);
  border-radius: var(--oj-core-border-radius-md);
}

.oj-treeview-item {
  white-space: nowrap;
  vertical-align: middle;
}

.oj-treeview-list.oj-treeview-drag-image > .oj-treeview-item {
  margin-inline-start: 0.5rem;
}

.oj-treeview-icon {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  text-align: end;
}

.oj-treeview-item-text {
  color: var(--oj-tree-view-text-color);
  vertical-align: middle;
}

.oj-treeview-item-content-icon {
  vertical-align: middle;
  font-size: var(--oj-core-icon-size-lg);
  margin-inline-end: 0.5rem;
  display: inline-block;
}

.oj-treeview-item-content {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
}

.oj-selected-item-content-top {
  border-top-left-radius: var(--oj-core-border-radius-md);
  border-top-right-radius: var(--oj-core-border-radius-md);
}

.oj-selected-item-content-bottom {
  border-bottom-left-radius: var(--oj-core-border-radius-md);
  border-bottom-right-radius: var(--oj-core-border-radius-md);
}

.oj-treeview-selector {
  display: inline-block;
  vertical-align: middle;
  cursor: default;
}

.oj-treeview-selector .oj-selector,
.oj-treeview-selector .oj-selector .oj-selector-wrapper .oj-selectorbox {
  height: var(--oj-tree-view-row-height);
  width: var(--oj-tree-view-indent-width);
}

.oj-treeview-item-content.oj-hover {
  background-color: var(--oj-core-bg-color-hover);
}

.oj-treeview-list:focus .oj-treeview-item-content.oj-selected {
  background-color: var(--oj-core-bg-color-selected);
}

.oj-treeview-item-content.oj-selected {
  background-color: var(--oj-core-bg-color-selected);
}

.oj-hicontrast .oj-treeview-item-content.oj-selected {
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-color: initial;
}

.oj-hicontrast .oj-treeview-item-content.oj-focus-highlight {
  outline-width: 2px;
  outline-style: dotted;
  border-width: 0 1px 1px 0;
  border-style: dotted;
}

.oj-treeview-item-content.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
  outline-offset: -1px;
}

.oj-treeview-spacer {
  height: var(--oj-tree-view-row-height);
  display: inline-block;
  vertical-align: middle;
}

.oj-treeview-item.oj-draggable {
  cursor: grab;
}

.oj-treeview-item.oj-draggable:active {
  cursor: grabbing;
}

.oj-treeview-drag-image {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background-color: var(--oj-collection-bg-color);
  opacity: 0.95;
  box-shadow: var(--oj-core-box-shadow-lg);
  border-radius: var(--oj-core-border-radius-lg);
  cursor: grabbing;
}

.oj-treeview-drag-image-item {
  border-top: 1px solid var(--oj-core-divider-color);
  border-bottom: 1px solid var(--oj-core-divider-color);
}

.oj-treeview-drag-source {
  opacity: 0.3;
}

.oj-treeview-drop-line {
  height: 2px;
  width: 100px;
  position: absolute;
  background-color: var(--oj-core-drag-drop-line-color);
  pointer-events: none;
}

.oj-treeview-drop-zone {
  background-color: var(--oj-core-drag-drop-color-1);
  border-radius: var(--oj-core-border-radius-md);
}

.oj-treeview-drag-image {
  position: fixed;
  top: 10000px;
  overflow: visible;
}

.oj-treeview-drag-image .oj-treeview-item {
  position: absolute;
}

.oj-treeview-skeleton-content {
  height: var(--oj-tree-view-row-height);
  align-items: center;
  display: flex;
}

.oj-treeview-skeleton-carrot {
  width: var(--oj-typography-body-md-font-size);
  height: var(--oj-typography-body-md-font-size);
  border-radius: var(--oj-core-border-radius-md);
  margin-right: 0.75rem;
  margin-left: 0.5rem;
}

.oj-treeview-skeleton-item {
  height: var(--oj-typography-body-md-font-size);
  flex-grow: 1;
}

.oj-treeview-skeleton-leaf {
  height: var(--oj-typography-body-md-font-size);
  flex-grow: 1;
  margin-inline-start: 5rem;
}

.oj-treeview-skeleton-child {
  margin-left: 2rem;
}

.oj-treeview-selector,
.oj-treeview-icon {
  margin-inline-end: 0.5rem;
}

.oj-treeview-disclosure-icon {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.oj-treeview-disclosure-icon,
.oj-treeview-disclosure-icon.oj-treeview-icon {
  margin: 0;
  padding-inline-end: 0.5rem;
}



:root {
  --oj-treemap-node-header-bg-color:                   rgb(var(--oj-palette-neutral-rgb-20));
  --oj-treemap-node-header-bg-color-selected:          rgb(var(--oj-palette-brand-rgb-40));
  --oj-treemap-node-header-border-color:               rgb(var(--oj-palette-neutral-rgb-40));
  --oj-treemap-node-header-border-color-hover:         rgb(var(--oj-palette-neutral-rgb-40));
}

oj-treemap:not(.oj-complete) {
  visibility: hidden;
}

oj-treemap {
  display: block;
}

.oj-treemap {
  width: 100%;
  height: 560px;
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-sm);
  -webkit-user-select: none;
          user-select: none;
}

.oj-treemap-attribute-type-text {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-dvt-label-font-size-sm);
}

.oj-treemap-attribute-value-text {
  font-size: var(--oj-dvt-label-font-size-sm);
}

.oj-treemap-current-drill-text {
  color: var(--oj-core-text-color-primary);
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
}

.oj-treemap-drill-text {
  color: var(--oj-link-text-color);
  font-size: var(--oj-typography-body-md-font-size);
  line-height: var(--oj-typography-body-md-line-height);
  -webkit-text-decoration: var(--oj-link-embedded-text-decoration);
          text-decoration: var(--oj-link-embedded-text-decoration);
}

.oj-treemap-drill-text.oj-hover {
  -webkit-text-decoration: var(--oj-link-embedded-text-decoration-hover);
          text-decoration: var(--oj-link-embedded-text-decoration-hover);
}

.oj-treemap-node {
  font-size: var(--oj-dvt-label-font-size-sm);
}

.oj-treemap-node.oj-hover {
  border-color: var(--oj-dvt-node-border-color-hover);
}

.oj-treemap-node.oj-selected {
  border-top-color: var(--oj-dvt-item-border-color-selected);
  border-bottom-color: var(--oj-dvt-item-contrast-color);
}

.oj-treemap-node-header {
  font-size: var(--oj-dvt-label-font-size-sm);
  color: var(--oj-heading-text-color);
  background-color: var(--oj-treemap-node-header-bg-color);
  border-color: var(--oj-treemap-node-header-border-color);
}

.oj-treemap-node-header.oj-hover {
  background-color: var(--oj-dvt-node-border-color-hover);
  border-color: var(--oj-treemap-node-header-border-color);
  border-top-color: var(--oj-dvt-node-border-color-hover);
  border-bottom-color: var(--oj-treemap-node-header-border-color-hover);
}

.oj-treemap-node-header.oj-selected {
  background-color: var(--oj-treemap-node-header-bg-color-selected);
  border-color: var(--oj-treemap-node-header-border-color);
  border-top-color: var(--oj-dvt-item-border-color-selected);
  border-bottom-color: var(--oj-dvt-item-contrast-color);
}

.oj-treemap-skeleton-container {
  -webkit-mask-position: center;
          mask-position: center;
}

@container (max-aspect-ratio: 2/1) {
  .oj-treemap-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M0 6a6 6 0 0 1 6-6h168a6 6 0 0 1 6 6v288a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V6Zm192 0a6 6 0 0 1 6-6h96a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6h-96a6 6 0 0 1-6-6V6Zm0 84a6 6 0 0 1 6-6h96a6 6 0 0 1 6 6v90a6 6 0 0 1-6 6h-96a6 6 0 0 1-6-6V90Zm0 114a6 6 0 0 1 6-6h96a6 6 0 0 1 6 6v90a6 6 0 0 1-6 6h-96a6 6 0 0 1-6-6v-90Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M0 6a6 6 0 0 1 6-6h168a6 6 0 0 1 6 6v288a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V6Zm192 0a6 6 0 0 1 6-6h96a6 6 0 0 1 6 6v60a6 6 0 0 1-6 6h-96a6 6 0 0 1-6-6V6Zm0 84a6 6 0 0 1 6-6h96a6 6 0 0 1 6 6v90a6 6 0 0 1-6 6h-96a6 6 0 0 1-6-6V90Zm0 114a6 6 0 0 1 6-6h96a6 6 0 0 1 6 6v90a6 6 0 0 1-6 6h-96a6 6 0 0 1-6-6v-90Z"/></svg>');
  }
}

@container (min-aspect-ratio: 2/1) and (max-aspect-ratio: 3/1) {
  .oj-treemap-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><path d="M0 6.52C0 2.92 2.92 0 6.52 0h260.8a6.52 6.52 0 0 1 6.52 6.52v312.96a6.52 6.52 0 0 1-6.52 6.52H6.52A6.52 6.52 0 0 1 0 319.48V6.52Zm286.88 0A6.52 6.52 0 0 1 293.4 0h163a6.52 6.52 0 0 1 6.52 6.52v143.44a6.52 6.52 0 0 1-6.52 6.52h-163a6.52 6.52 0 0 1-6.52-6.52V6.52Zm0 169.52a6.52 6.52 0 0 1 6.52-6.52h163a6.52 6.52 0 0 1 6.52 6.52v143.44a6.52 6.52 0 0 1-6.52 6.52h-163a6.52 6.52 0 0 1-6.52-6.52V176.04ZM475.96 6.52A6.52 6.52 0 0 1 482.48 0h163A6.52 6.52 0 0 1 652 6.52v65.2a6.52 6.52 0 0 1-6.52 6.52h-163a6.52 6.52 0 0 1-6.52-6.52V6.52Zm0 91.28a6.52 6.52 0 0 1 6.52-6.52h163A6.52 6.52 0 0 1 652 97.8v97.8a6.52 6.52 0 0 1-6.52 6.52h-163a6.52 6.52 0 0 1-6.52-6.52V97.8Zm0 123.88a6.52 6.52 0 0 1 6.52-6.52h163a6.52 6.52 0 0 1 6.52 6.52v97.8a6.52 6.52 0 0 1-6.52 6.52h-163a6.52 6.52 0 0 1-6.52-6.52v-97.8Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 652 326"><path d="M0 6.52C0 2.92 2.92 0 6.52 0h260.8a6.52 6.52 0 0 1 6.52 6.52v312.96a6.52 6.52 0 0 1-6.52 6.52H6.52A6.52 6.52 0 0 1 0 319.48V6.52Zm286.88 0A6.52 6.52 0 0 1 293.4 0h163a6.52 6.52 0 0 1 6.52 6.52v143.44a6.52 6.52 0 0 1-6.52 6.52h-163a6.52 6.52 0 0 1-6.52-6.52V6.52Zm0 169.52a6.52 6.52 0 0 1 6.52-6.52h163a6.52 6.52 0 0 1 6.52 6.52v143.44a6.52 6.52 0 0 1-6.52 6.52h-163a6.52 6.52 0 0 1-6.52-6.52V176.04ZM475.96 6.52A6.52 6.52 0 0 1 482.48 0h163A6.52 6.52 0 0 1 652 6.52v65.2a6.52 6.52 0 0 1-6.52 6.52h-163a6.52 6.52 0 0 1-6.52-6.52V6.52Zm0 91.28a6.52 6.52 0 0 1 6.52-6.52h163A6.52 6.52 0 0 1 652 97.8v97.8a6.52 6.52 0 0 1-6.52 6.52h-163a6.52 6.52 0 0 1-6.52-6.52V97.8Zm0 123.88a6.52 6.52 0 0 1 6.52-6.52h163a6.52 6.52 0 0 1 6.52 6.52v97.8a6.52 6.52 0 0 1-6.52 6.52h-163a6.52 6.52 0 0 1-6.52-6.52v-97.8Z"/></svg>');
  }
}

@container (min-aspect-ratio: 3/1) {
  .oj-treemap-skeleton-container {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><path d="M0 7.2A7.2 7.2 0 0 1 7.2 0h446.4a7.2 7.2 0 0 1 7.2 7.2v345.6a7.2 7.2 0 0 1-7.2 7.2H7.2a7.2 7.2 0 0 1-7.2-7.2V7.2Zm475.2 0a7.2 7.2 0 0 1 7.2-7.2h280.8a7.2 7.2 0 0 1 7.2 7.2v158.4a7.2 7.2 0 0 1-7.2 7.2H482.4a7.2 7.2 0 0 1-7.2-7.2V7.2Zm0 187.2a7.2 7.2 0 0 1 7.2-7.2h280.8a7.2 7.2 0 0 1 7.2 7.2v158.4a7.2 7.2 0 0 1-7.2 7.2H482.4a7.2 7.2 0 0 1-7.2-7.2V194.4ZM784.8 7.2A7.2 7.2 0 0 1 792 0h280.8c3.98 0 7.2 3.224 7.2 7.2v72c0 3.976-3.22 7.2-7.2 7.2H792a7.2 7.2 0 0 1-7.2-7.2v-72Zm0 100.8a7.2 7.2 0 0 1 7.2-7.2h280.8c3.98 0 7.2 3.224 7.2 7.2v108c0 3.976-3.22 7.2-7.2 7.2H792a7.2 7.2 0 0 1-7.2-7.2V108Zm0 136.8a7.2 7.2 0 0 1 7.2-7.2h79.2a7.2 7.2 0 0 1 7.2 7.2v108a7.2 7.2 0 0 1-7.2 7.2H792a7.2 7.2 0 0 1-7.2-7.2v-108Zm108 0a7.2 7.2 0 0 1 7.2-7.2h172.8c3.98 0 7.2 3.224 7.2 7.2v108c0 3.976-3.22 7.2-7.2 7.2H900a7.2 7.2 0 0 1-7.2-7.2v-108Z"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 360"><path d="M0 7.2A7.2 7.2 0 0 1 7.2 0h446.4a7.2 7.2 0 0 1 7.2 7.2v345.6a7.2 7.2 0 0 1-7.2 7.2H7.2a7.2 7.2 0 0 1-7.2-7.2V7.2Zm475.2 0a7.2 7.2 0 0 1 7.2-7.2h280.8a7.2 7.2 0 0 1 7.2 7.2v158.4a7.2 7.2 0 0 1-7.2 7.2H482.4a7.2 7.2 0 0 1-7.2-7.2V7.2Zm0 187.2a7.2 7.2 0 0 1 7.2-7.2h280.8a7.2 7.2 0 0 1 7.2 7.2v158.4a7.2 7.2 0 0 1-7.2 7.2H482.4a7.2 7.2 0 0 1-7.2-7.2V194.4ZM784.8 7.2A7.2 7.2 0 0 1 792 0h280.8c3.98 0 7.2 3.224 7.2 7.2v72c0 3.976-3.22 7.2-7.2 7.2H792a7.2 7.2 0 0 1-7.2-7.2v-72Zm0 100.8a7.2 7.2 0 0 1 7.2-7.2h280.8c3.98 0 7.2 3.224 7.2 7.2v108c0 3.976-3.22 7.2-7.2 7.2H792a7.2 7.2 0 0 1-7.2-7.2V108Zm0 136.8a7.2 7.2 0 0 1 7.2-7.2h79.2a7.2 7.2 0 0 1 7.2 7.2v108a7.2 7.2 0 0 1-7.2 7.2H792a7.2 7.2 0 0 1-7.2-7.2v-108Zm108 0a7.2 7.2 0 0 1 7.2-7.2h172.8c3.98 0 7.2 3.224 7.2 7.2v108c0 3.976-3.22 7.2-7.2 7.2H900a7.2 7.2 0 0 1-7.2-7.2v-108Z"/></svg>');
  }
}

.oj-typography-heading-2xl,
.oj-typography-title-1 {
  font-size: var(--oj-typography-heading-2xl-font-size) !important;
  font-weight: var(--oj-typography-heading-2xl-font-weight) !important;
  line-height: var(--oj-typography-heading-2xl-line-height) !important;
}

.oj-typography-heading-xl,
.oj-typography-title-2 {
  font-size: var(--oj-typography-heading-xl-font-size) !important;
  font-weight: var(--oj-typography-heading-xl-font-weight) !important;
  line-height: var(--oj-typography-heading-xl-line-height) !important;
}

.oj-typography-heading-lg,
.oj-typography-title-3 {
  font-size: var(--oj-typography-heading-lg-font-size) !important;
  font-weight: var(--oj-typography-heading-lg-font-weight) !important;
  line-height: var(--oj-typography-heading-lg-line-height) !important;
}

.oj-typography-heading-md,
.oj-typography-title-4 {
  font-size: var(--oj-typography-heading-md-font-size) !important;
  font-weight: var(--oj-typography-heading-md-font-weight) !important;
  line-height: var(--oj-typography-heading-md-line-height) !important;
}

.oj-typography-heading-sm,
.oj-typography-title-5 {
  font-size: var(--oj-typography-heading-sm-font-size) !important;
  font-weight: var(--oj-typography-heading-sm-font-weight) !important;
  line-height: var(--oj-typography-heading-sm-line-height) !important;
}

.oj-typography-heading-xs,
.oj-typography-title-6 {
  font-size: var(--oj-typography-heading-xs-font-size) !important;
  font-weight: var(--oj-typography-heading-xs-font-weight) !important;
  line-height: var(--oj-typography-heading-xs-line-height) !important;
}

.oj-typography-subheading-2xl,
.oj-typography-subtitle-1 {
  font-size: var(--oj-typography-subheading-2xl-font-size) !important;
  font-weight: var(--oj-typography-subheading-2xl-font-weight) !important;
  line-height: var(--oj-typography-subheading-2xl-line-height) !important;
}

.oj-typography-subheading-xl,
.oj-typography-subtitle-2 {
  font-size: var(--oj-typography-subheading-xl-font-size) !important;
  font-weight: var(--oj-typography-subheading-xl-font-weight) !important;
  line-height: var(--oj-typography-subheading-xl-line-height) !important;
}

.oj-typography-subheading-lg,
.oj-typography-subtitle-3 {
  font-size: var(--oj-typography-subheading-lg-font-size) !important;
  font-weight: var(--oj-typography-subheading-lg-font-weight) !important;
  line-height: var(--oj-typography-subheading-lg-line-height) !important;
}

.oj-typography-subheading-md,
.oj-typography-subtitle-4 {
  font-size: var(--oj-typography-subheading-md-font-size) !important;
  font-weight: var(--oj-typography-subheading-md-font-weight) !important;
  line-height: var(--oj-typography-subheading-md-line-height) !important;
}

.oj-typography-subheading-sm {
  font-size: var(--oj-typography-subheading-sm-font-size) !important;
  font-weight: var(--oj-typography-subheading-sm-font-weight) !important;
  line-height: var(--oj-typography-subheading-sm-line-height) !important;
}

.oj-typography-subheading-xs {
  font-size: var(--oj-typography-subheading-xs-font-size) !important;
  font-weight: var(--oj-typography-subheading-xs-font-weight) !important;
  line-height: var(--oj-typography-subheading-xs-line-height) !important;
}

.oj-typography-body-xl {
  font-size: var(--oj-typography-body-xl-font-size) !important;
  font-weight: normal !important;
  line-height: var(--oj-typography-body-xl-line-height) !important;
}

.oj-typography-body-lg,
.oj-typography-body-1 {
  font-size: var(--oj-typography-body-lg-font-size) !important;
  font-weight: normal !important;
  line-height: var(--oj-typography-body-lg-line-height) !important;
}

.oj-typography-body-md,
.oj-typography-body-2 {
  font-size: var(--oj-typography-body-md-font-size) !important;
  font-weight: normal !important;
  line-height: var(--oj-typography-body-md-line-height) !important;
}

.oj-typography-body-sm,
.oj-typography-body-3 {
  font-size: var(--oj-typography-body-sm-font-size) !important;
  font-weight: normal !important;
  line-height: var(--oj-typography-body-sm-line-height) !important;
}

.oj-typography-body-xs,
.oj-typography-caption-1 {
  font-size: var(--oj-typography-body-xs-font-size) !important;
  font-weight: normal !important;
  line-height: var(--oj-typography-body-xs-line-height) !important;
}

.oj-typography-body-2xs,
.oj-typography-caption-2 {
  font-size: var(--oj-typography-body-2xs-font-size) !important;
  font-weight: normal !important;
  line-height: var(--oj-typography-body-2xs-line-height) !important;
}

.oj-typography-semi-bold {
  font-weight: 600 !important;
}

.oj-typography-bold {
  font-weight: 700 !important;
}



@media screen and (max-width: 599.9px) {
  :root {
    --oj-typography-heading-2xl-font-size:                     2.25rem;
    --oj-typography-heading-2xl-line-height:                   1.2222;
    --oj-typography-heading-xl-font-size:                      2rem;
    --oj-typography-heading-xl-line-height:                    1.25;
    --oj-typography-heading-lg-font-size:                      1.75rem;
    --oj-typography-heading-lg-line-height:                    1.2857;
    --oj-typography-heading-md-font-size:                      1.5rem;
    --oj-typography-heading-md-line-height:                    1.3333;
    --oj-typography-heading-sm-font-size:                      1.25rem;
    --oj-typography-heading-sm-line-height:                    1.4;
    --oj-typography-heading-xs-font-size:                      1.125rem;
    --oj-typography-heading-xs-line-height:                    1.3333;
    --oj-typography-subheading-2xl-font-size:                  2rem;
    --oj-typography-subheading-2xl-line-height:                1.25;
    --oj-typography-subheading-xl-font-size:                   1.75rem;
    --oj-typography-subheading-xl-line-height:                 1.2857;
    --oj-typography-subheading-lg-font-size:                   1.5rem;
    --oj-typography-subheading-lg-line-height:                 1.3333;
    --oj-typography-subheading-md-font-size:                   1.25rem;
    --oj-typography-subheading-md-line-height:                 1.4;
    --oj-typography-subheading-sm-font-size:                   1.125rem;
    --oj-typography-subheading-sm-line-height:                 1.3333;
    --oj-typography-subheading-xs-font-size:                   0.859rem;
    --oj-typography-subheading-xs-line-height:                 1.4545;
  }
}

:root.oj-scale-sm {
  --oj-typography-body-xl-font-size:                         16px;
  --oj-typography-body-lg-font-size:                         14px;
  --oj-typography-body-md-font-size:                         12px;
  --oj-typography-body-sm-font-size:                         12px;
  --oj-typography-body-xs-font-size:                         12px;
  --oj-typography-body-2xs-font-size:                        10px;
}

:root.oj-scale-md {
  --oj-typography-body-xl-font-size:                         18px;
  --oj-typography-body-lg-font-size:                         16px;
  --oj-typography-body-md-font-size:                         14px;
  --oj-typography-body-sm-font-size:                         12px;
  --oj-typography-body-xs-font-size:                         12px;
  --oj-typography-body-2xs-font-size:                        10px;
}

.oj-private-scale-lg {
  --oj-typography-heading-2xl-font-size:    40px;
  --oj-typography-heading-xl-font-size:     36px;
  --oj-typography-heading-lg-font-size:     32px;
  --oj-typography-heading-md-font-size:     28px;
  --oj-typography-heading-sm-font-size:     24px;
  --oj-typography-heading-xs-font-size:     20px;
  --oj-typography-subheading-2xl-font-size: 36px;
  --oj-typography-subheading-xl-font-size:  32px;
  --oj-typography-subheading-lg-font-size:  28px;
  --oj-typography-subheading-md-font-size:  24px;
  --oj-typography-subheading-sm-font-size:  20px;
  --oj-typography-subheading-xs-font-size:  16px;
  --oj-typography-body-xl-font-size:        20px;
  --oj-typography-body-lg-font-size:        18px;
  --oj-typography-body-md-font-size:        16px;
  --oj-typography-body-sm-font-size:        13.744px;
  --oj-typography-body-xs-font-size:        12px;
  --oj-typography-body-2xs-font-size:       10px;
}

oj-validation-group:not(.oj-complete) {
  visibility: hidden;
}

oj-waterfall-layout:not(.oj-complete) {
  visibility: hidden;
}


oj-waterfall-layout {
  display: block;
  position: relative;
  overflow: auto;
}


.oj-waterfall-layout:focus,
.oj-waterfalllayout-item-element:focus {
  outline: none;
}

.oj-waterfalllayout-item-element.oj-focus-highlight {
  outline: dotted 1px var(--oj-core-focus-border-color);
}


.oj-waterfalllayout-position-only {
  position: absolute;
  visibility: hidden;
}


.oj-waterfalllayout-item {
  position: absolute;
  visibility: hidden;
}


.oj-waterfalllayout-item-suppress-focus {
  outline: none;
}


.oj-waterfalllayout-skeleton {
  position: absolute;
  width: 330px;
  height: 396px;
  border: 1px solid var(--oj-panel-border-color);
  border-radius: var(--oj-panel-border-radius);
  box-sizing: border-box;
  padding: var(--oj-core-spacing-4x);
  background-color: var(--oj-core-bg-color-content);
}


.oj-waterfalllayout-skeleton-content {
  width: 100%;
  height: 100%;
}



.pt_classic_plus .PSCHECKBOX, 
.pt_classic_plus .PSDROPDOWNLABEL, 
.pt_classic_plus .PSEDITBOXLABEL, 
.pt_classic_plus .PSLONGEDITLABEL, 
.pt_classic_plus .PSRADIOBUTTON, 
.pt_classic_plus .PSSRCHCHECKBOX, 
.pt_classic_plus .PSSRCHDROPDOWNLABEL, 
.pt_classic_plus .PT_MCFCHECKBOX,
.pt_classic_plus .PSSRCHEDITBOXLABEL,
.pt_classic_plus .PSCHECKBOXVERTICALSPACE
{
	font-family : Arial,Helvetica,sans-serif ;
	font-weight: bold;
	font-size: 14.6667px;
	color: #5a5a5a;
	color: var(--pt-label-text-color);
}

.pt_classic_plus .PSSRCHCHECKBOX
{
 	position: relative;
    	top: -7px;
}





.pt_classic_plus .PAPAGETITLE, .pt_classic_plus .PSSRCHTITLE
{
	font-family : Arial,Helvetica,sans-serif ;
	font-weight: bold;
	font-size: 19.8px;
	color: #000;
	color: var(--pt-page-text-color);
	margin-bottom: 15px; 
	display: block;
}
.pt_classic_plus .PATRANSACTIONTITLE 
{
	font-size: 19.8px;
	font-family : Arial,Helvetica,sans-serif ;
}
.pt_classic_plus .PSSRCHSUBTITLE 
{
	color: var(--pt-page-text-color);
}




.pt_classic_plus .PSHORIZONTALRULE
{
	border-top-color: var(--pt-border-normal-color);
}




.pt_classic_plus .PSEDITBOX,
.pt_classic_plus .PSEDITBOX_DISABLED,
.pt_classic_plus .PSEDITBOXDISABLED,
.pt_classic_plus input.PSERROR, 
.pt_classic_plus textarea.PSERROR 
{
	font-family : Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	color: rgb(0,0,0);
	color: var(--pt-control-text-color);
	border-radius: 3px;
	box-shadow: none;
	border: 1px solid #bcc4cd;
	padding: 6.160px 3.667px;
	background-color: #fff;
	background-color: var(--pt-control-background-color);
	border-color: #868e96; 
	border-color: var(--pt-control-border-color);
}
.pt_classic_plus .PSEDITBOX:hover, 
.pt_classic_plus .PSEDITBOX:focus,
.pt_classic_plus input.PSERROR:hover, 
.pt_classic_plus input.PSERROR:focus,  
.pt_classic_plus textarea.PSERROR:hover, 
.pt_classic_plus textarea.PSERROR:focus  
{
	border-color: #246FC7;
	border-color: var(--pt-control-hover-border-color);
}

.pt_classic_plus .PSEDITBOX_DISABLED, 
.pt_classic_plus .PSEDITBOXDISABLED
{
	border-color: #ced4da; 
	border-color: var(--pt-control-disabled-border-color);
	color: #646c75; 
	color: var(--pt-control-disabled-text-color);
	background-color: #eff1f4; 
	background-color: var(--pt-control-disabled-background-color);
}

.pt_classic_plus input.PSERROR,
.pt_classic_plus textarea.PSERROR
{
	background-color: #E03131 ;
	background-color: var(--pt-control-error-background-color);
	color: #ffffff ;
    color: var(--pt-control-error-text-color);
    border-color: var(--pt-control-error-border-color);
}

.pt_classic_plus.psc_mode-hc input.PSERROR,
.pt_classic_plus.psc_mode-hc textarea.PSERROR
{
    outline: 2px inset rgba(255, 0, 0, .7) !important;
    outline-offset: 5px;
}





.pt_classic_plus select.PSDROPDOWNLIST,
.pt_classic_plus select.PSDISABLED, 
.pt_classic_plus select.PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus select.PSDROPDOWNLISTDISABLED,
.pt_classic_plus select.PSERROR 
{
	font-family: Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	color: rgb(0,0,0);
	color: var(--pt-control-text-color);
	border-radius: 3px;
	box-shadow: none;
	border: 1px solid #bcc4cd;
	padding: 5.133px 4.693px;
	background-color: #fff;
	background-color: var(--pt-control-background-color);
	border-color: #868e96; 
	border-color: var(--pt-control-border-color);
}
.pt_classic_plus select.PSDROPDOWNLIST:hover, 
.pt_classic_plus select.PSDROPDOWNLIST:focus,
.pt_classic_plus select.PSERROR:hover, 
.pt_classic_plus select.PSERROR:focus 
{
	border-color: #246FC7;
	border-color: var(--pt-control-hover-border-color);
}

.pt_classic_plus select.PSDISABLED, 
.pt_classic_plus select.PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus select.PSDROPDOWNLISTDISABLED
{
	border-color: #CED4DA;
	border-color: var(--pt-control-disabled-border-color);
	color: #646c75;
	color: var(--pt-control-disabled-text-color);
	background-color: #eff1f4; 
	background-color: var(--pt-control-disabled-background-color);
}

.pt_classic_plus select.PSERROR
{
	background-color: rgb(225, 40, 40) ;
	background-color: var(--pt-control-error-background-color);
	color: #ffffff ;
    color: var(--pt-control-error-text-color);
    border-color: var(--pt-control-error-border-color);
}

.pt_classic_plus.psc_mode-hc select.PSERROR
{
    outline: 2px inset rgba(255, 0, 0, .7) !important;
    outline-offset: 5px;
}




.pt_classic_plus textarea.PSLONGEDITBOX
{
	font-family: Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	color: rgb(0,0,0);
	color: var(--pt-control-text-color);
	border-radius: 3px;
	box-shadow: none;
	border: 1px solid #bcc4cd;
	padding: 6.160px 3.667px;
	background-color: #fff;
	background-color: var(--pt-control-background-color);
	border-color: #868e96; 
    border-color: var(--pt-control-border-color);
}
.pt_classic_plus textarea.PSLONGEDITBOX:hover, 
.pt_classic_plus textarea.PSLONGEDITBOX:focus
{
	border-color: #246FC7;
	border-color: var(--pt-control-hover-border-color);
}


.pt_classic_plus textarea.PSDISABLED
{
	border-color: #CED4DA;
	border-color: var(--pt-control-disabled-border-color);
	color: #646c75;
	color: var(--pt-control-disabled-text-color);
	background-color: #eff1f4;
	background-color: var(--pt-control-disabled-background-color);
	font-family: Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	padding: 6.160px 3.667px;
	border-radius: 3px;
	box-shadow: none;
}




.pt_classic_plus .PSHYPERLINK, 
.pt_classic_plus .PSHYPERLINK:link, 
.pt_classic_plus .PSHYPERLINK:visited, 
.pt_classic_plus .PSHYPERLINKNOUL:link, 
.pt_classic_plus .PSHYPERLINKNOUL:visited, 
.pt_classic_plus .PSSRCHRESULTSEVENROW:link, 
.pt_classic_plus .PSSRCHRESULTSEVENROW:visited, 
.pt_classic_plus .PSSRCHRESULTSODDROW:link, 
.pt_classic_plus .PSSRCHRESULTSODDROW:visited,
.pt_classic_plus .PSHYPERLINKDISABLED, 
.pt_classic_plus .PSSRCHRESULTSHYPERLINKD, 
.pt_classic_plus .PSHYPERLINKDISABLED, 
.pt_classic_plus .PSHYPERLINKNOULDISABLED, 
.pt_classic_plus .PSHYPERLINKNOULBOLDDISABLED, 
.pt_classic_plus .PSSRCHRESULTSEVENROWDISABLED, 
.pt_classic_plus .PSSRCHRESULTSODDROWDISABLED,
.pt_classic_plus .PSRALEFTWIDGET,
.pt_classic_plus .PSRARIGHTWIDGET,
.pt_classic_plus .PTGBLFACET, 
.pt_classic_plus .PASUBTABLINKACTIVE,

.pt_classic_plus .PSHYPERLINKACTIVE,
.pt_classic_plus .PTCPGRIDHDRVIEWALLDIVACH, 
.pt_classic_plus .PTCPSCROLLAREAHDRFINDDIV
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14.6667px;
	color: #246FC7;
	color: var(--pt-link-text-color);
}
.pt_classic_plus .PSHYPERLINK:hover
.pt_classic_plus .PAXHYPERLINKHOVER, 
.pt_classic_plus .PSHYPERLINKHOVER, 
.pt_classic_plus .PSQRYHYPERLINKHOVER, 
.pt_classic_plus .PSHYPERLINK:HOVER, 
.pt_classic_plus .PSHYPERLINKNOUL:HOVER, 
.pt_classic_plus .PSHYPERLINKNOULBOLD:HOVER, 
.pt_classic_plus .PSNAVPARENTLINK:HOVER, 
.pt_classic_plus .PSRALEFTWIDGET:HOVER, 
.pt_classic_plus .PSRARIGHTWIDGET:HOVER, 
.pt_classic_plus .PTNAVLINK:HOVER, 
.pt_classic_plus .PSQRYHYPERLINK:HOVER,
.pt_classic_plus .PTGBLFACETHOVER, 
.pt_classic_plus .PTGBLFACET:hover,

.pt_classic_plus .PSHYPERLINKACTIVE:HOVER,
.pt_classic_plus .PABOLDBLUETEXT:HOVER,
.pt_classic_plus .PTCPGRIDHDRVIEWALLDIVACH:HOVER,
.pt_classic_plus .PTCPSCROLLAREAHDRFINDDIV:HOVER
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14.6667px;
	color: #1c579C;
	color: var(--pt-link-hover-text-color);
	text-decoration: underline;
}

.pt_classic_plus .PSSRCHRESULTSEVENROW a:hover, 
.pt_classic_plus .PSSRCHRESULTSODDROW a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #1c579C;
	color: var(--pt-link-hover-text-color);
	text-decoration: underline;
}

.pt_classic_plus .PSHYPERLINKDISABLED, .pt_classic_plus .PSSRCHRESULTSHYPERLINKD, .pt_classic_plus .PSHYPERLINKDISABLED, .pt_classic_plus .PSHYPERLINKNOULDISABLED, 
.pt_classic_plus .PSHYPERLINKNOULBOLDDISABLED, .pt_classic_plus .PSSRCHRESULTSEVENROWDISABLED, .pt_classic_plus .PSSRCHRESULTSODDROWDISABLED, 
.pt_classic_plus .PSHEADERHYPERLINKD 
{
	text-decoration: none;
	color: #555;
	color: var(--pt-link-disabled-text-color);
}

.pt_classic_plus .PSHEADERHYPERLINKD 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
}


.pt_classic_plus .PSTABLINKSCONTAINER .PSTABLINKSSELECTED
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #555;
	color: var(--pt-link-disabled-text-color);
}
.pt_classic_plus span.PT_CP_LINE_SEPERATOR:after
{
	content: "|";
	margin-left: 8px;
	margin-right: 8px;
	font-weight: normal;
	color: #888;
	color: var(--pt-label-text-color);
	vertical-align: top;
}




.pt_classic_plus .PSPUSHBUTTON, .pt_classic_plus .PSPUSHBUTTONTBSAVE, .pt_classic_plus .PSPUSHBUTTONTBSENDNOTIFY, .pt_classic_plus .PSPUSHBUTTONTBAPPLY, 
.pt_classic_plus .PSPUSHBUTTONTBCONTINUE, .pt_classic_plus .PSPUSHBUTTONTBIGNORE, .pt_classic_plus .PSPUSHBUTTONTBNO, .pt_classic_plus .PSPUSHBUTTONTBPREVIEW, 
.pt_classic_plus .PSPUSHBUTTONTBRETRY, .pt_classic_plus .PSPUSHBUTTONTBYES,.pt_classic_plus .PSPUSHBUTTONTBNEXTTAB, .pt_classic_plus .PSPUSHBUTTONTBNEXTINLIST, 
.pt_classic_plus .PSPUSHBUTTONTBNEXTINWORKLIST, .pt_classic_plus .PSPUSHBUTTONTBPREVINLIST, .pt_classic_plus .PSPUSHBUTTONTBPREVINWORKLIST, .pt_classic_plus .PSPUSHBUTTONTBPREVTAB, 
.pt_classic_plus .PSPUSHBUTTONTBUPDATEMODE, .pt_classic_plus .PSPUSHBUTTONTBABORT, .pt_classic_plus .PSPUSHBUTTONTBADD, .pt_classic_plus .PSPUSHBUTTONTBADDMODE, 
.pt_classic_plus .PSPUSHBUTTONTBAPPLY, .pt_classic_plus .PSPUSHBUTTONTBCANCEL, .pt_classic_plus .PSPUSHBUTTONTBCLEAR, .pt_classic_plus .PSPUSHBUTTONTBCONTINUE, 
.pt_classic_plus .PSPUSHBUTTONTBCORRECTMODE, .pt_classic_plus .PSPUSHBUTTONTBDELETE, .pt_classic_plus .PSPUSHBUTTONTBIGNORE, .pt_classic_plus .PSPUSHBUTTONTBLOOKUP, 
.pt_classic_plus .PSPUSHBUTTONTBNO, .pt_classic_plus .PSPUSHBUTTONTBOK, .pt_classic_plus .PSPUSHBUTTONTBPOPUP, .pt_classic_plus .PSPUSHBUTTONTBPREVIEW, 
.pt_classic_plus .PSPUSHBUTTONTBREFRESH, .pt_classic_plus .PSPUSHBUTTONTBREFRESH2, .pt_classic_plus .PSPUSHBUTTONTBRETRY, .pt_classic_plus .PSPUSHBUTTONTBRETURN, 
.pt_classic_plus .PSPUSHBUTTONTBSPELLCHECK, .pt_classic_plus .PSPUSHBUTTONTBUPDATEALLMODE, .pt_classic_plus .PSPUSHBUTTONTBVIEWWORKLIST, .pt_classic_plus .PSPUSHBUTTONTBYES,
.pt_classic_plus .PSPUSHBUTTONTBSEARCH, .pt_classic_plus .PSPUSHBUTTONTBADD, .pt_classic_plus .PSPUSHBUTTONTBOK, .pt_classic_plus .PSPUSHBUTTONTBCLEAR, 
.pt_classic_plus .PSPUSHBUTTONRETURN, .pt_classic_plus .PSPUSHBUTTONTBABORT, .pt_classic_plus .PSPUSHBUTTONTBCANCEL, .pt_classic_plus .PSPUSHBUTTONTBLOOKUP,
.pt_classic_plus #ptpopup .PSPUSHBUTTONTBOK, .pt_classic_plus #pt_modals .PSPUSHBUTTONTBOK,
.pt_classic_plus #pt_modals .PSPUSHBUTTONTBNO, .pt_classic_plus #pt_modals .PSPUSHBUTTONTBYES
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px ;
	font-weight: normal;
	color: #246FC7;
	color: var(--pt-button-text-color);
	text-shadow: none;
	padding: 0px;
	margin: 0px;
} 
.pt_classic_plus .PSPUSHBUTTONTB.Left,
.pt_classic_plus .PSPUSHBUTTON.Left,
.pt_classic_plus #ptpopup .PSPUSHBUTTON.Left,
.pt_classic_plus #pt_modals .PSPUSHBUTTON.Left,
#ptpinAddBtn, 
#ptaddlpbtn
{
	background-image: none;
	background: #fff;
	background: var(--pt-button-background-color);
	border: 1px solid var(--pt-button-border-color) !important; 
	border-radius: 3.6666px;
	box-shadow: none;
	padding: 7.234px 17.6px; 
	transition: background 0.15s 0s ease-in-out;
}
.pt_classic_plus .PSPUSHBUTTONTB.Left:hover,
.pt_classic_plus .PSPUSHBUTTON.Left:hover,
.pt_classic_plus #ptpopup .PSPUSHBUTTON.Left:hover,
.pt_classic_plus #pt_modals .PSPUSHBUTTON.Left:hover,
#ptpinAddBtn:hover, 
#ptaddlpbtn:hover
{
	background-image:none;
	background: #f4f7fc;
	background-color: var(--pt-button-hover-background-color);
	border-color: #1c579c;
    border-color: var(--pt-button-hover-border-color) !important;
	outline:1px dotted; 
	outline-offset:-3px; 
}
.pt_classic_plus .PSPUSHBUTTONTB.Left:hover input,
.pt_classic_plus .PSPUSHBUTTON.Left:hover input,
.pt_classic_plus #ptpopup .PSPUSHBUTTON.Left:hover input,
.pt_classic_plus #pt_modals .PSPUSHBUTTON.Left:hover input
{
	color: #1c579c;
	color: var(--pt-button-hover-text-color);
}
.pt_classic_plus .PSPUSHBUTTONTB.Left:active,
.pt_classic_plus .PSPUSHBUTTON.Left:active,
.pt_classic_plus #ptpopup .PSPUSHBUTTON.Left:active,
.pt_classic_plus #pt_modals .PSPUSHBUTTON.Left:active,
#ptpinAddBtn:active, 
#ptaddlpbtn:active
{
	background-image:none;
	box-shadow: none;
	border-color: #1d2733 !important;
	border-color: var(--pt-button-active-border-color);
	background: #b9ddfb;
	background: var(--pt-button-active-background-color);
	outline: none; 
}
.pt_classic_plus .PSPUSHBUTTONTB.Left:active input,
.pt_classic_plus .PSPUSHBUTTON.Left:active input,
.pt_classic_plus #ptpopup .PSPUSHBUTTON.Left:active input,
.pt_classic_plus #pt_modals .PSPUSHBUTTON.Left:active input
{
	color: #1d2733;
	color: var(--pt-button-active-text-color);
}
.pt_classic_plus .PSPUSHBUTTON span, .pt_classic_plus .PSPUSHBUTTONTB span, .pt_classic_plus .PSPUSHBUTTON span:hover, .pt_classic_plus .PSPUSHBUTTONTBABORT span, 
.pt_classic_plus .PSPUSHBUTTONTBADD span, .pt_classic_plus .PSPUSHBUTTONTBADDMODE span, .pt_classic_plus .PSPUSHBUTTONTBAPPLY span, .pt_classic_plus .PSPUSHBUTTONTBCANCEL span, 
.pt_classic_plus .PSPUSHBUTTONTBCLEAR span, .pt_classic_plus .PSPUSHBUTTONTBCONTINUE span, .pt_classic_plus .PSPUSHBUTTONTBCORRECTMODE span, .pt_classic_plus .PSPUSHBUTTONTBDELETE span, 
.pt_classic_plus .PSPUSHBUTTONTBIGNORE span, .pt_classic_plus .PSPUSHBUTTONTBLOOKUP span, .pt_classic_plus .PSPUSHBUTTONTBNEXTINLIST span, .pt_classic_plus .PSPUSHBUTTONTBNEXTINWORKLIST span, 
.pt_classic_plus .PSPUSHBUTTONTBNEXTTAB span, .pt_classic_plus .PSPUSHBUTTONTBNO span, .pt_classic_plus .PSPUSHBUTTONTBOK span, .pt_classic_plus .PSPUSHBUTTONTBPOPUP span, 
.pt_classic_plus .PSPUSHBUTTONTBPREVIEW span, .pt_classic_plus .PSPUSHBUTTONTBPREVINLIST span, .pt_classic_plus .PSPUSHBUTTONTBPREVINWORKLIST span, .pt_classic_plus .PSPUSHBUTTONTBPREVTAB span, 
.pt_classic_plus .PSPUSHBUTTONTBREFRESH span, .pt_classic_plus .PSPUSHBUTTONTBREFRESH2 span, .pt_classic_plus .PSPUSHBUTTONTBRETRY span, .pt_classic_plus .PSPUSHBUTTONTBRETURN span, 
.pt_classic_plus .PSPUSHBUTTONTBSAVE span, .pt_classic_plus .PSPUSHBUTTONTBSEARCH span, .pt_classic_plus .PSPUSHBUTTONTBSENDNOTIFY span, .pt_classic_plus .PSPUSHBUTTONTBSPELLCHECK span, 
.pt_classic_plus .PSPUSHBUTTONTBUPDATEALLMODE span, .pt_classic_plus .PSPUSHBUTTONTBUPDATEMODE span, .pt_classic_plus .PSPUSHBUTTONTBVIEWWORKLIST span, .pt_classic_plus .PSPUSHBUTTONTBYES span, 
.pt_classic_plus .PSPUSHBUTTONRETURN span, .pt_classic_plus .PSPUSHBUTTONDISABLED span,
.pt_classic_plus #ptpopup .PSPUSHBUTTON span,
.pt_classic_plus #pt_modals .PSPUSHBUTTON span
{
	border: none !important; 
	background-color: transparent;
}

.pt_classic_plus .PSPUSHBUTTONTBSAVEA , .pt_classic_plus .PSPUSHBUTTONTBRETURNA , .pt_classic_plus .PSPUSHBUTTONTBPREVINLISTD, .pt_classic_plus .PSPUSHBUTTONTBNEXTINLISTA, 
.pt_classic_plus .PSPUSHBUTTONTBADDMODE, .pt_classic_plus .PSPUSHBUTTONTBUPDATEMODED, .pt_classic_plus .PSPUSHBUTTONTBSENDNOTIFY, .pt_classic_plus .PSPUSHBUTTONTBREFRESHA, 
.pt_classic_plus .PSPUSHBUTTONTBPREVINLISTA , .pt_classic_plus .PSPUSHBUTTONTBCORRECTMODEA, .pt_classic_plus .PSPUSHBUTTONTBUPDATEALLMODEA, .pt_classic_plus .PSPUSHBUTTONTBUPDATEMODEA,
.pt_classic_plus .PSPUSHBUTTONTBUPDATEALLMODE, .pt_classic_plus .PSPUSHBUTTONTBUPDATEALLMODED, .pt_classic_plus .PSPUSHBUTTONTBCORRECTMODE, .pt_classic_plus .PSPUSHBUTTONTBCORRECTMODED,
.pt_classic_plus .PSPUSHBUTTONTBPREVTAB, .pt_classic_plus .PSPUSHBUTTONTBPREVTABA, .pt_classic_plus .PSPUSHBUTTONTBNEXTTAB, .pt_classic_plus .PSPUSHBUTTONTBNEXTTABA,
.pt_classic_plus .PSPUSHBUTTONTBPREVTAB, .pt_classic_plus .PSPUSHBUTTONTBPREVTABD, .pt_classic_plus .PSPUSHBUTTONTBNEXTTAB, .pt_classic_plus .PSPUSHBUTTONTBNEXTTABD,
.pt_classic_plus .PSPUSHBUTTONTBSPELLCHECK, .pt_classic_plus .PSPUSHBUTTONTBPOPUP,
.pt_classic_plus .PSPUSHBUTTONTBSAVED, .pt_classic_plus .PSPUSHBUTTONTBNEXTINLISTD, 
.pt_classic_plus .PSPUSHBUTTONTBVIEWWORKLISTA, .pt_classic_plus .PSPUSHBUTTONTBVIEWWORKLISTD, .pt_classic_plus .PSPUSHBUTTONTBPREVINWORKLISTD, .pt_classic_plus .PSPUSHBUTTONTBNEXTINWORKLISTD, 
.pt_classic_plus .PSPUSHBUTTONTBNEXTINWORKLISTA, .pt_classic_plus .PSPUSHBUTTONTBPREVINWORKLISTA 
{
	background-image : none;
	width: auto; 
}

.pt_classic_plus .PSPUSHBUTTONDISABLED.Left 
{	
	background-image: none; 
	background: #CED4DA;
	background: var(--pt-button-disabled-background-color);
	border :  1px solid #ced4da;
	border-color: var(--pt-button-disabled-border-color);
	border-radius: 3.6666px;
	box-shadow: none; 
	padding: 7.334px 17.6px;
}
.pt_classic_plus .PSPUSHBUTTONDISABLED input 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px ;
	font-weight: normal;
	text-shadow : none;
	color: #868e96; 
	color: var(--pt-button-disabled-text-color);
}




.pt_classic_plus .PSPRIMARY.Left 
{
	background-image: none;
	background: #246FC7;
	background: var(--pt-button-primary-background-color) ;
	box-shadow:none ;
	border: 1px solid #246fc7;
	border-color: var(--pt-button-primary-border-color);
	text-shadow: none; 
	border-radius: 3.6666px;
	padding: 7.234px 17.6px; 
}
.pt_classic_plus .PSPRIMARY.Left input
{
	color: #fff;
	color: var(--pt-button-primary-text-color);
	cursor: pointer;
}
.pt_classic_plus .PSPRIMARY .PSPUSHBUTTONTBSAVE, 
.pt_classic_plus .PSPRIMARY .PSPUSHBUTTONTBSAVEA,
.pt_classic_plus .PSPRIMARY .PSPUSHBUTTONTBSEARCH,
.pt_classic_plus .PSPRIMARY .PSPUSHBUTTONTBLOOKUP,
.pt_classic_plus .PSPRIMARY .PSPUSHBUTTONTBADD
{
	text-shadow: none;
}
.pt_classic_plus .PSPRIMARY.Left:hover 
{
	background-image:none;
	background: #1c579c;
	background-color: var(--pt-button-primary-hover-background-color);
	outline: 1px dotted; 
	outline-offset: -3px; 
	color: #fff; 
    color: var(--pt-button-primary-hover-text-color);
	border-color: var(--pt-button-primary-hover-border-color) !important;
}
.pt_classic_plus .PSPRIMARY.Left:hover input
{
	color: #fff;
	color: var(--pt-button-primary-hover-text-color);
}
.pt_classic_plus .PSPRIMARY.Left:active
{
	background-image:none;
	box-shadow: none;
	background: #1d2733;
	background-color: var(--pt-button-primary-active-background-color);
	border-color: var(--pt-button-primary-active-border-color) !important;
}
.pt_classic_plus .PSPRIMARY.Left:active input
{
	color: var(--pt-button-primary-active-text-color);
}
.pt_classic_plus .PSPRIMARY.Left:focus-within    
{
	outline:dashed 1px;
	outline-offset:1px;
	background-color: var(--pt-button-primary-hover-background-color);
}
.pt_classic_plus .PSPRIMARY.Left input:focus
{
	outline: none;
}




.pt_classic_plus .PTGRIDTAB a span, 
.pt_classic_plus #PSTAB a span,
.pt_classic_plus #PSTABNBO a span,
.pt_classic_plus #ptrctitlebar #ptrcServiceTab a span 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14.6667px;
	color: #000;
	color: var(--pt-tab-text-color);
	padding:7.334px 17.6px;
	line-height: 20.1px;
	border-radius: 3.6666px 3.6666px 0px 0px;
	border: 1px solid #a3a3a3;
	border-color: #868e96;  
	border-color: var(--pt-tab-border-color);
	border-bottom:none;
	box-shadow: none; 
	background: #fcfcfc;
    background: var(--pt-tab-background-color);
}
.pt_classic_plus #PSTAB #selected a span,
.pt_classic_plus #PSTAB .selectedtab a span, 
.pt_classic_plus .PTGRIDTAB .selectedtab a span,
.pt_classic_plus #PSTABNBO .selectedtab a span,
.pt_classic_plus #ptrctitlebar #ptrcServiceTab #selected a span 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14.6667px;
	font-weight: bold;
	color:#000;
	color: var(--pt-tab-text-color);
	padding:7.334px 17.6px;
	line-height:20.1px;
	border-radius: 3.6666px 3.6666px 0px 0px; 
	border: 1px solid #246Fc7; 
	border-color: var(--pt-tab-border-color);
	border-bottom:none;
	box-shadow: none; 
	background: #b9ddfb;
	background: var(--pt-tab-selected-background-color);
	text-shadow: none;
}

.pt_classic_plus #PSTAB #selected a,
.pt_classic_plus #PSTAB .selectedtab a, 
.pt_classic_plus .PTGRIDTAB .selectedtab a,
.pt_classic_plus #PSTABNBO .selectedtab a,
.pt_classic_plus #ptrctitlebar #ptrcServiceTab #selected a span 
{
	border-bottom: 4px Solid var(--pt-tab-selected-border-color) !important;
}

.pt_classic_plus .PTGRIDTAB a, .pt_classic_plus #PTGRIDTABNBO a
{
	border-bottom: 4px solid transparent !important;
}

.pt_classic_plus #PSTAB :not(.selectedtab) > a:hover span, 
.pt_classic_plus .PTGRIDTAB :not(.selectedtab) > a:hover span,
.pt_classic_plus #PSTABNBO a:hover span,
.pt_classic_plus #ptrctitlebar #ptrcServiceTab a:hover span 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14.66px;
	padding:7.334px 17.6px;
	border-color: #868e96;
	border-color: var(--pt-tab-border-color);
	 
	
	box-shadow: none; 
	background: #f4f7fc ;	
	background: var(--pt-tab-hover-background-color) ;
}

.pt_classic_plus #PSTAB :not(.selectedtab) > a:hover, 
.pt_classic_plus .PTGRIDTAB :not(.selectedtab) > a:hover,
.pt_classic_plus #PSTABNBO a:hover span,
.pt_classic_plus #ptrctitlebar #ptrcServiceTab a:hover span 
{
	border-bottom: 4px Solid var(--pt-tab-hover-border-color) !important;
}
.pt_classic_plus .PTGRIDTAB a:hover
{
	text-decoration: none;
}
.pt_classic_plus #PSTAB a:active span, 
.pt_classic_plus .PTGRIDTAB a:active span,
.pt_classic_plus #PSTABNBO a:active span,
.pt_classic_plus #ptrctitlebar #ptrcServiceTab a:active span 
{
	background: #fff ;
	background: var(--pt-tab-background-color) ;
	border-color: #555;
    border-color: var(--pt-tab-border-color);
    border-bottom: var(--pt-tab-active-border-color);
}
.pt_classic_plus #PSTAB  a, 
.pt_classic_plus .PTGRIDTAB a, 
.pt_classic_plus #PSTAB .selectedtab a, 
.pt_classic_plus .PTGRIDTAB .selectedtab a,
.pt_classic_plus #PSTABNBO a,
.pt_classic_plus #PSTABNBO .selectedtab a
{
	border-bottom: 4px solid transparent;
	padding: 0px !important; 
}
.pt_classic_plus #PSTAB a, 
.pt_classic_plus #PSTABNBO a,
.pt_classic_plus .PTGRIDTAB a,
{
	padding-right: 0px !important;
	text-decoration: none !important;
}
.pt_classic_plus .PSBOTTOMLINE 
{
	background: none;
	border-bottom: 1px solid #ced4da;
	border-bottom-color: #868e96; 
	border-bottom-color: var(--pt-tab-base-border-color);
}
.pt_classic_plus .PT_CP_PAGETABTD
{
	border-bottom: 1px solid #ced4da;
	border-bottom-color: #868e96; 
	border-bottom-color: var(--pt-tab-base-border-color);
	padding-right: 7.334px; 
	padding-bottom: 0.5px; 
}

.pt_classic_plus .PTGRIDTAB .PT_CP_PAGETABTD
{
	border-bottom: none;
}

.pt_classic_plus .PTGRIDTAB .PSBOTTOMLINE
{
	width: 11px;
	border-bottom: none;
}

.pt_classic_plus .PTCPEXPANDGRIDCOLS, .pt_classic_plus .PTCPCOLLAPSEGRIDCOLS
{
	height: 21px;
}
.pt_classic_plus .PTGRIDTAB  a span.PTCPCOLLAPSEGRIDCOLS
{
	margin-left: 7.334px;
}
.pt_classic_plus .PTCPEXPANDGRIDCOLS, .pt_classic_plus .PTCPCOLLAPSEGRIDCOLS
{
	background: #FFFFFF !important;
	border: 1px solid transparent !important;
	padding: 6px 8px !important;
}
.pt_classic_plus .PTCPEXPANDGRIDCOLSIMG 
{
	position: relative;
	left: 0px;
	top: 3px;
}
.pt_classic_plus .PTCPCOLLAPSEGRIDCOLSIMG
{
	position: relative;
	top: 1px;
}

.pt_classic_plus .PTCP_TABSCROLL
{
	margin-bottom: 5px !important;
}
.pt_classic_plus #PSTAB a.PTCP_TABSCROLL:hover 
{
	border-bottom: 4px solid transparent !important;
}

.pt_classic_plus #PSTABNBO td
{
	border-bottom: 1px solid #ced4da;
	padding-right: 7.334px;
}
.pt_classic_plus #PSTABNBO td:first-child
{
	padding-left: 11px;	
}
.pt_classic_plus #PSTABNBO td:last-child
{
	padding-right: 200px;	
}
.pt_classic_plus #TABBOTTOMLINE
{
	border-bottom: none;
	background-color: #fff !important ;
}






.pt_classic_plus .PSLEVEL1GRIDWBO, .pt_classic_plus .PSLEVEL2GRIDWBO, .pt_classic_plus .PSLEVEL3GRIDWBO, .pt_classic_plus .PSSRCHRESULTSWBO
{
	border: 1px solid #ced4da;
	border-color: var(--pt-grid-border-color);
}


.pt_classic_plus .PSLEVEL1GRIDLABEL, .pt_classic_plus .PSLEVEL2GRIDLABEL, .pt_classic_plus .PSLEVEL3GRIDLABEL, .pt_classic_plus .PTCPGRIDTITLE
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.133px;
	font-weight: bold;
	color: rgb(164,086,023);
	color: var(--pt-header-text-color);
}


.pt_classic_plus .PTCPNOCOLHDRS
{
    border-top : 1px solid #ced4da;
	border-color: var(--pt-grid-border-color);
}




.pt_classic_plus .gridActionMenu
{
	background: #fff;
	background: var(--pt-modal-background-color); 
	padding: 0px;
	border: 1px solid #6c6c6c;
	border-color: var(--pt-modal-border-color);
	border-radius: 3px;
	box-shadow: 0 0 25px #5a5a5a;
	box-shadow: 0px 0px 25px var(--pt-modal-shadow-color);
	position: absolute;
}
.pt_classic_plus .gridactionmenucontainerclass .gridActionMenu a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #1c579C;
	color: var(--pt-menu-item-text-color);
	padding: 14px;
	text-overflow: ellipsis;
	white-space: normal;
	border-bottom : none;
	margin: 0px;
	background: none;
	display: block;
	text-decoration: none;
	font-weight: normal;
	border-left: 4px solid #fff;
}
.pt_classic_plus .gridActionMenu a:hover
{
	border-left: 4px solid #1C579C;
	border-color: var(--pt-menu-item-hover-border-color);
	background-color: var(--pt-hover-background-color);
}
.pt_classic_plus .gridActionMenu a:active
{
	background-color: var(--pt-menu-item-active-background-color);
}

.pt_classic_plus .gridActionMenuArrowIcon
{
	background-color: #fff;
	background-color: var(--pt-modal-background-color);
	border-bottom: 1px none;
	border-right: 1px solid #6c6c6c;
	border-top: 1px solid #6c6c6c;
    border-color: var(--pt-modal-border-color);
	border-width: 1px;
	content: " ";
	display: none;
	height: 14px;
	margin-left: initial;
	position: absolute;
	top: -1px;
	transform: rotate(-45deg);
	transform-origin: left top 0;
	width: 14px;
	z-index: -1;
}




 .pt_classic_plus.psc_dir-rtl .gridActionMenuArrowIcon 
{
	right: 13px;
	float: right;
}





.pt_classic_plus .PTDOWNLOAD1:before
{
	content: none;
}
.pt_classic_plus .PTMODALCNTRL_CONTRAST:before
{
	content: none;
}




.pt_classic_plus a.PSLEVEL1GRIDCOLUMNHDR:link, .pt_classic_plus a.PSLEVEL1GRIDCOLUMNHDR:visited, 
.pt_classic_plus a.PSLEVEL2GRIDCOLUMNHDR:link, .pt_classic_plus a.PSLEVEL2GRIDCOLUMNHDR:visited, 
.pt_classic_plus a.PSLEVEL3GRIDCOLUMNHDR:link, .pt_classic_plus a.PSLEVEL3GRIDCOLUMNHDR:visited, 
.pt_classic_plus span.PSLEVEL1GRIDCOLUMNHDRTXT, .pt_classic_plus span.PSLEVEL2GRIDCOLUMNHDRTXT, .pt_classic_plus span.PSLEVEL3GRIDCOLUMNHDRTXT, 
.pt_classic_plus a.PSSRCHRESULTSHDR:link, .pt_classic_plus a.PSSRCHRESULTSHDR:visited, 
.pt_classic_plus a.PAGRIDHEADER:link, .pt_classic_plus a.PAGRIDHEADER:visited,
.pt_classic_plus span.PAGRIDHEADERTXT, 
.pt_classic_plus span.PSTARESULTSHDR 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	font-weight: bold;
	color: #000;
	color: var(--pt-grid-header-text-color);
	text-shadow: none;
	cursor: pointer;
	text-decoration: none;
	background: #f8f8f8;
	background-color: var(--pt-grid-header-background-color);
}

.pt_classic_plus a.PSLEVEL1GRIDCOLUMNHDR:hover, .pt_classic_plus a.PSLEVEL2GRIDCOLUMNHDR:hover, .pt_classic_plus a.PSLEVEL3GRIDCOLUMNHDR:hover, 
.pt_classic_plus a.PSSRCHRESULTSHDR:hover, 
.pt_classic_plus span.PSLEVEL1GRIDCOLUMNHDRTXT:hover, .pt_classic_plus span.PAGRIDHEADERTXT:hover,
.pt_classic_plus a.PAGRIDHEADER:hover
{
	text-decoration: none; 
	background-color: #f4f7fc; 
	background-color: var(--pt-hover-background-color);
	outline: 1px dashed; 
	outline-offset: 2px; 
}

.pt_classic_plus a.PSLEVEL1GRIDCOLUMNHDR:active, .pt_classic_plus a.PSLEVEL2GRIDCOLUMNHDR:active, .pt_classic_plus a.PSLEVEL3GRIDCOLUMNHDR:active, 
.pt_classic_plus a.PSSRCHRESULTSHDR:active, 
.pt_classic_plus span.PSLEVEL1GRIDCOLUMNHDRTXT:active, .pt_classic_plus span.PAGRIDHEADERTXT:active,
.pt_classic_plus a.PAGRIDHEADER:active
{
	text-decoration: none; 
	background-color: #b9ddfb; 
	background-color: var(--pt-active-background-color);
	outline: 1px solid; 
	outline-offset: 0px; 
}




.pt_classic_plus span.PSLEVEL1GRIDCOLUMNHDRTXT:after, .pt_classic_plus a.PSLEVEL1GRIDCOLUMNHDR:after {
	
}




.pt_classic_plus th.PSLEVEL1GRIDCOLUMNHDR, .pt_classic_plus th.PSLEVEL2GRIDCOLUMNHDR, .pt_classic_plus th.PSLEVEL3GRIDCOLUMNHDR, 
.pt_classic_plus th.PSSRCHRESULTSHDR, .pt_classic_plus th.PAGRIDHEADER, .pt_classic_plus th.PSTARESULTSHDR, 
.pt_classic_plus th.PSQRYRESULTSHDR 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	font-weight: bold;
	color: #000;
	color: var(--pt-grid-header-text-color);
	background: #f8f8f8;
	background: var(--pt-grid-header-background-color);
	border-top: 1px solid #ced4da;
	border-top: 1px solid var(--pt-grid-border-color);
	border-bottom: 1px solid #ced4da;
	border-bottom: 1px solid var(--pt-grid-border-color);
	border-right : 1px solid #ced4da;
	border-right : 1px solid var(--pt-grid-border-color);
	
	
	padding: 8px 5px;
}




.pt_classic_plus td.PSLEVEL1GRIDEVENROW, .pt_classic_plus td.PSLEVEL1GRIDODDROW, .pt_classic_plus td.PSLEVEL1GRIDROW, 
.pt_classic_plus td.PSLEVEL2GRIDEVENROW, .pt_classic_plus td.PSLEVEL2GRIDODDROW, .pt_classic_plus td.PSLEVEL2GRIDROW, 
.pt_classic_plus td.PSLEVEL3GRIDEVENROW, .pt_classic_plus td.PSLEVEL3GRIDODDROW, .pt_classic_plus td.PSLEVEL3GRIDROW,
.pt_classic_plus td.PSSRCHRESULTSODDROW, .pt_classic_plus td.PSSRCHRESULTSEVENROW,  
.pt_classic_plus th.PSSRCHRESULTSODDROW, .pt_classic_plus th.PSSRCHRESULTSEVENROW, 
.pt_classic_plus td.spanHighElement, 
.pt_classic_plus td.PSQRYRESULTSODDROW, .pt_classic_plus td.PSQRYRESULTSEVENROW, 
.pt_classic_plus th.PSLEVEL1GRIDODDROW, .pt_classic_plus th.PSLEVEL1GRIDEVENROW 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	padding: 5px; 
	border-bottom : 1px solid #ced4da;
	border-bottom : 1px solid var(--pt-grid-item-border-color);
	border-right : 1px solid #ced4da;
	border-right : 1px solid var(--pt-grid-item-border-color);
}
.pt_classic_plus .PSLEVEL1GRIDEVENROW, .pt_classic_plus .PSLEVEL2GRIDEVENROW , .pt_classic_plus .PSLEVEL3GRIDEVENROW, 
.pt_classic_plus .PSSRCHRESULTSEVENROW,  
.pt_classic_plus .PSQRYRESULTSEVENROW  
{
	background-color: #fafafa;
	background-color: var(--pt-grid-item-alt-background-color);
}

.pt_classic_plus #pt_typeahead .PSSRCHRESULTSEVENROW
{
	background-color: #fff;
}
.pt_classic_plus #pt_typeahead .PSSRCHRESULTSODDROW
{
	background-color: var(--pt-grid-item-alt-background-color);
}

.pt_classic_plus .PSLEVEL1GRIDNBO td.PSLEVEL1GRIDROW,
.pt_classic_plus .PSLEVEL2GRIDNBO td.PSLEVEL2GRIDROW,
.pt_classic_plus .PSLEVEL3GRIDNBO td.PSLEVEL3GRIDROW,
.pt_classic_plus .PSLEVEL1GRIDNBO td.PSLEVEL1GRIDEVENROW, 
.pt_classic_plus .PSLEVEL1GRIDNBO td.PSLEVEL1GRIDODDROW,
.pt_classic_plus .PSLEVEL2GRIDNBO td.PSLEVEL2GRIDEVENROW, 
.pt_classic_plus .PSLEVEL2GRIDNBO td.PSLEVEL2GRIDODDROW,
.pt_classic_plus .PSLEVEL3GRIDNBO td.PSLEVEL3GRIDEVENROW, 
.pt_classic_plus .PSLEVEL3GRIDNBO td.PSLEVEL3GRIDODDROW,
.pt_classic_plus .PSLEVEL1GRIDNBO th.PSLEVEL1GRIDCOLUMNHDR, 
.pt_classic_plus .PSLEVEL2GRIDNBO th.PSLEVEL2GRIDCOLUMNHDR, 
.pt_classic_plus .PSLEVEL3GRIDNBO th.PSLEVEL3GRIDCOLUMNHDR
{
	border-bottom : 0px;
	border-right : 0px;		
	border-left : 0px;
	border-top : 0px;
}

.pt_classic_plus .PSLEVEL1GRIDNBO, 
.pt_classic_plus .PSLEVEL2GRIDNBO, 
.pt_classic_plus .PSLEVEL3GRIDNBO, 
.pt_classic_plus .PSSRCHRESULTSNBO
{
 	border: none;
}




.pt_classic_plus .PTROWADD1:before
{
	content: url(/cs/NBCCPRD/cache/PT_ROW_ADD_32_1.svg) !important ;
	position: relative;
	top: 2px;
}
.pt_classic_plus .PTROWADDMULTI1:before
{
	content: url(/cs/NBCCPRD/cache/PTCP_GRID_ADD_MULTIROW_1.svg) !important ;
	position: relative;
	top: 2px;
}
.pt_classic_plus .PTROWDELETE1:before 
{ 
	content: url(/cs/NBCCPRD/cache/PT_ROW_DEL_32_1.svg) !important ;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
}
.pt_classic_plus .PSLEVEL1GRID .PTROWADD1, .pt_classic_plus .PSLEVEL1GRID .PTROWDELETE1, .pt_classic_plus .PSLEVEL1GRIDWBO .PTROWADD1, .pt_classic_plus .PSLEVEL1GRIDWBO .PTROWDELETE1, 
.pt_classic_plus .PSLEVEL2GRID .PTROWADD1, .pt_classic_plus .PSLEVEL2GRID .PTROWDELETE1, .pt_classic_plus .PSLEVEL2GRIDWBO .PTROWADD1, .pt_classic_plus .PSLEVEL2GRIDWBO .PTROWDELETE1, 
.pt_classic_plus .PSLEVEL3GRID .PTROWADD1, .pt_classic_plus .PSLEVEL3GRID .PTROWDELETE1, .pt_classic_plus .PSLEVEL3GRIDWBO .PTROWADD1, .pt_classic_plus .PSLEVEL3GRIDWBO .PTROWDELETE1,
.pt_classic_plus .PSLEVEL1SCROLLAREABODYWBO .PTROWADD1, .pt_classic_plus .PSLEVEL1SCROLLAREABODYWBO .PTROWDELETE1, 
.pt_classic_plus .PSLEVEL2SCROLLAREABODYWBO .PTROWADD1, .pt_classic_plus .PSLEVEL2SCROLLAREABODYWBO .PTROWDELETE1, 
.pt_classic_plus .PSLEVEL3SCROLLAREABODYWBO .PTROWADD1, .pt_classic_plus .PSLEVEL3SCROLLAREABODYWBO .PTROWDELETE1,
.pt_classic_plus .PSLEVEL1SCROLLAREABODY .PTROWADD1, .pt_classic_plus .PSLEVEL1SCROLLAREABODY .PTROWDELETE1, 
.pt_classic_plus .PSLEVEL2SCROLLAREABODY .PTROWADD1, .pt_classic_plus .PSLEVEL2SCROLLAREABODY .PTROWDELETE1, 
.pt_classic_plus .PSLEVEL3SCROLLAREABODY .PTROWADD1, .pt_classic_plus .PSLEVEL3SCROLLAREABODY .PTROWDELETE1,
.pt_classic_plus .PSLEVEL1GRID .PTROWADDMULTI1, .pt_classic_plus .PSLEVEL1GRIDWBO .PTROWADDMULTI1, 
.pt_classic_plus .PSLEVEL2GRID .PTROWADDMULTI1, .pt_classic_plus .PSLEVEL2GRIDWBO .PTROWADDMULTI1, 
.pt_classic_plus .PSLEVEL3GRID .PTROWADDMULTI1, .pt_classic_plus .PSLEVEL3GRIDWBO .PTROWADDMULTI1,
.pt_classic_plus .PSLEVEL1SCROLLAREABODY .PTROWADDMULTI1,
.pt_classic_plus .PSLEVEL2SCROLLAREABODY .PTROWADDMULTI1,
.pt_classic_plus .PSLEVEL3SCROLLAREABODY .PTROWADDMULTI1
{
	background:#fff;
	background: var(--pt-button-background-color);
	border-radius:3px; 
	padding-top:8px; 
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 9px;
	border: 1px solid #868e96;
	border: 1px solid var(--pt-button-simple-border-color);
	box-shadow: none;
	transition: background 0.15s 0s ease-in-out;
}
.pt_classic_plus .PSLEVEL1GRID .PTROWADD1:hover, .pt_classic_plus .PSLEVEL1GRID .PTROWDELETE1:hover, .pt_classic_plus .PSLEVEL1GRIDWBO .PTROWADD1:hover, .pt_classic_plus .PSLEVEL1GRIDWBO .PTROWDELETE1:hover,
.pt_classic_plus .PSLEVEL2GRID .PTROWADD1:hover, .pt_classic_plus .PSLEVEL2GRID .PTROWDELETE1:hover, .pt_classic_plus .PSLEVEL2GRIDWBO .PTROWADD1:hover, .pt_classic_plus .PSLEVEL2GRIDWBO .PTROWDELETE1:hover,
.pt_classic_plus .PSLEVEL3GRID .PTROWADD1:hover, .pt_classic_plus .PSLEVEL3GRID .PTROWDELETE1:hover, .pt_classic_plus .PSLEVEL3GRIDWBO .PTROWADD1:hover, .pt_classic_plus .PSLEVEL3GRIDWBO .PTROWDELETE1:hover,
.pt_classic_plus .PSLEVEL1SCROLLAREABODYWBO .PTROWADD1:hover, .pt_classic_plus .PSLEVEL1SCROLLAREABODYWBO .PTROWDELETE1:hover, 
.pt_classic_plus .PSLEVEL2SCROLLAREABODYWBO .PTROWADD1:hover, .pt_classic_plus .PSLEVEL2SCROLLAREABODYWBO .PTROWDELETE1:hover, 
.pt_classic_plus .PSLEVEL3SCROLLAREABODYWBO .PTROWADD1:hover, .pt_classic_plus .PSLEVEL3SCROLLAREABODYWBO .PTROWDELETE1:hover,
.pt_classic_plus .PSLEVEL1SCROLLAREABODY .PTROWADD1:hover, .pt_classic_plus .PSLEVEL1SCROLLAREABODY .PTROWDELETE1:hover, 
.pt_classic_plus .PSLEVEL2SCROLLAREABODY .PTROWADD1:hover, .pt_classic_plus .PSLEVEL2SCROLLAREABODY .PTROWDELETE1:hover, 
.pt_classic_plus .PSLEVEL3SCROLLAREABODY .PTROWADD1:hover, .pt_classic_plus .PSLEVEL3SCROLLAREABODY .PTROWDELETE1:hover, 
.pt_classic_plus .PSLEVEL1GRID .PTROWADDMULTI1:hover, .pt_classic_plus .PSLEVEL1GRIDWBO .PTROWADDMULTI1:hover,
.pt_classic_plus .PSLEVEL2GRID .PTROWADDMULTI1:hover, .pt_classic_plus .PSLEVEL2GRIDWBO .PTROWADDMULTI1:hover,
.pt_classic_plus .PSLEVEL3GRID .PTROWADDMULTI1:hover, .pt_classic_plus .PSLEVEL3GRIDWBO .PTROWADDMULTI1:hover,
.pt_classic_plus .PSLEVEL1SCROLLAREABODY .PTROWADDMULTI1:hover,
.pt_classic_plus .PSLEVEL2SCROLLAREABODY .PTROWADDMULTI1:hover,
.pt_classic_plus .PSLEVEL3SCROLLAREABODY .PTROWADDMULTI1:hover
{
	border-color: #5c6570;
	border-color: var(--pt-button-simple-hover-border-color);
	box-shadow: none;
	text-decoration: none;
	background: #f4f7fc;
	background: var(--pt-button-simple-hover-background-color);
	outline: 1px dashed; 
	outline-offset: -3px; 
}
.pt_classic_plus .PSLEVEL1GRID .PTROWADD1:active, .pt_classic_plus .PSLEVEL1GRID .PTROWDELETE1:active, .pt_classic_plus .PSLEVEL1GRIDWBO .PTROWADD1:active, .pt_classic_plus .PSLEVEL1GRIDWBO .PTROWDELETE1:active,
.pt_classic_plus .PSLEVEL2GRID .PTROWADD1:active, .pt_classic_plus .PSLEVEL2GRID .PTROWDELETE1:active, .pt_classic_plus .PSLEVEL2GRIDWBO .PTROWADD1:active, .pt_classic_plus .PSLEVEL2GRIDWBO .PTROWDELETE1:active,
.pt_classic_plus .PSLEVEL3GRID .PTROWADD1:active, .pt_classic_plus .PSLEVEL3GRID .PTROWDELETE1:active, .pt_classic_plus .PSLEVEL3GRIDWBO .PTROWADD1:active, .pt_classic_plus .PSLEVEL3GRIDWBO .PTROWDELETE1:active,
.pt_classic_plus .PSLEVEL1SCROLLAREABODYWBO .PTROWADD1:active, .pt_classic_plus .PSLEVEL1SCROLLAREABODYWBO .PTROWDELETE1:active, 
.pt_classic_plus .PSLEVEL2SCROLLAREABODYWBO .PTROWADD1:active, .pt_classic_plus .PSLEVEL2SCROLLAREABODYWBO .PTROWDELETE1:active, 
.pt_classic_plus .PSLEVEL3SCROLLAREABODYWBO .PTROWADD1:active, .pt_classic_plus .PSLEVEL3SCROLLAREABODYWBO .PTROWDELETE1:active,
.pt_classic_plus .PSLEVEL1SCROLLAREABODY .PTROWADD1:active, .pt_classic_plus .PSLEVEL1SCROLLAREABODY .PTROWDELETE1:active, 
.pt_classic_plus .PSLEVEL2SCROLLAREABODY .PTROWADD1:active, .pt_classic_plus .PSLEVEL2SCROLLAREABODY .PTROWDELETE1:active, 
.pt_classic_plus .PSLEVEL3SCROLLAREABODY .PTROWADD1:active, .pt_classic_plus .PSLEVEL3SCROLLAREABODY .PTROWDELETE1:active,
.pt_classic_plus .PSLEVEL1GRID .PTROWADDMULTI1:active, .pt_classic_plus .PSLEVEL1GRIDWBO .PTROWADDMULTI1:active,
.pt_classic_plus .PSLEVEL2GRID .PTROWADDMULTI1:active, .pt_classic_plus .PSLEVEL2GRIDWBO .PTROWADDMULTI1:active, 
.pt_classic_plus .PSLEVEL3GRID .PTROWADDMULTI1:active, .pt_classic_plus .PSLEVEL3GRIDWBO .PTROWADDMULTI1:active,
.pt_classic_plus .PSLEVEL1SCROLLAREABODY .PTROWADDMULTI1:active,
.pt_classic_plus .PSLEVEL2SCROLLAREABODY .PTROWADDMULTI1:active,
.pt_classic_plus .PSLEVEL3SCROLLAREABODY .PTROWADDMULTI1:active
{
	background: #b9ddfb;
	background: var(--pt-button-simple-active-background-color);
	border-color: #1c579c;
    border-color: var(--pt-button-simple-active-border-color);
	outline: none; 
}

.pt_classic_plus .PTCPSCROLLAREASEPERATOR
{
    padding-bottom: 5px;
	border-top-color: var(--pt-groupbox-border-color);
}






.pt_classic_plus td.PSSRCHRESULTSODDROW, .pt_classic_plus td.PSSRCHRESULTSEVENROW, 
.pt_classic_plus td.spanHighElement 
{
	height: 25px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	color: var(--pt-page-text-color);
}

.pt_classic_plus .PSSRCHRESULTSODDROW:hover, .pt_classic_plus .PSSRCHRESULTSEVENROW:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	color: var(--pt-page-text-color);
	text-decoration: none;
}

.pt_classic_plus .PSSRCHRESULTSWBO
{
	border-top: none;
	border-right: none;
}

.pt_classic_plus table.PSSRCHRESULTSTITLE
{
	border: 1px solid #d3d3d3;
	border: 1px solid var(--pt-grid-border-color);
	border-bottom: none;
	height: 44px;
	padding: 12px 5px 0px 5px; 
}



.pt_classic_plus .PSSRCHRESULTSTITLE .PTCPGRIDHDRFIRSTDIVACN, .pt_classic_plus .PSSRCHRESULTSTITLE .PTCPGRIDHDRPREVDIVACN,
.pt_classic_plus .PSSRCHRESULTSTITLE .PTCPGRIDHDRNEXTDIVACN, .pt_classic_plus .PSSRCHRESULTSTITLE .PTCPGRIDHDRLASTDIVACN
{
	border: 1px solid transparent; 
	padding-top: 11px;
}
.pt_classic_plus .PSSRCHRESULTSTITLE .PTCPGRIDHDRFIRSTDIV,
.pt_classic_plus .PSSRCHRESULTSTITLE .PTCPGRIDHDRPAGELISTDIV,
.pt_classic_plus .PSSRCHRESULTSTITLE .PTCPGRIDHDRLASTDIV
{
	margin-right: 0px;
}
.pt_classic_plus .PSSRCHRESULTSTITLE .PTCPGRIDHDRFIRSTDIV .PSHEADERHYPERLINKD
{
	margin-right: 9px;
}
.pt_classic_plus .PSSRCHRESULTSTITLE .PTNEXTROW_D
{
	margin-left: 14px;
}
.pt_classic_plus .PSSRCHRESULTSTITLE .PTPREVROW_D, 
.pt_classic_plus .PSSRCHRESULTSTITLE .PTNEXTROW_D
{
	top: -5px;
}



.pt_classic_plus span.PSTARESULTSHDR
{
	border-bottom: none;
}

.pt_classic_plus span.spanNormalElement, .pt_classic_plus span.spanMatchText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	color: var(--pt-page-text-color);
}

.pt_classic_plus span.spanMatchText
{
	font-weight: bold;
}

.pt_classic_plus td.spanHighElement
{
	background: #ffffeb;
	background: var(--pt-hover-background-color);
    outline: 1px dashed var(--pt-hover-border-color);
	outline-offset: -1px;
}

.pt_classic_plus #pt_typeahead .PSSRCHRESULTSTITLE
{
	padding: 0px;
}

.pt_classic_plus #pt_typeahead  span.noMatchData
{
	font-family : Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
    color: var(--pt-page-text-color);
	background : rgb(226,226,226); 
}






.pt_classic_plus table.PSLEVEL1SCROLLAREAHEADER, .pt_classic_plus table.PSLEVEL2SCROLLAREAHEADER , .pt_classic_plus table.PSLEVEL3SCROLLAREAHEADER 
{
	background: #f5f5f5 ;
	background: var(--pt-modal-header-background-color);
	border-bottom: 1px solid #ced4da !important;
	border-bottom-color: var(--pt-groupbox-border-color) !important;
	height: 44px;
}
.pt_classic_plus td.PSLEVEL1SCROLLAREAHEADER, .pt_classic_plus td.PSLEVEL2SCROLLAREAHEADER, .pt_classic_plus td.PSLEVEL3SCROLLAREAHEADER
{
	background: #fff;
	padding: 0px 0px 11px 0px;
	font-size:16.133px;
}

.pt_classic_plus .PTCPSCROLLAREAHEADER
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.1333px;
	font-weight: bold;
	color: #333;
	color: var(--pt-modal-header-text-color);
	margin-left: 8px;
	display : inline-block;
}

.pt_classic_plus .PSLEVEL1SCROLLAREABODYWBO, .pt_classic_plus .PSLEVEL2SCROLLAREABODYWBO, .pt_classic_plus .PSLEVEL3SCROLLAREABODYWBO
{
	border: 1px solid #ced4da;
	border-color: var(--pt-groupbox-border-color);
}





.pt_classic_plus .PTCPGRIDHDRLEFTSEC, .pt_classic_plus .PTCPGRIDHDRRIGHTSEC 
{
	height: 34px;
	padding-bottom: 4px;
	padding-top: 7px;
}

.pt_classic_plus table.PSLEVEL1SCROLLAREAHEADER .PTCPGRIDHDRLEFTSEC, .pt_classic_plus table.PSLEVEL1SCROLLAREAHEADER .PTCPGRIDHDRRIGHTSEC,
.pt_classic_plus table.PSLEVEL2SCROLLAREAHEADER .PTCPGRIDHDRLEFTSEC, .pt_classic_plus table.PSLEVEL2SCROLLAREAHEADER .PTCPGRIDHDRRIGHTSEC,
.pt_classic_plus table.PSLEVEL3SCROLLAREAHEADER .PTCPGRIDHDRLEFTSEC, .pt_classic_plus table.PSLEVEL3SCROLLAREAHEADER .PTCPGRIDHDRRIGHTSEC
{
	padding-bottom: 0px;
	padding-top: 0px;
}
.pt_classic_plus table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC,
.pt_classic_plus table.PSLEVEL2SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC,
.pt_classic_plus table.PSLEVEL3SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC
{
	position: relative;
	top: 5px;
}
.pt_classic_plus table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTCPGRIDHDRPAGELISTDIVACN,
.pt_classic_plus table.PSLEVEL2SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTCPGRIDHDRPAGELISTDIVACN,
.pt_classic_plus table.PSLEVEL3SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTCPGRIDHDRPAGELISTDIVACN
{
	margin-right: 0px;
}

.pt_classic_plus .PTCPGRIDHDRACTIONSDIV, .pt_classic_plus .PTCPGRIDHDRFINDDIV, .pt_classic_plus .PTCPGRIDHDRFIRSTDIV, .pt_classic_plus .PTCPGRIDHDRPREVDIV,
.pt_classic_plus .PTCPGRIDHDRPAGELISTDIV, .pt_classic_plus .PTCPGRIDHDRNEXTDIV, .pt_classic_plus .PTCPGRIDHDRLASTDIV, .pt_classic_plus .PT_CP_LINE_SEPERATOR,
.pt_classic_plus .PTCPGRIDHDRVIEWALLDIV
{
	display: inline-block;
	margin-right: 7.334px;
}

.pt_classic_plus .PTCPGRIDHDRFIRSTDIV, .pt_classic_plus .PTCPGRIDHDRPREVDIV, .pt_classic_plus .PTCPGRIDHDRNEXTDIV, .pt_classic_plus .PTCPGRIDHDRLASTDIV
{
	width: 34px;
}

.pt_classic_plus .PTCPGRIDHDRFINDDIVACH:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_GRID_FIND_1.svg);
}

.pt_classic_plus .gridactionicon:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_GRID_ACTION_1.svg);
}

.pt_classic_plus .PTCPGRIDHDRPREVDIVACN:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_GRID_LEFT_ARROW_1.svg);
}

.pt_classic_plus .PTCPGRIDHDRNEXTDIVACN:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_GRID_RIGHT_ARROW_1.svg);
}

.pt_classic_plus .PTCPGRIDHDRFIRSTDIVACN:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_FIRST_SET_1.svg);
}

.pt_classic_plus .PTCPGRIDHDRFIRSTDIV .PSHEADERHYPERLINKD:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_FIRST_SET_1.svg);
	opacity: 0.3;
	padding-right: 9px;
}

.pt_classic_plus .PTCPGRIDHDRLASTDIVACN:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_LAST_SET_1.svg);
}

.pt_classic_plus .PTCPGRIDHDRLASTDIV .PSHEADERHYPERLINKD:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_LAST_SET_1.svg);
	opacity: 0.3;
	padding-right: 9px;
}

.pt_classic_plus .PTPREVROW_D, .pt_classic_plus .PTNEXTROW_D
{
	width: auto;
	height: auto;
	opacity: 0.3;
	position: relative;
	top: -4px;
	right: 9px;
}

.pt_classic_plus table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTPREVROW_D, .pt_classic_plus table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTNEXTROW_D,
.pt_classic_plus table.PSLEVEL2SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTPREVROW_D, .pt_classic_plus table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTNEXTROW_D,
.pt_classic_plus table.PSLEVEL3SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTPREVROW_D, .pt_classic_plus table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTNEXTROW_D
{
	top: -5px;
}

.pt_classic_plus .PTCPGRIDHDRVIEWALLDIVACH, .pt_classic_plus .PTCPSCROLLAREAHDRFINDDIV
{
	text-decoration: none;
}

.pt_classic_plus .PTCPGRIDHDRRIGHTSEC div.PT_CP_LINE_SEPERATOR,
.pt_classic_plus .PTCPSCROLLAREAHDRRIGHTSEC div.PT_CP_LINE_SEPERATOR
{
	margin-left: 7.666px; 
	margin-right: 15px;
	position: relative;
	top: -4px;
}
.pt_classic_plus .PTCPGRIDHDRRIGHTSEC div.PT_CP_LINE_SEPERATOR:after,
.pt_classic_plus .PTCPSCROLLAREAHDRRIGHTSEC div.PT_CP_LINE_SEPERATOR:after
{
	content: "|";
	margin-left: -4px;
	font-weight: normal;
	color: #888;
	color: var(--pt-label-text-color);
	vertical-align: top;
}

.pt_classic_plus .PTCPGRIDHDRVIEWALLDIV
{
	margin-right: 10px; 
	position: relative;
	bottom: 2px;
}

.pt_classic_plus .gridactionicon, .pt_classic_plus .PTCPGRIDHDRFINDDIVACH, 
.pt_classic_plus .PTCPGRIDHDRFIRSTDIVACN, .pt_classic_plus .PTCPGRIDHDRPREVDIVACN,
.pt_classic_plus .PTCPGRIDHDRNEXTDIVACN, .pt_classic_plus .PTCPGRIDHDRLASTDIVACN 
{
	padding-top:9px; 
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 9px;
	background: #fff;
	background: var(--pt-button-background-color);
	border-radius: 3px;
	border: 1px solid #868e96;
	border: 1px solid var(--pt-button-simple-border-color);
	box-shadow: none;
	transition: background 0.15s 0s ease-in-out;
}

.pt_classic_plus .PTCPGRIDHDRTBL .PTCPGRIDHDRFIRSTDIVACN, .pt_classic_plus .PTCPGRIDHDRTBL .PTCPGRIDHDRPREVDIVACN,
.pt_classic_plus .PTCPGRIDHDRTBL .PTCPGRIDHDRNEXTDIVACN, .pt_classic_plus .PTCPGRIDHDRTBL .PTCPGRIDHDRLASTDIVACN
{
	border: 0px;
}

.pt_classic_plus .gridactionicon:hover, .pt_classic_plus .PTCPGRIDHDRFINDDIVACH:hover, 
.pt_classic_plus .PTCPGRIDHDRFIRSTDIVACN:hover, .pt_classic_plus .PTCPGRIDHDRPREVDIVACN:hover,
.pt_classic_plus .PTCPGRIDHDRNEXTDIVACN:hover, .pt_classic_plus .PTCPGRIDHDRLASTDIVACN:hover 
{
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	box-shadow: none;
	border-color: #5c6570;
	border-color: var(--pt-button-simple-hover-border-color);
	text-decoration: none;
	background: #f4f7fc;
	background: var(--pt-button-simple-hover-background-color);
	outline: 1px dashed; 
	outline-offset: -3px; 
	color: var(--pt-button-simple-text-color);
}
.pt_classic_plus .gridactionicon:active, .pt_classic_plus .PTCPGRIDHDRFINDDIVACH:active, 
.pt_classic_plus .PTCPGRIDHDRFIRSTDIVACN:active, .pt_classic_plus .PTCPGRIDHDRPREVDIVACN:active,
.pt_classic_plus .PTCPGRIDHDRNEXTDIVACN:active, .pt_classic_plus .PTCPGRIDHDRLASTDIVACN:active 
{
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	box-shadow: none;
	background: #b9ddfb;
	background: var(--pt-button-simple-active-background-color);
	border-color: #1c579c;
	border-color: var(--pt-button-simple-active-border-color);
	outline: none; 
}

.pt_classic_plus .PTCPGRIDHDRACTIONSDIV
{
	margin-left: 7.334px;
}

.pt_classic_plus .PTCPGRIDHDRPAGELISTDIV
{
	position: relative;
	bottom: 2px;
	
}





.pt_classic_plus .PTCPGRIDFTRROWACTBTN 
{
	height: 34px;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 7px;
}




.pt_classic_plus .PSDROPDOWNLIST_DISPONLY, 
.pt_classic_plus .PSEDITBOX_DISPONLY,
.pt_classic_plus .PSEDITBOX_DISPONLY_NOWRAP,
.pt_classic_plus .PSTEXT,
.pt_classic_plus .PSLONGEDITBOX,
.pt_classic_plus .PSSRCHINSTRUCTIONS,
.pt_classic_plus .PAPAGEINSTRUCTIONS,
.pt_classic_plus .PSXLATTITLE 
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	color: var(--pt-page-text-color);
}




.pt_classic_plus a.PT_CLASSICPLUS_PROMPT_LOOKUP, 
.pt_classic_plus a.PT_CLASSICPLUS_CALENDAR 
{
	bottom: 2px;
	margin-left: -38px;
	margin-right: 7.334px;
	padding: 3px 4px 8px; 
	border-radius: 2px; 
	position: relative;
	
	
}

.pt_classic_plus .PSERROR.PTCPEDITBOXWITHICON + a.PT_CLASSICPLUS_PROMPT_LOOKUP, 
.pt_classic_plus .PSERROR.PTCPEDITBOXWITHICON + a.PT_CLASSICPLUS_CALENDAR
{
	background: rgba(255,255,255,0.69); 
	background: var(--pt-control-error-image-background-color);
}


.pt_classic_plus .psprintgrid .PTCPEDITBOXWITHICON, .pt_classic_plus .psprintgrid .PSERROR.PTCPEDITBOXWITHICON
{
	padding-right: 26px;
}


.pt_classic_plus .PTCPEDITBOXWITHICON, .pt_classic_plus .PSERROR.PTCPEDITBOXWITHICON
{
	padding-right: 30px;
}





.pt_classic_plus .PAGROUPDIVIDER, .pt_classic_plus .PSGROUPBOXLABEL
{
	background: #fff;
	background: var(--pt-page-background-color);
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.1333px;
	font-weight: bold;
	color: #a45617;
	color: var(--pt-header-text-color);
	padding: 0px;
}

.pt_classic_plus .PAGROUPDIVIDER img, .pt_classic_plus .PSGROUPBOXLABEL img
{
	position: relative;
	bottom: 2px;
	
}

.pt_classic_plus .PSGROUPBOX.PTCPGROUPBOXWBO
{
	border: 1px solid #ced4da !important;
	border-color: var(--pt-groupbox-border-color) !important;
}
.pt_classic_plus .PTCPGROUPBOXMINPADDING.PTCPGROUPBOXWBO
{
	border: 1px solid #ced4da !important;
	border-color: var(--pt-groupbox-border-color) !important;
}

.pt_classic_plus .PSGROUPBOXWBO
{
	border: none;
}
.pt_classic_plus .PTCPGROUPBOXMINPADDINGWBO
{
	border: none;
}

.pt_classic_plus .PTCOLLAPSE_ARROW:before
{
	content: url(/cs/NBCCPRD/cache/PT_COLLAPSE_NUI_1.svg) ;
}
.pt_classic_plus .PTEXPAND_ARROW:before
{
	content: url(/cs/NBCCPRD/cache/PT_EXPAND_NUI_1.svg) ;
}

.pt_classic_plus .PSGROUPBOXCONTAINER.PTCPGROUPBOXWBO
{
	border: 1px solid #ced4da !important;
	border-color: var(--pt-groupbox-border-color) !important;
}
.pt_classic_plus .PSGROUPBOXCONTAINERWBO
{
	border: none;
}
.pt_classic_plus .PSGROUPBOXCONTAINERWBO .PSGROUPBOXLABEL,
.pt_classic_plus .PSGROUPBOXCONTAINERNBO .PSGROUPBOXLABEL
{
	display: none;
}



 



.pt_classic_plus .PSGROUPBOXWBO, .pt_classic_plus .PSGROUPBOXNBO
{
	margin-top: 19px; 
	margin-bottom: 19px; 
	margin-right: 8px; 
	margin-left: 8px; 
}

.pt_classic_plus  .PTCPGROUPBOXMINPADDINGWBO, .pt_classic_plus  .PTCPGROUPBOXMINPADDINGNBO
{
	margin-top: 3px; 
	margin-bottom: 3px; 
	margin-right: 8px; 
	margin-left: 8px; 
}

.pt_classic_plus .PSGROUPBOX 
{
	padding: 8px;
}
.pt_classic_plus .PTCPGROUPBOXMINPADDING 
{
	padding: 8px;
}

.pt_classic_plus .PSLEVEL1SCROLLAREABODY 
{
	padding: 5px;
}

.pt_classic_plus .PSLEVEL1SCROLLAREABODY .PTROWADD1, .pt_classic_plus .PSLEVEL2SCROLLAREABODY .PTROWADD1, .pt_classic_plus .PSLEVEL3SCROLLAREABODY .PTROWADD1,
.pt_classic_plus .PSLEVEL1SCROLLAREABODY .PTROWDELETE1, .pt_classic_plus .PSLEVEL2SCROLLAREABODY .PTROWDELETE1, .pt_classic_plus .PSLEVEL3SCROLLAREABODY .PTROWDELETE1
{
	margin-right: 5px; 
}

.pt_classic_plus .PSLEVEL1SCROLLAREABODYWBO, .pt_classic_plus .PSLEVEL2SCROLLAREABODYWBO, .pt_classic_plus .PSLEVEL3SCROLLAREABODYWBO,
.pt_classic_plus .PSLEVEL1SCROLLAREABODYNBO, .pt_classic_plus .PSLEVEL2SCROLLAREABODYNBO, .pt_classic_plus .PSLEVEL3SCROLLAREABODYNBO
{
	margin-top: 15px;
}

.pt_classic_plus .PTEXPAND
{
	width: 14px;
}
  
.pt_classic_plus .PTCOLLAPSE
{
	width: 17px;
}

.pt_classic_plus .PSEDITBOX, .pt_classic_plus .PSEDITBOX_DISABLED, .pt_classic_plus .PSEDITBOXDISABLED, .pt_classic_plus .PSDROPDOWNLIST, .pt_classic_plus select.PSERROR,
.pt_classic_plus .PSDISABLED, .pt_classic_plus .PSDROPDOWNLIST_DISABLED, .pt_classic_plus .PSDROPDOWNLISTDISABLED, .pt_classic_plus input.PSERROR
{
	margin-bottom : 8px;
	margin-right: 7.334px;
}

.pt_classic_plus .PTCPTOPALIGNED
{
	margin-top: 5px;
}

.pt_classic_plus textarea.PSLONGEDITBOX
{
	margin-bottom: 5.334px;
	margin-right: 7.334px;
}

.pt_classic_plus div.PSLONGEDITCNT
{
	margin-bottom: 8px;
}

.pt_classic_plus .PT_CP_DIV_LABEL 
{
	position: relative; 
	top: 5px;
	margin-right: 8.147px; 
}

.pt_classic_plus #PSTAB
{
	margin-bottom: 8px;
}

.pt_classic_plus #PSTABNBO
{
	margin-top: 15px; 
	margin-bottom: 8px;
}

.pt_classic_plus span.PSEDITBOXLABEL, .pt_classic_plus span.PSDROPDOWNLABEL 
{
	display: inline-block;
	margin-bottom: 11px;
}
.pt_classic_plus span.PT_CP_MANDATORY_LABEL
{
	margin-bottom: 0px;
}
.pt_classic_plus .PSEDITBOX_DISPONLY, .pt_classic_plus .PSDROPDOWNLIST_DISPONLY,
.pt_classic_plus .PSEDITBOX_DISPONLY_NOWRAP
{
	position: relative;
	top: 5px;
}

.pt_classic_plus .PSLEVEL1GRIDROW .PSEDITBOX_DISPONLY,
.pt_classic_plus .PSLEVEL1GRIDROW .PSDROPDOWNLIST_DISPONLY ,
.pt_classic_plus .PSLEVEL1GRIDROW .PSEDITBOX_DISPONLY_NOWRAP 
{
	top: 0px;
}

.pt_classic_plus .PSPUSHBUTTONTB.Left,
.pt_classic_plus .PSPUSHBUTTON.Left,
.pt_classic_plus .PSPUSHBUTTONDISABLED.Left 
{
	margin-bottom: 8px; 
	margin-right: 5.334px; 
}

.pt_classic_plus #ptaisubpage #ptailistbuttonstbl .PTCPAGPREVIOUSANCHOR,
.pt_classic_plus #ptaisubpage #ptailistbuttonstbl .PTCPAGNEXTANCHOR,
.pt_classic_plus #ptaisubpage #ptailistbuttonstbl .PSPUSHBUTTONTB.Left, 
.pt_classic_plus #ptaisubpage #ptailistbuttonstbl .PSPUSHBUTTON.Left, 
.pt_classic_plus #ptaisubpage #ptailistbuttonstbl .PSPUSHBUTTONDISABLED.Left
{
	margin-bottom: 0px;
	padding: 5.234px 15.6px;
}
.pt_classic_plus #ptaisubpage #ptailistbuttonstbl #ptaiPrevious,
.pt_classic_plus #ptaisubpage #ptailistbuttonstbl #ptaiNext
{
	background-image: none !important;
}
.pt_classic_plus #ptaisubpage #ptailistbuttonstbl
{
	border-bottom: 1px solid #868e96 !important; 
	border-bottom: 1px solid var(--pt-panel-border-color) !important;
	background-color: #fbfbfb;
	background-color: var(--pt-modal-header-background-color); 
}

.pt_classic_plus .PSCHECKBOX,
.pt_classic_plus .PSCHECKBOXVERTICALSPACE
{
	margin-right: 7.334px;
	margin-bottom: 8px; 
}

.pt_classic_plus .PSCHECKBOXVERTICALSPACE
{
	display: inline-block;
}
.pt_classic_plus .PSSRCHCHBOXAlGNLEFT
{	
	margin-left: 0px; 
}

.pt_classic_plus .PSRADIOBUTTON
{
	margin-bottom: 8px; 
}

.pt_classic_plus .PTCPGRIDTITLE
{
	margin-top: 15px; 
	margin-right: 8px;
}
.pt_classic_plus .PSLEVEL1GRIDWBO, .pt_classic_plus .PSLEVEL2GRIDWBO, .pt_classic_plus .PSLEVEL3GRIDWBO
{
	margin-bottom: 8px;
	margin-right: 8px;
}

.pt_classic_plus .PSLEVEL1GRIDWBO .PSEDITBOX, .pt_classic_plus .PSLEVEL1GRIDWBO .PSEDITBOX_DISABLED, .pt_classic_plus .PSLEVEL1GRIDWBO .PSEDITBOXDISABLED, 
.pt_classic_plus .PSLEVEL1GRIDWBO .PSDROPDOWNLIST, .pt_classic_plus .PSLEVEL1GRIDWBO .PSDISABLED, .pt_classic_plus .PSLEVEL1GRIDWBO .PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus .PSLEVEL1GRIDWBO .PSDROPDOWNLISTDISABLED, .pt_classic_plus .PSLEVEL1GRIDWBO .PSLONGEDITBOX, .pt_classic_plus .PSLEVEL1GRIDWBO input.PSERROR, .pt_classic_plus .PSLEVEL1GRIDWBO select.PSERROR,
.pt_classic_plus .PSLEVEL1GRIDWBO .PSPUSHBUTTONTB.Left, .pt_classic_plus .PSLEVEL1GRIDWBO .PSPUSHBUTTON.Left, .pt_classic_plus .PSLEVEL1GRIDWBO .PSPUSHBUTTONDISABLED.Left, .pt_classic_plus .PSLEVEL1GRIDWBO .PSCHECKBOX,
.pt_classic_plus .PSLEVEL2GRIDWBO .PSEDITBOX, .pt_classic_plus .PSLEVEL2GRIDWBO .PSEDITBOX_DISABLED, .pt_classic_plus .PSLEVEL2GRIDWBO .PSEDITBOXDISABLED, 
.pt_classic_plus .PSLEVEL2GRIDWBO .PSDROPDOWNLIST, .pt_classic_plus .PSLEVEL2GRIDWBO .PSDISABLED, .pt_classic_plus .PSLEVEL2GRIDWBO .PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus .PSLEVEL2GRIDWBO .PSDROPDOWNLISTDISABLED, .pt_classic_plus .PSLEVEL2GRIDWBO .PSLONGEDITBOX, .pt_classic_plus .PSLEVEL2GRIDWBO input.PSERROR, .pt_classic_plus .PSLEVEL2GRIDWBO select.PSERROR,
.pt_classic_plus .PSLEVEL2GRIDWBO .PSPUSHBUTTONTB.Left, .pt_classic_plus .PSLEVEL2GRIDWBO .PSPUSHBUTTON.Left, .pt_classic_plus .PSLEVEL2GRIDWBO .PSPUSHBUTTONDISABLED.Left, .pt_classic_plus .PSLEVEL2GRIDWBO .PSCHECKBOX,
.pt_classic_plus .PSLEVEL3GRIDWBO .PSEDITBOX, .pt_classic_plus .PSLEVEL3GRIDWBO .PSEDITBOX_DISABLED, .pt_classic_plus .PSLEVEL3GRIDWBO .PSEDITBOXDISABLED, 
.pt_classic_plus .PSLEVEL3GRIDWBO .PSDROPDOWNLIST, .pt_classic_plus .PSLEVEL3GRIDWBO .PSDISABLED, .pt_classic_plus .PSLEVEL3GRIDWBO .PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus .PSLEVEL3GRIDWBO .PSDROPDOWNLISTDISABLED, .pt_classic_plus .PSLEVEL3GRIDWBO .PSLONGEDITBOX, .pt_classic_plus .PSLEVEL3GRIDWBO input.PSERROR, .pt_classic_plus .PSLEVEL3GRIDWBO select.PSERROR,
.pt_classic_plus .PSLEVEL3GRIDWBO .PSPUSHBUTTONTB.Left, .pt_classic_plus .PSLEVEL3GRIDWBO .PSPUSHBUTTON.Left, .pt_classic_plus .PSLEVEL3GRIDWBO .PSPUSHBUTTONDISABLED.Left, .pt_classic_plus .PSLEVEL3GRIDWBO .PSCHECKBOX,
.pt_classic_plus .PSLEVEL1GRIDNBO .PSEDITBOX, .pt_classic_plus .PSLEVEL1GRIDNBO .PSEDITBOX_DISABLED, .pt_classic_plus .PSLEVEL1GRIDNBO .PSEDITBOXDISABLED, 
.pt_classic_plus .PSLEVEL1GRIDNBO .PSDROPDOWNLIST, .pt_classic_plus .PSLEVEL1GRIDNBO .PSDISABLED, .pt_classic_plus .PSLEVEL1GRIDNBO .PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus .PSLEVEL1GRIDNBO .PSDROPDOWNLISTDISABLED, .pt_classic_plus .PSLEVEL1GRIDNBO .PSLONGEDITBOX, .pt_classic_plus .PSLEVEL1GRIDNBO input.PSERROR, .pt_classic_plus .PSLEVEL1GRIDNBO select.PSERROR,
.pt_classic_plus .PSLEVEL1GRIDNBO .PSPUSHBUTTONTB.Left, .pt_classic_plus .PSLEVEL1GRIDNBO .PSPUSHBUTTON.Left, .pt_classic_plus .PSLEVEL1GRIDNBO .PSPUSHBUTTONDISABLED.Left, .pt_classic_plus .PSLEVEL1GRIDNBO .PSCHECKBOX,
.pt_classic_plus .psprintgrid .PSEDITBOX, .pt_classic_plus .psprintgrid .PSEDITBOX_DISABLED, .pt_classic_plus .psprintgrid .PSEDITBOXDISABLED, 
.pt_classic_plus .psprintgrid .PSDROPDOWNLIST, .pt_classic_plus .psprintgrid .PSDISABLED, .pt_classic_plus .psprintgrid .PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus .psprintgrid .PSDROPDOWNLISTDISABLED, .pt_classic_plus .psprintgrid .PSLONGEDITBOX, .pt_classic_plus .psprintgrid input.PSERROR, .pt_classic_plus .psprintgrid select.PSERROR,
.pt_classic_plus .psprintgrid .PSPUSHBUTTONTB.Left, .pt_classic_plus .psprintgrid .PSPUSHBUTTON.Left, .pt_classic_plus .psprintgrid .PSPUSHBUTTONDISABLED.Left, .pt_classic_plus .psprintgrid .PSCHECKBOX
{
	margin-bottom: 0px;
	margin-right: 0px;
}
.pt_classic_plus .PSLEVEL1GRIDWBO .PSEDITBOX_DISPONLY, .pt_classic_plus .PSLEVEL1GRIDWBO .PSDROPDOWNLIST_DISPONLY,
.pt_classic_plus .PSLEVEL2GRIDWBO .PSEDITBOX_DISPONLY, .pt_classic_plus .PSLEVEL2GRIDWBO .PSDROPDOWNLIST_DISPONLY,
.pt_classic_plus .PSLEVEL3GRIDWBO .PSEDITBOX_DISPONLY, .pt_classic_plus .PSLEVEL3GRIDWBO .PSDROPDOWNLIST_DISPONLY,
.pt_classic_plus .psprintgrid .PSEDITBOX_DISPONLY, .pt_classic_plus .psprintgrid .PSDROPDOWNLIST_DISPONLY
{
	top: 0px;
	position : static;
}

.pt_classic_plus .PSLEVEL1GRIDWBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus .PSLEVEL1GRIDWBO a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus .PSLEVEL2GRIDWBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus .PSLEVEL2GRIDWBO a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus .PSLEVEL3GRIDWBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus .PSLEVEL3GRIDWBO a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus .psprintgrid a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus .psprintgrid a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus .PSLEVEL1GRIDNBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus .PSLEVEL1GRIDNBO a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus .PSLEVEL2GRIDNBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus .PSLEVEL2GRIDNBO a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus .PSLEVEL3GRIDNBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus .PSLEVEL3GRIDNBO a.PT_CLASSICPLUS_CALENDAR 
{
	margin-left: -31px;
}





.pt_classic_plus table 
{
	table-layout: auto !important; 
}




.pt_classic_plus a:focus, .pt_classic_plus img:focus, .pt_classic_plus span:focus, .pt_classic_plus input:focus, 
.pt_classic_plus select:focus, .pt_classic_plus input[type="button"]:focus
{
	
}
.pt_classic_plus input[type="button"]:active
{
	outline: none; 
}

.pt_classic_plus input[type="button"]:focus,
.pt_classic_plus input[type="password"]:focus 
{
	outline: #000000 dotted 1px;
}




.pt_classic_plus .PABOLDTEXT
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	color: var(--pt-page-text-color);
	font-weight: bold;
}

.pt_classic_plus span.PABOLDTEXT[aria-disabled="true"]
{
	position: relative;
	top: 5px;
}
.pt_classic_plus .PALEVEL0PRIMARY, .pt_classic_plus .PALEVEL0SECONDARY, .pt_classic_plus .PAADDITIONALINSTRUCTIONS, .pt_classic_plus .small 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	color: var(--pt-page-text-color);
}
.pt_classic_plus .SMALL
{
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14.6667px;
                color: #3366cc;
				color: var(--pt-link-text-color);
}
.pt_classic_plus .PALEVEL0SECONDARY 
{
	font-size: 13px;
}
.pt_classic_plus .PABOLDBLUETEXT,
.pt_classic_plus .PTFACETNAME,
.pt_classic_plus .PTGBLFACETHDG,
.pt_classic_plus .PTFACET,
.pt_classic_plus .PTFACET:hover,
.pt_classic_plus .PTFACETLINK,
.pt_classic_plus .PABOLDBLUETEXT,

.pt_classic_plus .PTSESSRCHINSTR,
.pt_classic_plus .PTSESSRCHINSTRRSLTS,
.pt_classic_plus .PTSESRSLTTITLE,
.pt_classic_plus .PTSESRSLTDTTM,
.pt_classic_plus .PTSESRSLTSUMMARY,
.pt_classic_plus .PSGRIDCOUNTERTP,
.pt_classic_plus .PTSESPAGENOLINK,
.pt_classic_plus .PTSESPAGELINK,
.pt_classic_plus .PTSESCURPAGE,
.pt_classic_plus .PTSESPAGENOLINK:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;	
}


.pt_classic_plus a.PAGRIDHEADERTXT, .pt_classic_plus span.PAGRIDHEADERTXT, 
.pt_classic_plus .PAGROUPBOXNBO, .pt_classic_plus .PSTREELINKSELECTEDYELLOWBACKGR,
.pt_classic_plus .PSHYPERLINKYELLOWBKGRD, .pt_classic_plus .PSTREENODESELECTED, 
.pt_classic_plus .PAGROUPBOXLABELLEVEL1, .pt_classic_plus .PAGROUPBOXLABELLEVEL2,
.pt_classic_plus .PAGROUPBOXLABELLEVEL3, .pt_classic_plus .STRONG, 
.pt_classic_plus .STRONGWRAP, .pt_classic_plus .PAEXPANDCOLLAPSE, 
.pt_classic_plus .PAEXAMPLE
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
}
.pt_classic_plus span.PAGRIDHEADERTXT, .pt_classic_plus a.PAGRIDHEADERTXT
{
	background-color: transparent;
	color: #000;
	color: var(--pt-page-text-color);
}
.pt_classic_plus .PAGROUPBOXNBO
{
	background-color: #f0f0f0;
	background-color: var(--pt-active-background-color);
}




.pt_classic_plus .PTCALHEAD_CP
{
	color:rgb(0,0,0);
	color: var(--pt-page-text-color);
	font-size:17.3px;
	font-weight:bold;
	float:none !important;
	text-align:center !important;
}

.pt_classic_plus .PTCALHEAD
{
	text-align:center !important;
}

.pt_classic_plus .PTCALMONTH
{
	font-family: Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	color: rgb(0,0,0);
	color: var(--pt-control-text-color);
	border-radius: 3px;
	box-shadow: none;
	border: 1px solid #868e96; 
	border-color: var(--pt-control-border-color);
	padding: 5.133px 4.693px;
	background-color: #fff;
	background-color: var(--pt-control-background-color);
}
.pt_classic_plus .PTCALMONTH:hover,
.pt_classic_plus .PTCALMONTH:focus
{
	border-color: #246FC7;
	border-color: var(--pt-control-hover-border-color);
}

.pt_classic_plus #PTMonth
{
	width: 48% !important;
}

.pt_classic_plus #PTYear
{
	width: 38% !important;
}

.pt_classic_plus .PTCALWEEKHEAD
{
	font-size:14.6667px !important;
	font-weight:700 !important;
	color: rgb(0,0,0) !important;
	color: var(--pt-page-text-color) !important;
	padding: 5.8667px 5.8667px 5.8667px 5.8667px !important;
	background-color: #f8f8f8 !important;
	background-color: var(--pt-panel-background-color) !important;
	border-color: #868e96 !important; 
	border-color: var(--pt-border-contrast-color) !important;
}

.pt_classic_plus #curdate
{
	color:#3366cc !important;
	color: var(--pt-link-text-color) !important;
	font-size:14.6667px !important;
	margin-left: 18px; 
	margin-right: 20px; 
}
.pt_classic_plus #curdate:hover
{
	color: var(--pt-link-hover-text-color) !important;
}

.pt_classic_plus #tailCalendar
{
	width:96% !important;
	padding: 0px 5.8667px 5.8667px 25.8667px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.pt_classic_plus #fullCalendar 
{
	border: 1px solid #6c6c6c !important;
	border-color: var(--pt-modal-border-color) !important;
	box-shadow: 0px 0px 25px #5a5a5a !important;
    box-shadow: 0px 0px 25px var(--pt-modal-shadow-color) !important;
	background: var(--pt-modal-background-color);
	border-radius: 3px;
	min-width: 289px;
}
.pt_classic_plus .PTCALHEAD
{
	padding: 9px 5px 9px 0px !important;
}

.pt_classic_plus #bodyCalendar 
{
	font-size:11pt !important;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	padding: 5.8667px 5.8667px 5.8667px 5.8667px !important;
	min-width: 288px;
}

.pt_classic_plus #bodyCalendar > thead 
{
	background-color:#fafafa;
	font-weight:bold;
}

.pt_classic_plus #bodyCalendar > thead > tr:first-child 
{
	display:none;
}

.pt_classic_plus #bodyCalendar td {
	text-align:center !important;
	padding:0 !important;
	width:2px !important;
	height:2px !important;
	background-position:top left !important;
	background-repeat: repeat !important;
	background:transparent !important;
	background-image:none !important;
	border-color: #868e96 !important; 
	border-color: var(--pt-border-contrast-color) !important;
}

.pt_classic_plus #bodyCalendar tbody td {
	cursor:pointer;
}

.pt_classic_plus #bodyCalendar td[style*="SELECTED_DATE"],
.pt_classic_plus #bodyCalendar td[style*="CURRENT_DATE"] > a[style*="SELECTED_DATE"]
{
	background: #b9ddfb !important;
	background: var(--pt-selected-background-color) !important;
	border: 1px solid #b9ddfb !important;
	border-color: var(--pt-selected-border-color) !important;
}

.pt_classic_plus #bodyCalendar td[style*="CURRENT_DATE"] {
	border:1px dotted #6c6c6c !important;
	border-color: var(--pt-primary-button-border-color) !important;
}


.pt_classic_plus #bodyCalendar a {
	padding:8px 12px !important;
	
	width:100% !important;
	display:inline-block !important;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	
}

.pt_classic_plus #bodyCalendar a[style*="SELECTED_DATE"] {
	background:transparent !important;
}

.pt_classic_plus #bodyCalendar a {
	background:transparent !important;
	padding:8px 8px !important;
}

.pt_classic_plus #bodyCalendar a:hover
{
	background-color:#f4f7fc !important;
	background-color: var(--pt-hover-background-color) !important;
	outline: 1px dotted #1c579c; 
    outline: 1px dashed var(--pt-hover-outline-color);
}

.pt_classic_plus #bodyCalendar > thead > tr:last-child > td:first-child,
.pt_classic_plus #bodyCalendar > tbody > tr > td:first-child
{
	display:none;
}


.pt_classic_plus .PTCALHEAD > a > img 
{
	visibility: hidden;
}

.pt_classic_plus .PTCALHEAD > a:after 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: url(/cs/NBCCPRD/cache/PT_MODAL_CLOSE_NUI_1.svg);
	border-radius: 1em;
	padding: 0.4em 0.4em 0.2em 0.5em;
	padding-right: 0.05em;
	padding-left: 0.6em;
	border: 1px solid transparent;
}
.pt_classic_plus .PTCALHEAD > a:hover:after 
{
	border: 1px solid #868e96;
	border-color: var(--pt-border-contrast-color);
}
.pt_classic_plus #CalCloseHeader .PTCALHEAD > a 
{
	position: absolute;
	top: 0.3em;
	right: 1.1em;
	padding: 0 !important;
	padding-right: 2px !important;
	text-align: left;
	outline: none;
}
.pt_classic_plus #tailCalendar #nextmonth img,
.pt_classic_plus #tailCalendar #prevmonth img
{
	visibility: hidden; 
}
.pt_classic_plus #tailCalendar #prevmonth:before
{
	content: url(/cs/NBCCPRD/cache/PT_NUI_CHEVRON_1.svg); 
	transform: rotate(180deg); 
	position: absolute; 
}
.pt_classic_plus #tailCalendar #nextmonth:before 
{
	content: url(/cs/NBCCPRD/cache/PT_NUI_CHEVRON_1.svg); 
}

.pt_classic_plus #tailCalendar #nextmonth,
.pt_classic_plus #tailCalendar #prevmonth
{
	padding: 9px;
	display: inline-block;
}
.pt_classic_plus #tailCalendar #nextmonth
{
	padding-right: 0px;
}
.pt_classic_plus #prevmonth:hover, 
.pt_classic_plus #nextmonth:hover
{
	outline: 1px dashed var(--pt-hover-outline-color);
}






.pt_classic_plus #pt_modalMask, 
.pt_classic_plus #ptpopupmask 
{
	background-color: #808080 !important;
    background-color: var(--pt-modal-mask-background-color) !important;
	opacity: 0.5 !important;
}

.pt_classic_plus #pt_modals .PSMODALHEADER, .pt_classic_plus #pt_modals .PSMODALCONTENT, .pt_classic_plus #pt_modals .PSMODALBOTTOM
{
	border-left: 1px solid #6c6c6c !important;
    border-left: 1px solid var(--pt-modal-border-color) !important;
	border-right: 1px solid #6c6c6c !important;
    border-right: 1px solid var(--pt-modal-border-color) !important;
}

.pt_classic_plus .PTCPHIDEHEADERFORALERTS + .PSMODALCONTENT {
    border-top: 1px solid var(--pt-modal-border-color);
    border-bottom: 1px solid var(--pt-modal-border-color);
}

.pt_classic_plus #pt_modals .PSMODALHEADER
{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top: 1px solid #6c6c6c !important;
    border-top: 1px solid var(--pt-modal-border-color) !important;
}

.pt_classic_plus #pt_modals .PSMODALTABLE
{
	background-color: transparent !important;
	border-radius: 3px;
	box-shadow: 0 0 25px #5a5a5a !important;
	box-shadow: 0 0 25px var(--pt-modal-shadow-color) !important;
}

.pt_classic_plus #pt_modals .PSMODALBOTTOM
{
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom: 1px solid #6c6c6c !important;
	box-shadow: 0 28px 25px #5a5a5a !important;
    border-bottom: 1px solid var(--pt-modal-border-color) !important;
	box-shadow: 0 28px 25px var(--pt-modal-shadow-color) !important;
}

.pt_classic_plus #pt_modals .PSMODALHEADER, 
.pt_classic_plus #ptifrmpopup #ptpopuptitlebar 
{
	background-color: #f5f5f5 ;
    background-color: var(--pt-modal-header-background-color);
	border-bottom: 1px solid #ced4da;
    border-bottom-color: #868e96; 
    border-bottom-color: var(--pt-modal-header-border-color); 
	text-align: center;
	height: 42px;
}

.pt_classic_plus #pt_modals .PTPOPUP_TITLE, 
.pt_classic_plus #ptifrmpopup #ptpopoptitle 
{
	font-size: 19.8px ;
	font-family : Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #000;
	color: var(--pt-modal-header-text-color);
	background-color: #f5f5f5 ;
    background-color: var(--pt-modal-header-background-color);
}

.pt_classic_plus #pt_modals .PSMODALHEADER
{
	height: auto;
}
.pt_classic_plus #pt_modals #popupTitleBarRightImage
{
	display: none;
}
.pt_classic_plus #pt_modals .PSMODALTITLE
{
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 18px;
	box-sizing: border-box;
}


.pt_classic_plus #pt_modals .PSMODALCLOSEANCHOR 
{
	border-radius: 14px;
	margin: 0;
	padding: 14px 14px 14px 14px !important;
	position: absolute;
	right: 17px; 
	text-decoration: none;
	border: 1px solid transparent !important;
}
.pt_classic_plus .PSMODALCLOSEANCHOR:before 
{
	content: url(/cs/NBCCPRD/cache/PT_MODAL_CLOSE_NUI_1.svg) !important ;
	right: 7px;
	top: 5px;
}
.pt_classic_plus #pt_modals .PSMODALCLOSEANCHOR:hover, 
.pt_classic_plus #ptifrmpopup #ptpopupclose:hover 
{
	background: #fff ;
    background: var(--pt-modal-background-color);
	border: 1px solid #999 !important ;
	border-color: #7A818A !important ; 
    border-color: var(--pt-border-contrast-color) !important ; 
	border-radius: 3px;
}
.pt_classic_plus #pt_modals .PSMODALCLOSE
{
	margin-top: 6px;
}



.pt_classic_plus #ptifrmpopup #ptpopupcontainer
{
	border: 1px solid #6c6c6c !important; 
    border: 1px solid var(--pt-modal-border-color) !important; 
	border-radius: 3px;
	box-shadow: 0 0 25px #5a5a5a !important;
    box-shadow: 0 0 25px var(--pt-modal-shadow-color) !important;
	padding: 0px;
}

.pt_classic_plus #ptifrmpopup #ptpopoptitle
{
	padding-top: 9px;
	width: 88%;
}

.pt_classic_plus #ptifrmpopup .popupText,
.pt_classic_plus #pt_modals .popupText 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
    color: var(--pt-modal-header-text-color);
}

.pt_classic_plus #ptifrmpopup #ptpopupclose
{
	width: 14px;
	height: 27px;
	padding: 0 7px;
	border-radius: 14px;
	margin-right: 6px;
	margin-top: 6px;
}
.pt_classic_plus #ptifrmpopup #ptpopupclose:before
{
	content: url(/cs/NBCCPRD/cache/PT_MODAL_CLOSE_NUI_1.svg) !important ;
	position: relative;
	top: 4px;
	left: 1px;
}


.pt_classic_plus #ptpopupmsgbuttons, .pt_classic_plus #pt_modals #alertbutton, .pt_classic_plus #pt_modals #okbutton
{
	text-align: center;
	float: none;
}


.pt_classic_plus #ptifrmpopup #ptpopupmsgbuttons
{
	margin-top: 20px;
}


.pt_classic_plus #ptpopupmsgbuttons .PSPUSHBUTTON.Left span,
.pt_classic_plus #pt_modals #alertbutton .PSPUSHBUTTON.Left span, 
.pt_classic_plus #pt_modals #okbutton .PSPUSHBUTTON.Left span
{
	background-color: transparent;
}


.pt_classic_plus span.PSDROPDOWNLIST
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	color: (--pt-page-text-color);
	position: relative;
	top: 5px;
}


.pt_classic_plus .PSSRCHPAGE.PTCPMODAL
{
	padding: 6.3333px 6.6667px 7.3333px 8.6667px; 
}
.pt_classic_plus .PSPAGE.PTCPMODAL
{
	padding: 7.3333px 14.6667px 7.3333px 14.6667px; 
}



.pt_classic_plus .HelpdivpopupFrame, .pt_classic_plus .HelppopupInner
{
	box-shadow: 0 0 25px #5a5a5a !important;
	box-shadow: 0 0 25px var(--pt-modal-shadow-color) !important;
}
.pt_classic_plus .HelpdivpopupFrame
{
	border-top: 1px solid #868E96 !important; 
    border-top: 1px solid var(--pt-border-contrast-color) !important; 
	border-right: 1px solid #6c6c6c !important;
    border-right: 1px solid var(--pt-modal-border-color) !important;
	border-bottom: 1px solid #6c6c6c !important;
    border-bottom: 1px solid var(--pt-modal-border-color) !important;
	border-left: 1px solid #6c6c6c !important;
    border-left: 1px solid var(--pt-modal-border-color) !important;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.pt_classic_plus .HelppopupTitleBar
{
	border-top: 1px solid #6c6c6c !important;
    border-top: 1px solid var(--pt-modal-border-color) !important;
	border-right: 1px solid #6c6c6c !important;
    border-right: 1px solid var(--pt-modal-border-color) !important;
	border-bottom: none !important;
	border-left: 1px solid #6c6c6c !important;
    border-left: 1px solid var(--pt-modal-border-color) !important;
	padding-bottom: 9px;
}
.pt_classic_plus .HelppopupTitleBar, .pt_classic_plus .HelppopupInner
{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.pt_classic_plus .HelppopupTitleBar, .pt_classic_plus .HelppopupTitleBar .PTPOPUP_TITLE
{
	background-color: #f5f5f5;
    background-color: var(--pt-modal-header-background-color);
	color: #000;
	color: var(--pt-modal-header-text-color);
	font-family: Arial,Helvetica,sans-serif;
	font-size: 19.8px;
	font-weight: bold;
	text-align: center;
}
.pt_classic_plus .HelppopupTitleBar .PTPOPUP_TITLE 
{
	position: relative;
	top: 5px;
}
.pt_classic_plus .HelpdivpopupFrame .PTPOPUP_MSGHDR, .pt_classic_plus .HelpdivpopupFrame .PTPOPUP_MSGTXT
{
	font-family : Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	color: rgb(0,0,0);
}
.pt_classic_plus .HelpdivpopupFrame .PTPOPUP_MSGHDR
{
	font-weight: bold;
}
.pt_classic_plus .HELPPOPUPCLOSE:hover
{
	border: 1px solid #ced4da;
    border: 1px solid var(--pt-control-disabled-border-color);
	border-radius: 14px;
	height: 27px;
	margin-right: 7px;
	padding: 0 7px;
	width: 14px;
	position: relative;
}
.pt_classic_plus #ptcphelppopupclosediv 
{
	border-radius: 14px;
	box-sizing: border-box;
	padding: 2px 14px;
	position: relative;
	left: 14px;
	top: 5px;
	margin-right: 11px;
}
.pt_classic_plus #ptcphelppopupclosediv:hover
{
	background: #fff ;
	background: var(--pt-button-background-color);
	border: 1px solid #7A818A ; 
    border: 1px solid var(--pt-border-contrast-3-color) ; 
	border-radius: 3px;
}
.pt_classic_plus .PTCPHELPPOPUPCLOSEIMG 
{
	position: absolute;
	top: 8px;
	right: 7px;
}


.pt_classic_plus .PSHYPERLINK.PTCPHYPERLINKADVSRH, .pt_classic_plus .PSHYPERLINK.PTCPHYPERLINKBSCSRH
{
	margin-left: 7px;
	position: relative;
	top: 7px;
}


.pt_classic_plus .PSDROPDOWNLIST.PSDROPDOWNLISTSISRCH
{
	position: relative;
	top: -6px;
}


.pt_classic_plus .PSSRCHSUBTITLE.PSSRCHSUBTITLESISRCH
{
	position: relative;
	top: -6px;
	color: var(--pt-page-text-color);
}


.pt_classic_plus .PSHYPERLINK.PSHYPERLINKCPHPSRCH 
{
	padding-left: 4px;
	position: relative;
	top: 8px;
}


.pt_classic_plus .PTCPHIDEHEADERFORALERTS, 
.pt_classic_plus #ptpopup .ptpopuptitlebar
{
	display: none !important;
}


.pt_classic_plus .PSEDITBOXLABEL.PSEDITBOXLABELSPCPAL
{
	position: relative;
	top: 5px;
}

.pt_classic_plus .PSHYPERLINK.PSHYPERLINKCP
{
	position: relative;
	top: 8px;
}



.pt_classic_plus .PTCPEXPANDGRIDCOLSACH
{
	box-shadow: none;
	padding: 9px 8px 5px 9px;
}
.pt_classic_plus .PTGRIDTAB a.PTCPEXPANDGRIDCOLSACH:hover,
.pt_classic_plus .PTGRIDTAB a.PTCPCOLLAPSEGRIDCOLSACH:hover
{	
	border-bottom: 4px solid transparent !important;
}


.pt_classic_plus .PTGRIDTAB a.PTCPEXPANDGRIDCOLSACH:hover span.PTCPEXPANDGRIDCOLS,
.pt_classic_plus .PTGRIDTAB a.PTCPCOLLAPSEGRIDCOLSACH:hover span.PTCPCOLLAPSEGRIDCOLS
{
	border-width: 1px !important;
    border-style: solid;
    border-radius: 3px;
    border-color: var(--pt-button-simple-hover-border-color) !important;
    background: var(--pt-button-simple-hover-background-color) !important;
    outline: 1px dashed;
    outline-offset: -3px;
}
.pt_classic_plus .PTGRIDTAB a.PTCPEXPANDGRIDCOLSACH:active span.PTCPEXPANDGRIDCOLS,
.pt_classic_plus .PTGRIDTAB a.PTCPCOLLAPSEGRIDCOLSACH:active span.PTCPCOLLAPSEGRIDCOLS
{
    border-width: 1px !important;
    border-style: solid;
    border-radius: 3px;
    background: var(--pt-button-simple-active-background-color) !important;
    border-color: var(--pt-button-simple-active-border-color) !important;
    outline: none;
}
.pt_classic_plus .PTGRIDTAB a.PTCPCOLLAPSEGRIDCOLSACH
{
	margin-top: 1px;
}







.pt_classic_plus #ptrctitlebar
{
	background-color: #fafafa;
	background-color: var(--pt-page-background-color);
	height: 38px;
	border-top: 1px solid #ced4da;
	border-top-color: #868e96; 
	border-top-color: var(--pt-border-contrast-color);
}

.pt_classic_plus #ptifrmrc #ptrctitleline
{
	height: 0px;
	border-top: 1px solid #ced4da;
	border-top-color: #868e96; 
    border-top-color: var(--pt-groupbox-border-color);
	margin-top: -2px;
}

.pt_classic_plus #ptrctitlebar h2.ptrctitlebar
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16.1333px;
	font-weight: bold;
	background-color: #fafafa;
    background-color: var(--pt-page-background-color);
	border: medium none;
	color: #a45617;
	color: var(--pt-header-text-color);
	height: 23px;
}

.pt_classic_plus #ptrctitlebar .ptrcexpand:before
{
	content: url(/cs/NBCCPRD/cache/PT_COLLAPSE_NUI_1.svg);
	position: relative;
	bottom: 2px;
}
.pt_classic_plus #ptrctitlebar .ptrccollapse:before
{
	content: url(/cs/NBCCPRD/cache/PT_EXPAND_NUI_1.svg);
	position: relative;
	bottom: 2px;
}

.pt_classic_plus #ptifrmrc #ptrctitlebar #ptrcServiceTab #selected a span,
.pt_classic_plus #ptifrmrc #ptrctitlebar #ptrcServiceTab a span
{
	padding: 6px 5.333px;
	line-height: 19.1px;
}
.pt_classic_plus #ptrctitlebar #ptrcServiceTab a
{
	margin: 0px 7.333px 0px 0px;
}

.pt_classic_plus #ptrcrefresh, .pt_classic_plus #ptrcrefreshonhover,
.pt_classic_plus .ptrcPgltcontrolsdropdown,
.pt_classic_plus .ptrcPgltcontrolsdropdownclickedTopBorder
{
	display: none !important;
}
.pt_classic_plus .PTCPRCBFRAMEREFRESH,
.pt_classic_plus .PTCPRCBFRAMESETTINGS
{
	box-shadow: none;
	padding: 9px 8px 5px 9px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #868e96;
	background-color: transparent;
    border-color: transparent;
	transition: background 0.15s 0s ease-in-out;
}
.pt_classic_plus .PTCPRCBFRAMEREFRESH:hover,
.pt_classic_plus .PTCPRCBFRAMESETTINGS:hover
{  
	border-color: #5c6570;
	background: #f4f7fc;
	border-color: var(--pt-border-dashed-1);
	background-color: var(--pt-button-hover-background-color);
	border-radius: 3px;
	border-style: dashed;
	border-width: 1px;
	box-shadow: none;
	text-decoration: none;
}
.pt_classic_plus .PTCPRCBFRAMEREFRESH:active, 
.pt_classic_plus .PTCPRCBFRAMESETTINGS:active
{
	box-shadow: none;
	background: #b9ddfb;
	border-color: #1c579c;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	background-color: var(--pt-button-active-background-color);
    border-color: var(--pt-button-active-border-color);
	outline: none; 
}
.pt_classic_plus .PTCPRCBFRAMEREFRESH:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_PAGELET_REFRESH_1.svg);
}
.pt_classic_plus .PTCPRCBFRAMESETTINGS:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_PAGELET_SETTING_1.svg);
}
.pt_classic_plus .PTCPRCBFRAMERIGHTSEC 
{
    width: 80px !important;
}




.pt_classic_plus .ptpnlpglthdr
{
	background: #fafafa;
	background-color: var(--pt-page-background-color);
	height: 40px;
	border-top: 1px solid #aaa;
	border-top-color: var(--pt-border-contrast-color);
	border-bottom: 1px solid #aaa;	
	border-bottom-color: var(--pt-groupbox-border-color);
}
.pt_classic_plus h2.ptpglthdr
{
	font-family : Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 14.6667px;
	color: #a45617;
	color: var(--pt-header-text-color);
}
.pt_classic_plus .vRCPgltArea_docked .vRCPgltAreaResize
{
	border-right: 1px solid #aaa;
	border-right-color: var(--pt-panel-border-color);
}
.pt_classic_plus .ptrcactionstyle
{
	margin-right: 7px;
}
.pt_classic_plus .PTCPRCRIGHTFRAMESETTINGSICONCONTAINER
{
	padding: 9px 8px 5px 9px;
	border: 1px solid #868e96;
	border-radius: 3px;
	box-shadow: none;
	background: #fff;
	background-color: transparent;
    border-color: transparent;
	transition: background 0.15s 0s ease-in-out;
}
.pt_classic_plus .PTCPRCRIGHTFRAMESETTINGSICONCONTAINER:hover
{
	border-color: #5c6570;
	border-color: var(--pt-border-dashed-1);
	background: #f4f7fc;
    background-color: var(--pt-button-hover-background-color);
	border-radius: 3px;
	border-style: dashed;
	border-width: 1px;
	box-shadow: none;
	text-decoration: none;
}
.pt_classic_plus .PTCPRCRIGHTFRAMESETTINGSICONCONTAINER:active
{
	background: #b9ddfb;
	border-color: #1c579c;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	background-color: var(--pt-button-active-background-color);
	border-color: var(--pt-button-active-border-color);
	color: var(--pt-button-active-text-color);
}
.pt_classic_plus .PTCPRCRIGHTFRAMESETTINGSICONCONTAINER:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_PAGELET_SETTING_1.svg);
}
.pt_classic_plus .PTCPRCRIGHTFRAMESETTINGSICON
{
	display: none;
}
.pt_classic_plus .ptrcPgltControls div
{
	margin: 20px 0 0 30px;
	background-color: var(--pt-modal-background-color);
	border-color: var(--pt-modal-border-color);
}

.pt_classic_plus .ptrcPgltControls div a
{
	color: var(--pt-menu-item-text-color);
	border-left: 4px solid transparent;
	font-size: 14.6667px;
}
.pt_classic_plus .ptrcPgltControls div a:hover
{
	border-left: 4px solid;
	border-left-color: var(--pt-menu-item-hover-border-color);
	background-color:var(--pt-hover-background-color);
}

.pt_classic_plus .ptrcPgltControls div a:active
{	
	border-left: 4px solid;
	border-left-color: var(--pt-menu-item-hover-border-color);
	background-color: var(--pt-button-active-background-color);
    text-decoration: none;
}


.pt_classic_plus .ptrcPgltcontrolshadowabove div  
{
	box-shadow: 2px 3px 2px var(--pt-modal-shadow-color);
}






.pt_classic_plus .PTCPSAVEDIV
{	
	width: 100%;
	animation: 3s ease 0s normal none 1 running fadein-alt;
	background: #c8ead6 none repeat scroll 0 0;
	background-color: var(--pt-confirmation-background-color);
	border: 1px solid #76a68a;
	border-color: #3c9f65; 
	border-color: var(--pt-confirmation-border-color);
	box-sizing: border-box;
	color: #000;
	color: var(--pt-confirmation-text-color);
	padding: 4px;
	text-align: center;
	text-shadow: 1px 1px 0 #f0f6eb;
	height: 53px;
	top: 0px !important;
	position: fixed !important;
}
.pt_classic_plus .PTCPSAVETBL
{
	display: none !important;
}
.pt_classic_plus .PTCPSAVETEXTMSGNODE
{
	font-family : Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 14.6667px;
	color: #000;
	color: var(--pt-confirmation-text-color);
	text-shadow: none;
	margin-top: 11px;
}
.pt_classic_plus .PTCPSAVEDIV #ptpopupclose
{
	width: 14px;
	height: 27px;
	padding: 0px 8px 0px 7px;
	border-radius: 3px;
	margin-right: 6px;
}
.pt_classic_plus .PTCPSAVEDIV #ptpopupclose:before
{
	content: url(/cs/NBCCPRD/cache/PT_MODAL_CLOSE_NUI_1.svg) !important ;
	position: relative;
	top: 5px;
	left: 1px;
}
.pt_classic_plus .PTCPSAVEDIV #ptpopupclose:hover 
{
	background: #fff ;
	background-color: var(--pt-page-background-color);
	border: 1px solid #999 !important ;
	border-color: #7A818A !important ; 
    border-color: var(--pt-border-contrast-color) !important;
}


.pt_classic_plus .PTCPWAITDIV,
.pt_classic_plus #WAIT_empty
{
	top: 40% !important;
	left: 45% !important;
	position: fixed !important;
}

.pt_classic_plus .PTCPWAITDIV .PTCPWAITDIVIMG
{
	width: 20%;
    opacity: .85;
    min-width: 4em;
    max-width: 10em;
}
.pt_classic_plus #WAIT_empty #processing
{
	display: none;
}
.pt_classic_plus #WAIT_empty:after
{
	content: url(/cs/NBCCPRD/cache/PT_PROCESSING_FMODE_1.gif);
}




.pt_classic_plus .ptpgltheader
{
	background: #fafafa;
	background: var(--pt-page-background-color);
	height: 40px;
}
.pt_classic_plus .ptalPgltHeaderLabel
{
	font-family : Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 14.6667px;
	color: #a45617;
	color: var(--pt-header-text-color);
	top: 10px;
	padding-left: 2px !important;
}
.pt_classic_plus .ptpgltheader, 
.pt_classic_plus .ptalPgltArea_docked .ptalPgltAreaResizeBar
{
	border-color: #868E96; 
	border-color: var(--pt-control-border-color);
}
.pt_classic_plus .ptalPgltFadedRefresh:after, 
.pt_classic_plus .ptalPgltDarkRefresh:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_PAGELET_REFRESH_1.svg) ;
}
.pt_classic_plus .ptpgltheader .ptalPgltcontrolsdropdown, .pt_classic_plus .ptpgltheader .ptalPgltcontrolsdropdownclickedTopBorder,
.pt_classic_plus .ptpgltheader .ptalPgltReloadIcon, .pt_classic_plus .ptalPgltAreaHeaderBar #ptalPgltAreaDropDownImg
{
	display: none;
}
.pt_classic_plus .PTALPAGELEBODYDIV .ptalPgltControls div
{
	margin-top: 30px;
	margin-left: 28px;
}
.pt_classic_plus .ptpgltheader .PTCPWCPAGELETHEADERSETTINGSICON a:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_PAGELET_SETTING_1.svg) ; 
}
.pt_classic_plus .PTCPWCPAGELETHEADERSETTINGSICON a, .pt_classic_plus .PTCPWCPAGELETREFRESHICON a,
.pt_classic_plus .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown
{
	padding: 9px 7px 4px 7px;
	
	
	box-shadow: none;
	border-radius: 3px;
	transition: background 0.15s 0s ease-in-out;
}
.pt_classic_plus .PTCPWCPAGELETHEADERSETTINGSICON a:hover, .pt_classic_plus .PTCPWCPAGELETREFRESHICON a:hover,
.pt_classic_plus .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown:hover
{
	border-color: #5c6570 !important;
	border-color: var(--pt-border-dashed-1) !important;
	background: #f4f7fc !important;
    background: var(--pt-button-hover-background-color) !important;
	border-radius: 3px;
	
	border-style: dashed;
	border-width: 1px;
	box-shadow: none;
	text-decoration: none;
	 
	 
}
.pt_classic_plus .PTCPWCPAGELETHEADERSETTINGSICON a:active, .pt_classic_plus .PTCPWCPAGELETREFRESHICON a:active,
.pt_classic_plus .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown:active
{
	background: #b9ddfb !important;
	background: var(--pt-button-active-background-color) !important;
	border-color: #1c579c !important;
	border-color: var(--pt-button-simple-active-border-color) !important;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	outline: none; 
}
.pt_classic_plus .ptpgltheader .ptalPgltIconPadding
{
	padding-right: 5px;
}
.pt_classic_plus .ptalPgltAreaHeaderLabel a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.133px;
	font-weight: bold;
	color: rgb(0, 0, 0);
	color: var(--pt-page-text-color);
}
.pt_classic_plus .ptalPgltAreaHeaderLabel
{
	padding-top: 5px;
}
.pt_classic_plus .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_WC_GEAR_1.svg);
}
.pt_classic_plus .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown
{
	padding-right: 5px;
}





.pt_classic_plus .PT_MENU_ACTION_LISTITEM_L0, 
.pt_classic_plus .PT_MENU_ACTION_LISTITEM
{
	margin-top: 6px;
	margin-bottom: 6px;
	color: rgb(0, 0, 0);
	color: var(--pt-menu-item-text-color);
	font-size: 14.6667px;
}
.pt_classic_plus .PT_MENU_ACTION_LISTITEM_L0
{
	padding-left: 22px;
}
.pt_classic_plus .PT_MENU_ACTION_LISTHEAD
{
	color: rgb(0, 0, 0);
	color: var(--pt-header-text-color);
	font-size: 14.6667px;
}
.pt_classic_plus .ptactmenurightarrow:after
{
	content: url(/cs/NBCCPRD/cache/PT_NUI_CHEVRON_1.svg) ;
	position: relative;
	top: 1px;
}
.pt_classic_plus .SHADOW_MENU_DROPDOWN
{
	box-shadow: 5px 0 8px 0 #ddd, 0 5px 8px 0 #ddd;
	box-shadow: 5px 0 8px 0 var(--pt-modal-shadow-color), 0 5px 8px 0 var(--pt-modal-shadow-color);
}
.pt_classic_plus .RADIUS_MENU_DROPDOWN_CORNER {
	border : 1px solid var(--pt-modal-border-color) !important ;
	background-color: var(--pt-modal-background-color);
}
.pt_classic_plus .PTCPRCMENUSEPERATORTH
{
	border-bottom: 1px solid #ced4da;
	padding-top: 6px;
}
.pt_classic_plus .PTCPRCMENUSEPERATORHR
{
	display: none;
}
.pt_classic_plus .PT_MENU_ACTION_LISTHEAD
{
	margin-top: 12px;
}
.pt_classic_plus .PT_ABN_ORGCHART, 
.pt_classic_plus .PT_ORG_ACTION_BG
{
	background-color: var(--pt-modal-background-color);
	border-left: 4px solid transparent;
}
.pt_classic_plus .PT_ORG_ACTION_HVR_BG
{
	background-color: #ffffeb;
	border-left: 4px solid;
	border-left-color: var(--pt-menu-item-hover-border-color);
	background-color: var(--pt-hover-background-color);

}
.pt_classic_plus .PT_ORG_ACTION_HVR_BG:active
{
	background-color: #ffffeb;
	border-left: 4px solid;
	border-left-color: var(--pt-menu-item-hover-border-color);
	background-color: var(--pt-button-active-background-color);

}
.pt_classic_plus .PT_ORG_ACTION_SLCT_BG
{
	background-color: #c4d7e6;
	border-left: 4px solid;
	border-left-color: var(--pt-menu-item-hover-border-color);
	background-color: var(--pt-button-active-background-color);
}

.pt_classic_plus .PTPageRCDiv
{
	box-shadow: none;
	border: none;
}
.pt_classic_plus .PTPageRCCont
{
	box-shadow: 5px 0 8px 0 #ddd, 0 5px 8px 0 #ddd;
	box-shadow: 5px 0 8px 0 var(--pt-modal-shadow-color), 0 5px 8px 0 var(--pt-modal-shadow-color);
	border: 1px solid #b8b9bb;
	border-radius: 1px;
	border-color: var(--pt-modal-border-color);
	padding-top: 12px;
}
.pt_classic_plus .PTPageRCCont .PTPageRCXtraDiv
{
	display: none;
}
.pt_classic_plus .PTPageRCCont .PTPageRCLnk
{
	font-size: 13px;
	margin-left: 0px;
	margin-right:0px;
}
.pt_classic_plus .PTPageRCCont .PTPageRCLnkTD, 
.pt_classic_plus .PTPageRCCont .PTPageRCLastLnkTD
{
	border: none;
}
.pt_classic_plus .PTPageRCCont .PTPageRCLastLnkTD a:hover, 
.pt_classic_plus .PTPageRCCont .PTPageRCLnkTD a:hover
{
	background-color: #ffffeb;
	border-left: 4px solid;
	border-left-color: var(--pt-menu-item-hover-border-color);
	background-color:var(--pt-hover-background-color);
	color: var(--pt-menu-item-text-color);
    text-decoration: none;
}
.pt_classic_plus .PTPageRCCont .PTPageRCLastLnkTD a:active,
.pt_classic_plus .PTPageRCCont .PTPageRCLnkTD a:active
{
	border-left: 4px solid;
	border-left-color: var(--pt-menu-item-hover-border-color);
	background-color: var(--pt-button-active-background-color);
	color: var(--pt-menu-item-text-color);
    text-decoration: none;
}

.pt_classic_plus .PTPageRCLnk
{	
    background-color: var(--pt-modal-background-color);
	color: var(--pt-menu-item-text-color);
	border-left: 4px solid transparent;
	padding: 6px 40px 6px 16px;
}




.pt_classic_plus .rcMenuOnTC .ptrcMenuLinkImage
{
	display: none !important;
}
.pt_classic_plus .rcMenuOnTC #ptrcMenuALink:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_RC_ARROWEND_1.svg);
}
.pt_classic_plus .PSRALEFTWIDGET a:before
{
	content: url(/cs/NBCCPRD/cache/PTCP_RC_ARROWSTART_1.svg);
}






.psc_mode-access.pt_classic_plus .PTPREVROW_D,
.psc_mode-access.pt_classic_plus .PTNEXTROW_D
{
	right: -5px;
}
.psc_mode-access.pt_classic_plus .gridhelpicon
{
	padding-right: 5px;
	position: relative;
	bottom: 5px;
}
.psc_mode-access.pt_classic_plus .PT_CP_LINE_SEPERATOR
{
	bottom: 4px;
	position: relative;
}
.psc_mode-access.pt_classic_plus .PSLEVEL1GRIDLABEL, 
.psc_mode-access.pt_classic_plus .PSLEVEL2GRIDLABEL,
.psc_mode-access.pt_classic_plus .PSLEVEL3GRIDLABEL
{
	background-color: #fff;
	background-color: var(--pt-page-background-color);
}
.psc_mode-access.pt_classic_plus .PSLEVEL1GRID, 
.psc_mode-access.pt_classic_plus .PSLEVEL2GRID,
.psc_mode-access.pt_classic_plus .PSLEVEL3GRID
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	color: var(--pt-page-text-color);
}
.psc_mode-access.pt_classic_plus .PSSRCHGROUPBOXLABEL, 
.psc_mode-access.pt_classic_plus .PSLEVEL1SCROLLAREAHEADER, 
.psc_mode-access.pt_classic_plus .PSLEVEL2SCROLLAREAHEADER,
.psc_mode-access.pt_classic_plus .PSLEVEL3SCROLLAREAHEADER
{
	background: #fff;
	background-color: var(--pt-page-background-color);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.1333px;
	font-weight: bold;
	color: #a45617;
	color: var(--pt-header-text-color);
}





.psc_mode-preview.psc_preview-showerc .PTERCGRPBOX
{
	border: 0.1em dashed #C00000;
	border-color: var(--pt-grid-find-outline-color) !important;
	color: #8a8a8a;
	color: var(--pt-placeholder-text-color) !important;
	font-style: italic;
	background: #fff;
	background-color: var(--pt-page-background-color) !important;
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
}

.psc_mode-preview.psc_preview-showerc .PTERCGRPBOX .PSGROUPBOXLABEL
{
	border-bottom:1px solid #ced4da;
	padding-left: 8px;
	font-style: italic;
	color: #3a3a3a;
	color: var(--pt-border-contrast-4-color) !important;
}

.psc_mode-preview.psc_preview-showerc .PTERCGRPBOX tr:nth-child(2) td:nth-child(1):after
{
	content:"Drop Zone: Subpage Target"; 
	display:block;
	padding: 1em 0.5em;
	text-align:center;
	color: #862626;
	color: var(--pt-grid-find-outline-color) !important;
	font-weight:bold;
	font-size:1.1em;
	flex:0 0 auto;
}








.pt_classic_plus .PSMULTILANG
{ 
	font-family: Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	color: rgb(0,0,0);
        color: var(--pt-confirmation-text-color);
	border-radius: 3px;
	border: 1px solid #bcc4cd;
	border-color: var(--pt-confirmation-border-color);
	padding: 5.133px 4.693px;
	background-color: rgb(204,255,204);
        background: var(--pt-confirmation-background-color); 
}
.pt_classic_plus .PSMULTILANG:hover,
.pt_classic_plus .PSMULTILANG:focus
{
	border-color: #7f97de;
        border-color: var(--pt-control-hover-border-color);
}
.pt_classic_plus .PSMULTILANGDISABLED
{ 
	font-family: Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	border-radius: 3px;
	border: 1px solid rgb(211,211,211);
        border-color: var(--pt-control-disabled-border-color);
	padding: 5.133px 4.693px;
	color: #555;
        color: var(--pt-control-disabled-text-color);
	background-color: rgb(235,235,235);
        background-color: var(--pt-control-disabled-background-color);
}







#spellcheckinstructiontextcontainer
{
	position: absolute !important;
	left: 0 !important;
	top: -9999px !important;
	right: auto !important;
	bottom: auto !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	display: block !important;
}







.psfluidokbutton
{
	background: #fff;
	background: var(--pt-button-background-color);
	border: 1px solid #246FC7 !important;
	border: 1px solid var(--pt-button-border-color) !important;
	transition: background 0.15s 0s ease-in-out;
	box-shadow: none;
	text-shadow: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	font-weight: normal;
	color: #246FC7;
	color: var(--pt-button-text-color);
}
.psfluidokbutton:hover
{
	background: #f4f7fc !important;
	background: var(--pt-button-hover-background-color) !important;
	border-color: #1c579c !important;
	border-color: var(--pt-button-hover-border-color) !important;
	outline: 1px dotted; 
	outline-offset: -3px; 
}
.psfluidokbutton:active
{
	border-color: #1d2733 !important;
	border-color: var(--pt-button-active-border-color) !important;
	background: #b9ddfb !important;
	background: var(--pt-button-active-background-color) !important;
	outline: none; 
}
.pstimeoutmsgcontainer 
{
    background-color: #ffffff;
    background-color: var(--pt-modal-background-color) !important;
    color: #000;
    color: var(--pt-modal-text-color) !important;
}








.pt_classic_plus .PTCP_ARROW_TAB_LAYOUT
{
	transform: rotate(90deg);
}







.pt_classic_plus #pt_typeahead.spanTextDropdown
{
	margin-top: 2px;
}







.pt_classic_plus #ptaisubpage #ptaiagtitle
{
   
	font-family: Arial,Helvetica,sans-serif;
	color: var(--pt-page-text-color);
	font-weight: bold;
	font-size: 16.133px;
}







.pt_classic_plus .ptalPgltControls div a
{	
	border-left: 4px solid transparent;
}
.pt_classic_plus .ptalPgltControls div a:hover
{	
	border-left: 4px solid;
	border-color: var(--pt-menu-item-hover-border-color);
	background-color:var(--pt-hover-background-color);
	color: var(--pt-menu-item-text-color);
}








.pt_classic_plus .PSFRAMEWBO
{
	border-color: var(--pt-groupbox-border-color);
}








#PT_PINADD .pinnewlp
{
    background-color: var(--pt-modal-background-color);
	padding-bottom: 1.5em !important;	
	border-radius: 0px 0px 3px 3px;
	text-align: left;
}

:root.psc_mode-hc #PT_PINADD
{
    background-color: var(--pt-modal-background-color);
	border: 1px solid var(--pt-modal-border-color);
}

#PT_PINADD #ptpinAddBtn,
#ptaddlpbtn
{
	display: inline-flex;
	color: var(--pt-button-text-color) ;
    font-weight: normal ;
    text-decoration: none;
}

:root.psc_mode-hc #PT_PINLPSELECT
{
    background-color: var(--pt-modal-background-color);
	border: 1px solid var(--pt-modal-border-color);
}

#PT_PINLPSELECT
{
	background-color: var(--pt-modal-background-color);
	border-radius: 3px;
}







.pt_classic_plus  .PTS_CRITERIA_GB
{
 border-radius: 4px;
 background-color: var(--pt-palette-49);
 border-top:1px solid #CED4DA;
 border-bottom:1px solid #CED4DA;
 border-left: 1px solid #CED4DA;
 border-right: 1px solid #CED4DA;
 margin-top: 0.7em;
 border: 1px solid #ced4da !important;
 border-color: var(--pt-border-normal-color) !important;
 table-layout:fixed !important;
}


.pt_classic_plus .pts_cfg_srch .ps-button
{
  display:inline-block;
  padding:0.2em 1.2em;
  border:1px solid #246FC7;
  -webkit-border-radius:0.25em;
  -moz-border-radius:0.25em;
  -ms-border-radius:0.25em;
  border-radius:0.25em;
  text-decoration:none;
  color: #246FC7;
  vertical-align:bottom;
  overflow:hidden;
  text-overflow:ellipsis;
  background: #fff;
  font-weight:normal;
  transition: background 0.15s 0s ease-in-out;
position:relative;
}

.pt_classic_plus .PSSRCHPAGEWBO .ps-button 
{
  display:inline-block;
  padding:0.2em 1.2em;
  border:1px solid #246FC7;
  -webkit-border-radius:0.25em;
  -moz-border-radius:0.25em;
  -ms-border-radius:0.25em;
  border-radius:0.25em;
  text-decoration:none;
  color: #246FC7;
  vertical-align:bottom;
  overflow:hidden;
  text-overflow:ellipsis;
  background: #fff;
  font-weight:normal;
  transition: background 0.15s 0s ease-in-out;

}

.pt_classic_plus .pts_cfg_srch .ps-text
{
  position:relative;
  top: -3px;
  margin-left: 0.1em;
}

.pt_classic_plus .PTS_FILTER_VALUE {border-style:none;}
.pt_classic_plus .PTS_PROMPT1 {border-style:none;}
.pt_classic_plus .PTS_PROMPT2 {border-style:none;}
.pt_classic_plus .PTS_YESNO1{border-style:none;}
.pt_classic_plus .PTS_YESNO2 { border-style:none; }
.pt_classic_plus .PTS_XLAT1{border-style:none;}
.pt_classic_plus .PTS_PROMPTNOEDIT1 {border-style:none;}
.pt_classic_plus .PTS_PROMPTNOEDIT12 {border-style:none;}
.pt_classic_plus .PTS_DATEPROMPT1 
{
 border-style:none;
}


.pt_classic_plus .pts_cfg_srch .PTS_CL_KWSRCH_GRIDWBO .psprintRightTd > div { height: auto !important; }
.pt_classic_plus .pts_cfg_srch .PTS_CL_KWSRCH_GRIDWBO .psprintgrid#divgcPTS_CFG_CL_LIST\$0 { height: auto !important; }
.pt_classic_plus .pts_cfg_srch .PTS_CL_KWSRCH_GRIDWBO .psprintgrid#divgcPTS_CFG_CL_LIST\$0 #divgbPTS_CFG_CL_LIST\$0.psprintgrid { height: auto !important; }


.pt_classic_plus .pts_cfg_srch .PTCPGROUPBOXWBO .psprintRightTd > div { height: auto !important; }
.pt_classic_plus .pts_cfg_srch .PTCPGROUPBOXWBO .psprintgrid#divgcPTS_CFG_CL_STD_RSL\$0 { height: auto !important; }
.pt_classic_plus .pts_cfg_srch .PTCPGROUPBOXWBO .psprintgrid#divgcPTS_CFG_CL_STD_RSL\$0 #divgbPTS_CFG_CL_STD_RSL\$0.psprintgrid { height: auto !important; }

.pts_cfg_srch .PTS_BREADCRUMB tr { display: inline-block; }
.pts_cfg_srch .PTS_BREADCRUMB tr td span:before { width: auto; }
.pts_cfg_srch .PTS_BREADCRUMB tr td span { width: auto; }
.pts_cfg_srch .PTS_BREADCRUMB tr td { width: auto; }
.pts_cfg_srch .PTS_BREADCRUMB tr td:nth-child(2) { vertical-align: bottom; }
.pts_cfg_srch .PTS_BREADCRUMB tr td:nth-child(3) { vertical-align: middle; }
.pts_cfg_srch .PTS_BREADCRUMB.PTCPGROUPBOXWBO > tbody > tr:nth-child(2) > td:nth-child(1) { display: none; height: fit-content; }

.PTS_BCRUMBGB tr:nth-child(3) td:nth-child(1) { height: fit-content; }
.PTS_BCRUMBGB tr:nth-child(3) { height: fit-content; }
.PTS_BCRUMBGB tr:nth-child(4) td:nth-child(1) { height: fit-content; }
.PTS_BCRUMBGB tr:nth-child(4) { height: fit-content; }
.PTS_SRSLTSGB tr:nth-child(4) td:nth-child(1) { height: fit-content; }
.PTS_SRSLTSGB tr:nth-child(4) { height: fit-content; }


.pt_classic_plus .pts_cd_box-group
{
    display: inline-block;
    border: none;
    background-color: transparent;
    margin: 0;
    white-space: nowrap;
}
.pt_classic_plus .pts_cd_widget {
    position: relative;
}
.pt_classic_plus .pts_cd_widget .pts_search_mask {
    z-index: 210;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    opacity: .50;
    background-color: #808080;
    background-color: var(--pt-modal-mask-background-color);
}

.pt_classic_plus .pts_cd_widget .pts_cd_box-menucontainer {
    list-style-type: none;
    display: block;
    padding: 0;
    margin: 0;
}
.pt_classic_plus .pts_cd_widget .pts_cd_box-menuitem {
    position: relative;
}
.pt_classic_plus .pts_cd_widget .pts_cd-link {
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pt_classic_plus .pts_cd_widget .pts_cd_search_tray {
    position: absolute;
    display: block;
    background-color: #fff;
    background-color: var(--pt-menu-background-color);
    border: 1px solid #6c6c6c;
    border-color: var(--pt-menu-border-color);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 25px #5a5a5a;
    -moz-box-shadow: 0px 0px 25px #5a5a5a;
    -ms-box-shadow: 0px 0px 25px #5a5a5a;
    box-shadow: 0px 0px 25px #5a5a5a;
    box-shadow: 0px 0px 25px var(--pt-modal-shadow-color);
    margin-bottom: 3px;
    margin-top: 2px;
}

.pt_classic_plus .pts_cd_widget .pts_cd_search_focused .pts_cd_search_tray {
    z-index: 211;
}
.pt_classic_plus .pts_cd_widget .pts_cd_search_controls {
    position: relative;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -ms-box-flex: 1.0;
    box-flex: 1.0;
    display: -webkit- flex;
    display: -moz- flex;
    display: -ms- flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: 1px solid #868e96;
    border-color: var(--pt-border-contrast-color);
    border-radius: 0.25em;
    background: #868e96;
    background: var(--pt-border-contrast-color);
}
.pt_classic_plus .pts_cd_widget .pts_cd_search_focused .pts_cd_search_controls {
    z-index: 213;
}
.pt_classic_plus .pts_cd_widget .pts_cd_editbox, .pts_cd_editbox>.pts_cd_box-control, .pts_cd_editbox>.pts_cd_box-control>.pts_cd-edit {
    display: -webkit- flex;
    display: -moz- flex;
    display: -ms- flex;
    display: flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 0em;
}
.pt_classic_plus .pts_cd_widget .pts_cd_editbox>.pts_cd_box-control>.pts_cd-edit {
    padding-left: 15px;
    width:100%;
    margin-right: 0px;
}
.pt_classic_plus .pts_cd_widget .pts_cd_box-link > .pts_cd-link-wrapper > .pts_cd-link {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.pt_classic_plus .pts_cd_widget .pts_cd_box-menuitem > .pts_cd_box-link > .pts_cd-link-wrapper > .pts_cd-link {
    padding: 0.5em;
    color: #1c579c;
    white-space: normal;
    text-overflow: ellipsis;
    position: relative;
}
.pt_classic_plus .pts_cd_widget .pts_cd_box-link.pts_cd_category_selected > .pts_cd-link-wrapper >.pts_cd-link {
	padding-left:1.5em;
}
.pt_classic_plus .pts_cd_widget .pts_cd_box-link.pts_cd_category_notselected > .pts_cd-link-wrapper >.pts_cd-link {
	padding-left:1.5em;
}
.pt_classic_plus .pts_cd_widget .pts_cd_box-link.pts_cd_category_selected > .pts_cd-link-wrapper >.pts_cd-link:before {
    content: url(/cs/NBCCPRD/cache/PTS_INTSRCH7_ICN_1.svg);
    display: block;
    position: absolute;
    top: calc(50% - 11px);
    bottom: 0;
    left: 1px; 
    right: auto;
    border: 0;
    padding-left:1%;
}
.pt_classic_plus .pts_cd_widget .pts_cd-link-wrapper > a:hover {
	background:#eeeeee;
}
.pt_classic_plus .pts_cd_widget .pts_cd-link-wrapper > a:focus {
	outline: 2px solid;
}
.pt_classic_plus .pts_cd_widget .pts_cd_search_tray .pts_cd-link .pts_cd_link_title {
	width:100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    color: var(--pt-page-text-alt-color);
}
.pt_classic_plus .pts_cd_widget .pts_cd_search_tray .pts_cd-link .pts_cd_link_title1 {
    width:30%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    color: var(--pt-page-text-alt-color);
}
.pt_classic_plus .pts_cd_widget .pts_cd_search_tray .pts_cd-link .pts_cd_link_title.pts_cd_link_wrapped {
	width:70%;
}
.pt_classic_plus .pts_cd_widget .pts_cd_box-link.pts_cd_category_selected > .pts_cd-link-wrapper >.pts_cd-link .pts_cd_link_title.pts_cd_link_wrapped
{
	width:68%;
    padding-left:2%;
}
.pt_classic_plus .pts_cd_widget .pts_cd_box-link.pts_cd_category_selected > .pts_cd-link-wrapper >.pts_cd-link .pts_cd_link_title
{
	width:98%;
    padding-left:2%;
}
.pt_classic_plus .pts_cd_widget .pts_cd_search_tray .pts_cd-link .pts_cd_link_title1.psc_hidden
{
  display:none;
}
.pt_classic_plus .pts_cd_widget .pts_cd_box-menuitem:not(.psc_hidden) {
    display: block;
    text-align: left;
    min-height: 3.2em;
}
.pt_classic_plus .pts_cd_widget .pts_cd_search_srchipctrl
{
	position: absolute;
	width:90%;
	left:5%;
	right:5%;
}
.pt_classic_plus .pts_cd_widget .pts_cd_search_rescontainer
{
     width:100%;
     margin-top: -20px;
	 padding-top: 55px;
}
.pt_classic_plus .pts_cd_widget .pts_cd_search_resscroll
{
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}
.pt_classic_plus .pts_cd_widget .ps_scrollable {
    clear: both;
    -moz-outline: 0;
    position: relative;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.pt_classic_plus .pts_cd_widget .ps_scrollable_v {
    overflow-x: hidden;
    overflow-y: auto;
}

.pt_classic_plus .pts_cd_widget .sbar::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

.pt_classic_plus .pts_cd_widget .sbar::-webkit-scrollbar {
    height: 11px;
    width: 11px;
}

.pt_classic_plus .pts_cd_widget .sbar::-webkit-scrollbar-button {
    background-color: transparent;
    height: 5px;
}
.pt_classic_plus .pts_cd_widget .sbar::-webkit-scrollbar-corner {
    background-color: #ffffff;
    background-color: var(--pt-page-background-color);
}
.pt_classic_plus .pts_cd_widget .sbar::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
}
.pt_classic_plus .pts_cd_widget .pts_cd_nores
{
	text-align:center;
}
.pt_classic_plus .pts_cd_widget .pts_cd_nores_img
{
	width:10%;
	height:10%;
}
.pt_classic_plus .pts_cd_widget .pts_cd_nores_text
{
	white-space: nowrap; 
	overflow:hidden; 
	text-overflow: ellipsis; 
}
.pt_classic_plus .pts_cd_widget  .pts_cd_padding_top
{
	padding-top:15px;
}
.pt_classic_plus .pts_cd_widget .pts_cd_hidden
{
	visibility:hidden;
}
.pt_classic_plus .pts_cd_widget .pts_cd_nores p
{
	margin-top:5px;
	margin-bottom:0px;
}
.pt_classic_plus .pts_cd_widget .pts_cd_nolink
{
	pointer-events:none
}

.pt_classic_plus .pts_cd_box-menuitem:not(.psc_hidden) {
    display: block;
    text-align: left;
    min-height: 3.2em;
}
.pt_classic_plus  .PTS_CRITERIA_GB .PSSRCHCHECKBOX
{
    position:relative;
    top: -2px;
}

.pt_classic_plus  .pts_cfg_srch .PSSRCHCHECKBOX
{
    position:relative;
    top: -2px;
}

.pt_classic_plus .c .pts_pagetoogle img
{
	width: 16.5px;
	height: 16.5px;
}

.pt_classic_plus .pts_cfg_srch .pts_cfgsrch_rcntedit img
{
	width: 25px;
	height: 25px;
	margin-left: -1px;
}

.pt_classic_plus .pts_cfg_srch .pts_cfgsrch_saveedit img
{
	width: 25px;
	height: 25px;
	margin-left: -5px;
}

.pt_classic_plus .pts_cfg_srch .PSPUSHBUTTON
{
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 14.67px;
	line-height: 17px;
	color: #312D2A;
	color: var(--pt-palette-24);
}

.pt_classic_plus .pts_cfg_srch .pts_boldfont
{
	font-family: 'Arial';
	font-style: normal;
	font-weight: 700;
	font-size: 14.67px;
	line-height: 17px;
	color: #312D2A;
	color: var(--pt-palette-24);
}
.pt_classic_plus .pts_cfg_srch .pts_normalfont
{
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 14.67px;
	line-height: 17px;
	color: #312D2A;
	color: var(--pt-palette-24);
}

.pt_classic_plus .pts_cfg_srch .pts_showhide_morelessopt
{
font-family: 'Arial';
font-style: normal;
font-weight: 700;
font-size: 14.67px;
line-height: 17px;

align-items: center;



color: #312D2A;
color: var(--pt-palette-24);
}

.pt_classic_plus  .pts_cfg_srch .pts_display_none{
display: none;
}

.pt_classic_plus  .pts_cfg_srch .pts_gridview_grid{
  content:url(/cs/NBCCPRD/cache/PT_NUI_VIEW_GRID_1.svg);
	margin-top: 8px;
    margin-left: -5px;
}

.pt_classic_plus  .pts_cfg_srch .pts_gridview_list 
{
	content:url(/cs/NBCCPRD/cache/PT_NUI_VIEW_LIST_1.svg);
	margin-top: 8px;
    margin-left: -5px;
}

.pt_classic_plus  .pts_cfg_srch .pts_gridview_grid_border_radius
{
	border-radius: 4px 0px 0px 4px;
}

.pt_classic_plus  .pts_cfg_srch .pts_gridview_list_border_radius
{
	border-radius: 0px 4px 4px 0px;
}

.pt_classic_plus  .pts_cfg_srch .pts_radio_btn_unselected 
{
	width: 51px;
	height: 34px;
	left: 55px;
	top: 4px;
	border: 1px solid grey;
	box-sizing: border-box;	
	background: white;	
}

.pt_classic_plus  .pts_cfg_srch .pts_radio_btn_selected 
{
	width: 51px;
	height: 34px;
	left: 4px;
	top: 4px;



	background: #F5DEBD;
	background: var(--pt-selected-background-color);


	border: 2px solid #9B5734;
	border-color: var(--pt-selected-border-color);
	box-sizing: border-box;	
}

.pt_classic_plus .pts_cfg_srch .pts_radio_btn_selected:hover, 
.pt_classic_plus .pts_cfg_srch .pts_radio_btn_selected:focus
{
	width: 51px;
	height: 34px;
	left: 57px;
	top: 6px;
	border: 2px solid black;
	border-style: dotted;
	box-sizing: border-box;	
}

.pt_classic_plus .pts_cfg_srch .pts_radio_btn_unselected:hover, 
.pt_classic_plus .pts_cfg_srch .pts_radio_btn_unselected:focus
{
	width: 51px;
	height: 34px;
	left: 57px;
	top: 6px;
	border: 1px solid black;
	border-style: dotted;
	box-sizing: border-box;	
	background: #FDF3E4;
	background: var(--pt-hover-background-color);
}

.pt_classic_plus  .pts_cfg_srch .pts_showhide_flt
{
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 14.67px;
	line-height: 16px;
	color: #116EB1;
	color: var(--pt-link-text-color);
	text-decoration: none;
}

.pt_classic_plus .pts_cfg_srch .PTCPGRIDHDRVIEWALLDIVACH 
{
	font-family: 'Arial';
	font-style: normal;
	font-weight: 700;
	font-size: 14.67px;
	line-height: 17px;
	
	color: #161513;
	color: var(--pt-page-text-color);
}

.pt_classic_plus .pts_cfg_srch .pts_kws_rslts_hyperlink
{
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 14.67px;
	line-height: 20px;

	color: #00688C;
}

.pt_classic_plus  .pts_cfg_srch .pts_kws_rslts_details
{
	font-family: 'Arial';
	font-style: normal;
	font-weight: 700;
	font-size: 14.67px;
	line-height: 20px;
	color: #5C5B5A;
	color: var(--pt-label-text-color);
}

.pt_classic_plus .PTS_SS_CRITERIA_GB .PSLEVEL1GRIDNBO
{
	width:80%;
    margin-left:10%;
}

.pt_classic_plus .PTS_SS_CRITERIA_GB .PSLEVEL1GRIDNBO .PSLEVEL1GRIDROW.PSGRIDFIRSTCOLUMN
{
	width:35%;
	text-align:right;
	padding-right:1em;
}

.pt_classic_plus .pts_cfg_srch .PTS_CL_STDSRCH_GPB .ps-img, 
.pt_classic_plus .pts_cfg_srch .PTS_CL_KWSRCH_GRIDWBO .ps-img 
 { 
	width: 44px; 
	height: 55px; 
	border: 1px solid #bbb; padding: 0.2em;
 	margin-left: auto;
	margin-right: auto;
	display: block; 
 }




.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_FACET_CONTNRWBO,
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_GRID_CONTNRWBO,
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_FACETSWBO
{
	border: 1px solid var(--pt-groupbox-border-color);
}

.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_FACETSWBO,
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_FACETSWBO .PSGROUPBOXLABEL
{
	border-radius: 3px;
}

.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_FACETSWBO,
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_TREE_FACETWBO,
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_TREE_FACET_MOREWBO
{
	margin-bottom: 10px;
	background: #FFFFFF;
	background: var(--pt-page-background-color);
}

.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_FACETSWBO .PSGROUPBOXLABEL,
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_TREE_FACETWBO .PSGROUPBOXLABEL,
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_TREE_FACET_MOREWBO .PSGROUPBOXLABEL
{
	border-bottom: 1px solid var(--pt-groupbox-border-color);
	padding: 5px 0px;
	cursor: pointer;
}

.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_FACET_CONTNRWBO
{
	background: #F8F8F8;
}

.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PSGROUPBOXNBO
{
	margin-top: 0px;
	margin-bottom: 0px;
}
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_BREADCRUMB .PTCPGRIDTITLE,
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_RSLT_GRID_CONTNR .PTCPGRIDTITLE
{
	margin-top: 0px;
}

.pt_classic_plus .pts_cfg_srch .PTS_RSLT_FACET_CONTNR .PSLEVEL1SCROLLAREABODY .PTS_RSLT_FACETS .PTS_NOBORDERWBO .PSLEVEL2GRIDROW,
.pt_classic_plus .pts_cfg_srch .PTS_RSLT_FACET_CONTNR .PSLEVEL1SCROLLAREABODY .PTS_RSLT_FACETS .PTS_NOBORDERWBO .PSLEVEL2GRIDWBO
{
	border: none;
}

.pt_classic_plus .PSSRCHPAGE, .pt_classic_plus .PTS_SRSLTSGB
{
	margin-left: 0px;
}
.pt_classic_plus body.PSSRCHPAGE
{
	margin-left: 7px;
}

.pt_classic_plus .pts_cfg_srch .PTS_RSLT_GRID_CONTNR .PSLEVEL1GRIDWBO
{
	margin-left: -7px;
}
.pt_classic_plus .pts_cfg_srch .PTS_RSLT_GRID_CONTNR #ACE_PT_SEARCHRESULT .PSLEVEL1GRIDWBO
{
	border-top: none;
}

.pt_classic_plus .pts_cfg_srch .PTS_RSLT_FACETS .ptpg_jet_treeitemWBO
{
	min-width: 300px;
}

.pt_classic_plus .pts_cfg_srch .PTS_RSLT_FACET_CONTNR .PSLEVEL1SCROLLAREABODY
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.pt_classic_plus .pts_cfg_srch .PTS_RSLT_GRID_CONTNR #ACE_PTS_CFG_CL_WRK_PTS_VIEWAS_GB
{
	margin-left: -6px;
}

.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PSGROUPBOXNBO
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PSSRCHPAGENBO
{
	margin-left: 10px;
}
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PSGROUPBOX
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch #ACE_PTS_CFG_CL_WRK_PTS_KWPAGE_GB .PSPRIMARY
{
	border-radius: 0px;
	margin-left: -1px;
}
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PTS_CRITERIA_GB #PTS_CFG_CL_WRK_PTS_KW.PSEDITBOX
{
	border-radius: 0px;
}

.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch
{
	margin-left: -10px;
}

.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch .PSSRCHTITLE
{
	position: relative;
	bottom: 14px;
	margin-left: 6px;
}







.pt_classic_plus .PSSRCHPAGE .PTS_BREADCRUMB .PTS_BREADCRUMBNBO tr,
.pt_classic_plus .PSSRCHPAGE .PTS_BREADCRUMB .PTS_BREADCRUMBNBO tr:first-child 
{
	background-color: var(--pt-filter-background-color);
	border-radius: 1.2em;
	border: 1px solid var(--pt-filter-border-color);
	color: var(--pt-filter-text-color);
	height: 35px;
	padding: 0px 2px 0px 5px;
	margin: 6px 3px;
}
.pt_classic_plus .PSSRCHPAGE .PTS_BREADCRUMB .PTS_BREADCRUMBNBO tr td,
.pt_classic_plus .PSSRCHPAGE .PTS_BREADCRUMB .PTS_BREADCRUMBNBO tr:first-child td
{
	position: relative;
	bottom: 7px;
	height: 35px;
}
.pt_classic_plus .PTS_BREADCRUMB .PTS_BREADCRUMBNBO tr:last-child 
{
	background-color: var(--pt-button-background-color);
	border: 0px;
}
.pt_classic_plus .PTS_BREADCRUMB .PTS_BREADCRUMBNBO tr:last-child td
{
	position: relative;
	bottom: 2px;
}

:root.pt_classic_plus.firefox .PSSRCHPAGE .pts_cfg_srch .PTS_BREADCRUMBNBO
{
	margin-top: -26px;
}
:root.pt_classic_plus.chrome .PSSRCHPAGE .pts_cfg_srch .PTS_BREADCRUMBNBO
{
	margin-top: 10px;
}




:root.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch #ACE_PTS_CFG_CL_WRK_PTS_CFGSRCH_RSLTGB.PSSRCHPAGE > tbody  > tr:nth-child(4) > td:nth-child(1),
:root.pt_classic_plus.firefox .PSSRCHPAGE .pts_cfg_srch #ACE_PTS_CFG_CL_WRK_PTS_CFGSRCH_RSLTGB.PSSRCHPAGE .PTS_BCRUMBGBWBO .PTS_BCRUMBGB > tbody  > tr:nth-child(3) > td:nth-child(1)
{
	height: 80px;
}





.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch #ACE_PTS_CFG_CL_WRK_PTS_COREAREA_GB div[id$="divPTS_CFG_CL_WRK_PTS_GROUPBOX13"]  > table > tbody > tr > .PSGROUPBOXLABEL:hover,
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch #ACE_PTS_CFG_CL_WRK_PTS_CFGRSLT_SB_GB div[id$="divPTS_CFG_CL_WRK_PTS_CFGSRCH_RSLTGB"] > table > tbody > tr > .PSGROUPBOXLABEL:hover,
.pt_classic_plus .PSSRCHPAGE .pts_cfg_srch #ACE_PTS_CFG_CL_WRK_PTS_COREAREA_GB div[id$="divPTS_CFG_CL_WRK_PTS_CFGASRCHSB_GB"] > table > tbody > tr > .PSGROUPBOXLABEL:hover
{
	cursor: pointer;
	color: var(--pt-header-hover-text-color);
}






.pt_classic_plus #pthnavbc_skipnav a
{    
  	text-decoration: none;
}

.pt_classic_plus #pthnavbc_skipnav a:focus
{
	padding: 0.68em 0.72em !important;
	font-size: 1.0em;
	font-weight: bold;
	left: 0.25em;
	top: 0.25em;
	background-color: #ffe8c2;
	background-color: var(--pt-badge-background-color);
	color: #000;
        color: var(--pt-badge-text-color);
	margin: 0 0em !important;
        z-index: 9999;
        border: 1px solid #1D2733;
	border: 1px solid var(--pt-border-absolute-color);
        overflow: auto;
        width: auto;
        height: auto;
}









.pt_classic_plus .PTCALHEAD > a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: url(/cs/NBCCPRD/cache/PT_MODAL_CLOSE_NUI_1.svg);
	-webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; border-radius: 1em;
	padding: 0.5em 0.05em 0.3em 0.6em; 
	padding-right:0.05em; 
	padding-left:0.6em;
	border:1px solid transparent; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; 
}

.pt_classic_plus .PTCPHELPPOPUPCLOSEIMG:focus
{
	outline: none;
}

.pt_classic_plus .PTCALHEAD > a:focus:after 
{
	border: 1px dashed #868e96;
	border-color: var(--pt-border-contrast-color);
}

.pt_classic_plus #ptcphelppopupclosediv:focus
{
	background: #fff ;
	background: var(--pt-button-background-color);
	border: 1px dashed #7A818A ; 
	border: 1px dashed var(--pt-border-contrast-3-color) ; 
	border-radius: 3px;
	outline: none;
}
.pt_classic_plus #pt_modals .PSMODALCLOSEANCHOR:focus, 
.pt_classic_plus #ptifrmpopup #ptpopupclose:focus 
{
	background: #fff ;
	background: var(--pt-modal-background-color);
	border: 1px dashed #999 !important ;
	border-color: #7A818A !important ; 
	border-color: var(--pt-border-contrast-color) !important ; 
	border-radius: 3px;
	outline: none;
}







.pt_classic_plus #pt_typeahead.renderSmartPromptUi .PSSRCHRESULTSODDROW,
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .PSSRCHRESULTSEVENROW,
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .PSTARESULTSHDR
{
	border: 0px;
}
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .PSSRCHRESULTSODDROW
{
	background: none;
}
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .relevantsMenuTr:hover
{
	background: #ffffeb;
    background: var(--pt-hover-background-color);
    outline: 1px dashed var(--pt-hover-border-color);
    outline-offset: -1px;
	cursor: pointer;
}
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .mostRelevantTrCells .spanMatchText:before,
.pt_classic_plus #pt_typeahead.renderSmartPromptUi tr.mostRelevantTrCells td:first-child .mrIconForWithoutTA:before
{
	content: url(/cs/NBCCPRD/cache/PT_SP_MRU_1.svg) !important ;
	position: relative;
	top: 2px;
	right: 3px;
	padding-right: 7px;
}
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .otherTrCells .spanMatchText:before
{
	content: url(/cs/NBCCPRD/cache/PT_SP_OTHERS_1.svg) !important ;
	position: relative;
	top: 2px;
	right: 3px;
	padding-right: 7px;
}
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .mostRelevantTrCells.menuWithoutTa:hover
{
	background: #ffffeb;
    background: var(--pt-hover-background-color);
    outline: 1px dashed var(--pt-hover-border-color);
    outline-offset: -1px;
}
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .mostRelevantTrCells.menuWithoutTa span
{
	cursor: pointer;
}
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .PSSRCHRESULTSTITLE th
{
	padding-left: 4px;
}
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .spanNormalElement
{
	padding-left: 4px;
}
.pt_classic_plus #pt_typeahead.renderSmartPromptUi table.PSSRCHRESULTSTITLE 
{
	border-bottom: 1px solid var(--pt-grid-border-color);
}
.pt_classic_plus span#pt_typeahead.renderSmartPromptUi 
{
	padding-left: 0px;
}
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .psTARowWithArrowsAtBottom td 
{
	border-top: 1px solid var(--pt-grid-border-color) !important;
}
.pt_classic_plus #pt_typeahead.renderSmartPromptUi .psTARowWithArrowsAtTop td,
.pt_classic_plus #pt_typeahead.renderSmartPromptUi th.PSTARESULTSHDR	
{
	border-bottom: 1px solid var(--pt-grid-border-color) !important;
}
.pt_classic_plus  #pt_typeahead.renderSmartPromptUi .mostrelevant th 
{
	padding-top: 5px;
	padding-bottom: 5px;
}




.pt_classic_plus .PSPAGE
{
   background-color: var(--pt-page-background-color);
}

.pt_classic_plus .PSSRCHPAGE, .PTS_SRSLTSGB 
{
background-color: var(--pt-page-background-color);
}



.pt_classic_plus_pre858 .PSCHECKBOX, 
.pt_classic_plus_pre858 .PSDROPDOWNLABEL, 
.pt_classic_plus_pre858 .PSEDITBOXLABEL, 
.pt_classic_plus_pre858 .PSLONGEDITLABEL, 
.pt_classic_plus_pre858 .PSRADIOBUTTON, 
.pt_classic_plus_pre858 .PSSRCHCHECKBOX, 
.pt_classic_plus_pre858 .PSSRCHDROPDOWNLABEL, 
.pt_classic_plus_pre858 .PT_MCFCHECKBOX,
.pt_classic_plus_pre858 .PSSRCHEDITBOXLABEL
{
	font-family : Arial,Helvetica,sans-serif ;
	font-weight: bold;
	font-size: 14.6667px;
	color: #6c6c6c;
}

.pt_classic_plus_pre858 .PSSRCHCHECKBOX
{
 	position: relative;
    	top: -7px;
}





.pt_classic_plus_pre858 .PAPAGETITLE, .pt_classic_plus_pre858 .PSSRCHTITLE
{
	font-family : Arial,Helvetica,sans-serif ;
	font-weight: bold;
	font-size: 19.8px;
	color: #000;
	margin-bottom: 15px; 
	display: block;
}
.pt_classic_plus_pre858 .PATRANSACTIONTITLE 
{
	font-size: 19.8px;
	font-family : Arial,Helvetica,sans-serif ;
}




.pt_classic_plus_pre858 .PSEDITBOX,
.pt_classic_plus_pre858 .PSEDITBOX_DISABLED,
.pt_classic_plus_pre858 .PSEDITBOXDISABLED,
.pt_classic_plus_pre858 input.PSERROR, 
.pt_classic_plus_pre858 textarea.PSERROR 
{
	font-family : Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	color: rgb(0,0,0);
	border-radius: 3px;
	box-shadow: inset 2.9333px 2.9333px 5.8666px #e9e9e9;
	border: 1px solid #bbb;
	padding: 6.160px 3.667px;
	background-color: #fff;
}
.pt_classic_plus_pre858 .PSEDITBOX:hover, 
.pt_classic_plus_pre858 .PSEDITBOX:focus,
.pt_classic_plus_pre858 input.PSERROR:hover, 
.pt_classic_plus_pre858 input.PSERROR:focus,  
.pt_classic_plus_pre858 textarea.PSERROR:hover, 
.pt_classic_plus_pre858 textarea.PSERROR:focus  
{
	border-color: #7f97de;
}

.pt_classic_plus_pre858 .PSEDITBOX_DISABLED, 
.pt_classic_plus_pre858 .PSEDITBOXDISABLED
{
	border-color: rgb(211,211,211);
	color: #555;
	background-color: rgb(235,235,235);
}

.pt_classic_plus_pre858 input.PSERROR,
.pt_classic_plus_pre858 textarea.PSERROR
{
	background-color: rgb(225, 40, 40) ;
	color: #ffffff ;
}





.pt_classic_plus_pre858 select.PSDROPDOWNLIST,
.pt_classic_plus_pre858 select.PSDISABLED, 
.pt_classic_plus_pre858 select.PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus_pre858 select.PSDROPDOWNLISTDISABLED,
.pt_classic_plus_pre858 select.PSERROR 
{
	font-family: Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	color: rgb(0,0,0);
	border-radius: 3px;
	box-shadow: inset 2.9333px 2.9333px 5.8666px #e9e9e9;
	border: 1px solid #bbb;
	padding: 5.133px 4.693px;
	background-color: #fff;
}
.pt_classic_plus_pre858 select.PSDROPDOWNLIST:hover, 
.pt_classic_plus_pre858 select.PSDROPDOWNLIST:focus,
.pt_classic_plus_pre858 select.PSERROR:hover, 
.pt_classic_plus_pre858 select.PSERROR:focus 
{
	border-color: #7f97de;
}

.pt_classic_plus_pre858 select.PSDISABLED, 
.pt_classic_plus_pre858 select.PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus_pre858 select.PSDROPDOWNLISTDISABLED
{
	border-color: rgb(211, 211, 211);
	color: #555;
	background-color: rgb(235, 235, 235);
}

.pt_classic_plus_pre858 select.PSERROR
{
	background-color: rgb(225, 40, 40) ;
	color: #ffffff ;
}




.pt_classic_plus_pre858 textarea.PSLONGEDITBOX
{
	font-family: Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	color: rgb(0,0,0);
	border-radius: 3px;
	box-shadow: inset 2.9333px 2.9333px 5.8666px #e9e9e9;
	border: 1px solid #bbb;
	padding: 6.160px 3.667px;
	background-color: #fff;
}
.pt_classic_plus_pre858 textarea.PSLONGEDITBOX:hover, 
.pt_classic_plus_pre858 textarea.PSLONGEDITBOX:focus
{
	border-color: #7f97de;
}




.pt_classic_plus_pre858 .PSHYPERLINK, 
.pt_classic_plus_pre858 .PSHYPERLINK:link, 
.pt_classic_plus_pre858 .PSHYPERLINK:visited, 
.pt_classic_plus_pre858 .PSHYPERLINKNOUL:link, 
.pt_classic_plus_pre858 .PSHYPERLINKNOUL:visited, 
.pt_classic_plus_pre858 .PSSRCHRESULTSEVENROW:link, 
.pt_classic_plus_pre858 .PSSRCHRESULTSEVENROW:visited, 
.pt_classic_plus_pre858 .PSSRCHRESULTSODDROW:link, 
.pt_classic_plus_pre858 .PSSRCHRESULTSODDROW:visited,
.pt_classic_plus_pre858 .PSHYPERLINKDISABLED, 
.pt_classic_plus_pre858 .PSSRCHRESULTSHYPERLINKD, 
.pt_classic_plus_pre858 .PSHYPERLINKDISABLED, 
.pt_classic_plus_pre858 .PSHYPERLINKNOULDISABLED, 
.pt_classic_plus_pre858 .PSHYPERLINKNOULBOLDDISABLED, 
.pt_classic_plus_pre858 .PSSRCHRESULTSEVENROWDISABLED, 
.pt_classic_plus_pre858 .PSSRCHRESULTSODDROWDISABLED,
.pt_classic_plus_pre858 .PSRALEFTWIDGET,
.pt_classic_plus_pre858 .PSRARIGHTWIDGET,
.pt_classic_plus_pre858 .PTGBLFACET, 
.pt_classic_plus_pre858 .PASUBTABLINKACTIVE,

.pt_classic_plus_pre858 .PSHYPERLINKACTIVE,
.pt_classic_plus_pre858 .PTCPGRIDHDRVIEWALLDIVACH, 
.pt_classic_plus_pre858 .PTCPSCROLLAREAHDRFINDDIV
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14.6667px;
	color: #3366cc;
}
.pt_classic_plus_pre858 .PSHYPERLINK:hover
.pt_classic_plus_pre858 .PAXHYPERLINKHOVER, 
.pt_classic_plus_pre858 .PSHYPERLINKHOVER, 
.pt_classic_plus_pre858 .PSQRYHYPERLINKHOVER, 
.pt_classic_plus_pre858 .PSHYPERLINK:HOVER, 
.pt_classic_plus_pre858 .PSHYPERLINKNOUL:HOVER, 
.pt_classic_plus_pre858 .PSHYPERLINKNOULBOLD:HOVER, 
.pt_classic_plus_pre858 .PSNAVPARENTLINK:HOVER, 
.pt_classic_plus_pre858 .PSRALEFTWIDGET:HOVER, 
.pt_classic_plus_pre858 .PSRARIGHTWIDGET:HOVER, 
.pt_classic_plus_pre858 .PTNAVLINK:HOVER, 
.pt_classic_plus_pre858 .PSQRYHYPERLINK:HOVER,
.pt_classic_plus_pre858 .PTGBLFACETHOVER, 
.pt_classic_plus_pre858 .PTGBLFACET:hover,

.pt_classic_plus_pre858 .PSHYPERLINKACTIVE:HOVER,
.pt_classic_plus_pre858 .PABOLDBLUETEXT:HOVER,
.pt_classic_plus_pre858 .PTCPGRIDHDRVIEWALLDIVACH:HOVER,
.pt_classic_plus_pre858 .PTCPSCROLLAREAHDRFINDDIV:HOVER
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14.6667px;
	color: #ab5b1a;
	text-decoration: underline;
}

.pt_classic_plus_pre858 .PSSRCHRESULTSEVENROW a:hover, 
.pt_classic_plus_pre858 .PSSRCHRESULTSODDROW a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #ab5b1a;
	text-decoration: underline;
}

.pt_classic_plus_pre858 .PSHYPERLINKDISABLED, .pt_classic_plus_pre858 .PSSRCHRESULTSHYPERLINKD, .pt_classic_plus_pre858 .PSHYPERLINKDISABLED, .pt_classic_plus_pre858 .PSHYPERLINKNOULDISABLED, 
.pt_classic_plus_pre858 .PSHYPERLINKNOULBOLDDISABLED, .pt_classic_plus_pre858 .PSSRCHRESULTSEVENROWDISABLED, .pt_classic_plus_pre858 .PSSRCHRESULTSODDROWDISABLED, 
.pt_classic_plus_pre858 .PSHEADERHYPERLINKD 
{
	text-decoration: none;
	color: #555;
}

.pt_classic_plus_pre858 .PSHEADERHYPERLINKD 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
}


.pt_classic_plus_pre858 .PSTABLINKSCONTAINER .PSTABLINKSSELECTED
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #555;
}
.pt_classic_plus_pre858 span.PT_CP_LINE_SEPERATOR:after
{
	content: "|";
	margin-left: 8px;
	margin-right: 8px;
	font-weight: normal;
	color: #888;
	vertical-align: top;
}




.pt_classic_plus_pre858 .PSPUSHBUTTON, .pt_classic_plus_pre858 .PSPUSHBUTTONTBSAVE, .pt_classic_plus_pre858 .PSPUSHBUTTONTBSENDNOTIFY, .pt_classic_plus_pre858 .PSPUSHBUTTONTBAPPLY, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBCONTINUE, .pt_classic_plus_pre858 .PSPUSHBUTTONTBIGNORE, .pt_classic_plus_pre858 .PSPUSHBUTTONTBNO, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVIEW, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBRETRY, .pt_classic_plus_pre858 .PSPUSHBUTTONTBYES,.pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTTAB, .pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTINLIST, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTINWORKLIST, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVINLIST, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVINWORKLIST, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVTAB, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBUPDATEMODE, .pt_classic_plus_pre858 .PSPUSHBUTTONTBABORT, .pt_classic_plus_pre858 .PSPUSHBUTTONTBADD, .pt_classic_plus_pre858 .PSPUSHBUTTONTBADDMODE, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBAPPLY, .pt_classic_plus_pre858 .PSPUSHBUTTONTBCANCEL, .pt_classic_plus_pre858 .PSPUSHBUTTONTBCLEAR, .pt_classic_plus_pre858 .PSPUSHBUTTONTBCONTINUE, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBCORRECTMODE, .pt_classic_plus_pre858 .PSPUSHBUTTONTBDELETE, .pt_classic_plus_pre858 .PSPUSHBUTTONTBIGNORE, .pt_classic_plus_pre858 .PSPUSHBUTTONTBLOOKUP, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBNO, .pt_classic_plus_pre858 .PSPUSHBUTTONTBOK, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPOPUP, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVIEW, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBREFRESH, .pt_classic_plus_pre858 .PSPUSHBUTTONTBREFRESH2, .pt_classic_plus_pre858 .PSPUSHBUTTONTBRETRY, .pt_classic_plus_pre858 .PSPUSHBUTTONTBRETURN, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBSPELLCHECK, .pt_classic_plus_pre858 .PSPUSHBUTTONTBUPDATEALLMODE, .pt_classic_plus_pre858 .PSPUSHBUTTONTBVIEWWORKLIST, .pt_classic_plus_pre858 .PSPUSHBUTTONTBYES,
.pt_classic_plus_pre858 .PSPUSHBUTTONTBSEARCH, .pt_classic_plus_pre858 .PSPUSHBUTTONTBADD, .pt_classic_plus_pre858 .PSPUSHBUTTONTBOK, .pt_classic_plus_pre858 .PSPUSHBUTTONTBCLEAR, 
.pt_classic_plus_pre858 .PSPUSHBUTTONRETURN, .pt_classic_plus_pre858 .PSPUSHBUTTONTBABORT, .pt_classic_plus_pre858 .PSPUSHBUTTONTBCANCEL, .pt_classic_plus_pre858 .PSPUSHBUTTONTBLOOKUP,
.pt_classic_plus_pre858 #ptpopup .PSPUSHBUTTONTBOK, .pt_classic_plus_pre858 #pt_modals .PSPUSHBUTTONTBOK,
.pt_classic_plus_pre858 #pt_modals .PSPUSHBUTTONTBNO, .pt_classic_plus_pre858 #pt_modals .PSPUSHBUTTONTBYES
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px ;
	font-weight: bold;
	color: rgb(0,0,0);
	text-shadow: 1px 1px 0px #eee;
	padding: 0px;
	margin: 0px;
} 
.pt_classic_plus_pre858 .PSPUSHBUTTONTB.Left,
.pt_classic_plus_pre858 .PSPUSHBUTTON.Left,
.pt_classic_plus_pre858 #ptpopup .PSPUSHBUTTON.Left,
.pt_classic_plus_pre858 #pt_modals .PSPUSHBUTTON.Left
{
	background-image: linear-gradient(#ffffff, rgb(204, 204, 204));
	border: 1px solid #a5a7a8 !important; 
	border-radius: 3.6666px;
	box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.4), 1px 1px 2px rgba(255, 255, 255, 0.7) inset;
	padding: 7.234px 17.6px; 
}
.pt_classic_plus_pre858 .PSPUSHBUTTONTB.Left:hover,
.pt_classic_plus_pre858 .PSPUSHBUTTON.Left:hover,
.pt_classic_plus_pre858 #ptpopup .PSPUSHBUTTON.Left:hover,
.pt_classic_plus_pre858 #pt_modals .PSPUSHBUTTON.Left:hover
{
	background-image:linear-gradient(#ffffff, rgb(153,153,153));
}
.pt_classic_plus_pre858 .PSPUSHBUTTONTB.Left:active,
.pt_classic_plus_pre858 .PSPUSHBUTTON.Left:active,
.pt_classic_plus_pre858 #ptpopup .PSPUSHBUTTON.Left:active,
.pt_classic_plus_pre858 #pt_modals .PSPUSHBUTTON.Left:active
{
	background-image:linear-gradient(rgb(170, 170, 170), #ffffff);
	box-shadow: 1px 2px 2px #fff inset;
}
.pt_classic_plus_pre858 .PSPUSHBUTTON span, .pt_classic_plus_pre858 .PSPUSHBUTTONTB span, .pt_classic_plus_pre858 .PSPUSHBUTTON span:hover, .pt_classic_plus_pre858 .PSPUSHBUTTONTBABORT span, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBADD span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBADDMODE span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBAPPLY span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBCANCEL span, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBCLEAR span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBCONTINUE span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBCORRECTMODE span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBDELETE span, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBIGNORE span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBLOOKUP span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTINLIST span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTINWORKLIST span, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTTAB span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBNO span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBOK span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPOPUP span, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVIEW span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVINLIST span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVINWORKLIST span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVTAB span, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBREFRESH span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBREFRESH2 span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBRETRY span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBRETURN span, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBSAVE span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBSEARCH span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBSENDNOTIFY span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBSPELLCHECK span, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBUPDATEALLMODE span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBUPDATEMODE span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBVIEWWORKLIST span, .pt_classic_plus_pre858 .PSPUSHBUTTONTBYES span, 
.pt_classic_plus_pre858 .PSPUSHBUTTONRETURN span, .pt_classic_plus_pre858 .PSPUSHBUTTONDISABLED span,
.pt_classic_plus_pre858 #ptpopup .PSPUSHBUTTON span,
.pt_classic_plus_pre858 #pt_modals .PSPUSHBUTTON span
{
	border: none !important; 
	background-color: transparent;
}

.pt_classic_plus_pre858 .PSPUSHBUTTONTBSAVEA , .pt_classic_plus_pre858 .PSPUSHBUTTONTBRETURNA , .pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVINLISTD, .pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTINLISTA, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBADDMODE, .pt_classic_plus_pre858 .PSPUSHBUTTONTBUPDATEMODED, .pt_classic_plus_pre858 .PSPUSHBUTTONTBSENDNOTIFY, .pt_classic_plus_pre858 .PSPUSHBUTTONTBREFRESHA, 
.pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVINLISTA , .pt_classic_plus_pre858 .PSPUSHBUTTONTBCORRECTMODEA, .pt_classic_plus_pre858 .PSPUSHBUTTONTBUPDATEALLMODEA, .pt_classic_plus_pre858 .PSPUSHBUTTONTBUPDATEMODEA,
.pt_classic_plus_pre858 .PSPUSHBUTTONTBUPDATEALLMODE, .pt_classic_plus_pre858 .PSPUSHBUTTONTBUPDATEALLMODED, .pt_classic_plus_pre858 .PSPUSHBUTTONTBCORRECTMODE, .pt_classic_plus_pre858 .PSPUSHBUTTONTBCORRECTMODED,
.pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVTAB, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVTABA, .pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTTAB, .pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTTABA,
.pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVTAB, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPREVTABD, .pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTTAB, .pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTTABD,
.pt_classic_plus_pre858 .PSPUSHBUTTONTBSPELLCHECK, .pt_classic_plus_pre858 .PSPUSHBUTTONTBPOPUP,
.pt_classic_plus_pre858 .PSPUSHBUTTONTBSAVED, .pt_classic_plus_pre858 .PSPUSHBUTTONTBNEXTINLISTD 
{
	background-image : none;
	width: auto; 
}

.pt_classic_plus_pre858 .PSPUSHBUTTONDISABLED.Left 
{	
	background-image:linear-gradient(rgb(221,221,221),rgb(204,204,204)); 
	border :  1px solid #ccc;
	border-radius: 3.6666px;
	box-shadow: inset 1px 1px 2px #ffffff; 
	padding: 7.334px 17.6px;
}
.pt_classic_plus_pre858 .PSPUSHBUTTONDISABLED input 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px ;
	font-weight: bold;
	text-shadow : 1px 1px 0px #e2e2e2;
	color: #555;
}




.pt_classic_plus_pre858 .PSPRIMARY.Left 
{
	background-image:linear-gradient(#79cc9c,#73c998);
	box-shadow:1px 1px 2px #888, inset 0 -2px 1px -1px #76c999, inset 0 10px 10px -6px #dbf1e5;
	border-top: 1px solid #309a60 !important;
	border-left: 1px solid #3da16a !important;
	border-right: 1px solid #3da16a !important;
	border-bottom: 1px solid #39a86a !important;
	text-shadow:1px 1px 0px #94deb3; 
	border-radius: 3.6666px;
	padding: 7.234px 17.6px; 
}
.pt_classic_plus_pre858 .PSPRIMARY .PSPUSHBUTTONTBSAVE, 
.pt_classic_plus_pre858 .PSPRIMARY .PSPUSHBUTTONTBSAVEA,
.pt_classic_plus_pre858 .PSPRIMARY .PSPUSHBUTTONTBSEARCH,
.pt_classic_plus_pre858 .PSPRIMARY .PSPUSHBUTTONTBLOOKUP,
.pt_classic_plus_pre858 .PSPRIMARY .PSPUSHBUTTONTBADD
{
	text-shadow: 1px 1px 0px #94deb3;
}
.pt_classic_plus_pre858 .PSPRIMARY.Left:hover 
{
	background-image:linear-gradient(#79cc9c,#4fae78);
}
.pt_classic_plus_pre858 .PSPRIMARY.Left:active
{
	background-image:linear-gradient(#4fae78,#79cc9c);
	box-shadow: rgba(255, 255, 255, 0.701961) 1px 2px 2px inset;
}




.pt_classic_plus_pre858 .PTGRIDTAB a span, 
.pt_classic_plus_pre858 #PSTAB a span,
.pt_classic_plus_pre858 #PSTABNBO a span,
.pt_classic_plus_pre858 #ptrctitlebar #ptrcServiceTab a span 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14.6667px;
	color: #000;
	padding:7.334px 17.6px;
	line-height: 20.1px;
	border-radius: 3.6666px 3.6666px 0px 0px;
	border: 1px solid #a3a3a3;
	border-bottom:none;
	box-shadow: inset 0 5px 5px -3px #fff; 
	background: #fcfcfc;
}
.pt_classic_plus_pre858 #PSTAB .selectedtab a span, 
.pt_classic_plus_pre858 .PTGRIDTAB .selectedtab a span,
.pt_classic_plus_pre858 #PSTABNBO .selectedtab a span,
.pt_classic_plus_pre858 #ptrctitlebar #ptrcServiceTab #selected a span 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14.6667px;
	font-weight: bold;
	color:#000;
	padding:7.334px 17.6px;
	line-height:20.1px;
	border-radius: 3.6666px 3.6666px 0px 0px; 
	border: 1px solid #62ba8a; 
	border-bottom:none;
	box-shadow: inset 0 2px 2px -1px #fff; 
	background: #c8ead6;
	text-shadow: 1px 1px 0 #def9ea;
}
.pt_classic_plus_pre858 #PSTAB a:hover span, 
.pt_classic_plus_pre858 .PTGRIDTAB a:hover span,
.pt_classic_plus_pre858 #PSTABNBO a:hover span,
.pt_classic_plus_pre858 #ptrctitlebar #ptrcServiceTab a:hover span 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14.66px;
	padding:7.334px 17.6px;
	border-color: #888;
	box-shadow: inset 0 2px 2px -1px #fff; 
	background: #f0f0f0 ;	
}
.pt_classic_plus_pre858 .PTGRIDTAB a:hover
{
	text-decoration: none;
}
.pt_classic_plus_pre858 #PSTAB a:active span, 
.pt_classic_plus_pre858 .PTGRIDTAB a:active span,
.pt_classic_plus_pre858 #PSTABNBO a:active span,
.pt_classic_plus_pre858 #ptrctitlebar #ptrcServiceTab a:active span 
{
	background: #fff ;
	border-color: #555;
}
.pt_classic_plus_pre858 #PSTAB  a, 
.pt_classic_plus_pre858 .PTGRIDTAB a, 
.pt_classic_plus_pre858 #PSTAB .selectedtab a, 
.pt_classic_plus_pre858 .PTGRIDTAB .selectedtab a,
.pt_classic_plus_pre858 #PSTABNBO a,
.pt_classic_plus_pre858 #PSTABNBO .selectedtab a
{
	border-bottom: 0px !important;
	padding: 0px !important; 
}
.pt_classic_plus_pre858 #PSTAB a, 
.pt_classic_plus_pre858 #PSTABNBO a,
.pt_classic_plus_pre858 .PTGRIDTAB a,
{
	padding-right: 0px !important;
	text-decoration: none !important;
}
.pt_classic_plus_pre858 .PSBOTTOMLINE 
{
	background: none;
	border-bottom: 1px solid #bbb;
}
.pt_classic_plus_pre858 .PT_CP_PAGETABTD
{
	border-bottom: 1px solid #bbb;
	padding-right: 7.334px; 
}

.pt_classic_plus_pre858 .PTGRIDTAB .PT_CP_PAGETABTD
{
	border-bottom: none;
}

.pt_classic_plus_pre858 .PTGRIDTAB .PSBOTTOMLINE
{
	width: 11px;
	border-bottom: none;
}

.pt_classic_plus_pre858 .PTCPEXPANDGRIDCOLS, .pt_classic_plus_pre858 .PTCPCOLLAPSEGRIDCOLS
{
	height: 21px;
}
.pt_classic_plus_pre858 .PTGRIDTAB  a span.PTCPCOLLAPSEGRIDCOLS
{
	margin-left: 7.334px;
}
.pt_classic_plus_pre858 .PTCPEXPANDGRIDCOLS, .pt_classic_plus_pre858 .PTCPCOLLAPSEGRIDCOLS
{
	background: #FFFFFF !important;
	border-width: 0px !important;
	padding: 7px !important;
}
.pt_classic_plus_pre858 .PTCPEXPANDGRIDCOLSIMG 
{
	position: relative;
	right: 6px;
	top: 3px;
}

.pt_classic_plus_pre858 .PTCP_TABSCROLL
{
	margin-bottom: 5px !important;
}

.pt_classic_plus_pre858 #PSTABNBO td
{
	border-bottom: 1px solid #bbb;
	padding-right: 7.334px;
}
.pt_classic_plus_pre858 #PSTABNBO td:first-child
{
	padding-left: 11px;	
}
.pt_classic_plus_pre858 #PSTABNBO td:last-child
{
	padding-right: 200px;	
}
.pt_classic_plus_pre858 #TABBOTTOMLINE
{
	border-bottom: none;
	background-color: #fff !important ;
}






.pt_classic_plus_pre858 .PSLEVEL1GRIDWBO, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO, .pt_classic_plus_pre858 .PSSRCHRESULTSWBO
{
	border: 1px solid #d3d3d3;
}


.pt_classic_plus_pre858 .PSLEVEL1GRIDLABEL, .pt_classic_plus_pre858 .PSLEVEL2GRIDLABEL, .pt_classic_plus_pre858 .PSLEVEL3GRIDLABEL, .pt_classic_plus_pre858 .PTCPGRIDTITLE
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.133px;
	font-weight: bold;
	color: rgb(164,086,023);
}


.pt_classic_plus_pre858 .PTCPNOCOLHDRS
{
    border-top : 1px solid #d3d3d3;
}




.pt_classic_plus_pre858 .gridActionMenu
{
	background: #fff;
	padding: 0px;
	border: 1px solid #6c6c6c;
	border-radius: 3px;
	box-shadow: 0 0 25px #5a5a5a;
	position: absolute;
}
.pt_classic_plus_pre858 .gridactionmenucontainerclass .gridActionMenu a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	padding: 14px;
	text-overflow: ellipsis;
	white-space: normal;
	border-bottom : 1px solid #bbb;
	margin: 0px;
	background: none;
	display: block;
	text-decoration: none;
	font-weight: normal;
}
.pt_classic_plus_pre858 .gridActionMenu a:hover
{
	background-color: #ffffeb;
}

.pt_classic_plus_pre858 .gridActionMenuArrowIcon
{
	background-color: #fff;
	border-bottom: 1px none;
	border-right: 1px solid #6c6c6c;
	border-top: 1px solid #6c6c6c;
	border-width: 1px;
	content: " ";
	display: none;
	height: 14px;
	margin-left: initial;
	position: absolute;
	top: -1px;
	transform: rotate(-45deg);
	transform-origin: left top 0;
	width: 14px;
}




 .pt_classic_plus_pre858.psc_dir-rtl .gridActionMenuArrowIcon 
{
	right: 13px;
	float: right;
}





.pt_classic_plus_pre858 .PTDOWNLOAD1:before
{
	content: none;
}
.pt_classic_plus_pre858 .PTMODALCNTRL_CONTRAST:before
{
	content: none;
}




.pt_classic_plus_pre858 a.PSLEVEL1GRIDCOLUMNHDR:link, .pt_classic_plus_pre858 a.PSLEVEL1GRIDCOLUMNHDR:visited, 
.pt_classic_plus_pre858 a.PSLEVEL2GRIDCOLUMNHDR:link, .pt_classic_plus_pre858 a.PSLEVEL2GRIDCOLUMNHDR:visited, 
.pt_classic_plus_pre858 a.PSLEVEL3GRIDCOLUMNHDR:link, .pt_classic_plus_pre858 a.PSLEVEL3GRIDCOLUMNHDR:visited, 
.pt_classic_plus_pre858 span.PSLEVEL1GRIDCOLUMNHDRTXT, .pt_classic_plus_pre858 span.PSLEVEL2GRIDCOLUMNHDRTXT, .pt_classic_plus_pre858 span.PSLEVEL3GRIDCOLUMNHDRTXT, 
.pt_classic_plus_pre858 a.PSSRCHRESULTSHDR:link, .pt_classic_plus_pre858 a.PSSRCHRESULTSHDR:visited, 
.pt_classic_plus_pre858 a.PAGRIDHEADER:link, .pt_classic_plus_pre858 a.PAGRIDHEADER:visited,
.pt_classic_plus_pre858 span.PAGRIDHEADERTXT, 
.pt_classic_plus_pre858 span.PSTARESULTSHDR 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	font-weight: bold;
	color: #000;
	text-shadow: 1px 1px 0 #fff;
	cursor: pointer;
	text-decoration: none;
	background: #f0f0f0;
}

.pt_classic_plus_pre858 a.PSLEVEL1GRIDCOLUMNHDR:hover, .pt_classic_plus_pre858 a.PSLEVEL2GRIDCOLUMNHDR:hover, .pt_classic_plus_pre858 a.PSLEVEL3GRIDCOLUMNHDR:hover, 
.pt_classic_plus_pre858 a.PSSRCHRESULTSHDR:hover, 
.pt_classic_plus_pre858 span.PSLEVEL1GRIDCOLUMNHDRTXT:hover, .pt_classic_plus_pre858 span.PAGRIDHEADERTXT:hover,
.pt_classic_plus_pre858 a.PAGRIDHEADER:hover
{
	text-decoration: underline;
}




.pt_classic_plus_pre858 span.PSLEVEL1GRIDCOLUMNHDRTXT:after, .pt_classic_plus_pre858 a.PSLEVEL1GRIDCOLUMNHDR:after {
	
}




.pt_classic_plus_pre858 th.PSLEVEL1GRIDCOLUMNHDR, .pt_classic_plus_pre858 th.PSLEVEL2GRIDCOLUMNHDR, .pt_classic_plus_pre858 th.PSLEVEL3GRIDCOLUMNHDR, 
.pt_classic_plus_pre858 th.PSSRCHRESULTSHDR, .pt_classic_plus_pre858 th.PAGRIDHEADER, .pt_classic_plus_pre858 th.PSTARESULTSHDR, 
.pt_classic_plus_pre858 th.PSQRYRESULTSHDR 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	font-weight: bold;
	color: #000;
	background: #f0f0f0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-right : 1px solid #d3d3d3;
	
	
	padding: 8px 5px;
}




.pt_classic_plus_pre858 td.PSLEVEL1GRIDEVENROW, .pt_classic_plus_pre858 td.PSLEVEL1GRIDODDROW, .pt_classic_plus_pre858 td.PSLEVEL1GRIDROW, 
.pt_classic_plus_pre858 td.PSLEVEL2GRIDEVENROW, .pt_classic_plus_pre858 td.PSLEVEL2GRIDODDROW, .pt_classic_plus_pre858 td.PSLEVEL2GRIDROW, 
.pt_classic_plus_pre858 td.PSLEVEL3GRIDEVENROW, .pt_classic_plus_pre858 td.PSLEVEL3GRIDODDROW, .pt_classic_plus_pre858 td.PSLEVEL3GRIDROW,
.pt_classic_plus_pre858 td.PSSRCHRESULTSODDROW, .pt_classic_plus_pre858 td.PSSRCHRESULTSEVENROW,  
.pt_classic_plus_pre858 td.spanHighElement, 
.pt_classic_plus_pre858 td.PSQRYRESULTSODDROW, .pt_classic_plus_pre858 td.PSQRYRESULTSEVENROW 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	padding: 5px; 
	border-bottom : 1px solid #d3d3d3;
	border-right : 1px solid #d3d3d3;
}
.pt_classic_plus_pre858 .PSLEVEL1GRIDEVENROW, .pt_classic_plus_pre858 .PSLEVEL2GRIDEVENROW , .pt_classic_plus_pre858 .PSLEVEL3GRIDEVENROW, 
.pt_classic_plus_pre858 .PSSRCHRESULTSEVENROW,  
.pt_classic_plus_pre858 .PSQRYRESULTSEVENROW  
{
	background-color: #fafafa;
}

.pt_classic_plus_pre858 .PSLEVEL1GRIDNBO td.PSLEVEL1GRIDROW,
.pt_classic_plus_pre858 .PSLEVEL2GRIDNBO td.PSLEVEL2GRIDROW,
.pt_classic_plus_pre858 .PSLEVEL3GRIDNBO td.PSLEVEL3GRIDROW,
.pt_classic_plus_pre858 .PSLEVEL1GRIDNBO td.PSLEVEL1GRIDEVENROW, 
.pt_classic_plus_pre858 .PSLEVEL1GRIDNBO td.PSLEVEL1GRIDODDROW,
.pt_classic_plus_pre858 .PSLEVEL2GRIDNBO td.PSLEVEL2GRIDEVENROW, 
.pt_classic_plus_pre858 .PSLEVEL2GRIDNBO td.PSLEVEL2GRIDODDROW,
.pt_classic_plus_pre858 .PSLEVEL3GRIDNBO td.PSLEVEL3GRIDEVENROW, 
.pt_classic_plus_pre858 .PSLEVEL3GRIDNBO td.PSLEVEL3GRIDODDROW,
.pt_classic_plus_pre858 .PSLEVEL1GRIDNBO th.PSLEVEL1GRIDCOLUMNHDR, 
.pt_classic_plus_pre858 .PSLEVEL2GRIDNBO th.PSLEVEL2GRIDCOLUMNHDR, 
.pt_classic_plus_pre858 .PSLEVEL3GRIDNBO th.PSLEVEL3GRIDCOLUMNHDR
{
	border-bottom : 0px;
	border-right : 0px;		
	border-left : 0px;
	border-top : 0px;
}

.pt_classic_plus_pre858 .PSLEVEL1GRIDNBO, 
.pt_classic_plus_pre858 .PSLEVEL2GRIDNBO, 
.pt_classic_plus_pre858 .PSLEVEL3GRIDNBO, 
.pt_classic_plus_pre858 .PSSRCHRESULTSNBO
{
 	border: none;
}




.pt_classic_plus_pre858 .PTROWADD1:before
{
	content: url(/cs/NBCCPRD/cache/PT_ROW_ADD_32_1.svg) !important ;
	position: relative;
	top: 2px;
}
.pt_classic_plus_pre858 .PTROWADDMULTI1:before
{
	content: url(/cs/NBCCPRD/cache/PTCP_GRID_ADD_MULTIROW_1.svg) !important ;
	position: relative;
	top: 2px;
}
.pt_classic_plus_pre858 .PTROWDELETE1:before 
{ 
	content: url(/cs/NBCCPRD/cache/PT_ROW_DEL_32_1.svg) !important ;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
}
.pt_classic_plus_pre858 .PSLEVEL1GRID .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL1GRID .PTROWDELETE1, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PTROWDELETE1, 
.pt_classic_plus_pre858 .PSLEVEL2GRID .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL2GRID .PTROWDELETE1, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PTROWDELETE1, 
.pt_classic_plus_pre858 .PSLEVEL3GRID .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL3GRID .PTROWDELETE1, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PTROWDELETE1,
.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODYWBO .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODYWBO .PTROWDELETE1, 
.pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODYWBO .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODYWBO .PTROWDELETE1, 
.pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODYWBO .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODYWBO .PTROWDELETE1,
.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY .PTROWDELETE1, 
.pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODY .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODY .PTROWDELETE1, 
.pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODY .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODY .PTROWDELETE1,
.pt_classic_plus_pre858 .PSLEVEL1GRID .PTROWADDMULTI1, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PTROWADDMULTI1, 
.pt_classic_plus_pre858 .PSLEVEL2GRID .PTROWADDMULTI1, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PTROWADDMULTI1, 
.pt_classic_plus_pre858 .PSLEVEL3GRID .PTROWADDMULTI1, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PTROWADDMULTI1,
.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY .PTROWADDMULTI1,
.pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODY .PTROWADDMULTI1,
.pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODY .PTROWADDMULTI1
{
	background:#fff;
	border-radius:3px; 
	padding-top:8px; 
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 9px;
	border:1px solid #bbb;
	border-top-color:#eee;
	border-left-color:#eee;
	box-shadow:none;
}
.pt_classic_plus_pre858 .PSLEVEL1GRID .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL1GRID .PTROWDELETE1:hover, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PTROWDELETE1:hover,
.pt_classic_plus_pre858 .PSLEVEL2GRID .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL2GRID .PTROWDELETE1:hover, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PTROWDELETE1:hover,
.pt_classic_plus_pre858 .PSLEVEL3GRID .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL3GRID .PTROWDELETE1:hover, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PTROWDELETE1:hover,
.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODYWBO .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODYWBO .PTROWDELETE1:hover, 
.pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODYWBO .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODYWBO .PTROWDELETE1:hover, 
.pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODYWBO .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODYWBO .PTROWDELETE1:hover,
.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY .PTROWDELETE1:hover, 
.pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODY .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODY .PTROWDELETE1:hover, 
.pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODY .PTROWADD1:hover, .pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODY .PTROWDELETE1:hover, 
.pt_classic_plus_pre858 .PSLEVEL1GRID .PTROWADDMULTI1:hover, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PTROWADDMULTI1:hover,
.pt_classic_plus_pre858 .PSLEVEL2GRID .PTROWADDMULTI1:hover, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PTROWADDMULTI1:hover,
.pt_classic_plus_pre858 .PSLEVEL3GRID .PTROWADDMULTI1:hover, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PTROWADDMULTI1:hover,
.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY .PTROWADDMULTI1:hover,
.pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODY .PTROWADDMULTI1:hover,
.pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODY .PTROWADDMULTI1:hover
{
	border-color: #888 #eee #eee #888;
	box-shadow: none;
	text-decoration: none;
}
.pt_classic_plus_pre858 .PSLEVEL1GRID .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL1GRID .PTROWDELETE1:active, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PTROWDELETE1:active,
.pt_classic_plus_pre858 .PSLEVEL2GRID .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL2GRID .PTROWDELETE1:active, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PTROWDELETE1:active,
.pt_classic_plus_pre858 .PSLEVEL3GRID .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL3GRID .PTROWDELETE1:active, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PTROWDELETE1:active,
.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODYWBO .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODYWBO .PTROWDELETE1:active, 
.pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODYWBO .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODYWBO .PTROWDELETE1:active, 
.pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODYWBO .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODYWBO .PTROWDELETE1:active,
.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY .PTROWDELETE1:active, 
.pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODY .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODY .PTROWDELETE1:active, 
.pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODY .PTROWADD1:active, .pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODY .PTROWDELETE1:active,
.pt_classic_plus_pre858 .PSLEVEL1GRID .PTROWADDMULTI1:active, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PTROWADDMULTI1:active,
.pt_classic_plus_pre858 .PSLEVEL2GRID .PTROWADDMULTI1:active, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PTROWADDMULTI1:active, 
.pt_classic_plus_pre858 .PSLEVEL3GRID .PTROWADDMULTI1:active, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PTROWADDMULTI1:active,
.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY .PTROWADDMULTI1:active,
.pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODY .PTROWADDMULTI1:active,
.pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODY .PTROWADDMULTI1:active
{
	background: #c8ead6 none repeat scroll 0 0;
	border-color: #1e9955 #80d6a7 #80d6a7 #1e9955;
	box-shadow: 1px 1px 0 #e1faec inset;
}

.pt_classic_plus_pre858 .PTCPSCROLLAREASEPERATOR
{
    padding-bottom: 5px;
}






.pt_classic_plus_pre858 td.PSSRCHRESULTSODDROW, .pt_classic_plus_pre858 td.PSSRCHRESULTSEVENROW, 
.pt_classic_plus_pre858 td.spanHighElement 
{
	height: 25px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
}

.pt_classic_plus_pre858 .PSSRCHRESULTSODDROW:hover, .pt_classic_plus_pre858 .PSSRCHRESULTSEVENROW:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	text-decoration: none;
}

.pt_classic_plus_pre858 .PSSRCHRESULTSWBO
{
	border-top: none;
	border-right: none;
}

.pt_classic_plus_pre858 table.PSSRCHRESULTSTITLE
{
	border: 1px solid #d3d3d3;
	border-bottom: none;
	height: 44px;
	padding: 5px;
}

.pt_classic_plus_pre858 span.PSTARESULTSHDR
{
	border-bottom: none;
}

.pt_classic_plus_pre858 span.spanNormalElement, .pt_classic_plus_pre858 span.spanMatchText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
}

.pt_classic_plus_pre858 span.spanMatchText
{
	font-weight: bold;
}

.pt_classic_plus_pre858 td.spanHighElement
{
	background: #ffffeb;
}

.pt_classic_plus_pre858 #pt_typeahead .PSSRCHRESULTSTITLE
{
	padding: 0px;
}






.pt_classic_plus_pre858 table.PSLEVEL1SCROLLAREAHEADER, .pt_classic_plus_pre858 table.PSLEVEL2SCROLLAREAHEADER , .pt_classic_plus_pre858 table.PSLEVEL3SCROLLAREAHEADER 
{
	background: #fafafa none repeat scroll 0 0;
	border-bottom: 1px solid #ccc !important;
	height: 44px;
}
.pt_classic_plus_pre858 td.PSLEVEL1SCROLLAREAHEADER, .pt_classic_plus_pre858 td.PSLEVEL2SCROLLAREAHEADER, .pt_classic_plus_pre858 td.PSLEVEL3SCROLLAREAHEADER
{
	background: #fff;
	padding: 0px 0px 11px 0px;
	font-size:16.133px;
}

.pt_classic_plus_pre858 .PTCPSCROLLAREAHEADER
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.1333px;
	font-weight: bold;
	color: #333;
	margin-left: 8px;
	display : inline-block;
}

.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODYWBO, .pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODYWBO, .pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODYWBO
{
	border: 1px solid #ccc;
}





.pt_classic_plus_pre858 .PTCPGRIDHDRLEFTSEC, .pt_classic_plus_pre858 .PTCPGRIDHDRRIGHTSEC 
{
	height: 34px;
	padding-bottom: 4px;
	padding-top: 7px;
}

.pt_classic_plus_pre858 table.PSLEVEL1SCROLLAREAHEADER .PTCPGRIDHDRLEFTSEC, .pt_classic_plus_pre858 table.PSLEVEL1SCROLLAREAHEADER .PTCPGRIDHDRRIGHTSEC,
.pt_classic_plus_pre858 table.PSLEVEL2SCROLLAREAHEADER .PTCPGRIDHDRLEFTSEC, .pt_classic_plus_pre858 table.PSLEVEL2SCROLLAREAHEADER .PTCPGRIDHDRRIGHTSEC,
.pt_classic_plus_pre858 table.PSLEVEL3SCROLLAREAHEADER .PTCPGRIDHDRLEFTSEC, .pt_classic_plus_pre858 table.PSLEVEL3SCROLLAREAHEADER .PTCPGRIDHDRRIGHTSEC
{
	padding-bottom: 0px;
	padding-top: 0px;
}
.pt_classic_plus_pre858 table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC,
.pt_classic_plus_pre858 table.PSLEVEL2SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC,
.pt_classic_plus_pre858 table.PSLEVEL3SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC
{
	position: relative;
	top: 5px;
}
.pt_classic_plus_pre858 table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTCPGRIDHDRPAGELISTDIVACN,
.pt_classic_plus_pre858 table.PSLEVEL2SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTCPGRIDHDRPAGELISTDIVACN,
.pt_classic_plus_pre858 table.PSLEVEL3SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTCPGRIDHDRPAGELISTDIVACN
{
	margin-right: 0px;
}

.pt_classic_plus_pre858 .PTCPGRIDHDRACTIONSDIV, .pt_classic_plus_pre858 .PTCPGRIDHDRFINDDIV, .pt_classic_plus_pre858 .PTCPGRIDHDRFIRSTDIV, .pt_classic_plus_pre858 .PTCPGRIDHDRPREVDIV,
.pt_classic_plus_pre858 .PTCPGRIDHDRPAGELISTDIV, .pt_classic_plus_pre858 .PTCPGRIDHDRNEXTDIV, .pt_classic_plus_pre858 .PTCPGRIDHDRLASTDIV, .pt_classic_plus_pre858 .PT_CP_LINE_SEPERATOR,
.pt_classic_plus_pre858 .PTCPGRIDHDRVIEWALLDIV
{
	display: inline-block;
	margin-right: 7.334px;
}

.pt_classic_plus_pre858 .PTCPGRIDHDRFIRSTDIV, .pt_classic_plus_pre858 .PTCPGRIDHDRPREVDIV, .pt_classic_plus_pre858 .PTCPGRIDHDRNEXTDIV, .pt_classic_plus_pre858 .PTCPGRIDHDRLASTDIV
{
	width: 34px;
}

.pt_classic_plus_pre858 .PTCPGRIDHDRFINDDIVACH:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_GRID_FIND_1.svg);
}

.pt_classic_plus_pre858 .gridactionicon:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_GRID_ACTION_1.svg);
}

.pt_classic_plus_pre858 .PTCPGRIDHDRPREVDIVACN:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_GRID_LEFT_ARROW_1.svg);
}

.pt_classic_plus_pre858 .PTCPGRIDHDRNEXTDIVACN:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_GRID_RIGHT_ARROW_1.svg);
}

.pt_classic_plus_pre858 .PTCPGRIDHDRFIRSTDIVACN:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_FIRST_SET_1.svg);
}

.pt_classic_plus_pre858 .PTCPGRIDHDRFIRSTDIV .PSHEADERHYPERLINKD:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_FIRST_SET_1.svg);
	opacity: 0.3;
	padding-right: 9px;
}

.pt_classic_plus_pre858 .PTCPGRIDHDRLASTDIVACN:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_LAST_SET_1.svg);
}

.pt_classic_plus_pre858 .PTCPGRIDHDRLASTDIV .PSHEADERHYPERLINKD:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_LAST_SET_1.svg);
	opacity: 0.3;
	padding-right: 9px;
}

.pt_classic_plus_pre858 .PTPREVROW_D, .pt_classic_plus_pre858 .PTNEXTROW_D
{
	width: auto;
	height: auto;
	opacity: 0.3;
	position: relative;
	top: -4px;
	right: 9px;
}

.pt_classic_plus_pre858 table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTPREVROW_D, .pt_classic_plus_pre858 table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTNEXTROW_D,
.pt_classic_plus_pre858 table.PSLEVEL2SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTPREVROW_D, .pt_classic_plus_pre858 table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTNEXTROW_D,
.pt_classic_plus_pre858 table.PSLEVEL3SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTPREVROW_D, .pt_classic_plus_pre858 table.PSLEVEL1SCROLLAREAHEADER .PTCPSCROLLAREAHDRRIGHTSEC .PTNEXTROW_D
{
	top: -5px;
}

.pt_classic_plus_pre858 .PTCPGRIDHDRVIEWALLDIVACH, .pt_classic_plus_pre858 .PTCPSCROLLAREAHDRFINDDIV
{
	text-decoration: none;
}

.pt_classic_plus_pre858 .PTCPGRIDHDRRIGHTSEC div.PT_CP_LINE_SEPERATOR,
.pt_classic_plus_pre858 .PTCPSCROLLAREAHDRRIGHTSEC div.PT_CP_LINE_SEPERATOR
{
	margin-left: 7.666px; 
	margin-right: 15px;
	position: relative;
	top: -4px;
}
.pt_classic_plus_pre858 .PTCPGRIDHDRRIGHTSEC div.PT_CP_LINE_SEPERATOR:after,
.pt_classic_plus_pre858 .PTCPSCROLLAREAHDRRIGHTSEC div.PT_CP_LINE_SEPERATOR:after
{
	content: "|";
	margin-left: -4px;
	font-weight: normal;
	color: #888;
	vertical-align: top;
}

.pt_classic_plus_pre858 .PTCPGRIDHDRVIEWALLDIV
{
	margin-right: 10px; 
	position: relative;
	bottom: 2px;
}

.pt_classic_plus_pre858 .gridactionicon, .pt_classic_plus_pre858 .PTCPGRIDHDRFINDDIVACH, 
.pt_classic_plus_pre858 .PTCPGRIDHDRFIRSTDIVACN, .pt_classic_plus_pre858 .PTCPGRIDHDRPREVDIVACN,
.pt_classic_plus_pre858 .PTCPGRIDHDRNEXTDIVACN, .pt_classic_plus_pre858 .PTCPGRIDHDRLASTDIVACN 
{
	
	padding-top:9px; 
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 9px;
	
	box-shadow:none;
}
.pt_classic_plus_pre858 .gridactionicon:hover, .pt_classic_plus_pre858 .PTCPGRIDHDRFINDDIVACH:hover, 
.pt_classic_plus_pre858 .PTCPGRIDHDRFIRSTDIVACN:hover, .pt_classic_plus_pre858 .PTCPGRIDHDRPREVDIVACN:hover,
.pt_classic_plus_pre858 .PTCPGRIDHDRNEXTDIVACN:hover, .pt_classic_plus_pre858 .PTCPGRIDHDRLASTDIVACN:hover 
{
	border-color: #888 #eee #eee #888;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	box-shadow: none;
	text-decoration: none;
	background:#fff;
}
.pt_classic_plus_pre858 .gridactionicon:active, .pt_classic_plus_pre858 .PTCPGRIDHDRFINDDIVACH:active, 
.pt_classic_plus_pre858 .PTCPGRIDHDRFIRSTDIVACN:active, .pt_classic_plus_pre858 .PTCPGRIDHDRPREVDIVACN:active,
.pt_classic_plus_pre858 .PTCPGRIDHDRNEXTDIVACN:active, .pt_classic_plus_pre858 .PTCPGRIDHDRLASTDIVACN:active 
{
	background: #c8ead6 none repeat scroll 0 0;
	border-color: #1e9955 #80d6a7 #80d6a7 #1e9955;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	box-shadow: 1px 1px 0 #e1faec inset;
}

.pt_classic_plus_pre858 .PTCPGRIDHDRACTIONSDIV
{
	margin-left: 7.334px;
}

.pt_classic_plus_pre858 .PTCPGRIDHDRPAGELISTDIV
{
	position: relative;
	bottom: 2px;
	
}





.pt_classic_plus_pre858 .PTCPGRIDFTRROWACTBTN 
{
	height: 34px;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 7px;
}




.pt_classic_plus_pre858 .PSDROPDOWNLIST_DISPONLY, 
.pt_classic_plus_pre858 .PSEDITBOX_DISPONLY,
.pt_classic_plus_pre858 .PSEDITBOX_DISPONLY_NOWRAP,
.pt_classic_plus_pre858 .PSTEXT,
.pt_classic_plus_pre858 .PSLONGEDITBOX,
.pt_classic_plus_pre858 .PSSRCHINSTRUCTIONS,
.pt_classic_plus_pre858 .PAPAGEINSTRUCTIONS,
.pt_classic_plus_pre858 .PSXLATTITLE 
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
}




.pt_classic_plus_pre858 a.PT_CLASSICPLUS_PROMPT_LOOKUP, 
.pt_classic_plus_pre858 a.PT_CLASSICPLUS_CALENDAR 
{
	bottom: 2px;
	margin-left: -38px;
	margin-right: 7.334px;
	padding: 5px 4px 8px;
	position: relative;
}


.pt_classic_plus_pre858 .psprintgrid .PTCPEDITBOXWITHICON, .pt_classic_plus_pre858 .psprintgrid .PSERROR.PTCPEDITBOXWITHICON
{
	padding-right: 26px;
}


.pt_classic_plus_pre858 .PTCPEDITBOXWITHICON, .pt_classic_plus_pre858 .PSERROR.PTCPEDITBOXWITHICON
{
	padding-right: 30px;
}





.pt_classic_plus_pre858 .PAGROUPDIVIDER, .pt_classic_plus_pre858 .PSGROUPBOXLABEL
{
	background: #fff;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.1333px;
	font-weight: bold;
	color: #a45617;
	padding: 0px;
}

.pt_classic_plus_pre858 .PAGROUPDIVIDER img, .pt_classic_plus_pre858 .PSGROUPBOXLABEL img
{
	position: relative;
	bottom: 2px;
	right: 5px;
}

.pt_classic_plus_pre858 .PSGROUPBOX.PTCPGROUPBOXWBO
{
	border: 1px solid #ccc !important;
}
.pt_classic_plus_pre858 .PTCPGROUPBOXMINPADDING.PTCPGROUPBOXWBO
{
	border: 1px solid #ccc !important;
}

.pt_classic_plus_pre858 .PSGROUPBOXWBO
{
	border: none;
}
.pt_classic_plus_pre858 .PTCPGROUPBOXMINPADDINGWBO
{
	border: none;
}

.pt_classic_plus_pre858 .PTCOLLAPSE_ARROW:before
{
	content: url(/cs/NBCCPRD/cache/PT_COLLAPSE_NUI_1.svg) ;
}
.pt_classic_plus_pre858 .PTEXPAND_ARROW:before
{
	content: url(/cs/NBCCPRD/cache/PT_EXPAND_NUI_1.svg) ;
}

.pt_classic_plus_pre858 .PSGROUPBOXCONTAINER.PTCPGROUPBOXWBO
{
	border: 1px solid #ccc !important;
}
.pt_classic_plus_pre858 .PSGROUPBOXCONTAINERWBO
{
	border: none;
}
.pt_classic_plus_pre858 .PSGROUPBOXCONTAINERWBO .PSGROUPBOXLABEL,
.pt_classic_plus_pre858 .PSGROUPBOXCONTAINERNBO .PSGROUPBOXLABEL
{
	display: none;
}



 



.pt_classic_plus_pre858 .PSGROUPBOXWBO, .pt_classic_plus_pre858 .PSGROUPBOXNBO
{
	margin-top: 19px; 
	margin-bottom: 19px; 
	margin-right: 8px; 
	margin-left: 8px; 
}

.pt_classic_plus_pre858  .PTCPGROUPBOXMINPADDINGWBO, .pt_classic_plus_pre858  .PTCPGROUPBOXMINPADDINGNBO
{
	margin-top: 3px; 
	margin-bottom: 3px; 
	margin-right: 8px; 
	margin-left: 8px; 
}

.pt_classic_plus_pre858 .PSGROUPBOX 
{
	padding: 8px;
}
.pt_classic_plus_pre858 .PTCPGROUPBOXMINPADDING 
{
	padding: 8px;
}

.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY 
{
	padding: 5px;
}

.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODY .PTROWADD1, .pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODY .PTROWADD1,
.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODY .PTROWDELETE1, .pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODY .PTROWDELETE1, .pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODY .PTROWDELETE1
{
	margin-right: 5px; 
}

.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODYWBO, .pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODYWBO, .pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODYWBO,
.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREABODYNBO, .pt_classic_plus_pre858 .PSLEVEL2SCROLLAREABODYNBO, .pt_classic_plus_pre858 .PSLEVEL3SCROLLAREABODYNBO
{
	margin-top: 15px;
}

.pt_classic_plus_pre858 .PTEXPAND
{
	width: 14px;
}
  
.pt_classic_plus_pre858 .PTCOLLAPSE
{
	width: 17px;
}

.pt_classic_plus_pre858 .PSEDITBOX, .pt_classic_plus_pre858 .PSEDITBOX_DISABLED, .pt_classic_plus_pre858 .PSEDITBOXDISABLED, .pt_classic_plus_pre858 .PSDROPDOWNLIST, .pt_classic_plus_pre858 select.PSERROR,
.pt_classic_plus_pre858 .PSDISABLED, .pt_classic_plus_pre858 .PSDROPDOWNLIST_DISABLED, .pt_classic_plus_pre858 .PSDROPDOWNLISTDISABLED, .pt_classic_plus_pre858 input.PSERROR
{
	margin-bottom : 8px;
	margin-right: 7.334px;
}

.pt_classic_plus_pre858 .PTCPTOPALIGNED
{
	margin-top: 5px;
}

.pt_classic_plus_pre858 textarea.PSLONGEDITBOX
{
	margin-bottom: 5.334px;
	margin-right: 7.334px;
}

.pt_classic_plus_pre858 div.PSLONGEDITCNT
{
	margin-bottom: 8px;
}

.pt_classic_plus_pre858 .PT_CP_DIV_LABEL 
{
	position: relative; 
	top: 5px;
	margin-right: 8.147px; 
}

.pt_classic_plus_pre858 #PSTAB
{
	margin-bottom: 8px;
}

.pt_classic_plus_pre858 #PSTABNBO
{
	margin-top: 15px; 
	margin-bottom: 8px;
}

.pt_classic_plus_pre858 span.PSEDITBOXLABEL, .pt_classic_plus_pre858 span.PSDROPDOWNLABEL 
{
	display: inline-block;
	margin-bottom: 11px;
}
.pt_classic_plus_pre858 span.PT_CP_MANDATORY_LABEL
{
	margin-bottom: 0px;
}
.pt_classic_plus_pre858 .PSEDITBOX_DISPONLY, .pt_classic_plus_pre858 .PSDROPDOWNLIST_DISPONLY,
.pt_classic_plus_pre858 .PSEDITBOX_DISPONLY_NOWRAP
{
	position: relative;
	top: 5px;
}

.pt_classic_plus_pre858 .PSLEVEL1GRIDROW .PSEDITBOX_DISPONLY,
.pt_classic_plus_pre858 .PSLEVEL1GRIDROW .PSDROPDOWNLIST_DISPONLY ,
.pt_classic_plus_pre858 .PSLEVEL1GRIDROW .PSEDITBOX_DISPONLY_NOWRAP 
{
	top: 0px;
}

.pt_classic_plus_pre858 .PSPUSHBUTTONTB.Left,
.pt_classic_plus_pre858 .PSPUSHBUTTON.Left,
.pt_classic_plus_pre858 .PSPUSHBUTTONDISABLED.Left 
{
	margin-bottom: 8px; 
	margin-right: 5.334px; 
}

.pt_classic_plus_pre858 #ptaisubpage #ptailistbuttonstbl .PTCPAGPREVIOUSANCHOR,
.pt_classic_plus_pre858 #ptaisubpage #ptailistbuttonstbl .PTCPAGNEXTANCHOR,
.pt_classic_plus_pre858 #ptaisubpage #ptailistbuttonstbl .PSPUSHBUTTONTB.Left, 
.pt_classic_plus_pre858 #ptaisubpage #ptailistbuttonstbl .PSPUSHBUTTON.Left, 
.pt_classic_plus_pre858 #ptaisubpage #ptailistbuttonstbl .PSPUSHBUTTONDISABLED.Left
{
	margin-bottom: 0px;
	padding: 5.234px 15.6px;
}
.pt_classic_plus_pre858 #ptaisubpage #ptailistbuttonstbl #ptaiPrevious,
.pt_classic_plus_pre858 #ptaisubpage #ptailistbuttonstbl #ptaiNext
{
	background-image: none !important;
}

.pt_classic_plus_pre858 .PSCHECKBOX 
{
	margin-right: 7.334px;
	margin-bottom: 8px; 
}
.pt_classic_plus_pre858 .PSSRCHCHBOXAlGNLEFT
{	
	margin-left: 0px; 
}

.pt_classic_plus_pre858 .PSRADIOBUTTON
{
	margin-bottom: 8px; 
}

.pt_classic_plus_pre858 .PTCPGRIDTITLE
{
	margin-top: 15px; 
	margin-right: 8px;
}
.pt_classic_plus_pre858 .PSLEVEL1GRIDWBO, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO
{
	margin-bottom: 8px;
	margin-right: 8px;
}

.pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSEDITBOX, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSEDITBOX_DISABLED, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSEDITBOXDISABLED, 
.pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSDROPDOWNLIST, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSDISABLED, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSDROPDOWNLISTDISABLED, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSLONGEDITBOX, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO input.PSERROR, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO select.PSERROR,
.pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSPUSHBUTTONTB.Left, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSPUSHBUTTON.Left, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSPUSHBUTTONDISABLED.Left, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSCHECKBOX,
.pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSEDITBOX, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSEDITBOX_DISABLED, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSEDITBOXDISABLED, 
.pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSDROPDOWNLIST, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSDISABLED, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSDROPDOWNLISTDISABLED, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSLONGEDITBOX, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO input.PSERROR, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO select.PSERROR,
.pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSPUSHBUTTONTB.Left, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSPUSHBUTTON.Left, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSPUSHBUTTONDISABLED.Left, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSCHECKBOX,
.pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSEDITBOX, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSEDITBOX_DISABLED, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSEDITBOXDISABLED, 
.pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSDROPDOWNLIST, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSDISABLED, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSDROPDOWNLISTDISABLED, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSLONGEDITBOX, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO input.PSERROR, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO select.PSERROR,
.pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSPUSHBUTTONTB.Left, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSPUSHBUTTON.Left, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSPUSHBUTTONDISABLED.Left, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSCHECKBOX,
.pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSEDITBOX, .pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSEDITBOX_DISABLED, .pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSEDITBOXDISABLED, 
.pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSDROPDOWNLIST, .pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSDISABLED, .pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSDROPDOWNLISTDISABLED, .pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSLONGEDITBOX, .pt_classic_plus_pre858 .PSLEVEL1GRIDNBO input.PSERROR, .pt_classic_plus_pre858 .PSLEVEL1GRIDNBO select.PSERROR,
.pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSPUSHBUTTONTB.Left, .pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSPUSHBUTTON.Left, .pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSPUSHBUTTONDISABLED.Left, .pt_classic_plus_pre858 .PSLEVEL1GRIDNBO .PSCHECKBOX,
.pt_classic_plus_pre858 .psprintgrid .PSEDITBOX, .pt_classic_plus_pre858 .psprintgrid .PSEDITBOX_DISABLED, .pt_classic_plus_pre858 .psprintgrid .PSEDITBOXDISABLED, 
.pt_classic_plus_pre858 .psprintgrid .PSDROPDOWNLIST, .pt_classic_plus_pre858 .psprintgrid .PSDISABLED, .pt_classic_plus_pre858 .psprintgrid .PSDROPDOWNLIST_DISABLED, 
.pt_classic_plus_pre858 .psprintgrid .PSDROPDOWNLISTDISABLED, .pt_classic_plus_pre858 .psprintgrid .PSLONGEDITBOX, .pt_classic_plus_pre858 .psprintgrid input.PSERROR, .pt_classic_plus_pre858 .psprintgrid select.PSERROR,
.pt_classic_plus_pre858 .psprintgrid .PSPUSHBUTTONTB.Left, .pt_classic_plus_pre858 .psprintgrid .PSPUSHBUTTON.Left, .pt_classic_plus_pre858 .psprintgrid .PSPUSHBUTTONDISABLED.Left, .pt_classic_plus_pre858 .psprintgrid .PSCHECKBOX
{
	margin-bottom: 0px;
	margin-right: 0px;
}
.pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSEDITBOX_DISPONLY, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO .PSDROPDOWNLIST_DISPONLY,
.pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSEDITBOX_DISPONLY, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO .PSDROPDOWNLIST_DISPONLY,
.pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSEDITBOX_DISPONLY, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO .PSDROPDOWNLIST_DISPONLY,
.pt_classic_plus_pre858 .psprintgrid .PSEDITBOX_DISPONLY, .pt_classic_plus_pre858 .psprintgrid .PSDROPDOWNLIST_DISPONLY
{
	top: 0px;
	position : static;
}

.pt_classic_plus_pre858 .PSLEVEL1GRIDWBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus_pre858 .PSLEVEL1GRIDWBO a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus_pre858 .PSLEVEL2GRIDWBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus_pre858 .PSLEVEL2GRIDWBO a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus_pre858 .PSLEVEL3GRIDWBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus_pre858 .PSLEVEL3GRIDWBO a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus_pre858 .psprintgrid a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus_pre858 .psprintgrid a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus_pre858 .PSLEVEL1GRIDNBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus_pre858 .PSLEVEL1GRIDNBO a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus_pre858 .PSLEVEL2GRIDNBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus_pre858 .PSLEVEL2GRIDNBO a.PT_CLASSICPLUS_CALENDAR,
.pt_classic_plus_pre858 .PSLEVEL3GRIDNBO a.PT_CLASSICPLUS_PROMPT_LOOKUP, .pt_classic_plus_pre858 .PSLEVEL3GRIDNBO a.PT_CLASSICPLUS_CALENDAR 
{
	margin-left: -31px;
}





.pt_classic_plus_pre858 table 
{
	table-layout: auto !important; 
}




.pt_classic_plus_pre858 a:focus, .pt_classic_plus_pre858 img:focus, .pt_classic_plus_pre858 span:focus, .pt_classic_plus_pre858 input:focus, 
.pt_classic_plus_pre858 select:focus, .pt_classic_plus_pre858 input[type="button"]:focus
{
	
}




.pt_classic_plus_pre858 .PABOLDTEXT
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	font-weight: bold;
}

.pt_classic_plus_pre858 span.PABOLDTEXT[aria-disabled="true"]
{
	position: relative;
	top: 5px;
}
.pt_classic_plus_pre858 .PALEVEL0PRIMARY, .pt_classic_plus_pre858 .PALEVEL0SECONDARY, .pt_classic_plus_pre858 .PAADDITIONALINSTRUCTIONS, .pt_classic_plus_pre858 .small 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
}
.pt_classic_plus_pre858 .SMALL
{
                font-family: Arial, Helvetica, sans-serif;
                font-size: 14.6667px;
                color: #3366cc;
}
.pt_classic_plus_pre858 .PALEVEL0SECONDARY 
{
	font-size: 13px;
}
.pt_classic_plus_pre858 .PABOLDBLUETEXT,
.pt_classic_plus_pre858 .PTFACETNAME,
.pt_classic_plus_pre858 .PTGBLFACETHDG,
.pt_classic_plus_pre858 .PTFACET,
.pt_classic_plus_pre858 .PTFACET:hover,
.pt_classic_plus_pre858 .PTFACETLINK,
.pt_classic_plus_pre858 .PABOLDBLUETEXT,

.pt_classic_plus_pre858 .PTSESSRCHINSTR,
.pt_classic_plus_pre858 .PTSESSRCHINSTRRSLTS,
.pt_classic_plus_pre858 .PTSESRSLTTITLE,
.pt_classic_plus_pre858 .PTSESRSLTDTTM,
.pt_classic_plus_pre858 .PTSESRSLTSUMMARY,
.pt_classic_plus_pre858 .PSGRIDCOUNTERTP,
.pt_classic_plus_pre858 .PTSESPAGENOLINK,
.pt_classic_plus_pre858 .PTSESPAGELINK,
.pt_classic_plus_pre858 .PTSESCURPAGE,
.pt_classic_plus_pre858 .PTSESPAGENOLINK:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;	
}


.pt_classic_plus_pre858 a.PAGRIDHEADERTXT, .pt_classic_plus_pre858 span.PAGRIDHEADERTXT, 
.pt_classic_plus_pre858 .PAGROUPBOXNBO, .pt_classic_plus_pre858 .PSTREELINKSELECTEDYELLOWBACKGR,
.pt_classic_plus_pre858 .PSHYPERLINKYELLOWBKGRD, .pt_classic_plus_pre858 .PSTREENODESELECTED, 
.pt_classic_plus_pre858 .PAGROUPBOXLABELLEVEL1, .pt_classic_plus_pre858 .PAGROUPBOXLABELLEVEL2,
.pt_classic_plus_pre858 .PAGROUPBOXLABELLEVEL3, .pt_classic_plus_pre858 .STRONG, 
.pt_classic_plus_pre858 .STRONGWRAP, .pt_classic_plus_pre858 .PAEXPANDCOLLAPSE, 
.pt_classic_plus_pre858 .PAEXAMPLE
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
}
.pt_classic_plus_pre858 span.PAGRIDHEADERTXT, .pt_classic_plus_pre858 a.PAGRIDHEADERTXT
{
	background-color: transparent;
	color: #000;
}
.pt_classic_plus_pre858 .PAGROUPBOXNBO
{
	background-color: #f0f0f0;
}




.pt_classic_plus_pre858 .PTCALHEAD_CP
{
	color:rgb(0,0,0);
	font-size:17.3px;
	font-weight:bold;
	float:none !important;
	text-align:center !important;
}

.pt_classic_plus_pre858 .PTCALHEAD
{
	text-align:center !important;
}

.pt_classic_plus_pre858 .PTCALMONTH
{
	color:rgb(0,0,0) !important;
	font-size:14.6667px !important;
	font-weight:400 !important;
	box-shadow:3px 3px 4px #e9e9e9 inset;
	border:1px solid #bbb !important;
	border-radius:3px !important;
	height:33.2667px !important;
}

.pt_classic_plus_pre858 #PTMonth
{
	width: 53% !important;
}

.pt_classic_plus_pre858 #PTYear
{

}

.pt_classic_plus_pre858 .PTCALWEEKHEAD
{
	font-size:14.6667px !important;
	font-weight:700 !important;
	color: rgb(0,0,0) !important;
	padding: 5.8667px 5.8667px 5.8667px 5.8667px !important;
	text-align:left !important;
}

.pt_classic_plus_pre858 #curdate
{
	color:#3366cc !important;
	font-size:14.6667px !important;
}

.pt_classic_plus_pre858 #tailCalendar
{
	width:100% !important;
	padding: 5.8667px 5.8667px 5.8667px 5.8667px !important;
}

.pt_classic_plus_pre858 #bodyCalendar {
	font-size:11pt !important;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
	padding: 5.8667px 5.8667px 5.8667px 5.8667px !important;
}

.pt_classic_plus_pre858 #bodyCalendar > thead {
	background-color:#fafafa;
	font-weight:bold;
}

.pt_classic_plus_pre858 #bodyCalendar > thead > tr:first-child {
	display:none;
}

.pt_classic_plus_pre858 #bodyCalendar td {
	text-align:center !important;
	padding:0 !important;
	width:2px !important;
	height:2px !important;
	background-position:top left !important;
	background-repeat: repeat !important;
	background:transparent !important;
	background-image:none !important;
}

.pt_classic_plus_pre858 #bodyCalendar tbody td {
	cursor:pointer;
}

.pt_classic_plus_pre858 #bodyCalendar td[style*="SELECTED_DATE"],
.pt_classic_plus_pre858 #bodyCalendar td[style*="CURRENT_DATE"] > a[style*="SELECTED_DATE"]
{
	background: #C8EAD6 !important;
	border: 1px solid #62BA8A !important;
}

.pt_classic_plus_pre858 #bodyCalendar td[style*="CURRENT_DATE"] {
	border:1px dotted #6c6c6c !important;
}


.pt_classic_plus_pre858 #bodyCalendar a {
	padding:8px 12px !important;
	
	width:100% !important;
	display:inline-block !important;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	
}

.pt_classic_plus_pre858 #bodyCalendar a[style*="SELECTED_DATE"] {
	background:transparent !important;
}

.pt_classic_plus_pre858 #bodyCalendar a {
	background:transparent !important;
	padding:8px 8px !important;
}

.pt_classic_plus_pre858 #bodyCalendar a:hover,
.pt_classic_plus_pre858 #bodyCalendar tbody td:not([disabled]):hover
{
	background-color:#eee !important;
}

.pt_classic_plus_pre858 #bodyCalendar > thead > tr:last-child > td:first-child,
.pt_classic_plus_pre858 #bodyCalendar > tbody > tr > td:first-child
{
	display:none;
}






.pt_classic_plus_pre858 #pt_modalMask, 
.pt_classic_plus_pre858 #ptpopupmask 
{
	background-color: #808080 !important;
	opacity: 0.5 !important;
}

.pt_classic_plus_pre858 #pt_modals .PSMODALHEADER, .pt_classic_plus_pre858 #pt_modals .PSMODALCONTENT, .pt_classic_plus_pre858 #pt_modals .PSMODALBOTTOM
{
	border-left: 1px solid #6c6c6c !important;
	border-right: 1px solid #6c6c6c !important;
}

.pt_classic_plus_pre858 #pt_modals .PSMODALHEADER
{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top: 1px solid #6c6c6c !important;
}

.pt_classic_plus_pre858 #pt_modals .PSMODALTABLE
{
	background-color: transparent !important;
	border-radius: 3px;
	box-shadow: 0 0 25px #5a5a5a !important;
}

.pt_classic_plus_pre858 #pt_modals .PSMODALBOTTOM
{
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom: 1px solid #6c6c6c !important;
	box-shadow: 0 28px 25px #5a5a5a !important;
}

.pt_classic_plus_pre858 #pt_modals .PSMODALHEADER, 
.pt_classic_plus_pre858 #ptifrmpopup #ptpopuptitlebar 
{
	background-color: rgb(245, 245, 245);
	border-bottom: 1px solid rgb(204, 204, 204);
	text-align: center;
	height: 42px;
}

.pt_classic_plus_pre858 #pt_modals .PTPOPUP_TITLE, 
.pt_classic_plus_pre858 #ptifrmpopup #ptpopoptitle 
{
	font-size: 19.8px ;
	font-family : Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: rgb(164, 86, 23);
	background-color: rgb(245, 245, 245);
}

.pt_classic_plus_pre858 #pt_modals .PSMODALHEADER
{
	height: auto;
}
.pt_classic_plus_pre858 #pt_modals #popupTitleBarRightImage
{
	display: none;
}
.pt_classic_plus_pre858 #pt_modals .PSMODALTITLE
{
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 18px;
	box-sizing: border-box;
}


.pt_classic_plus_pre858 #pt_modals .PSMODALCLOSEANCHOR 
{
	border-radius: 14px;
	margin: 0;
	padding: 14px 14px 14px 14px !important;
	position: absolute;
	right: 17px; 
	text-decoration: none;
}
.pt_classic_plus_pre858 .PSMODALCLOSEANCHOR:before 
{
	content: url(/cs/NBCCPRD/cache/PT_MODAL_CLOSE_NUI_1.svg) !important ;
	right: 7px;
	top: 5px;
}
.pt_classic_plus_pre858 #pt_modals .PSMODALCLOSEANCHOR:hover, 
.pt_classic_plus_pre858 #ptifrmpopup #ptpopupclose:hover 
{
	background: #fff ;
	border: 1px solid #999 !important ;
}
.pt_classic_plus_pre858 #pt_modals .PSMODALCLOSE
{
	margin-top: 6px;
}



.pt_classic_plus_pre858 #ptifrmpopup #ptpopupcontainer
{
	border: 1px solid #6c6c6cl !important;
	border-radius: 3px;
	box-shadow: 0 0 25px #5a5a5a !important;
	padding: 0px;
}

.pt_classic_plus_pre858 #ptifrmpopup #ptpopoptitle
{
	padding-top: 9px;
	width: 88%;
}

.pt_classic_plus_pre858 #ptifrmpopup .popupText,
.pt_classic_plus_pre858 #pt_modals .popupText 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
}

.pt_classic_plus_pre858 #ptifrmpopup #ptpopupclose
{
	width: 14px;
	height: 27px;
	padding: 0 7px;
	border-radius: 14px;
	margin-right: 6px;
	margin-top: 6px;
}
.pt_classic_plus_pre858 #ptifrmpopup #ptpopupclose:before
{
	content: url(/cs/NBCCPRD/cache/PT_MODAL_CLOSE_NUI_1.svg) !important ;
	position: relative;
	top: 4px;
	left: 1px;
}


.pt_classic_plus_pre858 #ptpopupmsgbuttons, .pt_classic_plus_pre858 #pt_modals #alertbutton, .pt_classic_plus_pre858 #pt_modals #okbutton
{
	text-align: center;
	float: none;
}


.pt_classic_plus_pre858 #ptifrmpopup #ptpopupmsgbuttons
{
	margin-top: 20px;
}


.pt_classic_plus_pre858 #ptpopupmsgbuttons .PSPUSHBUTTON.Left span,
.pt_classic_plus_pre858 #pt_modals #alertbutton .PSPUSHBUTTON.Left span, 
.pt_classic_plus_pre858 #pt_modals #okbutton .PSPUSHBUTTON.Left span
{
	background-color: transparent;
}


.pt_classic_plus_pre858 span.PSDROPDOWNLIST
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
	position: relative;
	top: 5px;
}


.pt_classic_plus_pre858 .PSSRCHPAGE.PTCPMODAL
{
	padding: 6.3333px 6.6667px 7.3333px 8.6667px; 
}
.pt_classic_plus_pre858 .PSPAGE.PTCPMODAL
{
	padding: 7.3333px 14.6667px 7.3333px 14.6667px; 
}



.pt_classic_plus_pre858 .HelpdivpopupFrame, .pt_classic_plus_pre858 .HelppopupInner
{
	box-shadow: 0 0 25px #5a5a5a !important;
}
.pt_classic_plus_pre858 .HelpdivpopupFrame
{
	border-top: 1px solid rgb(204, 204, 204) !important;
	border-right: 1px solid #6c6c6c !important;
	border-bottom: 1px solid #6c6c6c !important;
	border-left: 1px solid #6c6c6c !important;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.pt_classic_plus_pre858 .HelppopupTitleBar
{
	border-top: 1px solid #6c6c6c !important;
	border-right: 1px solid #6c6c6c !important;
	border-bottom: none !important;
	border-left: 1px solid #6c6c6c !important;
	padding-bottom: 9px;
}
.pt_classic_plus_pre858 .HelppopupTitleBar, .pt_classic_plus_pre858 .HelppopupInner
{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.pt_classic_plus_pre858 .HelppopupTitleBar, .pt_classic_plus_pre858 .HelppopupTitleBar .PTPOPUP_TITLE
{
	background-color: rgb(245, 245, 245);
	color: rgb(164, 86, 23);
	font-family: Arial,Helvetica,sans-serif;
	font-size: 19.8px;
	font-weight: bold;
	text-align: center;
}
.pt_classic_plus_pre858 .HelppopupTitleBar .PTPOPUP_TITLE 
{
	position: relative;
	top: 5px;
}
.pt_classic_plus_pre858 .HelpdivpopupFrame .PTPOPUP_MSGHDR, .pt_classic_plus_pre858 .HelpdivpopupFrame .PTPOPUP_MSGTXT
{
	font-family : Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	color: rgb(0,0,0);
}
.pt_classic_plus_pre858 .HelpdivpopupFrame .PTPOPUP_MSGHDR
{
	font-weight: bold;
}
.pt_classic_plus_pre858 .HELPPOPUPCLOSE:hover
{
	border: 1px solid #bbb;
	border-radius: 14px;
	height: 27px;
	margin-right: 7px;
	padding: 0 7px;
	width: 14px;
	position: relative;
}
.pt_classic_plus_pre858 #ptcphelppopupclosediv 
{
	border-radius: 14px;
	box-sizing: border-box;
	padding: 2px 14px;
	position: relative;
	left: 14px;
	top: 5px;
	margin-right: 11px;
}
.pt_classic_plus_pre858 #ptcphelppopupclosediv:hover
{
	background: #fff ;
	border: 1px solid #999 ;
}
.pt_classic_plus_pre858 .PTCPHELPPOPUPCLOSEIMG 
{
	position: absolute;
	top: 8px;
	right: 7px;
}


.pt_classic_plus_pre858 .PSHYPERLINK.PTCPHYPERLINKADVSRH, .pt_classic_plus_pre858 .PSHYPERLINK.PTCPHYPERLINKBSCSRH
{
	margin-left: 7px;
	position: relative;
	top: 7px;
}


.pt_classic_plus_pre858 .PSDROPDOWNLIST.PSDROPDOWNLISTSISRCH
{
	position: relative;
	top: -6px;
}


.pt_classic_plus_pre858 .PSSRCHSUBTITLE.PSSRCHSUBTITLESISRCH
{
	position: relative;
	top: -6px;
}


.pt_classic_plus_pre858 .PSHYPERLINK.PSHYPERLINKCPHPSRCH 
{
	padding-left: 4px;
	position: relative;
	top: 8px;
}


.pt_classic_plus_pre858 .PTCPHIDEHEADERFORALERTS, 
.pt_classic_plus_pre858 #ptpopup .ptpopuptitlebar
{
	display: none !important;
}


.pt_classic_plus_pre858 .PSEDITBOXLABEL.PSEDITBOXLABELSPCPAL
{
	position: relative;
	top: 5px;
}

.pt_classic_plus_pre858 .PSHYPERLINK.PSHYPERLINKCP
{
	position: relative;
	top: 8px;
}



.pt_classic_plus_pre858 .PTCPEXPANDGRIDCOLSACH
{
	box-shadow: none;
	padding: 9px 8px 5px 9px;
}
.pt_classic_plus_pre858 .PTCPEXPANDGRIDCOLSACH:hover
{
	background: #fff none repeat scroll 0 0;
	border-color: #888 #eee #eee #888;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	text-decoration: none;
}
.pt_classic_plus_pre858 .PTCPEXPANDGRIDCOLSACH:active
{
	background: #c8ead6 none repeat scroll 0 0;
	border-color: #1e9955 #80d6a7 #80d6a7 #1e9955;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 1px 1px 0 #e1faec inset;
}






.pt_classic_plus_pre858 #ptrctitlebar
{
	background-color: #fafafa;
	height: 38px;
	border: 1px solid #ccc;
}

.pt_classic_plus_pre858 #ptifrmrc #ptrctitleline
{
	height: 0px;
	border-top: 1px solid #ccc;
	margin-top: -2px;
}

.pt_classic_plus_pre858 #ptrctitlebar h2.ptrctitlebar
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16.1333px;
	font-weight: bold;
	background-color: #fafafa;
	border: medium none;
	color: #a45617;
	height: 23px;
}

.pt_classic_plus_pre858 #ptrctitlebar .ptrcexpand:before
{
	content: url(/cs/NBCCPRD/cache/PT_COLLAPSE_NUI_1.svg);
	position: relative;
	bottom: 2px;
}
.pt_classic_plus_pre858 #ptrctitlebar .ptrccollapse:before
{
	content: url(/cs/NBCCPRD/cache/PT_EXPAND_NUI_1.svg);
	position: relative;
	bottom: 2px;
}

.pt_classic_plus_pre858 #ptifrmrc #ptrctitlebar #ptrcServiceTab #selected a span,
.pt_classic_plus_pre858 #ptifrmrc #ptrctitlebar #ptrcServiceTab a span
{
	padding: 6px 5.333px;
	line-height: 19.1px;
}
.pt_classic_plus_pre858 #ptrctitlebar #ptrcServiceTab a
{
	padding: 0px 7.333px 0px 0px;
}

.pt_classic_plus_pre858 #ptrcrefresh, .pt_classic_plus_pre858 #ptrcrefreshonhover,
.pt_classic_plus_pre858 .ptrcPgltcontrolsdropdown,
.pt_classic_plus_pre858 .ptrcPgltcontrolsdropdownclickedTopBorder
{
	display: none !important;
}
.pt_classic_plus_pre858 .PTCPRCBFRAMEREFRESH,
.pt_classic_plus_pre858 .PTCPRCBFRAMESETTINGS
{
	box-shadow: none;
	padding: 9px 8px 5px 9px;
}
.pt_classic_plus_pre858 .PTCPRCBFRAMEREFRESH:hover,
.pt_classic_plus_pre858 .PTCPRCBFRAMESETTINGS:hover
{  
	background: #fff none repeat scroll 0 0;
	border-color: #888 #eee #eee #888;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	text-decoration: none;
}
.pt_classic_plus_pre858 .PTCPRCBFRAMEREFRESH:active, 
.pt_classic_plus_pre858 .PTCPRCBFRAMESETTINGS:active
{
	background: #c8ead6 none repeat scroll 0 0;
	border-color: #1e9955 #80d6a7 #80d6a7 #1e9955;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 1px 1px 0 #e1faec inset;
}
.pt_classic_plus_pre858 .PTCPRCBFRAMEREFRESH:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_PAGELET_REFRESH_1.svg);
}
.pt_classic_plus_pre858 .PTCPRCBFRAMESETTINGS:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_PAGELET_SETTING_1.svg);
}
.pt_classic_plus_pre858 .PTCPRCBFRAMERIGHTSEC 
{
    width: 80px !important;
}




.pt_classic_plus_pre858 .ptpnlpglthdr
{
	background: #fafafa;
	height: 40px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.pt_classic_plus_pre858 h2.ptpglthdr
{
	font-family : Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 14.6667px;
	color: #a45617;
}
.pt_classic_plus_pre858 .vRCPgltArea_docked .vRCPgltAreaResize
{
	border-right: 1px solid #aaa;
}
.pt_classic_plus_pre858 .PTCPRCRIGHTFRAMESETTINGSICONCONTAINER
{
	padding: 9px 8px 5px 9px;
}
.pt_classic_plus_pre858 .PTCPRCRIGHTFRAMESETTINGSICONCONTAINER:hover
{
	background: #fff none repeat scroll 0 0;
	border-color: #888 #eee #eee #888;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	text-decoration: none;
}
.pt_classic_plus_pre858 .PTCPRCRIGHTFRAMESETTINGSICONCONTAINER:active
{
	background: #c8ead6 none repeat scroll 0 0;
	border-color: #1e9955 #80d6a7 #80d6a7 #1e9955;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 1px 1px 0 #e1faec inset;
}
.pt_classic_plus_pre858 .PTCPRCRIGHTFRAMESETTINGSICONCONTAINER:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_PAGELET_SETTING_1.svg);
}
.pt_classic_plus_pre858 .PTCPRCRIGHTFRAMESETTINGSICON
{
	display: none;
}
.pt_classic_plus_pre858 .ptrcPgltControls div
{
	margin: 20px 0 0 30px;
}






.pt_classic_plus_pre858 .PTCPSAVEDIV
{	
	width: 100%;
	animation: 3s ease 0s normal none 1 running fadein-alt;
	background: #c8ead6 none repeat scroll 0 0;
	border: 1px solid #76a68a;
	box-sizing: border-box;
	color: #000;
	padding: 4px;
	text-align: center;
	text-shadow: 1px 1px 0 #f0f6eb;
	height: 53px;
	top: 0px !important;
	position: fixed !important;
}
.pt_classic_plus_pre858 .PTCPSAVETBL
{
	display: none !important;
}
.pt_classic_plus_pre858 .PTCPSAVETEXTMSGNODE
{
	font-family : Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 14.6667px;
	color: #000;
	text-shadow: 1px 1px 0 #f0f6eb;
	margin-top: 11px;
}
.pt_classic_plus_pre858 .PTCPSAVEDIV #ptpopupclose
{
	width: 14px;
	height: 27px;
	padding: 0 7px;
	border-radius: 14px;
	margin-right: 6px;
}
.pt_classic_plus_pre858 .PTCPSAVEDIV #ptpopupclose:before
{
	content: url(/cs/NBCCPRD/cache/PT_MODAL_CLOSE_NUI_1.svg) !important ;
	position: relative;
	top: 5px;
	left: 1px;
}
.pt_classic_plus_pre858 .PTCPSAVEDIV #ptpopupclose:hover 
{
	background: #fff ;
	border: 1px solid #999 !important ;
}


.pt_classic_plus_pre858 .PTCPWAITDIV,
.pt_classic_plus_pre858 #WAIT_empty
{
	top: 40% !important;
	left: 45% !important;
	position: fixed !important;
}
.pt_classic_plus_pre858 #WAIT_empty #processing
{
	display: none;
}
.pt_classic_plus_pre858 #WAIT_empty:after
{
	content: url(/cs/NBCCPRD/cache/PT_PROCESSING_FMODE_1.gif);
}




.pt_classic_plus_pre858 .ptpgltheader
{
	background: #fafafa;
	height: 40px;
}
.pt_classic_plus_pre858 .ptalPgltHeaderLabel
{
	font-family : Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 14.6667px;
	color: #a45617;
	top: 10px;
	padding-left: 2px !important;
}
.pt_classic_plus_pre858 .ptpgltheader, 
.pt_classic_plus_pre858 .ptalPgltArea_docked .ptalPgltAreaResizeBar
{
	border-color: #aaa;
}
.pt_classic_plus_pre858 .ptalPgltFadedRefresh:after, 
.pt_classic_plus_pre858 .ptalPgltDarkRefresh:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_PAGELET_REFRESH_1.svg) ;
}
.pt_classic_plus_pre858 .ptpgltheader .ptalPgltcontrolsdropdown, .pt_classic_plus_pre858 .ptpgltheader .ptalPgltcontrolsdropdownclickedTopBorder,
.pt_classic_plus_pre858 .ptpgltheader .ptalPgltReloadIcon, .pt_classic_plus_pre858 .ptalPgltAreaHeaderBar #ptalPgltAreaDropDownImg
{
	display: none;
}
.pt_classic_plus_pre858 .PTALPAGELEBODYDIV .ptalPgltControls div
{
	margin-top: 30px;
	margin-left: 28px;
}
.pt_classic_plus_pre858 .ptpgltheader .PTCPWCPAGELETHEADERSETTINGSICON a:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_PAGELET_SETTING_1.svg) ; 
}
.pt_classic_plus_pre858 .PTCPWCPAGELETHEADERSETTINGSICON a, .pt_classic_plus_pre858 .PTCPWCPAGELETREFRESHICON a,
.pt_classic_plus_pre858 .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown
{
	padding: 9px 7px 4px 7px;
}
.pt_classic_plus_pre858 .PTCPWCPAGELETHEADERSETTINGSICON a:hover, .pt_classic_plus_pre858 .PTCPWCPAGELETREFRESHICON a:hover,
.pt_classic_plus_pre858 .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown:hover
{
	background: #fff none repeat scroll 0 0;
	border-color: #888 #eee #eee #888;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none;
	text-decoration: none;
}
.pt_classic_plus_pre858 .PTCPWCPAGELETHEADERSETTINGSICON a:active, .pt_classic_plus_pre858 .PTCPWCPAGELETREFRESHICON a:active,
.pt_classic_plus_pre858 .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown:active
{
	background: #c8ead6 none repeat scroll 0 0;
	border-color: #1e9955 #80d6a7 #80d6a7 #1e9955;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 1px 1px 0 #e1faec inset;
}
.pt_classic_plus_pre858 .ptpgltheader .ptalPgltIconPadding
{
	padding-right: 5px;
}
.pt_classic_plus_pre858 .ptalPgltAreaHeaderLabel a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.133px;
	font-weight: bold;
	color: rgb(0, 0, 0);
}
.pt_classic_plus_pre858 .ptalPgltAreaHeaderLabel
{
	padding-top: 5px;
}
.pt_classic_plus_pre858 .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_WC_GEAR_1.svg);
}
.pt_classic_plus_pre858 .ptalPgltAreaHeaderBar #ptalPgltAreaDropDown
{
	padding-right: 5px;
}





.pt_classic_plus_pre858 .PT_MENU_ACTION_LISTITEM_L0, 
.pt_classic_plus_pre858 .PT_MENU_ACTION_LISTITEM
{
	margin-top: 6px;
	margin-bottom: 6px;
	color: rgb(0, 0, 0);
}
.pt_classic_plus_pre858 .PT_MENU_ACTION_LISTITEM_L0
{
	padding-left: 22px;
}
.pt_classic_plus_pre858 .PT_MENU_ACTION_LISTHEAD
{
	color: rgb(0, 0, 0);
}
.pt_classic_plus_pre858 .ptactmenurightarrow:after
{
	content: url(/cs/NBCCPRD/cache/PT_NUI_CHEVRON_1.svg) ;
	position: relative;
	top: 1px;
}
.pt_classic_plus_pre858 .SHADOW_MENU_DROPDOWN
{
	box-shadow: 5px 0 8px 0 #ddd, 0 5px 8px 0 #ddd;
}
.pt_classic_plus_pre858 .PTCPRCMENUSEPERATORTH
{
	border-bottom: 1px solid #BBBBBB;
	padding-top: 6px;
}
.pt_classic_plus_pre858 .PTCPRCMENUSEPERATORHR
{
	display: none;
}
.pt_classic_plus_pre858 .PT_MENU_ACTION_LISTHEAD
{
	margin-top: 12px;
}
.pt_classic_plus_pre858 .PT_ORG_ACTION_HVR_BG
{
	background-color: #ffffeb;
}
.pt_classic_plus_pre858 .PT_ORG_ACTION_SLCT_BG
{
	background-color: #c4d7e6;
}

.pt_classic_plus_pre858 .PTPageRCDiv
{
	box-shadow: none;
	border: none;
}
.pt_classic_plus_pre858 .PTPageRCCont
{
	box-shadow: 5px 0 8px 0 #ddd, 0 5px 8px 0 #ddd;
	border: 1px solid #b8b9bb;
	border-radius: 1px;
	padding-top: 12px;
}
.pt_classic_plus_pre858 .PTPageRCCont .PTPageRCXtraDiv
{
	display: none;
}
.pt_classic_plus_pre858 .PTPageRCCont .PTPageRCLnk
{
	font-size: 13px;
	margin-left: 0px;
	margin-right:0px;
}
.pt_classic_plus_pre858 .PTPageRCCont .PTPageRCLnkTD, 
.pt_classic_plus_pre858 .PTPageRCCont .PTPageRCLastLnkTD
{
	border: none;
}
.pt_classic_plus_pre858 .PTPageRCCont .PTPageRCLastLnkTD a:hover, 
.pt_classic_plus_pre858 .PTPageRCCont .PTPageRCLnkTD a:hover
{
	background-color: #ffffeb;
}




.pt_classic_plus_pre858 .rcMenuOnTC .ptrcMenuLinkImage
{
	display: none !important;
}
.pt_classic_plus_pre858 .rcMenuOnTC #ptrcMenuALink:after
{
	content: url(/cs/NBCCPRD/cache/PTCP_RC_ARROWEND_1.svg);
}
.pt_classic_plus_pre858 .PSRALEFTWIDGET a:before
{
	content: url(/cs/NBCCPRD/cache/PTCP_RC_ARROWSTART_1.svg);
}






.psc_mode-access.pt_classic_plus_pre858 .PTPREVROW_D,
.psc_mode-access.pt_classic_plus_pre858 .PTNEXTROW_D
{
	right: -5px;
}
.psc_mode-access.pt_classic_plus_pre858 .gridhelpicon
{
	padding-right: 5px;
	position: relative;
	bottom: 5px;
}
.psc_mode-access.pt_classic_plus_pre858 .PT_CP_LINE_SEPERATOR
{
	bottom: 4px;
	position: relative;
}
.psc_mode-access.pt_classic_plus_pre858 .PSLEVEL1GRIDLABEL, 
.psc_mode-access.pt_classic_plus_pre858 .PSLEVEL2GRIDLABEL,
.psc_mode-access.pt_classic_plus_pre858 .PSLEVEL3GRIDLABEL
{
	background-color: #fff;
}
.psc_mode-access.pt_classic_plus_pre858 .PSLEVEL1GRID, 
.psc_mode-access.pt_classic_plus_pre858 .PSLEVEL2GRID,
.psc_mode-access.pt_classic_plus_pre858 .PSLEVEL3GRID
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14.6667px;
	color: #000;
}
.psc_mode-access.pt_classic_plus_pre858 .PSSRCHGROUPBOXLABEL, 
.psc_mode-access.pt_classic_plus_pre858 .PSLEVEL1SCROLLAREAHEADER, 
.psc_mode-access.pt_classic_plus_pre858 .PSLEVEL2SCROLLAREAHEADER,
.psc_mode-access.pt_classic_plus_pre858 .PSLEVEL3SCROLLAREAHEADER
{
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.1333px;
	font-weight: bold;
	color: #a45617;
}





.psc_mode-preview.psc_preview-showerc .PTERCGRPBOX
{
	border: 0.1em dashed #C00000;
	color: #8a8a8a;
	font-style: italic;
	background: #fff;
	overflow:hidden;
	padding-left:0px;
	padding-right:0px;
}

.psc_mode-preview.psc_preview-showerc .PTERCGRPBOX .PSGROUPBOXLABEL
{
	border-bottom:1px solid #ccc;
	padding-left: 8px;
	font-style: italic;
	color: #3a3a3a;
}

.psc_mode-preview.psc_preview-showerc .PTERCGRPBOX tr:nth-child(2) td:nth-child(1):after
{
	content:"Drop Zone: Subpage Target"; 
	display:block;
	padding: 1em 0.5em;
	text-align:center;
	color: #862626;
	font-weight:bold;
	font-size:1.1em;
	flex:0 0 auto;
}








.pt_classic_plus_pre858 .PSMULTILANG
{ 
	font-family: Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	color: rgb(0,0,0);
	border-radius: 3px;
	border: 1px solid #bbb;
	padding: 5.133px 4.693px;
	background-color: rgb(204,255,204); 
}
.pt_classic_plus_pre858 .PSMULTILANG:hover,
.pt_classic_plus_pre858 .PSMULTILANG:focus
{
	border-color: #7f97de;
}
.pt_classic_plus_pre858 .PSMULTILANGDISABLED
{ 
	font-family: Arial,Helvetica,sans-serif ;
	font-weight: normal;
	font-size: 14.6667px;
	border-radius: 3px;
	border: 1px solid rgb(211,211,211);
	padding: 5.133px 4.693px;
	color: #555;
	background-color: rgb(235,235,235);
}








#spellcheckinstructiontextcontainer
{
	position: absolute !important;
	left: 0 !important;
	top: -9999px !important;
	right: auto !important;
	bottom: auto !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	display: block !important;
}









.pt_classic_plus_pre858 .PTCP_ARROW_TAB_LAYOUT
{
	transform: rotate(90deg);
}







.pt_classic_plus_pre858 #pt_typeahead.spanTextDropdown
{
	margin-top: 2px;
}






:root {
	--pt-neutral-10:  #FBF9F8;
	--pt-neutral-20:  #F5F4F2;
	--pt-neutral-30:  #F1EFED;
	--pt-neutral-40:  #E4E1DD;
	--pt-neutral-50:  #D4CFCA;
	--pt-neutral-60:  #BCB6B1;
	--pt-neutral-70:  #AEA8A2;
	--pt-neutral-80:  #9E9892;
	--pt-neutral-90:  #8B8580;
	--pt-neutral-100: #7A736E;
	--pt-neutral-110: #6F6964;
	--pt-neutral-120: #665F5B;
	--pt-neutral-130: #5C5651;
    --pt-neutral-130p: #5C5B5A; 
	--pt-neutral-140: #514C47;
	--pt-neutral-150: #47423E;
	--pt-neutral-160: #3A3632;
	--pt-neutral-170: #312D2A;
	--pt-neutral-180: #201E1C;
	--pt-neutral-190: #161513;
    --pt-strip-neutral: url(/cs/NBCCPRD/cache/PT_REDWOOD_STRIP1_1.PNG);
    --pt-texture-10: url(/cs/NBCCPRD/cache/PT_TEXTURE_IMG_1.PNG);

	--pt-sienna-10:  #FEF9F2;
	--pt-sienna-20:  #FDF3E4;
	--pt-sienna-30:  #FCEDD9;
	--pt-sienna-40:  #F5DEBD;
	--pt-sienna-50:  #ECCB98;
	--pt-sienna-60:  #DEB068;
	--pt-sienna-70:  #D39F5D;
	--pt-sienna-80:  #C58C52;
	--pt-sienna-90:  #B67745;
	--pt-sienna-100: #AA643B;
	--pt-sienna-110: #9B5734;
	--pt-sienna-120: #8D4F2E;
	--pt-sienna-130: #7F482C;
	--pt-sienna-140: #713F25;
	--pt-sienna-150: #62371F;
	--pt-sienna-160: #512C1B;
	--pt-sienna-170: #442616;
	--pt-sienna-180: #2F1A0F;
	--pt-sienna-190: #20130A;

	--pt-teal-10:  #F8FAFA;
    --pt-teal-10p: #F5F9F9; 
	--pt-teal-20:  #F0F6F5;
	--pt-teal-30:  #E8F1F0;

	--pt-teal-40:  #D6E5E5;
	--pt-teal-50:  #BCD5D5;
	--pt-teal-60:  #9ABFBF;
	--pt-teal-70:  #89B2B0;
	--pt-teal-80:  #76A2A0;
	--pt-teal-90:  #628F8D;
	--pt-teal-100: #4F7D7B;
	--pt-teal-110: #467173;
	--pt-teal-120: #3E686C;
	--pt-teal-130: #375D61;
	--pt-teal-140: #315357;
	--pt-teal-150: #2B484B;
	--pt-teal-160: #233B3F;
	--pt-teal-170: #1E3133;
	--pt-teal-180: #132123;
	--pt-teal-190: #0D1718;
    --pt-strip-teal: url(/cs/NBCCPRD/cache/PT_REDWOOD_STRIP2_1.svg);
    --pt-texture-20: url(/cs/NBCCPRD/cache/PT_TEXTURE_IMG2_1.svg);

	--pt-pine-10:  #F3FCF7;
	--pt-pine-20:  #E9F9EE;
	--pt-pine-30:  #E0F5E7;
	--pt-pine-40:  #CBE9D6;
	--pt-pine-50:  #B7D9C2;
	--pt-pine-60:  #99C2A6;
	--pt-pine-70:  #86B596;
	--pt-pine-80:  #74A683;
	--pt-pine-90:  #5C926D;
	--pt-pine-100: #4C825C;
	--pt-pine-110: #467553;
	--pt-pine-120: #3F6B4B;
	--pt-pine-130: #3A6145;
	--pt-pine-140: #33553C;
	--pt-pine-150: #2C4A35;
	--pt-pine-160: #253D2C;
	--pt-pine-170: #1E3224;
	--pt-pine-180: #132318;
	--pt-pine-190: #0D170F;

	--pt-pebble-10:  #F6FAFF;
	--pt-pebble-20:  #EEF5FF;
	--pt-pebble-30:  #E7F0FD;
	--pt-pebble-40:  #DAE2EF;
	--pt-pebble-50:  #C8D0DD;
	--pt-pebble-60:  #B0B8C4;
	--pt-pebble-70:  #A2AAB6;
	--pt-pebble-80:  #9299A6;
	--pt-pebble-90:  #808792;
	--pt-pebble-100: #6F757E;
	--pt-pebble-110: #646A73;
	--pt-pebble-120: #5C6169;
	--pt-pebble-130: #53575F;
	--pt-pebble-140: #494D53;
	--pt-pebble-150: #3F4248;
	--pt-pebble-160: #34363B;
	--pt-pebble-170: #2B2E32;
	--pt-pebble-180: #1E1F22;
	--pt-pebble-190: #151617;

	--pt-slate-10:  #F6FAFA;
	--pt-slate-20:  #EDF6F6;
	--pt-slate-30:  #E7F2F2;
	--pt-slate-40:  #D7E5E5;
	--pt-slate-50:  #C2D4D4;
	--pt-slate-60:  #A9BBBC;
	--pt-slate-70:  #99ADAE;
	--pt-slate-80:  #8B9D9E;
	--pt-slate-90:  #798B8A;
	--pt-slate-100: #697778;
	--pt-slate-110: #606C6D;
	--pt-slate-120: #586363;
	--pt-slate-130: #4F5A5A;
	--pt-slate-140: #464F4F;
	--pt-slate-150: #3C4545;
	--pt-slate-160: #323939;
	--pt-slate-170: #2A2F2F;
	--pt-slate-180: #1C2020;
	--pt-slate-190: #131515;

	--pt-ocean-10:  #F5FAFC;
	--pt-ocean-20:  #EDF6F9;
	--pt-ocean-30:  #E7F2F5;
	--pt-ocean-40:  #D0E5ED;
	--pt-ocean-50:  #B5D5E0;
	--pt-ocean-60:  #94BFCE;
	--pt-ocean-70:  #81B2C3;
	--pt-ocean-80:  #6BA1B6;
	--pt-ocean-90:  #558EA4;
	--pt-ocean-100: #437C94;
	--pt-ocean-110: #3B7087;
	--pt-ocean-120: #36677D;
	--pt-ocean-130: #325C72;
	--pt-ocean-140: #2C5266;
	--pt-ocean-150: #264759;
	--pt-ocean-160: #1F3A4B;
	--pt-ocean-170: #053242;
	--pt-ocean-180: #13212C;
	--pt-ocean-190: #0B171F;

	--pt-lilac-10:  #F8F9FF;
	--pt-lilac-20:  #F2F4FE;
	--pt-lilac-30:  #EBEFFE;
	--pt-lilac-40:  #DBE1F5;
	--pt-lilac-50:  #C6CFEB;
	--pt-lilac-60:  #ADB6D2;
	--pt-lilac-70:  #A0A9C5;
	--pt-lilac-80:  #8F98B7;
	--pt-lilac-90:  #7C85A4;
	--pt-lilac-100: #6B7494;
	--pt-lilac-110: #606988;
	--pt-lilac-120: #585F80;
	--pt-lilac-130: #4F5573;
	--pt-lilac-140: #464C68;
	--pt-lilac-150: #3C425B;
	--pt-lilac-160: #30364C;
	--pt-lilac-170: #2A2D3F;
	--pt-lilac-180: #1B1F2B;
	--pt-lilac-190: #13151D;

	--pt-plum-10:  #FCF8FF;
	--pt-plum-20:  #F8F1FC;
	--pt-plum-30:  #F5ECFB;
	--pt-plum-40:  #EADDF4;
	--pt-plum-50:  #DBC9E5;
	--pt-plum-60:  #C4B0D1;
	--pt-plum-70:  #B7A1C4;
	--pt-plum-80:  #A890B6;
	--pt-plum-90:  #957CA4;
	--pt-plum-100: #796087;
	--pt-plum-110: #846A92;
	--pt-plum-120: #6F577B;
	--pt-plum-130: #634E71;
	--pt-plum-140: #594564;
	--pt-plum-150: #4D3C57;
	--pt-plum-160: #3F3048;
	--pt-plum-170: #36293C;
	--pt-plum-180: #241B29;
	--pt-plum-190: #19131C;

	--pt-rose-10:  #FDF8FA;
	--pt-rose-20:  #FAF2F4;
	--pt-rose-30:  #FBECEF;
	--pt-rose-40:  #F6DAE1;
	--pt-rose-50:  #EAC6CF;
	--pt-rose-60:  #D9ABB6;
	--pt-rose-70:  #CE9BA7;
	--pt-rose-80:  #C28897;
	--pt-rose-90:  #B47282;
	--pt-rose-100: #A36472;
	--pt-rose-110: #925865;
	--pt-rose-120: #86505C;
	--pt-rose-130: #7A4753;
	--pt-rose-140: #6C3F49;
	--pt-rose-150: #5F363F;
	--pt-rose-160: #4F2B33;
	--pt-rose-170: #41242B;
	--pt-rose-180: #2D191D;
	--pt-rose-190: #201214;

	--pt-oracle-red:      #C74634;
	--pt-oracle-bark:     var(--pt-neutral-170);

	--pt-brand-yellow-50: #F0CC72; 
    --pt-brand-yellow-60: #F0A957; 
	--pt-brand-green-50:  #5F7D4F;
	--pt-brand-beige-40:  #E9E1CA;
	--pt-brand-slate-60:  var(--pt-slate-60);
	--pt-brand-blue-120:  #00688C;
	--pt-brand-text-190:  var(--pt-neutral-190);
}



:root, .psc_theme-primary {
    --pt-theme-primary-0: var(--pt-palette-0);
    --pt-theme-primary-1: var(--pt-palette-1);
	--pt-theme-primary-10: var(--pt-teal-10);
    --pt-theme-primary-10p: var(--pt-teal-10p); 
	--pt-theme-primary-20: var(--pt-teal-20);
	--pt-theme-primary-30: var(--pt-teal-30);

	--pt-theme-primary-40: var(--pt-teal-40);
	--pt-theme-primary-50: var(--pt-teal-50);
	--pt-theme-primary-60: var(--pt-teal-60);
	--pt-theme-primary-70: var(--pt-teal-70);
	--pt-theme-primary-80: var(--pt-teal-80);
	--pt-theme-primary-90: var(--pt-teal-90);
	--pt-theme-primary-100: var(--pt-teal-100);
	--pt-theme-primary-110: var(--pt-teal-110);
	--pt-theme-primary-120: var(--pt-teal-120);
	--pt-theme-primary-130: var(--pt-teal-130);
	--pt-theme-primary-130p: var(--pt-teal-130); 
	--pt-theme-primary-140: var(--pt-teal-140);
	--pt-theme-primary-150: var(--pt-teal-150);
	--pt-theme-primary-160: var(--pt-teal-160);
	--pt-theme-primary-170: var(--pt-teal-170);
	--pt-theme-primary-180: var(--pt-teal-180);
	--pt-theme-primary-190: var(--pt-teal-190);
    --pt-theme-primary-strip: var(--pt-strip-teal);
	--pt-theme-primary-texture: var(--pt-texture-20);
}


:root, .psc_theme-neutral {
    --pt-theme-neutral-0: var(--pt-palette-0);
    --pt-theme-neutral-1: var(--pt-palette-1);
	--pt-theme-neutral-10: var(--pt-neutral-10);
    --pt-theme-neutral-10p: var(--pt-neutral-10); 
	--pt-theme-neutral-20: var(--pt-neutral-20);
	--pt-theme-neutral-30: var(--pt-neutral-30);

	--pt-theme-neutral-40: var(--pt-neutral-40);
	--pt-theme-neutral-50: var(--pt-neutral-50);
	--pt-theme-neutral-60: var(--pt-neutral-60);
	--pt-theme-neutral-70: var(--pt-neutral-70);
	--pt-theme-neutral-80: var(--pt-neutral-80);
	--pt-theme-neutral-90: var(--pt-neutral-90);
	--pt-theme-neutral-100: var(--pt-neutral-100);
	--pt-theme-neutral-110: var(--pt-neutral-110);
	--pt-theme-neutral-120: var(--pt-neutral-120);
	--pt-theme-neutral-130: var(--pt-neutral-130);
	--pt-theme-neutral-130p: var(--pt-neutral-130p); 
	--pt-theme-neutral-140: var(--pt-neutral-140);
	--pt-theme-neutral-150: var(--pt-neutral-150);
	--pt-theme-neutral-160: var(--pt-neutral-160);
	--pt-theme-neutral-170: var(--pt-neutral-170);
	--pt-theme-neutral-180: var(--pt-neutral-180);
	--pt-theme-neutral-190: var(--pt-neutral-190);
    --pt-theme-neutral-strip: var(--pt-strip-neutral);
	--pt-theme-neutral-texture: var(--pt-texture-10);
}


.psc_theme-primary-neutral {
    --pt-theme-primary-0: var(--pt-theme-neutral-0);
    --pt-theme-primary-1: var(--pt-theme-neutral-1);
	--pt-theme-primary-10: var(--pt-theme-neutral-10);
    --pt-theme-primary-10p: var(--pt-theme-neutral-10p); 
	--pt-theme-primary-20: var(--pt-theme-neutral-20);
	--pt-theme-primary-30: var(--pt-theme-neutral-30);

	--pt-theme-primary-40: var(--pt-theme-neutral-40);
	--pt-theme-primary-50: var(--pt-theme-neutral-50);
	--pt-theme-primary-60: var(--pt-theme-neutral-60);
	--pt-theme-primary-70: var(--pt-theme-neutral-70);
	--pt-theme-primary-80: var(--pt-theme-neutral-80);
	--pt-theme-primary-90: var(--pt-theme-neutral-90);
	--pt-theme-primary-100: var(--pt-theme-neutral-100);
	--pt-theme-primary-110: var(--pt-theme-neutral-110);
	--pt-theme-primary-120: var(--pt-theme-neutral-120);
	--pt-theme-primary-130: var(--pt-theme-neutral-130);
	--pt-theme-primary-130p: var(--pt-theme-neutral-130p); 
	--pt-theme-primary-140: var(--pt-theme-neutral-140);
	--pt-theme-primary-150: var(--pt-theme-neutral-150);
	--pt-theme-primary-160: var(--pt-theme-neutral-160);
	--pt-theme-primary-170: var(--pt-theme-neutral-170);
	--pt-theme-primary-180: var(--pt-theme-neutral-180);
	--pt-theme-primary-190: var(--pt-theme-neutral-190);
    --pt-theme-primary-strip: var(--pt-theme-neutral-strip);
	--pt-theme-primary-texture: var(--pt-theme-neutral-texture);
}

.psc_theme-primary-teal {
    --pt-theme-primary-0: var(--pt-palette-0);
    --pt-theme-primary-1: var(--pt-palette-1);
	--pt-theme-primary-10: var(--pt-teal-10);
    --pt-theme-primary-10p: var(--pt-teal-10p); 
	--pt-theme-primary-20: var(--pt-teal-20);
	--pt-theme-primary-30: var(--pt-teal-30);

	--pt-theme-primary-40: var(--pt-teal-40);
	--pt-theme-primary-50: var(--pt-teal-50);
	--pt-theme-primary-60: var(--pt-teal-60);
	--pt-theme-primary-70: var(--pt-teal-70);
	--pt-theme-primary-80: var(--pt-teal-80);
	--pt-theme-primary-90: var(--pt-teal-90);
	--pt-theme-primary-100: var(--pt-teal-100);
	--pt-theme-primary-110: var(--pt-teal-110);
	--pt-theme-primary-120: var(--pt-teal-120);
	--pt-theme-primary-130: var(--pt-teal-130);
	--pt-theme-primary-130p: var(--pt-teal-130); 
	--pt-theme-primary-140: var(--pt-teal-140);
	--pt-theme-primary-150: var(--pt-teal-150);
	--pt-theme-primary-160: var(--pt-teal-160);
	--pt-theme-primary-170: var(--pt-teal-170);
	--pt-theme-primary-180: var(--pt-teal-180);
	--pt-theme-primary-190: var(--pt-teal-190);
    --pt-theme-primary-strip: var(--pt-strip-teal);
	--pt-theme-primary-texture: var(--pt-texture-20);
}

.psc_theme-primary-sienna {
    --pt-theme-primary-0: var(--pt-theme-neutral-0);
    --pt-theme-primary-1: var(--pt-theme-neutral-1);
	--pt-theme-primary-10: var(--pt-sienna-10);
    --pt-theme-primary-10p: var(--pt-sienna-10);
	--pt-theme-primary-20: var(--pt-sienna-20);
	--pt-theme-primary-30: var(--pt-sienna-30);

	--pt-theme-primary-40: var(--pt-sienna-40);
	--pt-theme-primary-50: var(--pt-sienna-50);
	--pt-theme-primary-60: var(--pt-sienna-60);
	--pt-theme-primary-70: var(--pt-sienna-70);
	--pt-theme-primary-80: var(--pt-sienna-80);
	--pt-theme-primary-90: var(--pt-sienna-90);
	--pt-theme-primary-100: var(--pt-sienna-100);
	--pt-theme-primary-110: var(--pt-sienna-110);
	--pt-theme-primary-120: var(--pt-sienna-120);
	--pt-theme-primary-130: var(--pt-sienna-130);
	--pt-theme-primary-130p: var(--pt-sienna-130);
	--pt-theme-primary-140: var(--pt-sienna-140);
	--pt-theme-primary-150: var(--pt-sienna-150);
	--pt-theme-primary-160: var(--pt-sienna-160);
	--pt-theme-primary-170: var(--pt-sienna-170);
	--pt-theme-primary-180: var(--pt-sienna-180);
	--pt-theme-primary-190: var(--pt-sienna-190);
    --pt-theme-primary-strip: var(--pt-theme-neutral-strip);
	--pt-theme-primary-texture: var(--pt-theme-neutral-texture);
}

.psc_theme-primary-pine {
    --pt-theme-primary-0: var(--pt-theme-neutral-0);
    --pt-theme-primary-1: var(--pt-theme-neutral-1);
	--pt-theme-primary-10: var(--pt-pine-10);
    --pt-theme-primary-10p: var(--pt-pine-10);
	--pt-theme-primary-20: var(--pt-pine-20);
	--pt-theme-primary-30: var(--pt-pine-30);

	--pt-theme-primary-40: var(--pt-pine-40);
	--pt-theme-primary-50: var(--pt-pine-50);
	--pt-theme-primary-60: var(--pt-pine-60);
	--pt-theme-primary-70: var(--pt-pine-70);
	--pt-theme-primary-80: var(--pt-pine-80);
	--pt-theme-primary-90: var(--pt-pine-90);
	--pt-theme-primary-100: var(--pt-pine-100);
	--pt-theme-primary-110: var(--pt-pine-110);
	--pt-theme-primary-120: var(--pt-pine-120);
	--pt-theme-primary-130: var(--pt-pine-130);
	--pt-theme-primary-130p: var(--pt-pine-130);
	--pt-theme-primary-140: var(--pt-pine-140);
	--pt-theme-primary-150: var(--pt-pine-150);
	--pt-theme-primary-160: var(--pt-pine-160);
	--pt-theme-primary-170: var(--pt-pine-170);
	--pt-theme-primary-180: var(--pt-pine-180);
	--pt-theme-primary-190: var(--pt-pine-190);
    --pt-theme-primary-strip: var(--pt-theme-neutral-strip);
	--pt-theme-primary-texture: var(--pt-theme-neutral-texture);
}

.psc_theme-primary-pebble {
    --pt-theme-primary-0: var(--pt-theme-neutral-0);
    --pt-theme-primary-1: var(--pt-theme-neutral-1);
	--pt-theme-primary-10: var(--pt-pebble-10);
    --pt-theme-primary-10p: var(--pt-pebble-10);
	--pt-theme-primary-20: var(--pt-pebble-20);
	--pt-theme-primary-30: var(--pt-pebble-30);

	--pt-theme-primary-40: var(--pt-pebble-40);
	--pt-theme-primary-50: var(--pt-pebble-50);
	--pt-theme-primary-60: var(--pt-pebble-60);
	--pt-theme-primary-70: var(--pt-pebble-70);
	--pt-theme-primary-80: var(--pt-pebble-80);
	--pt-theme-primary-90: var(--pt-pebble-90);
	--pt-theme-primary-100: var(--pt-pebble-100);
	--pt-theme-primary-110: var(--pt-pebble-110);
	--pt-theme-primary-120: var(--pt-pebble-120);
	--pt-theme-primary-130: var(--pt-pebble-130);
	--pt-theme-primary-130p: var(--pt-pebble-130);
	--pt-theme-primary-140: var(--pt-pebble-140);
	--pt-theme-primary-150: var(--pt-pebble-150);
	--pt-theme-primary-160: var(--pt-pebble-160);
	--pt-theme-primary-170: var(--pt-pebble-170);
	--pt-theme-primary-180: var(--pt-pebble-180);
	--pt-theme-primary-190: var(--pt-pebble-190);
    --pt-theme-primary-strip: var(--pt-theme-neutral-strip);
	--pt-theme-primary-texture: var(--pt-theme-neutral-texture);
}

.psc_theme-primary-slate {
    --pt-theme-primary-0: var(--pt-theme-neutral-0);
    --pt-theme-primary-1: var(--pt-theme-neutral-1);
	--pt-theme-primary-10: var(--pt-slate-10);
    --pt-theme-primary-10p: var(--pt-slate-10);
	--pt-theme-primary-20: var(--pt-slate-20);
	--pt-theme-primary-30: var(--pt-slate-30);

	--pt-theme-primary-40: var(--pt-slate-40);
	--pt-theme-primary-50: var(--pt-slate-50);
	--pt-theme-primary-60: var(--pt-slate-60);
	--pt-theme-primary-70: var(--pt-slate-70);
	--pt-theme-primary-80: var(--pt-slate-80);
	--pt-theme-primary-90: var(--pt-slate-90);
	--pt-theme-primary-100: var(--pt-slate-100);
	--pt-theme-primary-110: var(--pt-slate-110);
	--pt-theme-primary-120: var(--pt-slate-120);
	--pt-theme-primary-130: var(--pt-slate-130);
	--pt-theme-primary-130p: var(--pt-slate-130);
	--pt-theme-primary-140: var(--pt-slate-140);
	--pt-theme-primary-150: var(--pt-slate-150);
	--pt-theme-primary-160: var(--pt-slate-160);
	--pt-theme-primary-170: var(--pt-slate-170);
	--pt-theme-primary-180: var(--pt-slate-180);
	--pt-theme-primary-190: var(--pt-slate-190);
    --pt-theme-primary-strip: var(--pt-theme-neutral-strip);
	--pt-theme-primary-texture: var(--pt-theme-neutral-texture);
}

.psc_theme-primary-ocean {
    --pt-theme-primary-0: var(--pt-theme-neutral-0);
    --pt-theme-primary-1: var(--pt-theme-neutral-1);
	--pt-theme-primary-10: var(--pt-ocean-10);
    --pt-theme-primary-10p: var(--pt-ocean-10);
	--pt-theme-primary-20: var(--pt-ocean-20);
	--pt-theme-primary-30: var(--pt-ocean-30);

	--pt-theme-primary-40: var(--pt-ocean-40);
	--pt-theme-primary-50: var(--pt-ocean-50);
	--pt-theme-primary-60: var(--pt-ocean-60);
	--pt-theme-primary-70: var(--pt-ocean-70);
	--pt-theme-primary-80: var(--pt-ocean-80);
	--pt-theme-primary-90: var(--pt-ocean-90);
	--pt-theme-primary-100: var(--pt-ocean-100);
	--pt-theme-primary-110: var(--pt-ocean-110);
	--pt-theme-primary-120: var(--pt-ocean-120);
	--pt-theme-primary-130: var(--pt-ocean-130);
	--pt-theme-primary-130p: var(--pt-ocean-130);
	--pt-theme-primary-140: var(--pt-ocean-140);
	--pt-theme-primary-150: var(--pt-ocean-150);
	--pt-theme-primary-160: var(--pt-ocean-160);
	--pt-theme-primary-170: var(--pt-ocean-170);
	--pt-theme-primary-180: var(--pt-ocean-180);
	--pt-theme-primary-190: var(--pt-ocean-190);
    --pt-theme-primary-strip: var(--pt-theme-neutral-strip);
	--pt-theme-primary-texture: var(--pt-theme-neutral-texture);
}

.psc_theme-primary-lilac {
    --pt-theme-primary-0: var(--pt-theme-neutral-0);
    --pt-theme-primary-1: var(--pt-theme-neutral-1);
	--pt-theme-primary-10: var(--pt-lilac-10);
    --pt-theme-primary-10p: var(--pt-lilac-10);
	--pt-theme-primary-20: var(--pt-lilac-20);
	--pt-theme-primary-30: var(--pt-lilac-30);

	--pt-theme-primary-40: var(--pt-lilac-40);
	--pt-theme-primary-50: var(--pt-lilac-50);
	--pt-theme-primary-60: var(--pt-lilac-60);
	--pt-theme-primary-70: var(--pt-lilac-70);
	--pt-theme-primary-80: var(--pt-lilac-80);
	--pt-theme-primary-90: var(--pt-lilac-90);
	--pt-theme-primary-100: var(--pt-lilac-100);
	--pt-theme-primary-110: var(--pt-lilac-110);
	--pt-theme-primary-120: var(--pt-lilac-120);
	--pt-theme-primary-130: var(--pt-lilac-130);
	--pt-theme-primary-130p: var(--pt-lilac-130);
	--pt-theme-primary-140: var(--pt-lilac-140);
	--pt-theme-primary-150: var(--pt-lilac-150);
	--pt-theme-primary-160: var(--pt-lilac-160);
	--pt-theme-primary-170: var(--pt-lilac-170);
	--pt-theme-primary-180: var(--pt-lilac-180);
	--pt-theme-primary-190: var(--pt-lilac-190);
    --pt-theme-primary-strip: var(--pt-theme-neutral-strip);
	--pt-theme-primary-texture: var(--pt-theme-neutral-texture);
}

.psc_theme-primary-plum {
    --pt-theme-primary-0: var(--pt-theme-neutral-0);
    --pt-theme-primary-1: var(--pt-theme-neutral-1);
	--pt-theme-primary-10: var(--pt-plum-10);
    --pt-theme-primary-10p: var(--pt-plum-10);
	--pt-theme-primary-20: var(--pt-plum-20);
	--pt-theme-primary-30: var(--pt-plum-30);

	--pt-theme-primary-40: var(--pt-plum-40);
	--pt-theme-primary-50: var(--pt-plum-50);
	--pt-theme-primary-60: var(--pt-plum-60);
	--pt-theme-primary-70: var(--pt-plum-70);
	--pt-theme-primary-80: var(--pt-plum-80);
	--pt-theme-primary-90: var(--pt-plum-90);
	--pt-theme-primary-100: var(--pt-plum-100);
	--pt-theme-primary-110: var(--pt-plum-110);
	--pt-theme-primary-120: var(--pt-plum-120);
	--pt-theme-primary-130: var(--pt-plum-130);
	--pt-theme-primary-130p: var(--pt-plum-130);
	--pt-theme-primary-140: var(--pt-plum-140);
	--pt-theme-primary-150: var(--pt-plum-150);
	--pt-theme-primary-160: var(--pt-plum-160);
	--pt-theme-primary-170: var(--pt-plum-170);
	--pt-theme-primary-180: var(--pt-plum-180);
	--pt-theme-primary-190: var(--pt-plum-190);
    --pt-theme-primary-strip: var(--pt-theme-neutral-strip);
	--pt-theme-primary-texture: var(--pt-theme-neutral-texture);
}

.psc_theme-primary-rose {
    --pt-theme-primary-0: var(--pt-theme-neutral-0);
    --pt-theme-primary-1: var(--pt-theme-neutral-1);
	--pt-theme-primary-10: var(--pt-rose-10);
    --pt-theme-primary-10p: var(--pt-rose-10);
	--pt-theme-primary-20: var(--pt-rose-20);
	--pt-theme-primary-30: var(--pt-rose-30);

	--pt-theme-primary-40: var(--pt-rose-40);
	--pt-theme-primary-50: var(--pt-rose-50);
	--pt-theme-primary-60: var(--pt-rose-60);
	--pt-theme-primary-70: var(--pt-rose-70);
	--pt-theme-primary-80: var(--pt-rose-80);
	--pt-theme-primary-90: var(--pt-rose-90);
	--pt-theme-primary-100: var(--pt-rose-100);
	--pt-theme-primary-110: var(--pt-rose-110);
	--pt-theme-primary-120: var(--pt-rose-120);
	--pt-theme-primary-130: var(--pt-rose-130);
	--pt-theme-primary-130p: var(--pt-rose-130);
	--pt-theme-primary-140: var(--pt-rose-140);
	--pt-theme-primary-150: var(--pt-rose-150);
	--pt-theme-primary-160: var(--pt-rose-160);
	--pt-theme-primary-170: var(--pt-rose-170);
	--pt-theme-primary-180: var(--pt-rose-180);
	--pt-theme-primary-190: var(--pt-rose-190);
    --pt-theme-primary-strip: var(--pt-theme-neutral-strip);
	--pt-theme-primary-texture: var(--pt-theme-neutral-texture);
}

.psc_theme-use-primary-background {
	--pt-custom-homepage-background: var(--pt-theme-primary-texture) repeat var(--pt-theme-primary-10);
}

:root {
  
  --pt-palette-0: #000000; 
  --pt-palette-1: #ffffff;  

  
  
  --pt-palette-2: var(--pt-brand-text-190, #161513);  
  --pt-palette-3: var(--pt-neutral-130p,#5C5B5A);   
  --pt-palette-4: #767676;   
  --pt-palette-5: #737373; 
  --pt-palette-6: #116EB1; 
  --pt-palette-7: #0C4F80; 
  --pt-palette-8: var(--pt-neutral-10,#FBF9F8);  
  --pt-palette-9: var(--pt-sienna-110,#9B5734);  
  --pt-palette-10: var(--pt-sienna-140,#713F25);  

  
  --pt-palette-11: var(--pt-sienna-20,#FDF3E4);  
  --pt-palette-12: var(--pt-neutral-30,#F1EFED);  
  --pt-palette-13: var(--pt-neutral-20,#F5F4F2);  
  --pt-palette-14: #F6F6F6; 
  --pt-palette-15: #ECECEC; 
  --pt-palette-16: #E8E8E7; 
  --pt-palette-17: var(--pt-neutral-150,#47423E);  
  --pt-palette-18: var(--pt-sienna-40,#F5DEBD);  
  --pt-palette-19: #D63B25; 

  
  --pt-palette-20: var(--pt-neutral-50,#D4CFCA);  
  --pt-palette-21: var(--pt-neutral-90,#8B8580);  
  --pt-palette-22: #8B8A89; 
  --pt-palette-23: var(--pt-neutral-60,#BCB6B1);  
  --pt-palette-24: var(--pt-neutral-170,#312D2A);   
  --pt-palette-25: var(--pt-brand-yellow-50,#F0CC72);  
  --pt-palette-26: var(--pt-neutral-140,#514C47);    

  
  --pt-palette-27:rgba(0, 0, 0, 0.3); 

  
  --pt-palette-28: rgba(22, 21, 19, 0.5); 
  --pt-palette-29: var(--pt-neutral-70,#AEA8A2);  
  --pt-palette-30: var(--pt-neutral-100,#7A736E);   
  --pt-palette-31: var(--pt-neutral-180,#201E1C);  
  --pt-palette-32: var(--pt-sienna-90,#B67745);  
  --pt-palette-33: rgba(255,255,255,0.69);  
  --pt-palette-34: var(--pt-sienna-10,#FEF9F2);  
  --pt-palette-35: var(--pt-sienna-30,#FCEDD9);  
  --pt-palette-36: var(--pt-sienna-120,#8D4F2E);  
  --pt-palette-37: var(--pt-sienna-60,#DEB068);  
  --pt-palette-38: var(--pt-neutral-110,#6F6964);  
  --pt-palette-39: var(--pt-neutral-40,#E4E1DD); 
  --pt-palette-40: #DFCFCA; 
  --pt-palette-41: #577346; 
  --pt-palette-42: #D0EAC1; 
  --pt-palette-43: rgba(255,255,255,0.8); 
  --pt-palette-44: rgba(0, 0, 0, 0.5); 
  --pt-palette-45: #C04A26; 

  
  --pt-palette-46: rgba(0,0,0,0.16); 
  --pt-palette-47: rgba(255,255,255,0.15); 
  --pt-palette-48: var(--pt-brand-yellow-60); 

  
  --pt-border-dashed-1: 1px dashed var(--pt-palette-24);
}


:root {
  --pt-title-padding: 0.5em;

  --pt-strip-height: 8px;
  --pt-strip-background: var(--pt-theme-primary-strip,url(/cs/NBCCPRD/cache/PT_REDWOOD_STRIP2_1.svg)) repeat var(--pt-page-title-background-color) 175px; 

  --pt-page-background-color: var(--pt-palette-1);
  --pt-page-text-color: var(--pt-palette-2);
  --pt-page-text-alt-color: var(--pt-palette-0);
  --pt-page-text-alt-2-color: var(--pt-palette-1);
  --pt-page-alt-text-color: var(--pt-page-text-alt-color); 
  --pt-page-alt-2-text-color: var(--pt-page-text-alt-2-color); 

  --pt-hover-background-color: var(--pt-palette-11);
  --pt-hover-border-color: var(--pt-palette-9);
  --pt-hover-outline-color: var(--pt-palette-24); 
  --pt-active-background-color: var(--pt-palette-12);
  --pt-active-border-color: var(--pt-palette-17); 

  --pt-border-normal-color: var(--pt-palette-23); 
  --pt-border-contrast-color: var(--pt-palette-21); 
  --pt-border-contrast-1-color: var(--pt-palette-3); 
  --pt-border-contrast-2-color: var(--pt-palette-26); 
  --pt-border-contrast-3-color: var(--pt-palette-17); 
  --pt-border-contrast-4-color: var(--pt-palette-24);
  --pt-border-absolute-color: var(--pt-palette-0);
  --pt-border-absolute-alt-color: var(--pt-palette-1);

  --pt-label-text-color: var(--pt-palette-3); 
  --pt-label-disabled-text-color: var(--pt-palette-21); 

  --pt-header-text-color: var(--pt-palette-9);
  --pt-header-alt-text-color: var(--pt-palette-24);
  --pt-header-alt-1-text-color: var(--pt-page-text-color);
  --pt-header-alt-2-text-color: var(--pt-palette-0);
  --pt-header-hover-text-color: var(--pt-palette-10);
  --pt-header-special-border-color: var(--pt-palette-25);
  --pt-header-special-border-2-color: var(--pt-palette-48);

  --pt-groupbox-border-color: var(--pt-border-normal-color);

  --pt-control-border-color: var(--pt-border-contrast-color); 
  --pt-control-background-color: var(--pt-page-background-color);
  --pt-control-text-color: var(--pt-page-text-color);
  --pt-control-placeholder-text-color: var(--pt-palette-4);
  --pt-control-hover-border-color: var(--pt-hover-border-color);
  --pt-control-disabled-background-color: var(--pt-palette-13);
  --pt-control-disabled-border-color: var(--pt-border-normal-color); 
  --pt-control-disabled-text-color: var(--pt-palette-5);
  --pt-control-error-background-color: var(--pt-palette-19);
  --pt-control-error-text-color: var(--pt-palette-1);
  --pt-control-error-placeholder-text-color: var(--pt-palette-8); 
  --pt-control-placeholder-error-text-color: var(--pt-control-error-placeholder-text-color); 
  --pt-control-error-border-color: var(--pt-palette-22);
  --pt-control-error-image-background-color: var(--pt-palette-33); 
  --pt-control-error-image-hover-background-color: var(--pt-palette-43);

  --pt-link-text-color: var(--pt-palette-6); 
  --pt-link-disabled-text-color: var(--pt-control-disabled-text-color);
  --pt-link-hover-text-color: var(--pt-palette-7);

  --pt-button-border-color:var(--pt-palette-24);
  --pt-button-background-color: var(--pt-page-background-color);
  --pt-button-text-color:var(--pt-link-text-color);
  --pt-button-hover-border-color: var(--pt-button-border-color);
  --pt-button-hover-background-color:var(--pt-hover-background-color);
  --pt-button-hover-text-color:var(--pt-link-hover-text-color);
  --pt-button-active-border-color: var(--pt-active-border-color);
  --pt-button-active-background-color:var(--pt-palette-15);
  --pt-button-active-text-color:var(--pt-button-text-color);
  --pt-button-disabled-border-color: var(--pt-button-disabled-background-color);
  --pt-button-disabled-background-color:var(--pt-palette-16);
  --pt-button-disabled-text-color: var(--pt-control-disabled-text-color);

  --pt-button-primary-border-color: var(--pt-button-border-color);
  --pt-button-primary-background-color: var(--pt-button-primary-border-color);
  --pt-button-primary-text-color: var(--pt-palette-1);
  --pt-button-primary-hover-background-color: var(--pt-palette-26);
  --pt-button-primary-hover-border-color: var(--pt-button-primary-hover-background-color);
  --pt-button-primary-hover-text-color: var(--pt-palette-1);
  --pt-button-primary-hover-outline-color: var(--pt-button-primary-text-color);
  --pt-button-primary-active-background-color: var(--pt-palette-2);
  --pt-button-primary-active-border-color: var(--pt-button-primary-active-background-color); 
  --pt-button-primary-active-text-color: var(--pt-button-primary-text-color);
  --pt-button-primary-active-outline-color: transparent;

  --pt-button-simple-text-color: var(--pt-page-text-color);
  --pt-button-simple-border-color: var(--pt-border-contrast-color);
  --pt-button-simple-background-color: var(--pt-button-background-color);
  --pt-button-simple-hover-text-color: var(--pt-button-simple-text-color);
  --pt-button-simple-hover-background-color: var(--pt-button-hover-background-color);
  --pt-button-simple-hover-outline-color: var(--pt-hover-outline-color); 
  --pt-button-simple-hover-border-color: var(--pt-button-simple-hover-outline-color); 
  --pt-button-simple-active-text-color: var(--pt-button-active-text-color);
  --pt-button-simple-active-border-color: var(--pt-button-active-border-color);
  --pt-button-simple-active-background-color: var(--pt-button-active-background-color);

  --pt-button-toggle-on-background: var(--pt-selected-background-color); 
  --pt-button-toggle-active-background-color: var(--pt-palette-37);
  --pt-button-toggle-active-border-color: var(--pt-selected-border-color);

  --pt-banner-background-color: var(--pt-theme-primary-150,var(--pt-palette-17)); 
  --pt-banner-text-color: var(--pt-palette-8);
  --pt-banner-separator-color: var(--pt-theme-primary-70,var(--pt-palette-29)); 
  --pt-banner-button-hover-background-color: var(--pt-theme-primary-100,var(--pt-palette-30)); 
  --pt-banner-button-outline-color: var(--pt-palette-13);
  --pt-banner-button-active-background-color: var(--pt-theme-primary-180,var(--pt-palette-31)); 
  --pt-banner-button-border-color: var(--pt-theme-primary-60,var(--pt-palette-23)); 

  --pt-banner-search-open-background-color: var(--pt-palette-26);
  --pt-banner-search-open-text-color: var(--pt-palette-1);
  --pt-banner-search-subdued-opacity: 0.6; 
  --pt-banner-search-subdued-hover-opacity: 0.85; 

  --pt-banner-min-height: 52px; 

  --pt-page-title-background-color: var(--pt-theme-primary-30,var(--pt-palette-12)); 
  --pt-page-title-text-color: var(--pt-page-text-color);
  --pt-page-title-border-color: var(--pt-border-contrast-color);

  --pt-selected-background-color: var(--pt-palette-18);
  --pt-selected-text-color: var(--pt-page-text-color);
  --pt-selected-border-color: var(--pt-palette-9);

  --pt-modal-header-background-color: var(--pt-theme-primary-10p,var(--pt-palette-8)); 
  --pt-modal-header-text-color:  var(--pt-palette-2);
  --pt-modal-header-border-color: var(--pt-border-normal-color);
  --pt-modal-background-color: var(--pt-page-background-color);
  --pt-modal-text-color: var(--pt-page-text-color);
  --pt-modal-border-color: var(--pt-palette-17);
  --pt-modal-shadow-color: var(--pt-palette-27);
  --pt-modal-mask-background-color: var(--pt-palette-44);
  
  --pt-panel-background-color: var(--pt-theme-primary-10p,var(--pt-palette-8)); 
  --pt-panel-text-color: var(--pt-page-text-color);
  --pt-panel-border-color: var(--pt-border-contrast-color); 

  --pt-panel-tab-background-color: var(--pt-button-primary-background-color);
  --pt-panel-tab-border-color: var(--pt-panel-tab-background-color);
  --pt-panel-tab-hover-background-color: var(--pt-palette-38);
  --pt-panel-tab-hover-border-color: var(--pt-panel-tab-hover-background-color);
  --pt-panel-tab-active-background-color: var(--pt-palette-9);
  --pt-panel-tab-active-border-color: var(--pt-panel-tab-active-background-color);
  --pt-panel-tab-focus-background-color: var(--pt-palette-24);
  --pt-panel-tab-focus-border-color: var(--pt-palette-32);

  --pt-panel-tab-alt-background-color: var(--pt-panel-tab-background-color);
  --pt-panel-tab-alt-border-color: var(--pt-panel-tab-border-color);
  --pt-panel-tab-alt-hover-background-color: var(--pt-panel-tab-hover-background-color);
  --pt-panel-tab-alt-hover-border-color: var(--pt-panel-tab-hover-border-color);
  --pt-panel-tab-alt-active-background-color: var(--pt-panel-tab-active-background-color);
  --pt-panel-tab-alt-active-border-color: var(--pt-panel-tab-active-border-color);
  --pt-panel-tab-alt-focus-background-color: var(--pt-panel-tab-focus-background-color);
  --pt-panel-tab-alt-focus-border-color: var(--pt-panel-tab-focus-border-color);

  --pt-panel-item-background-color: var(--pt-panel-background-color);
  --pt-panel-item-text-color: var(--pt-panel-text-color);
  --pt-panel-item-border-color: var(--pt-palette-23);
  --pt-panel-item-hover-background-color: var(--pt-hover-background-color);
  --pt-panel-item-hover-outline-color: var(--pt-palette-24);
  --pt-panel-item-active-background-color: var(--pt-active-background-color);
  --pt-panel-item-active-outline-color: var(--pt-panel-item-hover-outline-color);
  --pt-panel-item-selected-background-color: var(--pt-selected-background-color);
  --pt-panel-item-selected-border-color: var(--pt-selected-border-color);
  --pt-panel-item-selected-text-color: var(--pt-selected-text-color);

  --pt-homepage-background-color: var(--pt-panel-background-color);
  --pt-homepage-background: var(--pt-theme-primary-texture,url(/cs/NBCCPRD/cache/PT_TEXTURE_IMG_1.PNG)) repeat var(--pt-homepage-background-color) 0px;  


  
  --pt-section-shadow-color: var(--pt-palette-46);
  --pt-link-light-background-text-color: var(--pt-brand-blue-120); 
  --pt-link-dark-background-text-color: var(--pt-brand-yellow-50); 

  --pt-tile-border-color: var(--pt-border-contrast-color);
  --pt-tile-background-color: var(--pt-page-background-color);
  --pt-tile-header-text-color: var(--pt-page-text-color);
  --pt-tile-text-color: var(--pt-page-text-alt-color);
  --pt-tile-emphasis-text-color: var(--pt-header-text-color);
  --pt-tile-hover-border-color: var(--pt-tile-emphasis-text-color);
  --pt-tile-hover-background-color: var(--pt-tile-background-color);
  --pt-tile-hover-shadow-color: var(--pt-modal-shadow-color);
  --pt-tile-active-border-color: var(--pt-tile-hover-border-color);
  --pt-tile-active-border-style: dashed;
  --pt-tile-active-background-color: var(--pt-panel-background-color);
  --pt-tile-separator-border-color: var(--pt-palette-46); 
  --pt-tile-separator-alt-border-color: var(--pt-palette-47); 
  --pt-tile-alt-shadow-color: var(--pt-palette-46); 

  --pt-grid-border-color: var(--pt-border-normal-color);
  --pt-grid-border-alt-color: var(--pt-border-contrast-color); 
  --pt-grid-alt-border-color: var(--pt-grid-border-alt-color); 
  --pt-grid-header-background-color: var(--pt-modal-header-background-color);
  --pt-grid-header-text-color: var(--pt-page-text-alt-color);
  --pt-grid-header-border-color: var(--pt-border-normal-color); 
  --pt-grid-header-border-alt-color: var(--pt-grid-border-alt-color); 
  --pt-grid-header-alt-border-color: var(--pt-grid-header-border-alt-color); 
  --pt-grid-item-border-color: var(--pt-border-normal-color);
  --pt-grid-item-selected-background-color: var(--pt-palette-12);
  --pt-grid-item-background-color: var(--pt-page-background-color); 
  --pt-grid-item-alt-background-color: var(--pt-grid-header-background-color); 
  --pt-grid-item-alt-2-background-color: var(--pt-palette-12); 
  --pt-grid-find-outline-color: var(--pt-palette-45);

  --pt-badge-background-color: var(--pt-pine-30,var(--pt-palette-42)); 
  --pt-badge-border-color: var(--pt-pine-100, var(--pt-palette-41)); 
  --pt-badge-text-color: var(--pt-page-text-color);
  --pt-badge-dot-color: var(--pt-badge-border-color); 
  --pt-badge-dot-alt-color: var(--pt-badge-background-color); 

  --pt-tab-text-color: var(--pt-page-text-color);
  --pt-tab-background-color: var(--pt-page-background-color);
  --pt-tab-base-border-color: var(--pt-border-contrast-color);
  --pt-tab-border-color: transparent;
  --pt-tab-selected-background-color: var(--pt-tab-background-color); 
  --pt-tab-selected-border-color: var(--pt-selected-border-color);
  --pt-tab-hover-background-color: var(--pt-hover-background-color);
  --pt-tab-hover-border-color: var(--pt-palette-32);
  --pt-tab-hover-outline-color: var(--pt-palette-5); 
  --pt-tab-active-border-color: var(--pt-tab-selected-border-color);
  --pt-tab-horizontal-hover-outline-width: 0px; 

  --pt-menu-border-color: var(--pt-modal-border-color);
  --pt-menu-background-color: var(--pt-page-background-color);
  --pt-menu-text-color: var(--pt-page-text-color);
  --pt-menu-item-text-color: var(--pt-menu-text-color);
  --pt-menu-item-border-color: var(--pt-panel-item-border-color); 
  --pt-menu-item-hover-background-color: var(--pt-hover-background-color);
  --pt-menu-item-hover-border-color: var(--pt-selected-border-color);
  --pt-menu-item-hover-alt-border-color: var(--pt-palette-32);
  --pt-menu-item-selected-border-color: var(--pt-selected-border-color); 
  --pt-menu-item-active-background-color: var(--pt-active-background-color);

  --pt-confirmation-background-color: var(--pt-pine-30,var(--pt-palette-42)); 
  --pt-confirmation-text-color: var(--pt-palette-2);
  --pt-confirmation-border-color: var(--pt-pine-100,var(--pt-palette-41)); 

  --pt-progress-bar-color: var(--pt-pine-100,var(--pt-palette-41));  

  --pt-navbar-header-background-color: var(--pt-page-title-background-color);
  --pt-navbar-header-text-color: var(--pt-page-title-text-color);
  --pt-navbar-header-border-color: var(--pt-page-title-border-color);
  --pt-navbar-content-background-color: var(--pt-modal-background-color);
  --pt-navbar-content-text-color: var(--pt-modal-text-color);
  --pt-navbar-panel-background-color: var(--pt-panel-background-color);
  --pt-navbar-panel-text-color: var(--pt-panel-text-color);
  --pt-navbar-panel-border-color: var(--pt-panel-border-color);
  --pt-navbar-item-background-color: var(--pt-panel-item-background-color);
  --pt-navbar-item-text-color: var(--pt-panel-item-text-color);
  --pt-navbar-item-hover-background-color: var(--pt-menu-item-hover-background-color);
  --pt-navbar-item-hover-border-color: var(--pt-menu-item-hover-alt-border-color);
  --pt-navbar-item-active-background-color: var(--pt-menu-item-active-background-color);
  --pt-navbar-item-active-border-color: var(--pt-menu-item-selected-border-color);
  --pt-navbar-item-selected-background-color: var(--pt-modal-background-color);
  --pt-navbar-item-selected-text-color: var(--pt-modal-text-color);
  --pt-navbar-item-selected-border-color: var(--pt-menu-item-selected-border-color);
  --pt-navbar-item-selected-separator-color: var(--pt-border-contrast-color);

  --pt-drag-start-outline-color: var(--pt-palette-36);
  --pt-drag-end-outline-color: var(--pt-drag-start-outline-color);
  --pt-drag-outline-color: var(--pt-palette-36);

  --pt-switch-border-color: var(--pt-control-border-color);
  --pt-switch-text-color: var(--pt-control-text-color);
  --pt-switch-thumb-border-color: var(--pt-control-border-color);
  --pt-switch-thumb-background-color: var(--pt-palette-34);
  --pt-switch-off-background-color: var(--pt-control-background-color);
  --pt-switch-off-border-color: var(--pt-switch-border-color);
  --pt-switch-off-text-color: transparent; 
  --pt-switch-off-hover-background-color: var(--pt-control-background-color);
  --pt-switch-thumb-hover-border-color: var(--pt-selected-border-color);
  --pt-switch-on-border-color: var(--pt-selected-border-color);
  --pt-switch-on-hover-border-color: var(--pt-switch-on-border-color); 
  --pt-switch-on-background-color: var(--pt-selected-background-color);
  --pt-switch-on-text-color: transparent; 
  --pt-switch-disabled-background-color: var(--pt-control-disabled-background-color);
  --pt-switch-disabled-border-color: var(--pt-control-disabled-border-color);
  --pt-switch-disabled-text-color: transparent; 
  --pt-switch-disabled-thumb-background-color: var(--pt-control-disabled-border-color);
  --pt-switch-disabled-thumb-border-color: var(--pt-border-contrast-color);
  --pt-switch-hover-outline-color: var(--pt-hover-outline-color);

  --pt-filter-background-color: var(--pt-palette-13); 
  --pt-filter-border-color: var(--pt-border-contrast-color); 
  --pt-filter-text-color: var(--pt-palette-2);
  --pt-filter-hover-background-color: var(--pt-hover-background-color);
  --pt-filter-hover-outline-color: var(--pt-hover-outline-color);
  --pt-filter-hover-border-color: var(--pt-filter-border-color);
  --pt-filter-hover-text-color: var(--pt-filter-text-color);
  --pt-filter-active-background-color: var(--pt-active-background-color);
  --pt-filter-active-outline-color: none;
  --pt-filter-active-border-color: var(--pt-active-border-color);
  --pt-filter-active-text-color: var(--pt-filter-text-color);

  
  --pt-scroll-track-background-color: transparent;
  --pt-scroll-thumb-background-color: var(--pt-palette-27);
  --pt-scroll-thumb-border-color: var(--pt-page-background-color);
  --pt-scroll-thumb-hover-background-color: var(--pt-palette-44);

  --pt-error-text-color: var(--pt-palette-45); 
}

.ps_header_bar .pts_category_button,
.ps_header_bar .pts_search_button,
.pts_search_widget_for_classic .pts_category_button, 
.pts_search_widget_for_classic .pts_search_button 
{
  --pt-page-text-color: var(--pt-palette-1);
  --pt-hover-background-color: var(--pt-theme-primary-100,var(--pt-palette-26)); 
  --pt-hover-outline-color: var(--pt-palette-13); 
  --pt-active-background-color: var(--pt-theme-primary-180,var(--pt-palette-2)); 
  --pt-active-outline-color: transparent;
  --pt-active-text-color: var(--pt-palette-1); 
}


.pvg_main_table {
  --pt-grid-item-alt-background-color: var(--pt-grid-item-alt-2-background-color); 
}

:root.psc_form-small {
  --pt-strip-height: 6px;
  --pt-banner-min-height: 42px; 
}


.psc_has_ckeditor {
   --ck-color-toolbar-background: var(--pt-panel-background-color);
   --ck-color-toolbar-border: var(--pt-control-border-color);
   --ck-color-base-border: var(--pt-control-border-color);
   --ck-focus-ring: 1px solid var(--pt-selected-border-color);

   --pt-cke-min-height: 200px;
   --pt-cke-min-width: 10em;
}

.psc_has_ckeditor .ck-content.ck-blurred:hover {
    --ck-color-base-border: var(--pt-control-hover-border-color);
}
