/* Custom Fonts */
@font-face{font-family:Lato;src:url("/fonts/Lato-Regular.ttf")}


@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");
}

/* ********************************* */

/* Global */
html,body{height:100%;font-family:"Lato", calibri;min-width:320px;position:relative}
html{-ms-touch-action: none}
p{margin:0 0 20px 0;line-height:1.6}
h2, h3{font-family:"Lato", georgia;margin-top:0}


:root {
    --cyan-10: #E1F3FC;
    --cyan-30: #ACE1F9;
    --cyan-50: #71D0F6;
    --cyan-100: #00AFEF;
    --white: #ffffff;
    --black-100: #1e1e1e;
    --grey-50: #BCBCBB;

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


}


/* 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}
.border4 {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.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}
.cursor-move {cursor:move}
.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 var(--slate-30)}
.greyBorder{border:1px solid var(--grey-50)}
.goldBorderPadding{border:1px solid #D4C4AD;padding-bottom: 20px;padding-top: 15px;}
.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;}
.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}

/* 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}
.fl{float:left}
.f-w-wrap{flex-wrap:wrap}
.fr{float:right}
.fullw{width:100%}
.hidden{display:none!important}
.m-0{margin:0;}
.m-0-auto{margin:0 auto}
.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-30{margin-bottom:30px}
.m-b-40{margin-bottom:40px!important}
.m-b-50{margin-bottom:50px}
.m-b-60{margin-bottom:60px}
.m-l-5{margin-left:5px}
.m-l-8{margin-left:8px}
.m-l-10{margin-left:10px}
.m-l-15{margin-left:15px}
.m-l-20{margin-left:20px}
.m-l-30{margin-left:30px}
.m-l-40{margin-left:40px}
.m-r-5{margin-right:5px}
.m-r-10{margin-right:10px}
.m-r-15{margin-right:15px}
.m-r-20{margin-right:20px}
.m-r-30{margin-right:30px!important}
.m-t-0{margin-top:0!important}
.m-t-6{margin-top:6px}
.m-t-10{margin-top:10px}
.m-t-18{margin-top:18px}
.m-t-20{margin-top:20px}
.m-t-30{margin-top:30px}
.m-t-40{margin-top:40px}
.m-t-50{margin-top:50px}
.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-w-100{min-width:100px}
.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-10{padding-bottom:10px!important}
.p-b-20{padding-bottom:20px}
.p-r-0{padding-right:0!important}
.p-r-10{padding-right:10px!important}
.p-t-5{padding-top:5px}
.p-t-20{padding-top:20px}
.p-30{padding:30px}
.p-20-30{padding:20px 30px}
.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}
.vam{vertical-align:middle}
.vat{vertical-align:top}
.w-30{width:30px}
.w-80{width:80px}
.w-100{width:100px}
.w-120{width:120px}
.w-150{width:150px}
.w-240{width:240px}
.w-p-90{width:80%}
.w-b-b-all{word-break:break-all}
.z2{z-index:2}
.right-1{right: 1%}
.z100{z-index:100}
.list-style-type-none {list-style-type:none;}
li {margin-bottom: 10px;}
li::marker {
    color: var(--cyan-100);
}
.d-none {display: none}

/* 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:var(--white);height:100%;max-width:430px;width:100%;z-index:10}
.loginFormWrap{border:1px solid var(--grey-50);padding:25px 15px 50px 15px}

/* Forgot Password */
.forgotPasswordFormWrap{border:1px solid #ebebeb;padding:25px 15px 25px 15px;margin-bottom:10px;}
.formWrap{border:1px solid var(--grey-50);padding:10px 10px 10px 10px;margin-bottom:2px;}

/* Logos */
.dashboardLogoWrap{padding-top:15px}
.dashboardBannerEnvironment {top:14px;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.logo{display:block}
.logoMyBaseLoginWrap{z-index:1;position:absolute;left:140px;top:115px;font-size:30px;color:var(--cyan-100);line-height:1}
.logoMyBaseLogin{background:url('index.php?c=index/xfilefrontend&sub=2&name=myBase-logo.png') no-repeat;width:380px;height:130px;margin-bottom:30px;border-bottom:1px solid #D1C3B8}
.logoPsgLogin{background:url('index.php?c=index/xfilefrontend&sub=2&name=logo-login-psg.png') no-repeat;width:152px;height:65px}
.logoPsgForgotPassword{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}

/* Asset Management */
.panel.radius { border-radius: 3px; }
.panel { border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 1.25rem; padding: 1.25rem; background: #f2f2f2; color: #333333; }
.full-width { width: 100%; }
.background-gold { background: #9E916F }
.primary-red { color: #b05a55; background-color: #e3cecb; }
.primary-green { color: #799c46; background-color: #d3debe; }
.show-mobile {display: none}

/* 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[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 #aaa;margin:0 0 15px 0}

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

/* 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}
.font44{font-size:44px}
.fontBold{font-weight:bold}
.fontBoldRoman{font-weight:bold;font-family:"Lato";}
.fontVeryDark{color:#333}
.fontDarkGrey{color:#494C53}
.fontDarkNavy{color:var(--black-100)}
.fontDarkRed{color:#B15955}
.fontFL, .ui-menu .ui-menu-item{font-family:"FrutigerLTW01-55Roman", calibri}
.fontRotis{font-family:"Rotis Serif W01", georgia}
.fontLato{font-family:"Lato"}
.fontGold{color:var(--cyan-100)}
.fontBlack{color:var(--black-100)}
.fontCyan100{color:var(--cyan-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 */
.linkBlackToGold{color:#333;text-decoration:none}
.linkBlackToGold:hover{color:#9E916F}
.linkGoldToBlack{color:var(--cyan-100);text-decoration:underline}
.linkGoldToBlack:hover{color:#333}
.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:#9E916F;text-decoration:underline}
.linkBlackToUnderline{color:var(--black-100);text-decoration:none}
.linkBlackToUnderline:hover{color:var(--black-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}

.linkBlackUnderline{color:var(--black-100);!important;text-decoration:underline}
.linkBlackUnderline:hover{color:var(--black-100);text-decoration:none}

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

.bgDarkNavy > .fontWhite {
    color: var(--black-100);
}

.footer-divider {
    height: 0;
    overflow: hidden;
    border-top: 1px solid var(--slate-30);
}

.blackBorder{
    border: 1px solid var(--slate-30);
}
.bg-cyan-10 {
    background-color: var(--cyan-10);
}
.bg-cyan-30 {
    background-color: var(--cyan-30);
}
.bg-cyan-50 {
    background-color: var(--cyan-50);
}
.bg-cyan-100 {
    background-color: var(--cyan-100);
}

.bg-slate-30 {
    background-color: var(--slate-30);
}



/* Buttons */
button{outline:none!important;text-decoration:none!important}
.button{display:block;border:none;cursor:pointer;text-decoration:none!important}
.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}
.buttonDarkNavy{background:#494e54;padding:10px 20px;color:#fff!important}
.buttonDarkNavy:hover{background:#596074;color:#fff}


.buttonCyan50{
    background:var(--cyan-50);
    padding:10px 20px;
    color: var(--white);
    border-radius: 0.5rem;
    border: 1px solid transparent;
}
.buttonCyan50:hover{
    box-shadow: 0px 1rem 1rem -0.5rem rgb(0 175 239 / 30%);
    color: var(--white);
}

.buttonWhite, .buttonLightGrey{
    background:transparent;
    padding:10px 20px;
    color: var(--black);
    border-radius: 0.5rem;
    border: 1px solid rgba(127, 127, 127, 0.3);
}
.buttonGreen {
    background:#7A9B49;
    padding:10px 20px;
    color: var(--black);
    border-radius: 0.5rem;
    border: 1px solid rgba(127, 127, 127, 0.3);
}
.buttonWhite100:hover{
    box-shadow: 0px 1rem 1rem -0.5rem rgb(0 175 239 / 30%);
    color: var(--white);
}

.buttonCyan100, .buttonGold{
    background:var(--cyan-100);
    padding:10px 20px;
    color: var(--white);
    border-radius: 0.5rem;
    border: 1px solid transparent;
}
.buttonCyan100:hover, .buttonGold:hover{
    box-shadow: 0px 1rem 1rem -0.5rem rgb(0 175 239 / 30%);
    color: var(--white);
}

/*.buttonGold{background:#9E916F;padding:10px 20px;color:#fff!important}*/
/*.buttonGold:hover{background:#aea386;color:#fff!important}*/
.buttonGrey{background:#81807E}
.buttonGrey:hover{background:#9e9d9c}
.buttonLightGold{background:#C3B48D;color:#fff!important}
.buttonLightGold:hover{background:#d1c5a7;color:#fff!important}
/*.buttonLightGrey{background:#D6D3CE}*/
.buttonLightGreyNew{background:#3a3d42!important}
.buttonLightGreyNew:hover{background:#e8e6e3!important}
.buttonLightGrey:hover{background:#e8e6e3}
.buttonLightGreyColor, .buttonLightGreyColor:hover{color:var(--black-100)!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}
.buttonResetBtn{color:var(--cyan-100);border:none;display:inline;background-color:#fff;padding:0px 0px;cursor:pointer}
.buttonResetBtn:hover{color:var(--cyan-30);text-decoration:underline}
.collapseButton{text-decoration:none;display:block;padding:10px 20px;margin:0}
.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,.inlineLikePageBtn{margin-bottom:0;position:absolute;right:0;top:0;padding:10px 15px}
.inlineLikePageBtn.moveToTheLeft{right:45px}
.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:#fff}
.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:#fff;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}
.GreenBtn, .GreenBtn:focus{background:#7A9B42;color:#fff}
.GreenBtn:hover{background:#8fb450;color:#fff!important}

/* logout mobile */
.logoutButton-mobile{
    color: #494e54 !important;margin-right: 30px;text-decoration: none;padding-top: 5px;padding-bottom: 5px;
}
.logout-mob-color {color: #494e54 !important;}
.logoutButton-mobile:hover{text-decoration:none}
.logoutButton-mobile i{color:#494e54;font-size:22px}

/* 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:#E9E8E6;padding:5px;height:70px;text-align:right;color:#494C53;font-size:12px}
.logoutDetailProfile{display:table;height:100%}
.logoutDetailProfileText{display:table-cell;vertical-align:middle;text-align:right;line-height:1.2;width:110px}
.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}

/* 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}

/* Dashboard Help Page */
.mybase-help-background { background-color: rgb(159, 163, 166) !important; }
.color-white { color: #FFF; }

/* 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:var(--black-100)}
.notificationBlock h2, .notificationBlock p{margin:0 0 30px 0}
.notificationCloseBtn{position:absolute;border:none;top:0;right:0;width:40px;height:40px;background:#B15955;font-size:22px;color:#fff}
.notificationCloseBtn:hover{background:#bd7370}
.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}

/* Quick links */
.moreQuicklinksDropdown{display:none}
#buttonMoreQuicklinks .profileNameBlock {border-bottom:none}
.moreQuicklinks .profileLinksList .profileLink:first-child {
    margin-top: 5px;
}

/* Sidemenu */
#sideMenu{visibility:hidden;width:320px;z-index:100;top:80px!important;background:#494e54;padding:25px 0 0 0;min-height:200px;border-left:1px solid #9e9d9c}
#sideMenu a{text-decoration:none!important;color:#fff!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:#494E54;color:#fff;padding:9px 20px;font-size:14px;position: relative;z-index: 5;}
.sideMenuLink:hover{background:#54585e;text-decoration:none;color:#fff}
.sideMenuLink.button.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 #5c6065;
    /*cursor: pointer;*/
    background:#9E916F
}
.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;
}

.first_level.sideMenuLink.active,
div.sideMenuLink.button.active,
.closeSubPanel.sideMenuLink.button.subPanelParent {
    background:#9E916F;
    color:#fff;
    text-decoration:none;
}

.outstandingClass.sideMenuLink.button,
.outstandingClass.sideMenuLink.button.active {
	background:red;
}

.hideNavItem.sideMenuLink.button,
.hideNavItem.sideMenuLink.button.active{display:none;height:0;}

.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 var(--grey-50);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}

/* 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:var(--cyan-100);padding-top:40px;margin-left:30px;max-width:calc(100% - 210px)}
.profileDetailHeaderName h2{margin:0 0 20px 0}
.profileDetailHeaderStatsBlock{min-height:240px;color:#fff;max-width:1020px;width:100%}

/* 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 .respTblBody .respTblRow{border:1px solid #d6d6d6;border-top:none}
.respTblWrap .respTblRow:nth-last-child(1){background:#E9E8E6}
.respTblWrap {border:none}

.respTblHead  {
    border: 1px solid var(--slate-30);
    border-radius: 8px 8px 0 0;
}

.respTblBody  {
    border: 1px solid var(--slate-30);
    border-radius: 0 0 8px 8px;
    border-top:0;
}
.respTblHead > .dtr .dtc:first-child {
    /*border: 1px solid var(--slate-30);*/
    /*border-radius: 8px 0 0 0;*/
}
.respTblHead > .dtr .dtc {
    /*border-left: 1px solid var(--slate-30);*/
}
.respTblHead > .dtr .dtc:nth-last-child(2) {
    /*border: 1px solid var(--slate-30);*/
    /*border-radius: 0 8px 0 0;*/
}

.respTblWrapBackground .respTd{padding:8px 15px}
.respTblWrapBackground .respTblBody .respTblRow{border:1px solid #d6d6d6;border-top:none}
.respTblWrapBackground {background:#E9E8E6}
.respTblWrapBackground .respTblHead{border:none}

.respTblHead-xs{height:10px}
span.pendingTermination {color:#ff0000}
.pendingTermination .respTblBody.dt.fullw {background:#ff6767}
.pendingTermination .respTblWrap .respTblRow:nth-child(odd){background:#ffb6c1}

/* 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}
.gridLinkItemExternal{margin:0 1px 2px 1px;width:100%;height:160px}

/* Mobile Data Grid link items */
.mDgridLinkItem{margin-right: 3px;margin-bottom: 5px;}
.mDtilePadding{padding:15px 20px;}
@media (max-width: 469px){.fl{float: none;}}
/* Mobile Data Grid link items */

.dbWidget.gold.new .gridImgBg {opacity:1!important; position:relative;}
.dbWidget.gold.new .gridImgBg .gridImgText {z-index:1;}
.dbWidget.gold.new .gridImgBg::after {position:absolute; top:0; left:0; height:160px; width:100%; content:""; display:block; background:rgba(0,0,0,.65); transition:background 0.4s; z-index:0;}
.dbWidget.gold.new .gridImgBg:hover::after {background:rgba(0,0,0,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 #9E916F}
.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}
.editable-form-wrap.fullwidth input[type=number]{width:100%!important}

/* 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:var(--cyan-100)!important;text-decoration:none!important}
.shopItemProductName:hover{color:#494e54!important;text-decoration:none!important}
.shopSearchBar{width:calc(100% - 109px);padding:9px 10px!important}
.shopPageCustomHeading{border-bottom: 3px solid var(--slate-30); color: var(--cyan-100); font-size: 50px; padding-bottom: 10px;}

/* 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}
.appStoreIcon {display:inline-block; width:100px;}
.appStoreIcon img {width:100%;}

.footer-link-header {
    padding-bottom:10px;
    border-bottom: 1px solid var(--slate-100);
}
.footer-link {
    display:inline-block;
    color: var(--black-100);
    text-decoration: none;
    margin-bottom: 10px;
}
.footer-link:hover {
    color: var(--black-100);
    text-decoration: none;
}

/* 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 !important;background:#fff;font-family: "FrutigerLTW01-55Roman";}
.ui-widget-header {border-color:#9e916f;background:#fff;border-radius: 0!important;color: #9e916f;}
.ui-state-default, .ui-widget-content {color: #494e54!important;border-color:#d6d3ce !important;font-weight: normal;}
.ui-state-hover {color: #9e916f!important;; background: none!important;; border-color: #9e916f!important;}
.ui-state-highlight {background: #e8e6e3!important;border-color:#9e916f!important;color:#9e916f!important;}
.ui-datepicker-prev, .ui-datepicker-next {background: #9e916f; 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_9e916f_256x240.png")}

/* Modals */
.modal-title{
    max-width: calc(100% - 40px);
    color: var(--cyan-100);
}
.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}

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


/* Scrollspy + Affix */
.affix{top:15px}
.affix-bottom {position: absolute}
.custom-scrollspy {word-wrap: break-word}

.scrollspy .nav{z-index:100; width: 240px;}
.scrollspy .nav .active{font-weight:bold}
.scrollspy .nav .nav{padding-left:8px}
.scrollspy .nav .active .nav{display:block}
.scrollspy .nav .nav a{padding:0 0 0 15px}
.scrollspy .nav .nav span{margin:0 5px 0 2px;position:absolute;top:2px;left:0;}
.scrollspy .nav .active a,
.scrollspy .nav .active:hover a,
.scrollspy .nav .active:focus a,
.scrollspy .nav .nav .active a,
.scrollspy .nav .nav .active:hover a,
.scrollspy .nav .nav .active:focus a{font-weight:bold;padding-left:10px;border-left:5px solid black}
.scrollspy .nav ul li {max-width:210px; width:100%;}
.scrollspy .nav ul li.active:before {content:"";}
.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 (max-width: 1700px) {
	.scrollspy .nav{z-index:100; width: 180px;}
}

@media (max-width: 1220px) {
	.scrollspy .nav{z-index:100; width: 140px;}
}

.p-rel {position:relative;}
.p-abs {position:absolute;}
.editMessage {background:#000; opacity:0.75; top:-100%; left:0; width:100%; padding:7px 5px; box-sizing:border-box; font-size:10px; transition:top 0.4s; line-height:1;}
.fontWhite {color:#fff;}
.tac {text-align:center;}
.profilePic {overflow:hidden;}
.profilePic:hover .editMessage {top:0;}

/*---------------------------------------------------------TOOLTIPS----*/
/*---------------------------------------------------------TOOLTIPS----*/
.tooltipHover {position:relative;}
.tooltipContainer {
	position: absolute;
    bottom: 85px;
    left: 165px;
    background: #494e54;
    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;
    display: none;
    opacity: 0;
    transition: all 0.5s;
    color: #fff;
    font-family: "FrutigerLTW01-45Light", calibri;
    text-transform: none;
    line-height: normal;
    border: 1px solid #9e916f;
    text-align: center;
}
.tooltipContainerSecureLogin {
	position: absolute;
    bottom: 48px;
    left: 78px;
    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;
    display: none;
    opacity: 0;
    transition: all 0.5s;
    color: #fff;
    font-family: "FrutigerLTW01-45Light", calibri;
    text-transform: none;
    line-height: normal;
    text-align: center;
}
.tooltipContainerLogin {
	position: absolute;
    bottom: 48px;
    left: -121px;
    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;
    display: none;
    opacity: 0;
    transition: all 0.5s;
    color: #fff;
    font-family: "FrutigerLTW01-45Light", calibri;
    text-transform: none;
    line-height: normal;
    text-align: center;
}
.tooltipContainerLogin::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:35px; bottom:-5px;}
.tooltipContainerSecureLogin::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; left:20px; bottom:-5px;}
.tooltipContainer::before {content:""; height:0; width:0; border-left:5px solid transparent; border-top:5px solid #494e54; border-bottom:0; border-right:5px solid transparent; display:block; position:absolute; left:20px; bottom:-5px;}
.tooltipHover:hover .tooltipContainer, .tooltipHover:hover .tooltipContainerMain, .tooltipHover:hover .tooltipContainerSecureLogin, .tooltipHover:hover .tooltipContainerLogin{display:block; opacity:1;}
.tooltipContainerMain {position:absolute; top:-5px; left:calc(100% + 10px); background:#494e54; 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; display:none; opacity:0; transition:all 0.5s; color:#fff; font-family:"FrutigerLTW01-45Light", calibri; text-transform:none; line-height:normal; border: 1px solid #9e916f;}
.tooltipContainerMain::before {content:""; height:0; width:0; border-left:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #494e54; display:block; position:absolute; left:-5px; top:10px;}
.headingMoreInfo {font-size:18px; bottom:2px; margin-left:10px;}
.tooltipPointer {cursor: pointer; text-decoration: none!important;}


/* 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}

    /* 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}

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

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

    /* Logos */
    .logoPsgLogin{margin:30px 0 50px}
    .logoPsgForgotPassword{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%}
    .gridLinkWrap .gridLinkItemExternal{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:120px}

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

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

	.dbWidget.gold.new.tile .gridLinkItem {margin-right:5px!important;}
	.dbWidget.gold.new.tile .gridLinkItemExternal {margin-right:5px!important;}
}

/*  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 */
    .logoMyBaseLoginWrap{display:block}
    .loginFormCol{padding:50px}

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

    /* 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}*/
	.scrollToTop.buttonGold{bottom:123px}

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

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

}

@media (min-width: 62em){ /* 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}*/

	.topMenuCarousel .slick-prev {left:0!important;}
	.topMenuCarousel .slick-next {right:0!important;}
    /* PSG Shop */
    .flexRowAbove992 {display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;flex-wrap:wrap}
}
@media (min-width: 62em) and (max-width: 75em){ /* 992px */
	.sideMenuSearchFormWrap.sideMenuItem.logout {display:block!important;}
}


/* 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}*/
    .scrollToTop.buttonGold{bottom:123px}


    /* 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%}
    .gridLinkWrap .gridLinkItemExternal{max-width:19.7%}
    .new .gridLinkWrap .gridLinkItem{max-width: 32.7%}
    .new .gridLinkWrap .gridLinkItemExternal{max-width: 32.7%}

}

/* Extra large devices (large desktops, 93.75em and up) = 1500px */
@media (min-width: 93.75em) {
	.gridLinkWrap .gridLinkItem{max-width:19.7%}
	.gridLinkWrap .gridLinkItemExternal{max-width:19.7%}
	.new .gridLinkWrap .gridLinkItem{max-width:19%}
	.new .gridLinkWrap .gridLinkItemExternal{max-width:19%}
}

@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}

	.backButton1 {
		margin-bottom: 5px!important;
	}
	.backButton2 {
		margin-right: 0!important;
		clear: both;
	}
}

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

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

	.show-mobile{display: block}
}

@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}

	.currentStaffProfileBody .respTd-xs{padding-left:30px!important;}
	.actionsToSupportTransformationRowParent .deleteActionsToSupportTransformationRowBtn, .agreedEEAppointmentsRowParent .deleteAgreedEEAppointmentsRowBtn{float:right;}
	.agreedEEAppointmentsRowParent .max-w-300{max-width:100%;}
}

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

@media (max-width: 62em){ /* 992px */

	.agreedEEAppointmentsRowParent .max-w-300 {
		max-width: 100%!important;
		box-sizing: border-box;
		width: 100%;
	}
}

/* Slick */
.subTopCarMenu .carMenuItem a{background:#fff}
.subTopCarMenu .carMenuItem a.active, .subTopCarMenu .carMenuItem a.active:hover{color:#fff;background:#81807E}
.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:#F4F3EE;}
.topCarMenu .carMenuItem a.active, .topCarMenu .carMenuItem a.active:hover{background:#9E916F;color:#fff}
.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:#D6D3CE}
.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:"FrutigerLTW01-45Light";text-align:center;color:#818181;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:#fff;text-decoration:none}

/*---------------------------------------------------------TABLE FIXES----*/
.tableFixed {table-layout:fixed;}
.tableFixed .respTd {max-width:100%;}
.tableFixed .respTd-xs {max-width:100%; word-wrap:break-word; overflow-wrap:break-word;}

/* PRINT STYLES */
@media print {

    .dashboardLogoWrap{display:none!important}
    .dashboardTopNavBg, .dashboardTopNavBg *{display:none}
    .topMenuCarousel{display:none}
    .quicklinksCarousel{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;}*/
}

ul.cmBullets {
	margin: 0;
	padding: 0 0 0 20px;
}
ul.cmBullets li {
	margin-bottom: 4px;
}
ul.cmBullets li label {
	margin-bottom: 0;
}

.respTblRow > div {
    word-wrap: break-word;
    overflow: hidden;
    word-break: break-word;
}

/* quicklinks */
.quicklinksCarousel{width:100%;margin:0 auto;max-width:100%;max-height:41px;background:#494e54;height:41px;margin-bottom:0;}
.quicklinksCarousel .slick-prev, .quicklinksCarousel .slick-next{width:50px;height:41px;top:10px;border: none;background:#D6D3CE;}
.quicklinksCarousel .slick-next{right:-50px;border-right:none}
.quicklinksCarousel .slick-prev{border-left:none;border-right:none;left:-50px}
.quicklinksCarousel .slick-prev:before, .slick-next:before{color:#818181;font:normal normal normal 18px/1 FontAwesome;position:relative;top:1px}
.quicklinksCarousel .slick-prev:before{content:"\f053"}
.quicklinksCarousel .slick-next:before{content:"\f054"}
.quicklinksCarousel .quicklinksMenuItem a{font-family:"FrutigerLTW01-45Light";text-align:center;color:#FFFFFF;text-decoration:none;height:41px;padding:10px 10px 0 10px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis}
.quicklinksCarousel .quicklinksMenuItem a:hover{color:#fff;text-decoration:none;background:#D6D3CE}
.quicklinksCarousel .quicklinksMenuItem a.active{background:#E9E8E6;color:#818181;}
.quicklinksCarouselMenu {background:#494e54;}
.quicklinksCarouselMenu 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}
.quicklinksCarMenuWrap {position:relative;left:50px;width:calc(100% - 100px)!important;background:#494e54;}
.quicklinksCarMenu .slick-prev:hover, .quicklinksCarMenu .slick-next:hover, .quicklinksCarMenu .quicklinksMenuItem a:hover{background:#D6D3CE}
.quicklinksHeaderContainer {border-left: 1px solid #D6D6D6; width:100%;height: 41px;}

@media (max-width: 47.9375em) { .quicklinksCarousel {margin-bottom: 41px;height: 82px;background:none;} .quicklinksHeaderContainer .dbWidgetHeadingTitle {float: left;color:#494e54;font-weight:bold;}  }

.topLevelCarouselMenu.new {margin-bottom:0;}
.topMenuCarousel .topLevelCarouselMenu.new .carMenuItem a {height:40px;}

.notificationBlockNew{margin-bottom:15px;padding:0 30px;position:relative;color:#fff}
.notificationBlockNew h2 {font-size: 30px;}
.notificationBlockNew p{font-size: 14px; margin:0 0 10px 0;}

.dbWidget.gold {margin-bottom:25px;}
.dbWidget.gold .dbWidgetHeadingTitle{border-bottom:1px solid #D4C4AD;padding-bottom:10px;}
.dbWidget.gold .dbWidgetBlock{padding-top:0; padding-bottom:0;}

/* Grid link items */
.dbWidget.gold .gridImgBg{background-position:center center;width:100%;height: 160px;opacity:.2	;filter:alpha(opacity=20);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;}
.dbWidget.gold .gridImgBg:hover{opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.bgDark {background:#222222}
.gridLinkItem{margin-right: 3px;margin-bottom: 5px;}
.gridLinkItem.icon{height:147px;text-align:center;background:#FFFFFF;overflow:hidden; border:#9E916F solid 1px;margin-right: 5px;margin-bottom: 5px;}
.gridLinkItem.icon2{height:147px;text-align:center;background:#9E916F;overflow:hidden;margin-right: 5px;margin-bottom: 5px;}
.gridLinkItem.icon.h160{height:160px!important;}
.gridLinkItem.icon2.h160{height:160px!important;}

.gridLinkItemExternal{margin-right: 3px;margin-bottom: 5px;}
.gridLinkItemExternal.icon{height:147px;text-align:center;background:#FFFFFF;overflow:hidden; border:#9E916F solid 1px;margin-right: 5px;margin-bottom: 5px;}
.gridLinkItemExternal.icon2{height:147px;text-align:center;background:#9E916F;overflow:hidden;margin-right: 5px;margin-bottom: 5px;}

.m-t-5{margin-top:5px}
.m-t-12{margin-top:12px}
.m-t-48{margin-top:48px}
.m-r-18p{margin-right:18%}
.p-t-0{padding-top:0;}
.p-l-0{padding-left:0;}
.p-l-10{padding-left:10px;}
.p-r-0{padding-right:0;}

/* subfooter */
.subFooterNew{padding:15px 20px 0 20px;background:#f6f5f3;position:relative}
.subFooterPanelNew{padding-bottom:30px}
.subFooterPanelNew h2{font-size:24px}
.subFooterPanelNew .button{bottom:0}

.prel {position:relative;}
.pabs {position:absolute;}
.gridImgIcon.pabs, .gridImgIcon2.pabs {top:0; left:50%; transform:translateX(-50%); transition:opacity 0.2s; transition-timing-function:ease-in-out;}
.gridImgIcon2.pabs {opacity:0;}
.gridImgIcon.pabs {opacity:1;}
.gridLinkItem:hover {background-color:var(--black-100);}
.gridLinkItem:hover .gridImgIcon2 {opacity:1;}
.gridLinkItem:hover .gridImgIcon {opacity:0;}

.gridLinkItemExternal:hover {background-color:#FFF;}
.gridLinkItemExternal:hover .gridImgIcon2 {opacity:1;}
.gridLinkItemExternal:hover .gridImgIcon {opacity:0;}

.disable-hover {pointer-events:none;}

.button:disabled,
.button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.container.new .profileLink .profileNameBlock {width: calc(100% - 35px);position: relative;padding: 2px 30px 8px 10px;min-height: 50px;border-bottom: 1px solid #D3D2CE;font-size: 14px;color: #333;}
.container.new .profileLink .profilePic {height: 42px;width: 35px;overflow: hidden;}
.container.new .birthdays .profileLink .profileNameBlock {padding: 12px 30px 8px 10px;}

.searchForm.new select{background:#F1F1F1;border-right:none;width:100%;padding:7px 10px 8px 10px}
.searchForm.new input {background: #FFFFFF;width: 100%; padding: 6px 10px; border: 1px solid #F1F1F1;}

.page-item-wrap.tile, .maxheight300 {max-height:300px;overflow:hidden;}
.dbWidget.gold.new.tile .gridLinkItem {margin-right:15px;}
.dbWidget.gold.new.tile .gridLinkItemExternal {margin-right:15px;}
.dbWidget.gold.new.tile .noimg {background-color:#9E916F;}
.dbWidget.gold.new.tile .noimg .gridImgText {color:#FFFFFF;}
.dbWidget.gold.new.tile .noimg .gridImgText:hover {color:#E5DCCE;}
.dbWidget.gold.new.tile .gridImgBg {border:#000000 solid 1px;}
.gridBg {width:100%;height:160px;border:#000000 solid 1px;}

.transformation_actions_form {display:block;}
.transformation_actions_form_mobile {display:none;}
@media (max-width: 1200px) { .transformation_actions_form_mobile { display:block; } .transformation_actions_form { display:none; } }

.border-dashed {border-bottom:#000000 dashed 1px;}
.signature_desktop_view {display:block;}
.signature_mobile_view {display:none;}
.mobile_dashed_lines {width:50%;}

@media (max-width: 700px) { .signature_desktop_view { display:none; } .signature_mobile_view { display:block; } }
@media (min-width: 701px) { .signature_desktop_view .col-lg-5.left { width:40%;float:left; } .signature_desktop_view .col-lg-5.right { width:40%;float:left; }  }

.error_message {background: #AF3C38;}

.respTblWrap .respTblBody .respTblRow.declined {color:#FFFFFF;background:#FF0000;}
.html-message.html-message-red {color:#FFFFFF;background:#FF0000;border: 1px dashed #8C413F;padding:5px;width:80px;text-align:center;}
.medical-label,.medical-radio { display: inline-block;vertical-align: middle; }

.flex-container { display: flex; }

.disp-inl { display: inline; }

.nominationProfilePic{height:120px;margin-left:20px}
.nominationProfilePic img{height:100%;border:2px solid #fff}

#popup_crop { position:fixed;width:100%;height:100%;top:0;left:0;z-index:1050;text-align:center;display:none;overflow: auto; }
.form_crop { width:auto;height:auto;display:inline-block;margin:auto;text-align:left;position: relative; }

input.jcrop-keymgr {
    opacity: 0;
}

.expense-border {
    border: 1px solid #D6D6D6;
    padding: 10px;
    -moz-box-shadow:0px 0px 2px #ccc;
    -webkit-box-shadow:0px 0px 2px #ccc;
    box-shadow:0px 0px 2px #ccc
}

@media (max-width: 960px) { .logoMyBaseLoginWrap { left: 8px; } .logoMyBaseLogin { 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;} }

@font-face{font-family:RotisSerif;src:url("/fonts/Rotis_Serif_55.ttf")}
@font-face{font-family:Frutiger;src:url("/fonts/Linotype_Frutiger_LT_45_Light.ttf");font-weight:lighter}
@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}/*!

/* 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;
}

.banner-top-user-photo > img {
    margin: 3px;
    height: 62px;
    border: 1px solid #9fa3a6;
}

.align-self-center {
    align-self: center !important;
}

.align-items-center {
    align-items: center !important;
}
.row-custom {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.banner-top-logo {
    height: 42px;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!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;
}

.col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/* 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;

}
.banner-top-link:hover {
    color: var(--cyan-100);
    cursor: pointer;
}
.banner-top-user {
    background-color: var(--white);
    border-left: 1px solid #9e916f;
    text-align: right;
}
.banner-top-user:hover {
    cursor: pointer;
    background-color: var(--cyan-50);
}
.banner-top-user small, .small {
    font-size: 80%;
    font-weight: 400;
}
.banner-top-user h6, .banner-top-user .ui-table-rowhead {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    color: #494e54;
}
/*.ui-table-rowhead, h6, .ui-table-rowhead {*/
    /*color: #494e54;*/
    /*font-family: "Frutiger",sans-serif;*/
/*}*/
/*.ui-table-rowhead, .h6 {*/
    /*font-size: 14px;*/
/*}*/
/*.ui-table-rowhead, .h1, .h2, .h3, .h4, .h5, .h6 {*/
    /*margin-bottom: .5rem;*/
    /*font-family: "RotisSerif",serif;*/
    /*font-weight: 300;*/
    /*line-height: 1.2;*/
    /*color: #9e916f;*/
/*}*/
.banner-top-user-photo {
    background-color: var(--white);
    padding: 0;
}

.banner-top-user-photo > img {
    margin: 3px;
    height: 62px;
    border: 1px solid #9fa3a6;
}
.banner-top-btn, .banner-top-btn[onclick]:hover {
    background-color: var(--white);
    border-left: 1px solid #9e916f;
    border-right: 1px solid #9e916f;
    color: #1e1e1e !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: 5px;*/
/*}*/
.behalf-of-user {
    margin: 0 10px;
}
.banner-bottom {
    height: 60px;
    border-bottom: 1px solid #1e1e1e;
}
.banner-bottom-btn, .banner-bottom-btn[onclick]:hover {
    background-color: var(--cyan-50);
    border-left: 1px solid #9e916f;
    border-right: 1px solid #9e916f;
    color: #fff !important;
    padding-left: 10px;
    padding-right: 10px;
}
.border-secondary {
    border: 1px solid #9e916f !important;
}
.banner-menu {
    background-color: #fff;
    border-bottom: 1px solid var(--black-100);
}
.banner-menu-header {
    color: #9e916f;
    margin-top: 0;
}
.banner-menu-link {
    /*border-bottom: 1px solid #9e916f;*/
    padding: 10px;
}

@media (min-width: 768px) {
    .banner-menu .row:first-child .banner-menu-link {
        /*border-top: 1px solid #9e916f;*/
    }
    .banner-menu .row-custom:first-child .banner-menu-link {
        border-top: 1px solid #9e916f;
    }
    .banner-menu-link:hover {
        border-bottom: 1px solid var(--cyan-30);

        cursor: pointer;
    }
    .banner-menu-link {
        color: #494E54;
        /*border-bottom: 1px solid #9e916f;*/
        padding: 10px;
    }
}

/* General classes */

.label-default-custom {
    color: #fff;
    background-color: #4e869f;
}

.ml-3 {
    margin-left: 1rem !important;
}
.p-3 {
    padding: 16px !important;
}

.p-2 {
    padding: .5rem !important;
}

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

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

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

/* Special Classes */
. row-custom > col-md-3 {
    /*width: 0;*/
}

@media (min-width: 768px) {

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

}

/* Notice Board */
.notice-banner {
    background-color: var(--white);
    border-left: 1px solid #9e916f;
    cursor: pointer;
    height: 68px;
}

.p-t-10 {
    padding-top: 10px;
}

.badge-danger-custom { color: #fff; background-color: #b06659; }
.banner-menu-close{ background-image:url("/img/icon-close.png");width:21px;height:21px }
.banner-menu-close:hover{ cursor:pointer }
.pt-3 { padding-top: 16px !important; }
.ui-ping-status-good { color: green; }
.ui-ping { font-size: 1rem; }
.pl-md-5, .px-md-5 { padding-left: 48px !important; }

.noticeBoardItem{text-decoration:none;display:block;padding:20px 20px 30px 65px;font-size:14px;}
.noticeBoardItem:first-child{border-top:none}
.noticeBoardItem:hover{text-decoration:none;cursor: pointer;background-color: var(--cyan-30);}
.noticeBoardItem .readMoreLink{display:inline-block;font-size:14px;margin-top:10px}
.noticeBoardItem h5{font-weight:normal;color:#fff;margin:0 0 10px 0;text-transform:none;line-height:1.4}
.noticeBoardItem h5 a{display:inline;color:#fff;text-decoration:underline;margin:0}
.noticeBoardItem h5 a:hover{color:#333}
.noticeBoardItem h5 i{position:absolute;top:3px;left:-40px}
.noticeBoardItem h5 i.iconNoticeEnvelopeOpen{top:0}
.linkLighterGoldToUnderlineNotice{color: rgb(30, 30, 30);}
.linkLighterGoldToUnderlineNotice:hover{color:#9e916f;cursor: pointer;text-decoration:underline}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-header {
    padding-right: 15px;
    border-bottom: none;
}

.search-box {
    width: 250px;
    position: relative;
    vertical-align: top;
    background-color: transparent;
    height: 40px;
    color: #494e54;
    color: #494e54;
    background-color: #fff;
    border: 1px solid var(--slate-30);
    border-radius: 0;
}

@media (min-width: 768px) {
    .pl-md-5, .px-md-5 {
        padding-left: 48px !important;
    }
}

.sticky-top {
    font-family: "Lato",sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}

.mybase-menu {
    word-break: break-all;
    font-family: "Frutiger",sans-serif;
    border: none !important;
    width: 160px !important;
    background: none;
}

.mybase-menu .ui-menu-item {
    padding: 10px 20px !important;
    border: 1px solid #d1c7b6 !important;
    background-color: #ffffff;
    font-size: 12px !important;
    color: #1e1e1e;
    margin-top: -1px !important;
}

.mybase-menu .ui-menu-item:hover {
    font-family: "Frutiger",sans-serif;
}

.noticeDropdownBg { background:rgba(0,0,0,0); }

@media (max-width: 768px) {
    .navbar-brand {
        height: auto;
    }
    .form-inline {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .banner-top {
        height: auto;
    }
    .banner-top-btn {
        line-height: 50px;
    }
    .banner-top-logo {
        height: auto;
    }
    .navbar {
        position: relative;
    }
    .icon-bar {
        background-color: #888;
    }
    .banner-top-user {
        padding-top: 3px;
    }
}