/* Custom Fonts */
@font-face{
    font-family:"FrutigerLTW01-45Light";
    src:url("index.php?c=index/xfilefrontend&name=7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix");
    src:url("index.php?c=index/xfilefrontend&name=7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix") format("eot"),url("index.php?c=index/xfilefrontend&name=2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff") format("woff"),url("index.php?c=index/xfilefrontend&name=74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf") format("truetype"),url("index.php?c=index/xfilefrontend&name=3f5a5b87-e71e-4544-be0c-da4daa132710.svg#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg");
}
@font-face{
    font-family:"FrutigerLTW01-46LightIt";
    src:url("index.php?c=index/xfilefrontend&name=072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?#iefix");
    src:url("index.php?c=index/xfilefrontend&name=072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?#iefix") format("eot"),url("index.php?c=index/xfilefrontend&name=8259f047-a5d2-40a0-a98c-1c24f0316b08.woff") format("woff"),url("index.php?c=index/xfilefrontend&name=1078a920-3def-4194-ba69-46751fb9af38.ttf") format("truetype"),url("index.php?c=index/xfilefrontend&name=4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3.svg#4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3") format("svg");
}
@font-face{
    font-family:"FrutigerLTW01-55Roman";
    src:url("index.php?c=index/xfilefrontend&name=af97a512-f55a-4f61-b2ce-659c883930fc.eot?#iefix");
    src:url("index.php?c=index/xfilefrontend&name=af97a512-f55a-4f61-b2ce-659c883930fc.eot?#iefix") format("eot"),url("index.php?c=index/xfilefrontend&name=3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff") format("woff"),url("index.php?c=index/xfilefrontend&name=076311f8-a01b-4389-a5eb-334a62e62d45.ttf") format("truetype"),url("index.php?c=index/xfilefrontend&name=c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg#c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877") format("svg");
}
@font-face{
    font-family:"Rotis Serif W01";
    src:url("index.php?c=index/xfilefrontend&name=74ea0edf-29bc-4f75-98fd-eb026fefb754.eot?#iefix");
    src:url("index.php?c=index/xfilefrontend&name=74ea0edf-29bc-4f75-98fd-eb026fefb754.eot?#iefix") format("eot"),url("index.php?c=index/xfilefrontend&name=1bc0a853-5b9e-4736-a57e-ea3ae914c991.woff") format("woff"),url("index.php?c=index/xfilefrontend&name=5307f910-9b36-4b29-9795-7afdf3c60cdd.ttf") format("truetype"),url("index.php?c=index/xfilefrontend&name=2ea77c4f-6bfc-426a-b5a4-09988018d555.svg#2ea77c4f-6bfc-426a-b5a4-09988018d555") format("svg");
}

@font-face {
    font-family: Frutiger;
    src: url('/fonts/Linotype_Frutiger_LT_55_Roman.ttf');
    font-weight: normal;
}
@font-face {
    font-family: Frutiger;
    src: url('/fonts/Linotype_Frutiger_LT_65_Bold.ttf');
    font-weight: bold;
}
@font-face {
    font-family: "Lato-Regular";
    src:url("index.php?c=index/xfilefrontend&name=Lato-Regular.ttf") format("truetype");
}
/* ********************************* */
:root {
    --cyan-10: #E1F3FC;
    --cyan-30: #ACE1F9;
    --cyan-50: #71D0F6;
    --cyan-100: #00AFEF;

    --slate-10: #F2F2F1;
    --slate-30: #D7D7D6;
    --slate-50: #BCBCBB;
    --slate-100: #7F7F7F;

    --black-10: #E6E7E8;
    --black-30: #E6E7E8;
    --black-50: #E6E7E8;
    --black-100: #1E1E1E;

    --white: #FFFFFF;
    --gold: #9E916F;

    --fontLato: "Lato-Regular", sans-serif;

    --btnCyanSolid: rgba(0, 175, 239, 1);
    --btnCyanSolidHover: rgba(0, 175, 239, 0.8);
    --btnCyanSolidShadowHover: rgba(0, 175, 239, 0.3);

    --btnShaded: rgba(127, 127, 127, 0.3);
    --btnShadedHover: rgba(127, 127, 127, 0.1);

    --btnOutlined: rgba(127, 127, 127, 0.3);
    --btnOutlinedHover: rgba(127, 127, 127, 1);

    --btnSimpleHover: rgba(127, 127, 127, 0.3);

}

/* Global */
html,body{height:auto;font-family: "Lato-Regular", sans-serif;min-width:320px;position:relative}
html{-ms-touch-action: none}
body {
  color: var(--black-100);
  background-color: var(--slate-10);
}
p{margin:0 0 20px 0;line-height:1.6}
h1, h2{color:var(--cyan-100)!important}

/* override */
h1.fontGold{color:var(--cyan-100)!important}
h2.fontGold{color:var(--cyan-100)!important}
h3.fontGold{color:var(--black-100)!important}
h4.fontGold{color:var(--black-100)!important}
h5{color:var(--black-100)!important}


/* transitions */
.transAll, .topLevelCarouselMenu button, a{transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out}

/* Border radius */
.border5, .sort-placeholder{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.borderBottom5{-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}
.border20{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.border50p{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}

/* Box shadow */
.boxS-1{-moz-box-shadow:0px 0px 2px #ccc;-webkit-box-shadow:0px 0px 2px #ccc;box-shadow:0px 0px 2px #ccc}

/* General */
.contentLH-1-8{line-height:1.8}
.cursorDefault{cursor:default!important}
.cursorp, .cursorp:active{cursor:pointer}
.dropdown-menu>li>ul{list-style-type:none;padding:0}
.dropdown-menu>li li>a{display:block;padding:3px 20px 3px 40px;clear:both;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu>li li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}
.goldBorder{border:1px solid #D4C4AD}
.lightGreyBorder{border:1px solid #D6D6D6}
.horDiv{height:1px;width:100%}
.horDiv.lightGrey{background:#D6D3CE}
.pleaseWait{position:relative;height:150px;margin-bottom:100px;width:100%;background:url('index.php?c=index/xfilefrontend&name=loading_big_cropped.gif') no-repeat center center}
.pleaseWaitText{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:175px;font-weight:bold;color:#494e54;}
.pleaseWaitTaxCertText{position:absolute;bottom:0;left:93px;right:0;font-weight:bold;color:#494e54;}
.pleaseWaitTaxCertDownload{position:absolute;bottom:0;left:145px;right:0;font-weight:bold;color:#494e54;}

.respTblRow.respTblFooter{border-radius:0 0 0.5rem 0.5rem;}
.respTblFooter{border:1px solid var(--slate-30);border-radius:0 0 0.5rem 0.5rem;border-top:none;background-color:var(--slate-30);}
.respTblBody{border:1px solid var(--slate-30);border-radius:0 0 8px 8px;border-top:none;background-color:var(--white)}
.respTblBody > div {position:relative;}
.respTblBody > div.loadingTax {height:40px;}
.respTblBody > div.activeLoadingTax {height:40px;}
.respTblBody > div.inactiveLoadingTax {height:40px;}
a.taxCertRow {color:#333;}
.taxCertRow a {color:#333;}
.taxCertRow{background:#fff; color:#333}
/*.respTblWrap .respTblRow:nth-child(odd){background:#E9E8E6}*/
/*.respTblWrap .taxCertRow:nth-child(odd){background:#E9E8E6}*/
/*.respTblBody  > div[id^=taxDetails] > a {display:block;}*/
.taxLoadingSpinner {position:absolute; top:0; left:0; width:100%; height:100%; display:none; text-align:center; margin-top:10px;}
.loadingTax .taxLoadingSpinner {display:block;}
.activeLoadingTax .taxLoadingSpinner {display:block;}
.inactiveLoadingTax .taxLoadingSpinner {display:block;}
.noActiveTaxCerts{border-radius:0 0 0.5rem 0.5rem}
.psgDropdownMenu > .dropdown-menu{display:none;right:0;left:auto}
.psgDropdownMenu > .dropdown-menu.left{right:auto;left:0}
.psgDropdownMenu.open > .dropdown-menu{display:block}
.row > .horDiv{width:calc(100% - 30px); margin-left:15px;margin-right:15px}
.scrollToTop.buttonGold{z-index:30;padding:15px 20px!important;text-decoration:none;position:fixed;right:20px;display:none}
.unpublished{display:block;margin-bottom:20px;font-size:16px;padding:15px 20px}
.pleaseWaitGraph{position:relative;height:150px;margin-bottom:100px;width:100%;background:url('index.php?c=index/xfilefrontend&name=loading_big_cropped.gif') no-repeat center center}
.pleaseWaitProductGraph{position:absolute;bottom:0;left:510px;right:0;font-weight:bold;color:#494e54;}
.pleaseWaitProductBreakdownGraph{position:absolute;bottom:0;left:470px;right:0;font-weight:bold;color:#494e54;}
.pleaseWaitGetImage{top:50%;margin-top:-50px;margin-left:-15px;position:absolute;height:150px;margin-bottom:100px;width:100%;background:url('index.php?c=index/xfilefrontend&name=loading_big_cropped.gif') no-repeat center center}
.psgOtpSubmitPleaseWaitGetImage{top:33%;left:0%;right:0%;margin-top:-50px;margin-left:-15px;position:absolute;height:150px;margin-bottom:100px;width:100%;background:url('index.php?c=index/xfilefrontend&name=loading_big_cropped.gif') no-repeat center center}

/* Layout */
.absolute{position:absolute}
.clear{clear:both}
.db{display:block}
.dflex{display:-webkit-flex;display:-ms-flexbox;display:flex}
.dib{display:inline-block!important}
.dt{display:table}
.dtc{display:table-cell}
.dtr{display:table-row}
.dc{display:contents}
.fl{float:left}
.f-w-wrap{flex-wrap:wrap}
.fr{float:right}
.fullw{width:100%}
.hidden{display:none!important}
.m-0-auto{margin:0 auto}
.m-0{margin:0}
.m-b-0{margin-bottom:0!important}
.m-b-5{margin-bottom:5px}
.m-b-10{margin-bottom:10px}
.m-b-15{margin-bottom:15px}
.m-b-20{margin-bottom:20px}
.m-b-25{margin-bottom:25px}
.m-b-30{margin-bottom:30px}
.m-b-40{margin-bottom:40px!important}
.m-b-60{margin-bottom:60px}
.m-t-2{margin-top:2px}
.m-t-3{margin-top:3px}
.m-t-5{margin-top:5px}
.m-t-20{margin-top:20px}
.m-t-30{margin-top:30px}
.m-t-60{margin-top:60px}
.m-l-5{margin-left:5px}
.m-l-10{margin-left:10px}
.m-l-15{margin-left:15px}
.m-l-20{margin-left:20px}
.m-l-25{margin-left:20px}
.m-l-30{margin-left:30px}
.m-l-35{margin-left:35px}
.m-l-40{margin-left:40px}
.m-r-5{margin-right:5px}
.m-r-10{margin-right:10px}
.m-r-20{margin-right:20px}
.m-t-0{margin-top:0!important}
.m-t-2{margin-top:2px}
.m-t-10{margin-top:10px}
.m-t-15{margin-top:15px}
.m-t-20{margin-top:20px}
.m-t-25{margin-top:25px}
.m-t-30{margin-top:30px}
.m-t-35{margin-top:35px}
.m-t-40{margin-top:40px}
.m-t-115{margin-top:115px}
.max-w-100{max-width:100px}
.max-w-120{max-width:120px}
.max-w-150{max-width:150px}
.max-w-200{max-width:200px}
.max-w-300{max-width:300px}
.max-w-400{max-width:400px}
.min-h-100{min-height:100px}
.min-h-250{min-height:250px}
.noFloat{float:none}
.oh{overflow:hidden}
.p-0{padding:0!important}
.p-b-0{padding-bottom:0!important}
.p-b-5{padding-bottom:5px!important}
.p-b-10{padding-bottom:10px!important}
.p-l-5{padding-left:5px!important}
.p-l-10{padding-left:10px!important}
.p-l-15{padding-left:15px!important}
.p-l-20{padding-left:20px!important}
.p-l-30{padding-left:30px!important}
.p-b-20{padding-bottom:20px}
.p-r-0{padding-right:0!important}
.p-r-5{padding-right:5px}
.p-r-15{padding-right:15px}
.p-t-3{padding-top:3px}
.p-t-5{padding-top:5px}
.p-t-10{padding-top:10px}
.p-t-20{padding-top:20px}
.p-30{padding:30px}
.p-50{padding:50px}
.p-20-30{padding:20px 30px}
.p-10-0-10-0{padding:10px 0px 10px 0px!important}
.right-0{right:0!important}
.relative{position:relative}
.row-mlr-m30{margin-left:-30px;margin-right:-30px}
.tac{text-align:center}
.tar{text-align:right}
.tal{text-align:left!important;}
.taj{text-align:justify!important;}
.vam{vertical-align:middle}
.vat{vertical-align:top}
.w-30{width:30px}
.w-70{width:70px}
.w-80{width:80px}
.w-100{width:100px}
.w-100p{width:100%}
.w-120{width:120px}
.w-240{width:240px}
.h-100{height:100%}
.h-50{height:50%}
.h-10{height:10px}
.w-b-b-all{word-break:break-all}
.z2{z-index:2}
.r-none {resize:none}

.f-w-400 {
    font-weight: 400;
}

.cp{cursor: pointer!important}
.cd{cursor: default!important}
.pen{pointer-events: none}
/* Sidebar*/
.sidebarAccordionRow{margin:0;border-bottom:1px solid var(--cyan-100)}

/* Sidebar Platform and Publications Accordion*/
.accordionSidebarWrap{margin-bottom:5px;}
.panelSidebarHeader{background-color:var(--white);}
.panelSidebarBody{border:1px solid var(--cyan-100);border-top:none;padding:1rem;border-radius:0rem 0rem 0.5rem 0.5rem;background-color:var(--white);}

.accordionSidebarWrap > .panelSidebar > .panelSidebarHeader:not(.collapsed){border: 1px solid var(--cyan-100);border-bottom:none;border-radius:0.5rem 0.5rem 0rem 0rem}
.accordionSidebarWrap > .panelSidebar > .panelSidebarHeader.collapsed{border: 1px solid var(--slate-30);}
.accordionSidebarWrap > .panelSidebar > .collapsed:hover{border: 1px solid var(--black-100);}

.panelSidebarHeader .collapseIcon:before {content:"\f077";color:var(--cyan-100)}
.panelSidebarHeader.collapsed .collapseIcon:before {content:"\f078";color:var(--black-100)}
.panelSidebarHeader{text-decoration:none;display:block;padding:10px 10px;margin:0;cursor:pointer;border-radius: 0.5rem}

.accordionSidebarTitle{font-size:20px;font-weight: bold;line-height:22px;letter-spacing: -0.01em}
.accordionSidebarBody{padding-bottom:5px;}
.accordionSidebarBody a{color:var(--black-100);text-decoration: none;cursor: pointer;padding:0rem 0rem 0.5rem 0rem}

/* Accordion XS*/
.panelSidebarHeaderXs{background-color:var(--white);}
.panelSidebarBodyXs{border:1px solid var(--cyan-100);border-top:none;border-radius:0rem 0rem 0.5rem 0.5rem;background-color:var(--white);}
.accordionSidebarWrap > .panelSidebar > .panelSidebarHeaderXs:not(.collapsed){border: 1px solid var(--cyan-100);border-bottom:none;border-radius:0.5rem 0.5rem 0rem 0rem}
.accordionSidebarWrap > .panelSidebar > .panelSidebarHeaderXs.collapsed{border: 1px solid var(--slate-30);}
.accordionSidebarWrap > .panelSidebar > .panelSidebarHeaderXs > .collapsed:hover{border: 1px solid var(--black-100);}

.panelSidebarHeaderXs{text-decoration:none;display:block;padding:10px 10px;margin:0;cursor:pointer;border-radius: 0.5rem}

.collapseXs.collapse{
    display: none;
}
.collapseXs.collapse.in{
    display:contents
}


/* myDocuments and Financial Advice message accordion*/
.panelSidebarBodyMessage{border:1px solid var(--cyan-100);border-top:none;padding:1rem;border-radius:0rem 0rem 0.5rem 0.5rem;}

.accordionSidebarWrap > .panelSidebar > .panelSidebarHeaderMessage:not(.collapsed){border: 1px solid var(--cyan-100);border-bottom:none;border-radius:0.5rem 0.5rem 0rem 0rem}
.accordionSidebarWrap > .panelSidebar > .panelSidebarHeaderMessage.collapsed{border: 1px solid var(--cyan-100);}
.accordionSidebarWrap > .panelSidebar > .panelSidebarHeaderMessage > .collapsed:hover{border: 1px solid var(--cyan-100);}

.panelSidebarHeaderMessage .collapseIcon:before {content:"\f077";color:var(--cyan-100)}
.panelSidebarHeaderMessage.collapsed .collapseIcon:before {content:"\f078";color:var(--black-100)}
.panelSidebarHeaderMessage{text-decoration:none;display:block;padding:10px 10px;margin:0;cursor:pointer;border-radius: 0.5rem}

/* Sidebar FICA Outstanding Documents */
.accordionSidebarFicaOutstandingDocWrap{border-bottom:none;}
.panelSidebarFicaOutstandingDocHeader{background-color:var(--white);border-left:1px solid var(--cyan-100);border-right:1px solid var(--cyan-100);border-bottom:1px solid var(--slate-30);border-top:none;}
.panelSidebarFicaOutstandingDocBody{border:1px solid var(--cyan-100);border-top:none;border-bottom:1px solid var(--slate-30);padding:1rem;background-color:var(--white);}


.panelSidebarFicaOutstandingDocHeader:not(.collapsed) .collapseIcon:after{content:"\f077";color:var(--cyan-100)}
.panelSidebarFicaOutstandingDocHeader.collapsed .collapseIcon:before {content:"\f078";}
.panelSidebarFicaOutstandingDocHeader{text-decoration:none;display:block;padding:10px 10px;margin:0;cursor:pointer;}

/* Sidebar Required Documents*/
.accordionSidebarRequiredDocWrap{border-bottom:none;}
.sidebarRequiredDocHeader{color:var(--black-100);border:1px solid var(--cyan-100);border-bottom:1px solid var(--slate-30);border-radius:0.5rem 0.5rem 0rem 0rem;background-color:var(--white);}
.sidebarRequiredDocTitle{color:var(--black-100);font-size:20px;font-weight: bold;line-height:22px;letter-spacing: -0.01em;text-decoration:none;padding:10px 10px;}
.sidebarRequiredDocBody{color:var(--black-100);padding:1rem;background-color:var(--white);border-radius:0.5rem}
.sidebarRequiredDocBody a{color:var(--cyan-100)}

/* Sidebar General Documents */
.accordionSidebarGeneralDocWrap{border-bottom:none;}
.panelSidebarGeneralDocHeader{background-color:var(--white);border-left:1px solid var(--cyan-100);border-right:1px solid var(--cyan-100);border-bottom:1px solid var(--slate-30);border-top:none;}
.panelSidebarGeneralDocBody{border:1px solid var(--cyan-100);border-top:none;border-bottom:1px solid var(--slate-30);padding:1rem;background-color:var(--white);}


.panelSidebarGeneralDocHeader:not(.collapsed) .collapseIcon:after{content:"\f077";color:var(--cyan-100)}
.panelSidebarGeneralDocHeader.collapsed .collapseIcon:before {content:"\f078";}
.panelSidebarGeneralDocHeader{text-decoration:none;display:block;padding:10px 10px;margin:0;cursor:pointer;}

/* Sidebar Financial Planning Documents */
.accordionFinancialPlanDocWrap{border-bottom:none;margin-bottom:40px;}
.panelSidebarFinancialPlanDocHeader{background-color:var(--white);border-left:1px solid var(--cyan-100);border-right:1px solid var(--cyan-100);border-bottom:1px solid var(--cyan-100);border-top:none;}
.panelSidebarFinancialPlanDocBody{border:1px solid var(--cyan-100);border-top:none;padding:1rem;border-radius:0rem 0rem 0.5rem 0.5rem;background-color:var(--white);}

.accordionFinancialPlanDocWrap > .panelSidebar > .panelSidebarFinancialPlanDocHeader.collapsed{border-radius:0rem 0rem 0.5rem 0.5rem;}

.panelSidebarFinancialPlanDocHeader:not(.collapsed) .collapseIcon:after{content:"\f077";color:var(--cyan-100)}
.panelSidebarFinancialPlanDocHeader:not(.collapsed){border-bottom:1px solid var(--slate-30)}
.panelSidebarFinancialPlanDocHeader.collapsed .collapseIcon:before {content:"\f078";}
.panelSidebarFinancialPlanDocHeader{text-decoration:none;display:block;padding:10px 10px;margin:0;cursor:pointer;}

/* Sidebar Notification */
.accordionSidebarNotificationWrap{border-bottom:none;margin-bottom:40px;}
.sidebarHeaderNotification{color:var(--black-100);border:1px solid var(--cyan-100);border-radius:0.5rem;background-color:var(--white);}
.sidebarTitleNotification{color:var(--black-100);font-size:20px;font-weight: bold;line-height:22px;letter-spacing: -0.01em;text-decoration:none;padding:10px 10px;}
.sidebarBodyNotification{color:var(--black-100);padding:1rem;background-color:var(--white);border-radius:0.5rem}
.sidebarBodyNotification a{color:var(--cyan-100)}


/* Accordions */
.accordionWrap{margin-bottom:5px;}
.panelHeader{background-color:var(--white);}
.panelTblHeader{border:1px solid var(--slate-30)}
.panelTblHeader .respTd{padding:8px 15px}
.panelTblHeader.divider{border-top:1px solid var(--white)}
.panelBody{border:1px solid var(--cyan-100);border-top:none;padding:1rem;border-radius:0rem 0rem 0.5rem 0.5rem;background-color:var(--white);}

.accordionWrap > .accordionPanel > .panelHeader:not(.collapsed){border: 1px solid var(--cyan-100);border-bottom:none;border-radius:0.5rem 0.5rem 0rem 0rem}
.accordionWrap > .accordionPanel > .panelHeader.collapsed{border: 1px solid var(--slate-30);}
.accordionWrap > .accordionPanel > .collapsed:hover{border: 1px solid var(--black-100);}

.panelHeader .collapseIcon:before {content:"\f077";color:var(--cyan-100)}
.panelHeader.collapsed .collapseIcon:before {content:"\f078";color:var(--black-100)}
.panelHeader{text-decoration:none;display:block;padding:10px 10px;margin:0;cursor:pointer;border-radius: 0.5rem}

.accordionTitle{font-size:14px;line-height:22px;letter-spacing: -0.01em}
.panelBody{padding-bottom:5px;}
.panelBody a{color:var(--black-100);text-decoration: none;cursor: pointer;padding:0rem 0rem 0.5rem 0rem}




/* Login */
.loginBg{height:100%;width:100%;background:black url('index.php?c=index/xfilefrontend&sub=1&name=FDL_home screen.png') no-repeat 79% center}
.loginFormCol{background:#fff;height:100%;max-width:430px;width:100%;z-index:10}
.loginFormWrap{border:1px solid var(--slate-50);padding:25px 15px 50px 15px}

/* Login Marketing Banner*/
.bannerMarketingWrap{z-index:1;height:100%;}

.h-100-vh{
    height:100vh;
}
.logo-top{
    top:115px;
}

.p-l-10rem{
    padding-left: 10rem;
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.login-bg-image-top hr{
    max-width: 400px;
}
.login-bg-image-top .logo-wrapper{
    display: flex;
}
.login-bg-image-top{
    width: 100%;
    background: url('index.php?c=index/xfilefrontend&sub=1&name=FDL_home screen.png');
    background-repeat: no-repeat;
    background-color: black;
    background-position: right;
}
.login-bg-image-bottom{
    object-fit: fill;
    height: 50%;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.login-form-wrapper{
    background-color: var(--white);
    padding: 2rem;
}

.app-box-wrapper img{
    max-height: 50px;
}
.app-box-wrapper{
    border: 1px solid grey;
    display: flex;
    justify-content: center;
}

/* Newsletter Login */
.newsletterLoginBg{width:100%;background:black url('index.php?c=index/xfilefrontend&sub=1&name=FDL_home screen.png') no-repeat 48% top}

/* Subscription */
.subscriptionList{background-color: var(--white); padding-top:20px;border-radius:0.5rem; border: 1px solid var(--slate-30);}
/* Cyan icons */
.psg-icon-wrapper {
    padding: 5px;
}
.psg-icon {
    width: 60px;
}
.psg-icon-select:hover {
    background-color: #EEEEEE;
    border-radius: 5px;
    cursor: pointer;
}
.psg-icon-selected {
    border: 2px dashed #AAAAAA;
    border-radius: 5px;
}
.psg-icon-unavailable {
    filter: grayscale(100%);
    cursor:default;
}
.psg-icon-unavailable:hover {
    background-color: transparent;
    cursor: default;
}
/* Toggle */
.custom-switch {
    padding-left: 2.25rem;
}
.custom-control {
    position: relative;
    display: block;
    min-height: 1.3125rem;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* myProfile Subscription slider */
.myProfileslider {
    position: absolute;
    cursor: pointer;
    top: 5px;
    left: 29px;
    right: 80px;
    bottom: -1px;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.myProfileslider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 1px;
    right: 26px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .myProfileslider {
    background-color: #2196F3;
}

input:focus + .myProfileslider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .myProfileslider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.myProfileslider.round {
    border-radius: 34px;
}

.myProfileslider.round:before {
    border-radius: 50%;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 5px;
  left: 29px;
  right: 29px;
  bottom: -1px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 1px;
  right: 26px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Checkboxes */
.docCheckHolder{
    padding: 8px 15px;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* Logos */
.dashboardLogoWrap{padding-top:15px}
.dashboardBannerEnvironment {top:14px;font-size:14px;font-family:"Lato-Regular", sans-serif;}
.logo{display:block}
.logoMyPSGLoginWrap{z-index:1;position:absolute;left:140px;top:115px;font-size:30px;color:var(--white);line-height:1}
.logoMyBaseLogin{background:url('index.php?c=index/xfilefrontend&sub=2&name=logo-login-mybase.png') no-repeat;width:380px;height:130px;margin-bottom:30px;border-bottom:1px solid #D1C3B8}
.logoMyPsgLogin{background:url('index.php?c=index/xfilefrontend&sub=2&name=logo-login-mypsg-ci.png') no-repeat;width:380px;height:130px;margin-bottom:30px;border-bottom:1px solid var(--white)}
.logoPsgLogin{background:url('index.php?c=index/xfilefrontend&sub=2&name=logo-login-psg.png') no-repeat;width:152px;height:65px}
.logoPSGWhite{background:url('index.php?c=index/xfilefrontend&sub=2&name=logo-welcome-psg.png') no-repeat;width:120px;height:50px}
.logoMyBaseWhite{background:url('index.php?c=index/xfilefrontend&sub=2&name=logo-dasbhoard-mybase.png') no-repeat;width:110px;height:35px}

/* Icons */
.iconDownload{width:16px;height:16px;background:green;display:inline-block;position:relative;top:3px}
.icon-doc{background:url('index.php?c=index/xfilefrontend&sub=2&name=file-doc.png') no-repeat}
.icon-pdf{background:url('index.php?c=index/xfilefrontend&sub=2&name=file-pdf.png') no-repeat}
.icon-xls{background:url('index.php?c=index/xfilefrontend&sub=2&name=file-xls.png') no-repeat}
.iconFixedW25{width:25px}

/* Forms */
.form{margin:0}
form label.error{display:block;margin-top:-10px;font-size:12px;color:#AF3C38;font-weight:normal;}
.formHideErrors label.error{display:none!important;}
/*input, select, textarea{display:block;font-size:14px;color:#494C53;padding:5px 10px;border:1px solid #aaa}*/
input, select, textarea{display:block;font-size:14px;color:var(--black-100);padding:5px 10px;border:1px solid var(--slate-30)}
input[type=text], input[type=password]{padding:5px 10px}
input:focus, select:focus, textarea:focus{outline:none!important}
input.error, select.error, textarea.error{border:1px solid #AF3C38!important;background:#f4dfde}
.fileInputLabel.fontDarkRed{color:#B15955!important}
.invisibleFileInput{padding:0!important;margin:0!important;height:0!important;visibility:hidden!important}
.loginForm input{width:100%;border:1px solid var(--slate-30);margin:0 0 15px 0}

.searchForm input{background:#F1F1F1;border:none;width:100%;padding:6px 10px;border:1px solid transparent}
.searchForm select{background:#fff;width:100%;padding:7px 10px 8px 10px}
.searchFormFieldsWrap{max-width:270px;width:100%}

.otpRequest {width:100%;white-space:nowrap;box-sizing: border-box;}
.otpSuccessfullMsg {width:100%;white-space:nowrap;font-size: 0.8em; text-align: center}
/* Fonts */
.font10{font-size:10px}
.font12{font-size:12px}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.font22{font-size:22px}
.font24{font-size:24px}
.font30{font-size:30px}
.fontBold{font-weight:bold}
.fontBoldRoman{font-weight:bold;font-family:"Lato-Regular", sans-serif;}
.fontVeryDark{color:var(--black-100)}
.fontDarkGrey{color:var(--black-100)}
.fontDarkNavy{color:var(--black-100)}
.fontDarkRed{color:#B15955}
.fontRed{color:#CC0000}
.fontFL, .ui-menu .ui-menu-item{font-family:"Lato-Regular", sans-serif}
.fontRotis{font-family: var(--fontLato);}
.fontGold{color:var(--black-100)}
.fontCyan{color:var(--cyan-100)}
.fontSlate{color:var(--slate-100)}
.fontLightSlate{color:var(--slate-30)}
.fontLighterSlate{color:var(--slate-10)}
.fontBlack{color:var(--black-100)}
.fontItalic{font-style:italic}
.fontBrightGold{color:#CCC8BC}
.fontLighterGold{color:#CDC7B7}
.fontLightGold{color:#AFA99B}
.fontLighterGrey{color:#D6D3CE}
.fontLightGrey{color:#93989E}
.fontNormal{font-weight:normal}
.fontLower{text-transform:none}
.fontUpper{text-transform:uppercase}
.fontWhite{color:#fff}
.fontUnderline{text-decoration:underline}

/* Links */
.linkGoldToNone{color:var(--cyan-100);text-decoration:none}
.linkGoldToNone:hover{color:var(--cyan-100);text-decoration:none}
.linkBlackToGold{color:#333;text-decoration:none}
.linkBlackToGold:hover{color:var(--cyan-100)}
.linkGoldToBlack{color:var(--slate-100);text-decoration:none}
.linkGoldToBlack.active{color:var(--cyan-100);text-decoration:none}
.linkGoldToBlack:hover{color:var(--cyan-100)}
.linkCyanToBlack{color:var(--slate-100);text-decoration:none}
.linkCyanToBlack.active{color:var(--cyan-100);text-decoration:none}
.linkCyanToBlack:hover{color:var(--cyan-100)}
.linkLightGoldToUnderline{color:#B1A99E;text-decoration:none}
.linkLightGoldToUnderline:hover{color:#B1A99E;text-decoration:underline}
.linkLighterGoldToUnderline{color:#CDC7B7;text-decoration:none}
.linkLighterGoldToUnderline:hover{color:#ddd9ce;text-decoration:underline}
.linkGoldToUnderline{color:var(--cyan-100);text-decoration:none}
.linkGoldToUnderline:hover{color:var(--cyan-100);text-decoration:underline}
.linkCyanToUnderline{color:var(--cyan-100);text-decoration:none}
.linkCyanToUnderline:hover{color:var(--cyan-100);text-decoration:underline}
.linkDarkNavyUnderline{color:#494e54;text-decoration:underline}
.linkDarkNavyUnderline:hover{color:#494e54;text-decoration:none}
.linkWhiteUnderline{color:#fff!important;text-decoration:underline}
.linkWhiteUnderline:hover{color:#fff;text-decoration:none}

/* Backgrounds */
.bgDarkNavy{background-color:var(--slate-30)}
.bgDarkNavy > .fontWhite{color:var(--black-100)}
.bgGrey{background-color:#81807E}
.bgSlate{background-color:var(--slate-30)}
.bgGrey2{background-color:#a1a2a4}
.bgGold{background-color:#9E916F}
.bgWhite{background-color:#fff}
.bgLightGreyGold{background:#AFA99B}
.bgVeryLightGrey{background:#E9E8E6}
.bgFicaOutstandingDoc{background:#FF0000}

/* Buttons */
button{outline:none!important;text-decoration:none!important}
.button{display:block;border:none;cursor:pointer;text-decoration:none!important;border-radius:0.5rem;}
.button:hover{text-decoration:none!important}
.buttonStandard{font-size:16px}
.buttonStandardPadding{padding:10px 20px}
.buttonDarkGrey{background:#494C53;padding:10px 20px;color:#fff!important}
.buttonDarkGrey:hover{background:#5b5f68;color:#fff!important}
.buttonSimple{background:transparent;padding:10px 20px;color:var(--black-100)!important;border-radius:0.5rem;border: 1px solid transparent;transition: all 0.2s ease-out}
.buttonSimple:hover{background:transparent;color: var(--black-100);border-radius:0.5rem;border: 1px solid var(--btnSimpleHover);!important}
.buttonOutlined{background:var(--white);padding:10px 20px;color:var(--black-100)!important;border-radius:0.5rem;border: 1px solid var(--btnOutlined);transition: all 0.2s ease-out}
.buttonOutlined:hover{color: var(--black-100);!important;border: 1px solid var(--btnOutlinedHover)}
.buttonShaded{background-color:var(--btnShaded);padding:10px 20px;color:var(--black-100)!important;border-radius:0.5rem;border: 1px solid transparent;transition: all 0.2s ease-out}
.buttonShaded:hover{background-color:var(--btnShadedHover);color: var(--black-100);!important}
.buttonCyanSolid{background-color:var(--btnCyanSolid);padding:10px 20px;color:var(--white)!important;border-radius:0.5rem;border: 1px solid transparent;transition: all 0.2s ease-out}
.buttonCyanSolid:hover{background-color:var(--btnCyanSolidHover);box-shadow: 0px 1rem 1rem -0.5rem var(--btnCyanSolidShadowHover);color: var(--white);!important}
.buttonDarkNavy{background:var(--btnCyanSolid);padding:10px 20px;color:var(--white)!important;border-radius:0.5rem;border: 1px solid transparent;transition: all 0.2s ease-out}
.buttonDarkNavy:hover{background:var(--btnCyanSolidHover);color:var(--white);box-shadow: 0px 1rem 1rem -0.5rem var(--btnCyanSolidShadowHover)}
.buttonGold{background-color:var(--btnCyanSolid);padding:10px 20px;color:var(--white)!important;border-radius:0.5rem;border: 1px solid transparent;transition: all 0.2s ease-out}
.buttonGold:hover{background-color:var(--btnCyanSolidHover);box-shadow: 0px 1rem 1rem -0.5rem var(--btnCyanSolidShadowHover);color: var(--white);!important}
.buttonGrey{background:#81807E}
.buttonGrey:hover{background:#9e9d9c}
.buttonLightGold{background:#C3B48D;color:#fff!important}
.buttonLightGold:hover{background:#d1c5a7;color:#fff!important}
.buttonLightGrey{background:var(--btnShaded);border-radius:0.5rem;border: 1px solid transparent;transition: all 0.2s ease-out}
.buttonLightGrey:hover{background:var(--btnShadedHover)}
.buttonLightGreyColor, .buttonLightGreyColor:hover{color:var(--black-100)!important}
.buttonWhiteColor:hover{color:#fff!important}
.buttonOtp{display:inline-block; text-decoration:none!important;text-align: center; padding: .45em 1em .45em;border-radius:.5em;background:#9E916F;color: #ffffff!important; font-size: 0.95em}
.buttonOtp:hover{background:#aea386; color: #ffffff!important}
.buttonVeryLightGrey{background:#E9E8E6}
.buttonVeryLightGrey:hover{background:#d7d5d1}
.buttonVeryLightRed{color:#b15955;background:#f2dede}
.buttonWhiteTranspSmall{background:#fff;font-size:12px;font-style:italic;border:1px solid #d6d6d6;color:#888;padding:3px 10px}
.buttonWhiteTranspSmall i{font-size:10px}
.buttonWhiteTranspSmall:hover{border:1px solid #9E916F;color:#9E916F;text-decoration:none}
.buttonNoticeBoard{font-size:12px;color:#484E5E;text-align:center;height:70px}
.buttonNoticeBoard .count{background:#B15955;display:inline-block;padding:3px 5px;font-size:12px;font-weight:bold;color:#fff;margin:0 auto 5px auto;min-width:24px}
.buttonRed{background:#B15955;padding:10px 20px;color:#fff}
.buttonRed:hover{background:#bd7370;color:#fff}
.buttonWhite{background:transparent;padding:10px 20px;color:var(--black-100);border-radius:0.5rem;border:1px solid var(--slate-30);height:40px;}
.buttonDisabled{background-color:var(--btnShaded);padding:10px 20px;color:var(--white)!important;border-radius:0.5rem;border: 1px solid transparent;transition: all 0.2s ease-out;cursor: default!important}
.buttonOtpAll {display:inline-block;text-decoration:none!important;font-size: 14px;float: right;}
@media (max-width:767px) {
    .buttonOtpAll{float: left;}
}
.buttonLoggedIn{background:transparent;
    padding:10px 20px;
    color:var(--black-100);
    border-radius:0.5rem;
    border:1px solid var(--slate-30);
    text-align:right;
    margin:10px 10px 10px 0px;
    /*line-height:10px;*/
}
.buttonLogOut{
   display:block;
    border-radius:0.5rem;
    cursor:pointer;
    color:var(--black-100);
    height:70px;
    width:100px;
    text-decoration:none!important;
    padding-top:13px;
    background:var(--white);
    border:1px solid var(--slate-30);
}
.buttonLogOut:hover{background:var(--white);color:var(--black-100)}
.buttonLogOut i{font-size:22px}
.buttonContact{
   display:block;
    border-radius:0.5rem;
    cursor:pointer;
    color:var(--black-100);
    height:70px;
    width:100px;
    text-decoration:none!important;
    padding-top:13px;
    background:var(--white);
    border:1px solid var(--slate-30);
}
.buttonContact:hover{background:var(--white);color:var(--black-100)}
.buttonContact i{font-size:22px}
/*  CRMDEV-19695 */
.buttonRegisterBtn{color:var(--cyan-100);border:none;display:inline;background-color:#fff;padding:0px 0px;cursor:pointer}
.buttonRegisterBtn:hover{color:var(--cyan-100);text-decoration:underline}
.buttonResetBtn{color:var(--cyan-100);border:none;display:inline;background-color:#fff;padding:0px 0px;cursor:pointer}
.buttonResetBtn:hover{color:var(--cyan-100);text-decoration:underline}
.collapseButton{text-decoration:none;display:block;padding:10px 20px;margin:0;cursor:pointer;}
.editElementBtn{height:28px;width:28px}
.editElementGreenBtn, .editElementGreenBtn:focus{background:#7A9B42;color:#fff}
.editElementGreenBtn:hover{background:#8fb450;color:#fff!important}
.editElementLightGreyBtn{background:#a1a2a4;color:#fff}
.editElementLightGreyBtn:hover{background:#b5b6b7}
.inlineEditPageBtn{margin-bottom:0;position:absolute;right:0;top:0;padding:10px 15px}
.inline-edit-button{position:relative;top:2px}
.inline-edit-button:hover{color:#494e54}
.logoutButton{color:#494e54;height:70px;width:100px;text-decoration:none;padding-top:13px}
.logoutButton:hover{text-decoration:none}
.logoutButton i{color:#494e54;font-size:22px}
.menuButton{height:70px;color:var(--black-100);background-color: var(--white)}
.menuButton .fa-times, .menuButton.open .fa-bars{display:none}
.menuButton.open .fa-times, .menuButton .fa-bars{display:block}
.searchButton{height:70px;width:70px}
.searchButton i, .menuButton i{color:var(--black-100);font-size:22px}
.selectFAIconBtn{margin-bottom: 20px}
.selectFAIconBtn:hover{color:#9E916F;cursor:pointer}
.selectFAIconBtn i{font-size:18px;margin-right:5px;margin-bottom:10px}
.uploadButton{height:28px;padding:0 20px}


/* Blocks */
.iconLeftTextBlock{position:relative;min-height:44px}
.iconLeftTextBlock i{position:relative;float:left;margin:10px 20px 20px 0;font-size:44px}

/* Dashboard */
.dashboardBg{width:100%;padding-bottom:50px}
.logoutDetailWrap{background:var(--slate-30);padding:5px;height:70px;text-align:right;color:var(--black-100);font-size:12px;width:200px;}
.logoutDetailProfile{display:table;height:100%}
.logoutDetailProfileText{display:table-cell;vertical-align:middle;text-align:right;line-height:1.2}
.logoutDetailProfilePic{height:60px;margin-left:20px}
.logoutDetailProfilePic img{height:100%;border:2px solid #fff}
.logoutWrap{display:none}
.menuItemsWrap{padding:5px}
.searchFilterWrap{width:340px}
.topLevelCarouselMenu{margin:0 auto 30px auto;max-height:42px}

/* Carousel */
.control-buttons{margin-top:1.25rem;}
.carousel-inner{border-radius:0.5rem;}

/* Social icons */
.socialIconsSideMenuWrap{padding:0 20px 20px 20px}
.socialIconsTopWrap{width:102px;height:23px;display:table-cell;vertical-align:bottom}
.socialIconsContainer i{font-size:20px;color:#B1A99E}
.socialIconsSideMenuWrap i{font-size:24px}
.socialIconsContainer i:hover{color:#c2bcb4}
.socialIconsContainer a{margin:0 2px}

/* Notice board */
.noticeboardItemBlock{border-top:1px solid #9E916F;padding:30px 0 40px}
.noticeboardItemBlock.unread{background:#F6F3EE}
.noticeboardItemBlock a{color:#9E916F;text-decoration:underline;font-weight:bold}
.noticeboardItemBlock a:hover{color:#333}
.noticeboardItemBlock p{margin:0}
.noticeboardItemBlock h3{margin:0 0 30px 0;text-transform:uppercase}
.noticeContentBlock i.fa{color:#333;font-size:18px;position:absolute;right:20px;top:3px}

.noticeDropdown{background:rgba(129,128,126,0.98);position:absolute;top:74px;left:0;right:0;width:100%;z-index:40;display:none}
.noticeDateBlock{text-align:center}
.noticeDateDay, .noticeDateMonth{line-height:1}
.noticeItem{text-decoration:none;display:block;padding:20px 20px 30px 65px;font-size:14px;border-top:1px dotted #494e54}
.noticeItem:first-child{border-top:none}
.noticeItem:hover{text-decoration:none;background:rgba(72,78,94,0.5)}
.noticeItem .readMoreLink{display:inline-block;font-size:14px;margin-top:10px}
.noticeItem h5{font-weight:normal;color:#fff;margin:0 0 10px 0;text-transform:none;line-height:1.4}
.noticeItem h5 a{display:inline;color:#fff;text-decoration:underline;margin:0}
.noticeItem h5 a:hover{color:#333}
.noticeItem h5 i{position:absolute;top:3px;left:-40px}
.noticeItem h5 i.iconNoticeEnvelopeOpen{top:0}
.notificationBlock{margin-bottom:30px;padding:30px 30px 0 30px;position:relative;color:#fff}
.notificationBlock h2, .notificationBlock p{margin:0 0 30px 0}
.noticeButtonsWrap .button{color:#fff;text-decoration:none;display:block;float:left;text-align:center;padding:10px}
.noticeButtonsWrap .button i{margin-right:10px;font-size:18px;position:relative;top:1px}


/* Sidemenu */
#sideMenu{visibility:hidden;width:320px;z-index:100;top:80px!important;background:var(--white);padding:50px 0 0 0;min-height:200px;border-left:1px solid var(--slate-30);border-top:1px solid var(--slate-30);border-radius:0.5rem;}
#sideMenu a{text-decoration:none!important;color:var(--black-100)!important}
#sideMenu a:last-child{border:none}

.sideMenuItemsScrollWrap{position:relative;z-index: 1;width:100%;height:calc(100% - 130px);overflow:hidden}
.scrollContent {
    padding-bottom:100px;
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-transition-duration: 1000ms!important;
    -moz-transition-duration: 1000ms!important;
    -o-transition-duration: 1000ms!important;
    transition-duration: 1000ms!important;
}

.sideMenuLink{background:var(--white);color:var(--black-100);padding:15px 20px;font-size:14px}
.sideMenuLink:hover{background:#54585e;text-decoration:none;color:#fff}
.sideMenuLink.active{background:#373b3f;text-decoration:none;color:#fff}
.sideMenuSearchFormWrap{margin:0 0 20px 0;padding-left:20px}
.sideMenuSearchFormWrap .searchFormFieldsWrap{max-width:200px}
.sideMenuSearchFormWrap .searchFilterWrap{width:270px}

.sideMenuPanel, .subPanel {
    width: 320px;
    position: absolute;
    height:100%;
    top: 0;
    bottom: 0;
    right: -320px;
    -webkit-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    transition: ease 0.5s;
}
.sideMenuPanel{
    z-index:10;
    border-left:1px solid #F2F0E8;
}
.sideMenuPanel ul{padding:0;list-style:none}
.sideMenuPanel ul li{
    width: 320px;
    border-bottom:1px solid var(--slate-30);
    cursor: pointer;
    background:var(--white)
}
.sideMenuPanel ul li:hover {
    color: #fff;
}
.sideMenuPanel ul li .fa{position:relative;top:1px}
.sideMenuPanel ul li ul li{
    color:#fff;
}
.sideMenuPanel ul li ul li:hover{
    background:#9E916F;
    color:#fff;
}
.sideMenuPanel.isOpen, .subPanel.isOpen {
    -webkit-transform: translateX(-320px);
    -moz-transform: translateX(-320px);
    -ms-transform: translateX(-320px);
    -o-transform: translateX(-320px);
    transform: translateX(-320px);
}
.subPanel{
    z-index:20;
}
.subPanel .heading {
    background: #F15F48;
    color: #fff;
    font-weight:bold;
}
.sideNavScrollBtn{opacity:0.5;font-size:30px;left:0;padding:10px 20px;width:30px;text-align:center;right:0;margin: 0 auto;display:none;cursor:pointer;z-index:2}
.sideNavScrollBtn:hover{opacity:1}
.sideNavScrollBtn.down{bottom:80px;display:block}
.sideNavScrollBtn.up{top:0}

/* Widgets */
.dbWidget{margin-bottom:20px}
.dbWidget.goldBorder .dbWidgetHeadingTitle{border-bottom:1px solid #D4C4AD;padding-bottom:10px}
.dbWidget .dbWidgetHeading + .dbWidgetHeading{margin-top:1px}
.dbWidgetBlock{padding:20px}
.dbWidgetHeading{padding:15px 20px}
.dbWidgetHeading.small{padding:10px 20px}
.profileLink{display:block;margin:5px 0 0 0}
.profileLink .profilePic{height:30px;width:20px;overflow:hidden}
.profileLink .profilePic img{max-width:100%}
.profileLink .profileNameBlock{width:calc(100% - 30px);position:relative;padding:4px 30px 8px 10px;min-height:30px;border-bottom:1px solid #D3D2CE;font-size:12px;color:#333}
.profileLink:hover .profileNameBlock{background:#E9E8E6}
.profileLink:hover .profileNameBlock i{opacity:1}
.profileLink .profileNameBlock i{opacity:0;position:absolute;right:10px;top:7px;color:#81807E;font-size:14px}

.profileLinksList .profileLink:last-child .profilePic, .profileLinksList .profileLink:last-child .profileNameBlock{border-bottom:none}
.profileLinksList .profileLink:first-child{margin-top:0}

/* Graphs - Amcharts */
.amcharts-export-menu-top-right{top:10px;right:0}
.graphElement{width:100%;height:500px;font-size:11px}
.amcharts-chart-div {
    height: 400px !important; /* force that height */
    overflow: auto;
    position: relative;
}

/* Profile page */
.profileDetailHeaderButtonsWrap .button{height:120px;width:100%}
.profileDetailHeaderContent{position:relative;z-index:2}
.profileDetailHeaderWrap{position:relative;margin-bottom:20px}
.profileDetailHeaderWrap .rearBanner{height:100%;top:0;width:100%;position:absolute;left:0;right:0;z-index:1}
.profileDetailHeaderWrap .profileDetailHeaderPic{max-width:150px;margin:30px 0 30px 30px}
.profileDetailHeaderPic img{border:1px solid #fff;max-width:150px;height:180px;overflow:hidden}
.profileDetailHeaderName{color:#9E916F;padding-top:40px;margin-left:30px;max-width:calc(100% - 210px)}
.profileDetailHeaderName h2{margin:0 0 20px 0}
.profileDetailHeaderStatsBlock{background:#F4F3EE;min-height:240px;color:#fff;max-width:1020px;width:100%}

/* Sorting Table */
.sortableTableWrap .respTblHead .respTd {position:relative;}
.sortableTableWrap .respTblHead .respTd::after {display:block; content:'\f0dc'; font-family:'FontAwesome'; color:var(--black-100); position:absolute; top:50%; right:2px; transform:translateY(-50%);}
.sortableTableWrap .respTblHead .respTd[data-order="asc"]::after {content:'\f0de';}
.sortableTableWrap .respTblHead .respTd[data-order="desc"]::after {content:'\f0dd';}

/* Search */
.hlYellow{background:#FDF300}

/* Tables */
.inlineColLabel-xs{display:none}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{padding:8px 0 8px 15px}
.table > tr:nth-child(even), .table tbody > tr:nth-child(odd){background:#E9E8E6}
.table>tbody>tr>td{border:1px solid #d6d6d6;border-top:none}
.table>thead.bgDarkNavy{}

.respTblOuter{margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;position:relative}
.respTblWrap .respTd{padding:8px 15px}
/*.respTblWrap:not(.noBorder) .respTblBody .respTblRow{border:1px solid #d6d6d6;border-top:none}*/
.respTblWrap > respTblHead.respTblRow:nth-last-child(1){background:var(--slate-30)}
.respTblWrap .respTblHead{border:1px solid var(--slate-30); border-radius: 8px 8px 0 0;}
.respTblHead-xs{height:10px}

/* iScroll - custom scroll bar */
.iScrollIndicator{border:none!important;display:none!important;visibility:hidden!important}

/* Grid link items */
.gridImgBg{background-position:center center;width:100%;height: 160px;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.gridImgBg:hover{opacity:.4;filter:alpha(opacity=40);cursor:pointer;background-color:rgba(255,255,255,.9)}
.gridImgText{color:#fff;font-size:22px;line-height:20px;top:50%;transform:translateY(-50%);margin:0 auto;width:100%;padding-left:10px;padding-right:10px;text-shadow:0 0 5px #000}
.gridLinkItem{margin:0 1px 2px 1px;width:100%;height:160px}

/* Grid link item tools*/
.gridImgBgTool{background-position:center center;width:100%;height: 160px;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
/*.gridImgBgTool:hover{background-color:#494E54}*/
.gridLinkWrap .gridLinkItem:nth-child(odd) {
    background-color: var(--slate-30);
	border-radius: 0.5rem;
}

.gridLinkWrap .gridLinkItem:nth-child(even) {
    background-color: #494E54;
}

.gridLinkWrap .gridLinkItem .gridImgBgTool:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.gridToolText{color:var(--black-100);font-size:22px;line-height:20px;top:50%;transform:translateY(-50%);margin:0 auto;width:100%;padding-left:10px;padding-right:10px;}

/*---------------------------------------------------------TOOLTIPS----*/
.tooltipHover {position:relative;}
.tooltipHover u{color:var(--cyan-100);text-decoration: none;}
.tooltipHover:hover u{color:var(--cyan-100);text-decoration: underline;}
.tooltipContainerUnauthorized::before {content:""; height:0; width:0; border-bottom:5px solid transparent; border-left:5px solid #494e54; border-right:0; border-top:5px solid transparent; display:block; position:absolute; right:-5px; bottom:12px;}
.tooltipHover:hover .tooltipContainerUnauthorized {display:block; opacity:1;}
/*---------------------------------------------------------TOOLTIPS----*/
.tooltipContainerPsgResendBtn {
    position: absolute;
    bottom: 45px;
    right: 45px;
    background: var(--black-100);
    width: 200px;
    padding: 10px 15px;
    border-radius: 5px;
    z-index: 500;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    font-style: italic;
    font-size: 12px;
    opacity: 0;
    transition: all 0.5s;
    color: #fff;
    font-family: "Lato-Regular", sans-serif;
    text-transform: none;
    line-height: normal;
    text-align: center;
}
.tooltipContainerPsgResendBtn::before {content:""; height:0; width:0; border-left:5px solid transparent; border-top:5px solid var(--black-100); border-bottom:0; border-right:5px solid transparent; display:block; position:absolute; right:17px; bottom:-5px;}
.tooltipHover:hover .tooltipContainerPsgResendBtn {display:block; opacity:1;}


/* PSP Breakdown */
.collapseButtonPSPBreakdown .collapseIcon:before {content:"\f068"}
.collapseButtonPSPBreakdown.collapsed .collapseIcon:before {content:"\f067"}
.collapseButtonPSPBreakdown{text-decoration:none;display:block;margin:0;cursor:pointer;}

/* Financial advice page */
.collapseButtonDocument .collapseIcon:before {content:"\f078"}
.collapseButtonDocument.collapsed .collapseIcon:before {content:"\f054"}
.collapseButtonDocument{text-decoration:none;display:block;padding:10px 10px;margin:0;cursor:pointer;}
.actionListBorder{border-bottom:1px solid var(--slate-30);}


.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* CMS editable page */
.activate-editable-element{position:absolute;right:24px}
.cmsImageFl{max-width:100%;width:auto}
.cmsPageTitle .label, .cmsPageTitleEdit .label{top:-7px}
.collapseButton .collapseIcon:before {content:"\f068"}
.collapseButton.collapsed .collapseIcon:before {content:"\f067"}
.delete-editable-element-confirm{position:absolute;right:0}
.editPageBtnWrap{padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #eee}
.edit-element-add-new-element{position:relative;z-index:0;margin-left:-5px;padding-left:15px}
.edit-element-add-wrap{width:163px}
.edit-element-buttons-wrap{float:right;margin:0 10px 0 0;padding:0 10px 10px 10px;background:#f0f0f0}
.editable-element-console-wrap{margin-bottom:10px;height:30px;right:0}
.edit-select{width:200px!important}
.editable-element-form{width:100%;padding:10px;background:#f0f0f0}
.editable-element-img-preview{max-width:100%}
.editable-element-label{margin-bottom:5px}
.editable-element-wrap:hover{opacity:1}
.editable-element-wrap:not(.edit-active){padding:10px;margin-bottom:10px;border:1px dashed #ddd}
.editable-element-wrap:not(.edit-active):hover, .sortable-element.sorting{background:#F9F9F9}
.editable-element-wrap.sorting:not(.edit-active){border:none}
.editable-form-wrap input[type=text], .editable-form-wrap input[type=number], .editable-form-wrap textarea, .editable-form-wrap select{width:100%;border:1px solid var(--slate-30)}
.editable-form-wrap textarea{min-height:100px}
.sort-editable-element{z-index:2;position:absolute;padding:2px 10px;right:52px;width:130px;text-align:center}
.sort-editable-element:hover{background:#ddd}
.sort-placeholder{width:100%!important;background:#f0f0f0;border:1px dashed #ddd;margin-bottom:10px}
.sortable-element{z-index:0;position:relative}
.sortable-element.sorting{z-index:10000}


/* Custom CMS pages */
.spaceIconsWrap .spaceIcon + .spaceIcon{margin-left:3px}
/* Breadcrumb */
.navbreadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:none;border-radius:4px}
.navbreadcrumb>li{display:inline-block}
.navbreadcrumb>li+li:before{content:"\f054";padding:0 5px;color:#ccc}
.navbreadcrumb>.active{color:#777}
.navbreadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:none;border-radius:.25rem}
.navbreadcrumb+.navbreadcrumb{padding-left:.5rem}
.navbreadcrumb+.navbreadcrumb::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:""}
.navbreadcrumb+.navbreadcrumb:hover::before{text-decoration:underline}
.navbreadcrumb+.navbreadcrumb:hover::before{text-decoration:none}
.navbreadcrumb.active{color:var(--cyan-100)}
/* Shop */
.miniCartHeading{padding-bottom:20px;border-bottom:1px solid #494e54}
.miniCartItemWrap{padding: 10px 0;border-bottom: 1px solid #eee}
.miniCartItemThumbWrap{width:50px;height:50px;background-repeat:no-repeat!important;background-position:center center!important;-webkit-background-size:100%!important;-moz-background-size:100%!important;-o-background-size:100%!important;background-size:100%!important}
.miniCartItemContent{width:calc(100% - 50px);padding:0 40px 0 10px;position:relative}
.miniCartItemContent .miniCartRemoveBtn{position:absolute;right:0;top:0;z-index:1}
.miniCartWrap{min-height:200px;border:2px solid #eaeaea;padding:20px}
.productItemContentWrap{padding:10px 20px;width:auto}
.productItemImageWrap{height:auto;width:300px;vertical-align:middle}
.productItemImageLink{height:auto;width:300px;display:block;text-align:center}
.productItemQty{height:40px;width:65px}
.shopItem, .productItem{min-height:200px;padding:10px;border-top:2px solid #eaeaea}
.productItem{padding:20px 10px}
.shopItem:hover{background:#f9f8f3}
.shopItemCatLabel{border:1px solid #ddd;padding:3px 5px;display:inline-block;border-radius:5px;background:#efefef;color:#777;font-size:12px;margin-right:5px;margin-bottom:5px}
/*.shopItemList .shopItemColumn:nth-child(3n+2){background:green}
.shopItemList .shopItemColumn:not(.hidden):nth-child(3n+2) + .clearAble{display:block;background:red;height:10px}*/
.clearAble{display:none;clear:both}
.shopItemContentWrap{padding:10px;width:auto}
.shopItemImage{max-height:100%;max-width:100%}
.shopItemImageLink{height:160px;width:160px;display:block;text-align:center}
.shopItemImageWrap{height:160px;width:160px;vertical-align:middle}
.shopItemProductName{color:#9E916F!important;text-decoration:none!important}
.shopItemProductName:hover{color:#494e54!important;text-decoration:none!important}
.shopSearchBar{width:calc(100% - 109px);padding:9px 10px!important}

/* Icons */
.iconNoticeEnvelopeClosed{background:url('index.php?c=index/xfilefrontend&sub=7&name=icon-envelope-18-closed.png') no-repeat;width:18px;height:14px}
.iconNoticeEnvelopeOpen{background:url('index.php?c=index/xfilefrontend&sub=7&name=icon-envelope-18-open.png') no-repeat;width:18px;height:18px}
.iconYoutube{background:url('index.php?c=index/xfilefrontend&sub=7&name=youtube.png') no-repeat;width:25px;height:25px;}
.iconWhatsapp{background:url('index.php?c=index/xfilefrontend&sub=7&name=whatsapp.png') no-repeat;width:25px;height:25px;}
.iconTwitter{background:url('index.php?c=index/xfilefrontend&sub=7&name=twitter.png') no-repeat;width:25px;height:25px;}
.iconTrash{background:url('index.php?c=index/xfilefrontend&sub=7&name=trash.png') no-repeat;width:25px;height:25px;}
.iconTrash{background:url('index.php?c=index/xfilefrontend&sub=7&name=trash.png') no-repeat;width:25px;height:25px;}
.iconShare{background:url('index.php?c=index/xfilefrontend&sub=7&name=share.png') no-repeat;width:25px;height:25px;}
.iconSearch{background:url('index.php?c=index/xfilefrontend&sub=7&name=search.png') no-repeat;width:25px;height:25px;}
.iconReset{background:url('index.php?c=index/xfilefrontend&sub=7&name=reset.png') no-repeat;width:25px;height:25px;}
.iconQuestion{background:url('index.php?c=index/xfilefrontend&sub=7&name=question.png') no-repeat;width:25px;height:25px;}
.iconPlus{background:url('index.php?c=index/xfilefrontend&sub=7&name=plus.png') no-repeat;width:25px;height:25px;}
.iconPhone{background:url('index.php?c=index/xfilefrontend&sub=7&name=phone.png') no-repeat;width:25px;height:25px;}
.iconPen{background:url('index.php?c=index/xfilefrontend&sub=7&name=pen.png') no-repeat;width:25px;height:25px;}
.iconPaperPlane{background:url('index.php?c=index/xfilefrontend&sub=7&name=paper-plane.png') no-repeat;width:25px;height:25px;}
.iconPadlockOpen{background:url('index.php?c=index/xfilefrontend&sub=7&name=paper-padlock-open.png') no-repeat;width:25px;height:25px;}
.iconPadlockClosed{background:url('index.php?c=index/xfilefrontend&sub=7&name=padlock.png') no-repeat;width:25px;height:25px;}
.iconNotify{background:url('index.php?c=index/xfilefrontend&sub=7&name=notify.png') no-repeat;width:25px;height:25px;}
.iconMinus{background:url('index.php?c=index/xfilefrontend&sub=7&name=minus.png') no-repeat;width:25px;height:25px;}
.iconMessage{background:url('index.php?c=index/xfilefrontend&sub=7&name=message.png') no-repeat;width:25px;height:25px;}
.iconMenu{background:url('index.php?c=index/xfilefrontend&sub=7&name=menu.png') no-repeat;width:25px;height:25px;}
.iconLogin{background:url('index.php?c=index/xfilefrontend&sub=7&name=login.png') no-repeat;width:25px;height:25px;}
.iconLocation{background:url('index.php?c=index/xfilefrontend&sub=7&name=location.png') no-repeat;width:25px;height:25px;}
.iconLinkedin{background:url('index.php?c=index/xfilefrontend&sub=7&name=linkedin.png') no-repeat;width:25px;height:25px;}
.iconLineGraph{background:url('index.php?c=index/xfilefrontend&sub=7&name=line-graph.png') no-repeat;width:25px;height:25px;}
.iconInfoCircle{background:url('index.php?c=index/xfilefrontend&sub=7&name=info-circle.png') no-repeat;width:25px;height:25px;}
.iconFileUpload{background:url('index.php?c=index/xfilefrontend&sub=7&name=file-upload.png') no-repeat;width:25px;height:25px;}
.iconFileDownload{background:url('index.php?c=index/xfilefrontend&sub=7&name=file-download.png') no-repeat;width:25px;height:25px;}
.iconFile{background:url('index.php?c=index/xfilefrontend&sub=7&name=file.png') no-repeat;width:25px;height:25px;}
.iconFacebook{background:url('index.php?c=index/xfilefrontend&sub=7&name=facebook.png') no-repeat;width:25px;height:25px;}
.iconExit{background:url('index.php?c=index/xfilefrontend&sub=7&name=exit.png') no-repeat;width:25px;height:25px;}
.iconExclamationTriangle{background:url('index.php?c=index/xfilefrontend&sub=7&name=exclamation-triangle.png') no-repeat;width:25px;height:25px;}
.iconEnvelope{background:url('index.php?c=index/xfilefrontend&sub=7&name=envelope.png') no-repeat;width:25px;height:25px;}
.iconEllipsis{background:url('index.php?c=index/xfilefrontend&sub=7&name=ellipsis.png') no-repeat;width:25px;height:25px;}
.iconDirection{background:url('index.php?c=index/xfilefrontend&sub=7&name=direction.png') no-repeat;width:25px;height:25px;}
.iconDelete{background:url('index.php?c=index/xfilefrontend&sub=7&name=delete.png') no-repeat;width:25px;height:25px;}
.iconCopy{background:url('index.php?c=index/xfilefrontend&sub=7&name=copy.png') no-repeat;width:25px;height:25px;}
.iconClock{background:url('index.php?c=index/xfilefrontend&sub=7&name=clock.png') no-repeat;width:25px;height:25px;}
.iconCheckCircle{background:url('index.php?c=index/xfilefrontend&sub=7&name=check-circle.png') no-repeat;width:25px;height:25px;}
.iconCheck{background:url('index.php?c=index/xfilefrontend&sub=7&name=check.png') no-repeat;width:25px;height:25px;}
.iconCalender{background:url('index.php?c=index/xfilefrontend&sub=7&name=calender.png') no-repeat;width:25px;height:25px;}
.iconBarGraph{background:url('index.php?c=index/xfilefrontend&sub=7&name=bar-graph.png') no-repeat;width:25px;height:25px;}
.iconBackSpace{background:url('index.php?c=index/xfilefrontend&sub=7&name=back-space.png') no-repeat;width:25px;height:25px;}
.iconArticle{background:url('index.php?c=index/xfilefrontend&sub=7&name=article.png') no-repeat;width:25px;height:25px;}
.iconAngleUpAlt{background:url('index.php?c=index/xfilefrontend&sub=7&name=angle-up-alt.png') no-repeat;width:25px;height:25px;}
.iconAngleUp{background:url('index.php?c=index/xfilefrontend&sub=7&name=angle-up.png') no-repeat;width:25px;height:25px;}
.iconAngleRight{background:url('index.php?c=index/xfilefrontend&sub=7&name=angle-rigth.png') no-repeat;width:25px;height:25px;}
.iconAngleLeft{background:url('index.php?c=index/xfilefrontend&sub=7&name=angle-left.png') no-repeat;width:25px;height:25px;}
.iconAngleDownAlt{background:url('index.php?c=index/xfilefrontend&sub=7&name=angle-down-alt.png') no-repeat;width:25px;height:25px;}
.iconAngleDown{background:url('index.php?c=index/xfilefrontend&sub=7&name=angle-down.png') no-repeat;width:25px;height:25px;}
.iconAdviser{background:url('index.php?c=index/xfilefrontend&sub=7&name=adviser.png') no-repeat;width:25px;height:25px;}

/* Footer */
footer{font-size:14px;color:#fff;padding:15px 30px;width:100%}
.subFooter{padding:40px 20px 20px 20px;position:relative}
.subFooterPanel{padding-bottom:60px}
.subFooterPanel .button{bottom:0}

.footer-logo{
    height:42px;
}
.footer-link-header{
    margin-top:0;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--slate-30);
    color: var(--black-100)!important;
}
.footer-link:hover {
    color: var(--black-100);
    text-decoration: none;
}
.footer-navbar-brand{
    display:inline-block;
    padding-top:.3125rem;
    padding-bottom:.3125rem;
    margin-right:1rem;
    font-size:1.25rem;
    line-height:inherit;
    white-space:nowrap
}
.footer-icon-text{
    display:inline-block;
    color:var(--black-100);
    text-decoration: none!important;
    margin-bottom:10px;
}
a.footer-icon-text{
     color:var(--black-100);
}
.footer-align-items-start{
    -ms-flex-align:start!important;
    align-items:flex-start!important
}
.footer-divider{
    height:0;
    overflow:hidden;
    border-top:1px solid var(--slate-30);
}
.footer-horizontal-divider-90{
    height:0;
    margin:.5rem 0;
    overflow:hidden;
    border-top:1px solid #e9ecef;
    width: 90%;
    padding: 10px;
}
.footer-horizontal-divider-100{
    height:0;
    margin:.5rem 0;
    overflow:hidden;
    border-top:1px solid #e9ecef;
    padding: 10px;
}
.footer-align-self-center{
    -ms-flex-item-align:center!important;
    align-self:center!important
}

.col{position:relative;width:100%;padding-right:15px;padding-left:15px;}
.footer-col-auto{flex:0 0 auto;width:auto;max-width:100%;padding-left:15px;padding-right:15px}
.white-bg {background-color: #ffffff;}

.linkFooter{
   color:var(--black-100);
    text-decoration:none!important;
    margin-bottom: 10px;
    display:inline-block;
}
.linkFooter:hover{
    color:var(--black-100);
    text-decoration:none!important;
}
a.linkFooter{
     color:var(--black-100);
}
/* Jquery UI */
.ui-autocomplete{z-index:1100}
.ui-autocomplete .ui-menu .ui-menu-item{list-style-image:none;font-size:14px;color:#494C53;padding:2px 10px;border:none;background:none}
.ui-autocomplete .ui-menu .ui-state-focus, .ui-autocomplete .ui-menu .ui-state-active{margin:0}
.ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-widget-content .ui-state-hover, .ui-autocomplete .ui-widget-header .ui-state-hover, .ui-autocomplete .ui-state-focus, .ui-autocomplete .ui-widget-content .ui-state-focus, .ui-autocomplete .ui-widget-header .ui-state-focus{background:#dadada;border:none;padding:2px 10px;color:#9E916F}

.ui-datepicker .ui-datepicker-prev-hover{left:2px}
.ui-datepicker .ui-datepicker-next-hover{right:2px}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top:2px}

#ui-datepicker-div {border-radius: 0.5rem !important;background:#fff;font-family: "Lato-Regular", sans-serif;}
.ui-widget-header {border-color:var(--slate-30);background:#fff;border-radius: 0.5rem!important;color: var(--black-100);}
.ui-widget-header .ui-icon{background-image:url("index.php?c=index/xfilefrontend&sub=8&name=ui-icons_222222_256x240.png")}
.ui-state-default, .ui-widget-content {color: #494e54!important;border-color:#d6d3ce !important;font-weight: normal;}
.ui-state-hover {color: var(--black-100)!important;; background: none!important;; border-color: var(--cyan-100)!important;}
.ui-state-highlight {background: var(--cyan-100)!important;border-color:var(--cyan-100)!important;color:var(--white)!important;}
.ui-datepicker-prev, .ui-datepicker-next {background: var(--slate-30); border-radius: 0 !important;}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("index.php?c=index/xfilefrontend&sub=8&name=ui-icons_222222_256x240.png")}


/* Modals */
.modal-title{max-width: calc(100% - 40px)}
.modalProgressBar{width:0;height:22px;background:#7A9B42;position:absolute;top:1px;left:1px;max-width:calc(100% - 2px)}
.modalProgressBarText{position:relative;color:#fff;font-size:12px;text-align:center;padding:3px 0 0 0}
.modalProgressBarWrap{border:1px solid #ccc;background:#fff;width:100%;height:26px;position:relative}
.modalTaxCertificateCloseBtn{
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    /* opacity:.2; */
    filter: alpha(opacity=20)
}

.modalTaxCertificateCloseBtn:hover,.modalTaxCertificateCloseBtn:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}


/* Google map */
.googleMapWrap{height:500px; width:100%; border: 1px solid #e5e5e5}

/* Product graphs */
.productGraph{background-color: var(--white);border-radius: 0.5rem;}
.productGraph > .errorNotification{border:none;}



/* Scrollspy + Affix */
.affix{top:15px}
.affix-bottom {position: absolute}

.scrollspy .nav .active{font-weight:bold}
.scrollspy .nav .nav{display:none;padding-left:20px}
.scrollspy .nav .active .nav{display:block}
.scrollspy .nav .nav a{padding:0}
.scrollspy .nav .nav span{margin:0 5px 0 2px}
.scrollspy .nav .nav .active a,
.scrollspy .nav .nav .active:hover a,
.scrollspy .nav .nav .active:focus a{font-weight:bold;padding-left:20px;border-left:5px solid black}
.scrollspy .nav .nav .active span,
.scrollspy .nav .nav .active:hover span,
.scrollspy .nav .nav .active:focus span{display:none}
.scrollspy .nav>li{}
.scrollspy .nav>li>a:hover, .nav>li>a:focus{background:none}
.scrollspy .nav a{padding:0;margin-bottom:5px}

/* Media Queries */
@media (min-width: 0em) {

    /* Generals */
    .scrollToTop.buttonGold{bottom:135px}

    /* Layout */
    .flMobFrDesk{float:left}
    .noFlMobFrDesk{float:none}

    /* Buttons */
    .buttonNoticeBoard{padding:10px 10px 0 10px}
    .menuButton{width:80px}

    /* Dashboard */
    .topLevelCarouselMenu{width:calc(100% - 100px)}

    /* Login */
    .logoMyPSGLoginWrap{display:none}
    .loginFormCol{padding:30px 20px}

    /* Logos */
    .logoPsgLogin{margin:30px 0 50px}
    .logoDashboardMyBase{width:100px;height:30px;border-left: 1px solid #80828F;margin-top: 11px;padding-left:20px}
    .logoDashboardPSG{width:90px;height:50px;margin-left:20px}

    /* Profile */
    .profileDetailHeaderButtonsWrap{width:100%}

    /* Notice board */
    .noticeboardItemBlock .noticeDateBlock{width:65px}
    .noticeboardItemBlock .noticeContentBlock{width:calc(100% - 65px);padding:0 60px 0 20px}
    .noticeboardItemBlock h3{font-size:20px}
    .noticeDateDay{font-size:38px}
    .noticeDateMonth{font-size:14px}
    .noticeDropdown{padding:20px 0}
    .noticeDropdown .container{padding-left:5px;padding-right:5px}
    .noticeButtonsWrap .button{width:100%}
    .noticeItem h5{font-size:16px}

    /* Grid link items */
    .gridLinkWrap .gridLinkItem{max-width:100%}

    /* CMS Editable page */
    .cmsPageTitle{max-width:calc(100% - 150px)}
    .edit-element-add-wrap{width:151px;margin-right:5px}
    .editable-form-wrap select, .editable-form-wrap input[type=number]{width:128px}
}

@media (min-width: 420px){

    /* Logos */
    .logoDashboardPSG{width:185px}

    /* Grid link items */
    .gridLinkWrap .gridLinkItem{max-width:49.2%}

    /* CMS Editable page */
    .edit-element-add-wrap{width:163px;margin-right:5px}
    .editable-form-wrap select, .editable-form-wrap input[type=number]{width:140px}
}

/*  Small devices (landscape phones, 34em and up) = 544px */
@media (min-width: 34em) {

    /* Buttons */
    .buttonNoticeBoard{padding:10px 20px 0 20px}
    .menuButton{width:100px}

    /* Icons */
    .iconNoticeEnvelopeClosed{background:url('index.php?c=index/xfilefrontend&sub=7&name=icon-envelope-23-closed.png') no-repeat;width:23px;height:17px}
    .iconNoticeEnvelopeOpen{background:url('index.php?c=index/xfilefrontend&sub=7&name=icon-envelope-23-open.png') no-repeat;width:23px;height:23px}

    /* Login */
    .logoMyPSGLoginWrap{display:block}
    .loginFormCol{padding:50px}

    /* Logos */
    .logoPsgLogin{margin:60px 0 100px}

    /* Notice board */
    .noticeButtonsWrap .button{width:50%}
    .noticeDropdown{padding:20px}
    .noticeDropdown .container{padding-left:15px;padding-right:15px}
    .noticeItem h5{font-size:22px}

    /* CMS Editable page */
    .edit-element-add-wrap{width:163px;margin-right:40px}

}


@media (min-width: 48em){ /* 768px */

    /* General */
    .scrollToTop.buttonGold{bottom:95px}

    /* Layout */
    .contentLH-2-5-above-xs{line-height:2.5}
    .flMobFrDesk, .noFlMobFrDesk{float:right}
    .noFlMobFrDesk {margin-right:75px; }

    /* Grid link items */
    .gridLinkWrap .gridLinkItem{max-width:33%}


}

@media (min-width: 75em){ /* 992px */

    /* Dashboard */
    .topLevelCarouselMenu{width:100%;border-right:1px solid #D6D6D6;margin:0 0 30px 0;max-width:100%}
    .topMenuCarousel .slick-prev, .topMenuCarousel .slick-next{display:none!important;visibility:hidden!important;width:0!important;font-size:0!important}

    /* PSG Shop */
    .flexRowAbove992 {display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;flex-wrap:wrap}

}


/* Extra large devices (large desktops, 75em and up) = 1200px */
@media (min-width: 75em) {

    /* Generals */
    .contentLH-2-5-above-md{line-height:2.5}
    .scrollToTop.buttonGold{bottom:75px}


    /* Bootstrap */
    .container {max-width: 1630px;width:100%}

    /* Profile */
    .profileDetailHeaderButtonsWrap{width:250px}

    /* Notice board */
    .noticeboardItemBlock .noticeDateBlock{width:130px}
    .noticeboardItemBlock .noticeContentBlock{width:calc(100% - 130px);padding:0 60px 0 0}
    .noticeboardItemBlock h3{font-size:26px}
    .noticeDateDay{font-size:58px}
    .noticeDateMonth{font-size:18px}

    /* Grid link items */
    .gridLinkWrap .gridLinkItem{max-width:19.7%}

}

@media (min-width: 75em) and (max-width: 87.4em){ /* 1200px - 1399px */

    /* Shop */
    .shopItemImageWrap, .shopItemImageLink{width:110px;height:110px}

}



@media (max-width: 26.9em){ /* 430px */

    /* Shop */
    .shopItemImageWrap, .shopItemImageLink{width:160px!important;height:160px!important}
    .shopItemImageWrap{margin-top:10px;float:none!important;display:block}
}

@media (max-width: 33.9em){ /* 543px */

    /* Shop */
    .shopItemImageWrap, .shopItemImageLink{width:110px;height:110px}
}

@media (max-width: 40em){ /* 640px */

    /* Shop */
    .productItemContentWrap{padding-left:0}
    .productItemImageLink{width:100%;max-width:400px}
    .productItemImageWrap{display:block;margin-bottom:20px;width:100%;max-width:400px}

}

@media (max-width: 47.9em){ /* 767px */

    /* Layout */
    .m-b-10-xs{margin-bottom:10px}
    .p-t-10-xs{padding-top:10px}

    /* Tables */
    .inlineColLabel-xs{display:block}
    .respTblCollapseXS .dtc{display:block}
    .respTd-xs{width:calc(100% - 100px);float:left}
    .respTd-xs.mobLabel120{width:calc(100% - 120px);float:left}

}

@media (max-width: 74.9em) {  /* 1199px */
    .profileDetailHeaderName{max-width:calc(100% - 240px);margin-right:30px}
}


/* Slick */
.subTopCarMenu .carMenuItem a{background:var(--white)}
.subTopCarMenu .carMenuItem a.active, .subTopCarMenu .carMenuItem a.active:hover{color:#fff;background:var(--white)}
.subTopCarMenu, .topCarMenu{height:40px}
.subTopCarMenu .slick-next, .subTopCarMenu .carMenuItem{border-left:1px solid #D6D6D6}
.subTopCarMenu .slick-prev, .subTopCarMenu .slick-next, .subTopCarMenuWrap{border-top: 1px solid #D6D6D6;border-bottom: 1px solid #D6D6D6}
.subTopCarMenu .slick-prev:hover, .subTopCarMenu .slick-next:hover, .subTopCarMenu .carMenuItem a:hover{background:#D6D3CE}

.topCarMenu .carMenuItem a{background:var(--white);}
.topCarMenu .carMenuItem a.active, .topCarMenu .carMenuItem a.active:hover{background:var(--white);color:var(--black-100)}
.topCarMenu .slick-next, .topCarMenu .carMenuItem{border-left:1px solid #D6D6D6}
.topCarMenu .slick-prev, .topCarMenu .slick-next{background:#fff}
.topCarMenu .slick-prev, .topCarMenu .slick-next, .topCarMenuWrap{border-top: 1px solid #D6D6D6;border-bottom:1px solid #D6D6D6; /*  border-bottom only while sub TopCarMenu not being used*/ }
.topCarMenu .slick-prev:hover, .topCarMenu .slick-next:hover, .topCarMenu .carMenuItem a:hover{background:var(--white)}
.topMenuCarousel .slick-prev, .topMenuCarousel .slick-next{width:50px;height:42px;border:1px solid #D6D6D6;top:9px}
.topMenuCarousel .slick-next{right:-50px;border-right:none}
.topMenuCarousel .slick-prev{border-left:none;border-right:none;left:-50px}
.topMenuCarousel .slick-prev:before, .slick-next:before{color:#818181;font:normal normal normal 18px/1 FontAwesome;position:relative;top:1px}
.topMenuCarousel .slick-prev:before{content:"\f053"}
.topMenuCarousel .slick-next:before{content:"\f054"}
.topMenuCarousel .carMenuItem a{font-family:"Lato-Regular", sans-serif;text-align:center;color:var(--black-100);text-decoration:none;height:40px;padding:10px 10px 0 10px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis}
.topMenuCarousel .carMenuItem a:hover{color:var(--black-100);text-decoration:none}
.topMenuCarousel .carMenuItem .button{border-radius:0;}



/* PRINT STYLES */
@media print {

    .dashboardLogoWrap{display:none!important}
    .dashboardTopNavBg, .dashboardTopNavBg *{display:none}
    .topMenuCarousel{display:none}
    img{display:none;}

    /*#header {display:none;}*/
    /*#content {display:none;}*/
    /*#comments {display:none;}*/
    /*#sidebar {display:none;}*/
    /*#footer {display:none;}*/

    /*.site-description {display:none;}*/
    /*.site-title {display:none;}*/

}


/*-------------------------------------------------------LOGIN SCREEN----*/
.noticeWrapper {width:90%; padding:20px 10px; font-size:1.5rem;}
@media (max-width: 960px) { .logoMyPSGLoginWrap { left: 8px; } .logoMyPSGLogin { background-size: 330px auto; } }
@media (max-width: 960px) { .logoPsgLogin { margin-bottom: 25px; margin-top: 0px; } }
@media (max-width: 780px) { .loginFormCol { max-width: 100%; } .logoPsgLogin { margin-bottom: 15px; margin-top: 0px;} }
/*.loginBg {height:auto; min-height:100vh;}*/
.loginFormCol {min-height:100vh;}

.street_address_visibility, .postal_address_visibility {display: none;}

.detailContent dl, .profileBox dl, .productDetails dl {
    font-size: 1.1rem;
}

input[type="text"]:read-only {
    background-color: var(--white);
}

#dialog-form-street-address, #dialog-form-postal-address, #dialog-form-work-address {display: none; height:auto!important;}
#dialog-form-street-address-popup, #dialog-form-postal-address-popup, #dialog-form-work-address-popup {display: none; height:auto!important;}

.breakdown .ui-tabs {

}

.breakdown .ui-widget-content,
.breakdown .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-brt,
.breakdown .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,
.breakdown .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
.breakdown .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    background: none!important;
    border: none!important;
}

.breakdown .ui-tabs,
.breakdown .ui-tabs .ui-tabs-nav {
	padding: 0!important;
}

.breakdown .ui-tabs .ui-tabs-panel {
	padding: 1em 0 0!important;
}

.breakdown .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	background: var(--slate-100);
	color: var(--black-100);
    border-radius:0.5rem;
}

.breakdown .ui-tabs .ui-tabs-nav .ui-tabs-active.ui-state-active .ui-tabs-anchor {
	background: #ffffff;
	color: var(--cyan-100);
    border-radius:0.5rem;
}

.disabled {background: #EBEBE4;}

select[disabled]{
	background-color: rgb(235, 235, 228);
}

.jqmOverlay {position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba( 73,78,84,0.8 ); display:none; z-index:98;}
.jqmLoader {position:fixed; top:50%; width:100%; text-align:center; font-size:5rem; z-index:101; color:#fff; display:none;}
.jqmWindow {position:absolute; top:20px; left:50%; transform:translateX(-50%); max-width:750px; width:95%; background:#fff; z-index:99; padding:20px 30px; overflow:auto; display:none;}
.jqmTaxListWindow {position:absolute; top:20px; left:50%; transform:translateX(-50%); max-width:975px; width:97%; background:#fff; z-index:99; padding:20px 30px; overflow:auto; display:none;}
.jqmDocumentApprovalWindow {position:absolute; top:80px; left:50%; transform:translateX(-50%); max-width:872px; width:97%; min-height:1166.5px; background:#fff; z-index:1001; padding:20px 30px; overflow:auto; display:none;}
.jqmRemoteSupportWindow {position:absolute; top:80px; left:50%; transform:translateX(-50%); max-width:473px; width:97%; background:#fff; z-index:1001; padding:20px 30px; overflow:auto; display:none;}
.jqmDocumentViewWindow {position:absolute; top:80px; left:50%; transform:translateX(-50%); max-width:872px; width:97%; min-height:750.5px; background:#fff; z-index:1001; padding:20px 30px; overflow:auto; display:none;}
.jqmDocumentPdfSettingWindow {position:absolute; top:80px; left:50%; transform:translateX(-50%); max-width:872px; width:97%; background:#fff; z-index:1001; padding:20px 30px; overflow:auto; display:none;}
.jqmSignatureWindow {position:absolute; top:80px; left:50%; transform:translateX(-50%); max-width:872px; width:97%; background:#fff; z-index:1001; padding:20px 30px; overflow:auto; display:none;}

.aTd{
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-indent: -9999px;
    z-index: 1000;
}

/* Custom flexbox items */

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.align-self-center {align-self: center !important;}
.align-items-center {align-items: center !important;}
.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
.row-custom {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.row-custom-menu {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px;
    border-top: none;

}
.navbar > .container-fluid-custom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;

}
.container-fluid-custom {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.navbar > .container-fluid-custom-platform {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;

}

.container-fluid-custom-platform {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
}


/* Banner classes */

.banner {
    background-color: #fff;
}
.banner-top {
    height: 70px;
    border-top: 1px solid var(--slate-30);
    border-bottom: 1px solid var(--slate-30);
}
.banner-top-link {
    color: #1e1e1e;
    padding: 10px;

    font-family: "Lato-Regular", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}
.banner-top-link:hover {
    color: var(--cyan-100);
    cursor: pointer;
}
.banner-top-user {
    background-color: #e9e8e6;
    border-left: 1px solid #9e916f;
    text-align: right;
}
.banner-top-user:hover {
    cursor: pointer;
    background-color: #dfddda;
}
.banner-top-user small, .small {
    font-size: 80%;
    font-weight: 400;
}
.banner-top-user h6, .banner-top-user .ui-table-row-head {
    font-size: 14px;
    font-weight: bold;
    color: #494e54;
    font-family: "Lato-Regular", sans-serif;
    padding-right: 10px;
    padding-left: 4px;
    margin-bottom: 19px;

}
.banner-top-user-photo {
    padding: 0;
    margin-right:10px;
}

.banner-top-user-photo > img {
    height: 40px;
    border: 1px solid #9fa3a6;
}
.banner-nav-top-menu, .banner-nav-top-menu[onclick]:hover {
    color: #fff !important;
    width:auto;
    text-align: center;
}
.banner-nav-top-menu[onclick]:hover {
    cursor: pointer;
}

.banner-top-btn, .banner-top-btn[onclick]:hover {
    background-color: #494e54;
    border-left: 1px solid #9e916f;
    border-right: 1px solid #9e916f;
    color: #fff !important;
    line-height: 68px;
    width:78px;
    text-align: center;
}
.banner-top-btn[onclick]:hover {
    background-color: #9e916f;
    cursor: pointer;
}
.banner-top-user div {
    display: flex;
    flex-wrap: wrap;
    padding-left: 4px;
    padding-right: 1px;
}
.behalf-of-user {
    margin: 0 10px;
}
.banner-bottom {
    height: 60px;
    border-bottom: 1px solid #9e916f;
}
.banner-bottom-btn, .banner-bottom-btn[onclick]:hover {
    background-color: #cdc7b6;
    border-left: 1px solid #9e916f;
    border-right: 1px solid #9e916f;
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
}
.border-secondary {
    border: 1px solid #9e916f !important;
}
.banner-menu {
    background-color: var(--white);
    border-bottom: 1px solid var(--black-100);
}
.banner-menu-header {
    color: var(--black-100);
    margin-top: 0;
}
.banner-menu-header-divider {
    border-bottom:1px solid var(--slate-30);
}
.banner-menu-link {
    font-family: "Lato-Regular", sans-serif;
    color: var(--black-100);
    padding: 10px;
}
 .banner-menu-link:hover {
    border-bottom: 1px solid var(--cyan-100);
    cursor: pointer;
}


/* General classes */
.p-15 {
    padding: 1.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}

.p-2 {
    padding: .5rem !important;
}
.d-none {
    display: none !important;
}
.d-block {
    display: block !important;
}
.d-inline {
    display: inline !important;
}

.d-md-block {
    display: block !important;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 98;
    }
}

.nav-packs {
    background-color:  #FFD100;
    height: 30px;
    color: var(--white);
    font-weight: bold;
    flex-flow: column;
    padding-top: 5px;
}
.nova-ping {
    display: inline;
}

.banner-top-logo {
    height: 42px;
    padding-left: 9px;
}
.blue-color {
    background-color: #4e869f;
}
/* CRMMAINT-205591 */
.tableFix {table-layout:fixed; width:100%;}

.badge {
    display: inline;
    font-size: 12px;
    font-weight: 700;
    font-family: "Lato-Regular", sans-serif;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    line-height: 12px;
    margin-left: 16px;
    padding-bottom: 2px;
    padding-left: 4.8px;
    padding-right: 4.8px;
    padding-top: 2px;
}

.pl-md-5, .px-md-5 {
    padding-left: 3rem !important;
}

.banner-menu-close {
    background-image: url('index.php?c=index/xfile&name=icon-close.png');
    width: 21px;
    height: 21px;
}
.banner-menu-close:hover {
     cursor: pointer;
}

/* MEDIA QUERY */
/*--remove menu row options when device is bigger than 992px especially when user rotates device--*/
@media (min-width: 992px) {
    .row-custom-menu {
	    display:none;
    }
    .col-xs-1 {
        width:20%;
    }
     .col-xs-16 {
        width:80%;
    }
    .col-xs-18 {
        width:95%;
    }
}

@media (max-width: 991px) {
    .col-xs-1 {
        width:20%;
    }
     .col-xs-16 {
        width:80%;
    }
    .banner-menu .row:first-child .banner-menu-link {
        border-top: none;
    }
    .banner-top-nav-options {
	    display:none;
        height: auto;
    }
    .navbar-toggle {
        display: block;
        margin: 0 5px 0 5px;
    }
    .navbar-brand {
        height: auto;
    }
    .form-inline {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .banner-top {
        height: auto;
    }
    .banner-top-logo {
        height: auto;
    }
    .icon-bar {
        background-color: #888;
    }
}

/*CRMDEV-21622*/
.placeholder_changes::placeholder{

    color: rgb(255,0,0);
    border: solid rgb(255,0,0);
    
}
/*CRMDEV-21622*/
.placeholder_changes_reset::placeholder{
    color: #757575;
    border: none;

}