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

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

: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;

}

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

/* 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)}
.goldBorderPadding{border:1px solid var(--slate-30);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-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-20{margin-right:20px}
.m-t-0{margin-top:0!important}
.m-t-6{margin-top:6px}
.m-t-10{margin-top:10px}
.m-t-15{margin-top:15px}
.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-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-18{width:18px}
.w-30{width:30px}
.w-80{width:80px}
.w-100{width:100px}
.w-120{width:120px}
.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;}
.d-none {display: none}

/* Chart */

#dashboard_chart_wrapper .amcharts-chart-div {
    top:-35px;
}

/* Login */
.loginBg{height:100%;width:100%;background:#9E916F url('index.php?c=index/xfilefrontend&sub=1&name=background-watermark-login.png') no-repeat 75% bottom}
.loginFormCol{background:#fff;height:100%;max-width:430px;width:100%;z-index:10}
.loginFormWrap{border:1px solid #ebebeb;padding:25px 15px 50px 15px}

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

/* Logos */
.dashboardLogoWrap{padding-top:15px}
.dashboardBannerEnvironment {top:14px;font-size:14px;font-family:"Lato",Helvetica,Arial,sans-serif;}
.logo{display:block}
.logoiVentsLoginWrap{z-index:1;position:absolute;left:140px;top:115px;font-size:30px;color:#fff;line-height:1}
.logoiVentsLogin{background:url('index.php?c=index/xfilefrontend&sub=2&name=ivents-login-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=blue_login_psg.png') no-repeat;width:152px;height:65px}/*\app\maint::new_rebranding_3495() !GRDEV-3495  login_top_psg replaced */
/*.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=blue_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}*//*\app\maint::new_rebranding_3495() !GRDEV-3495 login_top_psg replaced*/

.logoPSGWhite{background:url('index.php?c=index/xfilefrontend&sub=2&name=logo-welcome-psg.png') no-repeat;width:120px;height:50px}
.logoiVentsWhite{background:url('index.php?c=index/xfilefrontend&sub=2&name=logo-dasbhoard-iVents.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}
.iconWarning{width:35px;height:35px;}

/* 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}
.fontBold{font-weight:bold}
.fontBoldRoman{font-family:"Lato";}
.fontVeryDark{color:#333}
.fontDarkGrey{color:#494C53}
.fontDarkNavy{color:var(--cyan-100)}
.fontDarkRed{color:#B15955}
.fontFL, .ui-menu .ui-menu-item{font-family:"Lato", calibri}
.fontRotis{font-family:"Lato", georgia}
.fontGold{color:#9E916F}
.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:#9E916F;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}
.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: #000000}
.bgGrey{background-color:#81807E}
.bgGrey2{background-color:#a1a2a4}
.bgGold{background-color:#9E916F}
.bgWhite{background-color:#fff}
.bgLightGreyGold{background:#AFA99B}
.bgVeryLightGrey{background:#E9E8E6}

/* 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}
.btn-gold-border {color: #333; background-color: #fff; border-color: #D4C4AD; }
.buttonStandardPadding{padding:10px 20px}
.buttonEventManagementPadding{padding:5.5px 15px}
.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}*/
.buttonDarkNavySmall{background:#494e54;padding:5px 10px;color:#fff!important}
/*.buttonDarkNavy:hover{background:#596074;color:#fff}*/
/*.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:#494e54!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}
.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}*/


.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);
}

.buttonLightGrey, .buttonWhite{
    background:transparent;
    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, .buttonDarkNavy, .GreenBtn, .editElementGreenBtn, .buttonGold{
    background:var(--cyan-100);
    padding:10px 20px;
    color: var(--white);
    border-radius: 0.5rem;
    border: 1px solid transparent;
}
.buttonCyan100:hover{
    box-shadow: 0px 1rem 1rem -0.5rem rgb(0 175 239 / 30%);
    color: var(--white);
}
/*New button Cyan*/
.newbuttonCyan100{
    background:var(--slate-100);
    padding:10px 20px;
    color: var(--white);
    border-radius: 0.5rem;
    border: 1px solid transparent;
}

.newbuttonCyan100:hover{
    background:var(--cyan-100);
    padding:10px 20px;
    color: var(--white);
    border-radius: 0.5rem;
    border: 1px solid transparent;
}

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


.btn-default{
    background: var(--cyan-100);
    color: var(--white);
    border: 1px solid transparent;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    color: #000;
}

/* Navbar */
.d-block {
    display: block !important;
}

.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-logo {
    height: 42px;
}




/* 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 */
.iVents-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:#fff}
.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:501;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:#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%}

/* 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-child(odd){background:#E9E8E6}
.respTblWrap .respTblHead{border:none}

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

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

/* Event input fields */
.input-element-form { padding:10px; }
/*.border{ border: 1px solid #9E916F;}*/

/* 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:#9E916F!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 #D4C4AD; color: #484E52; 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}

.footer-divider {
    height: 0;
    overflow: hidden;
    border-top: 1px solid var(--slate-30);
}
.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: "Lato";}
.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)}
.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;}



/* Custom boostrap upgrades */
.align-self-center {
    align-self: center !important;
}

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

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

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

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


.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}



/* 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 */
    .logoiVentsLoginWrap{display:none}
    .loginFormCol{padding:30px 20px}

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

    /* Grid link items */
    .gridLinkWrap .gridLinkItem{max-width:49.2%}
    .new .gridLinkWrap .gridLinkItem{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;}
}

/*  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 */
    .logoiVentsLoginWrap{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%}
    .new .gridLinkWrap .gridLinkItem{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%}
    .new .gridLinkWrap .gridLinkItem{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%}
    .new .gridLinkWrap .gridLinkItem{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:"Lato";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:"Lato";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;}

.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:#9E916F;}
.gridLinkItem:hover .gridImgIcon2 {opacity:1;}
.gridLinkItem:hover .gridImgIcon {opacity:0;}

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

.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 .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;}

.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; }


input.jcrop-keymgr {
    opacity: 0;
}

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

.side-banner {
    display: block;
}

@media only screen and (max-width: 1200px) {
    .side-banner {
        display: none;
    }
}

@media only screen and (max-width: 850px) {
    .center-block-top-banner {
        width: 100%;
    }
}


.navbar-fixed-left {
    width: 150px;
    position: fixed;
    border-radius: 0;
    height: 100%;
    z-index: 501;
    left: 0px;
    top: 122px;
}

.navbar-fixed-left .navbar-nav > li {
    float: none;  /* Cancel default li float: left */
    width: 139px;
}

.navbar-fixed-left + .container {
    padding-left: 160px;
}

/* On using dropdown menu (To right shift popuped) */
.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
    margin-top: -50px;
    margin-left: 140px;
}

/* event side menu style*/
.evt-background:hover{ color:#FFF !important; background:var(--cyan-100) !important; }
.evt-background { background-color: var(--slate-100) !important; color:#FFF !important;  -webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}
.evt-active { color:#FFF !important; background:var(--cyan-100) !important; }
.display-table { display: table; }

.alert { margin-top: 10px; margin-bottom: 10px; }
.alert-danger { background-image: none; border-width: 0px 0px 0px 5px; border-radius: 0px; background-repeat: repeat-x; border-color: #dca7a7; }

.no-padding { padding: 0 !important; margin: 0 !important; }
.no-padding-right { padding-right: 0 !important; margin-right: 0 !important; }
.no-padding-left { padding-left: 0 !important; margin-left: 0 !important; }
.worksession-files { text-align: center; width: max-content; }
.event-files { text-align: center; word-break: break-word; }

/* percentage width */
.width-perc-10 { width: 10% }
.width-perc-20 { width: 20% }
.width-perc-30 { width: 30% }
.width-perc-40 { width: 40% }
.width-perc-50 { width: 50% }
.width-perc-60 { width: 60% }
.width-perc-70 { width: 70% }
.width-perc-80 { width: 80% }
.width-perc-90 { width: 90% }

.break-word { word-break: break-word; }
.m-width { max-width: 400px; }
.center-block { margin-left:auto; margin-right:auto; display:block; }
#decline_event { display: none }
.borderBackgroundLightGrey {border-color: #D6D3CE;}
#add-venue-section { display: none; }
.dress-code-content { display: none; }

.row-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}