/* Webfont: Lato-Regular */@font-face { font-family: 'LatoWeb'; src: url('fonts/Lato-Medium.eot'); /* IE9 Compat Modes */ src: url('fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */ url('fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */ url('fonts/Lato-Medium.ttf') format('truetype'); font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* *{font-family:Verdana, Geneva, sans-serif;} */ a,a:focus{outline:none;} html, body{height:100%;margin:0;} body{min-width:320px;font-family:LatoWeb, Verdana, Geneva, sans-serif;font-size:12px;color:#000;} input.input-validation-error,textarea.input-validation-error,select.input-validation-error{background: #fff;border: 1px solid #3cbdd3;} input.required{border:1px solid #3cbdd3 !important;} .table > tbody > tr {background-color:#ecf1f7} .tooltipHelper{display: inline-block;width: 20px;height: 20px;margin-left: 10px;position: absolute;top: -3px;background-image:var(--Img_INet_Icon_20px);background-position: -80px -80px;} .contentWrapper{background-image:url(../img/BG-2023.jpg);background-size: cover; background-repeat: no-repeat;background-position: center;} .tag.label.label-info {font-size:100%;} .special-validation-error:after {content:'';margin-left:5px;margin-top:5px;display:inline-block;position:absolute;top:0;right:-10px;width:20px;height:20px;background-image:var(--Img_INet_Icon_20px);background-position:-240px 0px;} .special-validation-error:after {background-image:var(--Img_INet_Icon_20px);background-position:-240px 0px;} .fullHeight{height:100%} .hr3 {margin-top:3px;} .hr5 {margin-top:5px;} .hr10 {margin-top:10px;} .hr20 {margin-top:20px;} .hr30 {margin-top:30px;} .hr40 {margin-top:40px;} .hr50 {margin-top:50px;} .btn {min-width:80px;margin:0 5px;background-color:#3cbdd3;border:2px solid #3cbdd3;color:#fff;} .btn:hover{color:#3cbdd3; background-color:#fff;} .btn.inputBoxBtn {min-width:0;margin-right: 0;} .prewrap{white-space:pre-wrap;} .input-group {z-index:0;} .input-group-sm{z-index:0;} .pageWrapper{height:100%;overflow:auto;/*background-color: #fff;*/position:relative;} .pageWrapper.hasNav{margin-left:120px;} .formWrapper{position:absolute;left:0; right:0; bottom:0; top:15px; overflow-y:auto;} .dashboardWrapper{position:absolute;left:0; right:0; bottom:0; top:0;overflow-y:auto;padding-top:10px;display:none;} .formWrapper.hasNav{top:136px;} .dashboardWrapper.hasNav{top:101px;} .sitemap {font-size:11px;margin:10px 0px;height:15px;display: inline-block;line-height: 25px;color: #fff;} .sitemap a{color:#fff;text-decoration:underline;} #SiteMapContent:before{content:'';width:10px;height:10px;display:inline-block;background-image: url(../img/BOSS_iNET_Icon_10px.png);background-position:0px -40px;vertical-align: middle;} .form-horizontal .checkbox, .form-horizontal .radio{padding:0 0 10px 20px;} .modal-dialog{margin-top:80px;} .RadioInput{display:inline-block; padding-right:25px; padding-left:5px} .RadioBtnWrapper{margin-left:-20px} .col-div-wrapper{padding: 6px 15px;width: calc(50% - 10px);float: left;display: flex;margin: 0px 5px -5px 5px;} .col-div-wrapper label.opt-input-wrapper{display:table;} .col-div-wrapper label{white-space: pre-wrap;display: inline-block;float: left;font-weight: bold;flex: 1;} .col-div-wrapper-full{padding: 6px 15px;width: calc(100% - 10px);float: left;display: flex;margin: 0px 5px -5px 5px;} .col-div-wrapper-full label{display: inline-block;float: left;font-weight: bold;flex: 1;} .col-div-wrapper-full .RadioInput label{white-space: normal;} .isRequired{background-color: #daeaf7;} .col-text-wrapper{display: inline-block;float: left;/*height: 30px;*/padding: 5px 10px;font-size: 12px;line-height: 1.5;color: #333;flex: 7.5;position: relative;padding: 0px 15px;} .col-input-wrapper{display: inline-block;float: left;/*height: 30px;*/font-size: 12px;line-height: 1.5;color: #333;position: relative;padding: 0px 15px 0px 10px;flex: 3;} .opt-input-wrapper *{display: table-cell;padding-left: 5px;vertical-align: sub;white-space: normal;} .col-input-wrapper input, .col-input-wrapper select, .col-text-wrapper input, .col-text-wrapper textarea{border-color: #e6e6e6;} .col-input-wrapper span:not(.FixedLineHeight){line-height: 2;} .col-input-wrapper span:not(.glyphicon-circle-arrow-down):empty:after{content:'-';width:10px;height:10px;display:inline-block;} .col-text-wrapper .RadioBtnWrapper{margin-top: -5px;margin-left: 0px;} .inetimgwrapper {display: flex;transform-origin: top left;} .inetimgCol {display: flex;flex-direction:column;} .text-overflow{ white-space : pre-wrap; word-break: break-word; } /*=================================================================== Login Start ===================================================================*/ .loginBox{width:320px;display:table;margin:10px auto;} .loginHeader{display:table-row;} .loginHeaderWrapper{display:table-cell;vertical-align:bottom;font-size:20px;color:#000;} .loginBody{display:table-row;} .loginBodyWrapper{display:table-cell;background-color:#fff;} .loginInputWrapper{margin:0 auto;height:45px;margin-top: 5px;} .loginInputWrapper a{text-decoration: underline;color: #999;font-size: 13px;} .loginInputWrapper .btn{background: linear-gradient(to right, #189cfe, #7774f5);width: 130px;height: 36px;text-transform: uppercase;border:none;font-size: 13px;margin-left: 0px;margin-right: 20px;} .loginInputWrapper .btn:hover{color: #fff;} .loginInputWrapper:nth-last-child(2) .loginInput{display: flex;align-items: center;justify-content: flex-end;margin-top:15px;} .loginInputWrapper:nth-last-child(2) .loginInput .togglePassword{color:#999; cursor:pointer;} .loginInputWrapper:nth-last-child(1){display: flex;flex-direction: row-reverse;align-items: center;justify-content: flex-end;margin-top:15px;} .loginLogo{width:45px;height:45px;padding-top:12px;padding-left:12px;display:none;border-radius:5px;float:left;} .loginLogoIcon{width:20px;height:20px;} .loginUserLogo{background-color:#3cbdd3} .loginPasswordLogo{background-color:#87909c} .loginUserLogoIcon{background-image:var(--Img_INet_Icon_20px);background-position: 0px 0px;} .loginUserLogoIcon{background-image:var(--Img_INet_Icon_20px);background-position: 0px 0px;} .loginPasswordLogoIcon{background-image:var(--Img_INet_Icon_20px);background-position: -20px 0px;} /*.loginInput{width:297px;height:45px;border:1px solid #ccc;border-left:none;font-size:14px;color:#868f9b;border-top-right-radius:5px;border-bottom-right-radius:5px;margin-left:45px;}*/ /*.loginInput input{border:none;width:100%;height:100%;border-radius:5px;padding:0 10px;}*/ .loginInput{border-bottom: 1px solid #808080;width: 100%;padding-bottom: 5px;} .loginInput input{border: none!important;border-radius: 5px;background-color: #fff;width:100%;outline: none;height: 30px;font-size: 13px;padding:0 10px;} .loginFooter{height:48px;display:table-row;} .loginFooterWrapper{display:table-cell;text-align:center;vertical-align:middle;background-color:#3cbdd3;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} .loginFooterWrapper a{color:#fff;} .divLoginWrapper{width:100%;height:100%;display:flex;/*background: linear-gradient(to right, #189cfe, #7774f5);*/} .divLoginBackgroundContainer{display: flex;flex:2;flex-direction: row;align-items: center;background-image: url(../img/BOSS_Login_1_BG2.jpg);background-size: cover;background-repeat: no-repeat;background-position: right; height: 100%;width: 100%;} .divLoginBackgroundWrapper{font-size: 47px;color: #fff;padding-left: 50px;text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.5)} .divLoginBackgroundWrapper:before{content:'';display:block;width:201px;height:23px;background-image:url(../img/BOSSiNET_Logo.png);position: absolute;top: 50px;left: 50px;} .divLoginBackgroundWrapper:after{content:'Intelligent Change in HR';display:block;font-size: 15px;} .frmLogin{/*display:table-cell;vertical-align:middle;*/display: flex;flex: 1;flex-direction: column;justify-content: center;background-color:#fff;} .AzureInputWrapper a{text-decoration: underline;color: #999;font-size: 13px;} /*.loginBg{background-color:#eee} .loginWrapper{height:100%} .loginContent{display:table-cell; vertical-align:middle;} .loginForm{border-radius: 15px;background-color: rgba(255,255,255,0.8);padding-top: 15px;}*/ /*=================================================================== Login End ===================================================================*/ /*=================================================================== User Account Start ===================================================================*/ .companyLogo{float:left;} .accountControls{float:right;} .smallAccImg {height:40px;width:40px;border-radius:20px;display:inline-block;background-size:cover;background-position:center;vertical-align:middle;margin-left:15px;} .bigAccImg {height:68px;width:68px;border-radius:10px;background-size:cover;background-position:center;display:inline-block;} .navQuickButtonContainer{height:45px;float:left;display:flex;align-items:center;} .navQuickButton{height:36px;width:36px;cursor:pointer;display:inline-block;background-color:rgba(255,255,255,0.3);border-radius:20px;margin:5px 4px;} .navQuickButton:before{content:'';display:block;width:20px;height:20px;margin-top:8px;margin-left:8px;background-image:var(--Img_INet_Icon_20px)} .navSearch:before{background-position:-100px -580px;} .navTour:before{background-position:-80px -580px;} .navBookmarks:before {background-position: -40px -580px;} .navCurr:before {background-position: -60px -580px;} .navCurrBookmarked:before {background-position: -60px -580px;} .navAlert:before{background-position:-20px -580px;} .navSetting:before{background-position:-80px 0px;} .navPrint:before{background-position:-120px 0px;} .navMenu:before{background-position:-340px -140px;} .navClose:before{background-position:-40px -100px;} .navMenu{float: left;background-color:transparent !important;} .navClose{float: right;background-color:transparent !important;margin-right:14px;} .navMenu:hover:before{background-position-y:-140px;} .navClose:hover:before{background-position-y:-100px;} .navAccountWrapper{margin-left:45px;margin-right:15px;float:left;font-size:13px;} #lnkNavMyAccount{text-decoration: none; padding: 3px 0; display: block; color: #fff;} #divNavMyAccount{position:absolute; right:0; top:46px; background: linear-gradient(to right, #266ec8, #7774f5); z-index:10; padding:10px; width:250px; display:none; border-radius:0 0 5px 5px;} .navProfileImgWrapperLarge{float:left;} .navProfileLinkWrapper{margin-left:68px;} .navProfileLinks{text-decoration: none; color: #fff; display:block;padding:5px 0 5px 10px;} .navProfileLinks:hover{color:#fff} /*=================================================================== User Account End ===================================================================*/ /*=================================================================== Alert Start ===================================================================*/ .navAlert {position:relative;overflow:visible} .navAlert .alertCount{position:absolute;width:15px;height:15px;top:5px;right:5px;color:white;border-radius:6px;font-size:9px;line-height:15px;text-align:center;display:none;background-color:#fa3e3e;box-shadow: 1px 1px #333;} /*.navAlert .alertCount{position:absolute;width:15px;height:15px;top:5px;right:5px;color:white;border-radius:6px;font-size:8px;line-height:15px;text-align:center;display:none;}*/ .navAlert .alertContent{position:absolute;width:300px;height:400px;right:0px;top:50px;background-color:#fff;z-index:20;box-shadow: 2px 3px 10px #333;border:1px solid #aaa;overflow:hidden;display:none;} .navAlert .alertContent.shown{overflow:auto;} .navAlert .pointer{transform:rotate(45deg);position:absolute;background-color:#fff;width:10px;height:10px;z-index:1;top:45px;right:17px;border-left:1px solid #aaa;border-top:1px solid #aaa;display:none;} .alertContentContainer {height:363px;overflow:auto;font-family:helvetica, arial, sans-serif;position:relative;margin-top:35px;display:none} .alertContentContainer .alertItem{height:70px;border-bottom:1px solid #aaa;padding:5px;} .alertContentContainer .alertItem.unread{background-color:#e6ffff;} .alertContentContainer .alertItem .empty{line-height:60px;} .alertContentContainer .alertIcon{float:left;width:60px;height:60px;border:1px solid #ddd;border-radius:10px;} .alertContentContainer .alertIcon:before{content:'';display:block;width:45px;height:45px;margin-left:7px;margin-top:7px;background-image:url(../img/BOSS_iNET_Icon_45px.png);} .alertContentContainer .alertIcon:before{background-image:var(--Img_INet_Icon_45px);} .alertContentContainer .alertIcon.EC{} .alertContentContainer .alertIcon.BOSS:before{background-position:-45px 0px;} .alertContentContainer .alertIcon.EC:before{background-position:-90px 0px;} .alertContentContainer .alertIcon.SP:before{background-position:-135px 0px;} .alertContentContainer .alertIcon.PAY:before{background-position:-180px 0px;} .alertContentContainer .alertIcon.SEC:before{background-position:-225px 0px;} .alertContentContainer .alertIcon.RC:before{background-position:-270px 0px;} .alertContentContainer .alertIcon.LMS:before{background-position:-135px -90px;} .alertContentContainer .alertIcon.TAMS:before{background-position:-180px -90px;} .alertContentContainer .alertIcon.TDMS:before{background-position:-270px -180px;} .alertContentContainer .alertIcon.APR:before{background-position:-135px -180px;} .alertContentContainer .alertIcon.CLM:before{background-position:-270px -90px;} .alertContentContainer .alertIcon.MAN:before{background-position:-135px -270px;} .alertContentContainer .alertIcon.ONB:before{background-position:-225px -270px;} .alertContentContainer .alertIcon.TRV:before{background-position:0px -270px;} .alertContentContainer .alertIcon.LOAN:before{background-position:0px -360px;} .alertContentContainer .alertIcon.INS:before{background-position:-270px -270px;} .alertContentContainer .alertIcon.ELS:before{background-position:-90px -360px;} .alertContentContainer .alertIcon.EEG:before{background-position:-270px -450px;} .alertContentContainer .alertIcon.HMS:before{background-position:-135px -540px;} .alertContentContainer .alertIcon.AMS:before{background-position:-180px -540px;} .alertContentContainer .alertBody{padding-left:5px;margin-left:60px;position:relative;height:100%;} .alertContentContainer .alertBodyText{line-height:1.25;} .alertContentContainer .alertBodyDate{font-size:9px;font-style:italic;} .alertContentContainer .alertBodyActions{position:absolute;bottom:0px;right:0px;} .alertContentContainer .alertBodyActions *{padding-left:10px;} .alertContentContainer .alertLoadMore{padding-top:5px;padding-bottom:10px;text-align:center;} .alertContentContainer .markAllAsRead{padding:7px 20px 7px 0px;text-align:right;} .alertContent .alertSeeAll{position:absolute;width:100%;bottom:0px;text-align:center;height:35px;line-height:35px;font-weight:bold;background-color:#eee;} .alertContent .alertReadUnread{position:absolute;width:100%;top:0px;text-align:center;height:35px;line-height:35px;font-weight:bold;background-color:#eee;} .alertContent .alertReadUnread #lnkNotiUnread.active{background-color:#fff;box-shadow:5px -1px 3px #ccc;} .alertContent .alertReadUnread #lnkNotiRead.active{background-color:#fff;box-shadow:-5px -1px 3px #ccc;} .alertNotiPopup {position:fixed; right:10px; top: 50px; display:none;width:280px;height:auto;min-height:20px;margin-top:0px;border:1px solid #ccc;border-radius:5px;color:#fff;background-color:#3179e5;box-shadow: #ccc 2px 2px 4px; z-index:99;} .alertNotiPopup.alertContentContainer .alertItem {height:100%; border-bottom:none; background-color:inherit;} .alertNotiPopup.alertContentContainer .alertIcon {border:none;} .alertNotiPopup .btnCloseContainerAlertNotiPopup {text-align:right;padding-top:5px} .alertNotiPopup .btnCloseAlertNotiPopup {padding:3px 7px;border:2px solid #1961cc;border-radius:5px;display:inline-block;cursor:pointer} .alertNotiPopup .btnCloseAlertNotiPopup:hover {background-color:#4989e9} .alertNotiPopup .lnkAlertQuickLink{display:inline-block; cursor:pointer;padding:3px 0px 3px 10px;text-decoration:underline} .alertNotiPopup .lnkAlertQuickLink:hover{color:aqua} .alertNotiPopup .notiViewMore {color:#fff;font-size:9px;} /*=================================================================== Alert End ===================================================================*/ /*=================================================================== Alert Dashboard Start ===================================================================*/ .homeAlertLowerHeader{height:15px;background-color:#EAF0F4} .homeAlertWrapper{color:#555} .alerthome-img-wrapper{height:55px;background-color:#9ABEC7;border-top-left-radius:15px;border-top-right-radius:15px;color:white;line-height:60px;font-size:15px;} .alerthome-img{background-image: url(../img/BOSS_iNET_Icon_35px.png);background-repeat: no-repeat; background-position: 0px 0px;width: 35px;height: 35px;margin: 10px 10px;float:left;} .alerthome-time{} .alerthome-time select{background-color: #9ABEC7;border: none;box-shadow: none;color: white;} #notificationFloat{float:left} /*.alertDashboardContainer .alertDashboardItem{padding:10px;margin-bottom:10px;border:1px solid #eee; border-radius:1px}*/ .alertDashboardContainer .alertDashboardItem.hasPointer{cursor:pointer;} .alertDashboardContainer .alertDashboardItem:hover{background-color:#efffff} .alertDashboardContainer .alertDashboardDate{font-size:10px;font-style:italic;} .alertDashboardContainer .alertDashboardLeft{float:left;width:70px;} .alertDashboardContainer .alertDashboardRight{margin-left:70px;} /*.alertDashboardContainer .alertDashboardIcon{width:60px;height:60px;border:1px solid #ddd;border-radius:10px;}*/ .alertDashboardContainer .alertDashboardIcon:before{content:'';display:block;width:45px;height:45px;margin-left:7px;margin-top:7px;background-image:url(../img/BOSS_iNET_Icon_45px.png);} .alertDashboardContainer .alertDashboardIcon:before{background-image:var(--Img_INet_Icon_45px);} .alertDashboardContainer .alertDashboardIcon.EC{} .alertDashboardContainer .alertDashboardIcon.BOSS:before{background-position:-45px 0px;} .alertDashboardContainer .alertDashboardIcon.EC:before{background-position:-90px 0px;} .alertDashboardContainer .alertDashboardIcon.SP:before{background-position:-135px 0px;} .alertDashboardContainer .alertDashboardIcon.PAY:before{background-position:-180px 0px;} .alertDashboardContainer .alertDashboardIcon.SEC:before{background-position:-225px 0px;} .alertDashboardContainer .alertDashboardIcon.RC:before{background-position:-270px 0px;} .alertDashboardContainer .alertDashboardIcon.LMS:before{background-position:-135px -90px;} .alertDashboardContainer .alertDashboardIcon.TAMS:before{background-position:-180px -90px;} .alertDashboardContainer .alertDashboardIcon.MED:before{background-position:-225px -180px;} .alertDashboardContainer .alertDashboardIcon.TDMS:before{background-position:-270px -180px;} .alertDashboardContainer .alertDashboardIcon.MAN:before{background-position:-135px -270px;} .alertDashboardContainer .alertDashboardIcon.ONB:before{background-position:-225px -270px;} .alertDashboardContainer .alertDashboardIcon.TRV:before{background-position:0px -270px;} .alertDashboardContainer .alertDashboardIcon.LOAN:before{background-position:0px -360px;} .alertDashboardContainer .alertDashboardIcon.CLM:before{background-position:-270px -90px;} .alertDashboardContainer .alertDashboardIcon.INS:before{background-position:-270px -270px;} /*=================================================================== Alert Dashboard End ===================================================================*/ /*=================================================================== Alert Setting Start ===================================================================*/ .paramSetter{cursor:pointer;color:blue;text-decoration:underline;} .txt_number.triggerparam,.txt_number.conditionparam,.txt_number.actionparam{width:50px;} /*=================================================================== Alert Setting End ===================================================================*/ .hide-inet {display:none;} .headCountWarning{text-align:center;display:none;} .headCountWarning div{display:inline-block; color:#a94442;font-weight:bold;background-color:#f2dede;border:1px solid #ebccd1;padding:2px 2px;border-radius:4px;} .headCountWarning #btnCloseHeadCountWarning{width:15px;height:15px;background-image:url(../img/ui-icons.png);border:none;background-position:-96px -128px;cursor:pointer;padding:0} .headCountWarning #btnCloseHeadCountWarning{background-image:var(--Img_ui-icons);background-position:-96px -128px;} .banner-img-inet {padding-left:0;padding-right:0;} /*.smallAccImg {height:22px;border-radius:5px;} .bigAccImg {height:68px;border-radius:10px;}*/ .loginCaptcha{margin:10px;} .loginCaptcha table{margin:0 auto;} label {font-weight:normal;margin-top:5px;} .form-text {border:1px solid #efefef;box-shadow:none;padding:5px 10px;line-height:1.5;height:auto;font-size:12px;background-color:#efefef;} .form-group {margin-bottom:10px;} textarea.text-area{height:150px;} .profileheaderinfo{text-align:center;padding:10px;} .profileheaderinfo .profilephoto{height:80px;width:80px;border:5px solid grey;border-radius:40px;margin:0 auto; background-size:auto 100%;background-position:center;background-repeat:no-repeat;margin-bottom:10px;} .profileheaderinfo .profileinfo{color:#dfe8ed} .ui-autocomplete {max-height:300px; overflow-y:scroll;} .empName {color:#fff;} .EmpProfileInactive{background-color: #ec1c24;} .EmpProfileActive{background-color: #89c240;} .EmpProfileWithhold{background-color: #e6c200;} .EmpProfileBlacklisted{background-color: #231f20;} .EmpProfileCreating{background-color: #89c240;opacity: 0.5;} /*=================================================================== Main Navigation Menu Start ===================================================================*/ .moduleNavContainer{position: absolute;left: 0;top: 0;right: 150px;bottom: 90px;background-color:#ECF3F8; background-image: url(../img/BG-Menu.jpg);background-size: cover;display: none;z-index: 10; box-shadow:5px 5px 10px 3px #555; border-bottom-right-radius:10px;} .moduleNavContainer.active{display:block;} .moduleNavContainer.active .navMenu:before{background-position:-340px -140px;} .moduleNavContainer.active .imgLogo{background-image:url(../img/BOSS_Logo_White.png);} /*.moduleNavContainer.active #SiteMapContent:before{background-position:-40px -50px;} .moduleNavContainer.active .sitemap{color:#000;} .moduleNavContainer.active .sitemap a{color:#000;}*/ .moduleNavContainerHeader{position: absolute;top: 0;left: 0;height: 45px;width: 100%;} .moduleNavContainerWrapper{position: absolute;top: 65px;left: 0;right: 0;bottom: 0;overflow-y: auto;display:none;} .moduleNavIcon{width: 300px;height: 60px;float: left;display: inline-block; color:#FFF;margin-left: 60px;border-top: 1px solid #b2b2b2;font-size: 16px;position:relative;cursor:pointer;margin-top: -2px;margin-bottom: 2px;} .moduleNavIcon div {display: inline-block;position: absolute;top: 20px;left: 60px;} .moduleNavIcon div:hover {color:#ed7e75;} .moduleNavWrapperContainer{width:120px;position:fixed;top:117px;bottom:67px;overflow:hidden;} .moduleNavWrapperOpener{height:100px;position:fixed;top:50%;top:calc(50% - 50px);cursor:pointer;left:15px;border-top-right-radius:15px;border-bottom-right-radius:15px;z-index:1;background-color:#526070;width:15px;display:none;} .moduleNavWrapperOpener:before{content:'';display:block;width:10px;height:10px;margin-top:45px;margin-left:2px;background-image:url(../img/BOSS_iNET_Icon_10px.png);background-position:-30px -20px;} .moduleNavWrapperOpener:before{background-image:var(--Img_INet_Icon_10px);background-position:-30px -20px;} .moduleNavWrapperOpener.expanded:before{background-position-x:-20px;} .moduleNavWrapperOpener:hover:before{background-position-y:-30px;} .moduleNavWrapper{height:100%;width:200px;overflow:auto;} .moduleChildWrapper{position: absolute;left: 0;right: 0;bottom: 0;top: 65px;display:none;} .moduleChildWrapper.active, .moduleNavContainerWrapper.active, .lvl3Container.active {display:block;} .moduleChildHeader{position: absolute;top: 0;left: 0;height: 50px;padding-left: 30px;width: 100%;} .moduleChildHeaderWrapper{display: inline-flex;align-items: center;border-bottom: 1px solid white;padding-bottom: 8px;width: 300px;color:white;font-size: 16px;} .btnModuleDashboard{display: inline-flex;background-color: #ed7e75;color: white;font-size: 14px;padding: 5px 20px;border-radius: 15px;cursor: pointer;text-transform: uppercase;} .btnModuleDashboard:hover{background-color:#f44d40;} .btnBackToModule{font-weight:bold;display: flex;align-items: center;cursor: pointer;} .btnBackToModule:before{content:'';display:inline-block;width:20px;height:20px;background-image:var(--Img_INet_Icon_20px);background-position:-80px -160px;} .btnBackToModule:after{content:'';display:inline-block;width:45px;height:45px;margin: 0px 15px;background-image:url(../img/BOSS_iNET_Icon_45px.png);} .moduleChildContent{display: flex;flex-wrap: wrap;flex-direction: column;position: absolute;left: 0;right: 0;bottom: 0;top: 70px;overflow:auto;align-content: flex-start;} .moduleDashboardContainer{position: absolute;left: 0;right: 0;bottom: 0;top: 70px;overflow: auto;} /*.moduleNavIcon{width:120px;height:100px;float:left;position:relative;cursor:pointer;}*/ .moduleNavIcon.active{border-bottom-left-radius:5px;border-top-left-radius:5px;background-color:#fff;} .moduleNavIcon:before{content:'';display:inline-block;width:45px;height:45px;margin:8px 0;background-image:url(../img/BOSS_iNET_Icon_45px.png);} /*.moduleNavIcon div{font-size:11px;text-align:center;color:#fff;position:absolute;bottom:5px;width:120px;}*/ .moduleNavIcon.active div {color:#000;} .moduleNavIcon.HOME:before, .btnBackToModule.HOME:after{background-position:0px 0px;} .moduleNavIcon.EC:before, .btnBackToModule.EC:after{background-position:-45px -630px;} .moduleNavIcon.SEC:before, .btnBackToModule.SEC:after{background-position:-90px -630px;} .moduleNavIcon.SP:before, .btnBackToModule.SP:after{background-position:-225px -630px;} .moduleNavIcon.RC:before, .btnBackToModule.RC:after{background-position:-135px -630px;} .moduleNavIcon.ALERT:before, .btnBackToModule.ALERT:after{background-position:-180px -630px;} .moduleNavIcon.BOSS:before, .btnBackToModule.BOSS:after{background-position:-0px -630px;} .moduleNavIcon.PAY:before, .btnBackToModule.PAY:after{background-position:-0px -720px;} .moduleNavIcon.LMS:before, .btnBackToModule.LMS:after{background-position:-45px -720px;} .moduleNavIcon.TAMS:before, .btnBackToModule.TAMS:after{background-position:-90px -720px;} .moduleNavIcon.ORG:before, .btnBackToModule.ORG:after{background-position:-180px -720px;} .moduleNavIcon.APR:before, .btnBackToModule.APR:after{background-position:-0px -810px;} .moduleNavIcon.TDMS:before, .btnBackToModule.TDMS:after{background-position:-45px -810px;} .moduleNavIcon.TNA:before, .btnBackToModule.TNA:after{background-position:-135px -810px;} .moduleNavIcon.REC:before, .btnBackToModule.REC:after{background-position:-180px -810px;} .moduleNavIcon.ELS:before, .btnBackToModule.ELS:after{background-position:-90px -810px;} .moduleNavIcon.EEG:before, .btnBackToModule.EEG:after{background-position:-45px -900px;} .moduleNavIcon.ONB:before, .btnBackToModule.ONB:after{background-position:-225px -810px;} .moduleNavIcon.MAN:before, .btnBackToModule.MAN:after{background-position:-270px -810px;} .moduleNavIcon.SUP:before, .btnBackToModule.SUP:after{background-position:-0px -900px;} .moduleNavIcon.MED:before, .btnBackToModule.MED:after{background-position:-135px -900px;} .moduleNavIcon.CLM:before, .btnBackToModule.CLM:after{background-position:-90px -900px;} .moduleNavIcon.IR:before, .btnBackToModule.IR:after{background-position:-180px -900px;} .moduleNavIcon.TRV:before, .btnBackToModule.TRV:after{background-position:-225px -900px;} .moduleNavIcon.INS:before, .btnBackToModule.INS:after{background-position:-270px -900px;} .moduleNavIcon.MyTP:before, .btnBackToModule.MyTP:after{background-position:-45px -990px;} .moduleNavIcon.HRA:before, .btnBackToModule.HRA:after{background-position:-90px -990px;} .moduleNavIcon.LOAN:before, .btnBackToModule.LOAN:after{background-position:-270px -990px;} .moduleNavIcon.HMS:before, .btnBackToModule.HMS:after{background-position:-0px -1080px;} .moduleNavIcon.AMS:before, .btnBackToModule.AMS:after{background-position:-225px -990px;} /*.moduleNavIcon:hover:before{background-position-y:-45px;} .moduleNavIcon.LMS:hover:before, .moduleNavIcon.TAMS:hover:before, .moduleNavIcon.ALERT:hover:before, .moduleNavIcon.CLM:hover:before{background-position-y:-135px;} .moduleNavIcon.APR:hover:before{background-position-y:-225px;} .moduleNavIcon.MED:hover:before{background-position-y:-225px;} .moduleNavIcon.ORG:hover:before{background-position-y:-315px;} .moduleNavIcon.TRV:hover:before{background-position-y:-315px;} .moduleNavIcon.TNA:hover:before{background-position-y:-315px;} .moduleNavIcon.MAN:hover:before{background-position-y:-315px;} .moduleNavIcon.INS:hover:before{background-position-y:-315px;} .moduleNavIcon.IR:hover:before{background-position-y:-225px;} .moduleNavIcon.TDMS:hover:before{background-position-y:-225px;} .moduleNavIcon.REC:hover:before{background-position-y:-225px;} .moduleNavIcon.MyTP:hover:before{background-position-y:-315px;} .moduleNavIcon.ONB:hover:before{background-position-y:-315px;} .moduleNavIcon.LOAN:hover:before{background-position-y:-405px;} .moduleNavIcon.ELS:hover:before{background-position-y:-405px;} .moduleNavIcon.HRA:hover:before{background-position-y:-405px;} .moduleNavIcon.EEG:hover:before{background-position-y:-495px;} .moduleNavIcon.AMS:hover:before{background-position-y:-585px;} .moduleNavIcon.HMS:hover:before{background-position-y:-585px;} .moduleNavIcon.SUP:hover:before{background-position-y:-405px;}*/ .moduleItemNavWrapper{font-size:13px;height:101px;border-bottom:5px solid #ccc;width:100%;position:relative;} .moduleItemNavWrapper a:hover, .moduleItemNavWrapper a:focus{text-decoration:none;} .navItemContainer {overflow:hidden;position:absolute;left:0;right:80px;} .navItemContainer>div{position:relative;} .btnNavCtrl{position:absolute;width:80px;right:0;height:48px;} .btnNavCtrlFirstLevel{background-color:#3cbdd3;top:0;} .btnNavCtrlSecondLevel{top:48px;} .btnNavCtrl .navCtrlButton{float:left;width:40px;height:48px;cursor:pointer;} .btnNavCtrl .navCtrlButton:after{content:'';display:block;width:15px;height:15px;background-image:url(../img/BOSS_iNET_Icon_15px.png);margin-left:12px;margin-top:16px;} .btnNavCtrl .navCtrlButton:after{background-image:var(--Img_INet_Icon_15px);} .btnNavCtrlFirstLevel .prevNavButton:after{background-position:0px -45px;} .btnNavCtrlFirstLevel .nextNavButton:after{background-position:-15px -45px;} .btnNavCtrlSecondLevel .prevNavButton:after{background-position:0px -30px;} .btnNavCtrlSecondLevel .nextNavButton:after{background-position:-15px -30px;} .firstLevelNav{clear:both;display:none;background-color:#3cbdd3;height:48px;top:0;} .firstLevelNav:after{content:'';clear:both;height:0px;display:block;} .firstLevelNav>div{float:left;width:150px;height:48px;} .firstLevelNav>div>a{display:table-cell;width:150px;height:48px;color:#fff;text-align:center;vertical-align:middle;padding:0 4px 0 2px;} .firstLevelNav>div>a:hover,.firstLevelNav>div>a.highlight{background-color:#2a868a;} .firstLevelNav>div>a.active{background-color:#505f6f;} .firstLevelNav>div:after{content:'';border-right:2px solid #fff;width:0;height:100%;position:absolute;right:0px;top:0px;} .secondLevelNav{clear:both;display:none;top:48px;height:48px;} .secondLevelNav:after{content:'';clear:both;height:0px;display:block;} .secondLevelNav>div{float:left;width:150px;height:48px;} .secondLevelNav>div>a{display:table-cell;width:150px;height:44px;text-align:center;vertical-align:middle;color:#505f6f;padding:0 4px 0 2px;} .secondLevelNav>div>a:hover,.secondLevelNav>div>a.active,.secondLevelNav>div>a.highlight{height:48px;border-bottom:4px solid #3cbdd3;} .secondLevelNav>div:after{content:'';border-right:1px solid #505f6f;width:0;height:20px;position:absolute;right:0px;top:12px;} .thirdLevelNav{overflow:visible;top:96px;height:0px;z-index:10;display:none;} .thirdLevelNav>.thirdLevelSubNav{background-color:#3cbdd3;display:table;padding:5px 10px 10px;display:none;position:absolute;top:0;box-shadow:3px 3px 2px #aaa;min-width:150px;} .thirdLevelSubNav>div>a{display:block;color:#fff;padding-top:5px;} .Caret{display:inline-block;width:10px;height:5px;background-image:url(../img/smallarrow-down.png);margin-left:5px;} .Caret{background-image:var(--Img_smallarrow-down);} .moduleNavControlBtn{width:45px;height:8px;position:fixed;cursor:pointer;text-align:center;color:#FFF;background-image:url(../img/MainNavArrow_45x8px.png);left:52px} .moduleNavControlBtn{background-image:var(--Img_MainNavArrow_45x8px)} .moduleNavControlBtn.UpBtn{top:100px;background-position:-45px -8px} .moduleNavControlBtn.DownBtn{bottom:50px;background-position:0px -8px} .moduleNavControlBtn:hover{background-position-y:0px;} .btnNavItem{color: white;min-height:25px;margin-bottom:3px;padding-right: 15px;float: left;width: 370px;} .btnNavItem>div>a{color: white;margin-top: auto;margin-bottom: auto;} .btnNavItem>div>a:hover{text-decoration: none;} .btnNavItem>div{min-height:25px;display: flex;} .btnNavItem>div:hover{background-color: #393f58;color:#ed7e75;} /*.btnNavItem:not(.isActiveObj)>div:hover>a{color:#ed7e75;}*/ .btnNavItem>div>a[href='#'], .btnNavItem>div>a[href='#']:hover{cursor: default;color: white;text-decoration: none;} .btnNavItem.lvl1 {padding-left: 30px;text-transform: uppercase;font-weight: bold;} .btnNavItem.lvl2 {padding-left: 60px;} .btnNavItem.lvl2>div{display: flex;align-items: flex-start;} .btnNavItem.lvl2>div:before{content:'';display:inline-block;width:7px;height:25px;margin-right: 8px;} .btnNavItem.lvl2.first:not(.isActiveObj)>div:before{background-color:#ed7e75;} .btnNavItem.lvl2.rightArrow>div:after{content:'';display:inline-block;width:10px;height:10px;background-image:url(../img/BOSS_iNET_Icon_10px.png);background-position:0px -40px;margin: auto 0px auto 8px;} .btnNavItem.lvl3 {clear: both;display: flex;align-items: flex-end;} /*.lvl1Container {display: flex;flex-wrap: wrap;flex-direction: column;overflow-y: auto;width:350px;margin-top: 6px;}*/ .lvl1Container {display: inline-grid;grid-auto-flow: column;grid-template-rows: repeat(1000, auto);margin-top: 6px;/*overflow-y: auto;*/} .lvl3Container{display: none;position: absolute;background-color: #393f58;box-shadow: 3px 3px 2px #3c4152;} .btnNavItem.lvl3:not(.isActiveObj):before{content:'';display:inline-block;width:5px;height:25px;margin-right: 15px;} .btnNavItem.lvl3.first:not(.isActiveObj):before{background-color:#ed7e75;} .btnNavItem.lvl3.isActiveObj>div { margin: 2px 0px 0px 5px;padding-left: 15px;padding-right: 15px; } .btnNavItem.isActiveObj>div{background-color: #ed7e75;border-radius: 15px;} /*=================================================================== New Navigation Menu ===================================================================*/ .moduleSloganContainerWrapper {margin:0 50px;} .sloganHRs {background-color:#E1BE98; border:2px solid #E1BE98; width:2px; margin:0 7px 0 0; display:inline-flex;} .sloganHRl {background-color:#E1BE98; border:2px solid #E1BE98; width:50px; margin:0; display:inline-flex;} .moduleHR {background-color:#10E5BC; border:2px solid #10E5BC; border-radius:10px; width:45px; margin:0 0 10px 15px;} .menuSlogan {color:#FFF; margin:10px 0; font-weight:bold;} .groupTitle {color:#E2BF99; margin:10px 15px; font-weight:bold; font-size:21px;} .navSloganDivider {background-image: url(../img/BG-Divider.png); background-repeat:no-repeat; background-size:cover; height:80px;} .navModuleGroupWrapper {display:flex; margin:20px 35px;} .moduleGrouper {width:20%; min-width:300px;} .moduleGroup {display:flex; flex-direction:column; height:fit-content; margin:20px 0 0;} .moduleNavIcon {border:none; margin:0; padding:0 0 0 15px;} .moduleNavIcon:hover{background-color:#13668D;} .moduleNavIcon div{left:75px;} .moduleNavIcon div:hover {color:#FFF;} .lnkLanding {color: #FFF; width:fit-content;} .ModuleHide {display:none;} @media (max-width:1450px) { .moduleNavContainer {right:50px;} } @media (max-width:1400px) { .moduleNavContainer {right:0px;} } @media (max-height:900px) { .moduleNavContainer {bottom:40px;} } @media (max-height:875px) { .moduleNavContainerWrapper{zoom:0.95;} .moduleNavContainer {bottom:65px;} } @media (max-height:850px) { .moduleNavContainerWrapper{zoom:0.95;} .moduleNavContainer {bottom:40px;} } @media (max-height:825px) { .moduleNavContainerWrapper{zoom:0.90;} .moduleNavContainer {bottom:65px;} @media (max-width:1500px) { .moduleNavContainer {right:100px;} } @media (max-width:1400px) { .moduleNavContainer {right:50px;} } @media (max-width:1300px) { .moduleNavContainer {right:0;} } } @media (max-height:800px) { .moduleNavContainerWrapper{zoom:0.90;} .moduleNavContainer {bottom:40px;} } @media (max-height:775px) { .moduleNavContainerWrapper{zoom:0.85;} .moduleNavContainer {bottom:65px;} } @media (max-height:750px) { .moduleNavContainerWrapper{zoom:0.85;} .moduleNavContainer {bottom:40px;} } @media (max-height:725px) { .moduleNavContainerWrapper{zoom:0.80;} .moduleNavContainer {bottom:40px;} @media (max-width:1400px) { .moduleNavContainer {right:100px;} } @media (max-width:1300px) { .moduleNavContainer {right:50px;} } @media (max-width:1200px) { .moduleNavContainer {right:0;} } } @media (max-height:700px) { .moduleNavContainerWrapper{zoom:0.80;} .moduleNavContainer {bottom:15px;} } @media (max-height:675px) { .moduleNavContainerWrapper{zoom:0.75;} .moduleNavContainer {bottom:15px;} } @media (max-width:663px) { .moduleNavContainer {bottom:15px;right:0;} .moduleNavContainerWrapper{zoom:unset; margin:10px 0 0;} .menuSlogan {font-size:22px;} .navModuleGroupWrapper {flex-direction: column; margin:0px 35px;} .moduleColumnWrapper {flex-direction: column;} .moduleGrouper {display:flex; flex-direction:column;} .ColumnWrapper {flex-direction:column;} } /*=================================================================== Main Navigation Menu End ===================================================================*/ /*=================================================================== Bookmark Menu Start ===================================================================*/ #BookmarksNavWrapper #BOSSBookmarksNavContainer::-webkit-scrollbar {width: 2px;height: 5px;} ::-webkit-scrollbar-track-piece {width: 5px;} ::-webkit-scrollbar-resizer {} ::-webkit-scrollbar-track {box-shadow: inset 0px 0px 5px #ccc;border-radius: 10px;} .BookmarksCloseIcon {content: '';display: block;background-image: var(--Img_INet_Icon_20px);} .BookmarksCloseIcon {margin-right: 10px;background-position: -360px -160px;height: 20px;width: 20px;float: right;margin-top: 10px;cursor: pointer;} .BookmarkHeader {font-size: 20px;width: auto;display: inline-block;margin-top: 1px;} .Bookmarks {border: 1px solid #dcdcdc;border-radius: 6px;margin-top: 6px;background: white;height: 40px;width: 93%;white-space: nowrap;cursor: default;} .Bookmarks.active {height: 100px;cursor: auto;} /*.Bookmarks.active ~ .Bookmarks {background-color:#ccc}*/ .Bookmarks a {color: black;font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;white-space:nowrap;} .BookmarkLink { margin-left: 15px; margin-top: 10px; display: block; width: 75%; float: left; font-size: 13px; white-space: nowrap; padding-left: 40px; height: 30px; position:absolute; } .EditForm {display: none;margin-left: 56px;} .NonDefaultBookmark:hover {cursor: default;} .EditFormURLHeader {margin-top: 10px;font-weight:bold} .EditDoneButton {cursor: pointer;float: right;background: #4d5dd4;border-radius: 10px;width: 50px;height: 22px;color: white;margin-right: 8px;padding-left: 8px;padding-top: 2px;} .EditFormTB {margin-top: 7px;border: 2px solid #0058a5;border-radius: 5px;width: 70%;} .BookmarksNavWrapper {position: absolute;width: 350px;overflow: hidden;bottom: 35px;right: 0;background-color: white;display: none;box-shadow: -5px 0 30px -10px #000; z-index:99;} .BOSSBookmarksNavContainer {clear: right;padding-left: 10px;position: absolute;top: 30px;bottom: 35px;overflow-y: scroll;} .BookmarkIcon {background-image: var(--Img_INet_Icon_20px);} .BookmarkDescription {font-size: 11px;margin-bottom: 10px;} .BookmarkIcon {background-position: -360px -280px;height: 20px;width: 20px;margin-top: 5px;display: inline-block;float: left;} .EditFormCloseIcon {content: '';display: block;background-image: var(--Img_INet_Icon_20px);background-position: 40px -160px;float: right;width: 20px;height: 20px;margin-right: 10px;margin-top: 5px;cursor: pointer;} .BookmarkModuleIcon:before {content: '';display: block;background-image: var(--Img_INet_Icon_25px);height: 25px;width: 25px;margin-left: 15px;float: left;margin-top: 7px;border-radius: 50%;} .BookmarkModuleIcon:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.EC:before {background-color: #35E2C3;background-position: -100px -200px;} .BookmarkModuleIcon.BOSS:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.SEC:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.SP:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.ALERT:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.LMS:before {background-color: #F7D83E;background-position: -100px -200px;} .BookmarkModuleIcon.PAY:before {background-color: #FFAB8A;background-position: -225px -200px;} .BookmarkModuleIcon.TAMS:before {background-color: #FF83C3;background-position: 0px -250px;} .BookmarkModuleIcon.TDMS:before {background-color: #E7A5EC;background-position: -100px -200px;} .BookmarkModuleIcon.RC:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.APR:before {background-color: #7F73FF;background-position: -100px -200px;} .BookmarkModuleIcon.CLM:before {background-color: #14D0F0;background-position: -100px -200px;} .BookmarkModuleIcon.MAN:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.TRV:before {background-color: #868181;background-position: -100px -200px;} .BookmarkModuleIcon.REC:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.IR:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.MED:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.TNA:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.INS:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.SUP:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.ONB:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.ORG:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.CLS:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.LOAN:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.ELS:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.EEG:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.HRA:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.VMS:before {background-position: -25px -200px;background-color: grey;} .BookmarkModuleIcon.MyTP:before {background-position: -25px -200px;background-color: grey;} .BookmarkBody ul {padding-left: 15px;list-style-type: none;margin-bottom: 0px;} .BookmarkSearch {height: 30px;border-radius: 7px;margin-top: 10px;margin-left: 15px;width: 89%;margin-bottom: 10px;background-color: #d3dcf3;} .BookmarkMessage {display: none;font-size: 10px;color: #4c4c4c;float: right;margin-top: 2px;} .BookmarkSearchIcon:before {content: '';display: block;background-image: var(--Img_INet_Icon_20px);background-position: -220px -240px;float: right;margin-top: -35px;margin-right: 10%;width: 20px;height: 20px;} .KebabMenu {cursor: pointer;float: right;padding-right: 15px; position: relative;padding-top: 8px;width: 20px;padding-left: 10px;padding-bottom: 8px;} .KebabMenu figure {width: 3px;height: 3px;border-radius: 50px;background-color: #8e8e8e;margin: 3px 0;} .KebabMenu .dropdown {display: none;background: white;border: 1px solid #ababab;border-radius: 5px;padding-left: 0px;position: absolute;right: 20px;bottom: 25px;} .KebabMenu .dropdown li {list-style-type: none;padding-top: 10px;padding-bottom: 10px;width: 100px;padding-left: 15px;} .KebabMenu .dropdown li:hover {background: #d7d7d7;border-radius: 5px;} .BOSSCalendarEventsContainer{ padding: 10px;background-color:white; } .BOSSCalendarEventsContainer #Calendar td .HasDetails{ cursor:pointer; } #PreviewForm.EventCalenderPreview{ position: absolute; right: 0px; top: 0px; bottom: 0px; height: auto; width: 35%; z-index: 5; background-color: white; border-left: 2px solid gray; } .TRVCalendarPage{ z-index:2; position:absolute; top:0px; width:100%; height:100%; } .TRVCalendarPage, .TRVCalendarPage * { cursor:default; } /*=================================================================== Tour Guide ===================================================================*/ .tour .textWrap {display:inline-block;} .tour .text {} .tour .textIcon20 {background-image: var(--Img_INet_Icon_20px);width:21px;height:21px;display:inline-block;margin:0px 5px -3px 5px;border:1px dotted black;} .tour .spanNewLine {display:block;margin-top:5px;} .tour .spanBlankSpacing {display:block;margin-top:25px;} .tour .EmpProfileText {color:white;padding:5px;} .tour .EmpProfileExpired {background-color:#e00000;color:white;padding:5px;} .tour .EmpProfileExpiring {background-color:#e57000;color:white;padding:5px;} .tour .EmpProfileMissingDoc {background-color:#7a7a7a;color:white;padding:5px;} .FormHelperWrap {width:100%;float:left;} .TourLogo{background-image: var(--Img_INet_Icon_30px);background-position: -30px -60px;height: 30px;width: 30px;position: absolute;margin-left: 10px;margin-top: 8px;} .tour{max-width:700px;} .popover{font-family:LatoWeb, Verdana, Geneva, sans-serif} .popover-title{padding: 12px 50px;margin: 0;font-size: 14px;border-radius: 5px 5px 0 0;background-color: white;border-bottom: none;font-weight: bold;font-size: 15px;} .tourcloseIcon{background-image: var(--Img_INet_Icon_15px);background-position: -15px -210px;width: 15px;height: 15px;float:right;margin-right: 8px; margin-top: 8px;cursor:pointer !important;} .popover-navigation{margin-left:15px;} .backIcon{content:'';background-image: var(--Img_INet_Icon_10px);background-position: -60px -60px; margin-top: 3px;width:10px;height:10px;float:left;margin-top: 5px;} .nextIcon{content:'';background-image: var(--Img_INet_Icon_10px);background-position: -50px -60px;margin-top: 3px;width:10px;height:10px;float:right;margin-top: 5px;} .TourButton{background-color: #dce3ef ;border: none;color:#3a63f5 !important ;border-radius: 20px;height: 30px;cursor:pointer !important} .TourButton:hover{color:#fff !important} .EndTour{padding-top: 10px;cursor:pointer !important;} .popover-content{padding: 10px 20px;} .mocktabdiv{position: relative;display: block;padding: 10px 15px;color: #337ab7} .active .mocktabdiv {color: #555;background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent;} #PendingSubWrapper{zoom:90%} .mockcheckbox{width: 13px;height: 13px;border: 1px solid black;background-color: #f7f7f7;display: inline-block;} .mockinput{width: 100px;background: white;height: 18px;} .tour *{cursor:default;} .tour,#MockGrid .btncommand.btnapproval:hover{background-position: -360px -240px;} .tour .btncommand.btnapproval{float:left;} .tour .btn.withdraw,.btn.cancel{margin:0px;} .tour .btncommand.btndelete{background-position: -300px -160px;} .tour,#MockGrid .dxGridView_gvFilterRowButton:hover{background-position: -150px -135px;} .tour .dxGridView_gvFilterRowButton{border:none;} .tour,#MockGrid .dxGridView_gvHeaderFilter:hover{ background-position: -200px -160px;} .tour a{text-decoration:none;color:#5555FF;} #MockGrid *,#MainMockWrapper *{cursor:default !important} #MockGridWrapper,#MainMockWrapper {z-index:2;top:0px;position:absolute;background-color:#f6f7f9;height:100%;width:100%} .OutOfOfficeView{background-image:url(../img/Tour_Guide/TAMS_OutOfOfficeApproval_View.PNG);width:1066px;height:600px;zoom:62%;} .OutOfOfficeForward{background-image:url(../img/Tour_Guide/TAMS_OutOfOfficeApproval_Forward.PNG);width:1065px;height:627px;zoom:62%;} .OTTOLeaveForward{background-image:url(../img/Tour_Guide/TAMS_OTToLeaveApproval_Forward.png);width:1095px;height:714px;zoom:60%;} .ClockSourceAppealApproval{background-image:url(../img/Tour_Guide/TAMS_ClockSourceAppealApproval.png);width:1097px;height:400px;zoom:60%;} .ClockSourceAppealApplication{background-image:url(../img/Tour_Guide/TAMS_ClockSourceAppealApplication_Modal.png);width:607px;height:234px;zoom:80%;} .ClockSourceApplied {background-image:url(../img/Tour_Guide/TAMS_ClockSourceAppealAppliedInfo.PNG);width:609px;height:210px;zoom:80%;} .PlannedOTView{background-image:url(../img/Tour_Guide/TAMS_PlannedOTApprovalView.PNG);width:1138px;height:810px;zoom:58%;} .PlannedOTForward {background-image:url(../img/Tour_Guide/TAMS_PlannedOTApprovalForward.PNG);width:1138px;height:810px;zoom:58%;} .LeaveApprovalForward{background-image:url(../img/Tour_Guide/LMS_LeaveApprovalForward.PNG);width:1285px;height:796px;zoom:51%;content:''} .LeaveCancellationApprovalForward{background-image:url(../img/Tour_Guide/LMS_CancellationApprovalForward.PNG);width:1245px;height:796px;zoom:51%;} .BREEdit{background-image:url(../img/Tour_Guide/LMS_BFEReq_Edit.PNG);width:609px;height:327px;zoom:80%;content:''} .tour .btnedit:hover {background-position:-260px -160px} .tour .btnforward:hover {background-position:-340px -240px} #filterDateWrapper,#ButtonsWrapper,#AppDetailsWrapper,#DateWrapper,#MockWrapper,#ExtendForfeitPeriod,#ExtendForfeitDate,#RemoveForfeit {display:table;width:100%;} #MockEndDate:disabled,#MockStartDate:disabled{background:white} #MainMockWrapper :disabled{background:white} #MainMockWrapper .dxgvDataRow:nth-child(2n){background:#f7f8fc} #MainMockWrapper .dxgvDataRow:nth-child(2n+1){background:white} .ClockSourcelegend{width:15px;height:15px;border:1px solid black;float:left;} .ClockSourcelegend.pink{background:#fbeaea;} .ClockSourcelegend.orange{background:#f3c290;} .ClockSourcelegend.grey{background:#e6e6e6;} .ClockSourcelegend.white{background:white;margin-right:5px;} .ClockSourcelegend.lightblue{background:#e0eeff} #ViewClockSourceTourGuide td{padding:5px;} #MockCollapseButton,#MockGridApprovalInfoBtn,.MockCollapseButtonWrapper {float:left;} .MockCollapseButtonWrapper {width:15px;height:15px;margin-top:2px;} #MockCollapseButton{margin-left: 3px;margin-top: 2px;} #collapsebuttonTable {margin-left: 8px;} #MainMockWrapper .btn.inputBoxBtn {background: #3cbdd3;opacity:1} #MainMockWrapper .btn{background:#3cbdd3;color:white;opacity:1} .tour .btn:not(.TourButton){zoom:80%} .tour .btn:hover{background:#3cbdd3;color:white;} #MainMockWrapper .leavecat:nth-child(odd) div.table-responsive{background-color:#F0F0F2;} #MockLmsSubordinatePendingTable .leavecat div table td.leavecategorymargin{width: 20px;} #MockLmsSubordinatePendingTable .leavecat div table.leaverecord td.leaverecordmargin {width: 40px;min-width: 40px} #MockLmsSubordinatePendingTable .leavecat div table td.leaverecordcheckbox{width: 30px;} #MockLmsSubordinatePendingTable .leavecat input[type=checkbox]{opacity: 0;margin:0;transform: scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);} #MockLmsSubordinatePendingTable .leavecat input[type=checkbox] + label{ display:inline-block;margin-left:-15px;padding-left:15px;height: 15px;width: 15px;vertical-align: middle;cursor: default; background: url(../img/BOSS_iNET_Icon_15px.png);background-position: -60px -30px;padding-right: 0; } #MockLmsSubordinatePendingTable .leavecat input[type=checkbox]:checked + label { background-position-y:-45px; } #MockLmsSubordinatePendingTable .leavecat div table.leaveheader {margin-bottom:0px;} #MockLmsSubordinatePendingTable .leavecat div table.leaverecord {margin-bottom:0px;} #MockLmsSubordinatePendingTable .leavecat div table.leaveheader td:nth-child(1){width: 30%;} #MockLmsSubordinatePendingTable .leavecat div table.leaveheader td:nth-child(2){width: 50%;} #MockLmsSubordinatePendingTable .leavecat div table.leaveCategoryheader td.CategoryLabel{width: 30%;} #MockLmsSubordinatePendingTable .leavecat div table.leaveheader td:nth-child(3){width: 20%;text-align: right;} #AppDetailsWrapper .btnSelectExpand{float:left;min-width: 80px;padding: 0px 15px;margin-top: 10px;cursor: pointer;} #AppDetailsWrapper .btnSelectExpand:hover{color: #3cbdd3;} #MainMockWrapper .leavecat:nth-child(odd) div.table-responsive{background-color:#F0F0F2;} #MainMockWrapper .leavecat label{cursor:pointer;padding-right: 10px;font-weight: bold;} #MainMockWrapper .leavecat div table.leaveheader td{width: 20%;border:none;vertical-align: initial;} #MainMockWrapper .leavecat div table.leaveCategoryheader td{border:none;} #MainMockWrapper .leavecat div table.leaverecord td{border:none;vertical-align: initial;} #MainMockWrapper .leavecat div table.leaverecord .DateOnLeave{white-space:nowrap; width:1%} #MainMockWrapper .leavecat div table.leaverecord .ApplicationType{white-space:nowrap; width:15%;} #MainMockWrapper .leavecat div table.leaverecord .LeaveCategory{white-space:nowrap; width:15%} #MainMockWrapper .leavecat div table.leaverecord .AppliedDate{white-space:nowrap; width:10%} #MainMockWrapper .leavecat div table.leaverecord .Attachment{ text-align:center; width:30px} #MainMockWrapper .leavecat div table.leaverecord .Reason{ min-width:30%;} #MainMockWrapper .leavecat div table.leaverecord .Relieve{ white-space:nowrap; width:30%;} #MainMockWrapper .leavecat div.entitlementTable{clear:both; margin-bottom:40px; overflow-y:hidden;} #MainMockWrapper .leavecat table.entitlement thead{background-color:#91a3af;color:white;} #MainMockWrapper .leavecat table.entitlement tbody{background-color:white;} #MainMockWrapper .leavecat table.entitlement .entitlementlabel{white-space:nowrap;} #MainMockWrapper .leavecat table.entitlement .amountlabel{white-space:nowrap;width:1%;min-width:100px;} #MainMockWrapper .leavecat table.entitlement .amount{text-align:right;width:1%;min-width:100px;} #MainMockWrapper .leavecat table.infoTable{margin:0px!important; width:1%; margin-bottom:30px!important;} #MainMockWrapper .leavecat table.infoTable thead{background-color:#91a3af;color:white;white-space:nowrap;} #MainMockWrapper .leavecat table.infoTable tbody{background-color:white;} #MainMockWrapper .leavecat table.infoTable .familyName{width:1%;min-width:200px;} #MainMockWrapper .leavecat table.infoTable .familyRelation{width:1%;min-width:100px;} #MainMockWrapper .leavecat table.infoTable .familyGender{width:1%;min-width:100px;} #MainMockWrapper .leavecat table.infoTable .familyBirthDate{width:1%;min-width:100px;} #MainMockWrapper .leavecat table.infoTable .familyIdentityNo{width:1%;min-width:100px;} #MainMockWrapper .leavecat table.infoTable .clinicinfo{width:50%;min-width:200px;} #MainMockWrapper .leavecat table.infoTable td{border: 1px solid #ddd !important;} #MainMockWrapper .leavecat .tableCaption{font-weight:bold;} #MainMockWrapper .icon-forward,.tour .icon-forward{background-image: url(../img/BOSS_iNET_Icon_20px.png);background-position: -140px -100px;width: 20px;height: 20px;margin-bottom:-5px;margin-left:4px;} #MainMockWrapper .btnAutoFix{height:25px;background-color:#3cbdd3;color:#fff;padding:0 5px;cursor:pointer;border:2px solid #3cbdd3;border-radius:3px;margin-left: 15px;padding-top: 2px;margin-bottom: 5px;} #MainMockWrapper .DetailListingContainer{display: inline-block;float:right;margin-bottom:5px;} #MainMockWrapper .sadetail-icon{width: 20px;height: 20px;background-image: url(../img/BOSS_iNET_Icon_20px.png);background-position: -200px 0px;display: inline-block;vertical-align: middle;margin-right: 5px;margin-top: 1px;} #MainMockWrapper #MockbtnDetailListing{height:25px;float:right;border: 1px solid #555;border-radius: 3px;padding: 0 10px;cursor:pointer;white-space: nowrap;} #MainMockWrapper #MockbtnDetailListing span{vertical-align:middle;} #MocksaSecondHeader div{float:left;} #MainMockWrapper input[type=checkbox]:not(#Mock1,#Mock2,#Mock3), #frmClockSrcAppeal input[type=checkbox]{opacity: 0;margin:0;transform: scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);} #MainMockWrapper input[type=checkbox] + label, #frmClockSrcAppeal input[type=checkbox] + label{ display:inline-block;margin-left:-15px;padding-left:15px;height: 15px;width: 15px;vertical-align: middle;cursor: default; background: url(../img/BOSS_iNET_Icon_15px.png);background-position: -60px -30px;padding-right: 0;margin-right: 10px; } #MainMockWrapper input[type=checkbox]:checked + label, #frmClockSrcAppeal input[type=checkbox]:checked + label { background-position-y:-45px; } #MainMockWrapper ul.simple-pagination { list-style: none; } #MainMockWrapper .simple-pagination { display: block; overflow: hidden; padding: 0 5px 5px 0; margin: 0; } #MainMockWrapper .simple-pagination ul { list-style: none; padding: 0; margin: 0; } #MainMockWrapper .simple-pagination li { list-style: none; padding: 0; margin: 0; float: left; } @media (min-width:0px) and (max-width:1366px) { .PlannedOTView {height: 550px;} .PlannedOTForward{zoom:45%} .ClockSourceAppealApplication{zoom:60%} } /*=================================================================== Search Menu Start ===================================================================*/ ::-webkit-scrollbar-resizer{ } ::-webkit-scrollbar-track{ box-shadow: inset 0px 0px 5px grey; border-radius: 10px; } ::-webkit-scrollbar-thumb{background:grey;border-radius:8px;} ::-webkit-scrollbar-thumb:hover{background:darkgrey;} .BOSSsearchNavWrapper{position:absolute;width:280px;overflow:hidden;top:60px;bottom:0;right:0;background-color:#304faa;display:none;z-index:99;} .shortcutNavWrapperContainer{position:absolute;width:305px;overflow:hidden;top:60px;bottom:35px;right:0;background-color:#304faa;display:none;} .shortcutNavWrapper{height:100%;width:306px;} .shortcutNavClose{width:280px;height:50px;padding-right:15px;padding-top:20px;} .shortcutHeader{width:306px;padding:10px 30px;font-size:22px;font-family:'Franklin Gothic';color:white;} .shortcutHeaderEdit{height:40px;padding-top:5px;} .shortcutTextBox{padding:0 30px 10px; } .shortcutNavEditContainer{width:305px;height:30px;padding-left:30px;padding-top:10px;} .shortcutNavDelete{width:306px;height:34px;text-align:center;padding-left:30px;padding-right:30px;} .shortcutTempDelete{display:none} .lnkShortcutEdit {height:30px;width:73px;cursor:pointer;display:inline-block;text-decoration: none;color: #acb0b7;} .lnkShortcutEdit.active{color: #fff;} .lnkBOSSConfirm{height:34px;width:105px;cursor:pointer;display:inline-block;text-decoration: none;color: #fff;text-align:center;border-right:2px solid white;padding-top:10px;} .lnkBOSSConfirm:hover, .lnkBOSSCancel:hover{color:#2e2e2e;} .lnkBOSSCancel{height:34px;width:105px;cursor:pointer;display:inline-block;text-decoration: none;color: #fff;text-align:center;padding-top:10px;} .linebreak {width:220px;height:1px;background-color:white;margin-top:25px;margin-left:30px;} .linebreak1 {width:220px;height:1px;background-color:white;margin-left:30px;} .linebreak2 {width:220px;height:1px;background-color:white;margin-top:0px;margin-left:30px;} .shortcutLinks{width:300px;list-style-type:none;color:white;cursor:pointer;padding-left:10px;padding-top:10px;padding-right:20px;overflow-y:scroll;position:absolute;top:130px;right:0;left:3px;bottom:0;} .shortcutLinks-placeholder{height:35px;width:280px;} .BOSS_shortcutRow, .BOSS_searchResultRow, .BOSS_shortcutRowDefault{overflow:visible;margin-bottom:5px;border:2px solid #304faa;} .BOSS_shortcutRow.RearrangeRows{border:1px dashed black;margin-bottom:8px;margin-right:20px;margin-left:20px;border-radius:7px;cursor:all-scroll} .liShortcut{padding-top:2px;padding-bottom:2px;} .liShortcut:before{content:'';display:inline-block;width:30px;height:30px;margin-top:7px;margin-left:7px;background-position:-150px 15px;background-image:url(../img/BOSS_iNET_Icon_15px.png);} .liShortcut:before{background-position:-150px 15px;background-image:var(--Img_INet_Icon_15px);} .sidebarIconWrapper{float:left; padding-left: 25px;line-height: 32px;} #shortcutNavWrapper .sidebarIconWrapper{float:left; padding-left: 7px;line-height: 32px;} .shortcutNameLabel, .BossSearchResultLabel{margin-left:45px;font-size:13px;width:190px;font-family:Verdana;line-height:32px;display:block;} .shortcutNameLabel:link, .shortcutNameLabel:visited, .shortcutNameLabel:link:active, .shortcutNameLabel:visited:active,.shortcutNameLabel:hover{color:white;} .BossSearchResultLabel:link, .BossSearchResultLabel:visited, .BossSearchResultLabel:link:active, .BossSearchResultLabel:visited:active,.BossSearchResultLabel:hover{color:white;} .shortcutNameLabel.disabled, .BossSearchResultLabel.disabled {pointer-events:none} .DeleteRowButton{background-image:var(--Img_INet_Icon_15px);background-position:60px 90px;width:15px;height:15px;margin-top:8px;margin-right:8px;float:right} .DeleteRowButton:hover{background-position:60px 75px;cursor:pointer} .inputTextBox{display:block;color:#fff;background-color:#304faa;background-image: none;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);margin-left: 10px;} .input-narrowTextBox {height:25px;} .input-roundEdgeTextBox{height:25px;margin-top:20px;border-radius: 12px;width:210px;padding: 5px 30px 5px 10px;} #shortcutDeleteWrapper{width:306px;display:none;} .shortcutDeleteSection{height:145px;width:306px;position:absolute;bottom:0;right:0;background-color:#8ca8ba;margin-bottom:15px} .shortcutNavDeleteBlurSection {background-color:black;width:306px;position:absolute;top:0;right:0;height:100%;opacity:0.5;} #shortcutEditWrapper {display:none;} #shortcutNameBox {display:none;} .deleteHeader{height:30px;width:306px;color:white;padding-left:30px;padding-top:20px;} .shortcutNavButton15{height:30px;width:30px;cursor:pointer;display:inline-block;background-color:#304faa;} .shortcutNavButton20{height:30px;width:30px;cursor:pointer;display:inline-block;background-color:#304faa;} .shortcutNavButton15:before{content:'';display:block;width:15px;height:15px;margin-top:10px;margin-left:7px;background-image:url(../img/BOSS_iNET_Icon_15px.png)} .shortcutNavButton15:before{background-image:var(--Img_INet_Icon_15px)} .shortcutNavButton15:hover:before{background-position-y:-15px;} .shortcutNavButton20:before{content:'';display:block;width:20px;height:20px;margin-top:5px;margin-left:5px;background-image:var(--Img_INet_Icon_20px)} .shortcutNavButton20:before{background-image:var(--Img_INet_Icon_20px)} .shortcutNavButton20:hover:before{background-position-y:-20px;} .shortcutClose{float:right;} .shortcutClose:before{background-position:-120px 0px;} .shortcutEdit:before{background-position:-390px 0px;} .shortcutEdit:hover:before{background-position:-420px 0px;} .BOSS_SearchIcon{float:right;margin-top:-27px;margin-right: 15px;background-color: rgba(255,255,255,0);} .BOSS_SearchIcon:before {background-position:-45px 0px;} .BOSS_PasteIcon{background-color: rgba(255,255,255,0);padding-top: 5px;} .BOSS_PasteIcon:before {background-position:-90px -15px;} label.BOSS_SearchArrow{margin:0;position:relative;} label.BOSS_SearchArrow:before {content:'';position:absolute;top:-10px;display:inline-block;width:15px;height:15px;background-image:url(../img/BOSS_iNET_Icon_15px.png);background-position:-150px 0px;cursor:pointer;} #searchNavContainer {clear:right;padding-left: 10px;position:absolute;top:130px;right:0;left:0;bottom:5px;overflow-y:auto;overflow-x: hidden;padding-right: 5px;} label.Arrow{margin:0;position:relative;} label.Arrow:before {content:'';position:absolute;top:-10px;display:inline-block;width:15px;height:15px;background-image:url(../img/BOSS_iNET_Icon_15px.png);background-position:-150px 0px;cursor:pointer;} label.Arrow:before {background-image:var(--Img_INet_Icon_15px);background-position:-171px 21px;} label.BOSS_SearchFolder{margin:0;position:relative;} label.BOSS_SearchFolder:before {content:'';position:absolute;top:-10px;display:inline-block;width:15px;height:15px;background-image:url(../img/BOSS_iNET_Icon_15px.png);background-position:-90px 0px;cursor:pointer;} .BossSearchFolderResult{padding-left:45px;color: white;line-height: 32px;font-size: 13px;font-family: LatoWeb; margin:3px 0 -5px;} .BossSearchFolderChild {padding-left:10px;} .searchHighlightLinks{background-color:#404c59;border:2px inset #4b5968;border-radius:5px;} .searchHighlightLinks{background-color:#032e86;border:2px inset #1d4a79;border-radius:5px;} .BossSearchSitenav {display: block;color: white;font-size: 10px;padding-left: 20px;padding-bottom: 5px;} .BossSearchResultLabel {line-height:unset; margin:7px 0 5px 45px;} /*================================================ Checkbox style ================================================*/ input[type=checkbox].bossshortcut-checkbox{position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;} input[type=checkbox].bossshortcut-checkbox + label.bossshortcut-label{height:15px;width:15px;display:inline-block;background-position: -135px 0px;vertical-align:middle;cursor:pointer;} input[type=checkbox].bossshortcut-checkbox:checked + label.bossshortcut-label{background-position: -135px -15px;} label.bossshortcut-label{background-image: url(../img/BOSS_iNET_Icon_15px.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} label.bossshortcut-label{background-image: var(--Img_INet_Icon_15px);} /*=================================================================== Shortcut Menu End ===================================================================*/ /*=================================================================== Main Search Start ===================================================================*/ .search-wrapper{padding-right:10px;} .mainSearch {height:25px;padding-top:0px;padding-bottom:0px;border-radius:7px;} .navbar-toggle-inet {position:relative;float:left;border:1px solid transparent;background-color:#0e2637;padding:5px 10px;margin:7px 0;border-radius:4px;} .navbar-toggle-inet .icon-bar {background-color:#dfe8ed;display:block;width:22px;height:2px;border-radius:1px;} .navbar-toggle-inet .icon-bar + .icon-bar {margin-top:4px;} .navbar-toggle-inet:hover, .navbar-toggle-inet.active {background-color:#dfe8ed;} .navbar-toggle-inet:hover .icon-bar, .navbar-toggle-inet.active .icon-bar {background-color:#0e2637;} /*=================================================================== Main Search End ===================================================================*/ .INetMainWrapper{height:100%;max-height:100%;display:table;width:100%;} .header{background: linear-gradient(to right, #1ca9fa, #3179e5,#7377f4);height: 45px;display:table-row;} .content{background-color:#ecf1f7;margin-bottom:25px;display:table-row;height:100%;} .footer{background-color:#ecf1f7;height:15px;display:table-row;color:#666;font-size:10px;} .footerWrapper{display:table-cell;vertical-align:middle;text-align:right;padding-right: 30px;} .imgLogo{width:77px;height:18px;margin-top:13px;margin-left: 15px;background-image:url(../img/BOSS_Logo_White.png);background-size:contain;background-position:center;background-repeat:no-repeat;} /*.contentWrapper{height:100%;margin:0 15px;border-radius:15px;overflow:auto;position:relative;}*/ .contentWrapper{height:100%;overflow:auto;} .section-header {font-size:20px;font-weight:bold;border-bottom:1px solid #AAA;padding:10px 0;margin-bottom:10px;clear:both;} .subsection-header {font-size:13px;font-weight:bold;border-bottom:1px solid #CCC;padding:10px 0 5px;margin-bottom:10px;margin-left:10px;} /*=================================================================== Message Start ===================================================================*/ .messagebox {margin-top:10px;display:none} /*=================================================================== Message End ===================================================================*/ /*=================================================================== Dashboard Widget Start ===================================================================*/ .widget {padding:10px;min-width:320px;} .widget .short {max-height:166px;} .widget .medium {max-height:266px;} .widget .long {max-height:366px;} .widget .content.short {max-height:132px;} .widget .content.medium {max-height:232px;} .widget .content.long {max-height:332px;} .widget .widget-title {border:1px solid #ccc;border-radius:5px 5px 0 0;border-bottom:none;padding:8px 14px;height:34px;background-color:#f7f7f7;} .widget .widget-content-nofooter {border:1px solid #ccc;border-radius:0 0 5px 5px;overflow-y:auto;padding:10px;} .widget .widget-content {border:1px solid #ccc;overflow-y:auto;padding:10px;} .widget .widget-footer {border:1px solid #ccc;border-radius:0 0 5px 5px;border-top:none;padding:8px 14px;height:34px;background-color:#f7f7f7;font-size:12px;} .widget-item {margin-bottom:15px;border-radius:5px;cursor:pointer;} .widget-item:hover {background-color:#f8f8f8;} .widget-item-title {font-weight:bold;} .widget-item-footer {} .DashPadding{margin: 40px 0px;} .UserViewID{background-color:#ed7e75;border: 1px solid #ed7e75;height:auto;padding:5px 10px;width:135px;color: #fff;font-size:12px;cursor: pointer; border-radius:4px;display:inline-block; margin-right: 10px} .UserViewID:not(.disableViewBox):hover{background-color:#f44d40;} /*.UserHomeViewID{background-color:#3cbdd3;border: 1px solid #3cbdd3;height:auto;padding-left: 10px;width:115px;color: #fff; font-size:12px;cursor: pointer;margin-bottom:10px; border-radius:4px 4px 4px 4px;display:inline-block; margin-right: 10px} .UserHomeRearrangeSeqID{background-color:#3cbdd3;border: 1px solid #3cbdd3;height:23px;padding-left: 10px;width:135px;color: #fff; font-size:12px;cursor: pointer;margin-bottom:10px; border-radius:4px 4px 4px 4px;display:inline-block;margin-right: 10px}*/ .UserViewID.Dashboard {margin-bottom:0px;} .UserViewIDBox.UserHomeViewIDBox {top: 30px;} .UserViewIDBox.Dashboard {position:unset; width: 250px;} .WidgetHomeButtonWrappper{margin-top: 30px;} /*.PushMargin{margin-left: 18px;}*/ .UserViewIDBox{border: 1px solid #ed7e75;position: absolute;top: 20px;background-color: #ed7e75;color: #fff;z-index: 1; display: none;border-radius: 4px;cursor: pointer;margin-top: 8px;padding-left: 20px;padding-right: 20px;} .widgetView-img{width: 20px;height: 20px;background-image: var(--Img_INet_Icon_20px);background-position: -20px -80px; display: inline-block;vertical-align: middle;margin-top: 1px; margin-right:10px} .widgetView-img{background-image: var(--Img_INet_Icon_20px);background-position: -20px -80px;} .widgetRearrange-img{width: 20px;height: 20px;background-image: var(--Img_INet_Icon_20px);background-position: -60px -80px; display: inline-block;vertical-align: middle;margin-top: 1px; margin-right:10px} .widgetRearrange-img{background-image: var(--Img_INet_Icon_20px);background-position: -60px -80px;} .UserRearrangeSeqID{background-color:#ed7e75;border: 1px solid #ed7e75;height:auto;padding:5px 10px;width:135px;color: #fff;font-size:12px;cursor: pointer;border-radius:4px;display:inline-block;} .UserRearrangeSeqID:hover{background-color:#f44d40;} /*.UserViewIDBox{display: none;border: 1px solid #3cbdd3;background-color: white;cursor: pointer;margin-bottom :10px; font-size:10px;}*/ .Widget-Rearrange-placeholder{border:1px dotted #7486c1;border-radius:5px;} .UserRearrangeSeqID span{display: inline-block;margin-left: 9px;vertical-align: middle;margin-top: 2px;} .UserViewID span{display: inline-block;margin-left: 9px;vertical-align: middle;margin-top: 2px;} /*.UserViewIDBox span{display: inline-block;margin-left: 9px;vertical-align: middle;margin-top: 2px;}*/ .disableViewBox{cursor: not-allowed; background-color:lightgray} ul.widget-listing {list-style-type:none;margin-bottom:0;padding-left:0;} /*=================================================================== Dashboard Widget Start ===================================================================*/ /*=================================================================== EmpInfoMenu Start ===================================================================*/ #searchValue{float:left;height:28px;box-shadow:5px 5px 5px #c6c6c6;} .row #profileSearchButton {padding:5px 0px 5px 5px;font-size: 11px;float:right;box-shadow:5px 5px 5px #c6c6c6;margin-bottom:5px;} a.profilemenuitem{padding:3px;text-decoration:none;} .profilemenutitle h5 {font-weight:bold;} .searchControlBackground{background-color:#e6e7e8;box-shadow:2px 2px 2px #c6c6c6;} .searchLinkBackground{background-color:#e6e7e8;padding-bottom:4px;box-shadow:5px 5px 5px #c6c6c6;} /*=================================================================== EmpInfoMenu End ===================================================================*/ /*=================================================================== Date Picker Start ===================================================================*/ .ui-datepicker.ui-corner-all, .ui-datepicker .ui-corner-all{border-radius:4px;} .ui-datepicker {border:1px solid #ccc;background-color:#fcfcfc;} .ui-datepicker-header {border:1px solid #ccc;} .ui-datepicker .ui-state-default {border:1px solid #ddd;background-color:#eee;color:#000;} .ui-datepicker .ui-state-highlight {background:#ff0;} .ui-datepicker-header .ui-icon {background-image:url(../img/ui-icons.png);width:16px;height:16px;} .ui-datepicker-header .ui-icon {background-image:var(--Img_ui-icons);} .ui-datepicker-prev .ui-icon {background-position: -80px -192px;} .ui-datepicker-next .ui-icon {background-position: -48px -192px;} .ui-datepicker .ui-datepicker-prev-hover{left:2px;top:2px;} .ui-datepicker .ui-datepicker-next-hover{right:2px;top:2px;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{display:block; margin-left:auto; margin-right:auto; float:none;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{display:none;} /*=================================================================== Date Picker End ===================================================================*/ /*=================================================================== Form Accordion Start ===================================================================*/ .lnkAccordion {cursor:pointer;} .lnkAccordion span {padding-right:30px;background:url(../img/arrow-right.png) no-repeat;background-position:right center;} .lnkAccordion span {background:var(--Img_arrow-right) no-repeat;background-position:right center;} .lnkAccordion.active span {background:url(../img/arrow-down.png) no-repeat;background-position:right center;} .lnkAccordion.active span {background:var(--Img_arrow-down) no-repeat;background-position:right center;} .AccordionContent {display:block;width:100%;} /*=================================================================== Form Accordion End ===================================================================*/ /*=================================================================== Grid Icons Start ===================================================================*/ .command-button-wrapper{text-align:center;} .btncommand {width:18px;height:18px;margin:0 3px;display:inline-block;border:none;} .btncommand15 {width:15px;height:15px;margin:0 3px;display:inline-block;border:none;} .btnedit {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-260px -160px} .btnadd {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-320px -160px} .btndelete {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-300px -160px} .btnview{background:var(--Img_INet_Icon_20px) no-repeat;background-position:-260px -40px} .btnmisc {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-80px -40px} .btnmisc {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-80px -40px} .btnwrench {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-160px -240px} .btnprint {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-120px -40px} .btnmoveup {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-160px 0px} .btnmovedown {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-280px 0px} .btntlsmoveup {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-220px -159px} .btntlsmovedown {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-200px -159px} .btncopy {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-140px -120px} .btnDashboard {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-380px -280px} .btnRecover{background:url(../img/BOSS_iNET_Icon_15px.png) no-repeat;background-position:-30px -120px} .btnCheck{background: url(../img/BOSS_iNET_Icon_20px.png) no-repeat;background-position: -60px -120px;width:20px;height:20px;display:block;} .btnTips{content: '';margin-bottom: -5px;margin-left: 5px;display: inline-block;top: 9px;width: 20px;height: 20px; background-image: url(../img/BOSS_iNET_Icon_20px.png);background-position: -80px -80px;cursor: pointer;} .btnDashboard:hover{background-position-y:-300px} .btnedit:hover {background-position-y:-180px} .btnadd:hover {background-position-y:-180px} .btndelete:hover {background-position-y:-180px} .btnmisc:hover {background-position-y:-60px} .btnwrench:hover {background-position-y:-260px} .btnprint:hover {background-position-y:-20px} .btnmoveup:hover {background-position-x:-140px} .btnmovedown:hover {background-position-x:-260px} .btntlsmoveup:hover {background-position-x:-220px;background-position-y:-179px} .btntlsmovedown:hover {background-position-x:-200px;background-position-y:-179px} .btnview:hover{background-position:-40px -20px} .btncopy:hover{background-position:-140px -140px} .btnRecover:hover {background-position:-30px -135px} .btntab{background:var(--Img_INet_Icon_20px) no-repeat;background-position:-300px -240px} .btntab{background:var(--Img_INet_Icon_20px) no-repeat;background-position:-300px -240px} .btnWidget{background:var(--Img_INet_Icon_20px) no-repeat;background-position:-320px -240px} .btnWidget{background:var(--Img_INet_Icon_20px) no-repeat;background-position:-320px -240px} .btntab:hover{background-position:-300px -260px} .btnWidget:hover{background-position:-320px -260px} .btnforward{background:var(--Img_INet_Icon_20px) no-repeat;background-position:-340px -240px} .btnforward{background:var(--Img_INet_Icon_20px) no-repeat;background-position:-340px -240px} .btnforward:hover{background-position:-340px -260px} .btnapproval {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-360px -240px} .btnapproval {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-360px -240px} .btnapproval:hover{background-position:-360px -260px} .btnprofile {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-380px -240px} .btnprofile {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-380px -240px} .btnprofile:hover{background-position:-380px -260px} .btnexport {background:var(--Img_INet_Icon_20px) no-repeat;background-position:0px -280px} .btnexport {background:var(--Img_INet_Icon_20px) no-repeat;background-position:0px -280px} .btnexport:hover{background-position:0px -300px} .btnemail {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-20px -280px} .btnemail {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-20px -280px} .btnemail:hover{background-position:-20px -300px} .btnGridInfo {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-240px -20px} .btnGridInfo:hover{background-position:-240px -0px} .dxGridView_gvHeaderSortUp{background:url(../img/BOSS_iNET_Icon_10px.png) no-repeat;background-position:-50px -30px} .dxGridView_gvHeaderSortDown{background:url(../img/BOSS_iNET_Icon_10px.png) no-repeat;background-position:-50px -20px} .btndetail {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-320px -60px} .btndetail:hover {background-position-y:-80px} /*=================================================================== Grid Icons End ===================================================================*/ .grid-form-group{margin-bottom:10px;} .grid-form-group::after{content:'';clear:both;display:block} .grid-col-div-wrapper{padding: 6px 15px;width: calc(50% - 10px);float: left;display: flex;margin: 0px 5px;flex-direction: column;} .grid-col-div-wrapper label.opt-input-wrapper{display:table;} .grid-col-div-wrapper label{white-space: pre-wrap;display: inline-block;float: left;font-weight: bold;flex: 1;padding: 0px 15px 0px 10px;} .grid-col-div-wrapper-full{padding: 6px 15px;width: calc(100% - 10px);float: left;display: flex;margin: 0px 5px -5px 5px;flex-direction: column;} .grid-col-div-wrapper-full label{white-space: pre-wrap;display: inline-block;float: left;font-weight: bold;flex: 1;padding: 0px 15px 10px 10px;} .grid-col-div-wrapper-full .RadioInput label{white-space: normal;} /*=================================================================== SP_Event GridError Start ===================================================================*/ .ErrorHighlight { /*border:1px solid red;3CBDD3*/ border:1px solid #3CBDD3 !important; } /*=================================================================== SP_Event GridError End ===================================================================*/ /*=================================================================== BOSS_Widget Start ===================================================================*/ .WidgetWrapper{height:350px;border:1px solid #eee;border-radius:15px;margin-bottom:30px;} /*.WidgetContent{overflow:auto;height:250px;padding-left: 20px;padding-right: 20px;margin-right:5px;}*/ /*.Widgetheader{height:55px; border-bottom:1px solid #505f6f;line-height: 40px;padding-left: 20px;padding-right: 20px;background-color:#505f6f;border-top-left-radius:15px;border-top-right-radius:15px;color:white;}*/ /*.MyStyle::-webkit-scrollbar {width: 10px;} .MyStyle::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0); } /* the new scrollbar will have a flat appearance with the set background color .MyStyle::-webkit-scrollbar-thumb {background-color: #505f6f; } this will style the thumb, ignoring the track .MyStyle::-webkit-scrollbar-button {background-color: rgba(0, 0, 0, 0); } optionally, you can style the top and the bottom buttons (left and right for horizontal bars) .MyStyle::-webkit-scrollbar-corner {background-color: black; } if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */ /*=================================================================== BOSS_Widget End ===================================================================*/ /*=================================================================== Grid Row Highlight Start ===================================================================*/ .dxgvDataRow.danger {background-color:#fbeaea !important} .dxgvDataRow.tams_adjusted {background-color:#e0eeff !important} .dxgvDataRow.tams_abnormal {background-color:#ffffdd !important} .dxgvDataRow.tams_pendingclk {background-color:#f3c290 !important} .dxgvDataRow.tams_rejectedclk {background-color:#ff7a7a !important} .dxgvDataRow td.dxgv.tams_srcadded {font-weight: bold;color: #438a10;} .dxgvDataRow td.dxgv.tams_adjusted {font-weight: bold;color: #2348d4;} .dxgvDataRow td.dxgv.tams_pending {font-weight: bold;color: #e47605;} .dxgvDataRow td.dxgv.tams_pendingedit {font-weight: bold;color: #2f72d1;} .dxgv.gbl_approval {background-color:#ffffdd} /*=================================================================== Grid Row Highlight End ===================================================================*/ /*=================================================================== Alert Notification Header Start ===================================================================*/ .NotiHeaderEmpPic{width:100px;height:100px;border:2px solid #ccc;display:block;margin:0 auto;background-position:center;background-size:cover} .divNotiHeaderEmpNo span{display:block;text-align:center;vertical-align:middle;font-size:14px;padding:5px 10px;font-weight:normal;} #divNotiEmpDetails{float: left; width:calc(100% - 115px);} #divNotiEmpDetails span a{font-weight:bold;font-size:20px;} #divNotiEmpNoPic{width: 100px;float: left;margin-right:15px;} #notiDetailBody span, #notiDetailBody input, #notiDetailBody select {font-weight:normal;} #notiDetailBody{font-weight:bold;} .blueUnderline{color: #428bca;cursor: pointer;text-decoration: underline;} .EmpProfileBorderInactive {border-color: #ec1c24;} .EmpProfileBorderActive {border-color: #89c240;} .EmpProfileBorderWithhold {border-color: #e6c200;} .EmpProfileBorderBlacklisted {border-color: #231f20;} .EmpProfileBorderCreating {border-color: #89c240;opacity: 0.5;} /*=================================================================== Alert Notification Header End ===================================================================*/ .main-content {height:100%;margin-left:320px;background-color:#eee;overflow:auto;background-color:#fff;} .main-content.show-full{margin-left:0;} /*.popUpEditContainer{width:480px;}*/ @media (max-width:991px) { .main-content {margin-left:0;} .spnName{display:none;} .navAccountWrapper{margin-left:0;} .loginBox{width: auto;margin: 10px 20px;} .loginHeaderWrapper{font-size: 18px;} .frmLogin{flex:1.5;} } @media (min-width:992px){ } @media (max-width:1199px) { .footer-links {margin-top:10px;} } @media (min-width:1366px) { .main-content-wrapper > .container {width:100%} } @media (min-width:768px) { /*.form-horizontal .control-label {padding-top:0px;padding-bottom:7px;}*/ } @media (max-width:767px) { .col-div-wrapper{width:calc(100% - 10px);margin-bottom: 5px;} .col-div-wrapper-full{margin-bottom: 5px;} .col-div-wrapper-full .col-text-wrapper{flex: 3;} .footer .text-left, .footer .text-right {text-align:center;} .loginBox{background-image:none;width:90%;max-width:520px;height:auto;} /*.loginHeader{background-color:#000;height:auto;}*/ .loginHeaderWrapper{/*padding:20px;border-top-left-radius:5px;border-top-right-radius:5px;*/font-size: 16px;} .loginInputWrapper{width:90%} .loginInput{width:auto;} .loginInputWrapper .btn{margin-right: 0px;} .form span {margin-bottom:0;} .form-group {margin-bottom:0;clear: both;} .form-button {text-align:center;} .widget .short, .widget .medium, .widget .long {max-height:366px;} /*.popUpEditContainer{width:300px;}*/ /*.imgLogo{margin-left:0px;}*/ .navQuickButton.navMenu, .navQuickButton.navClose{margin: 7px 10px;} .navQuickButtonContainer{height:30px;margin:7px 0;} .navQuickButton{height:30px;width:30px;} .navQuickButton:before{margin-top:5px;margin-left:5px;} .pageWrapper.hasNav{margin-left:0px;} .moduleNavWrapperContainer{top:60px;bottom:35px;background-color:#526070;z-index:1;width:0px} .moduleNavWrapperContainer.expanded{width:130px;} .moduleNavWrapperOpener{display:block;} .moduleNavIcon.active{border-bottom-right-radius:5px;border-top-right-radius:5px;} .moduleNavControlBtn{display:none;} .navAlert .alertContent{right:-5px;top:42px;} .navAlert .pointer{right:12px;top:37px} .navAlert .alertCount{right:0px;top:0px;} .moduleItemNavWrapper{font-size:12px;} .firstLevelNav,.firstLevelNav>div>a,.secondLevelNav,.secondLevelNav>div>a,.btnNavCtrl,.btnNavCtrl .navCtrlButton{height:35px;} .secondLevelNav,.btnNavCtrlSecondLevel{top:35px;} .secondLevelNav>div>a:hover, .secondLevelNav>div>a.active, .secondLevelNav>div>a.highlight{height:35px;} .secondLevelNav>div:after{top:7px;} .thirdLevelNav{top:66px} .btnNavCtrl .navCtrlButton:after{margin-top:10px;} .moduleItemNavWrapper{height:75px;} .formWrapper.hasNav{top:104px;} .sitemap{font-size: 10px;} .section-header{padding:5px 0;font-size:18px;} } @media (max-width:479px) { .header{height:40px; } .navAlert .alertContent{right:-80px;top:35px} .navAlert .pointer{right:0px;top:30px} .navAlert .alertCount{right:-10px;top:0px;} .moduleNavWrapperContainer{top:40px;} .smallAccImg{height:35px;width:35px;} .navQuickButtonContainer{height:30px;margin:6px 0 0px;} #divNavMyAccount{top:40px;} #lnkNavMyAccount{padding:3px 0;} .footer{font-size:8px;} } @media (max-width:599px) { .moduleChildContent {flex-wrap: nowrap;padding-bottom: 15px;} .lvl1Container{display:block;} .btnNavItem{width:100%;} .divLoginWrapper{flex-direction: column;} .loginInputWrapper .btn {margin-right: 20px;} .frmLogin{flex:1;} .header .sitemap{display:none;} } /*=================================================================== Grid style override Start ===================================================================*/ .dxgvControl {background:none;font-family:LatoWeb;font-size:11px;border:none;} .dxgvFocusedRow {color:#505F6F;background-color:#ddd;} .dxgvHeader {font:11px LatoWeb;background-color:#fff;/*font-weight:bold;*/border:1px solid #ddd;border-top-width: 1px!important;padding: 3px 6px;} .dxgvHeader:nth-child(1){border-left-width: 1px!important;} .dxgvHeader table{color:#808080;} .dxgvFilterRow {background-color:#f7f8fa;} .dxgvFilterRow td.dxgv {padding:3px 6px;border-bottom: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;} .dxgvFilterRow td.dxgv:nth-child(1){border-left: 1px solid #e6e6e6;} .dxGridView_gvFilterRowButton{background-image:url(../img/BOSS_iNET_Icon_15px.png);background-position:-150px -135px;width:15px;height:15px;/*position: absolute;top: 7px;right: 9px;*/} .dxGridView_gvFilterRowButton:hover{background-position:-150px -150px;} .dxeTextBox{border:1px solid #ddd;font:11px LatoWeb;} .dxeButtonEditSys.dxeButtonEdit{border-color: #ddd;} .dxeButtonEditButton{border: 1px solid #ddd;} body input.dxeEditArea{color:#505F6F;} .dxgvDataRow{color: #333;} .dxgvDataRow:nth-child(2n+1) {background-color:#f7f8fc;} .dxgvDataRow td.dxgv {padding: 3px 6px;border:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:1px solid #e6e6e6;border-right: 1px solid #e6e6e6;} .dxgvDataRow td.dxgv:nth-child(1){border-left: 1px solid #e6e6e6;} .dxgvSelectedRow {background-color:#ddd!important;color:inherit;} .dxGridView_gvHeaderFilter, .dxGridView_gvHeaderFilterActive {background-image:var(--Img_INet_Icon_20px);width:20px;height:18px;background-position:-200px -160px;} .dxGridView_gvHeaderFilter:hover, .dxGridView_gvHeaderFilterActive:hover{background-position:-200px -180px;} .btncommand{width:20px;height:20px;} .dxpLite{color:#333;font-family:LatoWeb;} .dxpLite .dxp-num{color:#333;} .dxpLite .dxp-comboBox{margin-left: 6px;border: 2px solid #e6e6e6;padding: 1px 2px;} .dxpLite .dxp-dropDownButton{border: none;background: none;} .dxWeb_pPrevDisabled, .dxWeb_pPrev, .dxWeb_pNext, .dxWeb_pNextDisabled{background-image: var(--Img_INet_Icon_20px);} .dxWeb_pPrev, .dxWeb_pPrevDisabled{background-position:-160px -160px;width:20px;height:20px;} .dxWeb_pNext, .dxWeb_pNextDisabled{background-position:-180px -160px;width:20px;height:20px;} .dxWeb_pPrev:hover, .dxWeb_pNext:hover{background-position-y: -180px;} .dxgvGroupPanel{white-space: nowrap;background-color: #fff;color: #999;border: 1px solid #ddd;padding: 10px 4px 8px 10px;margin: 10px 0px;height: 46px;} .dxgvGroupPanel .dxgvHeader{border-right:none;} .dxgvFooter {background-color:#efefef} .dxgvFooter td.dxgv{padding:0;border-bottom:none;} .gridFooterText{padding:10px;border-bottom: 1px solid #ACB5BC;} .dxgvisLocked, .dxgvisUnlocked{position:relative;padding-left: 20px !important;} .dxgvisLocked:before{content:"";background-image: url(../img/BOSS_iNET_Icon_15px.png);position: absolute;top:4px;left:1px;width: 15px;height: 15px;background-repeat:no-repeat;background-position: -135px -30px;} .dxgvisLocked:before{background-image: var(--Img_INet_Icon_15px);background-repeat:no-repeat;background-position: -135px -30px;} .dxgvisUnlocked:before{content:"";background-image: url(../img/BOSS_iNET_Icon_15px.png);position: absolute;top:4px;left:1px;width: 15px;height: 15px;background-repeat:no-repeat;background-position: -120px -30px;} .dxgvisUnlocked:before{background-image: var(--Img_INet_Icon_15px);background-repeat:no-repeat;background-position: -120px -30px;} .dxgvOutOffice{position:relative;padding-left: 20px !important;} .dxgvOutOffice:before{content:"";background-image: url(../img/BOSS_iNET_Icon_15px.png);position: absolute;top:4px;left:1px;width: 15px;height: 15px;background-repeat:no-repeat;background-position: -45px -60px;} .dxgvOutOffice:before{background-image: var(--Img_INet_Icon_15px);background-repeat:no-repeat;background-position: -45px -60px;} .dxgvEmployee {position:relative;padding-left: 20px !important;} .dxgvEmployee:before{content:"";background-image: url(../img/BOSS_iNET_Icon_15px.png);position: absolute;top:4px;left:1px;width: 15px;height: 15px;background-repeat:no-repeat;background-position: -60px -60px;} .dxgvEmployee:before{background-image: var(--Img_INet_Icon_15px);background-repeat:no-repeat;background-position: -60px -60px;} .dxgvOutsider {position:relative;padding-left: 20px !important;} .dxgvOutsider:before{content:"";background-image: url(../img/BOSS_iNET_Icon_15px.png);position: absolute;top:4px;left:1px;width: 15px;height: 15px;background-repeat:no-repeat;background-position: -75px -60px;} .dxpcModalBackLite{background-color: rgba(0, 0, 0, 0.7);} .dxpcLite .dxpc-mainDiv, .dxpcLite.dxpc-mainDiv, .dxdpLite .dxpc-mainDiv, .dxdpLite.dxpc-mainDiv{border-radius: 6px;} .dxpcLite .dxpc-header, .dxdpLite .dxpc-header{padding: 10px 20px;border-top-left-radius: 6px;border-top-right-radius: 6px;background-color: white;font-size: 18px;font-family: LatoWeb;border-bottom: 1px solid #e5e5e5;} .dxWeb_pcCloseButton{background-image: url(../img/BOSS_iNET_Icon_15px.png);background-position: -150px -60px;} .dxpc-headerContent{height: auto;} .dxgvPopupEditForm{border-radius: 6px;} /*=================================================================== Grid style override End ===================================================================*/ /*=================================================================== Grid Row Highlight Start ===================================================================*/ .dxgvDataRow.danger {background-color:#fbeaea} .dxgvDataRow.tams_adjusted {background-color:#e0eeff} .dxgvDataRow.tams_abnormal {background-color:#ffffdd} .dxgvDataRow.tams_pendingclk {background-color:#f3c290} .dxgvDataRow.tams_rejectedclk {background-color:#ff7a7a} .dxgvDataRow td.dxgv.tams_srcadded {font-weight: bold;color: #438a10;} .dxgvDataRow td.dxgv.tams_adjusted {font-weight: bold;color: #2348d4;} .dxgvDataRow td.dxgv.tams_pending {font-weight: bold;color: #e47605;} .dxgvDataRow td.dxgv.tams_pendingedit {font-weight: bold;color: #2f72d1;} .dxgv.gbl_approval {background-color:#ffffdd} /*=================================================================== Grid Row Highlight End ===================================================================*/ /*=================================================================== Loading Icon Start ===================================================================*/ #loadingIconInet {display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%; background: url(../img/BOSS-LoadingICon.gif) center no-repeat; background-color: rgba(192,192,192,0.3); z-index:2000} #loadingIconInet {background: var(--Img_LoadingIcon) center no-repeat;background-color: rgba(192,192,192,0.3) } #modalLoadingIconInet {display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%; background: url(../img/BOSS-LoadingICon.gif) center no-repeat; background-color: rgba(192,192,192,0.3);} #modalLoadingIconInet {background: var(--Img_LoadingIcon) center no-repeat;background-color: rgba(192,192,192,0.3)} #divLoadingIconInet {display: none;position: absolute;left: 0px;top: 0px; bottom:0px; width: 100%; background: url(../img/BOSS-LoadingICon.gif) center no-repeat; background-color: rgba(192,192,192,0.3);} #divLoadingIconInet {background: var(--Img_LoadingIcon) center no-repeat;background-color: rgba(192,192,192,0.3)} .loadingIconNetClaimDashboard{ background: url(../img/BOSS-LoadingICon.gif); width: 65px; height: 65px; display:none; } /*=================================================================== Loading Icon End ===================================================================*/ /*=================================================================== Relogin UI Start ===================================================================*/ #timeoutLoginInet {display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%; background-color: #ddd; z-index:200} #sessionTimeOutAlert {z-index:2600} .ReloginWrapper {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: white;border-radius: 5px;padding: 0px 10px 10px 10px;min-width: 300px;} .ReloginWrapper p {margin: 0px -10px 20px -10px;} .ReloginWrapper .loginInputWrapper{justify-content: center;} .ReloginWrapper .loginInputWrapper:nth-last-child(3) .loginInput{display: flex;align-items: center;justify-content: flex-end;margin-top:15px;} .ReloginWrapper .loginInputWrapper:nth-last-child(3) .loginInput .togglePassword{color:#999; cursor:pointer;} /*=================================================================== Relogin UI End ===================================================================*/ /*=================================================================== AjaxErrorAlert Start ===================================================================*/ #AjaxErrorAlert {z-index:2550} /*=================================================================== AjaxErrorAlert End ===================================================================*/ /*=================================================================== CompEmpSelector UI Start ===================================================================*/ .gdvCompEmpSelectEmployee .tableHeader .dxgvHeader{color:#808080} .gdvCompEmpSelectEmployeeAll, .gdvCompEmpSelectEmployeeSelection{transform:scale(1.2)} .gdvCompEmpSelectEmployeePageNo{width:45px;text-align:center;border:1px solid #808080;} .gdvCompEmpSelectEmployeePrevPage, .gdvCompEmpSelectEmployeeNextPage {background-image: var(--Img_INet_Icon_20px);border:none;background-color:transparent;padding:2px;width:20px;height:20px;outline: none;} .gdvCompEmpSelectEmployeePrevPage {margin-left:10px;background-position:-160px -160px} .gdvCompEmpSelectEmployeeNextPage {background-position:-180px -160px} .gdvCompEmpSelectEmployee .tableFilter select, .gdvCompEmpSelectEmployee .tableFilter input {height:19px;width:100%;display:inline-block;} .gdvCompEmpSelectEmployee td.emptyData {text-align:center; padding:20px;} .gdvCompEmpSelectCompany .tableHeader .dxgvHeader{color:#808080} .gdvCompEmpSelectCompanyAll, .gdvCompEmpSelectCompanySelection{transform:scale(1.2)} .gdvCompEmpSelectCompanyPageNo{width:45px;text-align:center;border:1px solid #808080;} .gdvCompEmpSelectCompanyPrevPage, .gdvCompEmpSelectCompanyNextPage {background-image: var(--Img_INet_Icon_20px);border:none;background-color:transparent;padding:2px;width:20px;height:20px;outline: none;} .gdvCompEmpSelectCompanyPrevPage {margin-left:10px;background-position:-160px -160px} .gdvCompEmpSelectCompanyNextPage {background-position:-180px -160px} .gdvCompEmpSelectCompany .tableFilter select, .gdvCompEmpSelectCompany .tableFilter input {height:19px;width:100%;display:inline-block;} .gdvCompEmpSelectCompany td.emptyData {text-align:center; padding:20px;} .btnmultiselector {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-220px -100px;height:20px;width:20px;cursor:pointer} .btnmultiselector {background:var(--Img_INet_Icon_20px) no-repeat;background-position:-220px -100px;} .btnmultiselector:active{background-position:-220px -80px} .gdvCompEmpSelectEmployeeNextPage:hover, .gdvCompEmpSelectEmployeePrevPage:hover, .gdvCompEmpSelectCompanyNextPage:hover, .gdvCompEmpSelectCompanyPrevPage:hover {background-position-y: -180px;} /*=================================================================== CompEmpSelector UI End ===================================================================*/ /*=================================================================== IvaBot Start ===================================================================*/ .divIvaBot {width:70px; height:70px;border-radius:50%;background-color:orangered;cursor:pointer;position:absolute;bottom:0px;left:0px;background-image:url('../img/INetChatbot/i-NET Chatbot Icon-02.png');background-size:contain; z-index:10;} .divIvaBotContainer {width:70px; height:70px;position:fixed;right:30px;bottom:35px;overflow:visible;} .divIvaBotMessengerContainer {position:absolute;bottom:15px;left:15px;width:300px;height:500px;border:1px solid #ccc;background-color:#f7f7f7;border-radius:5px;display:none;} .divIvaBotMessenger {width:100%;height:460px;overflow-y:auto; overflow-x:hidden;scrollbar-width:thin;} .divIvaBotMessenger::-webkit-scrollbar{width:8px;} .divIvaBotMessenger::-webkit-scrollbar-thumb{background:#aaa;border-radius:8px;border:2px solid #f7f7f7} .divIvaBotMessenger::-webkit-scrollbar-thumb:hover{background:#888;} .divIvaBotMessenger::-webkit-scrollbar-track{background:#f7f7f7;box-shadow:none;} .divIvaMessageContainer {width:90%;padding:10px;position:relative;} .divIvaBotMessage {float:left;} .divIvaUserMessage {float:right;text-align:right;} .divIvaPortrait{width:30px;height:30px;border-radius:50%;position:absolute;top:10px;background-size:contain;} .divIvaBotIcon{left:10px;background-color:orangered;background-image:url('../img/IvaBot.png');} .divIvaUserIcon{right:10px;background-color:#304fa9} .divIvaMessageText{border:1px solid #ccc; border-radius:5px;padding:3px 5px;display:inline-block;margin-bottom:3px;background-color:#fff;} .divIvaMessageText a{font-weight:bold;text-decoration:underline;color:orangered;} .divIvaBotMessageText{margin-left:10px;background-color:#e6ffff;font-size:14px;} .divIvaUserMessageText{margin-right:10px;font-size:14px;} .divIvaBotOptions{margin-left:35px;display:flex;flex-direction:column;} .divIvaBotOption{border-radius:10px;color:#fff;background-color:#304fa9;display:inline-block;margin-bottom:3px;padding:3px 10px;cursor:pointer;align-self:flex-start;} .divIvaBotOption.selected{background-color:orangered;} .divIvaBotOption:hover:not(.disabled){background-color:#4163c5;} .divIvaUserInput {height:40px;padding:5px;display:flex;justify-content:flex-end;border-top: 1px solid#ccc;} .txtIvaUserSubmitTextBox {display:inline-block;width:280px;height:30px;border-radius:20px;border:1px solid #aaa;padding:10px;} .txtIvaUserSubmitTextBox:focus {outline:none;} .divIvaUserSubmitButton {display:inline-block;width:30px;height:30px;position:relative;cursor:pointer;} .divIvaUserSubmitButton:before {content:'';display:block;background-image:url('../img/BOSS_INET_Icon_25px.png');position:absolute;top:2px;left:2px;width:25px;height:25px;background-position:-225px -50px;} .divIvaUserSubmitButton:hover:before {background-position-y:-75px;} .divBotChatBubble::before{content:''; position:absolute; width:0; height:0; bottom: 50%; left: 4%; transform:rotate(-90deg); border:0.75rem solid transparent; border-top:none; border-bottom-color:#e6ffff; filter:drop-shadow(0 -2px 0px #ccc);} .divBotChatBubbleOption::before{content:''; position:absolute; width:0; height:0; bottom: 80%; left: 4%; transform:rotate(-90deg); border:0.75rem solid transparent; border-top:none; border-bottom-color:#e6ffff; filter:drop-shadow(0 -2px 0px #ccc);} .divUserChatBubble::before{content:''; position:absolute; width:0; height:0; bottom: 50%; right: 4%; transform:rotate(90deg); border:0.75rem solid transparent; border-top:none; border-bottom-color:#fff; filter:drop-shadow(0 -2px 0px #ccc);} /*=================================================================== IvaBot End ===================================================================*/ /*=================================================================== Redirect to homepage on call grid action Start ===================================================================*/ td.dxgvTitlePanel { display:none; } /*=================================================================== Redirect to homepage on call grid action End ===================================================================*/ #inetHelper { width: 16px; height: 16px; border-radius: 8px; background-image: url('/img/ui-icons.png'); background-position: -48px -144px; cursor: pointer; display:none; float:right;} #inetHelper {background-image: var(--Img_ui-icons); background-position: -48px -144px;} .tblPrevPage, .tblNextPage {background-image: url(../img/BOSS_iNET_Icon_15px.png);border:none;background-color:transparent;padding:2px;width:15px;height:15px} .tblPrevPage {margin-left:10px;background-position:0px -30px} .tblNextPage {background-position:-15px -30px} .tblPageNo{width:45px;text-align:center;border:1px solid #3CBDD3;} /*=================================================================== Global Icon Start ===================================================================*/ .glyphicon-circle-arrow-down:before{ content: '' !important; } .glyphicon-circle-arrow-down:before{ width: 20px; height: 20px; background-image: var(--Img_INet_Icon_20px); background-position: -40px -380px; display: inline-block; vertical-align: middle; margin-left: 8px; margin-bottom: 2px; } .masterIcon{ height: 25px; width: 100px; display:flex; } .attachmentFlex{ display:flex; } .attachmentForm{ width:100% } .attachmentIcon{ width:110px; } .attachmentIconWidth140px{width:140px !important;} .btnDeleteFileAttachment{min-width:25px;max-width:25px;height:25px;cursor:pointer;background-image:url(../img/BOSS_iNET_Icon_25px.png);background-position:-125px -600px;margin-right:5px;} .btnDeleteFileAttachment:hover{background-position-y:-625px;} .downloadIconHead{ display: inline-block; height: 25px; width: 30px; background-color: #3a63f5; border-radius: 25px 0px 0px 25px; } .downloadIconTail{ display: inline-block; height: 25px; width: 70px; text-align: inherit; color: white; border-radius: 0px 25px 25px 0px; background-color: #3a63f5; } @media (max-width:480px) { .glyphicon-circle-arrow-down:before{ width: 20px; height: 20px; background-image: var(--Img_INet_Icon_20px); background-position: -40px -380px; display: inline-block; } .downloadIconTail{ display:none; } .masterIcon{ height: 20px; width: 20px; } .downloadIconHead{ display: inline-block; height: 20px; width: 20px; background-color: transparent; } .attachmentIcon{ width:20px; } } .INetAttachmentIcon20:before { content: ''; display: inline-block; width: 20px; height: 20px; background-image: var(--Img_INet_Icon_20px); background-position: -40px -380px; cursor: pointer; margin-left: auto; margin-right: auto; } /*=================================================================== Global Icon End ===================================================================*/ .FileInputAllowedExtensionTxt{color:blue;-webkit-touch-callout: none;-webkit-user-select:none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select:none;user-select:none;} /*=================================================================== Grid Colour Start ===================================================================*/ .grid-guide-desc{display:flex; margin-top:10px; margin-right:10px;} .grid-guide-desc-colour{width:15px; height:15px; border:#000000 solid 1px; margin-right: 5px;} .grid-guide-desc-label{font-size:11px;font-weight:bold;} .grid-no-action { background-color: #ffd9d9; } /*=================================================================== Grid Colour End ===================================================================*/ /*=================================================================== Password Requirements Start ===================================================================*/ .pswdRequirement {font-weight: bold} /*=================================================================== Password Requirements End ===================================================================*/ .ui-autocomplete-loading { background:#fff url('images/ui-anim_basic_16x16.gif') right 5px center no-repeat; } /*=================================================================== Beautiful Switch Box Start ===================================================================*/ .switch_button_slider { background-color: #ffffff2b; border-radius: 100px; padding:1px; margin:0px; margin-right:5px; cursor:pointer; transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; align-items:center; position:relative; display:inline-block; width:31px; height:18px; min-height:18px; vertical-align:middle; box-shadow: rgba(0, 0, 0, 0.62) 0px 0px 5px inset, rgba(0, 0, 0, 0.21) 0px 0px 0px 24px inset, #22cc3f 0px 0px 0px 0px inset, rgba(224, 224, 224, 0.45) 0px 1px 0px 0px; } .switch_button_slider::after { content:""; display:flex; top:1px; left:2px; width:16px; height:16px; background-color:#e3e3e3; border-radius:100px; position:absolute; box-shadow: transparent 0px 0px 0px 2px, rgba(0, 0, 0, 0.3) 0px 6px 6px; transition: left 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s; } .switch_button input[type="checkbox"]:checked ~ .switch_button_slider { box-shadow: rgba(0, 0, 0, 0.62) 0px 0px 5px inset, #22cc3f 0px 0px 0px 2px inset, #22cc3f 0px 0px 0px 24px inset, rgba(224, 224, 224, 0.45) 0px 1px 0px 0px; } .switch_button input[type="checkbox"]:checked ~ .switch_button_slider::after { left:14px; background-image:url(../img/tick.png); } .switch_button input[type="checkbox"] { display:none; } .switch_button { margin:0px; } /*=================================================================== Beautiful Switch Box End ===================================================================*/